Server Endpoint for Converting HTML to Plate format

[zbeyens]

Discussed in #3005

^{Originally posted by mstelz February 29, 2024}
Using NextJS I have an app/api/route.ts with the following:

export async function POST(request: Request) {
    const editor = createPlateEditor({ plugins });
    const json = deserializeHtml(editor, {element: request.body}
    
    return Response.json(json)
}

but when I try to run it I receive the error

TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/context-in-server-component

What am I missing? I thought this was possible but correct me if I am wrong.

Thanks in advance!

Funding

• You can sponsor this specific effort via a Polar.sh pledge below
• We receive the pledge once the issue is completed & verified

[zbeyens]

This PR made progress on this issue: #3125. We now have a @udecode/plate-common/server entrypoint for createPlateEditor. In Plate 33, all serializers work server-side except the html one.

TODOs:

• server bundle for each node plugin to be used with deserializeHtml
• serializeHtml currently depends on React so this one will need a rework using the same pattern than deserializeHtml