@prosekit/solid 0.4.17 → 0.5.1

package/dist/prosekit-solid.d.ts

@@ -1,4 +1,4 @@
-import { MaybeAccessor, PropsWithChildren, PropsWithClass, PropsWithElement } from "./types-DFZJMe9D.js";
+import { MaybeAccessor, PropsWithChildren, PropsWithClass, PropsWithElement } from "./types-CoG9Vl2B.js";
 import { MarkViewContextProps, NodeViewContextProps } from "@prosemirror-adapter/solid";
 import { Accessor, Component, ParentProps } from "solid-js";
 import { Editor, Extension, Keymap, Priority } from "@prosekit/core";
@@ -11,112 +11,117 @@ type ProseKitProps = ParentProps<{
   editor: Editor;
 }>;
 /**
-* The root component for a ProseKit editor.
-*
-* @public
-*/
+ * The root component for a ProseKit editor.
+ *
+ * @public
+ */
 declare const ProseKit: Component<ProseKitProps>;
 //#endregion
 //#region src/extensions/solid-mark-view.d.ts
 /**
-* @public
-*/
+ * @public
+ */
 interface SolidMarkViewProps extends MarkViewContextProps {}
 /**
-* @public
-*/
+ * @public
+ */
 type SolidMarkViewComponent = Component<SolidMarkViewProps>;
 /**
-* Options for {@link defineSolidMarkView}.
-*
-* @public
-*/
+ * Options for {@link defineSolidMarkView}.
+ *
+ * @public
+ */
 interface SolidMarkViewOptions extends CoreMarkViewUserOptions<SolidMarkViewComponent> {
   /**
-  * The name of the mark type.
-  */
+   * The name of the mark type.
+   */
   name: string;
 }
 /**
-* @internal
-*/
+ * @internal
+ */
 
 /**
-* Defines a mark view using a Solid component.
-*
-* @public
-*/
+ * Defines a mark view using a Solid component.
+ *
+ * @public
+ */
 declare function defineSolidMarkView(options: SolidMarkViewOptions): Extension;
 //#endregion
 //#region src/extensions/solid-node-view.d.ts
 /**
-* @public
-*/
+ * @public
+ */
 interface SolidNodeViewProps extends NodeViewContextProps {}
 /**
-* @public
-*/
+ * @public
+ */
 type SolidNodeViewComponent = Component<SolidNodeViewProps>;
 /**
-* Options for {@link defineSolidNodeView}.
-*
-* @public
-*/
+ * Options for {@link defineSolidNodeView}.
+ *
+ * @public
+ */
 interface SolidNodeViewOptions extends CoreNodeViewUserOptions<SolidNodeViewComponent> {
   /**
-  * The name of the node type.
-  */
+   * The name of the node type.
+   */
   name: string;
 }
 /**
-* @internal
-*/
+ * @internal
+ */
 
 /**
-* Defines a node view using a Solid component.
-*
-* @public
-*/
+ * Defines a node view using a Solid component.
+ *
+ * @public
+ */
 declare function defineSolidNodeView(options: SolidNodeViewOptions): Extension;
 //#endregion
 //#region src/hooks/use-extension.d.ts
 interface UseExtensionOptions {
   /**
-  * The editor to add the extension to. If not provided, it will use the
-  * editor from the nearest `ProseKit` component.
-  */
+   * The editor to add the extension to. If not provided, it will use the
+   * editor from the nearest `ProseKit` component.
+   */
   editor?: MaybeAccessor<Editor>;
   /**
-  * Optional priority to add the extension with.
-  */
+   * Optional priority to add the extension with.
+   */
   priority?: Priority;
 }
 /**
-* Add an extension to the editor.
-*/
-declare function useExtension(extension: Accessor<Extension | null>, options?: UseExtensionOptions): void;
+ * Add an extension to the editor.
+ */
+declare function useExtension(
+/**
+ * The accessor to an extension to add to the editor. If it changes, the previous
+ * extension will be removed and the new one (if not null) will be added.
+ */
+extension: Accessor<Extension | null>, options?: UseExtensionOptions): void;
 //#endregion
 //#region src/hooks/use-doc-change.d.ts
 /**
-* Calls the given handler whenever the editor document changes.
-*
-* @public
-*/
+ * Calls the given handler whenever the editor document changes.
+ *
+ * @public
+ */
 declare function useDocChange(handler: (doc: ProseMirrorNode) => void, options?: UseExtensionOptions): void;
 //#endregion
 //#region src/hooks/use-editor.d.ts
 /**
-* Retrieves the editor instance from the nearest ProseKit component.
-*
-* @public
-*/
+ * Retrieves the editor instance from the nearest ProseKit component.
+ *
+ * @public
+ */
 declare function useEditor<E extends Extension = any>(options?: {
   /**
-  * Whether to update the component when the editor is mounted or editor state
-  * is updated.
-  *
-  * @default false
-  */
+   * Whether to update the component when the editor is mounted or editor state
+   * is updated.
+   *
+   * @default false
+   */
   update?: boolean;
 }): () => Editor<E>;
 //#endregion
