@prosekit/solid 0.7.0-beta.3 → 0.7.0-beta.5

package/dist/prosekit-solid.js

@@ -3,13 +3,10 @@ import { createComponent, createEffect, createMemo, createSignal, onCleanup } fr
 import { EditorNotFoundError, ProseKitError, defineDocChangeHandler, defineKeymap, defineMarkViewComponent, defineMarkViewFactory, defineMountHandler, defineNodeViewComponent, defineNodeViewFactory, defineUpdateHandler, union, withPriority } from "@prosekit/core";
 import { AbstractSolidMarkView, AbstractSolidNodeView, buildSolidMarkViewCreator, buildSolidNodeViewCreator, useSolidRenderer } from "@prosemirror-adapter/solid";
 import { Portal } from "solid-js/web";
-//#region src/extensions/helpers.ts
 function hidePortalDiv(el) {
 	el.style.display = "contents";
 	el.dataset.solidPortal = "true";
 }
-//#endregion
-//#region src/extensions/solid-mark-view.ts
 var ProseKitSolidMarkView = class extends AbstractSolidMarkView {
 	constructor(..._args) {
 		super(..._args);
@@ -55,8 +52,6 @@ function defineSolidMarkView(options) {
 		args: options
 	});
 }
-//#endregion
-//#region src/extensions/solid-node-view.ts
 var ProseKitSolidNodeView = class extends AbstractSolidNodeView {
 	constructor(..._args) {
 		super(..._args);
@@ -117,8 +112,6 @@ function defineSolidNodeView(options) {
 		args: options
 	});
 }
-//#endregion
-//#region src/utils/to-value.ts
 /**
 * Accesses the value of a MaybeAccessor
 *
@@ -131,8 +124,6 @@ function defineSolidNodeView(options) {
 function toValue(v) {
 	return typeof v === "function" ? v() : v;
 }
-//#endregion
-//#region src/hooks/use-editor-extension.ts
 /**
 * @internal
 */
@@ -145,16 +136,12 @@ function useEditorExtension(editorAccessor, extensionAccessor) {
 		if (extension) onCleanup(editor.use(extension));
 	});
 }
-//#endregion
-//#region src/components/view-renderer.ts
 const ViewRenderer = (props) => {
 	const { renderSolidRenderer, removeSolidRenderer, render } = useSolidRenderer();
 	const extension = union([defineSolidMarkViewFactory(renderSolidRenderer, removeSolidRenderer), defineSolidNodeViewFactory(renderSolidRenderer, removeSolidRenderer)]);
 	useEditorExtension(() => props.editor, () => extension);
 	return [props.children, render];
 };
-//#endregion
-//#region src/components/prosekit.ts
 /**
 * The root component for a ProseKit editor.
 *
@@ -177,8 +164,6 @@ const ProseKit = (props) => {
 		}
 	});
 };
-//#endregion
-//#region src/hooks/use-priority-extension.ts
 /**
 * @internal
 */
@@ -188,16 +173,12 @@ function usePriorityExtension(extension, priority) {
 		return ext && priority ? withPriority(ext, priority) : ext;
 	};
 }
-//#endregion
-//#region src/hooks/use-extension.ts
 /**
 * Add an extension to the editor.
 */
 function useExtension(extension, options) {
 	useEditorExtension(options?.editor, usePriorityExtension(extension, options?.priority));
 }
