feat: add a ghost writer demo

[nperez0111]

This adds a demo which can simulate multiple users within the same document.
It uses partykit to connect to the same server, but generates a random room.
It allows instantiating multiple instances of the ghost writer.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
blocknote	✅ Ready (Inspect)	Visit Preview	May 12, 2025 7:07am
blocknote-website	✅ Ready (Inspect)	Visit Preview	May 12, 2025 7:07am

[pkg-pr-new]

Open in StackBlitz

@blocknote/ariakit

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/ariakit@1642

@blocknote/code-block

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/code-block@1642

@blocknote/core

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/core@1642

@blocknote/mantine

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/mantine@1642

@blocknote/react

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/react@1642

@blocknote/server-util

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/server-util@1642

@blocknote/shadcn

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/shadcn@1642

@blocknote/xl-multi-column

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/xl-multi-column@1642

@blocknote/xl-odt-exporter

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/xl-odt-exporter@1642

@blocknote/xl-pdf-exporter

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/xl-pdf-exporter@1642

@blocknote/xl-docx-exporter

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/xl-docx-exporter@1642

commit: b963230

[YousefED]

Nice! I think good solution with the iframes.

• can we display the iframe url somewhere to make it easy to open a clean window with 1 client?
• I don't see awareness (cursors) of the ghost writers, is that missing?
• the preview environment (https://blocknote-git-simulate-multiple-users-typecell.vercel.app/collaboration/ghost-writer) seems to have a styling issue

[YousefED]

I don't think this should be listed in docs - it's not a useful code snippet to learn from, right?

[nperez0111]

Didn't know that was possible!

[nperez0111]

I don't see awareness (cursors) of the ghost writers, is that missing?

Cursors only display to clients when an editor is focused, so you won't see the cursors unless you are focused on a ghost writer, then the ghost writer cursor would show in the other editors.

can we display the iframe url somewhere to make it easy to open a clean window with 1 client?

I don't think I totally get what you are asking here. Are you wanting for the ghost writer to not start until you want (i.e. start paused)? Or are you asking for something else?