@@ -125,10 +130,11 @@ declare function useKeymap(keymap: () => Keymap, options?: UseExtensionOptions):
 //#endregion
 //#region src/hooks/use-state-update.d.ts
 /**
-* Calls the given handler whenever the editor state changes.
-*
-* @public
-*/
+ * Calls the given handler whenever the editor state changes.
+ *
+ * @public
+ */
 declare function useStateUpdate(handler: (state: EditorState) => void, options?: UseExtensionOptions): void;
 //#endregion
-export { MaybeAccessor, PropsWithChildren, PropsWithClass, PropsWithElement, ProseKit, ProseKitProps, SolidMarkViewComponent, SolidMarkViewOptions, SolidMarkViewProps, SolidNodeViewComponent, SolidNodeViewOptions, SolidNodeViewProps, UseExtensionOptions, defineSolidMarkView, defineSolidNodeView, useDocChange, useEditor, useExtension, useKeymap, useStateUpdate };
+export { type MaybeAccessor, type PropsWithChildren, type PropsWithClass, type PropsWithElement, ProseKit, type ProseKitProps, type SolidMarkViewComponent, type SolidMarkViewOptions, type SolidMarkViewProps, type SolidNodeViewComponent, type SolidNodeViewOptions, type SolidNodeViewProps, type UseExtensionOptions, defineSolidMarkView, defineSolidNodeView, useDocChange, useEditor, useExtension, useKeymap, useStateUpdate };
+//# sourceMappingURL=prosekit-solid.d.ts.map

