@prosekit/react 0.0.0-next-20230627094841 → 0.0.2

package/dist/prosekit-react-components-menu-item.d.ts

@@ -0,0 +1,6 @@
+import * as _lit_labs_react from '@lit-labs/react';
+import { MenuItem as MenuItem$1 } from '@prosekit/lit/elements/menu-item';
+
+declare const MenuItem: _lit_labs_react.ReactWebComponent<MenuItem$1, {}>;
+
+export { MenuItem };

package/dist/prosekit-react-components-menu.d.ts

@@ -0,0 +1,16 @@
+import { Editor } from '@prosekit/core';
+import { Menu as Menu$1 } from '@prosekit/lit/elements/menu';
+import { ComponentType, ForwardedRef, ReactNode } from 'react';
+
+/**
+ * @module @prosekit/react/components/menu
+ */
+
+declare const Menu: ComponentType<{
+    editor?: Editor;
+    ref?: ForwardedRef<Menu$1>;
+    children?: ReactNode | undefined;
+    className?: string;
+}>;
+
+export { Menu };

package/dist/prosekit-react-components-popover-suggestion.d.ts

@@ -0,0 +1,16 @@
+import { Editor } from '@prosekit/core';
+import { PredictionRule, PopoverSuggestionContext } from '@prosekit/lit/elements/popover-suggestion';
+export { PopoverSuggestionContext, PredictionRule } from '@prosekit/lit/elements/popover-suggestion';
+import React, { FC } from 'react';
+
+/**
+ * @module @prosekit/react/components/popover-slash
+ */
+
+declare const PopoverSuggestion: FC<{
+    editor: Editor;
+    rules: PredictionRule[];
+    render: (context: PopoverSuggestionContext) => React.ReactNode;
+}>;
+
+export { PopoverSuggestion };

package/dist/prosekit-react-components-popover.d.ts

@@ -0,0 +1,6 @@
+import * as _lit_labs_react from '@lit-labs/react';
+import { Popover as Popover$1 } from '@prosekit/lit/elements/popover';
+
+declare const Popover: _lit_labs_react.ReactWebComponent<Popover$1, {}>;
+
+export { Popover };

package/dist/prosekit-react.d.ts

@@ -0,0 +1,21 @@
+import { Editor, Extension, Keymap } from '@prosekit/core';
+import React, { ComponentType } from 'react';
+
+interface ProseKitProps {
+    editor: Editor;
+    children?: React.ReactNode;
+}
+declare const ProseKit: ComponentType<ProseKitProps>;
+
+declare function useEditor<E extends Extension = any>(): Editor<E>;
+
+interface UseExtensionProps<T extends Extension = Extension> {
+    extension: T;
+}
+declare function useExtension({ extension }: UseExtensionProps): void;
+
+declare function useKeymap({ keymap }: {
+    keymap: Keymap;
+}): void;
+
+export { ProseKit, ProseKitProps, useEditor, useExtension, useKeymap };

package/dist/prosekit-react.js

@@ -1,88 +1,44 @@
-// src/components/prosekit.tsx
-import { ProseKitError as ProseKitError2, createEditor } from "@prosekit/core";
-import { useEffect, useMemo } from "react";
-
 // src/contexts/editor-context.tsx
