@prosekit/react 0.0.0-next-20231120040948 → 0.0.0-next-20240427133255

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/react",
   "type": "module",
-  "version": "0.0.0-next-20231120040948",
+  "version": "0.0.0-next-20240427133255",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -30,45 +30,15 @@
       "import": "./dist/prosekit-react.js",
       "default": "./dist/prosekit-react.js"
     },
-    "./autocomplete-empty": {
-      "types": "./dist/prosekit-react-autocomplete-empty.d.ts",
-      "import": "./dist/prosekit-react-autocomplete-empty.js",
-      "default": "./dist/prosekit-react-autocomplete-empty.js"
+    "./autocomplete": {
+      "types": "./dist/prosekit-react-autocomplete.d.ts",
+      "import": "./dist/prosekit-react-autocomplete.js",
+      "default": "./dist/prosekit-react-autocomplete.js"
     },
-    "./autocomplete-item": {
-      "types": "./dist/prosekit-react-autocomplete-item.d.ts",
-      "import": "./dist/prosekit-react-autocomplete-item.js",
-      "default": "./dist/prosekit-react-autocomplete-item.js"
-    },
-    "./autocomplete-list": {
-      "types": "./dist/prosekit-react-autocomplete-list.d.ts",
-      "import": "./dist/prosekit-react-autocomplete-list.js",
-      "default": "./dist/prosekit-react-autocomplete-list.js"
-    },
-    "./autocomplete-popover": {
-      "types": "./dist/prosekit-react-autocomplete-popover.d.ts",
-      "import": "./dist/prosekit-react-autocomplete-popover.js",
-      "default": "./dist/prosekit-react-autocomplete-popover.js"
-    },
-    "./combo-box": {
-      "types": "./dist/prosekit-react-combo-box.d.ts",
-      "import": "./dist/prosekit-react-combo-box.js",
-      "default": "./dist/prosekit-react-combo-box.js"
-    },
-    "./combo-box-input": {
-      "types": "./dist/prosekit-react-combo-box-input.d.ts",
-      "import": "./dist/prosekit-react-combo-box-input.js",
-      "default": "./dist/prosekit-react-combo-box-input.js"
-    },
-    "./combo-box-item": {
-      "types": "./dist/prosekit-react-combo-box-item.d.ts",
-      "import": "./dist/prosekit-react-combo-box-item.js",
-      "default": "./dist/prosekit-react-combo-box-item.js"
-    },
-    "./combo-box-list": {
-      "types": "./dist/prosekit-react-combo-box-list.d.ts",
-      "import": "./dist/prosekit-react-combo-box-list.js",
-      "default": "./dist/prosekit-react-combo-box-list.js"
+    "./block-handle": {
+      "types": "./dist/prosekit-react-block-handle.d.ts",
+      "import": "./dist/prosekit-react-block-handle.js",
+      "default": "./dist/prosekit-react-block-handle.js"
     },
     "./inline-popover": {
       "types": "./dist/prosekit-react-inline-popover.d.ts",
@@ -79,20 +49,31 @@
       "types": "./dist/prosekit-react-popover.d.ts",
       "import": "./dist/prosekit-react-popover.js",
       "default": "./dist/prosekit-react-popover.js"
+    },
+    "./resizable": {
+      "types": "./dist/prosekit-react-resizable.d.ts",
+      "import": "./dist/prosekit-react-resizable.js",
+      "default": "./dist/prosekit-react-resizable.js"
+    },
+    "./tooltip": {
+      "types": "./dist/prosekit-react-tooltip.d.ts",
+      "import": "./dist/prosekit-react-tooltip.js",
+      "default": "./dist/prosekit-react-tooltip.js"
     }
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@lit/react": "^1.0.2",
-    "@prosekit/core": "0.0.0-next-20231120040948",
-    "@prosekit/lit": "0.0.0-next-20231120040948",
-    "@prosemirror-adapter/react": "^0.2.6"
+    "@prosekit/core": "0.0.0-next-20240427133255",
+    "@prosekit/pm": "0.0.0-next-20240427133255",
+    "@prosekit/web": "0.0.0-next-20240427133255",
+    "@prosemirror-adapter/core": "^0.2.6",
+    "react-merge-refs": "^2.1.1"
   },
   "peerDependencies": {
-    "react": ">= 17.0.0",
-    "react-dom": ">= 17.0.0"
+    "react": ">= 18.2.0",
+    "react-dom": ">= 18.2.0"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -104,13 +85,13 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "@types/react": "^18.2.37",
-    "@types/react-dom": "^18.2.15",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tsup": "^8.0.0",
-    "typescript": "^5.2.2",
-    "vitest": "^0.34.6"
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.5",
+    "vitest": "^1.5.2"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -122,35 +103,23 @@
       ".": [
         "./dist/prosekit-react.d.ts"
       ],
-      "autocomplete-empty": [
-        "./dist/prosekit-react-autocomplete-empty.d.ts"
+      "autocomplete": [
+        "./dist/prosekit-react-autocomplete.d.ts"
       ],
-      "autocomplete-item": [
-        "./dist/prosekit-react-autocomplete-item.d.ts"
-      ],
-      "autocomplete-list": [
-        "./dist/prosekit-react-autocomplete-list.d.ts"
-      ],
-      "autocomplete-popover": [
-        "./dist/prosekit-react-autocomplete-popover.d.ts"
-      ],
-      "combo-box": [
-        "./dist/prosekit-react-combo-box.d.ts"
-      ],
-      "combo-box-input": [
-        "./dist/prosekit-react-combo-box-input.d.ts"
-      ],
-      "combo-box-item": [
-        "./dist/prosekit-react-combo-box-item.d.ts"
-      ],
-      "combo-box-list": [
-        "./dist/prosekit-react-combo-box-list.d.ts"
+      "block-handle": [
+        "./dist/prosekit-react-block-handle.d.ts"
       ],
       "inline-popover": [
         "./dist/prosekit-react-inline-popover.d.ts"
       ],
       "popover": [
         "./dist/prosekit-react-popover.d.ts"
+      ],
+      "resizable": [
+        "./dist/prosekit-react-resizable.d.ts"
+      ],
+      "tooltip": [
+        "./dist/prosekit-react-tooltip.d.ts"
       ]
     }
   }

package/dist/prosekit-react-autocomplete-empty.d.ts

@@ -1,2 +0,0 @@
-export { AutocompleteEmpty_alias_1 as AutocompleteEmpty } from './_tsup-dts-rollup';
-export { AutocompleteEmptyProps_alias_1 as AutocompleteEmptyProps } from './_tsup-dts-rollup';

package/dist/prosekit-react-autocomplete-empty.js

@@ -1,17 +0,0 @@
-// src/components/autocomplete-empty.gen.ts
-import { createComponent } from "@lit/react";
-import { AutocompleteEmpty as AutocompleteEmptyElement } from "@prosekit/lit/autocomplete-empty";
-import React from "react";
-var AutocompleteEmptyInner = createComponent({
-  tagName: "prosekit-autocomplete-empty",
-  elementClass: AutocompleteEmptyElement,
-  react: React,
-  displayName: "AutocompleteEmptyInner"
-});
-var AutocompleteEmpty = React.forwardRef((props, ref) => {
-  return React.createElement(AutocompleteEmptyInner, { ...props, ref });
-});
-AutocompleteEmpty.displayName = "AutocompleteEmpty";
-export {
-  AutocompleteEmpty
-};

package/dist/prosekit-react-autocomplete-item.d.ts

@@ -1,2 +0,0 @@
-export { AutocompleteItem_alias_1 as AutocompleteItem } from './_tsup-dts-rollup';
-export { AutocompleteItemProps_alias_1 as AutocompleteItemProps } from './_tsup-dts-rollup';

package/dist/prosekit-react-autocomplete-item.js

@@ -1,17 +0,0 @@
-// src/components/autocomplete-item.gen.ts
-import { createComponent } from "@lit/react";
-import { AutocompleteItem as AutocompleteItemElement } from "@prosekit/lit/autocomplete-item";
-import React from "react";
-var AutocompleteItemInner = createComponent({
-  tagName: "prosekit-autocomplete-item",
-  elementClass: AutocompleteItemElement,
-  react: React,
-  displayName: "AutocompleteItemInner"
-});
-var AutocompleteItem = React.forwardRef((props, ref) => {
-  return React.createElement(AutocompleteItemInner, { ...props, ref });
-});
-AutocompleteItem.displayName = "AutocompleteItem";
-export {
-  AutocompleteItem
-};

package/dist/prosekit-react-autocomplete-list.d.ts

@@ -1,2 +0,0 @@
-export { AutocompleteList_alias_1 as AutocompleteList } from './_tsup-dts-rollup';
-export { AutocompleteListProps_alias_1 as AutocompleteListProps } from './_tsup-dts-rollup';

package/dist/prosekit-react-autocomplete-list.js

@@ -1,17 +0,0 @@
-// src/components/autocomplete-list.gen.ts
-import { createComponent } from "@lit/react";
-import { AutocompleteList as AutocompleteListElement } from "@prosekit/lit/autocomplete-list";
-import React from "react";
-var AutocompleteListInner = createComponent({
-  tagName: "prosekit-autocomplete-list",
-  elementClass: AutocompleteListElement,
-  react: React,
-  displayName: "AutocompleteListInner"
-});
-var AutocompleteList = React.forwardRef((props, ref) => {
-  return React.createElement(AutocompleteListInner, { ...props, ref });
-});
-AutocompleteList.displayName = "AutocompleteList";
-export {
-  AutocompleteList
-};

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

@@ -1,3 +0,0 @@
-export { PopoverOptions } from './_tsup-dts-rollup';
-export { AutocompletePopover_alias_1 as AutocompletePopover } from './_tsup-dts-rollup';
-export { AutocompletePopoverProps_alias_1 as AutocompletePopoverProps } from './_tsup-dts-rollup';

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

@@ -1,17 +0,0 @@
-// src/components/autocomplete-popover.gen.ts
-import { createComponent } from "@lit/react";
-import { AutocompletePopover as AutocompletePopoverElement } from "@prosekit/lit/autocomplete-popover";
-import React from "react";
-var AutocompletePopoverInner = createComponent({
-  tagName: "prosekit-autocomplete-popover",
-  elementClass: AutocompletePopoverElement,
-  react: React,
-  displayName: "AutocompletePopoverInner"
-});
-var AutocompletePopover = React.forwardRef((props, ref) => {
-  return React.createElement(AutocompletePopoverInner, { ...props, ref });
-});
-AutocompletePopover.displayName = "AutocompletePopover";
-export {
-  AutocompletePopover
-};

package/dist/prosekit-react-combo-box-input.d.ts

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

package/dist/prosekit-react-combo-box-input.js

@@ -1,17 +0,0 @@
-// src/components/combo-box-input.gen.ts
-import { createComponent } from "@lit/react";
-import { ComboBoxInput as ComboBoxInputElement } from "@prosekit/lit/combo-box-input";
-import React from "react";
-var ComboBoxInputInner = createComponent({
-  tagName: "prosekit-combo-box-input",
-  elementClass: ComboBoxInputElement,
-  react: React,
-  displayName: "ComboBoxInputInner"
-});
-var ComboBoxInput = React.forwardRef((props, ref) => {
-  return React.createElement(ComboBoxInputInner, { ...props, ref });
-});
-ComboBoxInput.displayName = "ComboBoxInput";
-export {
-  ComboBoxInput
-};

package/dist/prosekit-react-combo-box-item.d.ts

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

package/dist/prosekit-react-combo-box-item.js

@@ -1,17 +0,0 @@
-// src/components/combo-box-item.gen.ts
-import { createComponent } from "@lit/react";
-import { ComboBoxItem as ComboBoxItemElement } from "@prosekit/lit/combo-box-item";
-import React from "react";
-var ComboBoxItemInner = createComponent({
-  tagName: "prosekit-combo-box-item",
-  elementClass: ComboBoxItemElement,
-  react: React,
-  displayName: "ComboBoxItemInner"
-});
-var ComboBoxItem = React.forwardRef((props, ref) => {
-  return React.createElement(ComboBoxItemInner, { ...props, ref });
-});
-ComboBoxItem.displayName = "ComboBoxItem";
-export {
-  ComboBoxItem
-};

package/dist/prosekit-react-combo-box-list.d.ts

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

package/dist/prosekit-react-combo-box-list.js

@@ -1,17 +0,0 @@
-// src/components/combo-box-list.gen.ts
-import { createComponent } from "@lit/react";
-import { ComboBoxList as ComboBoxListElement } from "@prosekit/lit/combo-box-list";
-import React from "react";
-var ComboBoxListInner = createComponent({
-  tagName: "prosekit-combo-box-list",
-  elementClass: ComboBoxListElement,
-  react: React,
-  displayName: "ComboBoxListInner"
-});
-var ComboBoxList = React.forwardRef((props, ref) => {
-  return React.createElement(ComboBoxListInner, { ...props, ref });
-});
-ComboBoxList.displayName = "ComboBoxList";
-export {
-  ComboBoxList
-};

package/dist/prosekit-react-combo-box.d.ts

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

package/dist/prosekit-react-combo-box.js

@@ -1,17 +0,0 @@
-// src/components/combo-box.gen.ts
-import { createComponent } from "@lit/react";
-import { ComboBox as ComboBoxElement } from "@prosekit/lit/combo-box";
-import React from "react";
-var ComboBoxInner = createComponent({
-  tagName: "prosekit-combo-box",
-  elementClass: ComboBoxElement,
-  react: React,
-  displayName: "ComboBoxInner"
-});
-var ComboBox = React.forwardRef((props, ref) => {
-  return React.createElement(ComboBoxInner, { ...props, ref });
-});
-ComboBox.displayName = "ComboBox";
-export {
-  ComboBox
-};

package/src/index.ts

@@ -1,10 +0,0 @@
-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'