@kerebron/editor 0.4.26 → 0.4.28

package/assets/base.css

@@ -105,3 +105,10 @@
     repeat-x bottom center;
   background-size: 20px 4px;
 }
+
+.kb-shortcode-inline {
+  background-color: green;
+  border-radius: 3px;
+  margin: 0 5px 0;
+  padding: 4px 10px;
+}

package/assets/vars.css

@@ -31,10 +31,10 @@
   --kb-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
 
   /* Z-index Scale */
-  --kb-z-dropdown: 100;
-  --kb-z-tooltip: 200;
-  --kb-z-modal: 300;
-  --kb-z-notification: 400;
+  --kb-z-dropdown: 1100;
+  --kb-z-tooltip: 1200;
+  --kb-z-modal: 1300;
+  --kb-z-notification: 1400;
 
   /* Brand Colors (Customizable) */
   --kb-color-primary: #3b82f6;
@@ -49,10 +49,11 @@
   --kb-color-border: #e5e7eb;
   --kb-color-border-strong: #d1d5db;
 
-  /* Menu specific colors (Google Docs style) */
-  --kb-menu-dropdown-dark-bg: #344154;
-  --kb-menu-dropdown-dark-border: #5f6368;
-  --kb-menu-dropdown-dark-text: #e8eaed;
+  /* Menu specific colors (Google Docs style) - Light mode */
+  --kb-menu-dropdown-bg: #ffffff;
+  --kb-menu-dropdown-border: #dadce0;
+  --kb-menu-dropdown-text: #3c4043;
+  --kb-menu-dropdown-hover: rgba(60, 64, 67, 0.08);
   --kb-menu-info-bg: #e8f0fe;
   --kb-menu-info-text: #1967d2;
 }
@@ -69,6 +70,12 @@
     --kb-color-border-strong: #4b5563;
     --kb-color-hover: rgba(59, 130, 246, 0.1);
     --kb-color-active: rgba(59, 130, 246, 0.2);
+
+    /* Menu dropdown - Dark mode */
+    --kb-menu-dropdown-bg: #344154;
+    --kb-menu-dropdown-border: #5f6368;
+    --kb-menu-dropdown-text: #e8eaed;
+    --kb-menu-dropdown-hover: rgba(232, 234, 237, 0.08);
   }
 }
 
@@ -94,4 +101,10 @@
   --kb-color-border-strong: #4b5563;
   --kb-color-hover: rgba(59, 130, 246, 0.1);
   --kb-color-active: rgba(59, 130, 246, 0.2);
+
+  /* Menu dropdown - Dark mode */
+  --kb-menu-dropdown-bg: #344154;
+  --kb-menu-dropdown-border: #5f6368;
+  --kb-menu-dropdown-text: #e8eaed;
+  --kb-menu-dropdown-hover: rgba(232, 234, 237, 0.08);
 }

package/esm/commands/baseCommandFactories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"baseCommandFactories.d.ts","sourceRoot":"","sources":["../../src/commands/baseCommandFactories.ts"],"names":[],"mappings":"AAgCA,OAAO,EAAgB,cAAc,EAAE,MAAM,YAAY,CAAC;AAo/B1D,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CA2B/D,CAAC"}
+{"version":3,"file":"baseCommandFactories.d.ts","sourceRoot":"","sources":["../../src/commands/baseCommandFactories.ts"],"names":[],"mappings":"AAgCA,OAAO,EAAgB,cAAc,EAAE,MAAM,YAAY,CAAC;AAihC1D,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CA6B/D,CAAC"}

package/esm/commands/baseCommandFactories.js

@@ -1,6 +1,7 @@
 import { canJoin, canSplit, findWrapping, joinPoint, liftTarget, ReplaceAroundStep, ReplaceStep, replaceStep, } from 'prosemirror-transform';
 import { Fragment, NodeRange, Slice, } from 'prosemirror-model';
 import { AllSelection, NodeSelection, Selection, SelectionRange, TextSelection, } from 'prosemirror-state';
+import { runInputRules, undoInputRuleCommand, } from '../plugins/input-rules/InputRulesPlugin.js';
 /// Returns a command function that wraps the selection in a list with
 /// the given type an attributes. If `dispatch` is null, only return a
 /// value to indicate whether this is possible, but don't actually
