@prosekit/preact 0.0.0-next-20240421132240

package/LICENSE

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

package/dist/_tsup-dts-rollup.d.ts

@@ -0,0 +1,235 @@
+import { AutocompleteEmptyElement } from '@prosekit/web/autocomplete';
+import { AutocompleteEmptyProps } from '@prosekit/web/autocomplete';
+import { AutocompleteItemElement } from '@prosekit/web/autocomplete';
+import { AutocompleteItemProps } from '@prosekit/web/autocomplete';
+import { AutocompleteListElement } from '@prosekit/web/autocomplete';
+import { AutocompleteListProps } from '@prosekit/web/autocomplete';
+import { AutocompletePopoverElement } from '@prosekit/web/autocomplete';
+import { AutocompletePopoverProps } from '@prosekit/web/autocomplete';
+import { BlockDragHandleElement } from '@prosekit/web/block-handle';
+import { BlockDragHandleProps } from '@prosekit/web/block-handle';
+import { BlockPopoverElement } from '@prosekit/web/block-handle';
+import { BlockPopoverProps } from '@prosekit/web/block-handle';
+import { ComponentChildren } from 'preact';
+import { ComponentType } from 'preact';
+import { Editor } from '@prosekit/core';
+import type { EditorState } from '@prosekit/pm/state';
+import { Extension } from '@prosekit/core';
+import { ForwardRefExoticComponent } from 'preact/compat';
+import { HTMLAttributes } from 'preact/compat';
+import { InlinePopoverElement } from '@prosekit/web/inline-popover';
+import { InlinePopoverProps } from '@prosekit/web/inline-popover';
+import { Keymap } from '@prosekit/core';
+import { Options } from 'tsup';
+import { PopoverContentElement } from '@prosekit/web/popover';
+import { PopoverContentProps } from '@prosekit/web/popover';
+import { PopoverRootElement } from '@prosekit/web/popover';
+import { PopoverRootProps } from '@prosekit/web/popover';
+import { PopoverTriggerElement } from '@prosekit/web/popover';
+import { PopoverTriggerProps } from '@prosekit/web/popover';
+import { Priority } from '@prosekit/core';
+import type { ProseMirrorNode } from '@prosekit/pm/model';
+import { Provider } from 'preact';
+import { RefAttributes } from 'preact/compat';
+import { ResizableHandleElement } from '@prosekit/web/resizable';
+import { ResizableHandleProps } from '@prosekit/web/resizable';
+import { ResizableRootElement } from '@prosekit/web/resizable';
+import { ResizableRootProps } from '@prosekit/web/resizable';
+import { TooltipContentElement } from '@prosekit/web/tooltip';
+import { TooltipContentProps } from '@prosekit/web/tooltip';
+import { TooltipRootElement } from '@prosekit/web/tooltip';
+import { TooltipRootProps } from '@prosekit/web/tooltip';
+import { TooltipTriggerElement } from '@prosekit/web/tooltip';
+import { TooltipTriggerProps } from '@prosekit/web/tooltip';
+
+declare const AutocompleteEmpty: ForwardRefExoticComponent<Partial<AutocompleteEmptyProps> & RefAttributes<AutocompleteEmptyElement> & HTMLAttributes<AutocompleteEmptyElement>>;
+export { AutocompleteEmpty }
+export { AutocompleteEmpty as AutocompleteEmpty_alias_1 }
+
+declare const AutocompleteItem: ForwardRefExoticComponent<Partial<AutocompleteItemProps> & RefAttributes<AutocompleteItemElement> & HTMLAttributes<AutocompleteItemElement>>;
+export { AutocompleteItem }
+export { AutocompleteItem as AutocompleteItem_alias_1 }
+
+declare const AutocompleteList: ForwardRefExoticComponent<Partial<AutocompleteListProps> & RefAttributes<AutocompleteListElement> & HTMLAttributes<AutocompleteListElement>>;
+export { AutocompleteList }
+export { AutocompleteList as AutocompleteList_alias_1 }
+
+declare const AutocompletePopover: ForwardRefExoticComponent<Partial<AutocompletePopoverProps> & RefAttributes<AutocompletePopoverElement> & HTMLAttributes<AutocompletePopoverElement>>;
+export { AutocompletePopover }
+export { AutocompletePopover as AutocompletePopover_alias_1 }
+
+declare const BlockDragHandle: ForwardRefExoticComponent<Partial<BlockDragHandleProps> & RefAttributes<BlockDragHandleElement> & HTMLAttributes<BlockDragHandleElement>>;
+export { BlockDragHandle }
+export { BlockDragHandle as BlockDragHandle_alias_1 }
+
+declare const BlockPopover: ForwardRefExoticComponent<Partial<BlockPopoverProps> & RefAttributes<BlockPopoverElement> & HTMLAttributes<BlockPopoverElement>>;
+export { BlockPopover }
+export { BlockPopover as BlockPopover_alias_1 }
+
+export declare function createComponent<Props extends object, CustomElement extends HTMLElement>(tagName: string, displayName: string, defaultProps: Props): ForwardRefExoticComponent<Partial<Props> & RefAttributes<CustomElement> & HTMLAttributes<CustomElement>>;
+
+export declare const default_alias: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
+
+export declare const default_alias_1: {
+    test: {
+        environment: "jsdom";
+    };
+};
+
+/**
+ * @internal
+ */
+export declare const EditorContextProvider: Provider<Editor<any> | null>;
+
+declare const InlinePopover: ForwardRefExoticComponent<Partial<InlinePopoverProps> & RefAttributes<InlinePopoverElement> & HTMLAttributes<InlinePopoverElement>>;
+export { InlinePopover }
+export { InlinePopover as InlinePopover_alias_1 }
+
+declare const PopoverContent: ForwardRefExoticComponent<Partial<PopoverContentProps> & RefAttributes<PopoverContentElement> & HTMLAttributes<PopoverContentElement>>;
+export { PopoverContent }
+export { PopoverContent as PopoverContent_alias_1 }
+
+declare const PopoverRoot: ForwardRefExoticComponent<Partial<PopoverRootProps> & RefAttributes<PopoverRootElement> & HTMLAttributes<PopoverRootElement>>;
+export { PopoverRoot }
+export { PopoverRoot as PopoverRoot_alias_1 }
+
+declare const PopoverTrigger: ForwardRefExoticComponent<Partial<PopoverTriggerProps> & RefAttributes<PopoverTriggerElement> & HTMLAttributes<PopoverTriggerElement>>;
+export { PopoverTrigger }
+export { PopoverTrigger as PopoverTrigger_alias_1 }
+
+/**
+ * @internal
+ */
+declare type PropsWithChildren<P = unknown> = P & {
+    children?: ComponentChildren | undefined;
+};
+export { PropsWithChildren }
+export { PropsWithChildren as PropsWithChildren_alias_1 }
+
+/**
+ * @internal
+ */
+declare type PropsWithClass<P = unknown> = P & {
+    class?: string | undefined;
+    className?: string | undefined;
+};
+export { PropsWithClass }
+export { PropsWithClass as PropsWithClass_alias_1 }
+
+/**
+ * The root component for a ProseKit editor.
+ *
+ * @public
+ */
+declare const ProseKit: ComponentType<ProseKitProps>;
+export { ProseKit }
+export { ProseKit as ProseKit_alias_1 }
+
+declare interface ProseKitProps {
+    editor: Editor;
+    children?: ComponentChildren;
+}
+export { ProseKitProps }
+export { ProseKitProps as ProseKitProps_alias_1 }
+
+declare const ResizableHandle: ForwardRefExoticComponent<Partial<ResizableHandleProps> & RefAttributes<ResizableHandleElement> & HTMLAttributes<ResizableHandleElement>>;
+export { ResizableHandle }
+export { ResizableHandle as ResizableHandle_alias_1 }
+
+declare const ResizableRoot: ForwardRefExoticComponent<Partial<ResizableRootProps> & RefAttributes<ResizableRootElement> & HTMLAttributes<ResizableRootElement>>;
+export { ResizableRoot }
+export { ResizableRoot as ResizableRoot_alias_1 }
+
+declare const TooltipContent: ForwardRefExoticComponent<Partial<TooltipContentProps> & RefAttributes<TooltipContentElement> & HTMLAttributes<TooltipContentElement>>;
+export { TooltipContent }
+export { TooltipContent as TooltipContent_alias_1 }
+
+declare const TooltipRoot: ForwardRefExoticComponent<Partial<TooltipRootProps> & RefAttributes<TooltipRootElement> & HTMLAttributes<TooltipRootElement>>;
+export { TooltipRoot }
+export { TooltipRoot as TooltipRoot_alias_1 }
+
+declare const TooltipTrigger: ForwardRefExoticComponent<Partial<TooltipTriggerProps> & RefAttributes<TooltipTriggerElement> & HTMLAttributes<TooltipTriggerElement>>;
+export { TooltipTrigger }
+export { TooltipTrigger as TooltipTrigger_alias_1 }
+
+/**
+ * Calls the given handler whenever the editor document changes.
+ *
+ * @public
+ */
+declare function useDocChange(handler: (doc: ProseMirrorNode) => void, options?: UseExtensionOptions): void;
+export { useDocChange }
+export { useDocChange as useDocChange_alias_1 }
+
+/**
+ * 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
+     */
+    update?: boolean;
+}): Editor<E>;
+export { useEditor }
+export { useEditor as useEditor_alias_1 }
+
+/**
+ * @internal
+ */
+export declare function useEditorContext<E extends Extension>(): Editor<E> | null;
+
+/**
+ * @internal
+ */
+export declare function useEditorExtension(editor: Editor | null | undefined, extension: Extension | null): void;
+
+/**
+ * Add an extension to the editor.
+ */
+declare function useExtension(
+/**
+ * The 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: Extension | null, options?: UseExtensionOptions): void;
+export { useExtension }
+export { useExtension as useExtension_alias_1 }
+
+declare interface UseExtensionOptions {
+    /**
+     * The editor to add the extension to. If not provided, it will use the
+     * editor from the nearest `ProseKit` component.
+     */
+    editor?: Editor;
+    /**
+     * Optional priority to add the extension with.
+     */
+    priority?: Priority;
+}
+export { UseExtensionOptions }
+export { UseExtensionOptions as UseExtensionOptions_alias_1 }
+
+declare function useKeymap(keymap: Keymap, options?: UseExtensionOptions): void;
+export { useKeymap }
+export { useKeymap as useKeymap_alias_1 }
+
+/**
+ * @internal
+ */
+export declare function usePriorityExtension<T extends Extension = Extension>(extension: T | null, priority?: Priority | null): T | null;
+
+/**
+ * Calls the given handler whenever the editor state changes.
+ *
+ * @public
+ */
+declare function useStateUpdate(handler: (state: EditorState) => void, options?: UseExtensionOptions): void;
+export { useStateUpdate }
+export { useStateUpdate as useStateUpdate_alias_1 }
+
+export { }

