@prosekit/react 0.1.0 → 0.1.2

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

@@ -22,7 +22,6 @@ import { Context } from 'react';
 import { Editor } from '@prosekit/core';
 import { Extension } from '@prosekit/core';
 import { ExtensionTyping } from '@prosekit/core';
-import type { ForwardRefExoticComponent } from 'react';
 import { InlinePopover as InlinePopover_2 } from '@prosekit/lit/inline-popover';
 import { InlinePopoverProps as InlinePopoverProps_2 } from '@prosekit/lit/inline-popover';
 import { Keymap } from '@prosekit/core';
@@ -31,85 +30,59 @@ import { Options } from 'tsup';
 import { Popover as Popover_2 } from '@prosekit/lit/popover';
 import { PopoverOptions } from '@prosekit/lit/autocomplete-popover';
 import { PopoverProps as PopoverProps_2 } from '@prosekit/lit/popover';
-import type { PropsWithoutRef } from 'react';
+import { Priority } from '@prosekit/core';
 import { default as React_2 } from 'react';
-import type { RefAttributes } from 'react';
-import type { SimplifyUnion } from '@prosekit/core';
 import { useNodeViewContext } from '@prosemirror-adapter/react';
 import { useNodeViewFactory } from '@prosemirror-adapter/react';
 import { UserProjectConfigExport } from 'vitest/dist/config.js';
 
-declare const AutocompleteEmpty: ForwardRefExoticComponent<PropsWithoutRef<AutocompleteEmptyProps> & RefAttributes<AutocompleteEmpty_2>>;
+declare const AutocompleteEmpty: React_2.ComponentType<AutocompleteEmptyProps & React_2.RefAttributes<AutocompleteEmpty_2>>;
 export { AutocompleteEmpty }
 export { AutocompleteEmpty as AutocompleteEmpty_alias_1 }
 
-declare type AutocompleteEmptyProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & AutocompleteEmptyProps_2>;
+declare type AutocompleteEmptyProps = React_2.PropsWithChildren<PropsWithClassName<AutocompleteEmptyProps_2>>;
 export { AutocompleteEmptyProps }
 export { AutocompleteEmptyProps as AutocompleteEmptyProps_alias_1 }
 
-declare const AutocompleteItem: ForwardRefExoticComponent<PropsWithoutRef<AutocompleteItemProps> & RefAttributes<AutocompleteItem_2>>;
+declare const AutocompleteItem: React_2.ComponentType<AutocompleteItemProps & React_2.RefAttributes<AutocompleteItem_2>>;
 export { AutocompleteItem }
 export { AutocompleteItem as AutocompleteItem_alias_1 }
 
-declare type AutocompleteItemProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & AutocompleteItemProps_2>;
+declare type AutocompleteItemProps = React_2.PropsWithChildren<PropsWithClassName<AutocompleteItemProps_2>>;
 export { AutocompleteItemProps }
 export { AutocompleteItemProps as AutocompleteItemProps_alias_1 }
 
-declare const AutocompleteList: ForwardRefExoticComponent<PropsWithoutRef<AutocompleteListProps> & RefAttributes<AutocompleteList_2>>;
+declare const AutocompleteList: React_2.ComponentType<AutocompleteListProps & React_2.RefAttributes<AutocompleteList_2>>;
 export { AutocompleteList }
 export { AutocompleteList as AutocompleteList_alias_1 }
 
-declare type AutocompleteListProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & AutocompleteListProps_2>;
+declare type AutocompleteListProps = React_2.PropsWithChildren<PropsWithClassName<AutocompleteListProps_2>>;
 export { AutocompleteListProps }
 export { AutocompleteListProps as AutocompleteListProps_alias_1 }
 
-declare const AutocompletePopover: ForwardRefExoticComponent<PropsWithoutRef<AutocompletePopoverProps> & RefAttributes<AutocompletePopover_2>>;
+declare const AutocompletePopover: React_2.ComponentType<AutocompletePopoverProps & React_2.RefAttributes<AutocompletePopover_2>>;
 export { AutocompletePopover }
 export { AutocompletePopover as AutocompletePopover_alias_1 }
 
