prosekit-registry 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 ocavue
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,241 @@
+# ProseKit Registry
+
+The registry contains framework examples and shared UI components. Source files are organized in `registry/src`, with dedicated directories for each supported framework: `react`, `vue`, `svelte`, `solid`, and `preact`.
+
+## Common Guidelines
+
+### Same DOM Across Frameworks
+
+All framework implementations of the same example must render identical DOM structures.
+
+### No Props Destructuring
+
+Avoid destructuring component props across all frameworks. Destructuring breaks reactivity in frameworks like Solid. Maintaining consistent syntax across frameworks also improves code maintainability.
+
+**Correct:**
+
+```tsx
+function Foo(props: FooProps) {
+  return <div>{props.foo}</div>;
+}
+```
+
+**Incorrect:**
+
+```tsx
+function Foo({ foo }: FooProps) {
+  return <div>{foo}</div>;
+}
+```
+
+### Union Call Convention
+
+The `union` function should be called with individual arguments, not an array.
+
+**Correct:**
+
+```ts
+return union(defineBasicExtension(), defineCodeBlockView());
+```
+
+**Incorrect:**
+
+```ts
+return union([defineBasicExtension(), defineCodeBlockView()]);
+```
+
+### Default Content Location
+
+To provide default content for an example, create a file at `registry/src/<framework>/sample/sample-doc-<example-name>.ts` and export the content using the following format:
+
+```ts
+import type { NodeJSON } from "prosekit/core";
+
+export const sampleContent: NodeJSON = {
+  /* ... */
+};
+```
+
+### 'use client' Directive
+
+Only use the `'use client'` directive in React framework index files. Do not use it in Vue, Svelte, Solid, Preact, or other frameworks as it is specific to React Server Components.
+
+## Vue-Specific Guidelines
+
+### Event Handlers
+
+Use `@event-name` syntax instead of `:on-event-name` for event handlers in Vue templates.
+
+**Good:**
+
+```
+<Component @query-change="handleQueryChange" />
+```
+
+**Bad:**
+
+```
+<Component :on-query-change="handleQueryChange" />
+```
+
+### Props Declaration
+
+Use `const props = defineProps<Props>()` to declare component props. This provides better clarity and consistency with other frameworks' patterns.
+
+**Good:**
+
+```vue
+<script setup lang="ts">
+interface Props {
+  name: string
+  age?: number
+}
+
+const props = defineProps<Props>()
+</script>
+
+<template>
+  <div>{{ props.name }}</div>
+</template>
+```
+
+**Bad:**
+
+```vue
+<script setup lang="ts">
+interface Props {
+  name: string
+  age?: number
+}
+
+defineProps<Props>()
+</script>
+
+<template>
+  <div>{{ name }}</div>
+</template>
+```
+
+### Side Effects with Cleanup
+
+Prefer `watchEffect` over `watch` to track reactive dependencies automatically.
+
+**Good:**
+
+```ts
+watchEffect((onCleanup) => {
+  const value = valueRef.value;
+  // do something with value
+  onCleanup(() => {
+    // cleanup logic
+  });
+});
+```
+
+**Bad:**
+
+```ts
+watch([valueRef], (newValue, oldValue, onCleanup) => {
+  // do something with newValue
+  onCleanup(() => {
+    // cleanup logic
+  });
+});
+```
+
+## Svelte-Specific Guidelines
+
+### Syntax
+
+Use Svelte v5 runes syntax (`$state`, `$derived`, `$props`, `$effect`) instead of legacy syntax.
+
+**Good:**
+
+```svelte
+<script lang="ts">
+  interface Props {
+    name: string;
+  }
+  const props: Props = $props();
+  let count = $state(0);
+  let doubled = $derived(count * 2);
+</script>
+
+<div>{props.name} {doubled}</div>
+```
+
+**Bad:**
+
+```svelte
+<script lang="ts">
+  export let name = 'World';
+  let count = 0;
+  $: doubled = count * 2;
+</script>
+
+<div>{name} {doubled}</div>
+```
+
+## Solid-Specific Guidelines
+
+### Use `attr:` for data attributes
+
+Use `attr:` for data attributes
+
+**Good:**
+
+```tsx
+<SolidComponent
+  attr:data-testid="test-id"
+  attr:data-selected={selected ? "" : undefined}
+/>
+```
+
+**Bad:**
+
+```tsx
+<SolidComponent
+  data-testid="test-id"
+  data-selected={selected ? "" : undefined}
+/>
+```
+
+### Explicitly specify the return type of components
+
+**Good:**
+
+```tsx
+import type { JSX } from 'solid-js'
+
+export default function Foo(): JSX.Element {
+  return <div>Foo</div>
+}
+```
+
+**Bad:**
+
+```tsx
+export default function Foo() {
+  return <div>Foo</div>
+}
+```
+
+### Use `For` instead of `.map()`
+
+**Good:**
+
+```tsx
+<div> 
+  <For each={items}>
+    {(item) => <div>{item}</div>}
+  </For>
+</div>
+```
+
+**Bad:**
+
+```tsx
+<div>{items.map((item) => (
+  <div>{item}</div>)
+)}</div>
+```

