prosekit-registry 0.0.1

package/dist/r/preact-example-code-block.json

@@ -0,0 +1,60 @@
+{
+  "name": "preact-example-code-block",
+  "title": "preact-example-code-block",
+  "type": "registry:block",
+  "description": "Example for code block node with syntax highlighting.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-code-block.json",
+    "https://prosekit.dev/r/preact-ui-code-block-view.json",
+    "https://prosekit.dev/r/preact-ui-toolbar.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/code-block/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/code-block/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-code-block'\nimport { Toolbar } from '../../ui/toolbar'\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({ extension, 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        <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/code-block/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/code-block/extension.ts",
+      "content": "import { defineBaseKeymap, union } from 'prosekit/core'\nimport { defineCodeBlock, defineCodeBlockShiki } from 'prosekit/extensions/code-block'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineParagraph } from 'prosekit/extensions/paragraph'\nimport { defineText } from 'prosekit/extensions/text'\n\nimport { defineCodeBlockView } from '../../ui/code-block-view'\n\nexport function defineExtension() {\n  return union(\n    defineBaseKeymap(),\n    defineDoc(),\n    defineText(),\n    defineParagraph(),\n    defineCodeBlock(),\n    defineCodeBlockShiki(),\n    defineCodeBlockView(),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/code-block/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/code-block/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "code-block",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/code-block/editor.tsx",
+      "registry/src/preact/examples/code-block/extension.ts",
+      "registry/src/preact/examples/code-block/index.ts",
+      "registry/src/preact/sample/sample-doc-code-block.ts",
+      "registry/src/preact/ui/button/button.tsx",
+      "registry/src/preact/ui/button/index.ts",
+      "registry/src/preact/ui/code-block-view/code-block-view.tsx",
+      "registry/src/preact/ui/code-block-view/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-sample-sample-doc-code-block",
+      "preact-ui-code-block-view",
+      "preact-ui-toolbar"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,56 @@
+{
+  "name": "preact-example-code",
+  "title": "preact-example-code",
+  "type": "registry:block",
+  "description": "Example for inline code mark.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-code.json",
+    "https://prosekit.dev/r/preact-ui-toolbar.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/code/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/code/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-code'\nimport { Toolbar } from '../../ui/toolbar'\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({ extension, 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        <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/code/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/code/extension.ts",
+      "content": "import { defineBaseKeymap, union } from 'prosekit/core'\nimport { defineCode } from 'prosekit/extensions/code'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineParagraph } from 'prosekit/extensions/paragraph'\nimport { defineText } from 'prosekit/extensions/text'\n\nexport function defineExtension() {\n  return union(\n    defineBaseKeymap(),\n    defineDoc(),\n    defineText(),\n    defineParagraph(),\n    defineCode(),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/code/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/code/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "code",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/code/editor.tsx",
+      "registry/src/preact/examples/code/extension.ts",
+      "registry/src/preact/examples/code/index.ts",
+      "registry/src/preact/sample/sample-doc-code.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-sample-sample-doc-code",
+      "preact-ui-toolbar"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-example-drop-cursor.json

@@ -0,0 +1,48 @@
+{
+  "name": "preact-example-drop-cursor",
+  "title": "preact-example-drop-cursor",
+  "type": "registry:block",
+  "description": "Visual cursor indicator during drag-and-drop operations.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-drop-cursor.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/drop-cursor/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/drop-cursor/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-drop-cursor'\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({ extension, 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/drop-cursor/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/drop-cursor/extension.ts",
+      "content": "import { defineBaseKeymap, union } from 'prosekit/core'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineDropCursor } from 'prosekit/extensions/drop-cursor'\nimport { defineImage } from 'prosekit/extensions/image'\nimport { defineParagraph } from 'prosekit/extensions/paragraph'\nimport { defineText } from 'prosekit/extensions/text'\n\nexport function defineExtension() {\n  return union(\n    defineBaseKeymap(),\n    defineDoc(),\n    defineText(),\n    defineParagraph(),\n    defineImage(),\n    defineDropCursor({\n      color: false,\n      width: 4,\n      class: 'transition-all bg-blue-500',\n    }),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/drop-cursor/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/drop-cursor/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "drop-cursor",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/drop-cursor/editor.tsx",
+      "registry/src/preact/examples/drop-cursor/extension.ts",
+      "registry/src/preact/examples/drop-cursor/index.ts",
+      "registry/src/preact/sample/sample-doc-drop-cursor.ts"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-drop-cursor"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-example-emoji-rules.json

@@ -0,0 +1,50 @@
+{
+  "name": "preact-example-emoji-rules",
+  "title": "preact-example-emoji-rules",
+  "type": "registry:block",
+  "description": "Auto-convert text shortcuts to emojis using input rules.",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/emoji-rules/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/emoji-rules/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useMemo } from 'preact/hooks'\nimport { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { defineExtension } from './extension'\n\nexport default function Editor() {\n  const editor = useMemo(() => {\n    const extension = defineExtension()\n    return createEditor({ extension })\n  }, [])\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/emoji-rules/emoji.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/emoji-rules/emoji.ts",
+      "content": "import { defineEnterRule } from 'prosekit/extensions/enter-rule'\n\n/**\n * Converts the text before the text cursor into an emoji when pressing `Enter`.\n */\nexport function defineEmojiEnterRule() {\n  return defineEnterRule({\n    regex: /:(apple|banana):$/,\n    handler: ({ match, from, to, state }) => {\n      const text = match[1] as 'apple' | 'banana'\n      const emoji = text === 'apple' ? '🍎' : '🍌'\n      return state.tr.replaceWith(from, to, state.schema.text(emoji))\n    },\n  })\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/emoji-rules/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/emoji-rules/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\nimport { definePlaceholder } from 'prosekit/extensions/placeholder'\n\nimport { defineEmojiEnterRule } from './emoji'\n\nexport function defineExtension() {\n  return union(\n    defineBasicExtension(),\n    defineEmojiEnterRule(),\n    definePlaceholder({ placeholder: 'Try typing :apple: then press Enter' }),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/emoji-rules/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/emoji-rules/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "emoji-rules",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/emoji-rules/editor.tsx",
+      "registry/src/preact/examples/emoji-rules/emoji.ts",
+      "registry/src/preact/examples/emoji-rules/extension.ts",
+      "registry/src/preact/examples/emoji-rules/index.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,106 @@
+{
+  "name": "preact-example-full",
+  "title": "preact-example-full",
+  "type": "registry:block",
+  "description": "Full-featured editor with most available features enabled.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-katex.json",
+    "https://prosekit.dev/r/preact-sample-sample-doc-full.json",
+    "https://prosekit.dev/r/preact-sample-sample-tag-data.json",
+    "https://prosekit.dev/r/preact-sample-sample-uploader.json",
+    "https://prosekit.dev/r/preact-sample-sample-user-data.json",
+    "https://prosekit.dev/r/preact-ui-block-handle.json",
+    "https://prosekit.dev/r/preact-ui-code-block-view.json",
+    "https://prosekit.dev/r/preact-ui-drop-indicator.json",
+    "https://prosekit.dev/r/preact-ui-image-view.json",
+    "https://prosekit.dev/r/preact-ui-inline-menu.json",
+    "https://prosekit.dev/r/preact-ui-slash-menu.json",
+    "https://prosekit.dev/r/preact-ui-table-handle.json",
+    "https://prosekit.dev/r/preact-ui-tag-menu.json",
+    "https://prosekit.dev/r/preact-ui-toolbar.json",
+    "https://prosekit.dev/r/preact-ui-user-menu.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/full/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/full/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-full'\nimport { tags } from '../../sample/sample-tag-data'\nimport { sampleUploader } from '../../sample/sample-uploader'\nimport { users } from '../../sample/sample-user-data'\nimport { BlockHandle } from '../../ui/block-handle'\nimport { DropIndicator } from '../../ui/drop-indicator'\nimport { InlineMenu } from '../../ui/inline-menu'\nimport { SlashMenu } from '../../ui/slash-menu'\nimport { TableHandle } from '../../ui/table-handle'\nimport { TagMenu } from '../../ui/tag-menu'\nimport { Toolbar } from '../../ui/toolbar'\nimport { UserMenu } from '../../ui/user-menu'\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({ extension, 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        <Toolbar uploader={sampleUploader} />\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          <InlineMenu />\n          <SlashMenu />\n          <UserMenu users={users} />\n          <TagMenu tags={tags} />\n          <BlockHandle />\n          <TableHandle />\n          <DropIndicator />\n        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/full/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/full/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\nimport { defineCodeBlockShiki } from 'prosekit/extensions/code-block'\nimport { defineHorizontalRule } from 'prosekit/extensions/horizontal-rule'\nimport { defineImageUploadHandler } from 'prosekit/extensions/image'\nimport { defineMath } from 'prosekit/extensions/math'\nimport { defineMention } from 'prosekit/extensions/mention'\nimport { definePlaceholder } from 'prosekit/extensions/placeholder'\n\nimport { renderKaTeXMathBlock, renderKaTeXMathInline } from '../../sample/katex'\nimport { sampleUploader } from '../../sample/sample-uploader'\nimport { defineCodeBlockView } from '../../ui/code-block-view'\nimport { defineImageView } from '../../ui/image-view'\n\nexport function defineExtension() {\n  return union(\n    defineBasicExtension(),\n    definePlaceholder({ placeholder: 'Press / for commands...' }),\n    defineMention(),\n    defineMath({ renderMathBlock: renderKaTeXMathBlock, renderMathInline: renderKaTeXMathInline }),\n    defineCodeBlockShiki(),\n    defineHorizontalRule(),\n    defineCodeBlockView(),\n    defineImageView(),\n    defineImageUploadHandler({\n      uploader: sampleUploader,\n    }),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/full/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/full/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "full",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/full/editor.tsx",
+      "registry/src/preact/examples/full/extension.ts",
+      "registry/src/preact/examples/full/index.ts",
+      "registry/src/preact/sample/katex.ts",
+      "registry/src/preact/sample/sample-doc-full.ts",
+      "registry/src/preact/sample/sample-tag-data.ts",
+      "registry/src/preact/sample/sample-uploader.ts",
+      "registry/src/preact/sample/sample-user-data.ts",
+      "registry/src/preact/ui/block-handle/block-handle.tsx",
+      "registry/src/preact/ui/block-handle/index.ts",
+      "registry/src/preact/ui/button/button.tsx",
+      "registry/src/preact/ui/button/index.ts",
+      "registry/src/preact/ui/code-block-view/code-block-view.tsx",
+      "registry/src/preact/ui/code-block-view/index.ts",
+      "registry/src/preact/ui/drop-indicator/drop-indicator.tsx",
+      "registry/src/preact/ui/drop-indicator/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/image-view/image-view.tsx",
+      "registry/src/preact/ui/image-view/index.ts",
+      "registry/src/preact/ui/inline-menu/index.ts",
+      "registry/src/preact/ui/inline-menu/inline-menu.tsx",
+      "registry/src/preact/ui/slash-menu/index.ts",
+      "registry/src/preact/ui/slash-menu/slash-menu-empty.tsx",
+      "registry/src/preact/ui/slash-menu/slash-menu-item.tsx",
+      "registry/src/preact/ui/slash-menu/slash-menu.tsx",
+      "registry/src/preact/ui/table-handle/index.ts",
+      "registry/src/preact/ui/table-handle/table-handle.tsx",
+      "registry/src/preact/ui/tag-menu/index.ts",
+      "registry/src/preact/ui/tag-menu/tag-menu.tsx",
+      "registry/src/preact/ui/toolbar/index.ts",
+      "registry/src/preact/ui/toolbar/toolbar.tsx",
+      "registry/src/preact/ui/user-menu/index.ts",
+      "registry/src/preact/ui/user-menu/user-menu.tsx"
+    ],
+    "internalDependencies": [
+      "preact-sample-katex",
+      "preact-sample-sample-doc-full",
+      "preact-sample-sample-tag-data",
+      "preact-sample-sample-uploader",
+      "preact-sample-sample-user-data",
+      "preact-ui-block-handle",
+      "preact-ui-code-block-view",
+      "preact-ui-drop-indicator",
+      "preact-ui-image-view",
+      "preact-ui-inline-menu",
+      "preact-ui-slash-menu",
+      "preact-ui-table-handle",
+      "preact-ui-tag-menu",
+      "preact-ui-toolbar",
+      "preact-ui-user-menu"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-example-gap-cursor.json

@@ -0,0 +1,48 @@
+{
+  "name": "preact-example-gap-cursor",
+  "title": "preact-example-gap-cursor",
+  "type": "registry:block",
+  "description": "Cursor navigation between non-text block elements.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-gap-cursor.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/gap-cursor/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/gap-cursor/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-gap-cursor'\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/gap-cursor/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/gap-cursor/extension.ts",
+      "content": "import { defineBaseKeymap, union } from 'prosekit/core'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineGapCursor } from 'prosekit/extensions/gap-cursor'\nimport { defineImage } from 'prosekit/extensions/image'\nimport { defineParagraph } from 'prosekit/extensions/paragraph'\nimport { defineText } from 'prosekit/extensions/text'\n\nexport function defineExtension() {\n  return union(\n    defineBaseKeymap(),\n    defineDoc(),\n    defineText(),\n    defineParagraph(),\n    defineGapCursor(),\n    defineImage(),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/gap-cursor/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/gap-cursor/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "gap-cursor",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/gap-cursor/editor.tsx",
+      "registry/src/preact/examples/gap-cursor/extension.ts",
+      "registry/src/preact/examples/gap-cursor/index.ts",
+      "registry/src/preact/sample/sample-doc-gap-cursor.ts"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-gap-cursor"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-example-hard-break.json

@@ -0,0 +1,59 @@
+{
+  "name": "preact-example-hard-break",
+  "title": "preact-example-hard-break",
+  "type": "registry:block",
+  "description": "Example for hard line break node.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-hard-break.json",
+    "https://prosekit.dev/r/preact-ui-button.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/hard-break/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/hard-break/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-hard-break'\n\nimport { defineExtension } from './extension'\nimport Toolbar from './toolbar'\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({ extension, 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        <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/hard-break/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/hard-break/extension.ts",
+      "content": "import { defineBaseKeymap, union } from 'prosekit/core'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineHardBreak } from 'prosekit/extensions/hard-break'\nimport { defineParagraph } from 'prosekit/extensions/paragraph'\nimport { defineText } from 'prosekit/extensions/text'\n\nexport function defineExtension() {\n  return union(\n    defineBaseKeymap(),\n    defineDoc(),\n    defineText(),\n    defineParagraph(),\n    defineHardBreak(),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/hard-break/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/hard-break/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    },
+    {
+      "path": "registry/src/preact/examples/hard-break/toolbar.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/hard-break/toolbar.tsx",
+      "content": "import { useEditor } from 'prosekit/preact'\n\nimport { Button } from '../../ui/button'\n\nimport type { EditorExtension } from './extension'\n\nexport default function Toolbar() {\n  const editor = useEditor<EditorExtension>({ update: true })\n\n  return (\n    <div className=\"z-2 box-border border-gray-200 dark:border-gray-800 border-solid border-l-0 border-r-0 border-t-0 border-b flex flex-wrap gap-1 p-2 items-center\">\n      <Button\n        pressed={false}\n        disabled={!editor.commands.insertHardBreak.canExec()}\n        onClick={() => editor.commands.insertHardBreak()}\n      >\n        Insert Hard Break\n      </Button>\n    </div>\n  )\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "hard-break",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/hard-break/editor.tsx",
+      "registry/src/preact/examples/hard-break/extension.ts",
+      "registry/src/preact/examples/hard-break/index.ts",
+      "registry/src/preact/examples/hard-break/toolbar.tsx",
+      "registry/src/preact/sample/sample-doc-hard-break.ts",
+      "registry/src/preact/ui/button/button.tsx",
+      "registry/src/preact/ui/button/index.ts"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-hard-break",
+      "preact-ui-button"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,56 @@
+{
+  "name": "preact-example-heading",
+  "title": "preact-example-heading",
+  "type": "registry:block",
+  "description": "Example for heading node with multiple levels.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-heading.json",
+    "https://prosekit.dev/r/preact-ui-toolbar.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/heading/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/heading/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-heading'\nimport { Toolbar } from '../../ui/toolbar'\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        <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/heading/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/heading/extension.ts",
+      "content": "import { defineBaseKeymap, union } from 'prosekit/core'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineHeading } from 'prosekit/extensions/heading'\nimport { defineParagraph } from 'prosekit/extensions/paragraph'\nimport { defineText } from 'prosekit/extensions/text'\n\nexport function defineExtension() {\n  return union(\n    defineBaseKeymap(),\n    defineDoc(),\n    defineText(),\n    defineParagraph(),\n    defineHeading(),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/heading/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/heading/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "heading",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/heading/editor.tsx",
+      "registry/src/preact/examples/heading/extension.ts",
+      "registry/src/preact/examples/heading/index.ts",
+      "registry/src/preact/sample/sample-doc-heading.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-sample-sample-doc-heading",
+      "preact-ui-toolbar"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-example-horizontal-rule.json

@@ -0,0 +1,53 @@
+{
+  "name": "preact-example-horizontal-rule",
+  "title": "preact-example-horizontal-rule",
+  "type": "registry:block",
+  "description": "Example for horizontal rule node.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-ui-toolbar.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/horizontal-rule/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/horizontal-rule/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useMemo } from 'preact/hooks'\nimport { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { Toolbar } from '../../ui/toolbar'\n\nimport { defineExtension } from './extension'\n\nexport default function Editor() {\n  const editor = useMemo(() => {\n    return createEditor({ extension: defineExtension() })\n  }, [])\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/horizontal-rule/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/horizontal-rule/extension.ts",
+      "content": "import { defineBaseKeymap, union } from 'prosekit/core'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineHorizontalRule } from 'prosekit/extensions/horizontal-rule'\nimport { defineParagraph } from 'prosekit/extensions/paragraph'\nimport { defineText } from 'prosekit/extensions/text'\n\nexport function defineExtension() {\n  return union(\n    defineBaseKeymap(),\n    defineDoc(),\n    defineText(),\n    defineParagraph(),\n    defineHorizontalRule(),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/horizontal-rule/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/horizontal-rule/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "horizontal-rule",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/horizontal-rule/editor.tsx",
+      "registry/src/preact/examples/horizontal-rule/extension.ts",
+      "registry/src/preact/examples/horizontal-rule/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-example-image-view.json

@@ -0,0 +1,55 @@
+{
+  "name": "preact-example-image-view",
+  "title": "preact-example-image-view",
+  "type": "registry:block",
+  "description": "Custom image node views with resize support.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-image.json",
+    "https://prosekit.dev/r/preact-sample-sample-uploader.json",
+    "https://prosekit.dev/r/preact-ui-image-view.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/image-view/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/image-view/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-image'\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({ extension, 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/image-view/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/image-view/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\nimport { defineImageUploadHandler } from 'prosekit/extensions/image'\n\nimport { sampleUploader } from '../../sample/sample-uploader'\nimport { defineImageView } from '../../ui/image-view'\n\nexport function defineExtension() {\n  return union(\n    defineBasicExtension(),\n    defineImageView(),\n    defineImageUploadHandler({\n      uploader: sampleUploader,\n    }),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/image-view/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/image-view/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "image-view",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/image-view/editor.tsx",
+      "registry/src/preact/examples/image-view/extension.ts",
+      "registry/src/preact/examples/image-view/index.ts",
+      "registry/src/preact/sample/sample-doc-image.ts",
+      "registry/src/preact/sample/sample-uploader.ts",
+      "registry/src/preact/ui/image-view/image-view.tsx",
+      "registry/src/preact/ui/image-view/index.ts"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-image",
+      "preact-sample-sample-uploader",
+      "preact-ui-image-view"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}