@prosekit/react 0.0.0-next-20230627094841

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/prosekit-react-components-menu-item.js

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

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

@@ -0,0 +1,16 @@
+// src/components/menu.gen.ts
+import { createComponent } from "@lit-labs/react";
+import { Menu as MenuElement } from "@prosekit/lit/elements/menu";
+import React from "react";
+var Menu = createComponent({
+  tagName: "prosekit-menu",
+  elementClass: MenuElement,
+  react: React,
+  displayName: "Menu"
+});
+
+// src/components/menu.tsx
+var Menu2 = Menu;
+export {
+  Menu2 as Menu
+};

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

@@ -0,0 +1,27 @@
+// 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

@@ -0,0 +1,13 @@
+// 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-popover-suggestion.js

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

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

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

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

@@ -0,0 +1,13 @@
+// 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

@@ -0,0 +1,13 @@
+// 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
+};

package/dist/prosekit-react.js

@@ -0,0 +1,93 @@
+// 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;
+}
+
+// src/components/prosekit.tsx
+import { jsxDEV as jsxDEV2 } 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, {
+    fileName: "src/components/prosekit.tsx",
+    lineNumber: 26,
+    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]);
+}
+
+// src/hooks/use-editor.ts
+function useEditor() {
+  return useEditorContext().editor;
+}
+
+// src/hooks/use-extension.ts
+import { useEffect as useEffect2 } from "react";
+function useExtension({ extension }) {
+  const editor = useEditor();
+  useEffect2(() => editor.use(extension), [editor, extension]);
+}
+
+// src/hooks/use-keymap.ts
+import { addKeymap } from "@prosekit/core";
+import { useMemo as useMemo2 } from "react";
+function useKeymap({ keymap }) {
+  const extension = useMemo2(() => addKeymap(keymap), [keymap]);
+  useExtension({ extension });
+}
+export {
+  ProseKit,
+  useEditor,
+  useExtension,
+  useKeymap
+};

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "@prosekit/react",
+  "type": "module",
+  "version": "0.0.0-next-20230627094841",
+  "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/react"
+  },
+  "bugs": {
+    "url": "https://github.com/ocavue/prosekit/issues"
+  },
+  "keywords": [
+    "ProseMirror"
+  ],
+  "sideEffects": false,
+  "main": "./dist/prosekit-react.js",
+  "module": "./dist/prosekit-react.js",
+  "exports": {
+    ".": {
+      "types": "./dist/prosekit-react.d.ts",
+      "import": "./dist/prosekit-react.js",
+      "default": "./dist/prosekit-react.js"
+    },
+    "./components/menu": {
+      "types": "./dist/prosekit-react-components-menu.d.ts",
+      "import": "./dist/prosekit-react-components-menu.js",
+      "default": "./dist/prosekit-react-components-menu.js"
+    },
+    "./components/menu-item": {
+      "types": "./dist/prosekit-react-components-menu-item.d.ts",
+      "import": "./dist/prosekit-react-components-menu-item.js",
+      "default": "./dist/prosekit-react-components-menu-item.js"
+    },
+    "./components/popover": {
+      "types": "./dist/prosekit-react-components-popover.d.ts",
+      "import": "./dist/prosekit-react-components-popover.js",
+      "default": "./dist/prosekit-react-components-popover.js"
+    },
+    "./components/popover-suggestion": {
+      "types": "./dist/prosekit-react-components-popover-suggestion.d.ts",
+      "import": "./dist/prosekit-react-components-popover-suggestion.js",
+      "default": "./dist/prosekit-react-components-popover-suggestion.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@lit-labs/react": "latest",
+    "@prosekit/core": "0.0.0-next-20230627094841",
+    "@prosekit/lit": "0.0.0-next-20230627094841"
+  },
+  "peerDependencies": {
+    "react": ">= 17.0.0",
+    "react-dom": ">= 17.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@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"
+  },
+  "scripts": {
+    "build:tsup": "tsup",
+    "build:tsc": "tsc -b tsconfig.json"
+  },
+  "types": "./dist/prosekit-react.d.ts"
+}

package/src/index.ts

@@ -0,0 +1,8 @@
+/**
+ * @module @prosekit/react
+ */
+
+export { ProseKit, type ProseKitProps } from './components/prosekit'
+export { useEditor } from './hooks/use-editor'
+export { useExtension } from './hooks/use-extension'
+export { useKeymap } from './hooks/use-keymap'