package/dist/r/lit-example-minimal.json

@@ -0,0 +1,36 @@
+{
+  "name": "lit-example-minimal",
+  "title": "lit-example-minimal",
+  "type": "registry:block",
+  "description": "Minimal editor setup with basic functionality.",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/lit/examples/minimal/editor.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/minimal/editor.ts",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { html, LitElement, type PropertyDeclaration, type PropertyValues } from 'lit'\nimport { createRef, ref, type Ref } from 'lit/directives/ref.js'\nimport { defineBasicExtension } from 'prosekit/basic'\nimport type { Editor } from 'prosekit/core'\nimport { createEditor } from 'prosekit/core'\n\nexport class LitEditor extends LitElement {\n  static override properties = {\n    editor: { state: true, attribute: false } satisfies PropertyDeclaration<Editor>,\n  }\n\n  private editor: Editor\n  private ref: Ref<HTMLDivElement>\n\n  constructor() {\n    super()\n\n    const extension = defineBasicExtension()\n    this.editor = createEditor({ extension })\n    this.ref = createRef<HTMLDivElement>()\n  }\n\n  override createRenderRoot() {\n    return this\n  }\n\n  override disconnectedCallback() {\n    this.editor.unmount()\n    super.disconnectedCallback()\n  }\n\n  override updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties)\n    this.editor.mount(this.ref.value)\n  }\n\n  override render() {\n    return html`<div class=\"outline-solid p-4\" ${ref(this.ref)}></div>`\n  }\n}\n\nexport function registerLitEditor() {\n  if (customElements.get('lit-editor-example-minimal')) return\n  customElements.define('lit-editor-example-minimal', LitEditor)\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lit-editor-example-minimal': LitEditor\n  }\n}\n"
+    },
+    {
+      "path": "registry/src/lit/examples/minimal/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/minimal/index.ts",
+      "content": "export { LitEditor as ExampleEditor, registerLitEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "minimal",
+    "framework": "lit",
+    "accumulatedFiles": [
+      "registry/src/lit/examples/minimal/editor.ts",
+      "registry/src/lit/examples/minimal/index.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,55 @@
+{
+  "name": "lit-example-slash-menu",
+  "title": "lit-example-slash-menu",
+  "type": "registry:block",
+  "description": "Command menu triggered by typing slash (/).",
+  "registryDependencies": [
+    "https://prosekit.dev/r/lit-ui-editor-context.json",
+    "https://prosekit.dev/r/lit-ui-slash-menu.json"
+  ],
+  "dependencies": [
+    "@lit/context",
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/lit/examples/slash-menu/editor.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/slash-menu/editor.ts",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport '../../ui/slash-menu/index'\n\nimport { ContextProvider } from '@lit/context'\nimport { html, LitElement, type PropertyDeclaration, type PropertyValues } from 'lit'\nimport { createRef, ref, type Ref } from 'lit/directives/ref.js'\nimport type { Editor } from 'prosekit/core'\nimport { createEditor } from 'prosekit/core'\n\nimport { editorContext } from '../../ui/editor-context'\n\nimport { defineExtension } from './extension'\n\nexport class LitEditor extends LitElement {\n  static override properties = {\n    editor: {\n      state: true,\n      attribute: false,\n    } satisfies PropertyDeclaration<Editor>,\n  }\n\n  private editor: Editor\n  private ref: Ref<HTMLDivElement>\n  constructor() {\n    super()\n\n    const extension = defineExtension()\n    this.editor = createEditor({ extension })\n    this.ref = createRef<HTMLDivElement>()\n    new ContextProvider(this, {\n      context: editorContext,\n      initialValue: this.editor,\n    })\n  }\n\n  override createRenderRoot() {\n    return this\n  }\n\n  override disconnectedCallback() {\n    this.editor.unmount()\n    super.disconnectedCallback()\n  }\n\n  override updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties)\n    this.editor.mount(this.ref.value)\n  }\n\n  override render() {\n    return html`<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(this.ref)} 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        <lit-editor-slash-menu style=\"display: contents;\"></lit-editor-slash-menu>\n      </div>\n    </div>`\n  }\n}\n\nexport function registerLitEditor() {\n  if (customElements.get('lit-editor-example-slash-menu')) return\n  customElements.define('lit-editor-example-slash-menu', LitEditor)\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lit-editor-example-slash-menu': LitEditor\n  }\n}\n"
+    },
+    {
+      "path": "registry/src/lit/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/lit/examples/slash-menu/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/slash-menu/index.ts",
+      "content": "export { LitEditor as ExampleEditor, registerLitEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "slash-menu",
+    "framework": "lit",
+    "accumulatedFiles": [
+      "registry/src/lit/examples/slash-menu/editor.ts",
+      "registry/src/lit/examples/slash-menu/extension.ts",
+      "registry/src/lit/examples/slash-menu/index.ts",
+      "registry/src/lit/ui/editor-context.ts",
+      "registry/src/lit/ui/slash-menu/index.ts",
+      "registry/src/lit/ui/slash-menu/slash-menu-empty.ts",
+      "registry/src/lit/ui/slash-menu/slash-menu-item.ts",
+      "registry/src/lit/ui/slash-menu/slash-menu.ts"
+    ],
+    "internalDependencies": [
+      "lit-ui-editor-context",
+      "lit-ui-slash-menu"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,56 @@
+{
+  "name": "lit-example-table",
+  "title": "lit-example-table",
+  "type": "registry:block",
+  "description": "Table node with row and column operations.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/lit-sample-sample-doc-table.json",
+    "https://prosekit.dev/r/lit-ui-editor-context.json",
+    "https://prosekit.dev/r/lit-ui-table-handle.json"
+  ],
+  "dependencies": [
+    "@lit/context",
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/lit/examples/table/editor.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/table/editor.ts",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport '../../ui/table-handle/index'\n\nimport { ContextProvider } from '@lit/context'\nimport { html, LitElement, type PropertyDeclaration, type PropertyValues } from 'lit'\nimport { createRef, ref, type Ref } from 'lit/directives/ref.js'\nimport type { Editor } from 'prosekit/core'\nimport { createEditor } from 'prosekit/core'\n\nimport { sampleContent } from '../../sample/sample-doc-table'\nimport { editorContext } from '../../ui/editor-context'\n\nimport { defineExtension } from './extension'\n\nexport class LitEditor extends LitElement {\n  static override properties = {\n    editor: { state: true, attribute: false } satisfies PropertyDeclaration<Editor>,\n  }\n\n  private editor: Editor\n  private ref: Ref<HTMLDivElement>\n  constructor() {\n    super()\n\n    const extension = defineExtension()\n    this.editor = createEditor({ extension, defaultContent: sampleContent })\n    this.ref = createRef<HTMLDivElement>()\n    new ContextProvider(this, {\n      context: editorContext,\n      initialValue: this.editor,\n    })\n  }\n\n  override createRenderRoot() {\n    return this\n  }\n\n  override updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties)\n    this.editor.mount(this.ref.value)\n  }\n\n  override render() {\n    return html`<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(this.ref)} 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        <lit-editor-table-handle></lit-editor-table-handle>\n      </div>\n    </div>`\n  }\n}\n\nexport function registerLitEditor() {\n  if (customElements.get('lit-editor-example-table')) return\n  customElements.define('lit-editor-example-table', LitEditor)\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lit-editor-example-table': LitEditor\n  }\n}\n"
+    },
+    {
+      "path": "registry/src/lit/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/lit/examples/table/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/table/index.ts",
+      "content": "export { LitEditor as ExampleEditor, registerLitEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "table",
+    "framework": "lit",
+    "accumulatedFiles": [
+      "registry/src/lit/examples/table/editor.ts",
+      "registry/src/lit/examples/table/extension.ts",
+      "registry/src/lit/examples/table/index.ts",
+      "registry/src/lit/sample/sample-doc-table.ts",
+      "registry/src/lit/ui/editor-context.ts",
+      "registry/src/lit/ui/table-handle/index.ts",
+      "registry/src/lit/ui/table-handle/table-handle.ts"
+    ],
+    "internalDependencies": [
+      "lit-sample-sample-doc-table",
+      "lit-ui-editor-context",
+      "lit-ui-table-handle"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/lit-example-toolbar.json

@@ -0,0 +1,60 @@
+{
+  "name": "lit-example-toolbar",
+  "title": "lit-example-toolbar",
+  "type": "registry:block",
+  "description": "Formatting toolbar with common editing actions.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/lit-sample-sample-uploader.json",
+    "https://prosekit.dev/r/lit-ui-editor-context.json",
+    "https://prosekit.dev/r/lit-ui-toolbar.json"
+  ],
+  "dependencies": [
+    "@lit/context",
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/lit/examples/toolbar/editor.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/toolbar/editor.ts",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport '../../ui/toolbar/index'\n\nimport { ContextProvider } from '@lit/context'\nimport { html, LitElement, type PropertyDeclaration, type PropertyValues } from 'lit'\nimport { createRef, ref, type Ref } from 'lit/directives/ref.js'\nimport type { Editor } from 'prosekit/core'\nimport { createEditor } from 'prosekit/core'\n\nimport { sampleUploader } from '../../sample/sample-uploader'\nimport { editorContext } from '../../ui/editor-context'\n\nimport { defineExtension } from './extension'\n\nexport class LitEditor extends LitElement {\n  static override properties = {\n    editor: {\n      state: true,\n      attribute: false,\n    } satisfies PropertyDeclaration<Editor>,\n  }\n\n  private editor: Editor\n  private ref: Ref<HTMLDivElement>\n  constructor() {\n    super()\n\n    const extension = defineExtension()\n    this.editor = createEditor({ extension })\n    this.ref = createRef<HTMLDivElement>()\n    new ContextProvider(this, {\n      context: editorContext,\n      initialValue: this.editor,\n    })\n  }\n\n  override createRenderRoot() {\n    return this\n  }\n\n  override disconnectedCallback() {\n    this.editor.unmount()\n    super.disconnectedCallback()\n  }\n\n  override updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties)\n    this.editor.mount(this.ref.value)\n  }\n\n  override render() {\n    return html`<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      <lit-editor-toolbar .uploader=${sampleUploader}></lit-editor-toolbar>\n      <div class=\"relative w-full flex-1 box-border overflow-y-auto\">\n        <div ${ref(this.ref)} 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  }\n}\n\nexport function registerLitEditor() {\n  if (customElements.get('lit-editor-example-toolbar')) return\n  customElements.define('lit-editor-example-toolbar', LitEditor)\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lit-editor-example-toolbar': LitEditor\n  }\n}\n"
+    },
+    {
+      "path": "registry/src/lit/examples/toolbar/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/toolbar/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/lit/examples/toolbar/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/toolbar/index.ts",
+      "content": "export { LitEditor as ExampleEditor, registerLitEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "toolbar",
+    "framework": "lit",
+    "accumulatedFiles": [
+      "registry/src/lit/examples/toolbar/editor.ts",
+      "registry/src/lit/examples/toolbar/extension.ts",
+      "registry/src/lit/examples/toolbar/index.ts",
+      "registry/src/lit/sample/sample-uploader.ts",
+      "registry/src/lit/ui/button/button.ts",
+      "registry/src/lit/ui/button/index.ts",
+      "registry/src/lit/ui/editor-context.ts",
+      "registry/src/lit/ui/image-upload-popover/image-upload-popover.ts",
+      "registry/src/lit/ui/image-upload-popover/index.ts",
+      "registry/src/lit/ui/toolbar/index.ts",
+      "registry/src/lit/ui/toolbar/toolbar.ts"
+    ],
+    "internalDependencies": [
+      "lit-sample-sample-uploader",
+      "lit-ui-editor-context",
+      "lit-ui-toolbar"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/lit-sample-sample-doc-table.json

@@ -0,0 +1,29 @@
+{
+  "name": "lit-sample-sample-doc-table",
+  "title": "lit-sample-sample-doc-table",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/lit/sample/sample-doc-table.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-table.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'table',\n      content: [\n        {\n          type: 'tableRow',\n          content: [\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'A1',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'B1',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'C1',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'D1',\n                    },\n                  ],\n                },\n              ],\n            },\n          ],\n        },\n        {\n          type: 'tableRow',\n          content: [\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'A2',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'B2',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'C2',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'D2',\n                    },\n                  ],\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "lit",
+    "accumulatedFiles": [
+      "registry/src/lit/sample/sample-doc-table.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/lit-sample-sample-uploader.json

@@ -0,0 +1,29 @@
+{
+  "name": "lit-sample-sample-uploader",
+  "title": "lit-sample-sample-uploader",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/lit/sample/sample-uploader.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-uploader.ts",
+      "content": "import type { Uploader } from 'prosekit/extensions/file'\n\n/**\n * Uploads the given file to https://tmpfiles.org/ and returns the URL of the\n * uploaded file.\n *\n * This function is only for demonstration purposes. All uploaded files will be\n * deleted by the server after 1 hour.\n */\nexport const sampleUploader: Uploader<string> = ({ file, onProgress }): Promise<string> => {\n  return new Promise((resolve, reject) => {\n    const xhr = new XMLHttpRequest()\n    const formData = new FormData()\n    formData.append('file', file)\n\n    xhr.upload.addEventListener('progress', (event) => {\n      if (event.lengthComputable) {\n        onProgress({\n          loaded: event.loaded,\n          total: event.total,\n        })\n      }\n    })\n\n    xhr.addEventListener('load', () => {\n      if (xhr.status === 200) {\n        try {\n          const json = JSON.parse(xhr.responseText) as { data: { url: string } }\n          const url: string = json.data.url.replace('tmpfiles.org/', 'tmpfiles.org/dl/')\n\n          // Simulate a larger delay\n          setTimeout(() => resolve(url), 1000)\n        } catch (error) {\n          reject(new Error('Failed to parse response', { cause: error }))\n        }\n      } else {\n        reject(new Error(`Upload failed with status ${xhr.status}`))\n      }\n    })\n\n    xhr.addEventListener('error', () => {\n      reject(new Error('Upload failed'))\n    })\n\n    xhr.open('POST', 'https://tmpfiles.org/api/v1/upload', true)\n    xhr.send(formData)\n  })\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "lit",
+    "accumulatedFiles": [
+      "registry/src/lit/sample/sample-uploader.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/lit-ui-button.json

@@ -0,0 +1,36 @@
+{
+  "name": "lit-ui-button",
+  "title": "lit-ui-button",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/lit/ui/button/button.ts",
+      "type": "registry:component",
+      "target": "components/editor/ui/button/button.ts",
+      "content": "import 'prosekit/lit/tooltip'\n\nimport { html, LitElement, nothing, type PropertyDeclaration } from 'lit'\n\nclass LitButton extends LitElement {\n  static override properties = {\n    pressed: { type: Boolean },\n    disabled: { type: Boolean },\n    tooltip: { type: String },\n    icon: { type: String },\n  } satisfies Record<string, PropertyDeclaration>\n\n  pressed = false\n  disabled = false\n  tooltip = ''\n  icon = ''\n\n  override createRenderRoot() {\n    return this\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.classList.add('contents')\n  }\n\n  private handleMouseDown = (event: MouseEvent) => {\n    // Prevent the editor from being blurred when the button is clicked\n    event.preventDefault()\n  }\n\n  override render() {\n    const tooltip = this.tooltip\n\n    return html`\n      <prosekit-tooltip-root>\n        <prosekit-tooltip-trigger class=\"block\">\n          <button\n            data-state=${this.pressed ? 'on' : 'off'}\n            class=\"outline-unset focus-visible:outline-unset flex items-center justify-center rounded-md p-2 font-medium transition focus-visible:ring-2 text-sm focus-visible:ring-gray-900 dark:focus-visible:ring-gray-300 disabled:pointer-events-none min-w-9 min-h-9 text-gray-900 dark:text-gray-50 disabled:text-gray-900/50 dark:disabled:text-gray-50/50 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800 data-[state=on]:bg-gray-200 dark:data-[state=on]:bg-gray-700\"\n            ?disabled=${this.disabled}\n            @mousedown=${this.handleMouseDown}\n          >\n            ${this.icon ? html`<div class=\"${this.icon}\"></div>` : nothing}\n            ${tooltip ? html`<span class=\"sr-only\">${tooltip}</span>` : nothing}\n          </button>\n        </prosekit-tooltip-trigger>\n        ${tooltip\n          ? html`\n              <prosekit-tooltip-positioner class=\"block overflow-visible bg-transparent w-min h-min z-50 motion-safe:ease-out motion-safe:transition-transform motion-safe:duration-100\">\n                <prosekit-tooltip-popup class=\"flex box-border motion-safe:duration-100 data-[state=closed]:motion-safe:duration-150 motion-safe:transition-discrete motion-safe:transition-all data-[state=closed]:opacity-0 starting:opacity-0 opacity-100 data-[state=closed]:scale-95 starting:scale-95 scale-100 overflow-hidden rounded-md border border-solid bg-gray-900 dark:bg-gray-50 px-3 py-1.5 text-xs text-gray-50 dark:text-gray-900 shadow-xs text-nowrap\">\n                  ${tooltip}\n                </prosekit-tooltip-popup>\n              </prosekit-tooltip-positioner>\n            `\n          : nothing}\n      </prosekit-tooltip-root>\n    `\n  }\n}\n\ncustomElements.define('lit-editor-button', LitButton)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lit-editor-button': LitButton\n  }\n}\n"
+    },
+    {
+      "path": "registry/src/lit/ui/button/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/ui/button/index.ts",
+      "content": "import './button'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "lit",
+    "accumulatedFiles": [
+      "registry/src/lit/ui/button/button.ts",
+      "registry/src/lit/ui/button/index.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/lit-ui-editor-context.json

@@ -0,0 +1,30 @@
+{
+  "name": "lit-ui-editor-context",
+  "title": "lit-ui-editor-context",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "@lit/context",
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/lit/ui/editor-context.ts",
+      "type": "registry:component",
+      "target": "components/editor/ui/editor-context.ts",
+      "content": "import { createContext } from '@lit/context'\nimport type { Editor } from 'prosekit/core'\n\nexport const editorContext = createContext<Editor | undefined>('prosekit-editor')\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "lit",
+    "accumulatedFiles": [
+      "registry/src/lit/ui/editor-context.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}