package/dist/prosekit-solid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prosekit-solid.d.ts","names":[],"sources":["../src/components/prosekit.ts","../src/extensions/solid-mark-view.ts","../src/extensions/solid-node-view.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":[],"mappings":";;;;;;;;;KAYY,aAAA,GAAgB;UAClB;;;;;;AADV;AAAyB,cASZ,QATY,EASF,SATE,CASQ,aATR,CAAA;;;;;;UCaR,kBAAA,SAA2B;ADb5C;;;AAA4B,KCkBhB,sBAAA,GAAyB,SDlBT,CCkBmB,kBDlBnB,CAAA;;AAS5B;;;;AAAgC,UCgBf,oBAAA,SAA6B,uBDhBd,CCgBsC,sBDhBtC,CAAA,CAAA;;;;ECIf,IAAA,EAAA,MAAA;AAKjB;;;;;AAOA;;;;;AAmCgB,iBAAA,mBAAA,CAAmB,OAAA,EAAU,oBAAV,CAAA,EAAiC,SAAjC;;;;;;UC/ClB,kBAAA,SAA2B;AFb5C;;;AAA4B,KEkBhB,sBAAA,GAAyB,SFlBT,CEkBmB,kBFlBnB,CAAA;;AAS5B;;;;AAAgC,UEgBf,oBAAA,SAA6B,uBFhBd,CEgBsC,sBFhBtC,CAAA,CAAA;;;;ECIf,IAAA,EAAA,MAAA;AAKjB;;;;;AAOA;;;;;AAmCgB,iBCAA,mBAAA,CDAmB,OAAA,ECAU,oBDAV,CAAA,ECAiC,SDAjC;;;UE5DlB,mBAAA;;;;;WAKN,cAAc;EHLb;;;UAAgB,CAAA,EGUf,QHVe;;AAS5B;;;AAAuB,iBGOP,YAAA;;;;;AFHhB,SAAiB,EEQJ,QFRI,CEQK,SFRc,GAAA,IAAQ,CAAA,EAAA,OAAoB,CAApB,EEShC,mBFToD,CAAA,EAAA,IAAA;;;;;;;;iBGZhD,YAAA,gBACC,oCACL;;;;;;;;iBCKI,oBAAoB,wBLCpC;;;AATA;;;;EAAuC,MAAA,CAAA,EAAA,OAAA;AASvC,CAAA,CAAA,EAAa,GAAA,GKOH,MLQT,CKRgB,CLQhB,CAAA;;;iBM1Be,SAAA,eAAwB,kBAAkB;;;;;;;;iBCG1C,cAAA,kBACG,gCACP"}

package/dist/prosekit-solid.js

@@ -218,4 +218,5 @@ function useStateUpdate(handler, options) {
 }
 
 //#endregion
-export { ProseKit, defineSolidMarkView, defineSolidNodeView, useDocChange, useEditor, useExtension, useKeymap, useStateUpdate };
+export { ProseKit, defineSolidMarkView, defineSolidNodeView, useDocChange, useEditor, useExtension, useKeymap, useStateUpdate };
+//# sourceMappingURL=prosekit-solid.js.map

