@prosekit/preact 0.0.1

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-preact-components-autocomplete-empty.d.ts

@@ -0,0 +1,10 @@
+import { AutocompleteEmptyProps as AutocompleteEmptyProps$1 } from '@prosekit/lit/components/autocomplete-empty';
+import { ComponentChildren, ComponentType } from 'preact';
+
+type AutocompleteEmptyProps = {
+    class?: string;
+    children?: ComponentChildren;
+} & AutocompleteEmptyProps$1;
+declare const AutocompleteEmpty: ComponentType<AutocompleteEmptyProps>;
+
+export { AutocompleteEmpty, AutocompleteEmptyProps };

package/dist/prosekit-preact-components-autocomplete-empty.js

@@ -0,0 +1,9 @@
+// src/components/autocomplete-empty.gen.ts
+import "@prosekit/lit/components/autocomplete-empty";
+import { h } from "preact";
+var AutocompleteEmpty = (props) => {
+  return h("prosekit-autocomplete-empty", props);
+};
+export {
+  AutocompleteEmpty
+};

package/dist/prosekit-preact-components-autocomplete-item.d.ts

@@ -0,0 +1,10 @@
+import { AutocompleteItemProps as AutocompleteItemProps$1 } from '@prosekit/lit/components/autocomplete-item';
+import { ComponentChildren, ComponentType } from 'preact';
+
+type AutocompleteItemProps = {
+    class?: string;
+    children?: ComponentChildren;
+} & AutocompleteItemProps$1;
+declare const AutocompleteItem: ComponentType<AutocompleteItemProps>;
+
+export { AutocompleteItem, AutocompleteItemProps };

package/dist/prosekit-preact-components-autocomplete-item.js

@@ -0,0 +1,9 @@
+// src/components/autocomplete-item.gen.ts
+import "@prosekit/lit/components/autocomplete-item";
+import { h } from "preact";
+var AutocompleteItem = (props) => {
+  return h("prosekit-autocomplete-item", props);
+};
+export {
+  AutocompleteItem
+};

package/dist/prosekit-preact-components-autocomplete-list.d.ts

@@ -0,0 +1,10 @@
+import { AutocompleteListProps as AutocompleteListProps$1 } from '@prosekit/lit/components/autocomplete-list';
+import { ComponentChildren, ComponentType } from 'preact';
+
+type AutocompleteListProps = {
+    class?: string;
+    children?: ComponentChildren;
+} & AutocompleteListProps$1;
+declare const AutocompleteList: ComponentType<AutocompleteListProps>;
+
+export { AutocompleteList, AutocompleteListProps };

package/dist/prosekit-preact-components-autocomplete-list.js

@@ -0,0 +1,9 @@
+// src/components/autocomplete-list.gen.ts
+import "@prosekit/lit/components/autocomplete-list";
+import { h } from "preact";
+var AutocompleteList = (props) => {
+  return h("prosekit-autocomplete-list", props);
+};
+export {
+  AutocompleteList
+};

package/dist/prosekit-preact-components-autocomplete-popover.d.ts

@@ -0,0 +1,11 @@
+import { AutocompletePopoverProps as AutocompletePopoverProps$1 } from '@prosekit/lit/components/autocomplete-popover';
+export { PopoverOptions } from '@prosekit/lit/components/autocomplete-popover';
+import { ComponentChildren, ComponentType } from 'preact';
+
+type AutocompletePopoverProps = {
+    class?: string;
+    children?: ComponentChildren;
+} & AutocompletePopoverProps$1;
+declare const AutocompletePopover: ComponentType<AutocompletePopoverProps>;
+
+export { AutocompletePopover, AutocompletePopoverProps };

package/dist/prosekit-preact-components-autocomplete-popover.js

@@ -0,0 +1,9 @@
+// src/components/autocomplete-popover.gen.ts
+import "@prosekit/lit/components/autocomplete-popover";
+import { h } from "preact";
+var AutocompletePopover = (props) => {
+  return h("prosekit-autocomplete-popover", props);
+};
+export {
+  AutocompletePopover
+};

package/dist/prosekit-preact.d.ts

@@ -0,0 +1,21 @@
+import { Editor, Extension, Keymap } from '@prosekit/core';
+import { ComponentChildren, ComponentType } from 'preact';
+
+interface ProseKitProps {
+    editor: Editor;
+    children?: ComponentChildren;
+}
+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-preact.js