package/dist/chunk-5LWA54E4.js

@@ -0,0 +1,50 @@
+import {
+  useEditorContext
+} from "./chunk-V253IGNY.js";
+
+// src/components/create-component.ts
+import { createElement } from "preact";
+import {
+  forwardRef
+} from "preact/compat";
+import { useLayoutEffect, useState } from "preact/hooks";
+import { mergeRefs } from "react-merge-refs";
+function createComponent(tagName, displayName, defaultProps) {
+  const propertyNames = Object.keys(defaultProps);
+  const hasEditor = Object.hasOwn(defaultProps, "editor");
+  const Component = forwardRef((props, ref) => {
+    const [el, setEl] = useState(null);
+    const properties = {};
+    const attributes = {};
+    for (const [name, value] of Object.entries(props)) {
+      if (propertyNames.includes(name)) {
+        properties[name] = value;
+      } else {
+        attributes[name === "className" ? "class" : name] = value;
+      }
+    }
+    const editor = useEditorContext();
+    if (hasEditor && editor && !properties["editor"]) {
+      properties["editor"] = editor;
+    }
+    useLayoutEffect(() => {
+      if (el) {
+        for (const [name, value] of Object.entries(properties)) {
+          if (value !== void 0) {
+            el[name] = value;
+          }
+        }
+      }
+    }, [el, ...propertyNames.map((name) => properties[name])]);
+    return createElement(tagName, {
+      ...attributes,
+      ref: mergeRefs([ref, setEl])
+    });
+  });
+  Component.displayName = displayName;
+  return Component;
+}
+
+export {
+  createComponent
+};

