prosekit-registry 0.0.1

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

@@ -0,0 +1,59 @@
+{
+  "name": "solid-example-typography",
+  "title": "solid-example-typography",
+  "type": "registry:block",
+  "description": "Typography enhancements like smart quotes and dashes.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-sample-katex.json",
+    "https://prosekit.dev/r/solid-sample-sample-doc-typography.json",
+    "https://prosekit.dev/r/solid-ui-block-handle.json",
+    "https://prosekit.dev/r/solid-ui-drop-indicator.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/examples/typography/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/typography/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-typography'\nimport { BlockHandle } from '../../ui/block-handle'\nimport { DropIndicator } from '../../ui/drop-indicator'\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          <BlockHandle />\n          <DropIndicator />\n        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/solid/examples/typography/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/typography/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\nimport { defineMath } from 'prosekit/extensions/math'\n\nimport { renderKaTeXMathBlock, renderKaTeXMathInline } from '../../sample/katex'\n\nexport function defineExtension() {\n  return union(defineBasicExtension(), defineMath({ renderMathBlock: renderKaTeXMathBlock, renderMathInline: renderKaTeXMathInline }))\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/solid/examples/typography/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/typography/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "typography",
+    "framework": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/typography/editor.tsx",
+      "registry/src/solid/examples/typography/extension.ts",
+      "registry/src/solid/examples/typography/index.ts",
+      "registry/src/solid/sample/katex.ts",
+      "registry/src/solid/sample/sample-doc-typography.ts",
+      "registry/src/solid/ui/block-handle/block-handle.tsx",
+      "registry/src/solid/ui/block-handle/index.ts",
+      "registry/src/solid/ui/drop-indicator/drop-indicator.tsx",
+      "registry/src/solid/ui/drop-indicator/index.ts"
+    ],
+    "internalDependencies": [
+      "solid-sample-katex",
+      "solid-sample-sample-doc-typography",
+      "solid-ui-block-handle",
+      "solid-ui-drop-indicator"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

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

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

@@ -0,0 +1,58 @@
+{
+  "name": "solid-example-unmount",
+  "title": "solid-example-unmount",
+  "type": "registry:block",
+  "description": "Properly unmount and remount editor instances.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-ui-inline-menu.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/examples/unmount/editor-component.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/unmount/editor-component.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { defineBasicExtension } from 'prosekit/basic'\nimport { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/solid'\nimport type { JSX } from 'solid-js'\n\nimport { InlineMenu } from '../../ui/inline-menu'\n\nimport ExtensionComponent from './extension-component.tsx'\n\nexport default function EditorComponent(props: {\n  placeholder: string\n}): JSX.Element {\n  const extension = defineBasicExtension()\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        <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      <ExtensionComponent placeholder={props.placeholder} />\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/solid/examples/unmount/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/unmount/editor.tsx",
+      "content": "import { createSignal, For, type JSX } from 'solid-js'\n\nimport EditorComponent from './editor-component'\n\nexport default function Editor(): JSX.Element {\n  let nextKey = 1\n  const [editorKeys, setEditorKeys] = createSignal<number[]>([])\n\n  const addEditor = () => {\n    const key = nextKey\n    nextKey += 1\n    setEditorKeys((keys) => [...keys, key])\n  }\n\n  const removeEditor = (key: number) => {\n    setEditorKeys((keys) => keys.filter((k) => k !== key))\n  }\n\n  return (\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex gap-2\">\n        <button onClick={addEditor} class=\"border p-2\">\n          Add editor\n        </button>\n        <For each={editorKeys()}>\n          {(key) => (\n            <button\n              onClick={() => removeEditor(key)}\n              class=\"border p-2\"\n            >\n              Unmount No.{key}\n            </button>\n          )}\n        </For>\n      </div>\n      <For each={editorKeys()}>\n        {(key) => (\n          <div>\n            <EditorComponent\n              placeholder={`Editor No.${key}`}\n            />\n          </div>\n        )}\n      </For>\n    </div>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/solid/examples/unmount/extension-component.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/unmount/extension-component.tsx",
+      "content": "import { definePlaceholder } from 'prosekit/extensions/placeholder'\nimport { useExtension } from 'prosekit/solid'\nimport { createMemo, type JSX } from 'solid-js'\n\nexport default function ExtensionComponent(props: {\n  placeholder: string\n}): JSX.Element {\n  const extension = createMemo(() => {\n    return definePlaceholder({ placeholder: props.placeholder })\n  })\n\n  useExtension(extension)\n\n  return null\n}\n"
+    },
+    {
+      "path": "registry/src/solid/examples/unmount/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/unmount/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "unmount",
+    "framework": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/unmount/editor-component.tsx",
+      "registry/src/solid/examples/unmount/editor.tsx",
+      "registry/src/solid/examples/unmount/extension-component.tsx",
+      "registry/src/solid/examples/unmount/index.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-ui-inline-menu"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/solid-example-user-menu-dynamic.json

@@ -0,0 +1,67 @@
+{
+  "name": "solid-example-user-menu-dynamic",
+  "title": "solid-example-user-menu-dynamic",
+  "type": "registry:block",
+  "description": "Dynamic autocomplete menu with async data loading.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-sample-sample-query-users.json",
+    "https://prosekit.dev/r/solid-ui-user-menu.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/examples/user-menu-dynamic/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/user-menu-dynamic/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 { defineExtension } from './extension'\nimport UserMenuDynamic from './user-menu-dynamic'\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        <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          <UserMenuDynamic />\n        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/solid/examples/user-menu-dynamic/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/user-menu-dynamic/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\nimport { defineMention } from 'prosekit/extensions/mention'\nimport { definePlaceholder } from 'prosekit/extensions/placeholder'\n\nexport function defineExtension() {\n  return union(\n    defineBasicExtension(),\n    definePlaceholder({\n      placeholder: 'Type @ to mention someone...',\n    }),\n    defineMention(),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/solid/examples/user-menu-dynamic/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/user-menu-dynamic/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    },
+    {
+      "path": "registry/src/solid/examples/user-menu-dynamic/use-user-query.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/user-menu-dynamic/use-user-query.ts",
+      "content": "import { createEffect, createSignal } from 'solid-js'\n\nimport type { User } from '../../sample/sample-query-users'\nimport { queryUsers } from '../../sample/sample-query-users'\n\n/**\n * Simulate a user searching with some delay.\n */\nexport function useUserQuery(\n  getQuery: () => string,\n  getEnabled: () => boolean,\n) {\n  const [users, setUsers] = createSignal<User[]>([])\n  const [loading, setLoading] = createSignal(true)\n\n  createEffect(() => {\n    const query = getQuery()\n    const enabled = getEnabled()\n\n    if (!enabled) {\n      setUsers([])\n      return\n    }\n\n    setLoading(true)\n    let cancelled = false\n\n    void queryUsers(query).then((filteredUsers) => {\n      if (cancelled) {\n        return\n      }\n      setUsers(filteredUsers)\n      setLoading(false)\n    })\n\n    return () => {\n      cancelled = true\n    }\n  })\n\n  return { loading, users }\n}\n"
+    },
+    {
+      "path": "registry/src/solid/examples/user-menu-dynamic/user-menu-dynamic.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/user-menu-dynamic/user-menu-dynamic.tsx",
+      "content": "import { createSignal, type JSX } from 'solid-js'\n\nimport { UserMenu } from '../../ui/user-menu'\n\nimport { useUserQuery } from './use-user-query'\n\nexport default function UserMenuDynamic(): JSX.Element {\n  const [query, setQuery] = createSignal('')\n  const [open, setOpen] = createSignal(false)\n\n  const { loading, users } = useUserQuery(query, open)\n\n  return (\n    <UserMenu\n      users={users()}\n      loading={loading()}\n      onQueryChange={setQuery}\n      onOpenChange={setOpen}\n    />\n  )\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "user-menu-dynamic",
+    "framework": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/user-menu-dynamic/editor.tsx",
+      "registry/src/solid/examples/user-menu-dynamic/extension.ts",
+      "registry/src/solid/examples/user-menu-dynamic/index.ts",
+      "registry/src/solid/examples/user-menu-dynamic/use-user-query.ts",
+      "registry/src/solid/examples/user-menu-dynamic/user-menu-dynamic.tsx",
+      "registry/src/solid/sample/sample-query-users.ts",
+      "registry/src/solid/sample/sample-user-data.ts",
+      "registry/src/solid/ui/user-menu/index.ts",
+      "registry/src/solid/ui/user-menu/user-menu.tsx"
+    ],
+    "internalDependencies": [
+      "solid-sample-sample-query-users",
+      "solid-ui-user-menu"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,59 @@
+{
+  "name": "solid-example-user-menu",
+  "title": "solid-example-user-menu",
+  "type": "registry:block",
+  "description": "Autocomplete menu for @mentions and #hashtag",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-sample-sample-tag-data.json",
+    "https://prosekit.dev/r/solid-sample-sample-user-data.json",
+    "https://prosekit.dev/r/solid-ui-tag-menu.json",
+    "https://prosekit.dev/r/solid-ui-user-menu.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/examples/user-menu/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/user-menu/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 { tags } from '../../sample/sample-tag-data'\nimport { users } from '../../sample/sample-user-data'\nimport { TagMenu } from '../../ui/tag-menu'\nimport { UserMenu } from '../../ui/user-menu'\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        <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          <UserMenu users={users} />\n          <TagMenu tags={tags} />\n        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/solid/examples/user-menu/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/user-menu/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\nimport { defineMention } from 'prosekit/extensions/mention'\nimport { definePlaceholder } from 'prosekit/extensions/placeholder'\n\nexport function defineExtension() {\n  return union(\n    defineBasicExtension(),\n    definePlaceholder({\n      placeholder: 'Type @ to mention someone or # to tag something...',\n    }),\n    defineMention(),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/solid/examples/user-menu/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/user-menu/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "user-menu",
+    "framework": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/user-menu/editor.tsx",
+      "registry/src/solid/examples/user-menu/extension.ts",
+      "registry/src/solid/examples/user-menu/index.ts",
+      "registry/src/solid/sample/sample-tag-data.ts",
+      "registry/src/solid/sample/sample-user-data.ts",
+      "registry/src/solid/ui/tag-menu/index.ts",
+      "registry/src/solid/ui/tag-menu/tag-menu.tsx",
+      "registry/src/solid/ui/user-menu/index.ts",
+      "registry/src/solid/ui/user-menu/user-menu.tsx"
+    ],
+    "internalDependencies": [
+      "solid-sample-sample-tag-data",
+      "solid-sample-sample-user-data",
+      "solid-ui-tag-menu",
+      "solid-ui-user-menu"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,58 @@
+{
+  "name": "solid-example-view-adapter",
+  "title": "solid-example-view-adapter",
+  "type": "registry:block",
+  "description": "Custom node and mark views using view adapters.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-sample-define-atom-block.json",
+    "https://prosekit.dev/r/solid-sample-sample-doc-view-adapter.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/examples/view-adapter/atom-block-view.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/view-adapter/atom-block-view.tsx",
+      "content": "import { useEditorDerivedValue, type SolidNodeViewProps } from 'prosekit/solid'\nimport type { JSX } from 'solid-js'\n\nexport function AtomBlockView(props: SolidNodeViewProps): JSX.Element {\n  const docJSON = useEditorDerivedValue((editor) => {\n    return JSON.stringify(editor.getDocJSON(), null, 2)\n  })\n\n  return (\n    <div attr:data-atom-block=\"true\" attr:data-atom-block-view=\"true\" class=\"bg-green-500/30\">\n      <div attr:data-testid=\"atom-block-view-label\">Atom Block View</div>\n      <div attr:data-testid=\"atom-block-view-pos\">{props.getPos()}</div>\n      <div attr:data-testid=\"atom-block-view-context\">\n        <pre>{docJSON()}</pre>\n      </div>\n    </div>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/solid/examples/view-adapter/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/view-adapter/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/solid'\nimport { createMemo, type JSX } from 'solid-js'\n\nimport { sampleContent } from '../../sample/sample-doc-view-adapter'\n\nimport { defineExtension } from './extension'\n\ninterface EditorProps {\n  initialContent?: NodeJSON\n}\n\nexport default function Editor(props: EditorProps): JSX.Element {\n  const defaultContent = () => props.initialContent ?? sampleContent\n  const editor = createMemo(() => {\n    return createEditor({ extension: defineExtension(), defaultContent: defaultContent() })\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        <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/view-adapter/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/view-adapter/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\nimport { defineSolidNodeView } from 'prosekit/solid'\n\nimport { defineAtomBlock } from '../../sample/define-atom-block'\n\nimport { AtomBlockView } from './atom-block-view'\n\nexport function defineExtension() {\n  return union(\n    defineBasicExtension(),\n    defineAtomBlock(),\n    defineSolidNodeView({\n      name: 'atomBlock',\n      component: AtomBlockView,\n    }),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/solid/examples/view-adapter/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/view-adapter/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": true,
+    "story": "view-adapter",
+    "framework": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/view-adapter/atom-block-view.tsx",
+      "registry/src/solid/examples/view-adapter/editor.tsx",
+      "registry/src/solid/examples/view-adapter/extension.ts",
+      "registry/src/solid/examples/view-adapter/index.ts",
+      "registry/src/solid/sample/define-atom-block.ts",
+      "registry/src/solid/sample/sample-doc-view-adapter.ts"
+    ],
+    "internalDependencies": [
+      "solid-sample-define-atom-block",
+      "solid-sample-sample-doc-view-adapter"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,52 @@
+{
+  "name": "solid-example-word-counter",
+  "title": "solid-example-word-counter",
+  "type": "registry:block",
+  "description": "Display word and character count statistics.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-sample-sample-doc-word-counter.json",
+    "https://prosekit.dev/r/solid-ui-word-counter.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/examples/word-counter/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/word-counter/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/solid'\nimport type { JSX } from 'solid-js'\n\nimport { sampleContent } from '../../sample/sample-doc-word-counter'\nimport { WordCounter } from '../../ui/word-counter'\n\nimport { defineExtension } from './extension'\n\ninterface EditorProps {\n  initialContent?: NodeJSON\n}\n\nexport default function Editor(props: EditorProps): 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          <WordCounter />\n        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/solid/examples/word-counter/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/word-counter/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\n\nexport function defineExtension() {\n  return union(defineBasicExtension())\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/solid/examples/word-counter/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/word-counter/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "word-counter",
+    "framework": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/word-counter/editor.tsx",
+      "registry/src/solid/examples/word-counter/extension.ts",
+      "registry/src/solid/examples/word-counter/index.ts",
+      "registry/src/solid/sample/sample-doc-word-counter.ts",
+      "registry/src/solid/ui/word-counter/index.ts",
+      "registry/src/solid/ui/word-counter/word-counter.tsx"
+    ],
+    "internalDependencies": [
+      "solid-sample-sample-doc-word-counter",
+      "solid-ui-word-counter"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,62 @@
+{
+  "name": "solid-example-yjs",
+  "title": "solid-example-yjs",
+  "type": "registry:block",
+  "description": "Real-time collaboration using Yjs CRDT library.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/solid-ui-toolbar.json"
+  ],
+  "dependencies": [
+    "prosekit",
+    "y-websocket",
+    "yjs"
+  ],
+  "files": [
+    {
+      "path": "registry/src/solid/examples/yjs/editor-component.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/yjs/editor-component.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\nimport 'prosekit/extensions/yjs/style.css'\n\nimport { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/solid'\nimport { createMemo, type JSX } from 'solid-js'\nimport { WebsocketProvider } from 'y-websocket'\nimport * as Y from 'yjs'\n\nimport { Toolbar } from '../../ui/toolbar'\n\nimport { defineExtension } from './extension'\n\nexport default function EditorComponent(props: { room?: string }): JSX.Element {\n  const editor = createMemo(() => {\n    const doc = new Y.Doc()\n    const provider = new WebsocketProvider(\n      'wss://demos.yjs.dev/ws',\n      `github.com/prosekit/room_${props.room}`,\n      doc,\n    )\n\n    const extension = defineExtension(doc, provider.awareness)\n    return createEditor({ extension })\n  })\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/yjs/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/yjs/editor.tsx",
+      "content": "import { createSignal, type JSX } from 'solid-js'\n\nimport EditorComponent from './editor-component'\n\nexport default function Editor(): JSX.Element {\n  const [room] = createSignal(Math.random().toString(36).substring(2, 15))\n\n  return (\n    <div class=\"h-full flex flex-col gap-2\">\n      <EditorComponent room={room()} />\n      <EditorComponent room={room()} />\n    </div>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/solid/examples/yjs/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/yjs/extension.ts",
+      "content": "import { defineBaseCommands, defineBaseKeymap, union } from 'prosekit/core'\nimport { defineBlockquote } from 'prosekit/extensions/blockquote'\nimport { defineBold } from 'prosekit/extensions/bold'\nimport { defineCode } from 'prosekit/extensions/code'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineDropCursor } from 'prosekit/extensions/drop-cursor'\nimport { defineHeading } from 'prosekit/extensions/heading'\nimport { defineImage } from 'prosekit/extensions/image'\nimport { defineItalic } from 'prosekit/extensions/italic'\nimport { defineLink } from 'prosekit/extensions/link'\nimport { defineList } from 'prosekit/extensions/list'\nimport { defineModClickPrevention } from 'prosekit/extensions/mod-click-prevention'\nimport { defineParagraph } from 'prosekit/extensions/paragraph'\nimport { defineStrike } from 'prosekit/extensions/strike'\nimport { defineTable } from 'prosekit/extensions/table'\nimport { defineText } from 'prosekit/extensions/text'\nimport { defineUnderline } from 'prosekit/extensions/underline'\nimport { defineVirtualSelection } from 'prosekit/extensions/virtual-selection'\nimport { defineYjs } from 'prosekit/extensions/yjs'\nimport type { Awareness } from 'prosekit/extensions/yjs'\nimport type * as Y from 'yjs'\n\nexport function defineExtension(doc: Y.Doc, awareness: Awareness) {\n  return union(\n    defineDoc(),\n    defineText(),\n    defineHeading(),\n    defineList(),\n    defineBlockquote(),\n    defineBaseKeymap(),\n    defineBaseCommands(),\n    defineItalic(),\n    defineBold(),\n    defineUnderline(),\n    defineStrike(),\n    defineCode(),\n    defineLink(),\n    defineImage(),\n    defineParagraph(),\n    defineDropCursor(),\n    defineVirtualSelection(),\n    defineModClickPrevention(),\n    defineTable(),\n    defineYjs({ doc, awareness }),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/solid/examples/yjs/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/yjs/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "yjs",
+    "framework": "solid",
+    "accumulatedFiles": [
+      "registry/src/solid/examples/yjs/editor-component.tsx",
+      "registry/src/solid/examples/yjs/editor.tsx",
+      "registry/src/solid/examples/yjs/extension.ts",
+      "registry/src/solid/examples/yjs/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-sample-define-atom-block.json

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

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

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

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

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