-//#endregion
-//#region src/hooks/use-doc-change.ts
 /**
 * Calls the given handler whenever the editor document changes.
 *
@@ -207,8 +188,6 @@ function useDocChange(handler, options) {
 	const extension = defineDocChangeHandler((view) => handler(view.state.doc));
 	useExtension(() => extension, options);
 }
-//#endregion
-//#region src/hooks/use-editor.ts
 /**
 * Retrieves the editor instance from the nearest ProseKit component.
 *
@@ -237,8 +216,6 @@ function useEditor(options) {
 function useForceUpdate() {
 	return createSignal(void 0, { equals: false });
 }
-//#endregion
-//#region src/hooks/use-editor-derived-value.ts
 /**
 * Runs a function to derive a value from the editor instance after editor state
 * changes.
@@ -256,14 +233,10 @@ function useEditorDerivedValue(derive, options) {
 	const editorAccessor = initialEditor ? () => toValue(initialEditor) : useEditor({ update: true });
 	return createMemo(() => derive(editorAccessor()));
 }
-//#endregion
-//#region src/hooks/use-keymap.ts
 function useKeymap(keymap, options) {
 	const extension = () => defineKeymap(keymap());
 	useExtension(extension, options);
 }
-//#endregion
-//#region src/hooks/use-state-update.ts
 /**
 * Calls the given handler whenever the editor state changes.
 *
@@ -273,7 +246,6 @@ function useStateUpdate(handler, options) {
 	const extension = defineUpdateHandler((view) => handler(view.state));
 	useExtension(() => extension, options);
 }
-//#endregion
 export { ProseKit, defineSolidMarkView, defineSolidNodeView, useDocChange, useEditor, useEditorDerivedValue, useExtension, useKeymap, useStateUpdate };
 
 //# sourceMappingURL=prosekit-solid.js.map

package/dist/prosekit-solid.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid.js","names":[],"sources":["../src/extensions/helpers.ts","../src/extensions/solid-mark-view.ts","../src/extensions/solid-node-view.ts","../src/utils/to-value.ts","../src/hooks/use-editor-extension.ts","../src/components/view-renderer.ts","../src/components/prosekit.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["export function hidePortalDiv(el: HTMLElement): void {\n  el.style.display = 'contents'\n  el.dataset.solidPortal = 'true'\n}\n","import { defineMarkViewComponent, defineMarkViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractSolidMarkView,\n  buildSolidMarkViewCreator,\n  type MarkViewContextProps,\n  type SolidRendererResult,\n} from '@prosemirror-adapter/solid'\nimport { createComponent, type Component, type JSX } from 'solid-js'\nimport { Portal } from 'solid-js/web'\n\nimport { hidePortalDiv } from './helpers.ts'\n\n/**\n * @public\n */\nexport interface SolidMarkViewProps extends MarkViewContextProps {}\n\n/**\n * @public\n */\nexport type SolidMarkViewComponent = Component<SolidMarkViewProps>\n\n/**\n * Options for {@link defineSolidMarkView}.\n *\n * @public\n */\nexport interface SolidMarkViewOptions extends CoreMarkViewUserOptions<SolidMarkViewComponent> {\n  /**\n   * The name of the mark type.\n   */\n  name: string\n}\n\nclass ProseKitSolidMarkView extends AbstractSolidMarkView<SolidMarkViewComponent> {\n  render = (): JSX.Element => {\n    const UserComponent = this.component\n    const getProps: () => SolidMarkViewProps = this.context\n    const props: SolidMarkViewProps = {\n      get contentRef() {\n        return getProps().contentRef\n      },\n      get view() {\n        return getProps().view\n      },\n      get mark() {\n        return getProps().mark\n      },\n    }\n    return createComponent(Portal, {\n      mount: this.dom,\n      children: createComponent(UserComponent, props),\n      ref: hidePortalDiv,\n    })\n  }\n}\n\n/**\n * @internal\n */\nexport function defineSolidMarkViewFactory(\n  renderSolidRenderer: SolidRendererResult['renderSolidRenderer'],\n  removeSolidRenderer: SolidRendererResult['removeSolidRenderer'],\n): Extension {\n  const factory = buildSolidMarkViewCreator(renderSolidRenderer, removeSolidRenderer, ProseKitSolidMarkView)\n  return defineMarkViewFactory<SolidMarkViewOptions>({\n    group: 'solid',\n    factory,\n  })\n}\n\n/**\n * Defines a mark view using a Solid component.\n *\n * @public\n */\nexport function defineSolidMarkView(options: SolidMarkViewOptions): Extension {\n  return defineMarkViewComponent<SolidMarkViewOptions>({\n    group: 'solid',\n    name: options.name,\n    args: options,\n  })\n}\n","import { defineNodeViewComponent, defineNodeViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractSolidNodeView,\n  buildSolidNodeViewCreator,\n  type NodeViewContextProps,\n  type SolidRendererResult,\n} from '@prosemirror-adapter/solid'\nimport { createComponent, type Component, type JSX } from 'solid-js'\nimport { Portal } from 'solid-js/web'\n\nimport { hidePortalDiv } from './helpers.ts'\n\n/**\n * @public\n */\nexport interface SolidNodeViewProps extends NodeViewContextProps {}\n\n/**\n * @public\n */\nexport type SolidNodeViewComponent = Component<SolidNodeViewProps>\n\n/**\n * Options for {@link defineSolidNodeView}.\n *\n * @public\n */\nexport interface SolidNodeViewOptions extends CoreNodeViewUserOptions<SolidNodeViewComponent> {\n  /**\n   * The name of the node type.\n   */\n  name: string\n}\n\nclass ProseKitSolidNodeView extends AbstractSolidNodeView<SolidNodeViewComponent> {\n  render = (): JSX.Element => {\n    const UserComponent = this.component\n    const getProps: () => SolidNodeViewProps = this.context\n    const props: SolidNodeViewProps = {\n      get contentRef() {\n        return getProps().contentRef\n      },\n      get view() {\n        return getProps().view\n      },\n      get getPos() {\n        return getProps().getPos\n      },\n      get setAttrs() {\n        return getProps().setAttrs\n      },\n      get node() {\n        return getProps().node\n      },\n      get selected() {\n        return getProps().selected\n      },\n      get decorations() {\n        return getProps().decorations\n      },\n      get innerDecorations() {\n        return getProps().innerDecorations\n      },\n    }\n    return createComponent(Portal, {\n      mount: this.dom,\n      children: createComponent(UserComponent, props),\n      ref: hidePortalDiv,\n    })\n  }\n}\n\n/**\n * @internal\n */\nexport function defineSolidNodeViewFactory(\n  renderSolidRenderer: SolidRendererResult['renderSolidRenderer'],\n  removeSolidRenderer: SolidRendererResult['removeSolidRenderer'],\n): Extension {\n  const factory = buildSolidNodeViewCreator(renderSolidRenderer, removeSolidRenderer, ProseKitSolidNodeView)\n  return defineNodeViewFactory<SolidNodeViewOptions>({\n    group: 'solid',\n    factory,\n  })\n}\n\n/**\n * Defines a node view using a Solid component.\n *\n * @public\n */\nexport function defineSolidNodeView(options: SolidNodeViewOptions): Extension {\n  return defineNodeViewComponent<SolidNodeViewOptions>({\n    group: 'solid',\n    name: options.name,\n    args: options,\n  })\n}\n","/**\n * Accesses the value of a MaybeAccessor\n *\n * @example\n * ```ts\n * access(\"foo\") // => \"foo\"\n * access(() => \"foo\") // => \"foo\"\n * ```\n */\nexport function toValue<T>(\n  v: (() => T) | T,\n): T {\n  return (typeof v === 'function') ? (v as () => T)() : v\n}\n","import { EditorNotFoundError, type Editor, type Extension } from '@prosekit/core'\nimport { createEffect, onCleanup, type Accessor } from 'solid-js'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\nimport type { MaybeAccessor } from '../types.ts'\nimport { toValue } from '../utils/to-value.ts'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n  editorAccessor: MaybeAccessor<Editor> | undefined | null,\n  extensionAccessor: Accessor<Extension | null>,\n): void {\n  const editorContext = useEditorContext()\n\n  createEffect(() => {\n    const editor = toValue(editorAccessor) || toValue(editorContext)\n    const extension = extensionAccessor()\n\n    if (!editor) {\n      throw new EditorNotFoundError()\n    }\n    if (extension) {\n      onCleanup(editor.use(extension))\n    }\n  })\n}\n","import { union, type Editor } from '@prosekit/core'\nimport { useSolidRenderer } from '@prosemirror-adapter/solid'\nimport type { Component, JSX, ParentProps } from 'solid-js'\n\nimport { defineSolidMarkViewFactory } from '../extensions/solid-mark-view.ts'\nimport { defineSolidNodeViewFactory } from '../extensions/solid-node-view.ts'\nimport { useEditorExtension } from '../hooks/use-editor-extension.ts'\n\ntype ViewRendererProps = ParentProps<{\n  editor: Editor\n}>\n\nexport const ViewRenderer: Component<ViewRendererProps> = (props): JSX.Element => {\n  const { renderSolidRenderer, removeSolidRenderer, render } = useSolidRenderer()\n\n  const extension = union([\n    defineSolidMarkViewFactory(renderSolidRenderer, removeSolidRenderer),\n    defineSolidNodeViewFactory(renderSolidRenderer, removeSolidRenderer),\n  ])\n\n  useEditorExtension(() => props.editor, () => extension)\n\n  return [props.children, render] as unknown as JSX.Element\n}\n","import type { Editor } from '@prosekit/core'\nimport { createComponent, type Component, type ParentProps } from 'solid-js'\n\nimport { EditorContextProvider } from '../contexts/editor-context.ts'\n\nimport { ViewRenderer } from './view-renderer.ts'\n\nexport type ProseKitProps = ParentProps<{\n  editor: Editor\n}>\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: Component<ProseKitProps> = (props) => {\n  return createComponent(EditorContextProvider, {\n    get value() {\n      return props.editor\n    },\n    get children() {\n      return createComponent(ViewRenderer, {\n        get editor() {\n          return props.editor\n        },\n        get children() {\n          return props.children\n        },\n      })\n    },\n  })\n}\n","import { withPriority, type Extension, type Priority } from '@prosekit/core'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n  extension: () => T | null,\n  priority?: Priority | null,\n): () => T | null {\n  return () => {\n    const ext = extension()\n    return ext && priority ? withPriority(ext, priority) : ext\n  }\n}\n","import type { Editor, Extension, Priority } from '@prosekit/core'\nimport type { Accessor } from 'solid-js'\n\nimport type { MaybeAccessor } from '../types.ts'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\nimport { usePriorityExtension } from './use-priority-extension.ts'\n\nexport interface UseExtensionOptions {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: MaybeAccessor<Editor>\n\n  /**\n   * Optional priority to add the extension with.\n   */\n  priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n */\nexport function useExtension(\n  /**\n   * The accessor to an extension to add to the editor. If it changes, the previous\n   * extension will be removed and the new one (if not null) will be added.\n   */\n  extension: Accessor<Extension | null>,\n  options?: UseExtensionOptions,\n): void {\n  useEditorExtension(\n    options?.editor,\n    usePriorityExtension(extension, options?.priority),\n  )\n}\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n  handler: (doc: ProseMirrorNode) => void,\n  options?: UseExtensionOptions,\n): void {\n  const extension = defineDocChangeHandler((view) => handler(view.state.doc))\n  useExtension(() => extension, options)\n}\n","import { defineMountHandler, defineUpdateHandler, ProseKitError, union, type Editor, type Extension } from '@prosekit/core'\nimport { createEffect, createSignal } from 'solid-js'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n  /**\n   * Whether to update the component when the editor is mounted or editor state\n   * is updated.\n   *\n   * @default false\n   */\n  update?: boolean\n}): () => Editor<E> {\n  const update = options?.update ?? false\n\n  const editor = useEditorContext<E>()\n  if (!editor) {\n    throw new ProseKitError(\n      'useEditor must be used within the ProseKit component',\n    )\n  }\n\n  const [depend, forceUpdate] = useForceUpdate()\n\n  createEffect(() => {\n    if (update) {\n      const extension = union(\n        defineMountHandler(forceUpdate),\n        defineUpdateHandler(forceUpdate),\n      )\n      return editor.use(extension)\n    }\n  }, [editor, update, forceUpdate])\n\n  return () => {\n    depend()\n    return editor\n  }\n}\n\nfunction useForceUpdate() {\n  return createSignal(undefined, { equals: false })\n}\n","import type { Editor, Extension } from '@prosekit/core'\nimport { createMemo, type Accessor } from 'solid-js'\n\nimport type { MaybeAccessor } from '../types.ts'\nimport { toValue } from '../utils/to-value.ts'\n\nimport { useEditor } from './use-editor.ts'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: MaybeAccessor<Editor<E>>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns an accessor of the derived value that updates whenever the editor\n * state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n  /**\n   * A function that receives the editor instance and returns a derived value.\n   *\n   * It will be called whenever the editor's document state changes, or when it\n   * mounts.\n   */\n  derive: (editor: Editor<E>) => Derived,\n  options?: UseEditorDerivedOptions<E>,\n): Accessor<Derived> {\n  const initialEditor = options?.editor\n  const editorAccessor: Accessor<Editor<E>> = initialEditor\n    ? () => toValue(initialEditor)\n    : useEditor<E>({ update: true })\n\n  return createMemo(() => derive(editorAccessor()))\n}\n","import { defineKeymap, type Keymap } from '@prosekit/core'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\nexport function useKeymap(keymap: () => Keymap, options?: UseExtensionOptions): void {\n  const extension = () => defineKeymap(keymap())\n  useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n  handler: (state: EditorState) => void,\n  options?: UseExtensionOptions,\n): void {\n  const extension = defineUpdateHandler((view) => handler(view.state))\n  useExtension(() => extension, options)\n}\n"],"mappings":"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"}
+{"version":3,"file":"prosekit-solid.js","names":[],"sources":["../src/extensions/helpers.ts","../src/extensions/solid-mark-view.ts","../src/extensions/solid-node-view.ts","../src/utils/to-value.ts","../src/hooks/use-editor-extension.ts","../src/components/view-renderer.ts","../src/components/prosekit.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["export function hidePortalDiv(el: HTMLElement): void {\n  el.style.display = 'contents'\n  el.dataset.solidPortal = 'true'\n}\n","import { defineMarkViewComponent, defineMarkViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractSolidMarkView,\n  buildSolidMarkViewCreator,\n  type MarkViewContextProps,\n  type SolidRendererResult,\n} from '@prosemirror-adapter/solid'\nimport { createComponent, type Component, type JSX } from 'solid-js'\nimport { Portal } from 'solid-js/web'\n\nimport { hidePortalDiv } from './helpers.ts'\n\n/**\n * @public\n */\nexport interface SolidMarkViewProps extends MarkViewContextProps {}\n\n/**\n * @public\n */\nexport type SolidMarkViewComponent = Component<SolidMarkViewProps>\n\n/**\n * Options for {@link defineSolidMarkView}.\n *\n * @public\n */\nexport interface SolidMarkViewOptions extends CoreMarkViewUserOptions<SolidMarkViewComponent> {\n  /**\n   * The name of the mark type.\n   */\n  name: string\n}\n\nclass ProseKitSolidMarkView extends AbstractSolidMarkView<SolidMarkViewComponent> {\n  render = (): JSX.Element => {\n    const UserComponent = this.component\n    const getProps: () => SolidMarkViewProps = this.context\n    const props: SolidMarkViewProps = {\n      get contentRef() {\n        return getProps().contentRef\n      },\n      get view() {\n        return getProps().view\n      },\n      get mark() {\n        return getProps().mark\n      },\n    }\n    return createComponent(Portal, {\n      mount: this.dom,\n      children: createComponent(UserComponent, props),\n      ref: hidePortalDiv,\n    })\n  }\n}\n\n/**\n * @internal\n */\nexport function defineSolidMarkViewFactory(\n  renderSolidRenderer: SolidRendererResult['renderSolidRenderer'],\n  removeSolidRenderer: SolidRendererResult['removeSolidRenderer'],\n): Extension {\n  const factory = buildSolidMarkViewCreator(renderSolidRenderer, removeSolidRenderer, ProseKitSolidMarkView)\n  return defineMarkViewFactory<SolidMarkViewOptions>({\n    group: 'solid',\n    factory,\n  })\n}\n\n/**\n * Defines a mark view using a Solid component.\n *\n * @public\n */\nexport function defineSolidMarkView(options: SolidMarkViewOptions): Extension {\n  return defineMarkViewComponent<SolidMarkViewOptions>({\n    group: 'solid',\n    name: options.name,\n    args: options,\n  })\n}\n","import { defineNodeViewComponent, defineNodeViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractSolidNodeView,\n  buildSolidNodeViewCreator,\n  type NodeViewContextProps,\n  type SolidRendererResult,\n} from '@prosemirror-adapter/solid'\nimport { createComponent, type Component, type JSX } from 'solid-js'\nimport { Portal } from 'solid-js/web'\n\nimport { hidePortalDiv } from './helpers.ts'\n\n/**\n * @public\n */\nexport interface SolidNodeViewProps extends NodeViewContextProps {}\n\n/**\n * @public\n */\nexport type SolidNodeViewComponent = Component<SolidNodeViewProps>\n\n/**\n * Options for {@link defineSolidNodeView}.\n *\n * @public\n */\nexport interface SolidNodeViewOptions extends CoreNodeViewUserOptions<SolidNodeViewComponent> {\n  /**\n   * The name of the node type.\n   */\n  name: string\n}\n\nclass ProseKitSolidNodeView extends AbstractSolidNodeView<SolidNodeViewComponent> {\n  render = (): JSX.Element => {\n    const UserComponent = this.component\n    const getProps: () => SolidNodeViewProps = this.context\n    const props: SolidNodeViewProps = {\n      get contentRef() {\n        return getProps().contentRef\n      },\n      get view() {\n        return getProps().view\n      },\n      get getPos() {\n        return getProps().getPos\n      },\n      get setAttrs() {\n        return getProps().setAttrs\n      },\n      get node() {\n        return getProps().node\n      },\n      get selected() {\n        return getProps().selected\n      },\n      get decorations() {\n        return getProps().decorations\n      },\n      get innerDecorations() {\n        return getProps().innerDecorations\n      },\n    }\n    return createComponent(Portal, {\n      mount: this.dom,\n      children: createComponent(UserComponent, props),\n      ref: hidePortalDiv,\n    })\n  }\n}\n\n/**\n * @internal\n */\nexport function defineSolidNodeViewFactory(\n  renderSolidRenderer: SolidRendererResult['renderSolidRenderer'],\n  removeSolidRenderer: SolidRendererResult['removeSolidRenderer'],\n): Extension {\n  const factory = buildSolidNodeViewCreator(renderSolidRenderer, removeSolidRenderer, ProseKitSolidNodeView)\n  return defineNodeViewFactory<SolidNodeViewOptions>({\n    group: 'solid',\n    factory,\n  })\n}\n\n/**\n * Defines a node view using a Solid component.\n *\n * @public\n */\nexport function defineSolidNodeView(options: SolidNodeViewOptions): Extension {\n  return defineNodeViewComponent<SolidNodeViewOptions>({\n    group: 'solid',\n    name: options.name,\n    args: options,\n  })\n}\n","/**\n * Accesses the value of a MaybeAccessor\n *\n * @example\n * ```ts\n * access(\"foo\") // => \"foo\"\n * access(() => \"foo\") // => \"foo\"\n * ```\n */\nexport function toValue<T>(\n  v: (() => T) | T,\n): T {\n  return (typeof v === 'function') ? (v as () => T)() : v\n}\n","import { EditorNotFoundError, type Editor, type Extension } from '@prosekit/core'\nimport { createEffect, onCleanup, type Accessor } from 'solid-js'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\nimport type { MaybeAccessor } from '../types.ts'\nimport { toValue } from '../utils/to-value.ts'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n  editorAccessor: MaybeAccessor<Editor> | undefined | null,\n  extensionAccessor: Accessor<Extension | null>,\n): void {\n  const editorContext = useEditorContext()\n\n  createEffect(() => {\n    const editor = toValue(editorAccessor) || toValue(editorContext)\n    const extension = extensionAccessor()\n\n    if (!editor) {\n      throw new EditorNotFoundError()\n    }\n    if (extension) {\n      onCleanup(editor.use(extension))\n    }\n  })\n}\n","import { union, type Editor } from '@prosekit/core'\nimport { useSolidRenderer } from '@prosemirror-adapter/solid'\nimport type { Component, JSX, ParentProps } from 'solid-js'\n\nimport { defineSolidMarkViewFactory } from '../extensions/solid-mark-view.ts'\nimport { defineSolidNodeViewFactory } from '../extensions/solid-node-view.ts'\nimport { useEditorExtension } from '../hooks/use-editor-extension.ts'\n\ntype ViewRendererProps = ParentProps<{\n  editor: Editor\n}>\n\nexport const ViewRenderer: Component<ViewRendererProps> = (props): JSX.Element => {\n  const { renderSolidRenderer, removeSolidRenderer, render } = useSolidRenderer()\n\n  const extension = union([\n    defineSolidMarkViewFactory(renderSolidRenderer, removeSolidRenderer),\n    defineSolidNodeViewFactory(renderSolidRenderer, removeSolidRenderer),\n  ])\n\n  useEditorExtension(() => props.editor, () => extension)\n\n  return [props.children, render] as unknown as JSX.Element\n}\n","import type { Editor } from '@prosekit/core'\nimport { createComponent, type Component, type ParentProps } from 'solid-js'\n\nimport { EditorContextProvider } from '../contexts/editor-context.ts'\n\nimport { ViewRenderer } from './view-renderer.ts'\n\nexport type ProseKitProps = ParentProps<{\n  editor: Editor\n}>\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: Component<ProseKitProps> = (props) => {\n  return createComponent(EditorContextProvider, {\n    get value() {\n      return props.editor\n    },\n    get children() {\n      return createComponent(ViewRenderer, {\n        get editor() {\n          return props.editor\n        },\n        get children() {\n          return props.children\n        },\n      })\n    },\n  })\n}\n","import { withPriority, type Extension, type Priority } from '@prosekit/core'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n  extension: () => T | null,\n  priority?: Priority | null,\n): () => T | null {\n  return () => {\n    const ext = extension()\n    return ext && priority ? withPriority(ext, priority) : ext\n  }\n}\n","import type { Editor, Extension, Priority } from '@prosekit/core'\nimport type { Accessor } from 'solid-js'\n\nimport type { MaybeAccessor } from '../types.ts'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\nimport { usePriorityExtension } from './use-priority-extension.ts'\n\nexport interface UseExtensionOptions {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: MaybeAccessor<Editor>\n\n  /**\n   * Optional priority to add the extension with.\n   */\n  priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n */\nexport function useExtension(\n  /**\n   * The accessor to an extension to add to the editor. If it changes, the previous\n   * extension will be removed and the new one (if not null) will be added.\n   */\n  extension: Accessor<Extension | null>,\n  options?: UseExtensionOptions,\n): void {\n  useEditorExtension(\n    options?.editor,\n    usePriorityExtension(extension, options?.priority),\n  )\n}\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n  handler: (doc: ProseMirrorNode) => void,\n  options?: UseExtensionOptions,\n): void {\n  const extension = defineDocChangeHandler((view) => handler(view.state.doc))\n  useExtension(() => extension, options)\n}\n","import { defineMountHandler, defineUpdateHandler, ProseKitError, union, type Editor, type Extension } from '@prosekit/core'\nimport { createEffect, createSignal } from 'solid-js'\n\nimport { useEditorContext } from '../contexts/editor-context.ts'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n  /**\n   * Whether to update the component when the editor is mounted or editor state\n   * is updated.\n   *\n   * @default false\n   */\n  update?: boolean\n}): () => Editor<E> {\n  const update = options?.update ?? false\n\n  const editor = useEditorContext<E>()\n  if (!editor) {\n    throw new ProseKitError(\n      'useEditor must be used within the ProseKit component',\n    )\n  }\n\n  const [depend, forceUpdate] = useForceUpdate()\n\n  createEffect(() => {\n    if (update) {\n      const extension = union(\n        defineMountHandler(forceUpdate),\n        defineUpdateHandler(forceUpdate),\n      )\n      return editor.use(extension)\n    }\n  }, [editor, update, forceUpdate])\n\n  return () => {\n    depend()\n    return editor\n  }\n}\n\nfunction useForceUpdate() {\n  return createSignal(undefined, { equals: false })\n}\n","import type { Editor, Extension } from '@prosekit/core'\nimport { createMemo, type Accessor } from 'solid-js'\n\nimport type { MaybeAccessor } from '../types.ts'\nimport { toValue } from '../utils/to-value.ts'\n\nimport { useEditor } from './use-editor.ts'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: MaybeAccessor<Editor<E>>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns an accessor of the derived value that updates whenever the editor\n * state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n  /**\n   * A function that receives the editor instance and returns a derived value.\n   *\n   * It will be called whenever the editor's document state changes, or when it\n   * mounts.\n   */\n  derive: (editor: Editor<E>) => Derived,\n  options?: UseEditorDerivedOptions<E>,\n): Accessor<Derived> {\n  const initialEditor = options?.editor\n  const editorAccessor: Accessor<Editor<E>> = initialEditor\n    ? () => toValue(initialEditor)\n    : useEditor<E>({ update: true })\n\n  return createMemo(() => derive(editorAccessor()))\n}\n","import { defineKeymap, type Keymap } from '@prosekit/core'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\nexport function useKeymap(keymap: () => Keymap, options?: UseExtensionOptions): void {\n  const extension = () => defineKeymap(keymap())\n  useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n  handler: (state: EditorState) => void,\n  options?: UseExtensionOptions,\n): void {\n  const extension = defineUpdateHandler((view) => handler(view.state))\n  useExtension(() => extension, options)\n}\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/solid",
   "type": "module",
