@kerebron/extension-basic-editor 0.2.1 → 0.4.1

package/esm/extension-basic-editor/src/NodeHardBreak.js

@@ -1,5 +1,5 @@
 import { Node } from '../../editor/src/mod.js';
-import { exitCode, } from '../../editor/src/commands/mod.js';
+import { firstCommand } from '../../editor/src/commands/mod.js';
 export class NodeHardBreak extends Node {
     constructor() {
         super(...arguments);
@@ -15,7 +15,14 @@ export class NodeHardBreak extends Node {
             writable: true,
             value: ['doc']
         });
-        // TODO automerge
+        Object.defineProperty(this, "options", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                keepMarks: true,
+            }
+        });
     }
     getNodeSpec() {
         return {
@@ -29,62 +36,42 @@ export class NodeHardBreak extends Node {
             },
         };
     }
-    /*if (!exitCode(view.state, view.dispatch)) return false
-    view.focus()
-    return true
-  }},*/
-    getCommands(editor, type) {
+    getCommandFactories(editor, type) {
+        // TODO: refactor commands
+        // const comm2: Command = (state: EditorState, dispatch?: (tr: Transaction) => void) => {
+        //   const { selection, storedMarks } = state
+        //   if (selection.$from.parent.type.spec.isolating) {
+        //       return false
+        //   }
+        //   const { keepMarks } = this.options
+        //   // const { splittableMarks } = editor.extensionManager
+        //   const splittableMarks = [];
+        //   const marks = storedMarks
+        //       || (selection.$to.parentOffset && selection.$from.marks())
+        //   return editor.chain()
+        //     .insertContent({ type: this.name })
+        //     .command(({ tr, dispatch }) => {
+        //         if (dispatch && marks && keepMarks) {
+        //           for (const mark of marks) {
+        //             console.log('mteset', mark.type);
+        //           }
+        //             const filteredMarks = marks
+        //                 .filter(mark => splittableMarks.includes(mark.type.name))
+        //             tr.ensureMarks(filteredMarks)
+        //         }
+        //         return true
+        //     })
+        //     .run();
+        // }
+        const setHardBreak = firstCommand(editor.run.exitCode);
         return {
-            // 'first': commands => first(commands),
-            'setHardBreak': () => (state, dispatch) => {
-                if (!exitCode(state, dispatch)) {
-                    return false;
-                }
-                editor.view.focus();
-                if (dispatch) {
-                    dispatch(state.tr.replaceSelectionWith(type.create()).scrollIntoView());
-                }
-                return true;
-            },
-            // const commands = editor.commands;
-            // return commands.first([
-            //     () => commands.exitCode(),
-            //     () => commands.command(() => {
-            //         const { selection, storedMarks } = state
-            //
-            //         if (selection.$from.parent.type.spec.isolating) {
-            //             return false
-            //         }
-            //
-            //         const { keepMarks } = this.options
-            //         const { splittableMarks } = editor.extensionManager
-            //         const marks = storedMarks
-            //             || (selection.$to.parentOffset && selection.$from.marks())
-            //
-            //         return chain()
-            //             .insertContent({ type: this.name })
-            //             .command(({ tr, dispatch }) => {
-            //                 if (dispatch && marks && keepMarks) {
-            //                     const filteredMarks = marks
-            //                         .filter(mark => splittableMarks.includes(mark.type.name))
-            //
-            //                     tr.ensureMarks(filteredMarks)
-            //                 }
-            //
-            //                 return true
-            //             })
-            //             .run()
-            //     }),
-            // ])
-            // chainCommands(exitCode, (state, dispatch) => {
-            //     if (dispatch) dispatch(state.tr.replaceSelectionWith(br.create()).scrollIntoView())
-            //     return true
-            // })
+            'setHardBreak': () => setHardBreak,
         };
     }
     getKeyboardShortcuts() {
+        // https://stackoverflow.com/a/73619128
         const mac = typeof navigator != 'undefined'
-            ? /Mac|iP(hone|[oa]d)/.test(navigator.platform)
+            ? /Mac|iP(hone|[oa]d)/.test(navigator?.platform)
             : false;
         const shortcuts = {
             'Ctrl-Enter': 'setHardBreak',

package/esm/extension-basic-editor/src/NodeHeading.d.ts

@@ -1,24 +1,13 @@
-import { NodeSpec, NodeType } from 'prosemirror-model';
+import type { NodeSpec, NodeType } from 'prosemirror-model';
 import { type CoreEditor, Node } from '../../editor/src/mod.js';
-import { type Commands, type CommandShortcuts } from '../../editor/src/commands/mod.js';
+import { type CommandFactories, type CommandShortcuts } from '../../editor/src/commands/mod.js';
 import { type InputRule } from '../../editor/src/plugins/input-rules/mod.js';
 export declare class NodeHeading extends Node {
     name: string;
     requires: string[];
-    automerge: {
-        block: string;
-        attrParsers: {
-            fromAutomerge: (block: any) => {
-                level: any;
-            };
-            fromProsemirror: (node: any) => {
-                level: any;
-            };
-        };
-    };
     getNodeSpec(): NodeSpec;
     getInputRules(type: NodeType): InputRule[];
-    getCommands(editor: CoreEditor, type: NodeType): Partial<Commands>;
+    getCommandFactories(editor: CoreEditor, type: NodeType): Partial<CommandFactories>;
     getKeyboardShortcuts(): Partial<CommandShortcuts>;
 }
 //# sourceMappingURL=NodeHeading.d.ts.map

package/esm/extension-basic-editor/src/NodeHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeHeading.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/NodeHeading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAE,KAAK,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,gBAAgB,EAEtB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,KAAK,SAAS,EAEf,MAAM,6CAA6C,CAAC;AAIrD,qBAAa,WAAY,SAAQ,IAAI;IAC1B,IAAI,SAAa;IAC1B,QAAQ,WAAW;IAEnB,SAAS;;;;;;;;;;MAMP;IAEO,WAAW,IAAI,QAAQ;IAoBvB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE;IAc1C,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IAUlE,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;CAS3D"}
+{"version":3,"file":"NodeHeading.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/NodeHeading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,KAAK,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,KAAK,SAAS,EAEf,MAAM,6CAA6C,CAAC;AAIrD,qBAAa,WAAY,SAAQ,IAAI;IAC1B,IAAI,SAAa;IAC1B,QAAQ,WAAW;IAEV,WAAW,IAAI,QAAQ;IAoBvB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE;IAc1C,mBAAmB,CAC1B,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,GACb,OAAO,CAAC,gBAAgB,CAAC;IAWnB,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;CAS3D"}

package/esm/extension-basic-editor/src/NodeHeading.js

@@ -1,5 +1,4 @@
 import { Node } from '../../editor/src/mod.js';
-import { setBlockType, } from '../../editor/src/commands/mod.js';
 import { textblockTypeInputRule, } from '../../editor/src/plugins/input-rules/mod.js';
 const maxLevel = 6;
 export class NodeHeading extends Node {
@@ -17,18 +16,6 @@ export class NodeHeading extends Node {
             writable: true,
             value: ['doc']
         });
-        Object.defineProperty(this, "automerge", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                block: 'heading',
-                attrParsers: {
-                    fromAutomerge: (block) => ({ level: block.attrs.level }),
-                    fromProsemirror: (node) => ({ level: node.attrs.level }),
-                },
-            }
-        });
     }
     getNodeSpec() {
         return {
@@ -58,10 +45,10 @@ export class NodeHeading extends Node {
             textblockTypeInputRule(new RegExp('^(#{1,' + maxLevel + '})\\s$'), type, (match) => ({ level: match[1].length })),
         ];
     }
-    getCommands(editor, type) {
+    getCommandFactories(editor, type) {
         const commands = {};
         for (let i = 1; i <= maxLevel; i++) {
-            commands['setHeading' + i] = () => setBlockType(type, { level: i });
+            commands['setHeading' + i] = () => editor.commandFactories.setBlockType(type, { level: i });
         }
         return commands;
     }

package/esm/extension-basic-editor/src/NodeHorizontalRule.d.ts

@@ -1,11 +1,11 @@
-import { NodeSpec, NodeType } from 'prosemirror-model';
-import { CoreEditor, Node } from '../../editor/src/mod.js';
-import { Commands, CommandShortcuts } from '../../editor/src/commands/mod.js';
+import type { NodeSpec, NodeType } from 'prosemirror-model';
+import { type CoreEditor, Node } from '../../editor/src/mod.js';
+import type { CommandFactories, CommandShortcuts } from '../../editor/src/commands/mod.js';
 export declare class NodeHorizontalRule extends Node {
     name: string;
     requires: string[];
     getNodeSpec(): NodeSpec;
-    getCommands(editor: CoreEditor, type: NodeType): Partial<Commands>;
+    getCommandFactories(editor: CoreEditor, type: NodeType): Partial<CommandFactories>;
     getKeyboardShortcuts(): Partial<CommandShortcuts>;
 }
 //# sourceMappingURL=NodeHorizontalRule.d.ts.map

package/esm/extension-basic-editor/src/NodeHorizontalRule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeHorizontalRule.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/NodeHorizontalRule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAE9E,qBAAa,kBAAmB,SAAQ,IAAI;IACjC,IAAI,SAAQ;IACrB,QAAQ,WAAW;IAEV,WAAW,IAAI,QAAQ;IAUvB,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IAalE,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;CAO3D"}
+{"version":3,"file":"NodeHorizontalRule.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/NodeHorizontalRule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,KAAK,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,kCAAkC,CAAC;AAE1C,qBAAa,kBAAmB,SAAQ,IAAI;IACjC,IAAI,SAAQ;IACrB,QAAQ,WAAW;IAEV,WAAW,IAAI,QAAQ;IAUvB,mBAAmB,CAC1B,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,GACb,OAAO,CAAC,gBAAgB,CAAC;IAanB,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;CAK3D"}

package/esm/extension-basic-editor/src/NodeHorizontalRule.js

@@ -14,7 +14,6 @@ export class NodeHorizontalRule extends Node {
             writable: true,
             value: ['doc']
         });
-        // TODO automerge
     }
     getNodeSpec() {
         return {
@@ -25,7 +24,7 @@ export class NodeHorizontalRule extends Node {
             },
         };
     }