package/dist/chunk-V253IGNY.js

@@ -0,0 +1,13 @@
+// src/contexts/editor-context.ts
+import { createContext } from "preact";
+import { useContext } from "preact/hooks";
+var editorContext = createContext(null);
+function useEditorContext() {
+  return useContext(editorContext);
+}
+var EditorContextProvider = editorContext.Provider;
+
+export {
+  useEditorContext,
+  EditorContextProvider
+};

package/dist/prosekit-preact-autocomplete.d.ts

@@ -0,0 +1,4 @@
+export { AutocompleteEmpty_alias_1 as AutocompleteEmpty } from './_tsup-dts-rollup';
+export { AutocompleteItem_alias_1 as AutocompleteItem } from './_tsup-dts-rollup';
+export { AutocompleteList_alias_1 as AutocompleteList } from './_tsup-dts-rollup';
+export { AutocompletePopover_alias_1 as AutocompletePopover } from './_tsup-dts-rollup';

package/dist/prosekit-preact-autocomplete.js

@@ -0,0 +1,50 @@
+import {
+  createComponent
+} from "./chunk-5LWA54E4.js";
+import "./chunk-V253IGNY.js";
+
+// src/components/autocomplete/autocomplete-empty.gen.ts
+import {
+  defaultAutocompleteEmptyProps
+} from "@prosekit/web/autocomplete";
+var AutocompleteEmpty = createComponent(
+  "prosekit-autocomplete-empty",
+  "AutocompleteEmpty",
+  defaultAutocompleteEmptyProps
+);
+
+// src/components/autocomplete/autocomplete-item.gen.ts
+import {
+  defaultAutocompleteItemProps
+} from "@prosekit/web/autocomplete";
+var AutocompleteItem = createComponent(
+  "prosekit-autocomplete-item",
+  "AutocompleteItem",
+  defaultAutocompleteItemProps
+);
+
+// src/components/autocomplete/autocomplete-list.gen.ts
+import {
+  defaultAutocompleteListProps
+} from "@prosekit/web/autocomplete";
+var AutocompleteList = createComponent(
+  "prosekit-autocomplete-list",
+  "AutocompleteList",
+  defaultAutocompleteListProps
+);
+
+// src/components/autocomplete/autocomplete-popover.gen.ts
+import {
+  defaultAutocompletePopoverProps
+} from "@prosekit/web/autocomplete";
+var AutocompletePopover = createComponent(
+  "prosekit-autocomplete-popover",
+  "AutocompletePopover",
+  defaultAutocompletePopoverProps
+);
+export {
+  AutocompleteEmpty,
+  AutocompleteItem,
+  AutocompleteList,
+  AutocompletePopover
+};

