@shadow-garden/bapbong-input-bridge 0.1.0 → 0.1.1

package/dist/index.cjs

@@ -52,7 +52,10 @@ var splitListItem = (state, dispatch) => {
   if ($from.parent !== $to.parent) return false;
   if (parent.content.size === 0) {
     dispatch?.(
-      state.tr.setNodeMarkup($from.before(), null, { ...parent.attrs, list: null })
+      state.tr.setNodeMarkup($from.before(), null, {
+        ...parent.attrs,
+        list: null
+      })
     );
     return true;
   }
@@ -128,6 +131,7 @@ var InputBridge = class {
     this.dom.appendChild(this.host);
     this.view = new import_prosemirror_view.EditorView(this.host, {
       state: createEditingState(options.doc, options.keys),
+      handlePaste: options.handlePaste,
       dispatchTransaction: (tr) => {
         const state = this.view.state.apply(tr);
         this.view.updateState(state);
@@ -151,7 +155,10 @@ var InputBridge = class {
   setSelection(anchor, head = anchor) {
     const { doc } = this.view.state;
     const clamp = (p) => Math.max(0, Math.min(p, doc.content.size));
-    const sel = import_prosemirror_state.TextSelection.between(doc.resolve(clamp(anchor)), doc.resolve(clamp(head)));
+    const sel = import_prosemirror_state.TextSelection.between(
+      doc.resolve(clamp(anchor)),
+      doc.resolve(clamp(head))
+    );
     this.view.dispatch(this.view.state.tr.setSelection(sel));
   }
   /** Select the word around `pos` (double-click); falls back to a collapsed
@@ -183,7 +190,10 @@ function placeholderPlugin(text) {
         const first = doc.firstChild;
         if (doc.childCount === 1 && first?.isTextblock && first.content.size === 0) {
           return import_prosemirror_view.DecorationSet.create(doc, [
-            import_prosemirror_view.Decoration.node(0, first.nodeSize, { class: "is-empty", "data-placeholder": text })
+            import_prosemirror_view.Decoration.node(0, first.nodeSize, {
+              class: "is-empty",
+              "data-placeholder": text
+            })
           ]);
         }
         return null;
@@ -200,7 +210,12 @@ function mentionPlugin(handlers) {
         const sel = tr.selection;
         if (!sel.empty) return INACTIVE;
         const $from = sel.$from;
-        const textBefore = $from.parent.textBetween(0, $from.parentOffset, "\n", "\uFFFC");
+        const textBefore = $from.parent.textBetween(
+          0,
+          $from.parentOffset,
+          "\n",
+          "\uFFFC"
+        );
         const m = MENTION_RE.exec(textBefore);
         if (!m) return INACTIVE;
         const query = m[1];
@@ -212,7 +227,10 @@ function mentionPlugin(handlers) {
         const st = mentionKey.getState(view.state);
         if (!st?.active) return handlers.query(null);
         const c = view.coordsAtPos(view.state.selection.from);
-        handlers.query({ query: st.query, coords: { left: c.left, top: c.top, bottom: c.bottom } });
+        handlers.query({
+          query: st.query,
+          coords: { left: c.left, top: c.top, bottom: c.bottom }
+        });
       };
       emit(editorView);
       return { update: emit, destroy: () => handlers.query(null) };
@@ -243,7 +261,8 @@ var CommentComposer = class {
     const doc = initialDoc ? schema.nodeFromJSON(initialDoc) : void 0;
     const plugins = [(0, import_prosemirror_history.history)()];
     if (opts?.placeholder) plugins.push(placeholderPlugin(opts.placeholder));
-    if (mention && schema.nodes["mention"]) plugins.push(mentionPlugin(mention));
+    if (mention && schema.nodes["mention"])
+      plugins.push(mentionPlugin(mention));
     const keys = {};
     if (opts?.onEnter) {
       keys["Enter"] = () => (opts.onEnter?.(), true);
@@ -251,7 +270,10 @@ var CommentComposer = class {
     }
     if (opts?.onEscape) keys["Escape"] = () => (opts.onEscape?.(), true);
     if (Object.keys(keys).length) plugins.push((0, import_prosemirror_keymap.keymap)(keys));
-    plugins.push((0, import_prosemirror_keymap.keymap)({ "Mod-z": import_prosemirror_history.undo, "Shift-Mod-z": import_prosemirror_history.redo }), (0, import_prosemirror_keymap.keymap)(import_prosemirror_commands.baseKeymap));
+    plugins.push(
+      (0, import_prosemirror_keymap.keymap)({ "Mod-z": import_prosemirror_history.undo, "Shift-Mod-z": import_prosemirror_history.redo }),
+      (0, import_prosemirror_keymap.keymap)(import_prosemirror_commands.baseKeymap)
+    );
     this.view = new import_prosemirror_view.EditorView(mount, {
       state: import_prosemirror_state.EditorState.create({ ...doc ? { doc } : { schema }, plugins })
     });
@@ -263,8 +285,14 @@ var CommentComposer = class {
     const st = mentionKey.getState(this.view.state);
     if (!st?.active) return;
     const to = this.view.state.selection.from;
-    const node = this.schema.nodes["mention"].create({ id: user.id, label: user.label });
-    const tr = this.view.state.tr.replaceWith(st.from, to, [node, this.schema.text(" ")]);
+    const node = this.schema.nodes["mention"].create({
+      id: user.id,
+      label: user.label
+    });
+    const tr = this.view.state.tr.replaceWith(st.from, to, [
+      node,
+      this.schema.text(" ")
+    ]);
     tr.setSelection(import_prosemirror_state.TextSelection.create(tr.doc, st.from + 2));
     this.view.dispatch(tr);
     this.view.focus();
@@ -279,7 +307,10 @@ var CommentComposer = class {
   }
   /** Reset to an empty document. */
   clear() {
-    const empty = import_prosemirror_state.EditorState.create({ schema: this.schema, plugins: this.view.state.plugins });
+    const empty = import_prosemirror_state.EditorState.create({
+      schema: this.schema,
+      plugins: this.view.state.plugins
+    });
     this.view.updateState(empty);
   }
   focus() {

package/dist/index.js

@@ -2,7 +2,12 @@
 import { baseKeymap } from "prosemirror-commands";
 import { history, redo, undo } from "prosemirror-history";
 import { keymap } from "prosemirror-keymap";
-import { EditorState, Plugin, PluginKey, TextSelection } from "prosemirror-state";
+import {
+  EditorState,
+  Plugin,
+  PluginKey,
+  TextSelection
+} from "prosemirror-state";
 import { canSplit } from "prosemirror-transform";
 import { Decoration, DecorationSet, EditorView } from "prosemirror-view";
 function moveCaretCommand(compute, extend = false) {
@@ -21,7 +26,10 @@ var splitListItem = (state, dispatch) => {
   if ($from.parent !== $to.parent) return false;
   if (parent.content.size === 0) {
     dispatch?.(
-      state.tr.setNodeMarkup($from.before(), null, { ...parent.attrs, list: null })
+      state.tr.setNodeMarkup($from.before(), null, {
+        ...parent.attrs,
+        list: null
+      })
     );
     return true;
   }
@@ -97,6 +105,7 @@ var InputBridge = class {
     this.dom.appendChild(this.host);
     this.view = new EditorView(this.host, {
       state: createEditingState(options.doc, options.keys),
+      handlePaste: options.handlePaste,
       dispatchTransaction: (tr) => {
         const state = this.view.state.apply(tr);
         this.view.updateState(state);
@@ -120,7 +129,10 @@ var InputBridge = class {
   setSelection(anchor, head = anchor) {
     const { doc } = this.view.state;
     const clamp = (p) => Math.max(0, Math.min(p, doc.content.size));
-    const sel = TextSelection.between(doc.resolve(clamp(anchor)), doc.resolve(clamp(head)));
+    const sel = TextSelection.between(
+      doc.resolve(clamp(anchor)),
+      doc.resolve(clamp(head))
+    );
     this.view.dispatch(this.view.state.tr.setSelection(sel));
   }
   /** Select the word around `pos` (double-click); falls back to a collapsed
@@ -152,7 +164,10 @@ function placeholderPlugin(text) {
         const first = doc.firstChild;
         if (doc.childCount === 1 && first?.isTextblock && first.content.size === 0) {
           return DecorationSet.create(doc, [
-            Decoration.node(0, first.nodeSize, { class: "is-empty", "data-placeholder": text })
+            Decoration.node(0, first.nodeSize, {
+              class: "is-empty",
+              "data-placeholder": text
+            })
           ]);
         }
         return null;
@@ -169,7 +184,12 @@ function mentionPlugin(handlers) {
         const sel = tr.selection;
         if (!sel.empty) return INACTIVE;
         const $from = sel.$from;
-        const textBefore = $from.parent.textBetween(0, $from.parentOffset, "\n", "\uFFFC");
+        const textBefore = $from.parent.textBetween(
+          0,
+          $from.parentOffset,
+          "\n",
+          "\uFFFC"
+        );
         const m = MENTION_RE.exec(textBefore);
         if (!m) return INACTIVE;
         const query = m[1];
@@ -181,7 +201,10 @@ function mentionPlugin(handlers) {
         const st = mentionKey.getState(view.state);
         if (!st?.active) return handlers.query(null);
         const c = view.coordsAtPos(view.state.selection.from);
-        handlers.query({ query: st.query, coords: { left: c.left, top: c.top, bottom: c.bottom } });
+        handlers.query({
+          query: st.query,
+          coords: { left: c.left, top: c.top, bottom: c.bottom }
+        });
       };
       emit(editorView);
       return { update: emit, destroy: () => handlers.query(null) };
@@ -212,7 +235,8 @@ var CommentComposer = class {
     const doc = initialDoc ? schema.nodeFromJSON(initialDoc) : void 0;
     const plugins = [history()];
     if (opts?.placeholder) plugins.push(placeholderPlugin(opts.placeholder));
-    if (mention && schema.nodes["mention"]) plugins.push(mentionPlugin(mention));
+    if (mention && schema.nodes["mention"])
+      plugins.push(mentionPlugin(mention));
     const keys = {};
     if (opts?.onEnter) {
       keys["Enter"] = () => (opts.onEnter?.(), true);
@@ -220,7 +244,10 @@ var CommentComposer = class {
     }
     if (opts?.onEscape) keys["Escape"] = () => (opts.onEscape?.(), true);
     if (Object.keys(keys).length) plugins.push(keymap(keys));
-    plugins.push(keymap({ "Mod-z": undo, "Shift-Mod-z": redo }), keymap(baseKeymap));
+    plugins.push(
+      keymap({ "Mod-z": undo, "Shift-Mod-z": redo }),
+      keymap(baseKeymap)
+    );
     this.view = new EditorView(mount, {
       state: EditorState.create({ ...doc ? { doc } : { schema }, plugins })
     });
@@ -232,8 +259,14 @@ var CommentComposer = class {
     const st = mentionKey.getState(this.view.state);
     if (!st?.active) return;
     const to = this.view.state.selection.from;
-    const node = this.schema.nodes["mention"].create({ id: user.id, label: user.label });
-    const tr = this.view.state.tr.replaceWith(st.from, to, [node, this.schema.text(" ")]);
+    const node = this.schema.nodes["mention"].create({
+      id: user.id,
+      label: user.label
+    });
+    const tr = this.view.state.tr.replaceWith(st.from, to, [
+      node,
+      this.schema.text(" ")
+    ]);
     tr.setSelection(TextSelection.create(tr.doc, st.from + 2));
     this.view.dispatch(tr);
     this.view.focus();
@@ -248,7 +281,10 @@ var CommentComposer = class {
   }
   /** Reset to an empty document. */
   clear() {
-    const empty = EditorState.create({ schema: this.schema, plugins: this.view.state.plugins });
+    const empty = EditorState.create({
+      schema: this.schema,
+      plugins: this.view.state.plugins
+    });
     this.view.updateState(empty);
   }
   focus() {

package/dist/lib/input-bridge.d.ts

@@ -29,6 +29,9 @@ export interface InputBridgeOptions {
     /** Called after every dispatched transaction (typing, IME composition
      *  steps, undo, selection changes). Re-layout + repaint here. */
     onUpdate: (state: EditorState, tr: Transaction) => void;
+    /** editorProps.handlePaste — return true to claim the paste (e.g. image
+     *  blobs); false lets ProseMirror's default clipboard parsing run. */
+    handlePaste?: (view: EditorView, event: ClipboardEvent) => boolean;
 }
 /** Editing state with history + base keymap; exported for headless tests. */
 export declare function createEditingState(doc: PMNode, keys?: Record<string, Command>): EditorState;

package/dist/lib/input-bridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-bridge.d.ts","sourceRoot":"","sources":["../../src/lib/input-bridge.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"input-bridge.d.ts","sourceRoot":"","sources":["../../src/lib/input-bridge.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shadow-garden/bapbong-input-bridge",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "bapbong — hidden ProseMirror editor as the input/IME sink for the canvas",
   "license": "MIT",
   "repository": {