-  "version": "0.7.0-beta.3",
+  "version": "0.7.0-beta.5",
   "private": false,
   "description": "Solid components and utilities for ProseKit",
   "author": {
@@ -76,7 +76,7 @@
     "@prosemirror-adapter/solid": "^0.5.3",
     "@prosekit/core": "^0.12.0-beta.0",
     "@prosekit/pm": "^0.1.15",
-    "@prosekit/web": "^0.8.0-beta.2"
+    "@prosekit/web": "^0.8.0-beta.4"
   },
   "peerDependencies": {
     "solid-js": ">= 1.7.0"
@@ -93,10 +93,10 @@
     "vite-plugin-solid": "^2.11.12",
     "vitest": "^4.1.4",
     "vitest-browser-solid": "^1.0.1",
-    "@prosekit/config-tsdown": "0.0.0",
     "@prosekit/config-ts": "0.0.0",
     "@prosekit/config-vitest": "0.0.0",
-    "@prosekit/testing": "0.0.0"
+    "@prosekit/testing": "0.0.0",
+    "@prosekit/config-tsdown": "0.0.0"
   },
   "publishConfig": {
     "dev": {}

package/src/components/autocomplete/autocomplete-empty.gen.ts

@@ -1,24 +1,14 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompleteEmptyElement, type AutocompleteEmptyElement } from '@prosekit/web/autocomplete';
 import type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link AutocompleteEmpty} Solid component.
