@krainovsd/markdown-editor 0.1.2 → 0.2.0

package/lib/esm/extensions/markdown/markdown-decoration.js

@@ -1,5 +1,7 @@
 import { syntaxTree } from '@codemirror/language';
+import '@codemirror/state';
 import { ViewPlugin, Decoration } from '@codemirror/view';
+import { saveDispatch } from '../../lib/utils/save-dispatch.js';
 import { blockquoteDecorationPlugin } from './blockquote/blockquote-decoration.js';
 import { boldDecorationPlugin } from './bold/bold-decoration.js';
 import { codeDecorationPlugin } from './code/code-decoration.js';
@@ -10,6 +12,7 @@ import { italicDecorationPlugin } from './italic/italic-decoration.js';
 import { linkDecorationPlugin } from './link/link-decoration.js';
 import { autoLinkDecorationPlugin } from './link/auto-link-decoration.js';
 import { listDecorationPlugin } from './list/list-decoration.js';
+import { imageSrcGetterEffect } from './markdown-state.js';
 import { mentionDecorationPlugin } from './mention/mention-decoration.js';
 import { strikeThroughDecorationPlugin } from './strike-through/strike-through-decoration.js';
 import { todoDecorationPlugin } from './todo/todo-decoration.js';
@@ -54,52 +57,94 @@ const SKIP_MARKS = new Set([
     "HeaderMark",
     "TaskMarker",
 ]);
