@prosekit/lit 0.0.23 → 0.1.0

package/dist/_tsup-dts-rollup.d.ts

@@ -1,16 +1,12 @@
 import { AutoUpdateOptions } from '@floating-ui/dom';
-import { CommandArgs } from '@prosekit/core';
 import { ComputePositionConfig } from '@floating-ui/dom';
 import { CSSResult } from 'lit';
 import { Editor } from '@prosekit/core';
 import type { EditorView } from '@prosekit/pm/view';
-import { Extension } from '@prosekit/core';
-import { ExtensionTyping } from '@prosekit/core';
 import { Keymap } from '@prosekit/core';
 import { LitElement } from 'lit';
 import { Options } from 'tsup';
 import { PropertyValues } from 'lit';
-import type { ProseMirrorNode } from '@prosekit/pm/model';
 import { ReactiveController } from 'lit';
 import { ReactiveControllerHost } from 'lit';
 import { TemplateResult } from 'lit';
@@ -143,28 +139,6 @@ export { AutoUpdateOptions }
 
 export declare const blockComponentStyles: CSSResult;
 
-export declare class CodeBlockPopover extends Popover implements Partial<CodeBlockPopoverProps> {
-    editor?: Editor;
-    /** @hidden */
-    private controller;
-    protected updated(): void;
-}
-
-export declare class CodeBlockPopoverController implements ReactiveController {
-    private host;
-    reference: Element | null;
-    private editor;
-    private cleanup;
-    constructor(host: ReactiveControllerHost);
-    setEditor(editor: Editor): void;
-    private defineExtension;
-    hostDisconnected(): void;
-}
-
-export declare interface CodeBlockPopoverProps {
-    editor: Editor;
-}
-
 export declare class ComboBox extends Popover {
     onDismiss?: VoidFunction;
     private listManager;
@@ -265,19 +239,6 @@ export declare const defaultPopoverOptions_alias_2: PopoverOptions;
 
 export declare function defaultQueryBuilder(match: RegExpExecArray): string;
 
-/**
- * Returns a ProseKit extension that call `onSelect` when the text selection is
- * insert into a code block, and `onDismiss` when it is not.
- */
-export declare function defineCodeBlockSelect(options: {
-    onSelect: (info: {
-        pos: number;
-        node: ProseMirrorNode;
-        dom: HTMLElement;
-    }) => void;
-    onDismiss: () => void;
-}): Extension<ExtensionTyping<string, string, CommandArgs>>;
-
 export declare function getVirtualSelectionElement(view: EditorView): Range | undefined;
 
 export declare class InlinePopover extends Popover implements Partial<InlinePopoverProps> {
@@ -468,24 +429,22 @@ export { propNames_3 as propNames_alias_3 }
 export { propNames_3 as propNames_alias_4 }
 
 declare const propNames_4: never[];
-export { propNames_4 as propNames_alias_10 }
+export { propNames_4 as propNames_alias_8 }
 export { propNames_4 as propNames_alias_9 }
 
 declare const propNames_5: never[];
+export { propNames_5 as propNames_alias_10 }
 export { propNames_5 as propNames_alias_11 }
-export { propNames_5 as propNames_alias_12 }
 
-export declare const propNames_alias_13: readonly ["editor", "popoverOptions"];
+export declare const propNames_alias_12: readonly ["editor", "popoverOptions"];
 
-export declare const propNames_alias_14: readonly ["active", "reference", "options", "autoUpdate", "autoUpdateOptions"];
+export declare const propNames_alias_13: readonly ["active", "reference", "options", "autoUpdate", "autoUpdateOptions"];
 
 export declare const propNames_alias_5: readonly ["editor", "regex", "popoverOptions"];
 
-export declare const propNames_alias_6: readonly ["editor"];
-
-export declare const propNames_alias_7: readonly ["onDismiss"];
+export declare const propNames_alias_6: readonly ["onDismiss"];
 
-export declare const propNames_alias_8: readonly ["placeholder"];
+export declare const propNames_alias_7: readonly ["placeholder"];
 
 export declare function queryClosestAutocompleteItem(element?: Element | null): AutocompleteItem | null;
 

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

@@ -3,10 +3,10 @@ import {
 } from "./chunk-KJJEZNYD.js";
 import "./chunk-XOVIMVFL.js";
 import "./chunk-6P3YKUWI.js";
-import "./chunk-PCXKL6TA.js";
 import {
   Popover
 } from "./chunk-HNKGDXIJ.js";
+import "./chunk-PCXKL6TA.js";
 import {
   __decorateClass
 } from "./chunk-ZN7DMIEB.js";

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

@@ -1,3 +1,3 @@
-export { propNames_alias_8 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_7 as propNames } from './_tsup-dts-rollup';
 export { ComboBoxInputProps } from './_tsup-dts-rollup';
 export { ComboBoxInput } from './_tsup-dts-rollup';

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

@@ -1,3 +1,3 @@
 export { ComboBoxItem_alias_1 as ComboBoxItem } from './_tsup-dts-rollup';
 export { ComboBoxItemProps_alias_1 as ComboBoxItemProps } from './_tsup-dts-rollup';
-export { propNames_alias_10 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_9 as propNames } from './_tsup-dts-rollup';

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

@@ -1,3 +1,3 @@
 export { ComboBoxList_alias_1 as ComboBoxList } from './_tsup-dts-rollup';
 export { ComboBoxListProps_alias_1 as ComboBoxListProps } from './_tsup-dts-rollup';
-export { propNames_alias_12 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_11 as propNames } from './_tsup-dts-rollup';

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

@@ -1,3 +1,3 @@
-export { propNames_alias_7 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_6 as propNames } from './_tsup-dts-rollup';
 export { ComboBoxProps } from './_tsup-dts-rollup';
 export { ComboBox } from './_tsup-dts-rollup';

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

@@ -1,10 +1,10 @@
-import "./chunk-XTIVRSSC.js";
-import {
-  ListManager
-} from "./chunk-PCXKL6TA.js";
 import {
   Popover
 } from "./chunk-HNKGDXIJ.js";
+import {
+  ListManager
+} from "./chunk-PCXKL6TA.js";
+import "./chunk-XTIVRSSC.js";
 import {
   comboBoxContext
 } from "./chunk-C4MW43I4.js";

package/dist/prosekit-lit-inline-popover.d.ts

@@ -1,4 +1,4 @@
 export { PopoverOptions_alias_1 as PopoverOptions } from './_tsup-dts-rollup';
-export { propNames_alias_13 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_12 as propNames } from './_tsup-dts-rollup';
 export { InlinePopoverProps } from './_tsup-dts-rollup';
 export { InlinePopover } from './_tsup-dts-rollup';

package/dist/prosekit-lit-inline-popover.js

@@ -10,7 +10,7 @@ import "@prosekit/core";
 import { customElement, property } from "lit/decorators.js";
 
 // src/components/inline-popover/controller.ts
-import { defineEventHandler } from "@prosekit/core";
+import { defineUpdateHandler } from "@prosekit/core";
 import "lit";
 
 // src/components/inline-popover/helpers.ts
@@ -92,7 +92,7 @@ var InlinePopoverController = class {
     if (!editor) {
       return;
     }
-    const extension = defineEventHandler({ update: () => this.update() });
+    const extension = defineUpdateHandler(() => this.update());
     (_a = this.cleanupExtension) == null ? void 0 : _a.call(this);
     this.cleanupExtension = editor.use(extension);
   }

package/dist/prosekit-lit-popover.d.ts

@@ -1,5 +1,5 @@
 export { AutoUpdateOptions } from './_tsup-dts-rollup';
 export { PopoverOptions_alias_2 as PopoverOptions } from './_tsup-dts-rollup';
-export { propNames_alias_14 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_13 as propNames } from './_tsup-dts-rollup';
 export { PopoverProps } from './_tsup-dts-rollup';
 export { Popover } from './_tsup-dts-rollup';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/lit",
   "type": "module",
-  "version": "0.0.23",
+  "version": "0.1.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -50,11 +50,6 @@
       "import": "./dist/prosekit-lit-autocomplete-popover.js",
       "default": "./dist/prosekit-lit-autocomplete-popover.js"
     },
-    "./code-block-popover": {
-      "types": "./dist/prosekit-lit-code-block-popover.d.ts",
-      "import": "./dist/prosekit-lit-code-block-popover.js",
-      "default": "./dist/prosekit-lit-code-block-popover.js"
-    },
     "./combo-box": {
       "types": "./dist/prosekit-lit-combo-box.d.ts",
       "import": "./dist/prosekit-lit-combo-box.js",
@@ -92,9 +87,9 @@
   "dependencies": {
     "@floating-ui/dom": "^1.5.3",
     "@lit/context": "^1.0.1",
-    "@prosekit/core": "^0.0.19",
-    "@prosekit/extensions": "^0.0.21",
-    "@prosekit/pm": "^0.0.7",
+    "@prosekit/core": "^0.1.0",
+    "@prosekit/extensions": "^0.1.0",
+    "@prosekit/pm": "^0.1.0",
     "@superhuman/command-score": "^0.5.0",
     "lit": "^3.0.2"
   },
@@ -104,7 +99,7 @@
     "tsup": "^7.2.0",
     "typescript": "^5.2.2",
     "vitest": "^0.34.6",
-    "vue": "^3.3.7"
+    "vue": "^3.3.8"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -128,9 +123,6 @@
       "autocomplete-popover": [
         "./dist/prosekit-lit-autocomplete-popover.d.ts"
       ],
-      "code-block-popover": [
-        "./dist/prosekit-lit-code-block-popover.d.ts"
-      ],
       "combo-box": [
         "./dist/prosekit-lit-combo-box.d.ts"
       ],

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

@@ -1,3 +0,0 @@
-export { propNames_alias_6 as propNames } from './_tsup-dts-rollup';
-export { CodeBlockPopoverProps } from './_tsup-dts-rollup';
-export { CodeBlockPopover } from './_tsup-dts-rollup';

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

@@ -1,140 +0,0 @@
-import {
-  Popover
-} from "./chunk-HNKGDXIJ.js";
-import {
-  __decorateClass
-} from "./chunk-ZN7DMIEB.js";
-
-// src/components/code-block-popover/index.ts
-import { offset } from "@floating-ui/dom";
-import { customElement, property } from "lit/decorators.js";
-
-// src/components/code-block-popover/controller.ts
-import "@prosekit/core";
-import "lit";
-
-// src/components/code-block-popover/code-block-select.ts
-import { definePlugin } from "@prosekit/core";
-import { ProseMirrorPlugin } from "@prosekit/pm/state";
-function defineCodeBlockSelect(options) {
-  let prevState = null;
-  const plugin = new ProseMirrorPlugin({
-    view: () => {
-      return {
-        update: (view) => {
-          const currState = getState(view);
-          if ((prevState == null ? void 0 : prevState.pos) !== (currState == null ? void 0 : currState.pos) || (prevState == null ? void 0 : prevState.dom) !== (currState == null ? void 0 : currState.dom)) {
-            if (currState) {
-              options.onSelect(currState);
-            } else {
-              options.onDismiss();
-            }
-          }
-          prevState = currState;
-        }
-      };
-    }
-  });
-  return definePlugin(plugin);
-}
-function getState(view) {
-  const { $from, $to } = view.state.selection;
-  if ($from.sameParent($to)) {
-    const node = $from.parent;
-    if (isCodeBlock(node)) {
-      const pos = $from.before();
-      const dom = view.nodeDOM(pos);
-      if (dom) {
-        return { pos, node, dom };
-      }
-    }
-  }
-  return null;
-}
-function isCodeBlock(node) {
-  return node.type.spec.code && node.isTextblock;
-}
-
-// src/components/code-block-popover/controller.ts
-var CodeBlockPopoverController = class {
-  constructor(host) {
-    this.host = host;
-    this.reference = null;
-    this.editor = null;
-    this.cleanup = null;
-    this.host.addController(this);
-  }
-  setEditor(editor) {
-    if (this.editor !== editor) {
-      this.editor = editor;
-      this.defineExtension();
-      this.host.requestUpdate();
-    }
-  }
-  defineExtension() {
-    var _a;
-    const editor = this.editor;
-    if (!editor)
-      return;
-    const extension = defineCodeBlockSelect({
-      onSelect: ({ dom }) => {
-        if (this.reference !== dom) {
-          this.reference = dom;
-          this.host.requestUpdate();
-        }
-      },
-      onDismiss: () => {
-        if (this.reference !== null) {
-          this.reference = null;
-          this.host.requestUpdate();
-        }
-      }
-    });
-    (_a = this.cleanup) == null ? void 0 : _a.call(this);
-    this.cleanup = editor.use(extension);
-  }
-  hostDisconnected() {
-    var _a;
-    (_a = this.cleanup) == null ? void 0 : _a.call(this);
-    this.cleanup = null;
-  }
-};
-
-// src/components/code-block-popover/index.ts
-var propNames = ["editor"];
-var CodeBlockPopover = class extends Popover {
-  constructor() {
-    super(...arguments);
-    /** @hidden */
-    this.controller = new CodeBlockPopoverController(this);
-  }
-  updated() {
-    var _a, _b;
-    if (this.editor) {
-      this.controller.setEditor(this.editor);
-    }
-    this.reference = (_b = (_a = this.controller) == null ? void 0 : _a.reference) != null ? _b : void 0;
-    this.active = !!this.reference;
-    this.options = popoverOptions;
-    super.updated();
-  }
-};
-__decorateClass([
-  property({ attribute: false, type: Object })
-], CodeBlockPopover.prototype, "editor", 2);
-CodeBlockPopover = __decorateClass([
-  customElement("prosekit-code-block-popover")
-], CodeBlockPopover);
-var popoverOptions = {
-  placement: "top-start",
-  strategy: "absolute",
-  middleware: [
-    offset((options) => {
-      return -options.rects.floating.height;
-    })
-  ]
-};
-export {
-  CodeBlockPopover,
-  propNames
-};