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

@@ -0,0 +1,14 @@
+// src/components/menu-item.gen.ts
+import "@prosekit/lit/elements/menu-item";
+import { defineComponent, h } from "vue";
+var MenuItem = defineComponent(
+  (props, { slots }) => {
+    return () => {
+      var _a;
+      return h("prosekit-menu-item", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+);
+export {
+  MenuItem
+};

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

@@ -0,0 +1,14 @@
+// src/components/menu.gen.ts
+import "@prosekit/lit/elements/menu";
+import { defineComponent, h } from "vue";
+var Menu = defineComponent(
+  (props, { slots }) => {
+    return () => {
+      var _a;
+      return h("prosekit-menu", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+);
+export {
+  Menu
+};

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

@@ -0,0 +1,42 @@
+// src/components/popover-slash.ts
+import { defineComponent as defineComponent2, h as h2, ref } from "vue";
+
+// src/components/popover-slash.gen.ts
+import "@prosekit/lit/elements/popover-slash";
+import { defineComponent, h } from "vue";
+var PopoverSlash = defineComponent(
+  (props, { slots }) => {
+    return () => {
+      var _a;
+      return h("prosekit-popover-slash", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+);
+
+// src/components/popover-slash.ts
+var PopoverSlash2 = defineComponent2(
+  ({ editor }, { slots }) => {
+    const contextRef = ref(null);
+    const onContext = (context) => {
+      contextRef.value = context;
+    };
+    return () => {
+      const context = contextRef.value;
+      const query = context == null ? void 0 : context.query;
+      return h2(
+        PopoverSlash,
+        {
+          ".editor": editor,
+          ".onContext": onContext
+        },
+        () => {
+          var _a;
+          return (_a = slots.default) == null ? void 0 : _a.call(slots, { query });
+        }
+      );
+    };
+  }
+);
+export {
+  PopoverSlash2 as PopoverSlash
+};

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

@@ -0,0 +1,14 @@
+// src/components/popover-suggestion-consumer.gen.ts
+import "@prosekit/lit/elements/popover-suggestion-consumer";
+import { defineComponent, h } from "vue";
+var PopoverSuggestionConsumer = defineComponent(
+  (props, { slots }) => {
+    return () => {
+      var _a;
+      return h("prosekit-popover-suggestion-consumer", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+);
+export {
+  PopoverSuggestionConsumer
+};

package/dist/prosekit-vue-components-popover-suggestion.js

@@ -0,0 +1,42 @@
+// src/components/popover-suggestion.ts
+import { defineComponent as defineComponent2, h as h2, ref } from "vue";
+
+// src/components/popover-suggestion.gen.ts
+import "@prosekit/lit/elements/popover-suggestion";
+import { defineComponent, h } from "vue";
+var PopoverSuggestion = defineComponent(
+  (props, { slots }) => {
+    return () => {
+      var _a;
+      return h("prosekit-popover-suggestion", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+);
+
+// src/components/popover-suggestion.ts
+var PopoverSuggestion2 = defineComponent2(
+  ({ editor, rules }, { slots }) => {
+    const contextRef = ref(null);
+    const onContext = (context) => {
+      contextRef.value = context;
+    };
+    return () => {
+      const context = contextRef.value;
+      return h2(
+        PopoverSuggestion,
+        {
+          ".editor": editor,
+          ".rules": rules,
+          ".onContext": onContext
+        },
+        () => {
+          var _a;
+          return (_a = slots.default) == null ? void 0 : _a.call(slots, context);
+        }
+      );
+    };
+  }
+);
+export {
+  PopoverSuggestion2 as PopoverSuggestion
+};

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

@@ -0,0 +1,14 @@
+// src/components/popover.gen.ts
+import "@prosekit/lit/elements/popover";
+import { defineComponent, h } from "vue";
+var Popover = defineComponent(
+  (props, { slots }) => {
+    return () => {
+      var _a;
+      return h("prosekit-popover", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+);
+export {
+  Popover
+};

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

@@ -0,0 +1,14 @@
+// src/components/popover2.gen.ts
+import "@prosekit/lit/elements/popover2";
+import { defineComponent, h } from "vue";
+var Popover2 = defineComponent(
+  (props, { slots }) => {
+    return () => {
+      var _a;
+      return h("prosekit-popover2", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+);
+export {
+  Popover2
+};

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

@@ -0,0 +1,14 @@
+// src/components/slash-popover.gen.ts
+import "@prosekit/lit/elements/slash-popover";
+import { defineComponent, h } from "vue";
+var SlashPopover = defineComponent(
+  (props, { slots }) => {
+    return () => {
+      var _a;
+      return h("prosekit-slash-popover", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+);
+export {
+  SlashPopover
+};

package/dist/prosekit-vue.js

@@ -0,0 +1,88 @@
+// src/components/prosekit.ts
+import { ProseKitError as ProseKitError2, createEditor } from "@prosekit/core";
+import { computed, defineComponent, effect } from "vue";
+
+// src/injection/editor-injection.ts
+import { ProseKitError } from "@prosekit/core";
+import { inject, provide } from "vue";
+var symbol = Symbol("ProseKitContext");
+function provideEditor(editor) {
+  provide(symbol, editor);
+}
+function injectEditor() {
+  const editor = inject(symbol);
+  if (!editor) {
+    throw new ProseKitError("Can't inject editor");
+  }
+  return editor;
+}
+
+// src/components/prosekit.ts
+var ProseKit = defineComponent(
+  (props, { slots }) => {
+    const editorRef = useComputedEditor(props);
+    provideEditor(editorRef.value);
+    effect(() => {
+      const editor = editorRef.value;
+      if (props.place) {
+        editor.mount(props.place);
+      } else if (editor.mounted) {
+        editor.unmount();
+      }
+    });
+    return () => {
+      var _a;
+      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+    };
+  },
+  { props: ["editor", "extension", "place"] }
+);
+function useComputedEditor(props) {
+  return computed(() => {
+    if (props.editor) {
+      if (props.extension) {
+        throw new ProseKitError2(
+          "You can't pass both an editor and an extension to ProseKit"
+        );
+      }
+      return props.editor;
+    } else {
+      if (props.extension) {
+        return createEditor({ extension: props.extension });
+      } else {
+        throw new ProseKitError2(
+          "You must pass either an editor or an extension to ProseKit"
+        );
+      }
+    }
+  });
+}
+
+// src/hooks/use-keymap.ts
+import { addKeymap } from "@prosekit/core";
+import { computed as computed2 } from "vue";
+
+// src/hooks/use-extension.ts
+import { effect as effect2 } from "vue";
+
+// src/hooks/use-editor.ts
+function useEditor() {
+  return injectEditor();
+}
+
+// src/hooks/use-extension.ts
+function useExtension({ extension }) {
+  const editor = useEditor();
+  effect2(() => editor.use(extension));
+}
+
+// src/hooks/use-keymap.ts
+function useKeymap({ keymap }) {
+  const extension = computed2(() => addKeymap(keymap));
+  useExtension({ extension: extension.value });
+}
+export {
+  ProseKit,
+  useEditor,
+  useKeymap
+};

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@prosekit/vue",
+  "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/vue"
+  },
+  "bugs": {
+    "url": "https://github.com/ocavue/prosekit/issues"
+  },
+  "keywords": [
+    "ProseMirror"
+  ],
+  "sideEffects": false,
+  "main": "./dist/prosekit-vue.js",
+  "module": "./dist/prosekit-vue.js",
+  "exports": {
+    ".": {
+      "types": "./dist/prosekit-vue.d.ts",
+      "import": "./dist/prosekit-vue.js",
+      "default": "./dist/prosekit-vue.js"
+    },
+    "./components/menu": {
+      "types": "./dist/prosekit-vue-components-menu.d.ts",
+      "import": "./dist/prosekit-vue-components-menu.js",
+      "default": "./dist/prosekit-vue-components-menu.js"
+    },
+    "./components/menu-item": {
+      "types": "./dist/prosekit-vue-components-menu-item.d.ts",
+      "import": "./dist/prosekit-vue-components-menu-item.js",
+      "default": "./dist/prosekit-vue-components-menu-item.js"
+    },
+    "./components/popover": {
+      "types": "./dist/prosekit-vue-components-popover.d.ts",
+      "import": "./dist/prosekit-vue-components-popover.js",
+      "default": "./dist/prosekit-vue-components-popover.js"
+    },
+    "./components/popover-suggestion": {
+      "types": "./dist/prosekit-vue-components-popover-suggestion.d.ts",
+      "import": "./dist/prosekit-vue-components-popover-suggestion.js",
+      "default": "./dist/prosekit-vue-components-popover-suggestion.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@prosekit/core": "0.0.0-next-20230627094841",
+    "@prosekit/lit": "0.0.0-next-20230627094841"
+  },
+  "peerDependencies": {
+    "vue": ">= 3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "tsup": "^7.1.0",
+    "typescript": "^5.1.3",
+    "vitest": "^0.32.2",
+    "vue": "^3.3.4",
+    "@prosekit/dev": "0.0.0"
+  },
+  "scripts": {
+    "build:tsup": "tsup",
+    "build:tsc": "tsc -b tsconfig.json"
+  },
+  "types": "./dist/prosekit-vue.d.ts"
+}

package/src/index.ts

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