-let markdownDecorations = [];
-function getDecorations(view, isChanged) {
-    const decorations = isChanged ? [] : markdownDecorations;
-    const selectionDecorations = [];
-    const contentEditable = view.contentDOM.getAttribute("contenteditable");
-    const isReadonly = !contentEditable || contentEditable === "false";
-    for (const { from: fromVisible, to: toVisible } of view.visibleRanges) {
-        syntaxTree(view.state).iterate({
-            from: fromVisible,
-            to: toVisible,
-            enter: (node) => {
-                if (SKIP_MARKS.has(node.name))
-                    return;
-                /** Decoration by change content */
-                if (isChanged) {
-                    decorationFunctions.forEach((f) => f({ decorations, node, view }));
-                }
-                /** Decoration by selection content  */
-                selectionDecorationFunctions.forEach((f) => f({
-                    decorations: selectionDecorations,
-                    node,
-                    view,
-                    isReadonly,
-                }));
-            },
-        });
-    }
-    if (isChanged) {
-        markdownDecorations = decorations;
+function createDecorationsGetter() {
+    let markdownDecorationsCache = [];
+    let markdownSelectionDecorationsCache = [];
+    function getDecorations(view, isChanged, mouseReleased) {
+        const processDecorations = isChanged;
+        const processSelectionDecorations = isChanged || mouseReleased;
+        const decorations = processDecorations ? [] : markdownDecorationsCache;
+        const selectionDecorations = processSelectionDecorations
+            ? []
+            : markdownSelectionDecorationsCache;
+        const contentEditable = view.contentDOM.getAttribute("contenteditable");
+        const isReadonly = !contentEditable || contentEditable === "false";
+        for (const { from: fromVisible, to: toVisible } of view.visibleRanges) {
+            syntaxTree(view.state).iterate({
+                from: fromVisible,
+                to: toVisible,
+                enter: (node) => {
+                    if (SKIP_MARKS.has(node.name))
+                        return;
+                    /** Decoration by change content */
+                    if (processDecorations)
+                        decorationFunctions.forEach((f) => f({ decorations, node, view }));
+                    /** Decoration by selection content  */
+                    if (processSelectionDecorations)
+                        selectionDecorationFunctions.forEach((f) => f({
+                            decorations: selectionDecorations,
+                            node,
+                            view,
+                            forceActive: isReadonly,
+                        }));
+                },
+            });
+        }
+        if (processDecorations) {
+            markdownDecorationsCache = decorations;
+        }
+        if (processSelectionDecorations) {
+            markdownSelectionDecorationsCache = selectionDecorations;
+        }
+        return Decoration.set([...decorations, ...selectionDecorations], true);
     }
-    return Decoration.set([...decorations, ...selectionDecorations], true);
+    return getDecorations;
 }
-const markdownDecorationPlugin = ViewPlugin.fromClass(class DecorationMarkdown {
-    decorations;
-    constructor(view) {
-        this.decorations = getDecorations(view, true);
-    }
-    update(update) {
-        const isDocumentChanged = update.docChanged ||
-            update.viewportChanged ||
-            syntaxTree(update.startState) != syntaxTree(update.state);
-        this.decorations = getDecorations(update.view, isDocumentChanged);
-    }
-}, {
-    decorations: (plugin) => plugin.decorations,
-});
+const markdownDecorationPlugin = (stateConfig) => {
+    return ViewPlugin.fromClass(class DecorationMarkdown {
+        decorations;
+        mouseReleased = true;
+        dom;
+        view;
+        decorationGetter;
+        constructor(view) {
+            this.decorationGetter = createDecorationsGetter();
+            this.decorations = this.decorationGetter(view, true, this.mouseReleased);
+            this.dom = view.dom;
+            this.view = view;
+            document.addEventListener("mousedown", this.onMouseDown.bind(this));
+            document.addEventListener("mouseup", this.onMouseUp.bind(this));
+            saveDispatch(() => {
+                this.view.dispatch(this.view.state.update({
+                    effects: [imageSrcGetterEffect.of(stateConfig.imageSrcGetter)],
+                }));
+            });
+        }
+        update(update) {
+            const isDocumentChanged = update.docChanged ||
+                update.viewportChanged ||
+                syntaxTree(update.startState) != syntaxTree(update.state);
+            this.decorations = this.decorationGetter(update.view, isDocumentChanged, this.mouseReleased);
+        }
+        destroy() {
+            document.removeEventListener("mousedown", this.onMouseDown.bind(this));
+            document.removeEventListener("mouseup", this.onMouseUp.bind(this));
+        }
+        onMouseDown() {
+            this.mouseReleased = false;
+        }
+        onMouseUp() {
+            this.mouseReleased = true;
+            if (this.view.state.selection.ranges[0].from !== this.view.state.selection.ranges[0].to) {
+                saveDispatch(() => {
+                    this.view.dispatch(this.view.state.update({}));
+                });
+            }
+        }
+    }, {
+        decorations: (plugin) => plugin.decorations,
+    });
+};
 
 export { markdownDecorationPlugin };
 //# sourceMappingURL=markdown-decoration.js.map

package/lib/esm/extensions/markdown/markdown-decoration.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-decoration.js","sources":["../../../../src/extensions/markdown/markdown-decoration.ts"],"sourcesContent":["import { syntaxTree } from \"@codemirror/language\";\nimport { type Range } from \"@codemirror/state\";\nimport {\n  Decoration,\n  type DecorationSet,\n  type EditorView,\n  ViewPlugin,\n  type ViewUpdate,\n} from \"@codemirror/view\";\nimport { blockquoteDecorationPlugin } from \"./blockquote\";\nimport { boldDecorationPlugin } from \"./bold\";\nimport { codeDecorationPlugin } from \"./code\";\nimport { headerDecorationPlugin } from \"./header\";\nimport { horizontalDecorationPlugin } from \"./horizontal\";\nimport { imageDecorationPlugin } from \"./image/image-decoration\";\nimport { italicDecorationPlugin } from \"./italic\";\nimport { autoLinkDecorationPlugin, linkDecorationPlugin } from \"./link\";\nimport { listDecorationPlugin } from \"./list\";\nimport type {\n  DecorationPlugin,\n  GetDecorationFunction,\n  GetSelectionDecorationFunction,\n} from \"./markdown-types\";\nimport { mentionDecorationPlugin } from \"./mention/mention-decoration\";\nimport { strikeThroughDecorationPlugin } from \"./strike-through\";\nimport { todoDecorationPlugin } from \"./todo\";\n\nconst decorationPlugins: DecorationPlugin[] = [\n  blockquoteDecorationPlugin,\n  boldDecorationPlugin,\n  codeDecorationPlugin,\n  headerDecorationPlugin,\n  horizontalDecorationPlugin,\n  imageDecorationPlugin,\n  italicDecorationPlugin,\n  linkDecorationPlugin,\n  listDecorationPlugin,\n  autoLinkDecorationPlugin,\n  mentionDecorationPlugin,\n  strikeThroughDecorationPlugin,\n  todoDecorationPlugin,\n];\n\nlet decorationFunctions: GetDecorationFunction[] = [];\nlet selectionDecorationFunctions: GetSelectionDecorationFunction[] = [];\n\nfor (const plugin of decorationPlugins) {\n  if (plugin.decorations) decorationFunctions = decorationFunctions.concat(plugin.decorations);\n  if (plugin.selectionDecorations)\n    selectionDecorationFunctions = selectionDecorationFunctions.concat(plugin.selectionDecorations);\n}\n\nconst SKIP_MARKS = new Set([\n  \"Document\",\n  \"Paragraph\",\n  \"EmphasisMark\",\n  \"Blockquote\",\n  \"StrikethroughMark\",\n  \"BulletList\",\n  \"OrderedList\",\n  \"ListItem\",\n  \"LinkMark\",\n  \"URL\",\n  \"CodeMark\",\n  \"CodeInfo\",\n  \"CodeText\",\n  \"HeaderMark\",\n  \"TaskMarker\",\n]);\n\nlet markdownDecorations: Range<Decoration>[] = [];\n\nfunction getDecorations(view: EditorView, isChanged: boolean) {\n  const decorations: Range<Decoration>[] = isChanged ? [] : markdownDecorations;\n  const selectionDecorations: Range<Decoration>[] = [];\n  const contentEditable = view.contentDOM.getAttribute(\"contenteditable\");\n  const isReadonly = !contentEditable || contentEditable === \"false\";\n\n  for (const { from: fromVisible, to: toVisible } of view.visibleRanges) {\n    syntaxTree(view.state).iterate({\n      from: fromVisible,\n      to: toVisible,\n      enter: (node) => {\n        if (SKIP_MARKS.has(node.name)) return;\n        /** Decoration by change content */\n        if (isChanged) {\n          decorationFunctions.forEach((f) => f({ decorations, node, view }));\n        }\n\n        /** Decoration by selection content  */\n        selectionDecorationFunctions.forEach((f) =>\n          f({\n            decorations: selectionDecorations,\n            node,\n            view,\n            isReadonly,\n          }),\n        );\n      },\n    });\n  }\n\n  if (isChanged) {\n    markdownDecorations = decorations;\n  }\n\n  return Decoration.set([...decorations, ...selectionDecorations], true);\n}\n\nexport const markdownDecorationPlugin = ViewPlugin.fromClass(\n  class DecorationMarkdown {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = getDecorations(view, true);\n    }\n\n    update(update: ViewUpdate) {\n      const isDocumentChanged =\n        update.docChanged ||\n        update.viewportChanged ||\n        syntaxTree(update.startState) != syntaxTree(update.state);\n      this.decorations = getDecorations(update.view, isDocumentChanged);\n    }\n  },\n  {\n    decorations: (plugin) => plugin.decorations,\n  },\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"markdown-decoration.js","sources":["../../../../src/extensions/markdown/markdown-decoration.ts"],"sourcesContent":["import { syntaxTree } from \"@codemirror/language\";\nimport { type Range } from \"@codemirror/state\";\nimport {\n  Decoration,\n  type DecorationSet,\n  type EditorView,\n  ViewPlugin,\n  type ViewUpdate,\n} from \"@codemirror/view\";\nimport { saveDispatch } from \"@/lib/utils\";\nimport { blockquoteDecorationPlugin } from \"./blockquote\";\nimport { boldDecorationPlugin } from \"./bold\";\nimport { codeDecorationPlugin } from \"./code\";\nimport { headerDecorationPlugin } from \"./header\";\nimport { horizontalDecorationPlugin } from \"./horizontal\";\nimport { imageDecorationPlugin } from \"./image/image-decoration\";\nimport { italicDecorationPlugin } from \"./italic\";\nimport { autoLinkDecorationPlugin, linkDecorationPlugin } from \"./link\";\nimport { listDecorationPlugin } from \"./list\";\nimport { imageSrcGetterEffect } from \"./markdown-state\";\nimport type {\n  DecorationPlugin,\n  GetDecorationFunction,\n  GetSelectionDecorationFunction,\n  MarkdownStateConfig,\n} from \"./markdown-types\";\nimport { mentionDecorationPlugin } from \"./mention/mention-decoration\";\nimport { strikeThroughDecorationPlugin } from \"./strike-through\";\nimport { todoDecorationPlugin } from \"./todo\";\n\nconst decorationPlugins: DecorationPlugin[] = [\n  blockquoteDecorationPlugin,\n  boldDecorationPlugin,\n  codeDecorationPlugin,\n  headerDecorationPlugin,\n  horizontalDecorationPlugin,\n  imageDecorationPlugin,\n  italicDecorationPlugin,\n  linkDecorationPlugin,\n  listDecorationPlugin,\n  autoLinkDecorationPlugin,\n  mentionDecorationPlugin,\n  strikeThroughDecorationPlugin,\n  todoDecorationPlugin,\n];\n\nlet decorationFunctions: GetDecorationFunction[] = [];\nlet selectionDecorationFunctions: GetSelectionDecorationFunction[] = [];\n\nfor (const plugin of decorationPlugins) {\n  if (plugin.decorations) decorationFunctions = decorationFunctions.concat(plugin.decorations);\n  if (plugin.selectionDecorations)\n    selectionDecorationFunctions = selectionDecorationFunctions.concat(plugin.selectionDecorations);\n}\n\nconst SKIP_MARKS = new Set([\n  \"Document\",\n  \"Paragraph\",\n  \"EmphasisMark\",\n  \"Blockquote\",\n  \"StrikethroughMark\",\n  \"BulletList\",\n  \"OrderedList\",\n  \"ListItem\",\n  \"LinkMark\",\n  \"URL\",\n  \"CodeMark\",\n  \"CodeInfo\",\n  \"CodeText\",\n  \"HeaderMark\",\n  \"TaskMarker\",\n]);\n\nfunction createDecorationsGetter() {\n  let markdownDecorationsCache: Range<Decoration>[] = [];\n  let markdownSelectionDecorationsCache: Range<Decoration>[] = [];\n\n  function getDecorations(view: EditorView, isChanged: boolean, mouseReleased: boolean) {\n    const processDecorations = isChanged;\n    const processSelectionDecorations = isChanged || mouseReleased;\n    const decorations: Range<Decoration>[] = processDecorations ? [] : markdownDecorationsCache;\n    const selectionDecorations: Range<Decoration>[] = processSelectionDecorations\n      ? []\n      : markdownSelectionDecorationsCache;\n\n    const contentEditable = view.contentDOM.getAttribute(\"contenteditable\");\n    const isReadonly = !contentEditable || contentEditable === \"false\";\n\n    for (const { from: fromVisible, to: toVisible } of view.visibleRanges) {\n      syntaxTree(view.state).iterate({\n        from: fromVisible,\n        to: toVisible,\n        enter: (node) => {\n          if (SKIP_MARKS.has(node.name)) return;\n          /** Decoration by change content */\n          if (processDecorations)\n            decorationFunctions.forEach((f) => f({ decorations, node, view }));\n\n          /** Decoration by selection content  */\n          if (processSelectionDecorations)\n            selectionDecorationFunctions.forEach((f) =>\n              f({\n                decorations: selectionDecorations,\n                node,\n                view,\n                forceActive: isReadonly,\n              }),\n            );\n        },\n      });\n    }\n\n    if (processDecorations) {\n      markdownDecorationsCache = decorations;\n    }\n    if (processSelectionDecorations) {\n      markdownSelectionDecorationsCache = selectionDecorations;\n    }\n\n    return Decoration.set([...decorations, ...selectionDecorations], true);\n  }\n\n  return getDecorations;\n}\n\nexport const markdownDecorationPlugin = (stateConfig: MarkdownStateConfig) => {\n  return ViewPlugin.fromClass(\n    class DecorationMarkdown {\n      decorations: DecorationSet;\n\n      mouseReleased: boolean = true;\n\n      dom: HTMLElement;\n\n      view: EditorView;\n\n      decorationGetter: (\n        view: EditorView,\n        isChanged: boolean,\n        mouseReleased: boolean,\n      ) => DecorationSet;\n\n      constructor(view: EditorView) {\n        this.decorationGetter = createDecorationsGetter();\n        this.decorations = this.decorationGetter(view, true, this.mouseReleased);\n        this.dom = view.dom;\n        this.view = view;\n        document.addEventListener(\"mousedown\", this.onMouseDown.bind(this));\n        document.addEventListener(\"mouseup\", this.onMouseUp.bind(this));\n\n        saveDispatch(() => {\n          this.view.dispatch(\n            this.view.state.update({\n              effects: [imageSrcGetterEffect.of(stateConfig.imageSrcGetter)],\n            }),\n          );\n        });\n      }\n\n      update(update: ViewUpdate) {\n        const isDocumentChanged =\n          update.docChanged ||\n          update.viewportChanged ||\n          syntaxTree(update.startState) != syntaxTree(update.state);\n        this.decorations = this.decorationGetter(\n          update.view,\n          isDocumentChanged,\n          this.mouseReleased,\n        );\n      }\n\n      destroy() {\n        document.removeEventListener(\"mousedown\", this.onMouseDown.bind(this));\n        document.removeEventListener(\"mouseup\", this.onMouseUp.bind(this));\n      }\n\n      onMouseDown(this: DecorationMarkdown) {\n        this.mouseReleased = false;\n      }\n\n      onMouseUp(this: DecorationMarkdown) {\n        this.mouseReleased = true;\n        if (this.view.state.selection.ranges[0].from !== this.view.state.selection.ranges[0].to) {\n          saveDispatch(() => {\n            this.view.dispatch(this.view.state.update({}));\n          });\n        }\n      }\n    },\n    {\n      decorations: (plugin) => plugin.decorations,\n    },\n  );\n};\n"],"names":[],"mappings":"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"}

package/lib/esm/extensions/markdown/markdown-state.js