- *
- * @public
- */
-export interface AutocompleteEmptyProps extends JSX.HTMLAttributes<AutocompleteEmptyElement> {}
+/** Props for the {@link AutocompleteEmpty} Solid component. */
+export interface AutocompleteEmptyProps {}
 
-/**
- * A Solid component that renders an `prosekit-autocomplete-empty` custom element.
- *
- * @public
- */
-export const AutocompleteEmpty: Component<AutocompleteEmptyProps> = (props): any => {
+/** A Solid component that renders an `prosekit-autocomplete-empty` custom element. */
+export const AutocompleteEmpty: Component<AutocompleteEmptyProps & JSX.HTMLAttributes<AutocompleteEmptyElement>> = (props): any => {
   registerAutocompleteEmptyElement();
 
   const restProps = props;

package/src/components/autocomplete/autocomplete-item.gen.ts

@@ -1,18 +1,12 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompleteItemElement, type AutocompleteItemElement, type AutocompleteItemEvents, type AutocompleteItemProps as AutocompleteItemElementProps } from '@prosekit/web/autocomplete';
 import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
 import type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link AutocompleteItem} Solid component.
- *
- * @public
- */
-export interface AutocompleteItemProps extends JSX.HTMLAttributes<AutocompleteItemElement> {
+/** Props for the {@link AutocompleteItem} Solid component. */
+export interface AutocompleteItemProps {
   /**
    * The value of the item, which will be matched against the query.
    *
@@ -31,12 +25,8 @@ export interface AutocompleteItemProps extends JSX.HTMLAttributes<AutocompleteIt
   onSelect?: (event: AutocompleteItemEvents['select']) => void;
 }
 
-/**
- * A Solid component that renders an `prosekit-autocomplete-item` custom element.
- *
- * @public
- */
-export const AutocompleteItem: Component<AutocompleteItemProps> = (props): any => {
+/** A Solid component that renders an `prosekit-autocomplete-item` custom element. */
+export const AutocompleteItem: Component<AutocompleteItemProps & JSX.HTMLAttributes<AutocompleteItemElement>> = (props): any => {
   registerAutocompleteItemElement();
 
   const [getElement, setElement] = createSignal<AutocompleteItemElement | null>(null);
@@ -81,5 +71,3 @@ export const AutocompleteItem: Component<AutocompleteItemProps> = (props): any =
       }),
     );
 };
