@prosekit/solid 0.4.12 → 0.4.13

package/dist/prosekit-solid.js

@@ -1,241 +1,221 @@
-import {
-  EditorContextProvider,
-  useEditorContext
-} from "./chunk-XDDJIQ4M.js";
+import { EditorContextProvider, useEditorContext } from "./editor-context-DIj_hnDx.js";
+import { ProsemirrorAdapterProvider, useMarkViewContext, useMarkViewFactory, useNodeViewContext, useNodeViewFactory } from "@prosemirror-adapter/solid";
+import { createComponent, createEffect, createMemo, createSignal, onCleanup } from "solid-js";
+import { EditorNotFoundError, ProseKitError, defineDocChangeHandler, defineKeymap, defineMarkViewComponent, defineMarkViewFactory, defineMountHandler, defineNodeViewComponent, defineNodeViewFactory, defineUpdateHandler, union, withPriority } from "@prosekit/core";
 
-// src/components/prosekit.ts
-import { ProsemirrorAdapterProvider } from "@prosemirror-adapter/solid";
-import {
-  createComponent as createComponent3
-} from "solid-js";
-
-// src/extensions/solid-mark-view.ts
-import {
-  defineMarkViewComponent,
-  defineMarkViewFactory
-} from "@prosekit/core";
-import {
-  useMarkViewContext,
-  useMarkViewFactory
-} from "@prosemirror-adapter/solid";
-import {
-  createComponent,
-  createMemo
-} from "solid-js";
-
-// src/hooks/use-editor-extension.ts
-import {
-  EditorNotFoundError
-} from "@prosekit/core";
-import {
-  createEffect,
-  onCleanup
-} from "solid-js";
-
-// src/utils/to-value.ts
+//#region src/utils/to-value.ts
+/**
+* Accesses the value of a MaybeAccessor
+*
+* @example
+* ```ts
+* access("foo") // => "foo"
+* access(() => "foo") // => "foo"
+* ```
+*/
 function toValue(v) {
-  return typeof v === "function" && v.length === 0 ? v() : v;
+	return typeof v === "function" ? v() : v;
 }
 
-// src/hooks/use-editor-extension.ts
+//#endregion
+//#region src/hooks/use-editor-extension.ts
+/**
+* @internal
+*/
 function useEditorExtension(editorAccessor, extensionAccessor) {
-  const editorContext = useEditorContext();
-  createEffect(() => {
-    const editor = toValue(editorAccessor) || toValue(editorContext);
-    const extension = extensionAccessor();
-    if (!editor) {
-      throw new EditorNotFoundError();
-    }
-    if (extension) {
-      onCleanup(editor.use(extension));
-    }
-  });
+	const editorContext = useEditorContext();
+	createEffect(() => {
+		const editor = toValue(editorAccessor) || toValue(editorContext);
+		const extension = extensionAccessor();
+		if (!editor) throw new EditorNotFoundError();
+		if (extension) onCleanup(editor.use(extension));
+	});
 }
 
-// src/hooks/use-priority-extension.ts
-import {
-  withPriority
-} from "@prosekit/core";
+//#endregion
+//#region src/hooks/use-priority-extension.ts
+/**
+* @internal
+*/
 function usePriorityExtension(extension, priority) {
-  return () => {
-    const ext = extension();
-    return ext && priority ? withPriority(ext, priority) : ext;
-  };
+	return () => {
+		const ext = extension();
+		return ext && priority ? withPriority(ext, priority) : ext;
+	};
 }
 
-// src/hooks/use-extension.ts
+//#endregion
+//#region src/hooks/use-extension.ts
+/**
+* Add an extension to the editor.
+*/
 function useExtension(extension, options) {
-  useEditorExtension(
-    options?.editor,
-    usePriorityExtension(extension, options?.priority)
-  );
+	useEditorExtension(options?.editor, usePriorityExtension(extension, options?.priority));
 }
 
-// src/extensions/solid-mark-view.ts
+//#endregion
+//#region src/extensions/solid-mark-view.ts
 function withMarkViewProps(component) {
-  return function MarkViewPropsWrapper() {
-    const props = useMarkViewContext();
-    return createComponent(component, props());
-  };
-}
+	return function MarkViewPropsWrapper() {
+		const props = useMarkViewContext();
+		return createComponent(component, props());
+	};
+}
+/**
+* @internal
+*/
 function consumeSolidMarkViews() {
-  const markViewFactory = useMarkViewFactory();
-  const extension = createMemo(
-    () => defineSolidMarkViewFactory(markViewFactory),
-    [markViewFactory]
-  );
-  useExtension(extension);
-}
+	const markViewFactory = useMarkViewFactory();
+	const extension = createMemo(() => defineSolidMarkViewFactory(markViewFactory), [markViewFactory]);
+	useExtension(extension);
+}
+/**
+* Defines a mark view using a Solid component.
+*
+* @public
+*/
 function defineSolidMarkView(options) {
-  const { name, component, ...userOptions } = options;
-  const args = {
-    ...userOptions,
-    component: withMarkViewProps(component)
-  };
-  return defineMarkViewComponent({
-    group: "solid",
-    name,
-    args
-  });
+	const { name, component,...userOptions } = options;
+	const args = {
+		...userOptions,
+		component: withMarkViewProps(component)
+	};
+	return defineMarkViewComponent({
+		group: "solid",
+		name,
+		args
+	});
 }
 function defineSolidMarkViewFactory(factory) {
-  return defineMarkViewFactory({
-    group: "solid",
-    factory
-  });
+	return defineMarkViewFactory({
+		group: "solid",
+		factory
+	});
 }
 