@@ -0,0 +1,29 @@
+import { StateEffect, StateField } from '@codemirror/state';
+
+const openedImageEffect = StateEffect.define();
+const openedLinkEffect = StateEffect.define();
+const imageSrcGetterEffect = StateEffect.define();
+const markdownState = StateField.define({
+    create() {
+        return {
+            openedImage: undefined,
+            imageSrcGetter: undefined,
+            openedLink: undefined,
+        };
+    },
+    update(value, transaction) {
+        const newValue = { ...value };
+        for (const effect of transaction.effects) {
+            if (effect.is(openedImageEffect))
+                newValue.openedImage = effect.value;
+            if (effect.is(imageSrcGetterEffect))
+                newValue.imageSrcGetter = effect.value;
+            if (effect.is(openedLinkEffect))
+                newValue.openedLink = effect.value;
+        }
+        return newValue;
+    },
+});
+
+export { imageSrcGetterEffect, markdownState, openedImageEffect, openedLinkEffect };
+//# sourceMappingURL=markdown-state.js.map

package/lib/esm/extensions/markdown/markdown-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-state.js","sources":["../../../../src/extensions/markdown/markdown-state.ts"],"sourcesContent":["import { StateEffect, StateField } from \"@codemirror/state\";\nimport type { MarkdownState } from \"./markdown-types\";\n\nexport const openedImageEffect = StateEffect.define<string | undefined>();\nexport const openedLinkEffect = StateEffect.define<string | undefined>();\nexport const imageSrcGetterEffect = StateEffect.define<((src: string) => string) | undefined>();\n\nexport const markdownState = StateField.define<MarkdownState>({\n  create() {\n    return {\n      openedImage: undefined,\n      imageSrcGetter: undefined,\n      openedLink: undefined,\n    };\n  },\n\n  update(value, transaction) {\n    const newValue = { ...value };\n\n    for (const effect of transaction.effects) {\n      if (effect.is(openedImageEffect)) newValue.openedImage = effect.value;\n      if (effect.is(imageSrcGetterEffect)) newValue.imageSrcGetter = effect.value;\n      if (effect.is(openedLinkEffect)) newValue.openedLink = effect.value;\n    }\n\n    return newValue;\n  },\n});\n"],"names":[],"mappings":";;MAGa,iBAAiB,GAAG,WAAW,CAAC,MAAM;MACtC,gBAAgB,GAAG,WAAW,CAAC,MAAM;MACrC,oBAAoB,GAAG,WAAW,CAAC,MAAM;AAEzC,MAAA,aAAa,GAAG,UAAU,CAAC,MAAM,CAAgB;IAC5D,MAAM,GAAA;QACJ,OAAO;AACL,YAAA,WAAW,EAAE,SAAS;AACtB,YAAA,cAAc,EAAE,SAAS;AACzB,YAAA,UAAU,EAAE,SAAS;SACtB;KACF;IAED,MAAM,CAAC,KAAK,EAAE,WAAW,EAAA;AACvB,QAAA,MAAM,QAAQ,GAAG,EAAE,GAAG,KAAK,EAAE;AAE7B,QAAA,KAAK,MAAM,MAAM,IAAI,WAAW,CAAC,OAAO,EAAE;AACxC,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,iBAAiB,CAAC;AAAE,gBAAA,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK;AACrE,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,oBAAoB,CAAC;AAAE,gBAAA,QAAQ,CAAC,cAAc,GAAG,MAAM,CAAC,KAAK;AAC3E,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,gBAAgB,CAAC;AAAE,gBAAA,QAAQ,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK;;AAGrE,QAAA,OAAO,QAAQ;KAChB;AACF,CAAA;;;;"}

package/lib/esm/extensions/markdown/mention/mention-decoration.js

@@ -18,11 +18,11 @@ function getMentionDecorations({ decorations, node }) {
         range: [node.from, node.to],
     }));
 }