@@ -26,27 +27,30 @@ const wrapInList = (listType, attrs = null) => {
 /// `null`, the function only queries whether the wrapping is
 /// possible.
 const wrapRangeInList = (tr, range, listType, attrs = null) => {
-    let doJoin = false, outerRange = range, doc = range.$from.doc;
-    // This is at the top of an existing list item
-    if (range.depth >= 2 &&
-        range.$from.node(range.depth - 1).type.compatibleContent(listType) &&
-        range.startIndex == 0) {
-        // Don't do anything if this is the top of the list
-        if (range.$from.index(range.depth - 1) == 0)
-            return false;
-        let $insert = doc.resolve(range.start - 2);
-        outerRange = new NodeRange($insert, $insert, range.depth);
-        if (range.endIndex < range.parent.childCount) {
-            range = new NodeRange(range.$from, doc.resolve(range.$to.end(range.depth)), range.depth);
+    const cmd = () => {
+        let doJoin = false, outerRange = range, doc = range.$from.doc;
+        // This is at the top of an existing list item
+        if (range.depth >= 2 &&
+            range.$from.node(range.depth - 1).type.compatibleContent(listType) &&
+            range.startIndex == 0) {
+            // Don't do anything if this is the top of the list
+            if (range.$from.index(range.depth - 1) == 0)
+                return false;
+            let $insert = doc.resolve(range.start - 2);
+            outerRange = new NodeRange($insert, $insert, range.depth);
+            if (range.endIndex < range.parent.childCount) {
+                range = new NodeRange(range.$from, doc.resolve(range.$to.end(range.depth)), range.depth);
+            }
+            doJoin = true;
         }
-        doJoin = true;
-    }
-    let wrap = findWrapping(outerRange, listType, attrs, range);
-    if (!wrap)
-        return false;
-    if (tr)
-        doWrapInList(tr, range, wrap, doJoin, listType);
-    return true;
+        let wrap = findWrapping(outerRange, listType, attrs, range);
+        if (!wrap)
+            return false;
+        if (tr)
+            doWrapInList(tr, range, wrap, doJoin, listType);
+        return true;
+    };
+    return cmd;
 };
 function doWrapInList(tr, range, wrappers, joinBefore, listType) {
     let content = Fragment.empty;
@@ -388,15 +392,21 @@ const lift = () => (state, dispatch) => {
 /// If the selection is in a node whose type has a truthy
 /// [`code`](#model.NodeSpec.code) property in its spec, replace the
 /// selection with a newline character.
-const newlineInCode = () => (state, dispatch) => {
-    let { $head, $anchor } = state.selection;
-    if (!$head.parent.type.spec.code || !$head.sameParent($anchor))
-        return false;
-    if (dispatch)
-        dispatch(state.tr.insertText('\n').scrollIntoView());
-    return true;
+const newlineInCode = () => {
+    const cmd = (state, dispatch) => {
+        let { $head, $anchor } = state.selection;
+        if (!$head.parent.type.spec.code || !$head.sameParent($anchor)) {
+            return false;
+        }
+        if (dispatch)
+            dispatch(state.tr.insertText('\n').scrollIntoView());
+        return true;
+    };
+    cmd.displayName = 'newlineInCode()';
+    return cmd;
 };
 function defaultBlockAt(match) {
+    console.log('defaultBlockAt', match);
     for (let i = 0; i < match.edgeCount; i++) {
         let { type } = match.edge(i);
         if (type.isTextblock && !type.hasRequiredAttrs())
@@ -423,48 +433,58 @@ const exitCode = () => (state, dispatch) => {
 };
 /// If a block node is selected, create an empty paragraph before (if
 /// it is its parent's first child) or after it.
-const createParagraphNear = () => (state, dispatch) => {
-    let sel = state.selection, { $from, $to } = sel;
-    if (sel instanceof AllSelection || $from.parent.inlineContent ||
-        $to.parent.inlineContent)
-        return false;
-    let type = defaultBlockAt($to.parent.contentMatchAt($to.indexAfter()));
-    if (!type || !type.isTextblock)
-        return false;
-    if (dispatch) {
-        let side = (!$from.parentOffset && $to.index() < $to.parent.childCount ? $from : $to)
-            .pos;
-        let tr = state.tr.insert(side, type.createAndFill());
-        tr.setSelection(TextSelection.create(tr.doc, side + 1));
-        dispatch(tr.scrollIntoView());
-    }
-    return true;
+const createParagraphNear = () => {
+    const cmd = (state, dispatch) => {
+        let sel = state.selection, { $from, $to } = sel;
+        if (sel instanceof AllSelection || $from.parent.inlineContent ||
+            $to.parent.inlineContent)
+            return false;
+        let type = defaultBlockAt($to.parent.contentMatchAt($to.indexAfter()));
+        if (!type || !type.isTextblock)
+            return false;
+        if (dispatch) {
+            let side = (!$from.parentOffset && $to.index() < $to.parent.childCount
+                ? $from
+                : $to)
+                .pos;
+            let tr = state.tr.insert(side, type.createAndFill());
+            tr.setSelection(TextSelection.create(tr.doc, side + 1));
+            dispatch(tr.scrollIntoView());
+        }
+        return true;
+    };
+    cmd.displayName = 'createParagraphNear()';
+    return cmd;
 };
 /// If the cursor is in an empty textblock that can be lifted, lift the
 /// block.
-const liftEmptyBlock = () => (state, dispatch) => {
-    let { $cursor } = state.selection;
-    if (!$cursor || $cursor.parent.content.size)
-        return false;
-    if ($cursor.depth > 1 && $cursor.after() != $cursor.end(-1)) {
-        let before = $cursor.before();
-        if (canSplit(state.doc, before)) {
-            if (dispatch)
-                dispatch(state.tr.split(before).scrollIntoView());
-            return true;
+const liftEmptyBlock = () => {
+    const cmd = (state, dispatch) => {
+        let { $cursor } = state.selection;
+        if (!$cursor || $cursor.parent.content.size)
+            return false;
+        if ($cursor.depth > 1 && $cursor.after() != $cursor.end(-1)) {
+            let before = $cursor.before();
+            if (canSplit(state.doc, before)) {
+                if (dispatch)
+                    dispatch(state.tr.split(before).scrollIntoView());
+                return true;
+            }
         }
-    }
-    let range = $cursor.blockRange(), target = range && liftTarget(range);
-    if (target == null)
-        return false;
-    if (dispatch)
-        dispatch(state.tr.lift(range, target).scrollIntoView());
-    return true;
+        let range = $cursor.blockRange(), target = range && liftTarget(range);
+        if (target == null)
+            return false;
+        if (dispatch)
+            dispatch(state.tr.lift(range, target).scrollIntoView());
+        return true;
+    };
+    cmd.displayName = 'liftEmptyBlock()';
+    return cmd;
 };
 /// Create a variant of [`splitBlock`](#commands.splitBlock) that uses
 /// a custom function to determine the type of the newly split off block.
 const splitBlockAs = (splitNode) => {
-    return (state, dispatch) => {
+    const cmd = (state, dispatch) => {
         let { $from, $to } = state.selection;
         if (state.selection instanceof NodeSelection && state.selection.node.isBlock) {
             if (!$from.parentOffset || !canSplit(state.doc, $from.pos))
@@ -516,6 +536,8 @@ const splitBlockAs = (splitNode) => {
             dispatch(tr.scrollIntoView());
         return true;
     };
+    cmd.displayName = 'splitBlockAs()';
+    return cmd;
 };
 /// Split the parent block of the selection. If the selection is a text
 /// selection, also delete its content.
@@ -806,6 +828,7 @@ function toggleMark(markType, attrs = null, options) {
         return true;
     };
 }
+const undoInputRule = () => undoInputRuleCommand;
 export const baseCommandFactories = {
     wrapInList,
     wrapRangeInList,
@@ -833,4 +856,6 @@ export const baseCommandFactories = {
     wrapIn,
     setBlockType,
     toggleMark,
+    undoInputRule,
+    runInputRules,
 };

package/esm/commands/keyCommandFactories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyCommandFactories.d.ts","sourceRoot":"","sources":["../../src/commands/keyCommandFactories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAgB,MAAM,UAAU,CAAC;AAoBxD,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAI9D,CAAC"}
+{"version":3,"file":"keyCommandFactories.d.ts","sourceRoot":"","sources":["../../src/commands/keyCommandFactories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAgB,MAAM,UAAU,CAAC;AAqBxD,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAI9D,CAAC"}

package/esm/commands/keyCommandFactories.js

@@ -1,6 +1,6 @@
 import { firstCommand } from './mod.js';
 import { baseCommandFactories } from './baseCommandFactories.js';
-const backspace = firstCommand(baseCommandFactories.deleteSelection(), baseCommandFactories.joinBackward(), baseCommandFactories.selectNodeBackward());
+const backspace = firstCommand(baseCommandFactories.undoInputRule(), baseCommandFactories.deleteSelection(), baseCommandFactories.joinBackward(), baseCommandFactories.selectNodeBackward());
 const del = firstCommand(baseCommandFactories.deleteSelection(), baseCommandFactories.joinForward(), baseCommandFactories.selectNodeForward());
 const enter = firstCommand(baseCommandFactories.newlineInCode(), baseCommandFactories.createParagraphNear(), baseCommandFactories.liftEmptyBlock(), baseCommandFactories.splitBlock());
 export const keyCommandFactories = {

package/esm/commands/mod.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../src/commands/mod.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAG1C,cAAc,YAAY,CAAC;AAI3B,wBAAgB,YAAY,CAAC,GAAG,QAAQ,EAAE,SAAS,OAAO,EAAE,GAAG,OAAO,CAUrE;AAED,wBAAgB,mBAAmB,CAAC,GAAG,QAAQ,EAAE,SAAS,OAAO,EAAE,GAAG,OAAO,CAO5E;AAyDD,wBAAgB,QAAQ,CACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,SAAS,MAAM,EAAE,GACvE,OAAO,CAMT"}
+{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../src/commands/mod.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAG1C,cAAc,YAAY,CAAC;AAI3B,wBAAgB,YAAY,CAAC,GAAG,QAAQ,EAAE,SAAS,OAAO,EAAE,GAAG,OAAO,CAmBrE;AAED,wBAAgB,mBAAmB,CAAC,GAAG,QAAQ,EAAE,SAAS,OAAO,EAAE,GAAG,OAAO,CAO5E;AAyDD,wBAAgB,QAAQ,CACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,SAAS,MAAM,EAAE,GACvE,OAAO,CAMT"}

package/esm/commands/mod.js

@@ -3,15 +3,20 @@ export * from './types.js';
 /// Combine a number of command functions into a single function (which
 /// calls them one by one until one returns true).
 export function firstCommand(...commands) {
-    return function (state, dispatch, view) {
+    const cmd = function (state, dispatch, view) {
         for (let i = 0; i < commands.length; i++) {
             if (commands[i](state, dispatch, view)) {
-                console.debug('firstCommand: ', commands[i]);
+                const cmd = commands[i];
+                if (cmd.displayName !== 'first') {
+                    console.debug('firstCommand: ', commands[i].displayName || commands[i]);
+                }
                 return true;
             }
         }
         return false;
     };
+    cmd.displayName = 'first';
+    return cmd;
 }
 export function alternativeCommands(...commands) {
     return function (state, dispatch, view) {

package/esm/commands/types.d.ts

@@ -1,5 +1,9 @@
-import type { Command } from 'prosemirror-state';
-export { Command };
+import type { Command as PmCommand } from 'prosemirror-state';
+interface Command extends PmCommand {
+    displayName?: string;
+    description?: string;
+}
+export type { Command };
 export type CommandFactory = (...args: any[]) => Command;
 export interface Commands {
     [name: string]: Command;

package/esm/commands/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/commands/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,CAAC;AAEnB,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC;AAEzD,MAAM,WAAW,QAAQ;IACvB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC;CAChC;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GACvB;KACC,IAAI,IAAI,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,eAAe;CAClE,GACC;IACA,GAAG,EAAE,MAAM,OAAO,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/commands/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9D,UAAU,OAAQ,SAAQ,SAAS;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,YAAY,EAAE,OAAO,EAAE,CAAC;AAExB,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC;AAEzD,MAAM,WAAW,QAAQ;IACvB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC;CAChC;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GACvB;KACC,IAAI,IAAI,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,eAAe;CAClE,GACC;IACA,GAAG,EAAE,MAAM,OAAO,CAAC;CACpB,CAAC"}

package/esm/plugins/input-rules/InputRulesPlugin.d.ts

@@ -1,4 +1,11 @@
-import { Command, EditorState, Plugin, Transaction } from 'prosemirror-state';
+import { EditorState, Plugin, Transaction } from 'prosemirror-state';
+import type { Command, CommandFactory } from '../../commands/types.js';
+type PluginState = {
+    transform: Transaction;
+    from: number;
+    to: number;
+    text: string;
+} | null;
 export declare class InputRule {
     readonly match: RegExp;
     handler: (state: EditorState, match: RegExpMatchArray, start: number, end: number) => Transaction | null;
@@ -9,15 +16,10 @@ export declare class InputRule {
         inCode?: boolean | 'only';
     });
 }
-type PluginState = {
-    transform: Transaction;
-    from: number;
-    to: number;
-    text: string;
-} | null;
 export declare class InputRulesPlugin extends Plugin<PluginState> {
     constructor(rules: readonly InputRule[]);
 }
-export declare const undoInputRule: Command;
+export declare const runInputRules: CommandFactory;
+export declare const undoInputRuleCommand: Command;
 export {};
 //# sourceMappingURL=InputRulesPlugin.d.ts.map

package/esm/plugins/input-rules/InputRulesPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputRulesPlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/input-rules/InputRulesPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,WAAW,EACX,MAAM,EAEN,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAO3B,qBAAa,SAAS;IA8BlB,QAAQ,CAAC,KAAK,EAAE,MAAM;IA5BxB,OAAO,EAAE,CACP,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,gBAAgB,EACvB,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,KACR,WAAW,GAAG,IAAI,CAAC;IAGxB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;gBAmBd,KAAK,EAAE,MAAM,EACtB,OAAO,EACH,MAAM,GACN,CAAC,CACD,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,gBAAgB,EACvB,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,KACR,WAAW,GAAG,IAAI,CAAC,EAC1B,OAAO,GAAE;QAIP,QAAQ,CAAC,EAAE,OAAO,CAAC;QAInB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;KACtB;CAST;AA0BD,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,WAAW,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,IAAI,CAAC;AAKT,qBAAa,gBAAiB,SAAQ,MAAM,CAAC,WAAW,CAAC;gBAC3C,KAAK,EAAE,SAAS,SAAS,EAAE;CAgCxC;AAsCD,eAAO,MAAM,aAAa,EAAE,OA4B3B,CAAC"}
+{"version":3,"file":"InputRulesPlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/input-rules/InputRulesPlugin.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,MAAM,EAEN,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIvE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,WAAW,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,IAAI,CAAC;AAMT,qBAAa,SAAS;IA8BlB,QAAQ,CAAC,KAAK,EAAE,MAAM;IA5BxB,OAAO,EAAE,CACP,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,gBAAgB,EACvB,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,KACR,WAAW,GAAG,IAAI,CAAC;IAGxB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;gBAmBd,KAAK,EAAE,MAAM,EACtB,OAAO,EACH,MAAM,GACN,CAAC,CACD,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,gBAAgB,EACvB,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,KACR,WAAW,GAAG,IAAI,CAAC,EAC1B,OAAO,GAAE;QAIP,QAAQ,CAAC,EAAE,OAAO,CAAC;QAInB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;KACtB;CAST;AA2BD,qBAAa,gBAAiB,SAAQ,MAAM,CAAC,WAAW,CAAC;gBAC3C,KAAK,EAAE,SAAS,SAAS,EAAE;CA4CxC;AAED,eAAO,MAAM,aAAa,EAAE,cAiD3B,CAAC;AAIF,eAAO,MAAM,oBAAoB,EAAE,OAiClC,CAAC"}

package/esm/plugins/input-rules/InputRulesPlugin.js

@@ -1,4 +1,5 @@
 import { Plugin, } from 'prosemirror-state';
+const MAX_MATCH = 500;
 /// Input rules are regular expressions describing a piece of text
 /// that, when typed, causes something to happen. This might be
 /// changing two dashes into an emdash, wrapping a paragraph starting
@@ -41,10 +42,10 @@ function stringHandler(string) {
     return function (state, match, start, end) {
         let insert = string;
         if (match[1]) {
-            let offset = match[0].lastIndexOf(match[1]);
+            const offset = match[0].lastIndexOf(match[1]);
             insert += match[0].slice(offset + match[1].length);
             start += offset;
-            let cutOff = start - end;
+            const cutOff = start - end;
             if (cutOff > 0) {
                 insert = match[0].slice(offset - cutOff, offset) + insert;
                 start = end;
@@ -53,7 +54,6 @@ function stringHandler(string) {
         return state.tr.insertText(insert, start, end);
     };
 }
-const MAX_MATCH = 500;
 /// Create an input rules plugin. When enabled, it will cause text
 /// input that matches any of the given rules to trigger the rule's
 /// action.
@@ -65,22 +65,33 @@ export class InputRulesPlugin extends Plugin {
                     return null;
                 },
                 apply(tr, prev) {
-                    let stored = tr.getMeta(this);
-                    if (stored)
+                    const stored = tr.getMeta(this);
+                    if (stored) {
                         return stored;
+                    }
                     return tr.selectionSet || tr.docChanged ? null : prev;
                 },
             },
             props: {
                 handleTextInput(view, from, to, text) {
-                    return run(view, from, to, text, rules, this);
+                    const cmd = runInputRules(from, to, text, rules);
+                    const dispatch = (tr) => {
+                        view.dispatch(tr);
+                    };
+                    return cmd(view.state, dispatch, view);
+                    // return run(view, from, to, text, rules, this);
                 },
                 handleDOMEvents: {
                     compositionend: (view) => {
                         setTimeout(() => {
-                            let { $cursor } = view.state.selection;
+                            const { $cursor } = view.state.selection;
                             if ($cursor) {
-                                run(view, $cursor.pos, $cursor.pos, '', rules, this);
+                                const cmd = runInputRules($cursor.pos, $cursor.pos, '', rules);
+                                const dispatch = (tr) => {
+                                    view.dispatch(tr);
+                                };
+                                return cmd(view.state, dispatch, view);
+                                // run(view, $cursor.pos, $cursor.pos, '', rules, this);
                             }
                         });
                     },
@@ -90,55 +101,68 @@ export class InputRulesPlugin extends Plugin {
         });
     }
 }
-function run(view, from, to, text, rules, plugin) {
-    if (view.composing)
-        return false;
-    let state = view.state, $from = state.doc.resolve(from);
-    let textBefore = $from.parent.textBetween(Math.max(0, $from.parentOffset - MAX_MATCH), $from.parentOffset, null, '\ufffc') + text;
-    for (let i = 0; i < rules.length; i++) {
-        let rule = rules[i];
-        if ($from.parent.type.spec.code) {
-            if (!rule.inCode)
-                continue;
+export const runInputRules = (from, to, text, rules) => {
+    const cmd = (state, dispatch, view) => {
+        const plugins = state.plugins;
+        const plugin = plugins.find((plugin) => plugin.spec.isInputRules);
+        if (!plugin) {
+            return false;
         }
-        else if (rule.inCode === 'only') {
-            continue;
+        if (view?.composing)
+            return false;
+        const $from = state.doc.resolve(from);
+        const textBefore = $from.parent.textBetween(Math.max(0, $from.parentOffset - MAX_MATCH), $from.parentOffset, null, '\ufffc') + text;
+        for (let i = 0; i < rules.length; i++) {
+            const rule = rules[i];
+            if ($from.parent.type.spec.code) {
+                if (!rule.inCode)
+                    continue;
+            }
+            else if (rule.inCode === 'only') {
+                continue;
+            }
+            const match = rule.match.exec(textBefore);
+            const tr = match &&
+                rule.handler(state, match, from - (match[0].length - text.length), to);
+            if (!tr)
+                continue;
+            if (rule.undoable) {
+                tr.setMeta(plugin, { transform: tr, from, to, text });
+            }
+            view?.dispatch(tr);
+            return true;
         }
-        let match = rule.match.exec(textBefore);
-        let tr = match &&
-            rule.handler(state, match, from - (match[0].length - text.length), to);
-        if (!tr)
-            continue;
-        if (rule.undoable)
-            tr.setMeta(plugin, { transform: tr, from, to, text });
-        view.dispatch(tr);
-        return true;
-    }
-    return false;
-}
+        return false;
+    };
+    cmd.displayName = 'runInputRules';
+    return cmd;
+};
 /// This is a command that will undo an input rule, if applying such a
 /// rule was the last thing that the user did.
-export const undoInputRule = (state, dispatch) => {
-    let plugins = state.plugins;
-    for (let i = 0; i < plugins.length; i++) {
-        let plugin = plugins[i], undoable;
-        if (plugin.spec.isInputRules && (undoable = plugin.getState(state))) {
-            if (dispatch) {
-                let tr = state.tr, toUndo = undoable.transform;
-                for (let j = toUndo.steps.length - 1; j >= 0; j--) {
-                    tr.step(toUndo.steps[j].invert(toUndo.docs[j]));
-                }
-                if (undoable.text) {
-                    let marks = tr.doc.resolve(undoable.from).marks();
-                    tr.replaceWith(undoable.from, undoable.to, state.schema.text(undoable.text, marks));
-                }
-                else {
-                    tr.delete(undoable.from, undoable.to);
-                }
-                dispatch(tr);
-            }
-            return true;
+export const undoInputRuleCommand = (state, dispatch) => {
+    const plugins = state.plugins;
+    const plugin = plugins.find((plugin) => plugin.spec.isInputRules);
+    if (!plugin) {
+        return false;
+    }
+    const undoable = plugin.getState(state);
+    if (!undoable) {
+        return false;
+    }
+    if (dispatch) {
+        const tr = state.tr;
+        const toUndo = undoable.transform;
+        for (let j = toUndo.steps.length - 1; j >= 0; j--) {
+            tr.step(toUndo.steps[j].invert(toUndo.docs[j]));
+        }
+        if (undoable.text) {
+            const marks = tr.doc.resolve(undoable.from).marks();
+            tr.replaceWith(undoable.from, undoable.to, state.schema.text(undoable.text, marks));
+        }
+        else {
+            tr.delete(undoable.from, undoable.to);
         }
+        dispatch(tr);
     }
-    return false;
+    return true;
 };

package/esm/plugins/input-rules/rulebuilders.d.ts

@@ -2,4 +2,5 @@ import { Attrs, Node, NodeType } from 'prosemirror-model';
 import { InputRule } from './InputRulesPlugin.js';
 export declare function wrappingInputRule(regexp: RegExp, nodeType: NodeType, getAttrs?: Attrs | null | ((matches: RegExpMatchArray) => Attrs | null), joinPredicate?: (match: RegExpMatchArray, node: Node) => boolean): InputRule;
 export declare function textblockTypeInputRule(regexp: RegExp, nodeType: NodeType, getAttrs?: Attrs | null | ((match: RegExpMatchArray) => Attrs | null)): InputRule;
+export declare function replaceInlineNode(regexp: RegExp, nodeType: NodeType, getAttrs?: Attrs | null | ((matches: RegExpMatchArray) => Attrs | null)): InputRule;
 //# sourceMappingURL=rulebuilders.d.ts.map

package/esm/plugins/input-rules/rulebuilders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rulebuilders.d.ts","sourceRoot":"","sources":["../../../src/plugins/input-rules/rulebuilders.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAiBlD,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,GAAE,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,gBAAgB,KAAK,KAAK,GAAG,IAAI,CAAQ,EAC7E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,KAAK,OAAO,aAmBjE;AAQD,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,GAAE,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,GAAG,IAAI,CAAQ,aAgB5E"}
+{"version":3,"file":"rulebuilders.d.ts","sourceRoot":"","sources":["../../../src/plugins/input-rules/rulebuilders.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAY,IAAI,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAC;AAE3E,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAiBlD,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,GAAE,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,gBAAgB,KAAK,KAAK,GAAG,IAAI,CAAQ,EAC7E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,KAAK,OAAO,aAmBjE;AAQD,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,GAAE,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,GAAG,IAAI,CAAQ,aAgB5E;AAED,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,GAAE,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,gBAAgB,KAAK,KAAK,GAAG,IAAI,CAAQ,aAY9E"}

package/esm/plugins/input-rules/rulebuilders.js

@@ -1,4 +1,5 @@
 import { canJoin, findWrapping } from 'prosemirror-transform';
+import { Fragment, Slice } from 'prosemirror-model';
 import { InputRule } from './InputRulesPlugin.js';
 /// Build an input rule for automatically wrapping a textblock when a
 /// given string is typed. The `regexp` argument is
@@ -17,13 +18,15 @@ import { InputRule } from './InputRulesPlugin.js';
 /// return a boolean to indicate whether a join should happen.
 export function wrappingInputRule(regexp, nodeType, getAttrs = null, joinPredicate) {
     return new InputRule(regexp, (state, match, start, end) => {
-        let attrs = getAttrs instanceof Function ? getAttrs(match) : getAttrs;
-        let tr = state.tr.delete(start, end);
-        let $start = tr.doc.resolve(start), range = $start.blockRange(), wrapping = range && findWrapping(range, nodeType, attrs);
+        const attrs = getAttrs instanceof Function ? getAttrs(match) : getAttrs;
+        const tr = state.tr.delete(start, end);
+        const $start = tr.doc.resolve(start);
+        const range = $start.blockRange();
+        const wrapping = range && findWrapping(range, nodeType, attrs);
         if (!wrapping)
             return null;
         tr.wrap(range, wrapping);
-        let before = tr.doc.resolve(start - 1).nodeBefore;
+        const before = tr.doc.resolve(start - 1).nodeBefore;
         if (before && before.type == nodeType && canJoin(tr.doc, start - 1) &&
             (!joinPredicate || joinPredicate(match, before))) {
             tr.join(start - 1);
@@ -39,8 +42,8 @@ export function wrappingInputRule(regexp, nodeType, getAttrs = null, joinPredica
 /// `wrappingInputRule` function.
 export function textblockTypeInputRule(regexp, nodeType, getAttrs = null) {
     return new InputRule(regexp, (state, match, start, end) => {
-        let $start = state.doc.resolve(start);
-        let attrs = getAttrs instanceof Function ? getAttrs(match) : getAttrs;
+        const $start = state.doc.resolve(start);
+        const attrs = getAttrs instanceof Function ? getAttrs(match) : getAttrs;
         if (!$start.node(-1).canReplaceWith($start.index(-1), $start.indexAfter(-1), nodeType))
             return null;
         return state.tr
@@ -48,3 +51,14 @@ export function textblockTypeInputRule(regexp, nodeType, getAttrs = null) {
             .setBlockType(start, start, nodeType, attrs);
     });
 }
+export function replaceInlineNode(regexp, nodeType, getAttrs = null) {
+    return new InputRule(regexp, (state, match, start, end) => {
+        const attrs = getAttrs instanceof Function ? getAttrs(match) : getAttrs;
+        const node = nodeType.createAndFill(attrs);
+        const slice = new Slice(Fragment.from(node), 0, 0);
+        const tr = state.tr;
+        const from = tr.mapping.map(start);
+        const to = tr.mapping.map(end);
+        return tr.replace(from, to, slice);
+    });
+}

package/esm/plugins/keymap/keymap.d.ts

@@ -1,5 +1,6 @@
-import { Command, Plugin } from 'prosemirror-state';
+import { Plugin } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
+import type { Command } from '../../commands/types.js';
 export declare class KeymapPlugin extends Plugin {
     constructor(bindings: {
         [key: string]: Command;

package/esm/plugins/keymap/keymap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keymap.d.ts","sourceRoot":"","sources":["../../../src/plugins/keymap/keymap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAyE9C,qBAAa,YAAa,SAAQ,MAAM;gBAC1B,QAAQ,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE;CAGjD;AAKD,wBAAgB,cAAc,CAC5B,QAAQ,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,GACnC,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,KAAK,OAAO,CA6BrD"}
+{"version":3,"file":"keymap.d.ts","sourceRoot":"","sources":["../../../src/plugins/keymap/keymap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAyEvD,qBAAa,YAAa,SAAQ,MAAM;gBAC1B,QAAQ,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE;CAGjD;AAKD,wBAAgB,cAAc,CAC5B,QAAQ,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,GACnC,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,KAAK,OAAO,CA6BrD"}

package/esm/search/search.d.ts

@@ -1,5 +1,6 @@
-import { Command, EditorState, Plugin, Transaction } from 'prosemirror-state';
+import { EditorState, Plugin, Transaction } from 'prosemirror-state';
 import { DecorationSet } from 'prosemirror-view';
+import { type Command } from '../commands/types.js';
 import { SearchQuery } from './query.js';
 export declare function search(options?: {
     initialQuery?: SearchQuery;

package/esm/search/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/search/search.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,WAAW,EACX,MAAM,EAGN,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAc,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,WAAW,EAAgB,MAAM,YAAY,CAAC;AAqCvD,wBAAgB,MAAM,CACpB,OAAO,GAAE;IACP,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;CACxC,GACL,MAAM,CA8CR;AAID,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG;IAClD,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CAC5C,GAAG,SAAS,CAEZ;AAID,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,iBAGpD;AAID,wBAAgB,cAAc,CAC5B,EAAE,EAAE,WAAW,EACf,KAAK,EAAE,WAAW,EAClB,KAAK,GAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,IAAW,eAGlD;AA6DD,eAAO,MAAM,QAAQ,SAAuB,CAAC;AAI7C,eAAO,MAAM,cAAc,SAAwB,CAAC;AAIpD,eAAO,MAAM,QAAQ,SAAwB,CAAC;AAK9C,eAAO,MAAM,cAAc,SAAyB,CAAC;AAkDrD,eAAO,MAAM,WAAW,SAA6B,CAAC;AAItD,eAAO,MAAM,iBAAiB,SAA8B,CAAC;AAI7D,eAAO,MAAM,cAAc,SAA+B,CAAC;AAG3D,eAAO,MAAM,UAAU,EAAE,OAwBxB,CAAC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/search/search.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,MAAM,EAGN,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAc,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAgB,MAAM,YAAY,CAAC;AAqCvD,wBAAgB,MAAM,CACpB,OAAO,GAAE;IACP,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;CACxC,GACL,MAAM,CA8CR;AAID,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG;IAClD,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CAC5C,GAAG,SAAS,CAEZ;AAID,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,iBAGpD;AAID,wBAAgB,cAAc,CAC5B,EAAE,EAAE,WAAW,EACf,KAAK,EAAE,WAAW,EAClB,KAAK,GAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,IAAW,eAGlD;AA6DD,eAAO,MAAM,QAAQ,SAAuB,CAAC;AAI7C,eAAO,MAAM,cAAc,SAAwB,CAAC;AAIpD,eAAO,MAAM,QAAQ,SAAwB,CAAC;AAK9C,eAAO,MAAM,cAAc,SAAyB,CAAC;AAkDrD,eAAO,MAAM,WAAW,SAA6B,CAAC;AAItD,eAAO,MAAM,iBAAiB,SAA8B,CAAC;AAI7D,eAAO,MAAM,cAAc,SAA+B,CAAC;AAG3D,eAAO,MAAM,UAAU,EAAE,OAwBxB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerebron/editor",
-  "version": "0.4.26",
+  "version": "0.4.28",
   "license": "MIT",
   "module": "./esm/mod.js",
   "exports": {