-import { ProseKitError } from "@prosekit/core";
-import { createContext, useContext } from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
-var context = createContext(null);
-var EditorContextProvider = ({
-  value,
-  children
-}) => {
-  return /* @__PURE__ */ jsxDEV(context.Provider, { value, children }, void 0, false, {
-    fileName: "src/contexts/editor-context.tsx",
-    lineNumber: 19,
-    columnNumber: 10
-  }, this);
-};
-function useEditorContext() {
-  const value = useContext(context);
-  if (!value) {
-    throw new ProseKitError(
-      "useEditorContext must be used within the ProseKit component"
-    );
-  }
-  return value;
-}
+import { createContext } from "react";
+var editorContext = createContext(null);
 
 // src/components/prosekit.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsxDEV } from "react/jsx-dev-runtime";
 var ProseKit = (props) => {
-  const place = props.place;
-  const editor = useEditorMemo(props.editor, props.extension);
-  useEffect(() => {
-    if (place) {
-      editor.mount(place);
-    } else if (editor.mounted) {
-      editor.unmount();
-    }
-  }, [editor, place]);
-  return /* @__PURE__ */ jsxDEV2(EditorContextProvider, { value: { editor }, children: props.children }, void 0, false, {
+  const editor = props.editor;
+  return /* @__PURE__ */ jsxDEV(EditorContextProvider, { value: { editor }, children: props.children }, void 0, false, {
     fileName: "src/components/prosekit.tsx",
-    lineNumber: 26,
+    lineNumber: 15,
     columnNumber: 5
   }, this);
 };
-function useEditorMemo(editor, extension) {
-  return useMemo(() => {
-    if (editor) {
-      if (extension) {
-        throw new ProseKitError2(
-          "You can't pass both an editor and an extension to ProseKit"
-        );
-      }
-      return editor;
-    } else {
-      if (extension) {
-        return createEditor({ extension });
-      } else {
-        throw new ProseKitError2(
-          "You must pass either an editor or an extension to ProseKit"
-        );
-      }
-    }
-  }, [editor, extension]);
-}
+var EditorContextProvider = editorContext.Provider;
 
 // src/hooks/use-editor.ts
+import { ProseKitError } from "@prosekit/core";
+import { useContext } from "react";
 function useEditor() {
-  return useEditorContext().editor;
+  const value = useContext(editorContext);
+  if (!value) {
+    throw new ProseKitError(
+      "useEditor must be used within the ProseKit component"
+    );
+  }
+  return value.editor;
 }
 
 // src/hooks/use-extension.ts
-import { useEffect as useEffect2 } from "react";
+import { useEffect } from "react";
 function useExtension({ extension }) {
   const editor = useEditor();
-  useEffect2(() => editor.use(extension), [editor, extension]);
+  useEffect(() => editor.use(extension), [editor, extension]);
 }
 
 // src/hooks/use-keymap.ts
 import { addKeymap } from "@prosekit/core";
-import { useMemo as useMemo2 } from "react";
+import { useMemo } from "react";
 function useKeymap({ keymap }) {
-  const extension = useMemo2(() => addKeymap(keymap), [keymap]);
+  const extension = useMemo(() => addKeymap(keymap), [keymap]);
   useExtension({ extension });
 }
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/react",
   "type": "module",
-  "version": "0.0.0-next-20230627094841",
+  "version": "0.0.2",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -56,8 +56,8 @@
   ],
   "dependencies": {
     "@lit-labs/react": "latest",
-    "@prosekit/core": "0.0.0-next-20230627094841",
-    "@prosekit/lit": "0.0.0-next-20230627094841"
+    "@prosekit/core": "^0.0.2",
+    "@prosekit/lit": "^0.0.2"
   },
   "peerDependencies": {
     "react": ">= 17.0.0",
@@ -72,14 +72,14 @@
     }
   },
   "devDependencies": {
+    "@prosekit/dev": "*",
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tsup": "^7.1.0",
-    "typescript": "^5.1.3",
-    "vitest": "^0.32.2",
-    "@prosekit/dev": "0.0.0"
+    "typescript": "^5.1.6",
+    "vitest": "^0.33.0"
   },
   "scripts": {
     "build:tsup": "tsup",

package/dist/prosekit-react-components-popover-slash.js

@@ -1,27 +0,0 @@
-// src/components/popover-slash.tsx
-import { useState } from "react";
-
-// src/components/popover-slash.gen.ts
-import { createComponent } from "@lit-labs/react";
-import { PopoverSlash as PopoverSlashElement } from "@prosekit/lit/elements/popover-slash";
-import React from "react";
-var PopoverSlash = createComponent({
-  tagName: "prosekit-popover-slash",
-  elementClass: PopoverSlashElement,
-  react: React,
-  displayName: "PopoverSlash"
-});
-
-// src/components/popover-slash.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
-var PopoverSlash2 = ({ render, editor }) => {
-  const [context, setContext] = useState(null);
-  return /* @__PURE__ */ jsxDEV(PopoverSlash, { editor, onContext: setContext, children: context ? render(context) : null }, void 0, false, {
-    fileName: "src/components/popover-slash.tsx",
-    lineNumber: 17,
-    columnNumber: 5
-  }, this);
-};
-export {
-  PopoverSlash2 as PopoverSlash
-};

package/dist/prosekit-react-components-popover-suggestion-consumer.js

@@ -1,13 +0,0 @@
-// src/components/popover-suggestion-consumer.gen.ts
-import { createComponent } from "@lit-labs/react";
-import { PopoverSuggestionConsumer as PopoverSuggestionConsumerElement } from "@prosekit/lit/elements/popover-suggestion-consumer";
-import React from "react";
-var PopoverSuggestionConsumer = createComponent({
-  tagName: "prosekit-popover-suggestion-consumer",
-  elementClass: PopoverSuggestionConsumerElement,
-  react: React,
-  displayName: "PopoverSuggestionConsumer"
-});
-export {
-  PopoverSuggestionConsumer
-};

package/dist/prosekit-react-components-popover2.js

@@ -1,13 +0,0 @@
-// src/components/popover2.gen.ts
-import { createComponent } from "@lit-labs/react";
-import { Popover2 as Popover2Element } from "@prosekit/lit/elements/popover2";
-import React from "react";
-var Popover2 = createComponent({
-  tagName: "prosekit-popover2",
-  elementClass: Popover2Element,
-  react: React,
-  displayName: "Popover2"
-});
-export {
-  Popover2
-};

package/dist/prosekit-react-components-slash-popover.js

@@ -1,13 +0,0 @@
-// src/components/slash-popover.gen.ts
-import { createComponent } from "@lit-labs/react";
-import { SlashPopover as SlashPopoverElement } from "@prosekit/lit/elements/slash-popover";
-import React from "react";
-var SlashPopover = createComponent({
-  tagName: "prosekit-slash-popover",
-  elementClass: SlashPopoverElement,
-  react: React,
-  displayName: "SlashPopover"
-});
-export {
-  SlashPopover
-};