prosekit-registry 0.0.1

package/dist/r/preact-example-view-adapter.json

@@ -0,0 +1,58 @@
+{
+  "name": "preact-example-view-adapter",
+  "title": "preact-example-view-adapter",
+  "type": "registry:block",
+  "description": "Custom node and mark views using view adapters.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-define-atom-block.json",
+    "https://prosekit.dev/r/preact-sample-sample-doc-view-adapter.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/view-adapter/atom-block-view.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/view-adapter/atom-block-view.tsx",
+      "content": "import { useCallback } from 'preact/hooks'\nimport { useEditorDerivedValue, type PreactNodeViewProps } from 'prosekit/preact'\n\nexport function AtomBlockView(props: PreactNodeViewProps) {\n  const docJSON = useEditorDerivedValue(useCallback((editor) => {\n    return JSON.stringify(editor.getDocJSON(), null, 2)\n  }, []))\n\n  return (\n    <div data-atom-block=\"true\" data-atom-block-view=\"true\" className=\"bg-green-500/30\">\n      <div data-testid=\"atom-block-view-label\">Atom Block View</div>\n      <div data-testid=\"atom-block-view-pos\">{props.getPos()}</div>\n      <div data-testid=\"atom-block-view-context\">\n        <pre>{docJSON}</pre>\n      </div>\n    </div>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/view-adapter/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/view-adapter/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useMemo } from 'preact/hooks'\nimport { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { sampleContent } from '../../sample/sample-doc-view-adapter'\n\nimport { defineExtension } from './extension'\n\ninterface EditorProps {\n  initialContent?: NodeJSON\n}\n\nexport default function Editor(props: EditorProps) {\n  const defaultContent = props.initialContent ?? sampleContent\n  const editor = useMemo(() => {\n    return createEditor({ extension: defineExtension(), defaultContent })\n  }, [defaultContent])\n\n  return (\n    <ProseKit editor={editor}>\n      <div className=\"box-border h-full w-full min-h-36 overflow-y-hidden overflow-x-hidden rounded-md border border-solid border-gray-200 dark:border-gray-700 shadow-sm flex flex-col bg-white dark:bg-gray-950 text-black dark:text-white\">\n        <div className=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} className=\"ProseMirror box-border min-h-full px-[max(4rem,calc(50%-20rem))] py-8 outline-hidden outline-0 [&_span[data-mention=user]]:text-blue-500 [&_span[data-mention=tag]]:text-violet-500\"></div>\n        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/view-adapter/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/view-adapter/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\nimport { definePreactNodeView } from 'prosekit/preact'\n\nimport { defineAtomBlock } from '../../sample/define-atom-block'\n\nimport { AtomBlockView } from './atom-block-view'\n\nexport function defineExtension() {\n  return union(\n    defineBasicExtension(),\n    defineAtomBlock(),\n    definePreactNodeView({\n      name: 'atomBlock',\n      component: AtomBlockView,\n    }),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/view-adapter/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/view-adapter/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": true,
+    "story": "view-adapter",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/view-adapter/atom-block-view.tsx",
+      "registry/src/preact/examples/view-adapter/editor.tsx",
+      "registry/src/preact/examples/view-adapter/extension.ts",
+      "registry/src/preact/examples/view-adapter/index.ts",
+      "registry/src/preact/sample/define-atom-block.ts",
+      "registry/src/preact/sample/sample-doc-view-adapter.ts"
+    ],
+    "internalDependencies": [
+      "preact-sample-define-atom-block",
+      "preact-sample-sample-doc-view-adapter"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-example-word-counter.json

@@ -0,0 +1,52 @@
+{
+  "name": "preact-example-word-counter",
+  "title": "preact-example-word-counter",
+  "type": "registry:block",
+  "description": "Display word and character count statistics.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-word-counter.json",
+    "https://prosekit.dev/r/preact-ui-word-counter.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/word-counter/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/word-counter/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useMemo } from 'preact/hooks'\nimport { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { sampleContent } from '../../sample/sample-doc-word-counter'\nimport { WordCounter } from '../../ui/word-counter'\n\nimport { defineExtension } from './extension'\n\ninterface EditorProps {\n  initialContent?: NodeJSON\n}\n\nexport default function Editor(props: EditorProps) {\n  const defaultContent = props.initialContent ?? sampleContent\n  const editor = useMemo(() => {\n    const extension = defineExtension()\n    return createEditor({\n      extension,\n      defaultContent,\n    })\n  }, [defaultContent])\n\n  return (\n    <ProseKit editor={editor}>\n      <div className=\"box-border h-full w-full min-h-36 overflow-y-hidden overflow-x-hidden rounded-md border border-solid border-gray-200 dark:border-gray-700 shadow-sm flex flex-col bg-white dark:bg-gray-950 text-black dark:text-white\">\n        <div className=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} className=\"ProseMirror box-border min-h-full px-[max(4rem,calc(50%-20rem))] py-8 outline-hidden outline-0 [&_span[data-mention=user]]:text-blue-500 [&_span[data-mention=tag]]:text-violet-500\"></div>\n          <WordCounter />\n        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/word-counter/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/word-counter/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\n\nexport function defineExtension() {\n  return union(defineBasicExtension())\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/word-counter/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/word-counter/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "word-counter",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/word-counter/editor.tsx",
+      "registry/src/preact/examples/word-counter/extension.ts",
+      "registry/src/preact/examples/word-counter/index.ts",
+      "registry/src/preact/sample/sample-doc-word-counter.ts",
+      "registry/src/preact/ui/word-counter/index.ts",
+      "registry/src/preact/ui/word-counter/word-counter.tsx"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-word-counter",
+      "preact-ui-word-counter"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-example-yjs.json

@@ -0,0 +1,62 @@
+{
+  "name": "preact-example-yjs",
+  "title": "preact-example-yjs",
+  "type": "registry:block",
+  "description": "Real-time collaboration using Yjs CRDT library.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-ui-toolbar.json"
+  ],
+  "dependencies": [
+    "prosekit",
+    "y-websocket",
+    "yjs"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/yjs/editor-component.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/yjs/editor-component.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\nimport 'prosekit/extensions/yjs/style.css'\n\nimport { useMemo } from 'preact/hooks'\nimport { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\nimport { WebsocketProvider } from 'y-websocket'\nimport * as Y from 'yjs'\n\nimport { Toolbar } from '../../ui/toolbar'\n\nimport { defineExtension } from './extension'\n\nexport default function EditorComponent(props: { room?: string }) {\n  const editor = useMemo(() => {\n    const doc = new Y.Doc()\n    const provider = new WebsocketProvider(\n      'wss://demos.yjs.dev/ws',\n      `github.com/prosekit/room_${props.room}`,\n      doc,\n    )\n\n    const extension = defineExtension(doc, provider.awareness)\n    return createEditor({ extension })\n  }, [props.room])\n\n  return (\n    <ProseKit editor={editor}>\n      <div className=\"box-border h-full w-full min-h-36 overflow-y-hidden overflow-x-hidden rounded-md border border-solid border-gray-200 dark:border-gray-700 shadow-sm flex flex-col bg-white dark:bg-gray-950 text-black dark:text-white\">\n        <Toolbar />\n        <div className=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} className=\"ProseMirror box-border min-h-full px-[max(4rem,calc(50%-20rem))] py-8 outline-hidden outline-0 [&_span[data-mention=user]]:text-blue-500 [&_span[data-mention=tag]]:text-violet-500\"></div>\n        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/yjs/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/yjs/editor.tsx",
+      "content": "import { useState } from 'preact/hooks'\n\nimport EditorComponent from './editor-component'\n\nexport default function Page() {\n  const [room] = useState(() => {\n    return Math.random().toString(36).substring(2, 15)\n  })\n\n  return (\n    <div className=\"h-full flex flex-col gap-2\">\n      <EditorComponent room={room} />\n      <EditorComponent room={room} />\n    </div>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/yjs/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/yjs/extension.ts",
+      "content": "import { defineBaseCommands, defineBaseKeymap, union } from 'prosekit/core'\nimport { defineBlockquote } from 'prosekit/extensions/blockquote'\nimport { defineBold } from 'prosekit/extensions/bold'\nimport { defineCode } from 'prosekit/extensions/code'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineDropCursor } from 'prosekit/extensions/drop-cursor'\nimport { defineHeading } from 'prosekit/extensions/heading'\nimport { defineImage } from 'prosekit/extensions/image'\nimport { defineItalic } from 'prosekit/extensions/italic'\nimport { defineLink } from 'prosekit/extensions/link'\nimport { defineList } from 'prosekit/extensions/list'\nimport { defineModClickPrevention } from 'prosekit/extensions/mod-click-prevention'\nimport { defineParagraph } from 'prosekit/extensions/paragraph'\nimport { defineStrike } from 'prosekit/extensions/strike'\nimport { defineTable } from 'prosekit/extensions/table'\nimport { defineText } from 'prosekit/extensions/text'\nimport { defineUnderline } from 'prosekit/extensions/underline'\nimport { defineVirtualSelection } from 'prosekit/extensions/virtual-selection'\nimport { defineYjs } from 'prosekit/extensions/yjs'\nimport type { Awareness } from 'prosekit/extensions/yjs'\nimport type * as Y from 'yjs'\n\nexport function defineExtension(doc: Y.Doc, awareness: Awareness) {\n  return union([\n    defineDoc(),\n    defineText(),\n    defineHeading(),\n    defineList(),\n    defineBlockquote(),\n    defineBaseKeymap(),\n    defineBaseCommands(),\n    defineItalic(),\n    defineBold(),\n    defineUnderline(),\n    defineStrike(),\n    defineCode(),\n    defineLink(),\n    defineImage(),\n    defineParagraph(),\n    defineDropCursor(),\n    defineVirtualSelection(),\n    defineModClickPrevention(),\n    defineTable(),\n    defineYjs({ doc, awareness }),\n  ])\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/yjs/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/yjs/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "yjs",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/yjs/editor-component.tsx",
+      "registry/src/preact/examples/yjs/editor.tsx",
+      "registry/src/preact/examples/yjs/extension.ts",
+      "registry/src/preact/examples/yjs/index.ts",
+      "registry/src/preact/ui/button/button.tsx",
+      "registry/src/preact/ui/button/index.ts",
+      "registry/src/preact/ui/image-upload-popover/image-upload-popover.tsx",
+      "registry/src/preact/ui/image-upload-popover/index.ts",
+      "registry/src/preact/ui/toolbar/index.ts",
+      "registry/src/preact/ui/toolbar/toolbar.tsx"
+    ],
+    "internalDependencies": [
+      "preact-ui-toolbar"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-sample-define-atom-block.json

@@ -0,0 +1,29 @@
+{
+  "name": "preact-sample-define-atom-block",
+  "title": "preact-sample-define-atom-block",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/sample/define-atom-block.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/define-atom-block.ts",
+      "content": "import { defineNodeSpec } from 'prosekit/core'\n\n/**\n * Defines an atom block node for testing purposes.\n */\nexport function defineAtomBlock() {\n  return defineNodeSpec({\n    name: 'atomBlock',\n    group: 'block',\n    atom: true,\n    parseDOM: [{\n      tag: 'div[data-atom-block]',\n    }],\n    toDOM: () => {\n      return ['div', { 'data-atom-block': 'true' }, 'atom block']\n    },\n  })\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/sample/define-atom-block.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-sample-katex.json

@@ -0,0 +1,29 @@
+{
+  "name": "preact-sample-katex",
+  "title": "preact-sample-katex",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "katex"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/sample/katex.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/katex.ts",
+      "content": "import { render } from 'katex'\n\nexport function renderKaTeXMathBlock(text: string, element: HTMLElement) {\n  render(text, element, { displayMode: true, throwOnError: false, output: 'mathml' })\n}\n\nexport function renderKaTeXMathInline(text: string, element: HTMLElement) {\n  render(text, element, { displayMode: false, throwOnError: false, output: 'mathml' })\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/sample/katex.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-sample-sample-doc-block-handle.json

@@ -0,0 +1,29 @@
+{
+  "name": "preact-sample-sample-doc-block-handle",
+  "title": "preact-sample-sample-doc-block-handle",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/sample/sample-doc-block-handle.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-block-handle.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'heading',\n      attrs: {\n        level: 1,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Drag and Drop Demo',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Try dragging any paragraph or heading by clicking on the handle that appears on the left when you hover over it.',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 2,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Getting Started',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Hover over any block to see the drag handle appear. Click and drag to reorder content.',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'This paragraph can be moved above or below other blocks.',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 2,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Different Block Types',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'You can drag paragraphs, headings, lists, code blocks, and more.',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 3,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Lists Work Too',\n        },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: {\n        kind: 'bullet',\n        order: null,\n        checked: false,\n        collapsed: false,\n      },\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: 'This entire list can be dragged',\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: {\n        kind: 'bullet',\n        order: null,\n        checked: false,\n        collapsed: false,\n      },\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: 'Individual list items stay together',\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: {\n        kind: 'bullet',\n        order: null,\n        checked: false,\n        collapsed: false,\n      },\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: 'Try moving this list around',\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: {\n        kind: 'ordered',\n        order: null,\n        checked: false,\n        collapsed: false,\n      },\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: 'Ordered lists also support dragging',\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: {\n        kind: 'ordered',\n        order: null,\n        checked: false,\n        collapsed: false,\n      },\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: 'The numbering updates automatically',\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: {\n        kind: 'ordered',\n        order: null,\n        checked: false,\n        collapsed: false,\n      },\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: 'Drag this list to see it in action',\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 3,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Code Blocks',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Even code blocks can be moved:',\n        },\n      ],\n    },\n    {\n      type: 'codeBlock',\n      attrs: {\n        language: 'javascript',\n      },\n      content: [\n        {\n          type: 'text',\n          text: '// This code block can be dragged\\nfunction dragAndDrop() {\\n  return \"Easy to rearrange!\"\\n}',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 2,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Nested Content',\n        },\n      ],\n    },\n    {\n      type: 'blockquote',\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: 'This blockquote can be moved as a single unit.',\n            },\n          ],\n        },\n        {\n          type: 'blockquote',\n          content: [\n            {\n              type: 'paragraph',\n              content: [\n                {\n                  type: 'text',\n                  text: 'Nested blockquotes move together with their parent.',\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 2,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Try It Yourself',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Practice by moving this paragraph to the top of the document.',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Or drag this one to between the headings above.',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'The drag handles make it easy to reorganize your content exactly how you want it.',\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/sample/sample-doc-block-handle.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-sample-sample-doc-bold.json

@@ -0,0 +1,29 @@
+{
+  "name": "preact-sample-sample-doc-bold",
+  "title": "preact-sample-sample-doc-bold",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/sample/sample-doc-bold.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-bold.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'bold',\n            },\n          ],\n          text: 'This is bold',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'bold',\n            },\n          ],\n          text: 'This is bold too',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'This is normal text',\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/sample/sample-doc-bold.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-sample-sample-doc-code-block.json

@@ -0,0 +1,29 @@
+{
+  "name": "preact-sample-sample-doc-code-block",
+  "title": "preact-sample-sample-doc-code-block",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/sample/sample-doc-code-block.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-code-block.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nconst js = `\nasync function start() {\n  while (true) {\n    await sleep()\n    await eat()\n    await code('JavaScript!')\n  }\n}\n`.trim()\n\nconst py = `\nasync def start():\n    while True:\n        await sleep()\n        await eat()\n        await code('Python!')\n`.trim()\n\nconst go = `\nfunc start() {\n\tfor {\n\t\tsleep()\n\t\teat()\n\t\tcode('Go!')\n\t}\n}\n`.trim()\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'codeBlock',\n      attrs: { language: 'javascript' },\n      content: [{ type: 'text', text: js }],\n    },\n    {\n      type: 'codeBlock',\n      attrs: { language: 'python' },\n      content: [{ type: 'text', text: py }],\n    },\n    {\n      type: 'codeBlock',\n      attrs: { language: 'go' },\n      content: [{ type: 'text', text: go }],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/sample/sample-doc-code-block.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-sample-sample-doc-code.json

@@ -0,0 +1,29 @@
+{
+  "name": "preact-sample-sample-doc-code",
+  "title": "preact-sample-sample-doc-code",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/sample/sample-doc-code.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-code.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'code',\n            },\n          ],\n          text: 'This is code',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'This is normal text',\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/sample/sample-doc-code.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-sample-sample-doc-drop-cursor.json

@@ -0,0 +1,29 @@
+{
+  "name": "preact-sample-sample-doc-drop-cursor",
+  "title": "preact-sample-sample-doc-drop-cursor",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/sample/sample-doc-drop-cursor.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-drop-cursor.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Drag the images below to see the custom drop cursor.',\n        },\n      ],\n    },\n    {\n      type: 'image',\n      attrs: {\n        src: 'https://static.photos/yellow/320x240/42',\n      },\n    },\n    {\n      type: 'image',\n      attrs: {\n        src: 'https://static.photos/green/320x240/40',\n      },\n    },\n    {\n      type: 'image',\n      attrs: {\n        src: 'https://static.photos/blue/320x240/187',\n      },\n    },\n    {\n      type: 'image',\n      attrs: {\n        src: 'https://static.photos/red/320x240/188',\n      },\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/sample/sample-doc-drop-cursor.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-sample-sample-doc-full.json

@@ -0,0 +1,29 @@
+{
+  "name": "preact-sample-sample-doc-full",
+  "title": "preact-sample-sample-doc-full",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/sample/sample-doc-full.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-full.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nconst EULER_IDENTITY = String.raw`e^{i\\pi} + 1 = 0`\n\nconst GAUSSIAN_INTEGRAL = String.raw`\\int_{-\\infty}^{\\infty} e^{-x^2} \\, dx = \\sqrt{\\pi}`\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'heading',\n      attrs: { level: 1 },\n      content: [{ type: 'text', text: 'The editor that thinks like you' }],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        { type: 'text', text: 'Every keystroke flows naturally. Every feature appears exactly when you need it. This is ' },\n        { type: 'text', marks: [{ type: 'bold' }], text: 'writing without barriers' },\n        { type: 'text', text: '.' },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: { level: 2 },\n      content: [{ type: 'text', text: 'Text that shines.' }],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        { type: 'text', text: 'Make your words ' },\n        { type: 'text', marks: [{ type: 'bold' }], text: 'bold' },\n        { type: 'text', text: ', ' },\n        { type: 'text', marks: [{ type: 'italic' }], text: 'italic' },\n        { type: 'text', text: ', ' },\n        { type: 'text', marks: [{ type: 'underline' }], text: 'underlined' },\n        { type: 'text', text: ', or ' },\n        { type: 'text', marks: [{ type: 'strike' }], text: 'crossed out' },\n        { type: 'text', text: '. Add ' },\n        { type: 'text', marks: [{ type: 'code' }], text: 'inline code' },\n        { type: 'text', text: ' that stands out. Create ' },\n        {\n          type: 'text',\n          marks: [{ type: 'link', attrs: { href: 'https://prosekit.dev' } }],\n          text: 'links',\n        },\n        { type: 'text', text: ' that connect.' },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        { type: 'text', text: 'Select any text to format it. Type ' },\n        { type: 'text', marks: [{ type: 'code' }], text: '@' },\n        { type: 'text', text: ' to mention ' },\n        { type: 'mention', attrs: { id: '39', value: '@someone', kind: 'user' } },\n        { type: 'text', text: ' or ' },\n        { type: 'text', marks: [{ type: 'code' }], text: '#' },\n        { type: 'text', text: ' for ' },\n        { type: 'mention', attrs: { id: '1', value: '#topics', kind: 'tag' } },\n        { type: 'text', text: '. Press ' },\n        { type: 'text', marks: [{ type: 'code' }], text: '/' },\n        { type: 'text', text: \" and discover what's possible.\" },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: { level: 2 },\n      content: [{ type: 'text', text: 'Lists that organize.' }],\n    },\n    {\n      type: 'list',\n      attrs: { kind: 'bullet', order: null, checked: false, collapsed: false },\n      content: [\n        { type: 'paragraph', content: [{ type: 'text', text: 'Bullet points that guide thoughts' }] },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: { kind: 'bullet', order: null, checked: false, collapsed: false },\n      content: [\n        { type: 'paragraph', content: [{ type: 'text', text: 'Nested lists for complex ideas' }] },\n        {\n          type: 'list',\n          attrs: { kind: 'bullet', order: null, checked: false, collapsed: false },\n          content: [\n            { type: 'paragraph', content: [{ type: 'text', text: 'Sub-points flow naturally' }] },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: { kind: 'bullet', order: null, checked: false, collapsed: false },\n      content: [\n        { type: 'paragraph', content: [{ type: 'text', text: 'Tasks that focus' }] },\n        {\n          type: 'list',\n          attrs: { kind: 'task', order: null, checked: true, collapsed: false },\n          content: [\n            { type: 'paragraph', content: [{ type: 'text', text: 'Done feels good' }] },\n          ],\n        },\n        {\n          type: 'list',\n          attrs: { kind: 'task', order: null, checked: false, collapsed: false },\n          content: [\n            { type: 'paragraph', content: [{ type: 'text', text: 'Todo drives action' }] },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: { kind: 'ordered', order: null, checked: false, collapsed: false },\n      content: [\n        { type: 'paragraph', content: [{ type: 'text', text: 'Numbered steps' }] },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: { kind: 'ordered', order: null, checked: false, collapsed: false },\n      content: [\n        { type: 'paragraph', content: [{ type: 'text', text: 'Sequential thinking' }] },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: { kind: 'ordered', order: null, checked: false, collapsed: false },\n      content: [\n        { type: 'paragraph', content: [{ type: 'text', text: 'Clear progress' }] },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: { level: 2 },\n      content: [{ type: 'text', text: 'Code that inspires.' }],\n    },\n    {\n      type: 'codeBlock',\n      attrs: { language: 'javascript' },\n      content: [\n        {\n          type: 'text',\n          text: '// Code that reads like poetry\\nconst magic = createEditor()\\nmagic.transform(thoughts)\\n',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: { level: 2 },\n      content: [{ type: 'text', text: 'Images that captivate.' }],\n    },\n    {\n      type: 'image',\n      attrs: {\n        src: 'https://static.photos/season/320x240/107',\n      },\n    },\n    {\n      type: 'paragraph',\n      content: [\n        { type: 'text', text: 'Drag the handle in the bottom right corner to resize.' },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: { level: 2 },\n      content: [{ type: 'text', text: 'Tables that structure.' }],\n    },\n    {\n      type: 'table',\n      content: [\n        {\n          type: 'tableRow',\n          content: [\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [{ type: 'text', marks: [{ type: 'bold' }], text: 'Feature' }],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [{ type: 'text', marks: [{ type: 'bold' }], text: 'How to use' }],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [{ type: 'text', marks: [{ type: 'bold' }], text: 'Result' }],\n                },\n              ],\n            },\n          ],\n        },\n        {\n          type: 'tableRow',\n          content: [\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'Format text' }] },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'Select and choose' }] },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'Perfect styling' }] },\n              ],\n            },\n          ],\n        },\n        {\n          type: 'tableRow',\n          content: [\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'Add mentions' }] },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'Type @ and name' }] },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'Connected ideas' }] },\n              ],\n            },\n          ],\n        },\n        {\n          type: 'tableRow',\n          content: [\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'Insert anything' }] },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'Press / for menu' }] },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'Endless possibilities' }] },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: { level: 2 },\n      content: [{ type: 'text', text: 'Math that renders.' }],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        { type: 'text', text: 'Inline math like ' },\n        { type: 'mathInline', content: [{ type: 'text', text: EULER_IDENTITY }] },\n        { type: 'text', text: ' appears within text. Type ' },\n        { type: 'text', marks: [{ type: 'code' }], text: '$...$' },\n        { type: 'text', text: ' to insert an inline equation.' },\n      ],\n    },\n    {\n      type: 'mathBlock',\n      content: [{ type: 'text', text: GAUSSIAN_INTEGRAL }],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        { type: 'text', text: 'Type ' },\n        { type: 'text', marks: [{ type: 'code' }], text: '$$' },\n        { type: 'text', text: ' in a new line and press Enter to create a block equation.' },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: { level: 2 },\n      content: [{ type: 'text', text: 'Quotes that inspire.' }],\n    },\n    {\n      type: 'blockquote',\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: '\"This is not just an editor. This is how writing should feel.\"',\n            },\n          ],\n        },\n      ],\n    },\n    { type: 'horizontalRule' },\n    {\n      type: 'paragraph',\n      content: [{ type: 'text', text: 'Start typing. Everything else just flows.' }],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/sample/sample-doc-full.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-sample-sample-doc-gap-cursor.json

@@ -0,0 +1,29 @@
+{
+  "name": "preact-sample-sample-doc-gap-cursor",
+  "title": "preact-sample-sample-doc-gap-cursor",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/sample/sample-doc-gap-cursor.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-gap-cursor.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Click the gap between two images or press arrow keys to see the gap cursor between two images',\n        },\n      ],\n    },\n    {\n      type: 'image',\n      attrs: {\n        src: 'https://static.photos/minimal/320x180/42',\n      },\n    },\n    {\n      type: 'image',\n      attrs: {\n        src: 'https://static.photos/minimal/320x180/42',\n      },\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/sample/sample-doc-gap-cursor.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-sample-sample-doc-hard-break.json

@@ -0,0 +1,29 @@
+{
+  "name": "preact-sample-sample-doc-hard-break",
+  "title": "preact-sample-sample-doc-hard-break",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/sample/sample-doc-hard-break.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-hard-break.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: \"O'er all the hilltops\",\n        },\n        {\n          type: 'hardBreak',\n        },\n        {\n          type: 'text',\n          text: 'Is quiet now,',\n        },\n        {\n          type: 'hardBreak',\n        },\n        {\n          type: 'text',\n          text: 'In all the treetops',\n        },\n        {\n          type: 'hardBreak',\n        },\n        {\n          type: 'text',\n          text: 'Hearest thou',\n        },\n        {\n          type: 'hardBreak',\n        },\n        {\n          type: 'text',\n          text: 'Hardly a breath;',\n        },\n        {\n          type: 'hardBreak',\n        },\n        {\n          type: 'text',\n          text: 'The birds are asleep in the trees:',\n        },\n        {\n          type: 'hardBreak',\n        },\n        {\n          type: 'text',\n          text: 'Wait, soon like these',\n        },\n        {\n          type: 'hardBreak',\n        },\n        {\n          type: 'text',\n          text: 'Thou too shalt rest.',\n        },\n        {\n          type: 'hardBreak',\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/sample/sample-doc-hard-break.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-sample-sample-doc-heading.json

@@ -0,0 +1,29 @@
+{
+  "name": "preact-sample-sample-doc-heading",
+  "title": "preact-sample-sample-doc-heading",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/sample/sample-doc-heading.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-heading.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    { type: 'heading', attrs: { level: 1 }, content: [{ type: 'text', text: 'H1' }] },\n    { type: 'heading', attrs: { level: 2 }, content: [{ type: 'text', text: 'H2' }] },\n    { type: 'heading', attrs: { level: 3 }, content: [{ type: 'text', text: 'H3' }] },\n    { type: 'paragraph', content: [] },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/sample/sample-doc-heading.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-sample-sample-doc-image.json

@@ -0,0 +1,29 @@
+{
+  "name": "preact-sample-sample-doc-image",
+  "title": "preact-sample-sample-doc-image",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/sample/sample-doc-image.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-image.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Paste or drop an image to upload it.',\n        },\n      ],\n    },\n    {\n      type: 'image',\n      attrs: {\n        src: 'https://static.photos/white/200x200/1',\n        width: 160,\n        height: 160,\n      },\n    },\n    {\n      type: 'image',\n      attrs: {\n        src: 'https://static.photos/yellow/640x360/42',\n        width: 240,\n        height: 135,\n      },\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/sample/sample-doc-image.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-sample-sample-doc-inline-menu.json

@@ -0,0 +1,29 @@
+{
+  "name": "preact-sample-sample-doc-inline-menu",
+  "title": "preact-sample-sample-doc-inline-menu",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/sample/sample-doc-inline-menu.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-inline-menu.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nconst loremText =\n  'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquet nec ullamcorper sit amet risus. Nam aliquam sem et tortor consequat id porta. Interdum posuere lorem ipsum dolor sit amet. Lectus sit amet est placerat in egestas erat. Egestas sed tempus urna et pharetra pharetra. Sit amet cursus sit amet dictum sit amet. Porttitor leo a diam sollicitudin. Tellus orci ac auctor augue. Tellus in hac habitasse platea dictumst vestibulum. At elementum eu facilisis sed odio morbi. Dolor magna eget est lorem ipsum. Et malesuada fames ac turpis egestas. Arcu risus quis varius quam quisque id diam. Purus viverra accumsan in nisl nisi scelerisque eu ultrices. Ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae.'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'bold',\n            },\n          ],\n          text: 'Try to select some text',\n        },\n      ],\n    },\n    ...Array.from({ length: 10 }, () => ({\n      type: 'paragraph' as const,\n      content: [\n        {\n          type: 'text' as const,\n          text: loremText,\n        },\n      ],\n    })),\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/sample/sample-doc-inline-menu.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}