package/dist/prosekit-solid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prosekit-solid.js","names":["props: Accessor<SolidMarkViewProps>","args: SolidMarkViewUserOptions","props: Accessor<SolidNodeViewProps>","args: SolidNodeViewUserOptions","ProseKit: Component<ProseKitProps>"],"sources":["../src/utils/to-value.ts","../src/hooks/use-editor-extension.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/extensions/solid-mark-view.ts","../src/extensions/solid-node-view.ts","../src/components/prosekit.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["/**\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 {\n  EditorNotFoundError,\n  type Editor,\n  type Extension,\n} from '@prosekit/core'\nimport {\n  createEffect,\n  onCleanup,\n  type Accessor,\n} from 'solid-js'\n\nimport { useEditorContext } from '../contexts/editor-context'\nimport type { MaybeAccessor } from '../types'\nimport { toValue } from '../utils/to-value'\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 {\n  withPriority,\n  type Extension,\n  type Priority,\n} 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 {\n  Editor,\n  Extension,\n  Priority,\n} from '@prosekit/core'\nimport type { Accessor } from 'solid-js'\n\nimport type { MaybeAccessor } from '../types'\n\nimport { useEditorExtension } from './use-editor-extension'\nimport { usePriorityExtension } from './use-priority-extension'\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 {\n  defineMarkViewComponent,\n  defineMarkViewFactory,\n  type Extension,\n} from '@prosekit/core'\nimport type { MarkViewConstructor } from '@prosekit/pm/view'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  useMarkViewContext,\n  useMarkViewFactory,\n  type MarkViewContextProps,\n  type SolidMarkViewUserOptions,\n} from '@prosemirror-adapter/solid'\nimport {\n  createComponent,\n  createMemo,\n  type Accessor,\n  type Component,\n} from 'solid-js'\n\nimport { useExtension } from '../hooks/use-extension'\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\nfunction withMarkViewProps(\n  component: SolidMarkViewComponent,\n): Component<SolidMarkViewProps> {\n  return function MarkViewPropsWrapper() {\n    const props: Accessor<SolidMarkViewProps> = useMarkViewContext()\n\n    return createComponent(component, props())\n  }\n}\n\n/**\n * @internal\n */\nexport function consumeSolidMarkViews(): void {\n  const markViewFactory = useMarkViewFactory()\n  const extension = createMemo(\n    () => defineSolidMarkViewFactory(markViewFactory),\n    [markViewFactory],\n  )\n\n  useExtension(extension)\n}\n\n/**\n * Defines a mark view using a Solid component.\n *\n * @public\n */\nexport function defineSolidMarkView(options: SolidMarkViewOptions): Extension {\n  const { name, component, ...userOptions } = options\n\n  const args: SolidMarkViewUserOptions = {\n    ...userOptions,\n    component: withMarkViewProps(component),\n  }\n\n  return defineMarkViewComponent<SolidMarkViewUserOptions>({\n    group: 'solid',\n    name,\n    args,\n  })\n}\n\nfunction defineSolidMarkViewFactory(\n  factory: (options: SolidMarkViewOptions) => MarkViewConstructor,\n) {\n  return defineMarkViewFactory<SolidMarkViewOptions>({\n    group: 'solid',\n    factory,\n  })\n}\n","import {\n  defineNodeViewComponent,\n  defineNodeViewFactory,\n  type Extension,\n} from '@prosekit/core'\nimport type { NodeViewConstructor } from '@prosekit/pm/view'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  useNodeViewContext,\n  useNodeViewFactory,\n  type NodeViewContextProps,\n  type SolidNodeViewUserOptions,\n} from '@prosemirror-adapter/solid'\nimport {\n  createComponent,\n  createMemo,\n  type Accessor,\n  type Component,\n} from 'solid-js'\n\nimport { useExtension } from '../hooks/use-extension'\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\nfunction withNodeViewProps(\n  component: SolidNodeViewComponent,\n): Component<SolidNodeViewProps> {\n  return function NodeViewPropsWrapper() {\n    const props: Accessor<SolidNodeViewProps> = useNodeViewContext()\n\n    return createComponent(component, props())\n  }\n}\n\n/**\n * @internal\n */\nexport function consumeSolidNodeViews(): void {\n  const nodeViewFactory = useNodeViewFactory()\n  const extension = createMemo(\n    () => defineSolidNodeViewFactory(nodeViewFactory),\n    [nodeViewFactory],\n  )\n\n  useExtension(extension)\n}\n\n/**\n * Defines a node view using a Solid component.\n *\n * @public\n */\nexport function defineSolidNodeView(options: SolidNodeViewOptions): Extension {\n  const { name, component, ...userOptions } = options\n\n  const args: SolidNodeViewUserOptions = {\n    ...userOptions,\n    component: withNodeViewProps(component),\n  }\n\n  return defineNodeViewComponent<SolidNodeViewUserOptions>({\n    group: 'solid',\n    name,\n    args,\n  })\n}\n\nfunction defineSolidNodeViewFactory(\n  factory: (options: SolidNodeViewOptions) => NodeViewConstructor,\n) {\n  return defineNodeViewFactory<SolidNodeViewOptions>({\n    group: 'solid',\n    factory,\n  })\n}\n","import type { Editor } from '@prosekit/core'\nimport { ProsemirrorAdapterProvider } from '@prosemirror-adapter/solid'\nimport {\n  createComponent,\n  type Component,\n  type ParentProps,\n} from 'solid-js'\n\nimport { EditorContextProvider } from '../contexts/editor-context'\nimport { consumeSolidMarkViews } from '../extensions/solid-mark-view'\nimport { consumeSolidNodeViews } from '../extensions/solid-node-view'\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(ProsemirrorAdapterProvider, {\n    get children() {\n      return createComponent(EditorContextProvider, {\n        get value() {\n          return props.editor\n        },\n        get children() {\n          consumeSolidNodeViews()\n          consumeSolidMarkViews()\n          return props.children\n        },\n      })\n    },\n  })\n}\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\n\nimport {\n  useExtension,\n  type UseExtensionOptions,\n} from './use-extension'\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 {\n  defineMountHandler,\n  defineUpdateHandler,\n  ProseKitError,\n  union,\n  type Editor,\n  type Extension,\n} from '@prosekit/core'\nimport {\n  createEffect,\n  createSignal,\n} from 'solid-js'\n\nimport { useEditorContext } from '../contexts/editor-context'\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 {\n  defineKeymap,\n  type Keymap,\n} from '@prosekit/core'\n\nimport {\n  useExtension,\n  type UseExtensionOptions,\n} from './use-extension'\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 {\n  useExtension,\n  type UseExtensionOptions,\n} from './use-extension'\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/dist/{types-DFZJMe9D.d.ts → types-CoG9Vl2B.d.ts}

@@ -3,38 +3,25 @@ import { Accessor, JSX, JSXElement } from "solid-js";
 //#region src/types.d.ts
 
 /**
-* @internal
-*/
+ * @internal
+ */
 type PropsWithClass<P = unknown> = P & {
   class?: string | undefined;
 };
 /**
-* @internal
-*/
+ * @internal
+ */
 type PropsWithChildren<P = unknown> = P & {
   children?: JSXElement | undefined;
 };
 /**
-* @internal
-*/
+ * @internal
+ */
 type PropsWithElement<Props extends object, CustomElement extends HTMLElement> = Props & JSX.HTMLAttributes<CustomElement>;
 /**
-* T or a reactive/non-reactive function returning T
-*/
+ * T or a reactive/non-reactive function returning T
+ */
 type MaybeAccessor<T> = T | Accessor<T>;
-/**
-* Accessed value of a MaybeAccessor
-*
-* @example
-*
-* ```ts
-* MaybeAccessorValue<MaybeAccessor<string>>
-* // => string
-* MaybeAccessorValue<MaybeAccessor<() => string>>
-* // => string | (() => string)
-* MaybeAccessorValue<MaybeAccessor<string> | Function>
-* // => string | void
-* ```
-*/
 //#endregion
-export { MaybeAccessor, PropsWithChildren, PropsWithClass, PropsWithElement };
+export { MaybeAccessor, PropsWithChildren, PropsWithClass, PropsWithElement };
+//# sourceMappingURL=types-CoG9Vl2B.d.ts.map

package/dist/types-CoG9Vl2B.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-CoG9Vl2B.d.ts","names":[],"sources":["../src/types.ts"],"sourcesContent":[],"mappings":";;;;;;AASA;AAOY,KAPA,cAOiB,CAAA,IAAA,OAAA,CAAA,GAPa,CAOb,GAAA;EAAA,KAAA,CAAA,EAAA,MAAA,GAAA,SAAA;;;;AAO7B;AAA4B,KAPhB,iBAOgB,CAAA,IAAA,OAAA,CAAA,GAPiB,CAOjB,GAAA;UAA6C,CAAA,EAN5D,UAM4D,GAAA,SAAA;;;;;AAK7D,KALA,gBAKa,CAAA,cAAA,MAAA,EAAA,sBALgD,WAKhD,CAAA,GAL+D,KAK/D,GALuE,GAAA,CAAI,cAK3E,CAL0F,aAK1F,CAAA;;;;AAAU,KAAvB,aAAuB,CAAA,CAAA,CAAA,GAAJ,CAAI,GAAA,QAAA,CAAS,CAAT,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/solid",
   "type": "module",
-  "version": "0.4.17",
+  "version": "0.5.1",
   "private": false,
   "description": "Solid components and utilities for ProseKit",
   "author": {
@@ -10,14 +10,14 @@
   },
   "license": "MIT",
   "funding": "https://github.com/sponsors/ocavue",
-  "homepage": "https://github.com/ocavue/prosekit#readme",
+  "homepage": "https://github.com/prosekit/prosekit#readme",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ocavue/prosekit.git",
+    "url": "git+https://github.com/prosekit/prosekit.git",
     "directory": "packages/solid"
   },
   "bugs": {
-    "url": "https://github.com/ocavue/prosekit/issues"
+    "url": "https://github.com/prosekit/prosekit/issues"
   },
   "keywords": [
     "ProseMirror"
@@ -38,6 +38,10 @@
       "types": "./dist/prosekit-solid-block-handle.d.ts",
       "default": "./dist/prosekit-solid-block-handle.js"
     },