-// src/extensions/solid-node-view.ts
-import {
-  defineNodeViewComponent,
-  defineNodeViewFactory
-} from "@prosekit/core";
-import {
-  useNodeViewContext,
-  useNodeViewFactory
-} from "@prosemirror-adapter/solid";
-import {
-  createComponent as createComponent2,
-  createMemo as createMemo2
-} from "solid-js";
+//#endregion
+//#region src/extensions/solid-node-view.ts
 function withNodeViewProps(component) {
-  return function NodeViewPropsWrapper() {
-    const props = useNodeViewContext();
-    return createComponent2(component, props());
-  };
-}
+	return function NodeViewPropsWrapper() {
+		const props = useNodeViewContext();
+		return createComponent(component, props());
+	};
+}
+/**
+* @internal
+*/
 function consumeSolidNodeViews() {
-  const nodeViewFactory = useNodeViewFactory();
-  const extension = createMemo2(
-    () => defineSolidNodeViewFactory(nodeViewFactory),
-    [nodeViewFactory]
-  );
-  useExtension(extension);
-}
+	const nodeViewFactory = useNodeViewFactory();
+	const extension = createMemo(() => defineSolidNodeViewFactory(nodeViewFactory), [nodeViewFactory]);
+	useExtension(extension);
+}
+/**
+* Defines a node view using a Solid component.
+*
+* @public
+*/
 function defineSolidNodeView(options) {
-  const { name, component, ...userOptions } = options;
-  const args = {
-    ...userOptions,
-    component: withNodeViewProps(component)
-  };
-  return defineNodeViewComponent({
-    group: "solid",
-    name,
-    args
-  });
+	const { name, component,...userOptions } = options;
+	const args = {
+		...userOptions,
+		component: withNodeViewProps(component)
+	};
+	return defineNodeViewComponent({
+		group: "solid",
+		name,
+		args
+	});
 }
 function defineSolidNodeViewFactory(factory) {
-  return defineNodeViewFactory({
-    group: "solid",
-    factory
-  });
+	return defineNodeViewFactory({
+		group: "solid",
+		factory
+	});
 }
 