-function getMentionSelectionDecorations({ decorations, node, view, isReadonly, }) {
+function getMentionSelectionDecorations({ decorations, node, view, forceActive, }) {
     if (node.name !== NAME_OF_MENTION) {
         return;
     }
-    if (isReadonly ||
+    if (forceActive ||
         !view.hasFocus ||
         !isInRange(view.state.selection.ranges, [node.from, node.to])) {
         decorations.push(getHideDecoration({ range: [node.from, node.from + 1] }));

package/lib/esm/extensions/markdown/mention/mention-decoration.js.map

@@ -1 +1 @@
-{"version":3,"file":"mention-decoration.js","sources":["../../../../../src/extensions/markdown/mention/mention-decoration.ts"],"sourcesContent":["import clsx from \"clsx\";\nimport { CLASSES } from \"@/extensions/theme\";\nimport { utils } from \"@/lib\";\nimport type {\n  DecorationPlugin,\n  GetDecorationOptions,\n  GetSelectionDecorationOptions,\n} from \"../markdown-types\";\nimport styles from \"../styles.module.scss\";\nimport { NAME_OF_MENTION } from \"./mention-constants\";\n\nfunction getMentionDecorations({ decorations, node }: GetDecorationOptions) {\n  if (node.name !== NAME_OF_MENTION) {\n    return;\n  }\n\n  decorations.push(\n    utils.getMarkDecoration({\n      style: clsx(styles.mention, CLASSES.mention),\n      range: [node.from, node.to],\n    }),\n  );\n}\n\nfunction getMentionSelectionDecorations({\n  decorations,\n  node,\n  view,\n  isReadonly,\n}: GetSelectionDecorationOptions) {\n  if (node.name !== NAME_OF_MENTION) {\n    return;\n  }\n\n  if (\n    isReadonly ||\n    !view.hasFocus ||\n    !utils.isInRange(view.state.selection.ranges, [node.from, node.to])\n  ) {\n    decorations.push(utils.getHideDecoration({ range: [node.from, node.from + 1] }));\n  }\n}\n\nexport const mentionDecorationPlugin: DecorationPlugin = {\n  decorations: [getMentionDecorations],\n  selectionDecorations: [getMentionSelectionDecorations],\n};\n"],"names":["utils.getMarkDecoration","utils.isInRange","utils.getHideDecoration"],"mappings":";;;;;;;;;;;AAWA,SAAS,qBAAqB,CAAC,EAAE,WAAW,EAAE,IAAI,EAAwB,EAAA;AACxE,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe,EAAE;QACjC;;AAGF,IAAA,WAAW,CAAC,IAAI,CACdA,iBAAuB,CAAC;QACtB,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;QAC5C,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAC5B,KAAA,CAAC,CACH;AACH;AAEA,SAAS,8BAA8B,CAAC,EACtC,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,UAAU,GACoB,EAAA;AAC9B,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe,EAAE;QACjC;;AAGF,IAAA,IACE,UAAU;QACV,CAAC,IAAI,CAAC,QAAQ;QACd,CAACC,SAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,EACnE;QACA,WAAW,CAAC,IAAI,CAACC,iBAAuB,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;;AAEpF;AAEa,MAAA,uBAAuB,GAAqB;IACvD,WAAW,EAAE,CAAC,qBAAqB,CAAC;IACpC,oBAAoB,EAAE,CAAC,8BAA8B,CAAC;;;;;"}
+{"version":3,"file":"mention-decoration.js","sources":["../../../../../src/extensions/markdown/mention/mention-decoration.ts"],"sourcesContent":["import clsx from \"clsx\";\nimport { CLASSES } from \"@/extensions/theme\";\nimport { utils } from \"@/lib\";\nimport type {\n  DecorationPlugin,\n  GetDecorationOptions,\n  GetSelectionDecorationOptions,\n} from \"../markdown-types\";\nimport styles from \"../styles.module.scss\";\nimport { NAME_OF_MENTION } from \"./mention-constants\";\n\nfunction getMentionDecorations({ decorations, node }: GetDecorationOptions) {\n  if (node.name !== NAME_OF_MENTION) {\n    return;\n  }\n\n  decorations.push(\n    utils.getMarkDecoration({\n      style: clsx(styles.mention, CLASSES.mention),\n      range: [node.from, node.to],\n    }),\n  );\n}\n\nfunction getMentionSelectionDecorations({\n  decorations,\n  node,\n  view,\n  forceActive,\n}: GetSelectionDecorationOptions) {\n  if (node.name !== NAME_OF_MENTION) {\n    return;\n  }\n\n  if (\n    forceActive ||\n    !view.hasFocus ||\n    !utils.isInRange(view.state.selection.ranges, [node.from, node.to])\n  ) {\n    decorations.push(utils.getHideDecoration({ range: [node.from, node.from + 1] }));\n  }\n}\n\nexport const mentionDecorationPlugin: DecorationPlugin = {\n  decorations: [getMentionDecorations],\n  selectionDecorations: [getMentionSelectionDecorations],\n};\n"],"names":["utils.getMarkDecoration","utils.isInRange","utils.getHideDecoration"],"mappings":";;;;;;;;;;;AAWA,SAAS,qBAAqB,CAAC,EAAE,WAAW,EAAE,IAAI,EAAwB,EAAA;AACxE,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe,EAAE;QACjC;;AAGF,IAAA,WAAW,CAAC,IAAI,CACdA,iBAAuB,CAAC;QACtB,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;QAC5C,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAC5B,KAAA,CAAC,CACH;AACH;AAEA,SAAS,8BAA8B,CAAC,EACtC,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,WAAW,GACmB,EAAA;AAC9B,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe,EAAE;QACjC;;AAGF,IAAA,IACE,WAAW;QACX,CAAC,IAAI,CAAC,QAAQ;QACd,CAACC,SAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,EACnE;QACA,WAAW,CAAC,IAAI,CAACC,iBAAuB,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;;AAEpF;AAEa,MAAA,uBAAuB,GAAqB;IACvD,WAAW,EAAE,CAAC,qBAAqB,CAAC;IACpC,oBAAoB,EAAE,CAAC,8BAA8B,CAAC;;;;;"}

package/lib/esm/extensions/markdown/strike-through/strike-through-decoration.js

@@ -12,11 +12,11 @@ function getStrikeThroughDecorations({ decorations, node }) {
         range: [node.from, node.to],
     }));
 }
-function getStrikeThroughSelectionDecorations({ decorations, node, view, isReadonly, }) {
+function getStrikeThroughSelectionDecorations({ decorations, node, view, forceActive, }) {
     if (node.name !== NAME_OF_STRIKE_THROUGH) {
         return;
     }
-    if (isReadonly ||
+    if (forceActive ||
         !view.hasFocus ||
         !isInRange(view.state.selection.ranges, [node.from, node.to])) {
         decorations.push(getHideDecoration({ range: [node.from, node.from + 2] }));

package/lib/esm/extensions/markdown/strike-through/strike-through-decoration.js.map

@@ -1 +1 @@
-{"version":3,"file":"strike-through-decoration.js","sources":["../../../../../src/extensions/markdown/strike-through/strike-through-decoration.ts"],"sourcesContent":["import { utils } from \"@/lib\";\nimport type {\n  DecorationPlugin,\n  GetDecorationOptions,\n  GetSelectionDecorationOptions,\n} from \"../markdown-types\";\nimport styles from \"../styles.module.scss\";\nimport { NAME_OF_STRIKE_THROUGH } from \"./strike-through-constants\";\n\nfunction getStrikeThroughDecorations({ decorations, node }: GetDecorationOptions) {\n  if (node.name !== NAME_OF_STRIKE_THROUGH) {\n    return;\n  }\n\n  decorations.push(\n    utils.getMarkDecoration({\n      style: styles[\"strike-through\"],\n      range: [node.from, node.to],\n    }),\n  );\n}\n\nfunction getStrikeThroughSelectionDecorations({\n  decorations,\n  node,\n  view,\n  isReadonly,\n}: GetSelectionDecorationOptions) {\n  if (node.name !== NAME_OF_STRIKE_THROUGH) {\n    return;\n  }\n\n  if (\n    isReadonly ||\n    !view.hasFocus ||\n    !utils.isInRange(view.state.selection.ranges, [node.from, node.to])\n  ) {\n    decorations.push(utils.getHideDecoration({ range: [node.from, node.from + 2] }));\n    decorations.push(utils.getHideDecoration({ range: [node.to - 2, node.to] }));\n  }\n}\n\nexport const strikeThroughDecorationPlugin: DecorationPlugin = {\n  decorations: [getStrikeThroughDecorations],\n  selectionDecorations: [getStrikeThroughSelectionDecorations],\n};\n"],"names":["utils.getMarkDecoration","utils.isInRange","utils.getHideDecoration"],"mappings":";;;;;AASA,SAAS,2BAA2B,CAAC,EAAE,WAAW,EAAE,IAAI,EAAwB,EAAA;AAC9E,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,sBAAsB,EAAE;QACxC;;AAGF,IAAA,WAAW,CAAC,IAAI,CACdA,iBAAuB,CAAC;AACtB,QAAA,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC;QAC/B,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAC5B,KAAA,CAAC,CACH;AACH;AAEA,SAAS,oCAAoC,CAAC,EAC5C,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,UAAU,GACoB,EAAA;AAC9B,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,sBAAsB,EAAE;QACxC;;AAGF,IAAA,IACE,UAAU;QACV,CAAC,IAAI,CAAC,QAAQ;QACd,CAACC,SAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,EACnE;QACA,WAAW,CAAC,IAAI,CAACC,iBAAuB,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;QAChF,WAAW,CAAC,IAAI,CAACA,iBAAuB,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;;AAEhF;AAEa,MAAA,6BAA6B,GAAqB;IAC7D,WAAW,EAAE,CAAC,2BAA2B,CAAC;IAC1C,oBAAoB,EAAE,CAAC,oCAAoC,CAAC;;;;;"}
+{"version":3,"file":"strike-through-decoration.js","sources":["../../../../../src/extensions/markdown/strike-through/strike-through-decoration.ts"],"sourcesContent":["import { utils } from \"@/lib\";\nimport type {\n  DecorationPlugin,\n  GetDecorationOptions,\n  GetSelectionDecorationOptions,\n} from \"../markdown-types\";\nimport styles from \"../styles.module.scss\";\nimport { NAME_OF_STRIKE_THROUGH } from \"./strike-through-constants\";\n\nfunction getStrikeThroughDecorations({ decorations, node }: GetDecorationOptions) {\n  if (node.name !== NAME_OF_STRIKE_THROUGH) {\n    return;\n  }\n\n  decorations.push(\n    utils.getMarkDecoration({\n      style: styles[\"strike-through\"],\n      range: [node.from, node.to],\n    }),\n  );\n}\n\nfunction getStrikeThroughSelectionDecorations({\n  decorations,\n  node,\n  view,\n  forceActive,\n}: GetSelectionDecorationOptions) {\n  if (node.name !== NAME_OF_STRIKE_THROUGH) {\n    return;\n  }\n\n  if (\n    forceActive ||\n    !view.hasFocus ||\n    !utils.isInRange(view.state.selection.ranges, [node.from, node.to])\n  ) {\n    decorations.push(utils.getHideDecoration({ range: [node.from, node.from + 2] }));\n    decorations.push(utils.getHideDecoration({ range: [node.to - 2, node.to] }));\n  }\n}\n\nexport const strikeThroughDecorationPlugin: DecorationPlugin = {\n  decorations: [getStrikeThroughDecorations],\n  selectionDecorations: [getStrikeThroughSelectionDecorations],\n};\n"],"names":["utils.getMarkDecoration","utils.isInRange","utils.getHideDecoration"],"mappings":";;;;;AASA,SAAS,2BAA2B,CAAC,EAAE,WAAW,EAAE,IAAI,EAAwB,EAAA;AAC9E,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,sBAAsB,EAAE;QACxC;;AAGF,IAAA,WAAW,CAAC,IAAI,CACdA,iBAAuB,CAAC;AACtB,QAAA,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC;QAC/B,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAC5B,KAAA,CAAC,CACH;AACH;AAEA,SAAS,oCAAoC,CAAC,EAC5C,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,WAAW,GACmB,EAAA;AAC9B,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,sBAAsB,EAAE;QACxC;;AAGF,IAAA,IACE,WAAW;QACX,CAAC,IAAI,CAAC,QAAQ;QACd,CAACC,SAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,EACnE;QACA,WAAW,CAAC,IAAI,CAACC,iBAAuB,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;QAChF,WAAW,CAAC,IAAI,CAACA,iBAAuB,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;;AAEhF;AAEa,MAAA,6BAA6B,GAAqB;IAC7D,WAAW,EAAE,CAAC,2BAA2B,CAAC;IAC1C,oBAAoB,EAAE,CAAC,oCAAoC,CAAC;;;;;"}

package/lib/esm/extensions/markdown/todo/todo-decoration.js

@@ -4,14 +4,14 @@ import styles from '../styles.module.scss.js';
 import { NAME_OF_TODO, NAME_OF_LIST_MARK, LIST_OF_TODO_MARKS } from './todo-constants.js';
 import { TodoWidget } from './todo-widget.js';
 
-function getTodoSelectionDecoration({ decorations, node, view, isReadonly, }) {
+function getTodoSelectionDecoration({ decorations, node, view, forceActive, }) {
     if (node.name !== NAME_OF_TODO)
         return;
     const prevSibling = node.node.prevSibling;
     if (!prevSibling || prevSibling.name !== NAME_OF_LIST_MARK)
         return;
     const isChecked = LIST_OF_TODO_MARKS.has(view.state.doc.sliceString(node.from + 1, node.from + 2).codePointAt(0) || 0);
-    if (isReadonly ||
+    if (forceActive ||
         !view.hasFocus ||
         !isInRange(view.state.selection.ranges, [prevSibling.from, node.from + 3])) {
         decorations.push(getReplaceDecoration({
@@ -21,7 +21,7 @@ function getTodoSelectionDecoration({ decorations, node, view, isReadonly, }) {
     }
     if (isChecked) {
         const line = view.lineBlockAt(node.from);
-        if (isReadonly ||
+        if (forceActive ||
             !view.hasFocus ||
             !isInRange(view.state.selection.ranges, [line.from, line.to]))
             decorations.push(getMarkDecoration({ style: styles.todo__checked, range: [node.from + 4, node.to] }));

package/lib/esm/extensions/markdown/todo/todo-decoration.js.map

@@ -1 +1 @@
-{"version":3,"file":"todo-decoration.js","sources":["../../../../../src/extensions/markdown/todo/todo-decoration.ts"],"sourcesContent":["import { utils } from \"@/lib\";\nimport type { DecorationPlugin, GetSelectionDecorationOptions } from \"../markdown-types\";\nimport styles from \"../styles.module.scss\";\nimport { LIST_OF_TODO_MARKS, NAME_OF_LIST_MARK, NAME_OF_TODO } from \"./todo-constants\";\nimport { TodoWidget } from \"./todo-widget\";\n\nfunction getTodoSelectionDecoration({\n  decorations,\n  node,\n  view,\n  isReadonly,\n}: GetSelectionDecorationOptions) {\n  if (node.name !== NAME_OF_TODO) return;\n\n  const prevSibling = node.node.prevSibling;\n  if (!prevSibling || prevSibling.name !== NAME_OF_LIST_MARK) return;\n\n  const isChecked = LIST_OF_TODO_MARKS.has(\n    view.state.doc.sliceString(node.from + 1, node.from + 2).codePointAt(0) || 0,\n  );\n\n  if (\n    isReadonly ||\n    !view.hasFocus ||\n    !utils.isInRange(view.state.selection.ranges, [prevSibling.from, node.from + 3])\n  ) {\n    decorations.push(\n      utils.getReplaceDecoration({\n        range: [node.from, node.from + 3],\n        widget: new TodoWidget(isChecked, node.from + 1),\n      }),\n    );\n  }\n\n  if (isChecked) {\n    const line = view.lineBlockAt(node.from);\n\n    if (\n      isReadonly ||\n      !view.hasFocus ||\n      !utils.isInRange(view.state.selection.ranges, [line.from, line.to])\n    )\n      decorations.push(\n        utils.getMarkDecoration({ style: styles.todo__checked, range: [node.from + 4, node.to] }),\n      );\n  }\n}\n\nexport const todoDecorationPlugin: DecorationPlugin = {\n  selectionDecorations: [getTodoSelectionDecoration],\n};\n"],"names":["utils.isInRange","utils.getReplaceDecoration","utils.getMarkDecoration"],"mappings":";;;;;;AAMA,SAAS,0BAA0B,CAAC,EAClC,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,UAAU,GACoB,EAAA;AAC9B,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY;QAAE;AAEhC,IAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW;AACzC,IAAA,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,KAAK,iBAAiB;QAAE;AAE5D,IAAA,MAAM,SAAS,GAAG,kBAAkB,CAAC,GAAG,CACtC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAC7E;AAED,IAAA,IACE,UAAU;QACV,CAAC,IAAI,CAAC,QAAQ;QACd,CAACA,SAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAChF;AACA,QAAA,WAAW,CAAC,IAAI,CACdC,oBAA0B,CAAC;YACzB,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;YACjC,MAAM,EAAE,IAAI,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;AACjD,SAAA,CAAC,CACH;;IAGH,IAAI,SAAS,EAAE;QACb,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;AAExC,QAAA,IACE,UAAU;YACV,CAAC,IAAI,CAAC,QAAQ;YACd,CAACD,SAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;AAEnE,YAAA,WAAW,CAAC,IAAI,CACdE,iBAAuB,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAC1F;;AAEP;AAEa,MAAA,oBAAoB,GAAqB;IACpD,oBAAoB,EAAE,CAAC,0BAA0B,CAAC;;;;;"}
+{"version":3,"file":"todo-decoration.js","sources":["../../../../../src/extensions/markdown/todo/todo-decoration.ts"],"sourcesContent":["import { utils } from \"@/lib\";\nimport type { DecorationPlugin, GetSelectionDecorationOptions } from \"../markdown-types\";\nimport styles from \"../styles.module.scss\";\nimport { LIST_OF_TODO_MARKS, NAME_OF_LIST_MARK, NAME_OF_TODO } from \"./todo-constants\";\nimport { TodoWidget } from \"./todo-widget\";\n\nfunction getTodoSelectionDecoration({\n  decorations,\n  node,\n  view,\n  forceActive,\n}: GetSelectionDecorationOptions) {\n  if (node.name !== NAME_OF_TODO) return;\n\n  const prevSibling = node.node.prevSibling;\n  if (!prevSibling || prevSibling.name !== NAME_OF_LIST_MARK) return;\n\n  const isChecked = LIST_OF_TODO_MARKS.has(\n    view.state.doc.sliceString(node.from + 1, node.from + 2).codePointAt(0) || 0,\n  );\n\n  if (\n    forceActive ||\n    !view.hasFocus ||\n    !utils.isInRange(view.state.selection.ranges, [prevSibling.from, node.from + 3])\n  ) {\n    decorations.push(\n      utils.getReplaceDecoration({\n        range: [node.from, node.from + 3],\n        widget: new TodoWidget(isChecked, node.from + 1),\n      }),\n    );\n  }\n\n  if (isChecked) {\n    const line = view.lineBlockAt(node.from);\n\n    if (\n      forceActive ||\n      !view.hasFocus ||\n      !utils.isInRange(view.state.selection.ranges, [line.from, line.to])\n    )\n      decorations.push(\n        utils.getMarkDecoration({ style: styles.todo__checked, range: [node.from + 4, node.to] }),\n      );\n  }\n}\n\nexport const todoDecorationPlugin: DecorationPlugin = {\n  selectionDecorations: [getTodoSelectionDecoration],\n};\n"],"names":["utils.isInRange","utils.getReplaceDecoration","utils.getMarkDecoration"],"mappings":";;;;;;AAMA,SAAS,0BAA0B,CAAC,EAClC,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,WAAW,GACmB,EAAA;AAC9B,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY;QAAE;AAEhC,IAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW;AACzC,IAAA,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,KAAK,iBAAiB;QAAE;AAE5D,IAAA,MAAM,SAAS,GAAG,kBAAkB,CAAC,GAAG,CACtC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAC7E;AAED,IAAA,IACE,WAAW;QACX,CAAC,IAAI,CAAC,QAAQ;QACd,CAACA,SAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAChF;AACA,QAAA,WAAW,CAAC,IAAI,CACdC,oBAA0B,CAAC;YACzB,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;YACjC,MAAM,EAAE,IAAI,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;AACjD,SAAA,CAAC,CACH;;IAGH,IAAI,SAAS,EAAE;QACb,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;AAExC,QAAA,IACE,WAAW;YACX,CAAC,IAAI,CAAC,QAAQ;YACd,CAACD,SAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;AAEnE,YAAA,WAAW,CAAC,IAAI,CACdE,iBAAuB,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAC1F;;AAEP;AAEa,MAAA,oBAAoB,GAAqB;IACpD,oBAAoB,EAAE,CAAC,0BAA0B,CAAC;;;;;"}

package/lib/esm/extensions/markdown/todo/todo-widget.js

@@ -1,3 +1,4 @@
+import '@codemirror/state';
 import { WidgetType } from '@codemirror/view';
 import { saveDispatch } from '../../../lib/utils/save-dispatch.js';
 import styles from '../styles.module.scss.js';

package/lib/esm/extensions/markdown/todo/todo-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"todo-widget.js","sources":["../../../../../src/extensions/markdown/todo/todo-widget.ts"],"sourcesContent":["import { type ChangeSpec } from \"@codemirror/state\";\nimport { type EditorView, WidgetType } from \"@codemirror/view\";\nimport { saveDispatch } from \"@/lib/utils\";\nimport styles from \"../styles.module.scss\";\n\nexport class TodoWidget extends WidgetType {\n  view: EditorView | undefined;\n\n  constructor(\n    public checked: boolean,\n    private readonly position: number,\n  ) {\n    super();\n  }\n\n  onClick(event: MouseEvent) {\n    event.stopPropagation();\n    event.preventDefault();\n\n    const target = event.target as HTMLInputElement;\n    const change: ChangeSpec = {\n      from: this.position,\n      to: this.position + 1,\n      insert: this.checked ? \" \" : \"x\",\n    };\n\n    saveDispatch(() => {\n      if (!this.view) return;\n\n      this.view.dispatch(this.view.state.update({ changes: change }));\n    });\n\n    this.checked = !this.checked;\n    target.checked = this.checked;\n  }\n\n  onBlock(event: MouseEvent) {\n    event.stopPropagation();\n    event.preventDefault();\n  }\n\n  toDOM(view: EditorView): HTMLElement {\n    const span = document.createElement(\"span\");\n    span.classList.add(styles.todo);\n    this.view = view;\n\n    const checkbox = document.createElement(\"input\");\n    checkbox.type = \"checkbox\";\n    checkbox.checked = this.checked;\n\n    checkbox.addEventListener(\"click\", this.onBlock.bind(this));\n    checkbox.addEventListener(\"mousedown\", this.onClick.bind(this));\n\n    span.appendChild(checkbox);\n\n    return span;\n  }\n\n  destroy(dom: HTMLElement): void {\n    dom.removeEventListener(\"click\", this.onBlock.bind(this));\n    dom.removeEventListener(\"mousedown\", this.onClick.bind(this));\n  }\n}\n"],"names":[],"mappings":";;;;AAKM,MAAO,UAAW,SAAQ,UAAU,CAAA;AAI/B,IAAA,OAAA;AACU,IAAA,QAAA;AAJnB,IAAA,IAAI;IAEJ,WACS,CAAA,OAAgB,EACN,QAAgB,EAAA;AAEjC,QAAA,KAAK,EAAE;QAHA,IAAO,CAAA,OAAA,GAAP,OAAO;QACG,IAAQ,CAAA,QAAA,GAAR,QAAQ;;AAK3B,IAAA,OAAO,CAAC,KAAiB,EAAA;QACvB,KAAK,CAAC,eAAe,EAAE;QACvB,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B;AAC/C,QAAA,MAAM,MAAM,GAAe;YACzB,IAAI,EAAE,IAAI,CAAC,QAAQ;AACnB,YAAA,EAAE,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC;YACrB,MAAM,EAAE,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,GAAG;SACjC;QAED,YAAY,CAAC,MAAK;YAChB,IAAI,CAAC,IAAI,CAAC,IAAI;gBAAE;YAEhB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;AACjE,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO;AAC5B,QAAA,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;;AAG/B,IAAA,OAAO,CAAC,KAAiB,EAAA;QACvB,KAAK,CAAC,eAAe,EAAE;QACvB,KAAK,CAAC,cAAc,EAAE;;AAGxB,IAAA,KAAK,CAAC,IAAgB,EAAA;QACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;QAC3C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC;AAC/B,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;QAEhB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAChD,QAAA,QAAQ,CAAC,IAAI,GAAG,UAAU;AAC1B,QAAA,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;AAE/B,QAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC3D,QAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAE/D,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;AAE1B,QAAA,OAAO,IAAI;;AAGb,IAAA,OAAO,CAAC,GAAgB,EAAA;AACtB,QAAA,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACzD,QAAA,GAAG,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;AAEhE;;;;"}
+{"version":3,"file":"todo-widget.js","sources":["../../../../../src/extensions/markdown/todo/todo-widget.ts"],"sourcesContent":["import { type ChangeSpec } from \"@codemirror/state\";\nimport { type EditorView, WidgetType } from \"@codemirror/view\";\nimport { saveDispatch } from \"@/lib/utils\";\nimport styles from \"../styles.module.scss\";\n\nexport class TodoWidget extends WidgetType {\n  view: EditorView | undefined;\n\n  constructor(\n    public checked: boolean,\n    private readonly position: number,\n  ) {\n    super();\n  }\n\n  onClick(event: MouseEvent) {\n    event.stopPropagation();\n    event.preventDefault();\n\n    const target = event.target as HTMLInputElement;\n    const change: ChangeSpec = {\n      from: this.position,\n      to: this.position + 1,\n      insert: this.checked ? \" \" : \"x\",\n    };\n\n    saveDispatch(() => {\n      if (!this.view) return;\n\n      this.view.dispatch(this.view.state.update({ changes: change }));\n    });\n\n    this.checked = !this.checked;\n    target.checked = this.checked;\n  }\n\n  onBlock(event: MouseEvent) {\n    event.stopPropagation();\n    event.preventDefault();\n  }\n\n  toDOM(view: EditorView): HTMLElement {\n    const span = document.createElement(\"span\");\n    span.classList.add(styles.todo);\n    this.view = view;\n\n    const checkbox = document.createElement(\"input\");\n    checkbox.type = \"checkbox\";\n    checkbox.checked = this.checked;\n\n    checkbox.addEventListener(\"click\", this.onBlock.bind(this));\n    checkbox.addEventListener(\"mousedown\", this.onClick.bind(this));\n\n    span.appendChild(checkbox);\n\n    return span;\n  }\n\n  destroy(dom: HTMLElement): void {\n    dom.removeEventListener(\"click\", this.onBlock.bind(this));\n    dom.removeEventListener(\"mousedown\", this.onClick.bind(this));\n  }\n}\n"],"names":[],"mappings":";;;;;AAKM,MAAO,UAAW,SAAQ,UAAU,CAAA;AAI/B,IAAA,OAAA;AACU,IAAA,QAAA;AAJnB,IAAA,IAAI;IAEJ,WACS,CAAA,OAAgB,EACN,QAAgB,EAAA;AAEjC,QAAA,KAAK,EAAE;QAHA,IAAO,CAAA,OAAA,GAAP,OAAO;QACG,IAAQ,CAAA,QAAA,GAAR,QAAQ;;AAK3B,IAAA,OAAO,CAAC,KAAiB,EAAA;QACvB,KAAK,CAAC,eAAe,EAAE;QACvB,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B;AAC/C,QAAA,MAAM,MAAM,GAAe;YACzB,IAAI,EAAE,IAAI,CAAC,QAAQ;AACnB,YAAA,EAAE,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC;YACrB,MAAM,EAAE,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,GAAG;SACjC;QAED,YAAY,CAAC,MAAK;YAChB,IAAI,CAAC,IAAI,CAAC,IAAI;gBAAE;YAEhB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;AACjE,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO;AAC5B,QAAA,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;;AAG/B,IAAA,OAAO,CAAC,KAAiB,EAAA;QACvB,KAAK,CAAC,eAAe,EAAE;QACvB,KAAK,CAAC,cAAc,EAAE;;AAGxB,IAAA,KAAK,CAAC,IAAgB,EAAA;QACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;QAC3C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC;AAC/B,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;QAEhB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAChD,QAAA,QAAQ,CAAC,IAAI,GAAG,UAAU;AAC1B,QAAA,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;AAE/B,QAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC3D,QAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAE/D,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;AAE1B,QAAA,OAAO,IAAI;;AAGb,IAAA,OAAO,CAAC,GAAgB,EAAA;AACtB,QAAA,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACzD,QAAA,GAAG,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;AAEhE;;;;"}

package/lib/esm/extensions/settings/init-settings.js

@@ -1,4 +1,5 @@
 import { history } from '@codemirror/commands';
+import '@codemirror/state';
 import { drawSelection, EditorView } from '@codemirror/view';
 import { ReadonlyCompartment, VimModeCompartment } from '../compartments/index.js';
 

package/lib/esm/extensions/settings/init-settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"init-settings.js","sources":["../../../../src/extensions/settings/init-settings.ts"],"sourcesContent":["import { history } from \"@codemirror/commands\";\nimport { type Extension } from \"@codemirror/state\";\nimport { EditorView, drawSelection } from \"@codemirror/view\";\nimport { ReadonlyCompartment, VimModeCompartment } from \"../compartments\";\n\nexport type InitSettingsOptions = {\n  readonly?: boolean;\n  vimMode?: boolean;\n};\n\nexport async function InitSettings({\n  readonly,\n  vimMode,\n}: InitSettingsOptions): Promise<Extension[]> {\n  let vimExtension: Extension = [];\n  if (vimMode) {\n    const { vim } = await import(\"@replit/codemirror-vim\");\n    vimExtension = [vim({ status: true }), drawSelection()];\n  }\n\n  return [\n    ReadonlyCompartment.of(EditorView.editable.of(!readonly)),\n    VimModeCompartment.of(vimExtension),\n    history(),\n  ];\n}\n"],"names":[],"mappings":";;;;AAUO,eAAe,YAAY,CAAC,EACjC,QAAQ,EACR,OAAO,GACa,EAAA;IACpB,IAAI,YAAY,GAAc,EAAE;IAChC,IAAI,OAAO,EAAE;QACX,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,OAAO,wBAAwB,CAAC;AACtD,QAAA,YAAY,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC;;IAGzD,OAAO;AACL,QAAA,mBAAmB,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;AACzD,QAAA,kBAAkB,CAAC,EAAE,CAAC,YAAY,CAAC;AACnC,QAAA,OAAO,EAAE;KACV;AACH;;;;"}
+{"version":3,"file":"init-settings.js","sources":["../../../../src/extensions/settings/init-settings.ts"],"sourcesContent":["import { history } from \"@codemirror/commands\";\nimport { type Extension } from \"@codemirror/state\";\nimport { EditorView, drawSelection } from \"@codemirror/view\";\nimport { ReadonlyCompartment, VimModeCompartment } from \"../compartments\";\n\nexport type InitSettingsOptions = {\n  readonly?: boolean;\n  vimMode?: boolean;\n};\n\nexport async function InitSettings({\n  readonly,\n  vimMode,\n}: InitSettingsOptions): Promise<Extension[]> {\n  let vimExtension: Extension = [];\n  if (vimMode) {\n    const { vim } = await import(\"@replit/codemirror-vim\");\n    vimExtension = [vim({ status: true }), drawSelection()];\n  }\n\n  return [\n    ReadonlyCompartment.of(EditorView.editable.of(!readonly)),\n    VimModeCompartment.of(vimExtension),\n    history(),\n  ];\n}\n"],"names":[],"mappings":";;;;;AAUO,eAAe,YAAY,CAAC,EACjC,QAAQ,EACR,OAAO,GACa,EAAA;IACpB,IAAI,YAAY,GAAc,EAAE;IAChC,IAAI,OAAO,EAAE;QACX,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,OAAO,wBAAwB,CAAC;AACtD,QAAA,YAAY,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC;;IAGzD,OAAO;AACL,QAAA,mBAAmB,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;AACzD,QAAA,kBAAkB,CAAC,EAAE,CAAC,YAAY,CAAC;AACnC,QAAA,OAAO,EAAE;KACV;AACH;;;;"}

package/lib/esm/index.js

@@ -1,2 +1,11 @@
 export { Editor } from './module/Editor/Editor.js';
+import './extensions/compartments/index.js';
+import '@codemirror/commands';
+import '@codemirror/view';
+import '@codemirror/language';
+import '@lezer/highlight';
+import '@codemirror/state';
+import '@codemirror/lang-markdown';
+import './extensions/markdown/markdown-decoration.js';
+import './extensions/markdown/markdown-state.js';
 //# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/lib/esm/lib/utils/get-decoration.js

@@ -5,9 +5,10 @@ function getLineDecoration({ style, range }) {
         class: style,
     }).range(range[0], range[1]);
 }
-function getMarkDecoration({ range, style }) {
+function getMarkDecoration({ range, style, attributes }) {
     return Decoration.mark({
         class: style,
+        attributes,
     }).range(range[0], range[1]);
 }
 function getHideDecoration({ range }) {

package/lib/esm/lib/utils/get-decoration.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-decoration.js","sources":["../../../../src/lib/utils/get-decoration.ts"],"sourcesContent":["import { Decoration, type WidgetType } from \"@codemirror/view\";\n\ntype GetLineDecorationOptions = {\n  style: string;\n  range: [number, number?];\n};\nexport function getLineDecoration({ style, range }: GetLineDecorationOptions) {\n  return Decoration.line({\n    class: style,\n  }).range(range[0], range[1]);\n}\n\ntype GetMarkDecorationOptions = {\n  style: string;\n  range: [number, number];\n};\nexport function getMarkDecoration({ range, style }: GetMarkDecorationOptions) {\n  return Decoration.mark({\n    class: style,\n  }).range(range[0], range[1]);\n}\n\ntype GetHideDecorationOptions = {\n  range: [number, number];\n};\nexport function getHideDecoration({ range }: GetHideDecorationOptions) {\n  return Decoration.replace({}).range(range[0], range[1]);\n}\n\ntype GetReplaceDecorationOptions = {\n  range: [number, number?];\n  widget: WidgetType;\n};\nexport function getReplaceDecoration({ range, widget }: GetReplaceDecorationOptions) {\n  return Decoration.replace({ widget }).range(range[0], range[1]);\n}\n\ntype GetWidgetDecorationOptions = {\n  widget: WidgetType;\n  range: [number, number?];\n};\nexport function getWidgetDecorationOptions({ widget, range }: GetWidgetDecorationOptions) {\n  return Decoration.widget({ widget, side: 1 }).range(range[0], range[1]);\n}\n"],"names":[],"mappings":";;SAMgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,EAA4B,EAAA;IAC1E,OAAO,UAAU,CAAC,IAAI,CAAC;AACrB,QAAA,KAAK,EAAE,KAAK;AACb,KAAA,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AAC9B;SAMgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,EAA4B,EAAA;IAC1E,OAAO,UAAU,CAAC,IAAI,CAAC;AACrB,QAAA,KAAK,EAAE,KAAK;AACb,KAAA,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AAC9B;AAKgB,SAAA,iBAAiB,CAAC,EAAE,KAAK,EAA4B,EAAA;AACnE,IAAA,OAAO,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACzD;SAMgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,EAA+B,EAAA;IACjF,OAAO,UAAU,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACjE;SAMgB,0BAA0B,CAAC,EAAE,MAAM,EAAE,KAAK,EAA8B,EAAA;IACtF,OAAO,UAAU,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACzE;;;;"}
+{"version":3,"file":"get-decoration.js","sources":["../../../../src/lib/utils/get-decoration.ts"],"sourcesContent":["import { Decoration, type WidgetType } from \"@codemirror/view\";\n\ntype GetLineDecorationOptions = {\n  style: string;\n  range: [number, number?];\n};\nexport function getLineDecoration({ style, range }: GetLineDecorationOptions) {\n  return Decoration.line({\n    class: style,\n  }).range(range[0], range[1]);\n}\n\ntype GetMarkDecorationOptions = {\n  style?: string;\n  attributes?: Record<string, string>;\n  range: [number, number];\n};\nexport function getMarkDecoration({ range, style, attributes }: GetMarkDecorationOptions) {\n  return Decoration.mark({\n    class: style,\n    attributes,\n  }).range(range[0], range[1]);\n}\n\ntype GetHideDecorationOptions = {\n  range: [number, number];\n};\nexport function getHideDecoration({ range }: GetHideDecorationOptions) {\n  return Decoration.replace({}).range(range[0], range[1]);\n}\n\ntype GetReplaceDecorationOptions = {\n  range: [number, number?];\n  widget: WidgetType;\n};\nexport function getReplaceDecoration({ range, widget }: GetReplaceDecorationOptions) {\n  return Decoration.replace({ widget }).range(range[0], range[1]);\n}\n\ntype GetWidgetDecorationOptions = {\n  widget: WidgetType;\n  range: [number, number?];\n};\nexport function getWidgetDecorationOptions({ widget, range }: GetWidgetDecorationOptions) {\n  return Decoration.widget({ widget, side: 1 }).range(range[0], range[1]);\n}\n"],"names":[],"mappings":";;SAMgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,EAA4B,EAAA;IAC1E,OAAO,UAAU,CAAC,IAAI,CAAC;AACrB,QAAA,KAAK,EAAE,KAAK;AACb,KAAA,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AAC9B;AAOM,SAAU,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAA4B,EAAA;IACtF,OAAO,UAAU,CAAC,IAAI,CAAC;AACrB,QAAA,KAAK,EAAE,KAAK;QACZ,UAAU;AACX,KAAA,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AAC9B;AAKgB,SAAA,iBAAiB,CAAC,EAAE,KAAK,EAA4B,EAAA;AACnE,IAAA,OAAO,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACzD;SAMgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,EAA+B,EAAA;IACjF,OAAO,UAAU,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACjE;SAMgB,0BAA0B,CAAC,EAAE,MAAM,EAAE,KAAK,EAA8B,EAAA;IACtF,OAAO,UAAU,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACzE;;;;"}

package/lib/esm/module/Editor/Editor.js

@@ -4,6 +4,10 @@ import '@codemirror/commands';
 import { saveDispatch } from '../../lib/utils/save-dispatch.js';
 import { getDarkTheme } from '../../extensions/theme/themes/get-dark-theme.js';
 import { getLightTheme } from '../../extensions/theme/themes/get-light-theme.js';
+import '@codemirror/state';
+import '@codemirror/lang-markdown';
+import '../../extensions/markdown/markdown-decoration.js';
+import '../../extensions/markdown/markdown-state.js';
 import { initEditor } from './lib/init-editor.js';
 
 class Editor {

package/lib/esm/module/Editor/Editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.js","sources":["../../../../src/module/Editor/Editor.ts"],"sourcesContent":["import { EditorView, drawSelection } from \"@codemirror/view\";\nimport type { WebsocketProvider } from \"y-websocket\";\nimport {\n  type EditorTheme,\n  ReadonlyCompartment,\n  ThemeCompartment,\n  VimModeCompartment,\n  getDarkTheme,\n  getLightTheme,\n} from \"@/extensions\";\nimport { saveDispatch } from \"@/lib/utils\";\nimport { type EditorArguments } from \"./Editor.types\";\nimport { initEditor } from \"./lib\";\n\nexport class Editor {\n  view: EditorView | undefined;\n\n  provider: WebsocketProvider | undefined;\n\n  arguments: EditorArguments;\n\n  constructor(options: EditorArguments) {\n    void initEditor(options).then((editor) => {\n      this.view = editor.view;\n      this.provider = editor.provider;\n    });\n\n    this.arguments = options;\n  }\n\n  focus = () => {\n    if (!this.view) return;\n\n    this.view.focus();\n  };\n\n  getContent = () => {\n    if (!this.view) return;\n\n    return this.view.state.doc.toString();\n  };\n\n  setContent = (content: string, position?: number) => {\n    if (!this.view) return;\n\n    if (position == undefined) {\n      const cursor = this.view.state.selection.main.head;\n      position = cursor;\n    }\n\n    const transaction = this.view.state.update({\n      changes: {\n        from: position,\n        insert: content,\n      },\n    });\n    saveDispatch(() => {\n      if (!this.view) return;\n\n      this.view.dispatch(transaction);\n    });\n  };\n\n  setReadonly = (readonly: boolean) => {\n    saveDispatch(() => {\n      if (!this.view) return;\n      this.view.dispatch({\n        effects: ReadonlyCompartment.reconfigure(EditorView.editable.of(!readonly)),\n      });\n    });\n  };\n\n  setTheme = (theme?: EditorTheme) => {\n    saveDispatch(() => {\n      if (!this.view) return;\n      this.view.dispatch({\n        effects: ThemeCompartment.reconfigure(\n          theme === \"dark\"\n            ? getDarkTheme({\n                dark: this.arguments.dark,\n                light: this.arguments.light,\n                theme,\n              })\n            : getLightTheme({\n                dark: this.arguments.dark,\n                light: this.arguments.light,\n                theme,\n              }),\n        ),\n      });\n    });\n  };\n\n  setVimMode = async (mode: boolean) => {\n    if (!this.view) return;\n\n    const { vim } = await import(\"@replit/codemirror-vim\");\n\n    saveDispatch(() => {\n      if (!this.view) return;\n      this.view.dispatch({\n        effects: VimModeCompartment.reconfigure(\n          mode ? [vim({ status: true }), drawSelection()] : [],\n        ),\n      });\n    });\n  };\n\n  setUserProvider = (name: string = \"Anonymous\", color: string = \"#000000\") => {\n    if (!this.provider) return;\n\n    this.provider.awareness.setLocalStateField(\"user\", { name, color });\n  };\n\n  destroy = () => {\n    saveDispatch(() => {\n      if (!this.view) return;\n      this.view.destroy();\n    });\n    saveDispatch(() => {\n      if (this.provider) this.provider.destroy();\n    });\n  };\n}\n\nexport type EditorInterface = typeof Editor;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Editor.js","sources":["../../../../src/module/Editor/Editor.ts"],"sourcesContent":["import { EditorView, drawSelection } from \"@codemirror/view\";\nimport type { WebsocketProvider } from \"y-websocket\";\nimport {\n  type EditorTheme,\n  ReadonlyCompartment,\n  ThemeCompartment,\n  VimModeCompartment,\n  getDarkTheme,\n  getLightTheme,\n} from \"@/extensions\";\nimport { saveDispatch } from \"@/lib/utils\";\nimport { type EditorArguments } from \"./Editor.types\";\nimport { initEditor } from \"./lib\";\n\nexport class Editor {\n  view: EditorView | undefined;\n\n  provider: WebsocketProvider | undefined;\n\n  arguments: EditorArguments;\n\n  constructor(options: EditorArguments) {\n    void initEditor(options).then((editor) => {\n      this.view = editor.view;\n      this.provider = editor.provider;\n    });\n\n    this.arguments = options;\n  }\n\n  focus = () => {\n    if (!this.view) return;\n\n    this.view.focus();\n  };\n\n  getContent = () => {\n    if (!this.view) return;\n\n    return this.view.state.doc.toString();\n  };\n\n  setContent = (content: string, position?: number) => {\n    if (!this.view) return;\n\n    if (position == undefined) {\n      const cursor = this.view.state.selection.main.head;\n      position = cursor;\n    }\n\n    const transaction = this.view.state.update({\n      changes: {\n        from: position,\n        insert: content,\n      },\n    });\n    saveDispatch(() => {\n      if (!this.view) return;\n\n      this.view.dispatch(transaction);\n    });\n  };\n\n  setReadonly = (readonly: boolean) => {\n    saveDispatch(() => {\n      if (!this.view) return;\n      this.view.dispatch({\n        effects: ReadonlyCompartment.reconfigure(EditorView.editable.of(!readonly)),\n      });\n    });\n  };\n\n  setTheme = (theme?: EditorTheme) => {\n    saveDispatch(() => {\n      if (!this.view) return;\n      this.view.dispatch({\n        effects: ThemeCompartment.reconfigure(\n          theme === \"dark\"\n            ? getDarkTheme({\n                dark: this.arguments.dark,\n                light: this.arguments.light,\n                theme,\n              })\n            : getLightTheme({\n                dark: this.arguments.dark,\n                light: this.arguments.light,\n                theme,\n              }),\n        ),\n      });\n    });\n  };\n\n  setVimMode = async (mode: boolean) => {\n    if (!this.view) return;\n\n    const { vim } = await import(\"@replit/codemirror-vim\");\n\n    saveDispatch(() => {\n      if (!this.view) return;\n      this.view.dispatch({\n        effects: VimModeCompartment.reconfigure(\n          mode ? [vim({ status: true }), drawSelection()] : [],\n        ),\n      });\n    });\n  };\n\n  setUserProvider = (name: string = \"Anonymous\", color: string = \"#000000\") => {\n    if (!this.provider) return;\n\n    this.provider.awareness.setLocalStateField(\"user\", { name, color });\n  };\n\n  destroy = () => {\n    saveDispatch(() => {\n      if (!this.view) return;\n      this.view.destroy();\n    });\n    saveDispatch(() => {\n      if (this.provider) this.provider.destroy();\n    });\n  };\n}\n\nexport type EditorInterface = typeof Editor;\n"],"names":[],"mappings":"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"}

package/lib/esm/module/Editor/lib/init-editor.js

@@ -1,4 +1,5 @@
 import { EditorView } from '@codemirror/view';
+import 'y-websocket';
 import { initEditorProvider } from './init-editor-provider.js';
 import { initEditorState } from './init-editor-state.js';
 

package/lib/esm/module/Editor/lib/init-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"init-editor.js","sources":["../../../../../src/module/Editor/lib/init-editor.ts"],"sourcesContent":["import { EditorView } from \"@codemirror/view\";\nimport { type WebsocketProvider } from \"y-websocket\";\nimport type { Text } from \"yjs\";\nimport type { EditorArguments } from \"../Editor.types\";\nimport { initEditorProvider } from \"./init-editor-provider\";\nimport { initEditorState } from \"./init-editor-state\";\n\nexport async function initEditor({ multiCursor, root, initialText, ...rest }: EditorArguments) {\n  let provider: WebsocketProvider | undefined;\n  let multiCursorText: Text | undefined;\n\n  if (multiCursor) {\n    const editorProvider = await initEditorProvider({ ...multiCursor, initialText });\n    provider = editorProvider.provider;\n    multiCursorText = editorProvider.multiCursorText;\n  }\n\n  const state = await initEditorState({\n    ...rest,\n    text: initialText || \"\",\n    provider,\n    multiCursorText,\n  });\n  const view = new EditorView({\n    state,\n    parent: root,\n  });\n\n  return { view, provider };\n}\n"],"names":[],"mappings":";;;;AAOO,eAAe,UAAU,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAmB,EAAA;AAC3F,IAAA,IAAI,QAAuC;AAC3C,IAAA,IAAI,eAAiC;IAErC,IAAI,WAAW,EAAE;AACf,QAAA,MAAM,cAAc,GAAG,MAAM,kBAAkB,CAAC,EAAE,GAAG,WAAW,EAAE,WAAW,EAAE,CAAC;AAChF,QAAA,QAAQ,GAAG,cAAc,CAAC,QAAQ;AAClC,QAAA,eAAe,GAAG,cAAc,CAAC,eAAe;;AAGlD,IAAA,MAAM,KAAK,GAAG,MAAM,eAAe,CAAC;AAClC,QAAA,GAAG,IAAI;QACP,IAAI,EAAE,WAAW,IAAI,EAAE;QACvB,QAAQ;QACR,eAAe;AAChB,KAAA,CAAC;AACF,IAAA,MAAM,IAAI,GAAG,IAAI,UAAU,CAAC;QAC1B,KAAK;AACL,QAAA,MAAM,EAAE,IAAI;AACb,KAAA,CAAC;AAEF,IAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE;AAC3B;;;;"}
+{"version":3,"file":"init-editor.js","sources":["../../../../../src/module/Editor/lib/init-editor.ts"],"sourcesContent":["import { EditorView } from \"@codemirror/view\";\nimport { type WebsocketProvider } from \"y-websocket\";\nimport type { Text } from \"yjs\";\nimport type { EditorArguments } from \"../Editor.types\";\nimport { initEditorProvider } from \"./init-editor-provider\";\nimport { initEditorState } from \"./init-editor-state\";\n\nexport async function initEditor({ multiCursor, root, initialText, ...rest }: EditorArguments) {\n  let provider: WebsocketProvider | undefined;\n  let multiCursorText: Text | undefined;\n\n  if (multiCursor) {\n    const editorProvider = await initEditorProvider({ ...multiCursor, initialText });\n    provider = editorProvider.provider;\n    multiCursorText = editorProvider.multiCursorText;\n  }\n\n  const state = await initEditorState({\n    ...rest,\n    text: initialText || \"\",\n    provider,\n    multiCursorText,\n  });\n  const view = new EditorView({\n    state,\n    parent: root,\n  });\n\n  return { view, provider };\n}\n"],"names":[],"mappings":";;;;;AAOO,eAAe,UAAU,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAmB,EAAA;AAC3F,IAAA,IAAI,QAAuC;AAC3C,IAAA,IAAI,eAAiC;IAErC,IAAI,WAAW,EAAE;AACf,QAAA,MAAM,cAAc,GAAG,MAAM,kBAAkB,CAAC,EAAE,GAAG,WAAW,EAAE,WAAW,EAAE,CAAC;AAChF,QAAA,QAAQ,GAAG,cAAc,CAAC,QAAQ;AAClC,QAAA,eAAe,GAAG,cAAc,CAAC,eAAe;;AAGlD,IAAA,MAAM,KAAK,GAAG,MAAM,eAAe,CAAC;AAClC,QAAA,GAAG,IAAI;QACP,IAAI,EAAE,WAAW,IAAI,EAAE;QACvB,QAAQ;QACR,eAAe;AAChB,KAAA,CAAC;AACF,IAAA,MAAM,IAAI,GAAG,IAAI,UAAU,CAAC;QAC1B,KAAK;AACL,QAAA,MAAM,EAAE,IAAI;AACb,KAAA,CAAC;AAEF,IAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE;AAC3B;;;;"}

package/lib/index.d.ts

@@ -75,6 +75,7 @@ type InitListenersOptions = GetFocusEventOptions & GetChangeEventOptions;
 
 type InitMarkdownOptions = {
     languages?: LanguageDescription[];
+    imageSrcGetter?: (src: string) => string;
 };
 type GetDecorationOptions = {
     node: SyntaxNodeRef;
@@ -85,7 +86,7 @@ type GetSelectionDecorationOptions = {
     node: SyntaxNodeRef;
     decorations: Range<Decoration>[];
     view: EditorView;
-    isReadonly: boolean;
+    forceActive: boolean;
 };
 type GetDecorationFunction = (options: GetDecorationOptions) => void;
 type GetSelectionDecorationFunction = (options: GetSelectionDecorationOptions) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krainovsd/markdown-editor",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Krainov markdown-editor",
   "type": "module",
   "author": "KrainovSD <denislosev48@gmail.com>",