+    "./drop-indicator": {
+      "types": "./dist/prosekit-solid-drop-indicator.d.ts",
+      "default": "./dist/prosekit-solid-drop-indicator.js"
+    },
     "./inline-popover": {
       "types": "./dist/prosekit-solid-inline-popover.d.ts",
       "default": "./dist/prosekit-solid-inline-popover.js"
@@ -60,14 +64,15 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "dependencies": {
-    "@prosemirror-adapter/core": "^0.4.0",
-    "@prosemirror-adapter/solid": "^0.4.1",
-    "@prosekit/core": "^0.8.3",
-    "@prosekit/web": "^0.6.0",
-    "@prosekit/pm": "^0.1.11"
+    "@prosemirror-adapter/core": "^0.4.2",
+    "@prosemirror-adapter/solid": "^0.4.2",
+    "@prosekit/core": "^0.8.4",
+    "@prosekit/pm": "^0.1.12",
+    "@prosekit/web": "^0.7.4"
   },
   "peerDependencies": {
     "solid-js": ">= 1.7.0"
@@ -78,10 +83,9 @@
     }
   },
   "devDependencies": {
-    "solid-js": "^1.9.7",
-    "tsdown": "^0.12.9",
-    "typescript": "~5.8.3",
-    "vitest": "^3.2.4",
+    "solid-js": "^1.9.9",
+    "tsdown": "^0.14.2",
+    "typescript": "~5.9.2",
     "@prosekit/config-tsdown": "0.0.0",
     "@prosekit/config-vitest": "0.0.0"
   },
