@prosekit/svelte 0.0.21 → 0.1.0

package/dist/build/contexts/editor-context.d.ts

@@ -1,11 +1,7 @@
-import { type Editor, type Extension } from '@prosekit/core';
-import { type Readable } from 'svelte/store';
+import { type Editor } from '@prosekit/core';
 export interface EditorContext {
     editor: Editor;
 }
 export declare function setEditorContext(editor: Editor): void;
 export declare function getEditorContext(): EditorContext;
-export declare function getEditor<E extends Extension = any>(options?: {
-    update?: boolean;
-}): Readable<Editor<E>>;
 //# sourceMappingURL=editor-context.d.ts.map

package/dist/build/contexts/editor-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor-context.d.ts","sourceRoot":"","sources":["../../../../src/contexts/editor-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,MAAM,EACX,KAAK,SAAS,EAEf,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEhE,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAA;CACf;AAID,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAMrD;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAOhD;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,GAAG,GAAG,EAAE,OAAO,CAAC,EAAE;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAiBtB"}
+{"version":3,"file":"editor-context.d.ts","sourceRoot":"","sources":["../../../../src/contexts/editor-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAG3D,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAA;CACf;AAID,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAMrD;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAOhD"}

package/dist/build/contexts/editor-context.js

@@ -1,6 +1,5 @@
-import { ProseKitError, defineEventHandler, } from '@prosekit/core';
-import { getContext, hasContext, onDestroy, onMount, setContext } from 'svelte';
-import { readonly, writable } from 'svelte/store';
+import { ProseKitError } from '@prosekit/core';
+import { getContext, hasContext, setContext } from 'svelte';
 const key = 'prosekit-svelte-editor-context';
 export function setEditorContext(editor) {
     if (!editor) {
@@ -15,19 +14,3 @@ export function getEditorContext() {
     }
     return getContext(key);
 }
-export function getEditor(options) {
-    var _a;
-    const update = (_a = options === null || options === void 0 ? void 0 : options.update) !== null && _a !== void 0 ? _a : false;
-    const editor = getEditorContext().editor;
-    const editorStore = writable(editor);
-    if (update) {
-        onMount(() => {
-            const forceUpdate = () => {
-                editorStore.set(editor);
-            };
-            const dispose = editor.use(defineEventHandler({ update: forceUpdate }));
-            onDestroy(dispose);
-        });
-    }
-    return readonly(editorStore);
-}

package/dist/build/hooks/use-editor.d.ts

@@ -0,0 +1,6 @@
+import { type Editor, type Extension } from '@prosekit/core';
+import { type Readable } from 'svelte/store';
+export declare function useEditor<E extends Extension = any>(options?: {
+    update?: boolean;
+}): Readable<Editor<E>>;
+//# sourceMappingURL=use-editor.d.ts.map

package/dist/build/hooks/use-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-editor.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,MAAM,EACX,KAAK,SAAS,EACf,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAA;AAIhE,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,GAAG,GAAG,EAAE,OAAO,CAAC,EAAE;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAiBtB"}

package/dist/build/hooks/use-editor.js

@@ -0,0 +1,20 @@
+import { defineUpdateHandler, } from '@prosekit/core';
+import { onDestroy, onMount } from 'svelte';
+import { readonly, writable } from 'svelte/store';
+import { getEditorContext } from '../contexts/editor-context';
+export function useEditor(options) {
+    var _a;
+    const update = (_a = options === null || options === void 0 ? void 0 : options.update) !== null && _a !== void 0 ? _a : false;
+    const editor = getEditorContext().editor;
+    const editorStore = writable(editor);
+    if (update) {
+        onMount(() => {
+            const forceUpdate = () => {
+                editorStore.set(editor);
+            };
+            const dispose = editor.use(defineUpdateHandler(forceUpdate));
+            onDestroy(dispose);
+        });
+    }
+    return readonly(editorStore);
+}

package/dist/build/hooks/use-extension.d.ts

@@ -0,0 +1,3 @@
+import { type Extension } from '@prosekit/core';
+export declare function useExtension<T extends Extension = Extension>(extension: T): VoidFunction;
+//# sourceMappingURL=use-extension.d.ts.map

package/dist/build/hooks/use-extension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-extension.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-extension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAI/C,wBAAgB,YAAY,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EAC1D,SAAS,EAAE,CAAC,GACX,YAAY,CAcd"}

package/dist/build/hooks/use-extension.js

@@ -0,0 +1,14 @@
+import {} from '@prosekit/core';
+import { useEditor } from './use-editor';
+export function useExtension(extension) {
+    const editorStore = useEditor();
+    let cleanup = null;
+    editorStore.subscribe((editor) => {
+        cleanup === null || cleanup === void 0 ? void 0 : cleanup();
+        cleanup = editor.use(extension);
+    });
+    return () => {
+        cleanup === null || cleanup === void 0 ? void 0 : cleanup();
+        cleanup = null;
+    };
+}

package/dist/build/hooks/use-keymap.d.ts

@@ -0,0 +1,3 @@
+import { type Keymap } from '@prosekit/core';
+export declare function useKeymap(keymap: Keymap): VoidFunction;
+//# sourceMappingURL=use-keymap.d.ts.map

package/dist/build/hooks/use-keymap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keymap.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-keymap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAI1D,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,CAGtD"}

package/dist/build/hooks/use-keymap.js

@@ -0,0 +1,6 @@
+import { defineKeymap } from '@prosekit/core';
+import { useExtension } from './use-extension';
+export function useKeymap(keymap) {
+    const extension = defineKeymap(keymap);
+    return useExtension(extension);
+}

package/dist/build/index.d.ts

@@ -1,3 +1,5 @@
-export { getEditor } from './contexts/editor-context';
+export { useEditor } from './hooks/use-editor';
+export { useExtension } from './hooks/use-extension';
+export { useKeymap } from './hooks/use-keymap';
 export { ProseKit } from './components/prosekit';
 //# sourceMappingURL=index.d.ts.map

package/dist/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/build/index.js

@@ -1,2 +1,4 @@
-export { getEditor } from './contexts/editor-context';
+export { useEditor } from './hooks/use-editor';
+export { useExtension } from './hooks/use-extension';
+export { useKeymap } from './hooks/use-keymap';
 export { ProseKit } from './components/prosekit';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/svelte",
   "type": "module",
-  "version": "0.0.21",
+  "version": "0.1.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -54,12 +54,6 @@
       "import": "./dist/prosekit-svelte-autocomplete-popover.js",
       "default": "./dist/prosekit-svelte-autocomplete-popover.js"
     },
-    "./code-block-popover": {
-      "types": "./dist/prosekit-svelte-code-block-popover.d.ts",
-      "svelte": "./dist/prosekit-svelte-code-block-popover.js",
-      "import": "./dist/prosekit-svelte-code-block-popover.js",
-      "default": "./dist/prosekit-svelte-code-block-popover.js"
-    },
     "./combo-box": {
       "types": "./dist/prosekit-svelte-combo-box.d.ts",
       "svelte": "./dist/prosekit-svelte-combo-box.js",
@@ -101,8 +95,8 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.0.19",
-    "@prosekit/lit": "^0.0.23"
+    "@prosekit/core": "^0.1.0",
+    "@prosekit/lit": "^0.1.0"
   },
   "peerDependencies": {
     "svelte": ">= 3.0.0"
@@ -115,9 +109,9 @@
   "devDependencies": {
     "@prosekit/dev": "*",
     "@sveltejs/package": "^2.2.2",
-    "@types/node": "^20.8.10",
+    "@types/node": "^20.9.0",
     "read-pkg": "^9.0.0",
-    "svelte": "^4.2.2",
+    "svelte": "^4.2.3",
     "svelte-check": "^3.5.2",
     "tsx": "^3.14.0",
     "typescript": "^5.2.2",
@@ -144,9 +138,6 @@
       "autocomplete-popover": [
         "./dist/prosekit-svelte-autocomplete-popover.d.ts"
       ],
-      "code-block-popover": [
-        "./dist/prosekit-svelte-code-block-popover.d.ts"
-      ],
       "combo-box": [
         "./dist/prosekit-svelte-combo-box.d.ts"
       ],

package/dist/build/components/code-block-popover.gen.d.ts

@@ -1,7 +0,0 @@
-import type { CodeBlockPopoverProps as CodeBlockPopoverElementProps } from '@prosekit/lit/code-block-popover';
-import type { SvelteComponent } from 'svelte';
-export type CodeBlockPopoverProps = {
-    class?: string;
-} & CodeBlockPopoverElementProps;
-export declare const CodeBlockPopover: typeof SvelteComponent<CodeBlockPopoverProps>;
-//# sourceMappingURL=code-block-popover.gen.d.ts.map

package/dist/build/components/code-block-popover.gen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-block-popover.gen.d.ts","sourceRoot":"","sources":["../../../../src/components/code-block-popover.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,IAAI,4BAA4B,EAAE,MAAM,kCAAkC,CAAA;AAC7G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAI7C,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,4BAA4B,CAAA;AAEhC,eAAO,MAAM,gBAAgB,EAA+D,uBAAuB,qBAAqB,CAAC,CAAA"}

package/dist/build/components/code-block-popover.gen.js

@@ -1,2 +0,0 @@
-import CodeBlockPopoverComponent from './code-block-popover.gen.svelte';
-export const CodeBlockPopover = CodeBlockPopoverComponent;

package/dist/build/components/code-block-popover.gen.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-import '@prosekit/lit/code-block-popover'
-</script>
-
-<prosekit-code-block-popover {...$$props}>
-  <slot />
-</prosekit-code-block-popover>

package/dist/build/components/code-block-popover.gen.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import '@prosekit/lit/code-block-popover';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type CodeBlockPopoverProps = typeof __propDef.props;
-export type CodeBlockPopoverEvents = typeof __propDef.events;
-export type CodeBlockPopoverSlots = typeof __propDef.slots;
-export default class CodeBlockPopover extends SvelteComponentTyped<CodeBlockPopoverProps, CodeBlockPopoverEvents, CodeBlockPopoverSlots> {
-}
-export {};
-//# sourceMappingURL=code-block-popover.gen.svelte.d.ts.map

package/dist/build/components/code-block-popover.gen.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-block-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/code-block-popover.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,kCAAkC,CAAA;AAYzC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE3D,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC;CACvI"}

package/dist/prosekit-svelte-code-block-popover.d.ts

@@ -1 +0,0 @@
-export * from './build/components/code-block-popover.gen'

package/dist/prosekit-svelte-code-block-popover.js

@@ -1 +0,0 @@
-export * from './build/components/code-block-popover.gen'