package/dist/prosekit-preact-block-handle.d.ts

@@ -0,0 +1,2 @@
+export { BlockDragHandle_alias_1 as BlockDragHandle } from './_tsup-dts-rollup';
+export { BlockPopover_alias_1 as BlockPopover } from './_tsup-dts-rollup';

package/dist/prosekit-preact-block-handle.js

@@ -0,0 +1,28 @@
+import {
+  createComponent
+} from "./chunk-5LWA54E4.js";
+import "./chunk-V253IGNY.js";
+
+// src/components/block-handle/block-drag-handle.gen.ts
+import {
+  defaultBlockDragHandleProps
+} from "@prosekit/web/block-handle";
+var BlockDragHandle = createComponent(
+  "prosekit-block-drag-handle",
+  "BlockDragHandle",
+  defaultBlockDragHandleProps
+);
+
+// src/components/block-handle/block-popover.gen.ts
+import {
+  defaultBlockPopoverProps
+} from "@prosekit/web/block-handle";
+var BlockPopover = createComponent(
+  "prosekit-block-popover",
+  "BlockPopover",
+  defaultBlockPopoverProps
+);
+export {
+  BlockDragHandle,
+  BlockPopover
+};

package/dist/prosekit-preact-inline-popover.d.ts

@@ -0,0 +1 @@
+export { InlinePopover } from './_tsup-dts-rollup';

package/dist/prosekit-preact-inline-popover.js