@@ -93,6 +97,7 @@
       "prosekit-solid": "./src/index.ts",
       "prosekit-solid-autocomplete": "./src/components/autocomplete/index.gen.ts",
       "prosekit-solid-block-handle": "./src/components/block-handle/index.gen.ts",
+      "prosekit-solid-drop-indicator": "./src/components/drop-indicator/index.gen.ts",
       "prosekit-solid-inline-popover": "./src/components/inline-popover/index.gen.ts",
       "prosekit-solid-popover": "./src/components/popover/index.gen.ts",
       "prosekit-solid-resizable": "./src/components/resizable/index.gen.ts",
@@ -116,6 +121,9 @@
       "block-handle": [
         "./dist/prosekit-solid-block-handle.d.ts"
       ],
+      "drop-indicator": [
+        "./dist/prosekit-solid-drop-indicator.d.ts"
+      ],
       "inline-popover": [
         "./dist/prosekit-solid-inline-popover.d.ts"
       ],

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

@@ -0,0 +1,29 @@
+import { 
+  type AutocompleteEmptyElement,
+  type AutocompleteEmptyProps as Props,
+  type AutocompleteEmptyEvents as Events,
+  autocompleteEmptyProps,
+  autocompleteEmptyEvents,
+} from '@prosekit/web/autocomplete'
+import type { Component } from 'solid-js'
+
+import type { PropsWithElement } from '../../types'
+import { createComponent } from '../create-component'
+import type { CreateProps } from '../create-props'
+
+/**
+ * Props for the {@link AutocompleteEmpty} component.
+ */
+export interface AutocompleteEmptyProps extends Partial<CreateProps<Props, Events>> {}
+
+export const AutocompleteEmpty: Component<PropsWithElement<
+  AutocompleteEmptyProps,
+  AutocompleteEmptyElement
+>> = createComponent<
+  AutocompleteEmptyProps,
+  AutocompleteEmptyElement
+>(
+  'prosekit-autocomplete-empty', 
+  Object.keys(autocompleteEmptyProps),
+  Object.keys(autocompleteEmptyEvents),
+)

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