-declare type AutocompletePopoverProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & AutocompletePopoverProps_2>;
+declare type AutocompletePopoverProps = React_2.PropsWithChildren<PropsWithClassName<AutocompletePopoverProps_2>>;
 export { AutocompletePopoverProps }
 export { AutocompletePopoverProps as AutocompletePopoverProps_alias_1 }
 
-export declare const ComboBox: ForwardRefExoticComponent<PropsWithoutRef<ComboBoxProps> & RefAttributes<ComboBox_2>>;
+export declare const ComboBox: React_2.ComponentType<ComboBoxProps & React_2.RefAttributes<ComboBox_2>>;
 
-export declare const ComboBoxInput: ForwardRefExoticComponent<PropsWithoutRef<ComboBoxInputProps> & RefAttributes<ComboBoxInput_2>>;
+export declare const ComboBoxInput: React_2.ComponentType<ComboBoxInputProps & React_2.RefAttributes<ComboBoxInput_2>>;
 
-export declare type ComboBoxInputProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & ComboBoxInputProps_2>;
+export declare type ComboBoxInputProps = React_2.PropsWithChildren<PropsWithClassName<ComboBoxInputProps_2>>;
 
-export declare const ComboBoxItem: ForwardRefExoticComponent<PropsWithoutRef<ComboBoxItemProps> & RefAttributes<ComboBoxItem_2>>;
+export declare const ComboBoxItem: React_2.ComponentType<ComboBoxItemProps & React_2.RefAttributes<ComboBoxItem_2>>;
 
-export declare type ComboBoxItemProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & ComboBoxItemProps_2>;
+export declare type ComboBoxItemProps = React_2.PropsWithChildren<PropsWithClassName<ComboBoxItemProps_2>>;
 
-export declare const ComboBoxList: ForwardRefExoticComponent<PropsWithoutRef<ComboBoxListProps> & RefAttributes<ComboBoxList_2>>;
+export declare const ComboBoxList: React_2.ComponentType<ComboBoxListProps & React_2.RefAttributes<ComboBoxList_2>>;
 
-export declare type ComboBoxListProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & ComboBoxListProps_2>;
+export declare type ComboBoxListProps = React_2.PropsWithChildren<PropsWithClassName<ComboBoxListProps_2>>;
 
-export declare type ComboBoxProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & ComboBoxProps_2>;
+export declare type ComboBoxProps = React_2.PropsWithChildren<PropsWithClassName<ComboBoxProps_2>>;
 
 export declare const default_alias: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
 