@@ -0,0 +1,17 @@
+import {
+  createComponent
+} from "./chunk-5LWA54E4.js";
+import "./chunk-V253IGNY.js";
+
+// src/components/inline-popover/inline-popover.gen.ts
+import {
+  defaultInlinePopoverProps
+} from "@prosekit/web/inline-popover";
+var InlinePopover = createComponent(
+  "prosekit-inline-popover",
+  "InlinePopover",
+  defaultInlinePopoverProps
+);
+export {
+  InlinePopover
+};

package/dist/prosekit-preact-popover.d.ts

@@ -0,0 +1,3 @@
+export { PopoverContent } from './_tsup-dts-rollup';
+export { PopoverRoot } from './_tsup-dts-rollup';
+export { PopoverTrigger } from './_tsup-dts-rollup';

package/dist/prosekit-preact-popover.js

@@ -0,0 +1,39 @@
+import {
+  createComponent
+} from "./chunk-5LWA54E4.js";
+import "./chunk-V253IGNY.js";
+
+// src/components/popover/popover-content.gen.ts
+import {
+  defaultPopoverContentProps
+} from "@prosekit/web/popover";
+var PopoverContent = createComponent(
+  "prosekit-popover-content",
+  "PopoverContent",
+  defaultPopoverContentProps
+);
+
+// src/components/popover/popover-root.gen.ts
+import {
+  defaultPopoverRootProps
+} from "@prosekit/web/popover";
+var PopoverRoot = createComponent(
+  "prosekit-popover-root",
+  "PopoverRoot",
+  defaultPopoverRootProps
+);
+
+// src/components/popover/popover-trigger.gen.ts
+import {
+  defaultPopoverTriggerProps
+} from "@prosekit/web/popover";
+var PopoverTrigger = createComponent(
+  "prosekit-popover-trigger",
+  "PopoverTrigger",
+  defaultPopoverTriggerProps
+);
+export {
+  PopoverContent,
+  PopoverRoot,
+  PopoverTrigger
+};

package/dist/prosekit-preact-resizable.d.ts

@@ -0,0 +1,2 @@
+export { ResizableHandle } from './_tsup-dts-rollup';
+export { ResizableRoot } from './_tsup-dts-rollup';

package/dist/prosekit-preact-resizable.js

@@ -0,0 +1,28 @@
+import {
+  createComponent
+} from "./chunk-5LWA54E4.js";
+import "./chunk-V253IGNY.js";
+
+// src/components/resizable/resizable-handle.gen.ts
+import {
+  defaultResizableHandleProps
+} from "@prosekit/web/resizable";
+var ResizableHandle = createComponent(
+  "prosekit-resizable-handle",
+  "ResizableHandle",
+  defaultResizableHandleProps
+);
+
+// src/components/resizable/resizable-root.gen.ts
+import {
+  defaultResizableRootProps
+} from "@prosekit/web/resizable";
+var ResizableRoot = createComponent(
+  "prosekit-resizable-root",
+  "ResizableRoot",
+  defaultResizableRootProps
+);
+export {
+  ResizableHandle,
+  ResizableRoot
+};

package/dist/prosekit-preact-tooltip.d.ts

@@ -0,0 +1,3 @@
+export { TooltipContent } from './_tsup-dts-rollup';
+export { TooltipRoot } from './_tsup-dts-rollup';
+export { TooltipTrigger } from './_tsup-dts-rollup';

package/dist/prosekit-preact-tooltip.js

@@ -0,0 +1,39 @@
+import {
+  createComponent
+} from "./chunk-5LWA54E4.js";
+import "./chunk-V253IGNY.js";
+
+// src/components/tooltip/tooltip-content.gen.ts
+import {
+  defaultTooltipContentProps
+} from "@prosekit/web/tooltip";
+var TooltipContent = createComponent(
+  "prosekit-tooltip-content",
+  "TooltipContent",
+  defaultTooltipContentProps
+);
+
+// src/components/tooltip/tooltip-root.gen.ts
+import {
+  defaultTooltipRootProps
+} from "@prosekit/web/tooltip";
+var TooltipRoot = createComponent(
+  "prosekit-tooltip-root",
+  "TooltipRoot",
+  defaultTooltipRootProps
+);
+
+// src/components/tooltip/tooltip-trigger.gen.ts
+import {
+  defaultTooltipTriggerProps
+} from "@prosekit/web/tooltip";
+var TooltipTrigger = createComponent(
+  "prosekit-tooltip-trigger",
+  "TooltipTrigger",
+  defaultTooltipTriggerProps
+);
+export {
+  TooltipContent,
+  TooltipRoot,
+  TooltipTrigger
+};