@@ -0,0 +1,29 @@
+import { 
+  type AutocompleteItemElement,
+  type AutocompleteItemProps as Props,
+  type AutocompleteItemEvents as Events,
+  autocompleteItemProps,
+  autocompleteItemEvents,
+} from '@prosekit/web/autocomplete'
+import type { Component } from 'solid-js'
+
+import type { PropsWithElement } from '../../types'
+import { createComponent } from '../create-component'
+import type { CreateProps } from '../create-props'
+
+/**
+ * Props for the {@link AutocompleteItem} component.
+ */
+export interface AutocompleteItemProps extends Partial<CreateProps<Props, Events>> {}
+
+export const AutocompleteItem: Component<PropsWithElement<
+  AutocompleteItemProps,
+  AutocompleteItemElement
+>> = createComponent<
+  AutocompleteItemProps,
+  AutocompleteItemElement
+>(
+  'prosekit-autocomplete-item', 
+  Object.keys(autocompleteItemProps),
+  Object.keys(autocompleteItemEvents),
+)

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

@@ -0,0 +1,29 @@
+import { 
+  type AutocompleteListElement,
+  type AutocompleteListProps as Props,
+  type AutocompleteListEvents as Events,
+  autocompleteListProps,
+  autocompleteListEvents,
+} from '@prosekit/web/autocomplete'
+import type { Component } from 'solid-js'
+
+import type { PropsWithElement } from '../../types'
+import { createComponent } from '../create-component'
+import type { CreateProps } from '../create-props'
+
+/**
+ * Props for the {@link AutocompleteList} component.
+ */
+export interface AutocompleteListProps extends Partial<CreateProps<Props, Events>> {}
+
+export const AutocompleteList: Component<PropsWithElement<
+  AutocompleteListProps,
+  AutocompleteListElement
+>> = createComponent<
+  AutocompleteListProps,
+  AutocompleteListElement
+>(
+  'prosekit-autocomplete-list', 
+  Object.keys(autocompleteListProps),
+  Object.keys(autocompleteListEvents),
+)

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

@@ -0,0 +1,29 @@
+import { 
+  type AutocompletePopoverElement,
+  type AutocompletePopoverProps as Props,
+  type AutocompletePopoverEvents as Events,
+  autocompletePopoverProps,
+  autocompletePopoverEvents,
+} from '@prosekit/web/autocomplete'
+import type { Component } from 'solid-js'
+
+import type { PropsWithElement } from '../../types'
+import { createComponent } from '../create-component'
+import type { CreateProps } from '../create-props'
+
+/**
+ * Props for the {@link AutocompletePopover} component.
+ */
+export interface AutocompletePopoverProps extends Partial<CreateProps<Props, Events>> {}
+
+export const AutocompletePopover: Component<PropsWithElement<
+  AutocompletePopoverProps,
+  AutocompletePopoverElement
+>> = createComponent<
+  AutocompletePopoverProps,
+  AutocompletePopoverElement
+>(
+  'prosekit-autocomplete-popover', 
+  Object.keys(autocompletePopoverProps),
+  Object.keys(autocompletePopoverEvents),
+)

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

