prosekit-registry 0.0.1

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

@@ -0,0 +1,106 @@
+{
+  "name": "solid-example-full",
+  "title": "solid-example-full",
+  "type": "registry:block",
+  "description": "Full-featured editor with most available features enabled.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-sample-katex.json",
+    "https://prosekit.dev/r/solid-sample-sample-doc-full.json",
+    "https://prosekit.dev/r/solid-sample-sample-tag-data.json",
+    "https://prosekit.dev/r/solid-sample-sample-uploader.json",
+    "https://prosekit.dev/r/solid-sample-sample-user-data.json",
+    "https://prosekit.dev/r/solid-ui-block-handle.json",
+    "https://prosekit.dev/r/solid-ui-code-block-view.json",
+    "https://prosekit.dev/r/solid-ui-drop-indicator.json",
+    "https://prosekit.dev/r/solid-ui-image-view.json",
+    "https://prosekit.dev/r/solid-ui-inline-menu.json",
+    "https://prosekit.dev/r/solid-ui-slash-menu.json",
+    "https://prosekit.dev/r/solid-ui-table-handle.json",
+    "https://prosekit.dev/r/solid-ui-tag-menu.json",
+    "https://prosekit.dev/r/solid-ui-toolbar.json",
+    "https://prosekit.dev/r/solid-ui-user-menu.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/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 { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/solid'\nimport type { JSX } from 'solid-js'\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): JSX.Element {\n  const defaultContent = props.initialContent ?? sampleContent\n  const extension = defineExtension()\n  const editor = createEditor({ extension, defaultContent })\n\n  return (\n    <ProseKit editor={editor}>\n      <div class=\"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 class=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} class=\"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/solid/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/solid/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": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/full/editor.tsx",
+      "registry/src/solid/examples/full/extension.ts",
+      "registry/src/solid/examples/full/index.ts",
+      "registry/src/solid/sample/katex.ts",
+      "registry/src/solid/sample/sample-doc-full.ts",
+      "registry/src/solid/sample/sample-tag-data.ts",
+      "registry/src/solid/sample/sample-uploader.ts",
+      "registry/src/solid/sample/sample-user-data.ts",
+      "registry/src/solid/ui/block-handle/block-handle.tsx",
+      "registry/src/solid/ui/block-handle/index.ts",
+      "registry/src/solid/ui/button/button.tsx",
+      "registry/src/solid/ui/button/index.ts",
+      "registry/src/solid/ui/code-block-view/code-block-view.tsx",
+      "registry/src/solid/ui/code-block-view/index.ts",
+      "registry/src/solid/ui/drop-indicator/drop-indicator.tsx",
+      "registry/src/solid/ui/drop-indicator/index.ts",
+      "registry/src/solid/ui/image-upload-popover/image-upload-popover.tsx",
+      "registry/src/solid/ui/image-upload-popover/index.ts",
+      "registry/src/solid/ui/image-view/image-view.tsx",
+      "registry/src/solid/ui/image-view/index.ts",
+      "registry/src/solid/ui/inline-menu/index.ts",
+      "registry/src/solid/ui/inline-menu/inline-menu.tsx",
+      "registry/src/solid/ui/slash-menu/index.ts",
+      "registry/src/solid/ui/slash-menu/slash-menu-empty.tsx",
+      "registry/src/solid/ui/slash-menu/slash-menu-item.tsx",
+      "registry/src/solid/ui/slash-menu/slash-menu.tsx",
+      "registry/src/solid/ui/table-handle/index.ts",
+      "registry/src/solid/ui/table-handle/table-handle.tsx",
+      "registry/src/solid/ui/tag-menu/index.ts",
+      "registry/src/solid/ui/tag-menu/tag-menu.tsx",
+      "registry/src/solid/ui/toolbar/index.ts",
+      "registry/src/solid/ui/toolbar/toolbar.tsx",
+      "registry/src/solid/ui/user-menu/index.ts",
+      "registry/src/solid/ui/user-menu/user-menu.tsx"
+    ],
+    "internalDependencies": [
+      "solid-sample-katex",
+      "solid-sample-sample-doc-full",
+      "solid-sample-sample-tag-data",
+      "solid-sample-sample-uploader",
+      "solid-sample-sample-user-data",
+      "solid-ui-block-handle",
+      "solid-ui-code-block-view",
+      "solid-ui-drop-indicator",
+      "solid-ui-image-view",
+      "solid-ui-inline-menu",
+      "solid-ui-slash-menu",
+      "solid-ui-table-handle",
+      "solid-ui-tag-menu",
+      "solid-ui-toolbar",
+      "solid-ui-user-menu"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,48 @@
+{
+  "name": "solid-example-gap-cursor",
+  "title": "solid-example-gap-cursor",
+  "type": "registry:block",
+  "description": "Cursor navigation between non-text block elements.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-sample-sample-doc-gap-cursor.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/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 { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/solid'\nimport type { JSX } from 'solid-js'\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): JSX.Element {\n  const defaultContent = props.initialContent ?? sampleContent\n  const extension = defineExtension()\n  const editor = createEditor({ extension, defaultContent })\n\n  return (\n    <ProseKit editor={editor}>\n      <div class=\"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 class=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} class=\"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/solid/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/solid/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": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/gap-cursor/editor.tsx",
+      "registry/src/solid/examples/gap-cursor/extension.ts",
+      "registry/src/solid/examples/gap-cursor/index.ts",
+      "registry/src/solid/sample/sample-doc-gap-cursor.ts"
+    ],
+    "internalDependencies": [
+      "solid-sample-sample-doc-gap-cursor"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,59 @@
+{
+  "name": "solid-example-hard-break",
+  "title": "solid-example-hard-break",
+  "type": "registry:block",
+  "description": "Example for hard line break node.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-sample-sample-doc-hard-break.json",
+    "https://prosekit.dev/r/solid-ui-button.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/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 { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/solid'\nimport type { JSX } from 'solid-js'\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): JSX.Element {\n  const defaultContent = props.initialContent ?? sampleContent\n  const extension = defineExtension()\n  const editor = createEditor({ extension, defaultContent })\n\n  return (\n    <ProseKit editor={editor}>\n      <div class=\"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 class=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} class=\"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/solid/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/solid/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/solid/examples/hard-break/toolbar.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/hard-break/toolbar.tsx",
+      "content": "import { useEditor } from 'prosekit/solid'\nimport type { JSX } from 'solid-js'\n\nimport { Button } from '../../ui/button'\n\nimport type { EditorExtension } from './extension'\n\nexport default function Toolbar(): JSX.Element {\n  const editor = useEditor<EditorExtension>({ update: true })\n\n  return (\n    <div class=\"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": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/hard-break/editor.tsx",
+      "registry/src/solid/examples/hard-break/extension.ts",
+      "registry/src/solid/examples/hard-break/index.ts",
+      "registry/src/solid/examples/hard-break/toolbar.tsx",
+      "registry/src/solid/sample/sample-doc-hard-break.ts",
+      "registry/src/solid/ui/button/button.tsx",
+      "registry/src/solid/ui/button/index.ts"
+    ],
+    "internalDependencies": [
+      "solid-sample-sample-doc-hard-break",
+      "solid-ui-button"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,56 @@
+{
+  "name": "solid-example-heading",
+  "title": "solid-example-heading",
+  "type": "registry:block",
+  "description": "Example for heading node with multiple levels.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-sample-sample-doc-heading.json",
+    "https://prosekit.dev/r/solid-ui-toolbar.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/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 { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/solid'\nimport type { JSX } from 'solid-js'\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): JSX.Element {\n  const defaultContent = props.initialContent ?? sampleContent\n  const extension = defineExtension()\n  const editor = createEditor({ extension, defaultContent })\n\n  return (\n    <ProseKit editor={editor}>\n      <div class=\"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 class=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} class=\"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/solid/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/solid/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": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/heading/editor.tsx",
+      "registry/src/solid/examples/heading/extension.ts",
+      "registry/src/solid/examples/heading/index.ts",
+      "registry/src/solid/sample/sample-doc-heading.ts",
+      "registry/src/solid/ui/button/button.tsx",
+      "registry/src/solid/ui/button/index.ts",
+      "registry/src/solid/ui/image-upload-popover/image-upload-popover.tsx",
+      "registry/src/solid/ui/image-upload-popover/index.ts",
+      "registry/src/solid/ui/toolbar/index.ts",
+      "registry/src/solid/ui/toolbar/toolbar.tsx"
+    ],
+    "internalDependencies": [
+      "solid-sample-sample-doc-heading",
+      "solid-ui-toolbar"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,53 @@
+{
+  "name": "solid-example-horizontal-rule",
+  "title": "solid-example-horizontal-rule",
+  "type": "registry:block",
+  "description": "Example for horizontal rule node.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-ui-toolbar.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/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 { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/solid'\nimport type { JSX } from 'solid-js'\n\nimport { Toolbar } from '../../ui/toolbar'\n\nimport { defineExtension } from './extension'\n\nexport default function Editor(): JSX.Element {\n  const extension = defineExtension()\n  const editor = createEditor({ extension })\n\n  return (\n    <ProseKit editor={editor}>\n      <div class=\"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 class=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} class=\"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/solid/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/solid/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": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/horizontal-rule/editor.tsx",
+      "registry/src/solid/examples/horizontal-rule/extension.ts",
+      "registry/src/solid/examples/horizontal-rule/index.ts",
+      "registry/src/solid/ui/button/button.tsx",
+      "registry/src/solid/ui/button/index.ts",
+      "registry/src/solid/ui/image-upload-popover/image-upload-popover.tsx",
+      "registry/src/solid/ui/image-upload-popover/index.ts",
+      "registry/src/solid/ui/toolbar/index.ts",
+      "registry/src/solid/ui/toolbar/toolbar.tsx"
+    ],
+    "internalDependencies": [
+      "solid-ui-toolbar"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/solid-example-image-view.json

@@ -0,0 +1,55 @@
+{
+  "name": "solid-example-image-view",
+  "title": "solid-example-image-view",
+  "type": "registry:block",
+  "description": "Custom image node views with resize support.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-sample-sample-doc-image.json",
+    "https://prosekit.dev/r/solid-sample-sample-uploader.json",
+    "https://prosekit.dev/r/solid-ui-image-view.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/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 { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/solid'\nimport type { JSX } from 'solid-js'\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): JSX.Element {\n  const defaultContent = props.initialContent ?? sampleContent\n  const extension = defineExtension()\n  const editor = createEditor({ extension, defaultContent })\n\n  return (\n    <ProseKit editor={editor}>\n      <div class=\"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 class=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} class=\"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/solid/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/solid/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": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/image-view/editor.tsx",
+      "registry/src/solid/examples/image-view/extension.ts",
+      "registry/src/solid/examples/image-view/index.ts",
+      "registry/src/solid/sample/sample-doc-image.ts",
+      "registry/src/solid/sample/sample-uploader.ts",
+      "registry/src/solid/ui/image-view/image-view.tsx",
+      "registry/src/solid/ui/image-view/index.ts"
+    ],
+    "internalDependencies": [
+      "solid-sample-sample-doc-image",
+      "solid-sample-sample-uploader",
+      "solid-ui-image-view"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/solid-example-inline-menu.json

@@ -0,0 +1,54 @@
+{
+  "name": "solid-example-inline-menu",
+  "title": "solid-example-inline-menu",
+  "type": "registry:block",
+  "description": "Inline formatting menu that appears on text selection.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-sample-sample-doc-inline-menu.json",
+    "https://prosekit.dev/r/solid-ui-inline-menu.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/examples/inline-menu/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/inline-menu/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/solid'\nimport type { JSX } from 'solid-js'\n\nimport { sampleContent } from '../../sample/sample-doc-inline-menu'\nimport { InlineMenu } from '../../ui/inline-menu'\n\nimport { defineExtension } from './extension'\n\ninterface EditorProps {\n  initialContent?: NodeJSON\n}\n\nexport default function Editor(props: EditorProps): JSX.Element {\n  const defaultContent = props.initialContent ?? sampleContent\n  const extension = defineExtension()\n  const editor = createEditor({ extension, defaultContent })\n\n  return (\n    <ProseKit editor={editor}>\n      <div class=\"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 class=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} class=\"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        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/solid/examples/inline-menu/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/inline-menu/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\n\nexport function defineExtension() {\n  return defineBasicExtension()\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/solid/examples/inline-menu/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/inline-menu/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "inline-menu",
+    "framework": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/inline-menu/editor.tsx",
+      "registry/src/solid/examples/inline-menu/extension.ts",
+      "registry/src/solid/examples/inline-menu/index.ts",
+      "registry/src/solid/sample/sample-doc-inline-menu.ts",
+      "registry/src/solid/ui/button/button.tsx",
+      "registry/src/solid/ui/button/index.ts",
+      "registry/src/solid/ui/inline-menu/index.ts",
+      "registry/src/solid/ui/inline-menu/inline-menu.tsx"
+    ],
+    "internalDependencies": [
+      "solid-sample-sample-doc-inline-menu",
+      "solid-ui-inline-menu"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/solid-example-italic.json

@@ -0,0 +1,56 @@
+{
+  "name": "solid-example-italic",
+  "title": "solid-example-italic",
+  "type": "registry:block",
+  "description": "Example for italic mark.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-sample-sample-doc-italic.json",
+    "https://prosekit.dev/r/solid-ui-toolbar.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/examples/italic/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/italic/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/solid'\nimport type { JSX } from 'solid-js'\n\nimport { sampleContent } from '../../sample/sample-doc-italic'\nimport { Toolbar } from '../../ui/toolbar'\n\nimport { defineExtension } from './extension'\n\ninterface EditorProps {\n  initialContent?: NodeJSON\n}\n\nexport default function Editor(props: EditorProps): JSX.Element {\n  const defaultContent = props.initialContent ?? sampleContent\n  const extension = defineExtension()\n  const editor = createEditor({ extension, defaultContent })\n\n  return (\n    <ProseKit editor={editor}>\n      <div class=\"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 class=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} class=\"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/solid/examples/italic/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/italic/extension.ts",
+      "content": "import { defineBaseKeymap, union } from 'prosekit/core'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineItalic } from 'prosekit/extensions/italic'\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    defineItalic(),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/solid/examples/italic/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/italic/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "italic",
+    "framework": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/italic/editor.tsx",
+      "registry/src/solid/examples/italic/extension.ts",
+      "registry/src/solid/examples/italic/index.ts",
+      "registry/src/solid/sample/sample-doc-italic.ts",
+      "registry/src/solid/ui/button/button.tsx",
+      "registry/src/solid/ui/button/index.ts",
+      "registry/src/solid/ui/image-upload-popover/image-upload-popover.tsx",
+      "registry/src/solid/ui/image-upload-popover/index.ts",
+      "registry/src/solid/ui/toolbar/index.ts",
+      "registry/src/solid/ui/toolbar/toolbar.tsx"
+    ],
+    "internalDependencies": [
+      "solid-sample-sample-doc-italic",
+      "solid-ui-toolbar"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/solid-example-keymap.json

@@ -0,0 +1,63 @@
+{
+  "name": "solid-example-keymap",
+  "title": "solid-example-keymap",
+  "type": "registry:block",
+  "description": "Custom keyboard shortcuts and key bindings.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-ui-button.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/examples/keymap/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/keymap/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/solid'\nimport { createSignal, For, Show, type JSX } from 'solid-js'\n\nimport { defineExtension } from './extension'\nimport Toolbar from './toolbar'\n\nexport default function Editor(): JSX.Element {\n  const extension = defineExtension()\n  const editor = createEditor({ extension })\n  const [submissions, setSubmissions] = createSignal<string[]>([])\n\n  const pushSubmission = (hotkey: string) => {\n    const docString = JSON.stringify(editor.getDocJSON())\n    const submission = `${new Date().toISOString()}\t${hotkey}\n${docString}`\n    setSubmissions((prev) => [...prev, submission])\n  }\n\n  return (\n    <ProseKit editor={editor}>\n      <div class=\"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 onSubmit={pushSubmission} />\n        <div class=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} class=\"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      <fieldset class=\"mt-4 box-border flex max-w-full w-full overflow-x-auto border p-4 rounded-md shadow-sm min-w-0\">\n        <legend>Submit Records</legend>\n        <ol>\n          <For each={submissions()}>\n            {(submission) => (\n              <li>\n                <pre>{submission}</pre>\n              </li>\n            )}\n          </For>\n        </ol>\n        <Show when={submissions().length === 0}>\n          <div>No submissions yet</div>\n        </Show>\n      </fieldset>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/solid/examples/keymap/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/keymap/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/solid/examples/keymap/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/keymap/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    },
+    {
+      "path": "registry/src/solid/examples/keymap/toolbar.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/keymap/toolbar.tsx",
+      "content": "import { createSignal, type JSX } from 'solid-js'\n\nimport { Button } from '../../ui/button'\n\nimport { useSubmitKeymap } from './use-submit-keymap'\n\nexport default function Toolbar(props: {\n  onSubmit: (hotkey: string) => void\n}): JSX.Element {\n  const [hotkey, setHotkey] = createSignal<'Shift-Enter' | 'Enter'>('Shift-Enter')\n  useSubmitKeymap(hotkey, props.onSubmit)\n\n  return (\n    <div class=\"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={hotkey() === 'Shift-Enter'}\n        onClick={() => setHotkey('Shift-Enter')}\n      >\n        <span class=\"mr-1\">Submit with</span>\n        <kbd>Shift + Enter</kbd>\n      </Button>\n\n      <Button pressed={hotkey() === 'Enter'} onClick={() => setHotkey('Enter')}>\n        <span class=\"mr-1\">Submit with</span>\n        <kbd>Enter</kbd>\n      </Button>\n    </div>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/solid/examples/keymap/use-submit-keymap.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/keymap/use-submit-keymap.ts",
+      "content": "import type { Keymap } from 'prosekit/core'\nimport { useKeymap } from 'prosekit/solid'\nimport type { Accessor } from 'solid-js'\n\nexport function useSubmitKeymap(\n  hotkey: Accessor<'Shift-Enter' | 'Enter'>,\n  onSubmit: (hotkey: string) => void,\n): void {\n  const keymap = () => {\n    const currentHotkey = hotkey()\n    return {\n      [currentHotkey]: () => {\n        onSubmit(currentHotkey)\n        return true\n      },\n    } satisfies Keymap\n  }\n\n  useKeymap(keymap)\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "keymap",
+    "framework": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/keymap/editor.tsx",
+      "registry/src/solid/examples/keymap/extension.ts",
+      "registry/src/solid/examples/keymap/index.ts",
+      "registry/src/solid/examples/keymap/toolbar.tsx",
+      "registry/src/solid/examples/keymap/use-submit-keymap.ts",
+      "registry/src/solid/ui/button/button.tsx",
+      "registry/src/solid/ui/button/index.ts"
+    ],
+    "internalDependencies": [
+      "solid-ui-button"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}