How to save document to database

[karthikcodes6]

I see there is an onChange event in the server-side code. But I'm not sure how to parse the Ydoc to slate JSON format.

const server = Server.configure({
  port: 1234,

  extensions: [new Logger()],
  onChange: async (data) => {
    
  },

  async onLoadDocument(data) {
    if (data.document.isEmpty('content')) {
      const insertDelta = slateNodesToInsertDelta(initialValue);
      const sharedRoot = data.document.get('content', Y.XmlText) as Y.XmlText;
      sharedRoot.applyDelta(insertDelta);
    }

    return data.document;
  },
});

Any thoughts?

[BitPhinix]

You can convert the root Y.XmlText to a slate element using yTextToSlateElement.

Something along the lines of

const server = Server.configure({
  port: 1234,

  extensions: [new Logger()],
  onChange: async (data) => {
    const sharedRoot = data.document.get('content', Y.XmlText) as Y.XmlText
    const slateContents = yTextToSlateElement(sharedRoot).children

    // ....
  },

  async onLoadDocument(data) {
    if (data.document.isEmpty('content')) {
      const insertDelta = slateNodesToInsertDelta(initialValue)
      const sharedRoot = data.document.get('content', Y.XmlText) as Y.XmlText
      sharedRoot.applyDelta(insertDelta)
    }

    return data.document
  },
})

[karthikcodes6]

Thanks, @BitPhinix this works like charm.