@@ -0,0 +1,7 @@
+export { AutocompleteEmpty, type AutocompleteEmptyProps } from './autocomplete-empty.gen'
+
+export { AutocompleteItem, type AutocompleteItemProps } from './autocomplete-item.gen'
+
+export { AutocompleteList, type AutocompleteListProps } from './autocomplete-list.gen'
+
+export { AutocompletePopover, type AutocompletePopoverProps } from './autocomplete-popover.gen'

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

@@ -0,0 +1,29 @@
+import { 
+  type BlockHandleAddElement,
+  type BlockHandleAddProps as Props,
+  type BlockHandleAddEvents as Events,
+  blockHandleAddProps,
+  blockHandleAddEvents,
+} from '@prosekit/web/block-handle'
+import type { Component } from 'solid-js'
+
+import type { PropsWithElement } from '../../types'
+import { createComponent } from '../create-component'
+import type { CreateProps } from '../create-props'
+
+/**
+ * Props for the {@link BlockHandleAdd} component.
+ */
+export interface BlockHandleAddProps extends Partial<CreateProps<Props, Events>> {}
+
+export const BlockHandleAdd: Component<PropsWithElement<
+  BlockHandleAddProps,
+  BlockHandleAddElement
+>> = createComponent<
+  BlockHandleAddProps,
+  BlockHandleAddElement
+>(
+  'prosekit-block-handle-add', 
+  Object.keys(blockHandleAddProps),
+  Object.keys(blockHandleAddEvents),
+)

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

@@ -0,0 +1,29 @@
+import { 
+  type BlockHandleDraggableElement,
+  type BlockHandleDraggableProps as Props,
+  type BlockHandleDraggableEvents as Events,
+  blockHandleDraggableProps,
+  blockHandleDraggableEvents,
+} from '@prosekit/web/block-handle'
+import type { Component } from 'solid-js'
+
+import type { PropsWithElement } from '../../types'
+import { createComponent } from '../create-component'
+import type { CreateProps } from '../create-props'
+
+/**
+ * Props for the {@link BlockHandleDraggable} component.
+ */
+export interface BlockHandleDraggableProps extends Partial<CreateProps<Props, Events>> {}
+
+export const BlockHandleDraggable: Component<PropsWithElement<
+  BlockHandleDraggableProps,
+  BlockHandleDraggableElement
+>> = createComponent<
+  BlockHandleDraggableProps,
+  BlockHandleDraggableElement
+>(
+  'prosekit-block-handle-draggable', 
+  Object.keys(blockHandleDraggableProps),
+  Object.keys(blockHandleDraggableEvents),
+)

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

@@ -0,0 +1,29 @@
+import { 
+  type BlockHandlePopoverElement,
+  type BlockHandlePopoverProps as Props,
+  type BlockHandlePopoverEvents as Events,
+  blockHandlePopoverProps,
+  blockHandlePopoverEvents,
+} from '@prosekit/web/block-handle'
+import type { Component } from 'solid-js'
+
+import type { PropsWithElement } from '../../types'
+import { createComponent } from '../create-component'
+import type { CreateProps } from '../create-props'
+
+/**
+ * Props for the {@link BlockHandlePopover} component.
+ */
+export interface BlockHandlePopoverProps extends Partial<CreateProps<Props, Events>> {}
+
+export const BlockHandlePopover: Component<PropsWithElement<
+  BlockHandlePopoverProps,
+  BlockHandlePopoverElement
+>> = createComponent<
+  BlockHandlePopoverProps,
+  BlockHandlePopoverElement
+>(
+  'prosekit-block-handle-popover', 
+  Object.keys(blockHandlePopoverProps),
+  Object.keys(blockHandlePopoverEvents),
+)

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

@@ -0,0 +1,5 @@
+export { BlockHandleAdd, type BlockHandleAddProps } from './block-handle-add.gen'
+
+export { BlockHandleDraggable, type BlockHandleDraggableProps } from './block-handle-draggable.gen'
+
+export { BlockHandlePopover, type BlockHandlePopoverProps } from './block-handle-popover.gen'