@@ -0,0 +1,48 @@
+// src/components/prosekit.ts
+import { h } from "preact";
+
+// src/contexts/editor-context.ts
+import { createContext } from "preact";
+var editorContext = createContext(null);
+
+// src/components/prosekit.ts
+var ProseKit = (props) => {
+  const { editor, children } = props;
+  return h(EditorContextProvider, { value: { editor }, children });
+};
+var EditorContextProvider = editorContext.Provider;
+
+// src/hooks/use-editor.ts
+import { ProseKitError } from "@prosekit/core";
+import { useContext } from "preact/hooks";
+function useEditor() {
+  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 "@prosekit/core";
+import { useEffect } from "preact/hooks";
+function useExtension({ extension }) {
+  const editor = useEditor();
+  useEffect(() => editor.use(extension), [editor, extension]);
+}
+
+// src/hooks/use-keymap.ts
+import { addKeymap } from "@prosekit/core";
+import { useMemo } from "preact/hooks";
+function useKeymap({ keymap }) {
+  const extension = useMemo(() => addKeymap(keymap), [keymap]);
+  useExtension({ extension });
+}
+export {
+  ProseKit,
+  useEditor,
+  useExtension,
+  useKeymap
+};

package/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "@prosekit/preact",
+  "type": "module",
+  "version": "0.0.1",
+  "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/preact"
+  },
+  "bugs": {
+    "url": "https://github.com/ocavue/prosekit/issues"
+  },
+  "keywords": [
+    "ProseMirror"
+  ],
+  "sideEffects": false,
+  "main": "./dist/prosekit-preact.js",
+  "module": "./dist/prosekit-preact.js",
+  "exports": {
+    ".": {
+      "types": "./dist/prosekit-preact.d.ts",
+      "import": "./dist/prosekit-preact.js",
+      "default": "./dist/prosekit-preact.js"
+    },
+    "./components/autocomplete-empty": {
+      "types": "./dist/prosekit-preact-components-autocomplete-empty.d.ts",
+      "import": "./dist/prosekit-preact-components-autocomplete-empty.js",
+      "default": "./dist/prosekit-preact-components-autocomplete-empty.js"
+    },
+    "./components/autocomplete-item": {
+      "types": "./dist/prosekit-preact-components-autocomplete-item.d.ts",
+      "import": "./dist/prosekit-preact-components-autocomplete-item.js",
+      "default": "./dist/prosekit-preact-components-autocomplete-item.js"
+    },
+    "./components/autocomplete-list": {
+      "types": "./dist/prosekit-preact-components-autocomplete-list.d.ts",
+      "import": "./dist/prosekit-preact-components-autocomplete-list.js",
+      "default": "./dist/prosekit-preact-components-autocomplete-list.js"
+    },
+    "./components/autocomplete-popover": {
+      "types": "./dist/prosekit-preact-components-autocomplete-popover.d.ts",
+      "import": "./dist/prosekit-preact-components-autocomplete-popover.js",
+      "default": "./dist/prosekit-preact-components-autocomplete-popover.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@prosekit/core": "^0.0.3",
+    "@prosekit/lit": "^0.0.4"
+  },
+  "peerDependencies": {
+    "preact": ">= 9.0.0"
+  },
+  "peerDependenciesMeta": {
+    "preact": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@prosekit/dev": "*",
+    "preact": "^10.16.0",
+    "tsup": "^7.1.0",
+    "typescript": "^5.1.6",
+    "vitest": "^0.33.0"
+  },
+  "scripts": {
+    "build:tsup": "tsup",
+    "build:tsc": "tsc -b tsconfig.json"
+  },
+  "types": "./dist/prosekit-preact.d.ts",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/prosekit-preact.d.ts"
+      ],
+      "components/autocomplete-empty": [
+        "./dist/prosekit-preact-components-autocomplete-empty.d.ts"
+      ],
+      "components/autocomplete-item": [
+        "./dist/prosekit-preact-components-autocomplete-item.d.ts"
+      ],
+      "components/autocomplete-list": [
+        "./dist/prosekit-preact-components-autocomplete-list.d.ts"
+      ],
+      "components/autocomplete-popover": [
+        "./dist/prosekit-preact-components-autocomplete-popover.d.ts"
+      ]
+    }
+  }
+}

package/src/index.ts

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