-    getCommands(editor, type) {
+    getCommandFactories(editor, type) {
         return {
             'setHorizontalRule': () => (state, dispatch) => {
                 if (dispatch) {

package/esm/extension-basic-editor/src/NodeListItem.d.ts

@@ -1,13 +1,15 @@
+import { type Attrs, NodeSpec, type NodeType } from 'prosemirror-model';
+import type { Command } from 'prosemirror-state';
 import { type CoreEditor, Node } from '../../editor/src/mod.js';
-import { type Commands, type CommandShortcuts } from '../../editor/src/commands/mod.js';
+import { type CommandFactories, type CommandShortcuts } from '../../editor/src/commands/mod.js';
+export declare function splitListItem(itemType: NodeType, itemAttrs?: Attrs): Command;
+export declare function liftListItem(itemType: NodeType): Command;
+export declare function sinkListItem(itemType: NodeType): Command;
 export declare class NodeListItem extends Node {
     name: string;
     requires: string[];
-    automerge: {
-        block: string;
-    };
     getNodeSpec(): NodeSpec;
-    getCommands(editor: CoreEditor, type: NodeType): Partial<Commands>;
+    getCommandFactories(editor: CoreEditor, type: NodeType): Partial<CommandFactories>;
     getKeyboardShortcuts(): Partial<CommandShortcuts>;
 }
 //# sourceMappingURL=NodeListItem.d.ts.map

package/esm/extension-basic-editor/src/NodeListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeListItem.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/NodeListItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,gBAAgB,EAEtB,MAAM,kCAAkC,CAAC;AA8P1C,qBAAa,YAAa,SAAQ,IAAI;IAC3B,IAAI,SAAe;IAC5B,QAAQ,WAAW;IAEnB,SAAS;;MAEP;IAEO,WAAW,IAAI,QAAQ;IAWhC,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IAQlE,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;CAOlD"}
+{"version":3,"file":"NodeListItem.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/NodeListItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,KAAK,EAGV,QAAQ,EACR,KAAK,QAAQ,EAEd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EACV,OAAO,EAIR,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,kCAAkC,CAAC;AAU1C,wBAAgB,aAAa,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,CA+D5E;AAwBD,wBAAgB,YAAY,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAgBxD;AAuGD,wBAAgB,YAAY,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,CA0CxD;AAED,qBAAa,YAAa,SAAQ,IAAI;IAC3B,IAAI,SAAe;IAC5B,QAAQ,WAAW;IAEV,WAAW,IAAI,QAAQ;IAWvB,mBAAmB,CAC1B,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,GACb,OAAO,CAAC,gBAAgB,CAAC;IAQnB,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;CAO3D"}

package/esm/extension-basic-editor/src/NodeListItem.js

@@ -1,7 +1,10 @@
+import { Fragment, NodeRange, Slice, } from 'prosemirror-model';
+import { Selection } from 'prosemirror-state';
 import { Node } from '../../editor/src/mod.js';
+import { canJoin, canSplit, liftTarget, ReplaceAroundStep, } from 'prosemirror-transform';
 /// Build a command that splits a non-empty textblock at the top level
 /// of a list item by also splitting that list item.
-function splitListItem(itemType, itemAttrs) {
+export function splitListItem(itemType, itemAttrs) {
     return function (state, dispatch) {
         const { $from, $to, node } = state.selection;
         if ((node && node.isBlock) || $from.depth < 2 || !$from.sameParent($to)) {
@@ -80,7 +83,7 @@ function splitListItemKeepMarks(itemType, itemAttrs) {
 }
 /// Create a command to lift the list item around the selection up into
 /// a wrapping list.
-function liftListItem(itemType) {
+export function liftListItem(itemType) {
     return function (state, dispatch) {
         let { $from, $to } = state.selection;
         let range = $from.blockRange($to, (node) => node.childCount > 0 && node.firstChild.type == itemType);
@@ -142,7 +145,7 @@ function liftOutOfList(state, dispatch, range) {
 }
 /// Create a command to sink the list item around the selection down
 /// into an inner list.
-function sinkListItem(itemType) {
+export function sinkListItem(itemType) {
     return function (state, dispatch) {
         const { $from, $to } = state.selection;
         const range = $from.blockRange($to, (node) => node.childCount > 0 && node.firstChild.type == itemType);
@@ -181,14 +184,6 @@ export class NodeListItem extends Node {
             writable: true,
             value: ['doc']
         });
-        Object.defineProperty(this, "automerge", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                block: 'list_item',
-            }
-        });
     }
     getNodeSpec() {
         return {
@@ -200,7 +195,7 @@ export class NodeListItem extends Node {
             },
         };
     }
-    getCommands(editor, type) {
+    getCommandFactories(editor, type) {
         return {
             'splitListItem': () => splitListItem(type),
             'liftListItem': () => liftListItem(type),
@@ -209,9 +204,9 @@ export class NodeListItem extends Node {
     }
     getKeyboardShortcuts() {
         return {
-            // 'Enter': 'splitListItem',
-            'Mod-[': 'liftListItem',
-            'Mod-]': 'sinkListItem',
+            'Enter': 'splitListItem',
+            'Tab': 'sinkListItem',
+            'Shift-Tab': 'liftListItem',
         };
     }
 }

package/esm/extension-basic-editor/src/NodeMath.d.ts

@@ -0,0 +1,8 @@
+import { type NodeSpec } from 'prosemirror-model';
+import { Node } from '../../editor/src/mod.js';
+export declare class NodeMath extends Node {
+    name: string;
+    requires: string[];
+    getNodeSpec(): NodeSpec;
+}
+//# sourceMappingURL=NodeMath.d.ts.map

package/esm/extension-basic-editor/src/NodeMath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeMath.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/NodeMath.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAM/C,qBAAa,QAAS,SAAQ,IAAI;IACvB,IAAI,SAAU;IACvB,QAAQ,WAAW;IAEV,WAAW,IAAI,QAAQ;CA8CjC"}

package/esm/extension-basic-editor/src/NodeMath.js

@@ -0,0 +1,112 @@
+import { Node } from '../../editor/src/mod.js';
+// import { MathMLToLaTeX } from 'mathml-to-latex';
+// const latex = MathMLToLaTeX.convert(mathMl);
+// https://mathlive.io/mathfield/
+export class NodeMath extends Node {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'math'
+        });
+        Object.defineProperty(this, "requires", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ['doc']
+        });
+    }
+    getNodeSpec() {
+        return {
+            inline: true,
+            attrs: {
+                type: { default: 'mathml' },
+                content: {},
+            },
+            group: 'inline',
+            draggable: true,
+            // parseDOM: [
+            //   {
+            //     tag: 'math',
+            //     getAttrs(dom: HTMLElement) {
+            //       return {
+            //         content: dom.outerHTML,
+            //       };
+            //     },
+            //   },
+            // ],
+            parseDOM: [{
+                    tag: 'math',
+                    getAttrs: (dom) => ({
+                        type: 'mathml',
+                        content: new XMLSerializer().serializeToString(dom),
+                    }),
+                }],
+            toDOM(node) {
+                const parser = new DOMParser();
+                const parsed = parser.parseFromString(node.attrs.content, 'application/xml');
+                // Check for parsing errors (e.g., invalid XML)
+                const errorNode = parsed.getElementsByTagName('parsererror');
+                if (errorNode.length > 0) {
+                    return ['span', { class: 'mathml-error' }, 'Invalid MathML'];
+                }
+                // Import and return the parsed MathML element
+                return document.importNode(parsed.documentElement, true);
+                // const { xml } = node.attrs;
+                // return ['math', {}, []];
+            },
+        };
+    }
+}
+/*
+MathML vs. LaTeX: Which is Better for Web Math Equations?
+Neither is universally "better"—it depends on your goals (authoring, rendering, accessibility, or storage). MathML and LaTeX serve different primary purposes but can complement each other on the web (e.g., via converters like MathJax). Here's a comparison focused on web use:
+Key Differences
+
+Purpose:
+
+LaTeX: A human-readable markup language for typesetting math (e.g., $E=mc^2$). It's concise and widely used for authoring documents, papers, and web input. Not native to HTML; requires a processor (e.g., MathJax, KaTeX) to render as HTML/CSS/SVG.
+MathML: An XML-based standard (part of HTML5) for describing math structure and presentation (Presentation MathML for visuals; Content MathML for semantics). Designed for direct embedding in web pages (e.g., <math><mi>E</mi>=<mi>m</mi><msup><mi>c</mi><mn>2</mn></msup></math>). Browsers like Firefox and Safari support it natively; others need polyfills.
+
+
+Ease of Authoring:
+
+LaTeX: Wins for humans—shorter, intuitive syntax familiar to mathematicians. Easier to write/edit manually or in editors like Overleaf. Verbose MathML is painful for hand-coding complex equations.
+MathML: Better for programmatic generation (e.g., from tools or APIs) due to its structured XML. Use WYSIWYG editors (like those above) to avoid writing tags.
+
+
+Rendering on Web:
+
+LaTeX: Requires a JS library (MathJax ~300KB, KaTeX lighter ~100KB) for cross-browser display. Renders beautifully everywhere but adds load time and JS dependency. No native browser support.
+MathML: Native in Firefox/Safari (fast, no JS). Improving in Chrome/Edge (as of 2023+), but still needs MathJax fallback for full support. Outputs scalable HTML/CSS without images.
+
+
+Accessibility:
+
+MathML: Superior—semantic structure allows screen readers (e.g., NVDA with MathCAT, JAWS) to read equations meaningfully (e.g., "E equals m times c squared"). Essential for WCAG/ADA compliance.
+LaTeX: Poor native accessibility; screen readers treat it as plain text. MathJax can convert to MathML internally for better support, but raw LaTeX fails.
+
+
+Performance & Compatibility:
+
+LaTeX: Faster authoring, but rendering depends on the library. Universal via JS, but increases page weight.
+MathML: Lightweight native rendering where supported; more robust for search engines/parsing (e.g., Google indexes MathML). Less portable outside web (LaTeX dominates PDFs/print).
+
+
+Storage/Interoperability:
+
+LaTeX: Compact for databases/files. Easy to convert to MathML (via tools like texmath or Pandoc).
+MathML: Better for web standards (XML parsable), but bulkier. Ideal for exchange between math tools.
+
+
+
+Recommendation
+
+Use LaTeX if your focus is easy input/authoring (e.g., users typing equations) and you're okay with a renderer like MathJax. It's more practical for most web projects today due to familiarity and tools. Store as LaTeX, render via JS, and convert to MathML for accessibility if needed.
+Use MathML if prioritizing native web standards, accessibility, or programmatic output (e.g., from editors). It's "better" for semantic web math and future-proofing (browser support is growing), but pair with LaTeX input for usability.
+Hybrid Approach: Best for web—author in LaTeX, convert/output MathML for display/storage. Libraries like MathJax handle both seamlessly (input LaTeX, output rendered MathML). This gives LaTeX's simplicity with MathML's benefits.
+
+If accessibility is key, always generate MathML (even from LaTeX source). Test in browsers: LaTeX+MathJax works everywhere; pure MathML shines in Firefox but needs fallbacks elsewhere.
+*/

package/esm/extension-basic-editor/src/NodeOrderedList.d.ts

@@ -1,7 +1,7 @@
 import { NodeSpec, NodeType } from 'prosemirror-model';
-import { CoreEditor, Node } from '../../editor/src/mod.js';
+import { type CoreEditor, Node } from '../../editor/src/mod.js';
 import { type InputRule } from '../../editor/src/plugins/input-rules/mod.js';
-import { type Commands, type CommandShortcuts } from '../../editor/src/commands/mod.js';
+import { type CommandFactories, type CommandShortcuts } from '../../editor/src/commands/mod.js';
 export declare class NodeOrderedList extends Node {
     name: string;
     requires: string[];
@@ -17,10 +17,7 @@ export declare class NodeOrderedList extends Node {
     };
     getNodeSpec(): NodeSpec;
     getInputRules(type: NodeType): InputRule[];
-    getCommands(editor: CoreEditor, type: NodeType): Partial<Commands>;
+    getCommandFactories(editor: CoreEditor, type: NodeType): Partial<CommandFactories>;
     getKeyboardShortcuts(): Partial<CommandShortcuts>;
-    automerge: {
-        block: string;
-    };
 }
 //# sourceMappingURL=NodeOrderedList.d.ts.map

package/esm/extension-basic-editor/src/NodeOrderedList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeOrderedList.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/NodeOrderedList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,EACL,KAAK,SAAS,EAEf,MAAM,6CAA6C,CAAC;AACrD,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,gBAAgB,EAEtB,MAAM,kCAAkC,CAAC;AAG1C,qBAAa,eAAgB,SAAQ,IAAI;IAC9B,IAAI,SAAkB;IAC/B,QAAQ,WAAW;IAEnB,UAAU;;;6BAGW,WAAW;;;;6BAQX,WAAW;;MAM9B;IAEO,WAAW,IAAI,QAAQ;IAWvB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE;IAa1C,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IAMlE,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAM1D,SAAS;;MAEP;CACH"}
+{"version":3,"file":"NodeOrderedList.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/NodeOrderedList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAE,KAAK,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAMhE,OAAO,EACL,KAAK,SAAS,EAEf,MAAM,6CAA6C,CAAC;AACrD,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,kCAAkC,CAAC;AAE1C,qBAAa,eAAgB,SAAQ,IAAI;IAC9B,IAAI,SAAkB;IAC/B,QAAQ,WAAW;IAEV,UAAU;;;6BAGE,WAAW;;;;6BAQX,WAAW;;MAM9B;IAEO,WAAW,IAAI,QAAQ;IAWvB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE;IAa1C,mBAAmB,CAC1B,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,GACb,OAAO,CAAC,gBAAgB,CAAC;IAMnB,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;CAK3D"}

package/esm/extension-basic-editor/src/NodeOrderedList.js

@@ -1,8 +1,6 @@
 import { Node } from '../../editor/src/mod.js';
-import { getHtmlAttributes } from '../../editor/src/utilities/mod.js';
+import { getHtmlAttributes, setHtmlAttributes, } from '../../editor/src/utilities/mod.js';
 import { wrappingInputRule, } from '../../editor/src/plugins/input-rules/mod.js';
-import { wrapInList, } from '../../editor/src/commands/mod.js';
-import { setHtmlAttributes } from '../../editor/src/utilities/mod.js';
 export class NodeOrderedList extends Node {
     constructor() {
         super(...arguments);
@@ -41,14 +39,6 @@ export class NodeOrderedList extends Node {
                 },
             }
         });
-        Object.defineProperty(this, "automerge", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                block: 'ordered_list',
-            }
-        });
     }
     getNodeSpec() {
         return {
@@ -67,14 +57,14 @@ export class NodeOrderedList extends Node {
             wrappingInputRule(/^(\d+)\.\s$/, type, (match) => ({ order: +match[1] }), (match, node) => node.childCount + node.attrs.order == +match[1]),
         ];
     }
-    getCommands(editor, type) {
+    getCommandFactories(editor, type) {
         return {
-            'toggleOrderedList': () => wrapInList(type),
+            'toggleOrderedList': () => editor.commandFactories.wrapInList(type),
         };
     }
     getKeyboardShortcuts() {
         return {
-            'Shift-Ctrl-9': 'toggleOrderedList',
+            'Shift-Ctrl-7': 'toggleOrderedList',
         };
     }
 }

package/esm/extension-basic-editor/src/NodeParagraph.d.ts

@@ -1,14 +1,11 @@
 import { type NodeSpec, type NodeType } from 'prosemirror-model';
 import { type CoreEditor, Node } from '../../editor/src/mod.js';
-import { type Commands, type CommandShortcuts } from '../../editor/src/commands/mod.js';
+import { type CommandFactories, type CommandShortcuts } from '../../editor/src/commands/mod.js';
 export declare class NodeParagraph extends Node {
     name: string;
     requires: string[];
-    automerge: {
-        block: string;
-    };
     getNodeSpec(): NodeSpec;
-    getCommands(editor: CoreEditor, type: NodeType): Partial<Commands>;
+    getCommandFactories(editor: CoreEditor, type: NodeType): Partial<CommandFactories>;
     getKeyboardShortcuts(): Partial<CommandShortcuts>;
 }
 //# sourceMappingURL=NodeParagraph.d.ts.map

package/esm/extension-basic-editor/src/NodeParagraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeParagraph.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/NodeParagraph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,KAAK,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,gBAAgB,EAEtB,MAAM,kCAAkC,CAAC;AAE1C,qBAAa,aAAc,SAAQ,IAAI;IAC5B,IAAI,SAAe;IAC5B,QAAQ,WAAW;IAEnB,SAAS;;MAEP;IAEO,WAAW,IAAI,QAAQ;IAWvB,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IAMlE,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;CAK3D"}
+{"version":3,"file":"NodeParagraph.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/NodeParagraph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,KAAK,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,kCAAkC,CAAC;AAE1C,qBAAa,aAAc,SAAQ,IAAI;IAC5B,IAAI,SAAe;IAC5B,QAAQ,WAAW;IAEV,WAAW,IAAI,QAAQ;IAWvB,mBAAmB,CAC1B,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,GACb,OAAO,CAAC,gBAAgB,CAAC;IAMnB,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;CAK3D"}

package/esm/extension-basic-editor/src/NodeParagraph.js

@@ -1,5 +1,4 @@
 import { Node } from '../../editor/src/mod.js';
-import { setBlockType, } from '../../editor/src/commands/mod.js';
 export class NodeParagraph extends Node {
     constructor() {
         super(...arguments);
@@ -15,14 +14,6 @@ export class NodeParagraph extends Node {
             writable: true,
             value: ['doc']
         });
-        Object.defineProperty(this, "automerge", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                block: 'paragraph',
-            }
-        });
     }
     getNodeSpec() {
         return {
@@ -34,9 +25,9 @@ export class NodeParagraph extends Node {
             },
         };
     }
-    getCommands(editor, type) {
+    getCommandFactories(editor, type) {
         return {
-            'setParagraph': () => setBlockType(type),
+            'setParagraph': () => editor.commandFactories.setBlockType(type),
         };
     }
     getKeyboardShortcuts() {

package/esm/extension-basic-editor/src/NodeTaskItem.d.ts

@@ -0,0 +1,24 @@
+import { Node as PmNode, NodeSpec, type NodeType } from 'prosemirror-model';
+import { type CoreEditor, Node } from '../../editor/src/mod.js';
+import { type CommandFactories, type CommandShortcuts } from '../../editor/src/commands/mod.js';
+import { NodeViewConstructor } from '../../editor/src/DummyEditorView.js';
+/**
+ * Matches a task item to a - [ ] on input.
+ */
+export declare const inputRegex: RegExp;
+export interface TaskItemOptions {
+    onReadOnlyChecked?: (node: PmNode, checked: boolean) => boolean;
+    nested: boolean;
+}
+export declare class NodeTaskItem extends Node {
+    protected config: Partial<TaskItemOptions>;
+    name: string;
+    requires: string[];
+    constructor(config?: Partial<TaskItemOptions>);
+    getNodeSpec(): NodeSpec;
+    getCommandFactories(editor: CoreEditor, type: NodeType): Partial<CommandFactories>;
+    getNodeView(editor: CoreEditor): NodeViewConstructor;
+    getKeyboardShortcuts(): Partial<CommandShortcuts>;
+    getInputRules(type: NodeType): import("../../editor/src/plugins/input-rules/InputRulesPlugin.js").InputRule[];
+}
+//# sourceMappingURL=NodeTaskItem.d.ts.map

package/esm/extension-basic-editor/src/NodeTaskItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTaskItem.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/NodeTaskItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,KAAK,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,kCAAkC,CAAC;AAO1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAI1E;;GAEG;AACH,eAAO,MAAM,UAAU,QAA2B,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;IAChE,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,qBAAa,YAAa,SAAQ,IAAI;cAIE,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC;IAH7D,IAAI,SAAe;IAC5B,QAAQ,WAAW;gBAEmB,MAAM,GAAE,OAAO,CAAC,eAAe,CAAM;IAIlE,WAAW,IAAI,QAAQ;IAyCvB,mBAAmB,CAC1B,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,GACb,OAAO,CAAC,gBAAgB,CAAC;IAQnB,WAAW,CAAC,MAAM,EAAE,UAAU,GAAG,mBAAmB;IA4EpD,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAQjD,aAAa,CAAC,IAAI,EAAE,QAAQ;CAWtC"}