package/dist/prosekit-preact.d.ts

@@ -0,0 +1,10 @@
+export { ProseKit } from './_tsup-dts-rollup';
+export { ProseKitProps } from './_tsup-dts-rollup';
+export { useEditor } from './_tsup-dts-rollup';
+export { useExtension } from './_tsup-dts-rollup';
+export { UseExtensionOptions } from './_tsup-dts-rollup';
+export { useKeymap } from './_tsup-dts-rollup';
+export { useStateUpdate } from './_tsup-dts-rollup';
+export { useDocChange } from './_tsup-dts-rollup';
+export { PropsWithChildren } from './_tsup-dts-rollup';
+export { PropsWithClass } from './_tsup-dts-rollup';

package/dist/prosekit-preact.js

@@ -0,0 +1,118 @@
+import {
+  EditorContextProvider,
+  useEditorContext
+} from "./chunk-V253IGNY.js";
+
+// src/components/prosekit.ts
+import { h } from "preact";
+var ProseKit = (props) => {
+  const { editor, children } = props;
+  return h(EditorContextProvider, { value: editor, children });
+};
+
+// src/hooks/use-editor.ts
+import {
+  ProseKitError,
+  defineMountHandler,
+  defineUpdateHandler,
+  union
+} from "@prosekit/core";
+import { useEffect, useReducer } from "preact/hooks";
+function useEditor(options) {
+  var _a;
+  const update = (_a = options == null ? void 0 : options.update) != null ? _a : false;
+  const editor = useEditorContext();
+  if (!editor) {
+    throw new ProseKitError(
+      "useEditor must be used within the ProseKit component"
+    );
+  }
+  const forceUpdate = useForceUpdate();
+  useEffect(() => {
+    if (update) {
+      const extension = union([
+        defineMountHandler(forceUpdate),
+        defineUpdateHandler(forceUpdate)
+      ]);
+      return editor.use(extension);
+    }
+  }, [editor, update, forceUpdate]);
+  return editor;
+}
+function useForceUpdate() {
+  const [, dispatch] = useReducer((x) => x + 1, 0);
+  return dispatch;
+}
+
+// src/hooks/use-extension.ts
+import "@prosekit/core";
+
+// src/hooks/use-editor-extension.ts
+import { EditorNotFoundError } from "@prosekit/core";
+import { useEffect as useEffect2 } from "preact/hooks";
+function useEditorExtension(editor, extension) {
+  if (!editor) {
+    throw new EditorNotFoundError();
+  }
+  useEffect2(() => {
+    if (extension) {
+      return editor.use(extension);
+    }
+  }, [editor, extension]);
+}
+
+// src/hooks/use-priority-extension.ts
+import { withPriority } from "@prosekit/core";
+import { useMemo } from "preact/hooks";
+function usePriorityExtension(extension, priority) {
+  return useMemo(() => {
+    return extension && priority ? withPriority(extension, priority) : extension;
+  }, [extension, priority]);
+}
+
+// src/hooks/use-extension.ts
+function useExtension(extension, options) {
+  const editorContext = useEditorContext();
+  useEditorExtension(
+    (options == null ? void 0 : options.editor) || editorContext,
+    usePriorityExtension(extension, options == null ? void 0 : options.priority)
+  );
+}
+
+// src/hooks/use-keymap.ts
+import { defineKeymap } from "@prosekit/core";
+import { useMemo as useMemo2 } from "preact/hooks";
+function useKeymap(keymap, options) {
+  const extension = useMemo2(() => defineKeymap(keymap), [keymap]);
+  return useExtension(extension, options);
+}
+
+// src/hooks/use-state-update.ts
+import { defineUpdateHandler as defineUpdateHandler2 } from "@prosekit/core";
+import { useMemo as useMemo3 } from "preact/hooks";
+function useStateUpdate(handler, options) {
+  const extension = useMemo3(
+    () => defineUpdateHandler2((view) => handler(view.state)),
+    [handler]
+  );
+  return useExtension(extension, options);
+}
+
+// src/hooks/use-doc-change.ts
+import { defineDocChangeHandler } from "@prosekit/core";
+import { useMemo as useMemo4 } from "preact/hooks";
+function useDocChange(handler, options) {
+  const extension = useMemo4(
+    () => defineDocChangeHandler((view) => handler(view.state.doc)),
+    [handler]
+  );
+  return useExtension(extension, options);
+}
+export {
+  ProseKit,
+  useDocChange,
+  useEditor,
+  useExtension,
+  useKeymap,
+  useStateUpdate
+};

