prosekit-registry 0.0.1

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

@@ -0,0 +1,49 @@
+{
+  "name": "preact-example-page",
+  "title": "preact-example-page",
+  "type": "registry:block",
+  "description": "",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-page.json"
+  ],
+  "dependencies": [
+    "preact",
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/page/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/page/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\nimport 'prosekit/extensions/page/style.css'\n\nimport { useCallback, useMemo, useState } from 'preact/hooks'\nimport { clsx, createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { sampleContent } from '../../sample/sample-doc-page'\n\nimport { defineExtension } from './extension'\n\ninterface EditorProps {\n  initialContent?: NodeJSON\n}\n\nconst ZOOM_STEPS = [25, 50, 75, 100, 125, 150, 200]\nconst DEFAULT_ZOOM = 50\n\nfunction useZoom() {\n  const [zoom, setZoom] = useState(DEFAULT_ZOOM)\n\n  const zoomIn = useCallback(() => {\n    setZoom((z) => {\n      const next = ZOOM_STEPS.find((s) => s > z)\n      return next ?? z\n    })\n  }, [])\n\n  const zoomOut = useCallback(() => {\n    setZoom((z) => {\n      const prev = [...ZOOM_STEPS].reverse().find((s) => s < z)\n      return prev ?? z\n    })\n  }, [])\n\n  const canZoomIn = zoom < ZOOM_STEPS[ZOOM_STEPS.length - 1]\n  const canZoomOut = zoom > ZOOM_STEPS[0]\n\n  return { zoom, zoomIn, zoomOut, canZoomIn, canZoomOut }\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  const { zoom, zoomIn, zoomOut, canZoomIn, canZoomOut } = useZoom()\n\n  return (\n    <ProseKit editor={editor}>\n      <div className=\"fixed top-5 right-5 flex items-center justify-center gap-1 border-gray-300 dark:border-gray-600 border p-2 text-sm text-gray-500 select-none print:hidden z-100 bg-gray-50 rounded\">\n        <button className=\"size-6 flex justify-center items-center rounded hover:bg-gray-200 dark:hover:bg-gray-700 disabled:opacity-30\" onClick={zoomOut} disabled={!canZoomOut}>-</button>\n        <span className=\"w-12 text-center tabular-nums\">{zoom}%</span>\n        <button className=\"size-6 flex justify-center items-center rounded hover:bg-gray-200 dark:hover:bg-gray-700 disabled:opacity-30\" onClick={zoomIn} disabled={!canZoomIn}>+</button>\n      </div>\n      <div\n        ref={editor.mount}\n        className={clsx('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', 'print:transform-none! print:min-h-full! print:p-0! print:m-0!')}\n        style={{\n          transform: `scale(${zoom / 100})`,\n          transformOrigin: 'top',\n          minHeight: `${100 / (zoom / 100)}%`,\n        }}\n      >\n      </div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/page/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/page/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\nimport { definePageBreak, definePageRendering } from 'prosekit/extensions/page'\n\nexport function defineExtension() {\n  return union(\n    defineBasicExtension(),\n    definePageBreak(),\n    definePageRendering(),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/page/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/page/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": true,
+    "story": "page",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/page/editor.tsx",
+      "registry/src/preact/examples/page/extension.ts",
+      "registry/src/preact/examples/page/index.ts",
+      "registry/src/preact/sample/sample-doc-page.ts"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-page"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,43 @@
+{
+  "name": "preact-example-placeholder",
+  "title": "preact-example-placeholder",
+  "type": "registry:block",
+  "description": "Placeholder text displayed.",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/placeholder/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/placeholder/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useCallback, useMemo } from 'preact/hooks'\nimport { createEditor, jsonFromNode, type NodeJSON } from 'prosekit/core'\nimport type { ProseMirrorNode } from 'prosekit/pm/model'\nimport { ProseKit, useDocChange } from 'prosekit/preact'\n\nimport { defineExtension } from './extension'\n\nexport default function Editor(props: {\n  initialContent?: NodeJSON\n  onDocUpdate?: (doc: NodeJSON) => void\n}) {\n  const editor = useMemo(() => {\n    const extension = defineExtension()\n    return createEditor({ extension, defaultContent: props.initialContent })\n  }, [props.initialContent])\n\n  const { onDocUpdate } = props\n  const handleDocChange = useCallback(\n    (doc: ProseMirrorNode) => onDocUpdate?.(jsonFromNode(doc)),\n    [onDocUpdate],\n  )\n  useDocChange(handleDocChange, { editor })\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/placeholder/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/placeholder/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\nimport { definePlaceholder } from 'prosekit/extensions/placeholder'\n\nexport function defineExtension() {\n  return union(\n    defineBasicExtension(),\n    definePlaceholder({ placeholder: 'Type something...' }),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/placeholder/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/placeholder/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "placeholder",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/placeholder/editor.tsx",
+      "registry/src/preact/examples/placeholder/extension.ts",
+      "registry/src/preact/examples/placeholder/index.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,66 @@
+{
+  "name": "preact-example-readonly",
+  "title": "preact-example-readonly",
+  "type": "registry:block",
+  "description": "Toggle between read-only and editable mode.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-readonly.json",
+    "https://prosekit.dev/r/preact-ui-button.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/readonly/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/readonly/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-readonly'\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/readonly/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/readonly/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/preact/examples/readonly/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/readonly/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    },
+    {
+      "path": "registry/src/preact/examples/readonly/toolbar.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/readonly/toolbar.tsx",
+      "content": "import { Button } from '../../ui/button'\n\nimport { useReadonly } from './use-readonly'\n\nexport default function Toolbar() {\n  const { readonly, setReadonly } = useReadonly()\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 pressed={readonly} onClick={() => setReadonly(true)}>\n        Readonly\n      </Button>\n\n      <Button pressed={!readonly} onClick={() => setReadonly(false)}>\n        Editable\n      </Button>\n    </div>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/readonly/use-readonly.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/readonly/use-readonly.ts",
+      "content": "import { useMemo, useState } from 'preact/hooks'\nimport { defineReadonly } from 'prosekit/extensions/readonly'\nimport { useExtension } from 'prosekit/preact'\n\nexport function useReadonly() {\n  const [readonly, setReadonly] = useState(true)\n\n  const extension = useMemo(() => {\n    return readonly ? defineReadonly() : null\n  }, [readonly])\n  useExtension(extension)\n\n  return { readonly, setReadonly }\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "readonly",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/readonly/editor.tsx",
+      "registry/src/preact/examples/readonly/extension.ts",
+      "registry/src/preact/examples/readonly/index.ts",
+      "registry/src/preact/examples/readonly/toolbar.tsx",
+      "registry/src/preact/examples/readonly/use-readonly.ts",
+      "registry/src/preact/sample/sample-doc-readonly.ts",
+      "registry/src/preact/ui/button/button.tsx",
+      "registry/src/preact/ui/button/index.ts"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-readonly",
+      "preact-ui-button"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,74 @@
+{
+  "name": "preact-example-rtl",
+  "title": "preact-example-rtl",
+  "type": "registry:block",
+  "description": "Right-to-left text direction support.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-rtl.json",
+    "https://prosekit.dev/r/preact-sample-sample-uploader.json",
+    "https://prosekit.dev/r/preact-ui-block-handle.json",
+    "https://prosekit.dev/r/preact-ui-drop-indicator.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-toolbar.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/rtl/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/rtl/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useMemo } from 'preact/hooks'\nimport { defineBasicExtension } from 'prosekit/basic'\nimport { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { sampleContent } from '../../sample/sample-doc-rtl'\nimport { sampleUploader } from '../../sample/sample-uploader'\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 { Toolbar } from '../../ui/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 = defineBasicExtension()\n    return createEditor({ extension, defaultContent })\n  }, [defaultContent])\n\n  return (\n    <ProseKit editor={editor}>\n      <div dir=\"rtl\" 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          <BlockHandle dir=\"rtl\" />\n          <TableHandle dir=\"rtl\" />\n          <DropIndicator />\n        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/rtl/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/rtl/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "rtl",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/rtl/editor.tsx",
+      "registry/src/preact/examples/rtl/index.ts",
+      "registry/src/preact/sample/sample-doc-rtl.ts",
+      "registry/src/preact/sample/sample-uploader.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/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/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/toolbar/index.ts",
+      "registry/src/preact/ui/toolbar/toolbar.tsx"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-rtl",
+      "preact-sample-sample-uploader",
+      "preact-ui-block-handle",
+      "preact-ui-drop-indicator",
+      "preact-ui-inline-menu",
+      "preact-ui-slash-menu",
+      "preact-ui-table-handle",
+      "preact-ui-toolbar"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-example-save-html.json

@@ -0,0 +1,36 @@
+{
+  "name": "preact-example-save-html",
+  "title": "preact-example-save-html",
+  "type": "registry:block",
+  "description": "Save and load documents as HTML format.",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/save-html/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/save-html/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useCallback, useMemo, useState } from 'preact/hooks'\nimport { defineBasicExtension } from 'prosekit/basic'\nimport { createEditor, jsonFromHTML } from 'prosekit/core'\nimport { ProseKit, useDocChange } from 'prosekit/preact'\n\nexport default function Editor() {\n  // A list of saved documents, stored as HTML strings\n  const [records, setRecords] = useState<string[]>([])\n  // Whether there are unsaved changes\n  const [hasUnsavedChange, setHasUnsavedChange] = useState(false)\n  // A key to force a re-render of the editor\n  const [key, setKey] = useState(1)\n\n  const editor = useMemo(() => {\n    const extension = defineBasicExtension()\n    return createEditor({ extension })\n  }, [])\n\n  const handleDocChange = useCallback(() => setHasUnsavedChange(true), [])\n  useDocChange(handleDocChange, { editor })\n\n  const handleSave = useCallback(() => {\n    const record = editor.getDocHTML()\n    setRecords((prev) => [...prev, record])\n    setHasUnsavedChange(false)\n  }, [editor])\n\n  const handleLoad = useCallback(\n    (record: string) => {\n      editor.setContent(jsonFromHTML(record, { schema: editor.schema }))\n      setHasUnsavedChange(false)\n      setKey((prev) => prev + 1)\n    },\n    [editor],\n  )\n\n  return (\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      <button\n        onClick={handleSave}\n        disabled={!hasUnsavedChange}\n        className=\"m-1 border border-solid bg-white px-2 py-1 text-sm text-black disabled:cursor-not-allowed disabled:text-gray-500\"\n      >\n        {hasUnsavedChange ? 'Save' : 'No changes to save'}\n      </button>\n      <ul className=\"border-b border-t border-solid text-sm\">\n        {records.map((record, index) => (\n          <li key={index} className=\"m-1 flex gap-2\">\n            <button\n              className=\"border border-solid bg-white px-2 py-1 text-black\"\n              onClick={() => handleLoad(record)}\n            >\n              Load\n            </button>\n            <span className=\"flex-1 overflow-x-scroll p-2\">\n              <pre>{record}</pre>\n            </span>\n          </li>\n        ))}\n      </ul>\n      <ProseKit editor={editor} key={key}>\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      </ProseKit>\n    </div>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/save-html/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/save-html/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "save-html",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/save-html/editor.tsx",
+      "registry/src/preact/examples/save-html/index.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,36 @@
+{
+  "name": "preact-example-save-json",
+  "title": "preact-example-save-json",
+  "type": "registry:block",
+  "description": "Save and load documents as JSON format.",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/save-json/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/save-json/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useCallback, useMemo, useState } from 'preact/hooks'\nimport { defineBasicExtension } from 'prosekit/basic'\nimport { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit, useDocChange } from 'prosekit/preact'\n\nexport default function Editor() {\n  // A list of saved documents, stored as JSON strings\n  const [records, setRecords] = useState<string[]>([])\n  // Whether there are unsaved changes\n  const [hasUnsavedChange, setHasUnsavedChange] = useState(false)\n  // A key to force a re-render of the editor\n  const [key, setKey] = useState(1)\n\n  const editor = useMemo(() => {\n    const extension = defineBasicExtension()\n    return createEditor({ extension })\n  }, [])\n\n  const handleDocChange = useCallback(() => setHasUnsavedChange(true), [])\n  useDocChange(handleDocChange, { editor })\n\n  const handleSave = useCallback(() => {\n    const record = JSON.stringify(editor.getDocJSON())\n    setRecords((prev) => [...prev, record])\n    setHasUnsavedChange(false)\n  }, [editor])\n\n  const handleLoad = useCallback((record: string) => {\n    editor.setContent(JSON.parse(record) as NodeJSON)\n    setHasUnsavedChange(false)\n    setKey((prev) => prev + 1)\n  }, [editor])\n\n  return (\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      <button\n        onClick={handleSave}\n        disabled={!hasUnsavedChange}\n        className=\"m-1 border border-solid bg-white px-2 py-1 text-sm text-black disabled:cursor-not-allowed disabled:text-gray-500\"\n      >\n        {hasUnsavedChange ? 'Save' : 'No changes to save'}\n      </button>\n      <ul className=\"border-b border-t border-solid text-sm\">\n        {records.map((record, index) => (\n          <li key={index} className=\"m-1 flex gap-2\">\n            <button\n              className=\"border border-solid bg-white px-2 py-1 text-black\"\n              onClick={() => handleLoad(record)}\n            >\n              Load\n            </button>\n            <span className=\"flex-1 overflow-x-scroll p-2\">\n              <pre>{record}</pre>\n            </span>\n          </li>\n        ))}\n      </ul>\n      <ProseKit editor={editor} key={key}>\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      </ProseKit>\n    </div>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/save-json/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/save-json/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "save-json",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/save-json/editor.tsx",
+      "registry/src/preact/examples/save-json/index.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-example-save-markdown.json

@@ -0,0 +1,50 @@
+{
+  "name": "preact-example-save-markdown",
+  "title": "preact-example-save-markdown",
+  "type": "registry:block",
+  "description": "Save and load documents as Markdown format.",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit",
+    "rehype-parse",
+    "rehype-remark",
+    "remark-gfm",
+    "remark-html",
+    "remark-parse",
+    "remark-stringify",
+    "unified"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/save-markdown/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/save-markdown/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useCallback, useMemo, useState } from 'preact/hooks'\nimport { defineBasicExtension } from 'prosekit/basic'\nimport { createEditor, jsonFromHTML } from 'prosekit/core'\nimport { ProseKit, useDocChange } from 'prosekit/preact'\n\nimport { htmlFromMarkdown, markdownFromHTML } from './markdown'\n\nexport default function Editor() {\n  // A list of saved documents, stored as Markdown strings\n  const [records, setRecords] = useState<string[]>([])\n  // Whether there are unsaved changes\n  const [hasUnsavedChange, setHasUnsavedChange] = useState(false)\n  // A key to force a re-render of the editor\n  const [key, setKey] = useState(1)\n\n  const editor = useMemo(() => {\n    const extension = defineBasicExtension()\n    return createEditor({ extension })\n  }, [])\n\n  const handleDocChange = useCallback(() => setHasUnsavedChange(true), [])\n  useDocChange(handleDocChange, { editor })\n\n  const handleSave = useCallback(() => {\n    const html = editor.getDocHTML()\n    const record = markdownFromHTML(html)\n    setRecords((prev) => [...prev, record])\n    setHasUnsavedChange(false)\n  }, [editor])\n\n  const handleLoad = useCallback(\n    (record: string) => {\n      const html = htmlFromMarkdown(record)\n      editor.setContent(jsonFromHTML(html, { schema: editor.schema }))\n      setHasUnsavedChange(false)\n      setKey((prev) => prev + 1)\n    },\n    [editor],\n  )\n\n  return (\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      <button\n        onClick={handleSave}\n        disabled={!hasUnsavedChange}\n        className=\"m-1 border border-solid bg-white px-2 py-1 text-sm text-black disabled:cursor-not-allowed disabled:text-gray-500\"\n      >\n        {hasUnsavedChange ? 'Save' : 'No changes to save'}\n      </button>\n      <ul className=\"border-b border-t border-solid text-sm\">\n        {records.map((record, index) => (\n          <li key={index} className=\"m-1 flex gap-2\">\n            <button\n              className=\"border border-solid bg-white px-2 py-1 text-black\"\n              onClick={() => handleLoad(record)}\n            >\n              Load\n            </button>\n            <span className=\"flex-1 overflow-x-scroll p-2\">\n              <pre>{record}</pre>\n            </span>\n          </li>\n        ))}\n      </ul>\n      <ProseKit editor={editor} key={key}>\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      </ProseKit>\n    </div>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/save-markdown/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/save-markdown/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    },
+    {
+      "path": "registry/src/preact/examples/save-markdown/markdown.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/save-markdown/markdown.ts",
+      "content": "import rehypeParse from 'rehype-parse'\nimport rehypeRemark from 'rehype-remark'\nimport remarkGfm from 'remark-gfm'\nimport remarkHtml from 'remark-html'\nimport remarkParse from 'remark-parse'\nimport remarkStringify from 'remark-stringify'\nimport { unified } from 'unified'\n\nexport function markdownFromHTML(html: string): string {\n  return unified()\n    .use(rehypeParse)\n    .use(rehypeRemark)\n    .use(remarkGfm)\n    .use(remarkStringify)\n    .processSync(html)\n    .toString()\n}\n\nexport function htmlFromMarkdown(markdown: string): string {\n  return unified()\n    .use(remarkParse)\n    .use(remarkGfm)\n    .use(remarkHtml)\n    .processSync(markdown)\n    .toString()\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "save-markdown",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/save-markdown/editor.tsx",
+      "registry/src/preact/examples/save-markdown/index.ts",
+      "registry/src/preact/examples/save-markdown/markdown.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,54 @@
+{
+  "name": "preact-example-search",
+  "title": "preact-example-search",
+  "type": "registry:block",
+  "description": "Search and highlight text with navigation.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-search.json",
+    "https://prosekit.dev/r/preact-ui-search.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/search/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/search/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\nimport 'prosekit/extensions/search/style.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-search'\nimport { Search } from '../../ui/search'\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          <Search />\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/search/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/search/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\nimport { defineSearchCommands } from 'prosekit/extensions/search'\n\nexport function defineExtension() {\n  return union(defineBasicExtension(), defineSearchCommands())\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/search/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/search/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "search",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/search/editor.tsx",
+      "registry/src/preact/examples/search/extension.ts",
+      "registry/src/preact/examples/search/index.ts",
+      "registry/src/preact/sample/sample-doc-search.ts",
+      "registry/src/preact/ui/button/button.tsx",
+      "registry/src/preact/ui/button/index.ts",
+      "registry/src/preact/ui/search/index.ts",
+      "registry/src/preact/ui/search/search.tsx"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-search",
+      "preact-ui-search"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/preact-example-slash-menu.json

@@ -0,0 +1,51 @@
+{
+  "name": "preact-example-slash-menu",
+  "title": "preact-example-slash-menu",
+  "type": "registry:block",
+  "description": "Command menu triggered by typing slash (/).",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-ui-slash-menu.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/slash-menu/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/slash-menu/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 { SlashMenu } from '../../ui/slash-menu'\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          <SlashMenu />\n        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/slash-menu/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/slash-menu/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\nimport { definePlaceholder } from 'prosekit/extensions/placeholder'\n\nexport function defineExtension() {\n  return union(\n    defineBasicExtension(),\n    definePlaceholder({ placeholder: 'Press / for commands...' }),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/slash-menu/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/slash-menu/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "slash-menu",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/slash-menu/editor.tsx",
+      "registry/src/preact/examples/slash-menu/extension.ts",
+      "registry/src/preact/examples/slash-menu/index.ts",
+      "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"
+    ],
+    "internalDependencies": [
+      "preact-ui-slash-menu"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

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

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

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