-
-export type { AutocompleteItemEvents };

package/src/components/autocomplete/autocomplete-popup.gen.ts

@@ -1,18 +1,12 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompletePopupElement, type AutocompletePopupElement, type AutocompletePopupEvents } from '@prosekit/web/autocomplete';
 import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
 import type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link AutocompletePopup} Solid component.
- *
- * @public
- */
-export interface AutocompletePopupProps extends JSX.HTMLAttributes<AutocompletePopupElement> {
+/** Props for the {@link AutocompletePopup} Solid component. */
+export interface AutocompletePopupProps {
   /**
    * Emitted when the selected value changes. Only available when multiple is
    * false.
@@ -25,12 +19,8 @@ export interface AutocompletePopupProps extends JSX.HTMLAttributes<AutocompleteP
   onValuesChange?: (event: AutocompletePopupEvents['valuesChange']) => void;
 }
 
-/**
- * A Solid component that renders an `prosekit-autocomplete-popup` custom element.
- *
- * @public
- */
-export const AutocompletePopup: Component<AutocompletePopupProps> = (props): any => {
+/** A Solid component that renders an `prosekit-autocomplete-popup` custom element. */
+export const AutocompletePopup: Component<AutocompletePopupProps & JSX.HTMLAttributes<AutocompletePopupElement>> = (props): any => {
   registerAutocompletePopupElement();
 
   const [getElement, setElement] = createSignal<AutocompletePopupElement | null>(null);
@@ -74,5 +64,3 @@ export const AutocompletePopup: Component<AutocompletePopupProps> = (props): any
       }),
     );
 };