-// src/components/prosekit.ts
-var ProseKit = (props) => {
-  return createComponent3(ProsemirrorAdapterProvider, {
-    get children() {
-      return createComponent3(EditorContextProvider, {
-        get value() {
-          return props.editor;
-        },
-        get children() {
-          consumeSolidNodeViews();
-          consumeSolidMarkViews();
-          return props.children;
-        }
-      });
-    }
-  });
+//#endregion
+//#region src/components/prosekit.ts
+/**
+* The root component for a ProseKit editor.
+*
+* @public
+*/
+const ProseKit = (props) => {
+	return createComponent(ProsemirrorAdapterProvider, { get children() {
+		return createComponent(EditorContextProvider, {
+			get value() {
+				return props.editor;
+			},
+			get children() {
+				consumeSolidNodeViews();
+				consumeSolidMarkViews();
+				return props.children;
+			}
+		});
+	} });
 };
 
-// src/hooks/use-doc-change.ts
-import { defineDocChangeHandler } from "@prosekit/core";
+//#endregion
+//#region src/hooks/use-doc-change.ts
+/**
+* Calls the given handler whenever the editor document changes.
+*
+* @public
+*/
 function useDocChange(handler, options) {
-  const extension = defineDocChangeHandler((view) => handler(view.state.doc));
-  return useExtension(() => extension, options);
+	const extension = defineDocChangeHandler((view) => handler(view.state.doc));
+	useExtension(() => extension, options);
 }
 
-// src/hooks/use-editor.ts
-import {
-  defineMountHandler,
-  defineUpdateHandler,
-  ProseKitError,
-  union
-} from "@prosekit/core";
-import {
-  createEffect as createEffect2,
-  createSignal
-} from "solid-js";
+//#endregion
+//#region src/hooks/use-editor.ts
+/**
+* Retrieves the editor instance from the nearest ProseKit component.
+*
+* @public
+*/
 function useEditor(options) {
-  const update = options?.update ?? false;
-  const editor = useEditorContext();
-  if (!editor) {
-    throw new ProseKitError(
-      "useEditor must be used within the ProseKit component"
-    );
-  }
-  const [depend, forceUpdate] = useForceUpdate();
-  createEffect2(() => {
-    if (update) {
-      const extension = union(
-        defineMountHandler(forceUpdate),
-        defineUpdateHandler(forceUpdate)
-      );
-      return editor.use(extension);
-    }
-  }, [editor, update, forceUpdate]);
-  return () => {
-    depend();
-    return editor;
-  };
+	const update = options?.update ?? false;
+	const editor = useEditorContext();
+	if (!editor) throw new ProseKitError("useEditor must be used within the ProseKit component");
+	const [depend, forceUpdate] = useForceUpdate();
+	createEffect(() => {
+		if (update) {
+			const extension = union(defineMountHandler(forceUpdate), defineUpdateHandler(forceUpdate));
+			return editor.use(extension);
+		}
+	}, [
+		editor,
+		update,
+		forceUpdate
+	]);
+	return () => {
+		depend();
+		return editor;
+	};
 }
 function useForceUpdate() {
-  return createSignal(void 0, { equals: false });
+	return createSignal(void 0, { equals: false });
 }
 
-// src/hooks/use-keymap.ts
-import {
-  defineKeymap
-} from "@prosekit/core";
+//#endregion
+//#region src/hooks/use-keymap.ts
 function useKeymap(keymap, options) {
-  const extension = () => defineKeymap(keymap());
-  return useExtension(extension, options);
+	const extension = () => defineKeymap(keymap());
+	useExtension(extension, options);
 }
 
-// src/hooks/use-state-update.ts
-import { defineUpdateHandler as defineUpdateHandler2 } from "@prosekit/core";
+//#endregion
+//#region src/hooks/use-state-update.ts
+/**
+* Calls the given handler whenever the editor state changes.
+*
+* @public
+*/
 function useStateUpdate(handler, options) {
-  const extension = defineUpdateHandler2((view) => handler(view.state));
-  return useExtension(() => extension, options);
-}
-export {
-  ProseKit,
-  defineSolidMarkView,
-  defineSolidNodeView,
-  useDocChange,
-  useEditor,
-  useExtension,
-  useKeymap,
-  useStateUpdate
-};
+	const extension = defineUpdateHandler((view) => handler(view.state));
+	useExtension(() => extension, options);
+}
+
+//#endregion
+export { ProseKit, defineSolidMarkView, defineSolidNodeView, useDocChange, useEditor, useExtension, useKeymap, useStateUpdate };

package/dist/types-CC9kxezm.d.ts

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

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@prosekit/solid",
   "type": "module",
-  "version": "0.4.12",
+  "version": "0.4.13",
   "private": false,
+  "description": "Solid components and utilities for ProseKit",
   "author": {
     "name": "ocavue",
     "email": "ocavue@gmail.com"
@@ -64,9 +65,9 @@
   "dependencies": {
     "@prosemirror-adapter/core": "^0.4.0",
     "@prosemirror-adapter/solid": "^0.4.1",
-    "@prosekit/core": "^0.8.0",
-    "@prosekit/pm": "^0.1.9",
-    "@prosekit/web": "^0.5.7"
+    "@prosekit/pm": "^0.1.10",
+    "@prosekit/core": "^0.8.1",
+    "@prosekit/web": "^0.5.8"
   },
   "peerDependencies": {
     "solid-js": ">= 1.7.0"
@@ -77,15 +78,31 @@
     }
   },
   "devDependencies": {
-    "solid-js": "^1.9.5",
-    "tsup": "^8.4.0",
-    "typescript": "~5.7.3",
-    "vitest": "^3.0.9",
-    "@prosekit/dev": "0.0.0"
+    "solid-js": "^1.9.6",
+    "tsdown": "^0.11.1",
+    "typescript": "~5.8.3",
+    "vitest": "^3.1.3",
+    "@prosekit/config-tsdown": "0.0.0",
+    "@prosekit/config-vitest": "0.0.0"
+  },
+  "publishConfig": {
+    "dev": {}
+  },
+  "dev": {
+    "entry": {
+      "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-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",
+      "prosekit-solid-table-handle": "./src/components/table-handle/index.gen.ts",
+      "prosekit-solid-tooltip": "./src/components/tooltip/index.gen.ts"
+    }
   },
   "scripts": {
     "build:tsc": "tsc -b tsconfig.json",
-    "build:tsup": "tsup"
+    "build:tsdown": "tsdown"
   },
   "types": "./dist/prosekit-solid.d.ts",
   "typesVersions": {