@@ -129,21 +102,24 @@ export declare interface EditorContext {
 
 export declare const editorContext: Context<EditorContext | null>;
 
-export declare const InlinePopover: ForwardRefExoticComponent<PropsWithoutRef<InlinePopoverProps> & RefAttributes<InlinePopover_2>>;
+export declare const InlinePopover: React_2.ComponentType<InlinePopoverProps & React_2.RefAttributes<InlinePopover_2>>;
 
-export declare type InlinePopoverProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & InlinePopoverProps_2>;
+export declare type InlinePopoverProps = React_2.PropsWithChildren<PropsWithClassName<InlinePopoverProps_2>>;
 
-export declare const Popover: ForwardRefExoticComponent<PropsWithoutRef<PopoverProps> & RefAttributes<Popover_2>>;
+export declare const Popover: React_2.ComponentType<PopoverProps & React_2.RefAttributes<Popover_2>>;
 
 export { PopoverOptions }
 
-export declare type PopoverProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & PopoverProps_2>;
+export declare type PopoverProps = React_2.PropsWithChildren<PropsWithClassName<PopoverProps_2>>;
+
+/**
+ * @internal
+ */
+declare type PropsWithClassName<P = unknown> = P & {
+    className?: string | undefined;
+};
+export { PropsWithClassName }
+export { PropsWithClassName as PropsWithClassName_alias_1 }
 
 declare const ProseKit: ComponentType<ProseKitProps>;
 export { ProseKit }
@@ -179,14 +155,24 @@ declare interface UseEditorOptions {
 export { UseEditorOptions }
 export { UseEditorOptions as UseEditorOptions_alias_1 }
 
-declare function useExtension<T extends Extension = Extension>(extension: T): void;
+/**
+ * Add an extension to the editor.
+ *
+ * It accepts an optional extension. If the extension is changed, the previous
+ * extension will be removed and the new one (if not null) will be added.
+ */
+declare function useExtension<T extends Extension = Extension>(extension: T | null): void;
 export { useExtension }
 export { useExtension as useExtension_alias_1 }
 
-declare function useKeymap(keymap: Keymap): void;
+declare function useKeymap(keymap: Keymap, options?: {
+    priority?: Priority;
+}): void;
 export { useKeymap }
 export { useKeymap as useKeymap_alias_1 }
 
 export { useNodeViewContext }
 
+export declare function usePriorityExtension<T extends Extension = Extension>(extension: T | null, priority?: Priority | null): void;
+
 export { }

package/dist/prosekit-react.d.ts

@@ -8,3 +8,4 @@ export { useEditor } from './_tsup-dts-rollup';
 export { UseEditorOptions } from './_tsup-dts-rollup';
 export { useExtension } from './_tsup-dts-rollup';
 export { useKeymap } from './_tsup-dts-rollup';
+export { PropsWithClassName } from './_tsup-dts-rollup';

package/dist/prosekit-react.js

@@ -87,7 +87,9 @@ function useForceUpdate() {
 function useExtension(extension) {
   const editor = useEditor();
   useEffect2(() => {
-    return editor.use(extension);
+    if (extension) {
+      return editor.use(extension);
+    }
   }, [editor, extension]);
 }
 
@@ -118,10 +120,22 @@ var EditorContextProvider = editorContext.Provider;
 
 // src/hooks/use-keymap.ts
 import { defineKeymap } from "@prosekit/core";
+import { useMemo as useMemo3 } from "react";
+
+// src/hooks/use-priority-extension.ts
+import { withPriority } from "@prosekit/core";
 import { useMemo as useMemo2 } from "react";
-function useKeymap(keymap) {
-  const extension = useMemo2(() => defineKeymap(keymap), [keymap]);
-  useExtension(extension);
+function usePriorityExtension(extension, priority) {
+  const extensionWithPriority = useMemo2(() => {
+    return extension && priority ? withPriority(extension, priority) : extension;
+  }, [extension, priority]);
+  return useExtension(extensionWithPriority);
+}
+
+// src/hooks/use-keymap.ts
+function useKeymap(keymap, options) {
+  const extension = useMemo3(() => defineKeymap(keymap), [keymap]);
+  usePriorityExtension(extension, options == null ? void 0 : options.priority);
 }
 export {
   ProseKit,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/react",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -85,7 +85,7 @@
     "dist"
   ],
   "dependencies": {
-    "@lit/react": "^1.0.1",
+    "@lit/react": "^1.0.2",
     "@prosekit/core": "^0.1.0",
     "@prosekit/lit": "^0.1.0",
     "@prosemirror-adapter/react": "^0.2.6"
@@ -104,12 +104,12 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "@types/react": "^18.2.37",
-    "@types/react-dom": "^18.2.15",
+    "@types/react": "^18.2.39",
+    "@types/react-dom": "^18.2.17",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "tsup": "^7.2.0",
-    "typescript": "^5.2.2",
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.2",
     "vitest": "^0.34.6"
   },
   "scripts": {

package/src/index.ts

@@ -0,0 +1,11 @@
+export { useNodeViewContext } from '@prosemirror-adapter/react'
+export { ProseKit, type ProseKitProps } from './components/prosekit'
+export {
+  defineReactNodeView,
+  type ReactNodeViewComponentProps,
+  type ReactNodeViewOptions,
+} from './extensions/react-node-view'
+export { useEditor, type UseEditorOptions } from './hooks/use-editor'
+export { useExtension } from './hooks/use-extension'
+export { useKeymap } from './hooks/use-keymap'
+export { type PropsWithClassName } from './types'