-
-export type { AutocompletePopupEvents };

package/src/components/autocomplete/autocomplete-positioner.gen.ts

@@ -1,18 +1,12 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompletePositionerElement, type AutocompletePositionerElement, type AutocompletePositionerProps as AutocompletePositionerElementProps } from '@prosekit/web/autocomplete';
 import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
 import type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link AutocompletePositioner} Solid component.
- *
- * @public
- */
-export interface AutocompletePositionerProps extends JSX.HTMLAttributes<AutocompletePositionerElement> {
+/** Props for the {@link AutocompletePositioner} Solid component. */
+export interface AutocompletePositionerProps {
   /**
    * The placement of the popover, relative to the text cursor.
    *
@@ -117,12 +111,8 @@ export interface AutocompletePositionerProps extends JSX.HTMLAttributes<Autocomp
   altBoundary?: AutocompletePositionerElementProps['altBoundary'];
 }
 
-/**
- * A Solid component that renders an `prosekit-autocomplete-positioner` custom element.
- *
- * @public
- */
-export const AutocompletePositioner: Component<AutocompletePositionerProps> = (props): any => {
+/** A Solid component that renders an `prosekit-autocomplete-positioner` custom element. */
+export const AutocompletePositioner: Component<AutocompletePositionerProps & JSX.HTMLAttributes<AutocompletePositionerElement>> = (props): any => {
   registerAutocompletePositionerElement();
 
   const [getElement, setElement] = createSignal<AutocompletePositionerElement | null>(null);

package/src/components/autocomplete/autocomplete-root.gen.ts

@@ -1,6 +1,4 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompleteRootElement, type AutocompleteRootElement, type AutocompleteRootEvents, type AutocompleteRootProps as AutocompleteRootElementProps } from '@prosekit/web/autocomplete';
 import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
@@ -9,12 +7,8 @@ import h from 'solid-js/h';
 
 import { useEditorContext } from '../../contexts/editor-context.ts';
 
-/**
- * Props for the {@link AutocompleteRoot} Solid component.
- *
- * @public
- */
-export interface AutocompleteRootProps extends JSX.HTMLAttributes<AutocompleteRootElement> {
+/** Props for the {@link AutocompleteRoot} Solid component. */
+export interface AutocompleteRootProps {
   /**
    * The ProseKit editor instance.
    *
@@ -51,12 +45,8 @@ export interface AutocompleteRootProps extends JSX.HTMLAttributes<AutocompleteRo
   onValuesChange?: (event: AutocompleteRootEvents['valuesChange']) => void;
 }
 
-/**
- * A Solid component that renders an `prosekit-autocomplete-root` custom element.
- *
- * @public
- */
-export const AutocompleteRoot: Component<AutocompleteRootProps> = (props): any => {
+/** A Solid component that renders an `prosekit-autocomplete-root` custom element. */
+export const AutocompleteRoot: Component<AutocompleteRootProps & JSX.HTMLAttributes<AutocompleteRootElement>> = (props): any => {
   registerAutocompleteRootElement();
 
   const [getElement, setElement] = createSignal<AutocompleteRootElement | null>(null);
@@ -106,5 +96,3 @@ export const AutocompleteRoot: Component<AutocompleteRootProps> = (props): any =
       }),
     );
 };
-
-export type { AutocompleteRootEvents };

package/src/components/autocomplete/index.gen.ts

@@ -1,15 +1,11 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 export { AutocompleteEmpty, type AutocompleteEmptyProps } from './autocomplete-empty.gen.ts';
 
-export { AutocompleteItem, type AutocompleteItemProps, type AutocompleteItemEvents } from './autocomplete-item.gen.ts';
+export { AutocompleteItem, type AutocompleteItemProps } from './autocomplete-item.gen.ts';
 
-export { AutocompletePopup, type AutocompletePopupProps, type AutocompletePopupEvents } from './autocomplete-popup.gen.ts';
+export { AutocompletePopup, type AutocompletePopupProps } from './autocomplete-popup.gen.ts';
 
 export { AutocompletePositioner, type AutocompletePositionerProps } from './autocomplete-positioner.gen.ts';
 
-export { AutocompleteRoot, type AutocompleteRootProps, type AutocompleteRootEvents } from './autocomplete-root.gen.ts';
-
-export { OpenChangeEvent, QueryChangeEvent, SelectEvent, ValueChangeEvent, ValuesChangeEvent } from '@prosekit/web/autocomplete';
+export { AutocompleteRoot, type AutocompleteRootProps } from './autocomplete-root.gen.ts';

package/src/components/block-handle/block-handle-add.gen.ts

@@ -1,6 +1,4 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerBlockHandleAddElement, type BlockHandleAddElement, type BlockHandleAddProps as BlockHandleAddElementProps } from '@prosekit/web/block-handle';
 import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
@@ -9,12 +7,8 @@ import h from 'solid-js/h';
 
 import { useEditorContext } from '../../contexts/editor-context.ts';
 
-/**
- * Props for the {@link BlockHandleAdd} Solid component.
- *
- * @public
- */
-export interface BlockHandleAddProps extends JSX.HTMLAttributes<BlockHandleAddElement> {
+/** Props for the {@link BlockHandleAdd} Solid component. */
+export interface BlockHandleAddProps {
   /**
    * The ProseKit editor instance.
    *
@@ -24,12 +18,8 @@ export interface BlockHandleAddProps extends JSX.HTMLAttributes<BlockHandleAddEl
   editor?: BlockHandleAddElementProps['editor'];
 }
 
-/**
- * A Solid component that renders an `prosekit-block-handle-add` custom element.
- *
- * @public
- */
-export const BlockHandleAdd: Component<BlockHandleAddProps> = (props): any => {
+/** A Solid component that renders an `prosekit-block-handle-add` custom element. */
+export const BlockHandleAdd: Component<BlockHandleAddProps & JSX.HTMLAttributes<BlockHandleAddElement>> = (props): any => {
   registerBlockHandleAddElement();
 
   const [getElement, setElement] = createSignal<BlockHandleAddElement | null>(null);

package/src/components/block-handle/block-handle-draggable.gen.ts

@@ -1,6 +1,4 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerBlockHandleDraggableElement, type BlockHandleDraggableElement, type BlockHandleDraggableProps as BlockHandleDraggableElementProps } from '@prosekit/web/block-handle';
 import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
@@ -9,12 +7,8 @@ import h from 'solid-js/h';
 
 import { useEditorContext } from '../../contexts/editor-context.ts';
 
-/**
- * Props for the {@link BlockHandleDraggable} Solid component.
- *
- * @public
- */
-export interface BlockHandleDraggableProps extends JSX.HTMLAttributes<BlockHandleDraggableElement> {
+/** Props for the {@link BlockHandleDraggable} Solid component. */
+export interface BlockHandleDraggableProps {
   /**
    * The ProseKit editor instance.
    *
@@ -24,12 +18,8 @@ export interface BlockHandleDraggableProps extends JSX.HTMLAttributes<BlockHandl
   editor?: BlockHandleDraggableElementProps['editor'];
 }
 
-/**
- * A Solid component that renders an `prosekit-block-handle-draggable` custom element.
- *
- * @public
- */
-export const BlockHandleDraggable: Component<BlockHandleDraggableProps> = (props): any => {
+/** A Solid component that renders an `prosekit-block-handle-draggable` custom element. */
+export const BlockHandleDraggable: Component<BlockHandleDraggableProps & JSX.HTMLAttributes<BlockHandleDraggableElement>> = (props): any => {
   registerBlockHandleDraggableElement();
 
   const [getElement, setElement] = createSignal<BlockHandleDraggableElement | null>(null);

package/src/components/block-handle/block-handle-popup.gen.ts

@@ -1,24 +1,14 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerBlockHandlePopupElement, type BlockHandlePopupElement } from '@prosekit/web/block-handle';
 import type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link BlockHandlePopup} Solid component.
- *
- * @public
- */
-export interface BlockHandlePopupProps extends JSX.HTMLAttributes<BlockHandlePopupElement> {}
+/** Props for the {@link BlockHandlePopup} Solid component. */
+export interface BlockHandlePopupProps {}
 
-/**
- * A Solid component that renders an `prosekit-block-handle-popup` custom element.
- *
- * @public
- */
-export const BlockHandlePopup: Component<BlockHandlePopupProps> = (props): any => {
+/** A Solid component that renders an `prosekit-block-handle-popup` custom element. */
+export const BlockHandlePopup: Component<BlockHandlePopupProps & JSX.HTMLAttributes<BlockHandlePopupElement>> = (props): any => {
   registerBlockHandlePopupElement();
 
   const restProps = props;

package/src/components/block-handle/block-handle-positioner.gen.ts

@@ -1,18 +1,12 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerBlockHandlePositionerElement, type BlockHandlePositionerElement, type BlockHandlePositionerProps as BlockHandlePositionerElementProps } from '@prosekit/web/block-handle';
 import { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';
 import type { Component, JSX } from 'solid-js';
 import h from 'solid-js/h';
 
-/**
- * Props for the {@link BlockHandlePositioner} Solid component.
- *
- * @public
- */
-export interface BlockHandlePositionerProps extends JSX.HTMLAttributes<BlockHandlePositionerElement> {
+/** Props for the {@link BlockHandlePositioner} Solid component. */
+export interface BlockHandlePositionerProps {
   /**
    * The placement of the popover, relative to the hovered block.
    *
@@ -135,12 +129,8 @@ export interface BlockHandlePositionerProps extends JSX.HTMLAttributes<BlockHand
   altBoundary?: BlockHandlePositionerElementProps['altBoundary'];
 }
 
-/**
- * A Solid component that renders an `prosekit-block-handle-positioner` custom element.
- *
- * @public
- */
-export const BlockHandlePositioner: Component<BlockHandlePositionerProps> = (props): any => {
+/** A Solid component that renders an `prosekit-block-handle-positioner` custom element. */
+export const BlockHandlePositioner: Component<BlockHandlePositionerProps & JSX.HTMLAttributes<BlockHandlePositionerElement>> = (props): any => {
   registerBlockHandlePositionerElement();
 
   const [getElement, setElement] = createSignal<BlockHandlePositionerElement | null>(null);