package/package.json

@@ -0,0 +1,118 @@
+{
+  "name": "@prosekit/preact",
+  "type": "module",
+  "version": "0.0.0-next-20240421132240",
+  "private": false,
+  "author": {
+    "name": "ocavue",
+    "email": "ocavue@gmail.com"
+  },
+  "license": "MIT",
+  "funding": "https://github.com/sponsors/ocavue",
+  "homepage": "https://github.com/ocavue/prosekit#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ocavue/prosekit.git",
+    "directory": "packages/preact"
+  },
+  "bugs": {
+    "url": "https://github.com/ocavue/prosekit/issues"
+  },
+  "keywords": [
+    "ProseMirror"
+  ],
+  "sideEffects": false,
+  "main": "./dist/prosekit-preact.js",
+  "module": "./dist/prosekit-preact.js",
+  "exports": {
+    ".": {
+      "types": "./dist/prosekit-preact.d.ts",
+      "import": "./dist/prosekit-preact.js",
+      "default": "./dist/prosekit-preact.js"
+    },
+    "./autocomplete": {
+      "types": "./dist/prosekit-preact-autocomplete.d.ts",
+      "import": "./dist/prosekit-preact-autocomplete.js",
+      "default": "./dist/prosekit-preact-autocomplete.js"
+    },
+    "./block-handle": {
+      "types": "./dist/prosekit-preact-block-handle.d.ts",
+      "import": "./dist/prosekit-preact-block-handle.js",
+      "default": "./dist/prosekit-preact-block-handle.js"
+    },
+    "./inline-popover": {
+      "types": "./dist/prosekit-preact-inline-popover.d.ts",
+      "import": "./dist/prosekit-preact-inline-popover.js",
+      "default": "./dist/prosekit-preact-inline-popover.js"
+    },
+    "./popover": {
+      "types": "./dist/prosekit-preact-popover.d.ts",
+      "import": "./dist/prosekit-preact-popover.js",
+      "default": "./dist/prosekit-preact-popover.js"
+    },
+    "./resizable": {
+      "types": "./dist/prosekit-preact-resizable.d.ts",
+      "import": "./dist/prosekit-preact-resizable.js",
+      "default": "./dist/prosekit-preact-resizable.js"
+    },
+    "./tooltip": {
+      "types": "./dist/prosekit-preact-tooltip.d.ts",
+      "import": "./dist/prosekit-preact-tooltip.js",
+      "default": "./dist/prosekit-preact-tooltip.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@prosekit/core": "0.0.0-next-20240421132240",
+    "@prosekit/pm": "0.0.0-next-20240421132240",
+    "@prosekit/web": "0.0.0-next-20240421132240",
+    "react-merge-refs": "^2.1.1"
+  },
+  "peerDependencies": {
+    "preact": ">= 9.0.0"
+  },
+  "peerDependenciesMeta": {
+    "preact": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@prosekit/dev": "*",
+    "preact": "^10.20.2",
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.5",
+    "vitest": "^1.5.0"
+  },
+  "scripts": {
+    "build:tsup": "tsup",
+    "build:tsc": "tsc -b tsconfig.json"
+  },
+  "types": "./dist/prosekit-preact.d.ts",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/prosekit-preact.d.ts"
+      ],
+      "autocomplete": [
+        "./dist/prosekit-preact-autocomplete.d.ts"
+      ],
+      "block-handle": [
+        "./dist/prosekit-preact-block-handle.d.ts"
+      ],
+      "inline-popover": [
+        "./dist/prosekit-preact-inline-popover.d.ts"
+      ],
+      "popover": [
+        "./dist/prosekit-preact-popover.d.ts"
+      ],
+      "resizable": [
+        "./dist/prosekit-preact-resizable.d.ts"
+      ],
+      "tooltip": [
+        "./dist/prosekit-preact-tooltip.d.ts"
+      ]
+    }
+  }
+}