@krainovsd/markdown-editor 0.0.3 → 0.1.0

package/lib/esm/lib/utils/copy-to-clipboard.js

@@ -0,0 +1,35 @@
+function copyToClipboard(content) {
+    if (navigator.clipboard && window.isSecureContext) {
+        return navigator.clipboard.writeText(content);
+    }
+    return fallbackCopyTextToClipboard(content);
+}
+function fallbackCopyTextToClipboard(content) {
+    const textArea = document.createElement("textarea");
+    textArea.value = content;
+    textArea.style.top = "0";
+    textArea.style.left = "0";
+    textArea.style.opacity = "0";
+    textArea.style.position = "fixed";
+    document.body.appendChild(textArea);
+    textArea.focus();
+    textArea.select();
+    return new Promise((resolve, reject) => {
+        try {
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
+            if (document.execCommand("copy"))
+                resolve();
+            else
+                reject();
+        }
+        catch {
+            reject();
+        }
+        finally {
+            document.body.removeChild(textArea);
+        }
+    });
+}
+
+export { copyToClipboard };
+//# sourceMappingURL=copy-to-clipboard.js.map

package/lib/esm/lib/utils/copy-to-clipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-to-clipboard.js","sources":["../../../../src/lib/utils/copy-to-clipboard.ts"],"sourcesContent":["export function copyToClipboard(content: string): Promise<void> {\n  if (navigator.clipboard && window.isSecureContext) {\n    return navigator.clipboard.writeText(content);\n  }\n\n  return fallbackCopyTextToClipboard(content);\n}\n\nfunction fallbackCopyTextToClipboard(content: string) {\n  const textArea = document.createElement(\"textarea\");\n  textArea.value = content;\n\n  textArea.style.top = \"0\";\n  textArea.style.left = \"0\";\n  textArea.style.opacity = \"0\";\n  textArea.style.position = \"fixed\";\n\n  document.body.appendChild(textArea);\n  textArea.focus();\n  textArea.select();\n\n  return new Promise<void>((resolve, reject) => {\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      if (document.execCommand(\"copy\")) resolve();\n      else reject();\n    } catch {\n      reject();\n    } finally {\n      document.body.removeChild(textArea);\n    }\n  });\n}\n"],"names":[],"mappings":"AAAM,SAAU,eAAe,CAAC,OAAe,EAAA;IAC7C,IAAI,SAAS,CAAC,SAAS,IAAI,MAAM,CAAC,eAAe,EAAE;QACjD,OAAO,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;;AAG/C,IAAA,OAAO,2BAA2B,CAAC,OAAO,CAAC;AAC7C;AAEA,SAAS,2BAA2B,CAAC,OAAe,EAAA;IAClD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC;AACnD,IAAA,QAAQ,CAAC,KAAK,GAAG,OAAO;AAExB,IAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG;AACxB,IAAA,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG;AACzB,IAAA,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG;AAC5B,IAAA,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO;AAEjC,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;IACnC,QAAQ,CAAC,KAAK,EAAE;IAChB,QAAQ,CAAC,MAAM,EAAE;IAEjB,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,KAAI;AAC3C,QAAA,IAAI;;AAEF,YAAA,IAAI,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC;AAAE,gBAAA,OAAO,EAAE;;AACtC,gBAAA,MAAM,EAAE;;AACb,QAAA,MAAM;AACN,YAAA,MAAM,EAAE;;gBACA;AACR,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;;AAEvC,KAAC,CAAC;AACJ;;;;"}

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

@@ -0,0 +1,24 @@
+import { Decoration } from '@codemirror/view';
+
+function getLineDecoration({ style, range }) {
+    return Decoration.line({
+        class: style,
+    }).range(range[0], range[1]);
+}
+function getMarkDecoration({ range, style }) {
+    return Decoration.mark({
+        class: style,
+    }).range(range[0], range[1]);
+}
+function getHideDecoration({ range }) {
+    return Decoration.replace({}).range(range[0], range[1]);
+}
+function getReplaceDecoration({ range, widget }) {
+    return Decoration.replace({ widget }).range(range[0], range[1]);
+}
+function getWidgetDecorationOptions({ widget, range }) {
+    return Decoration.widget({ widget, side: 1 }).range(range[0], range[1]);
+}
+
+export { getHideDecoration, getLineDecoration, getMarkDecoration, getReplaceDecoration, getWidgetDecorationOptions };
+//# sourceMappingURL=get-decoration.js.map

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

@@ -0,0 +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;;;;"}

package/lib/esm/lib/utils/is-in-range.js

@@ -0,0 +1,8 @@
+import { isRangeOverlap } from './is-range-overlap.js';
+
+function isInRange(ranges, text) {
+    return ranges.some((range) => isRangeOverlap([range.from, range.to], text));
+}
+
+export { isInRange };
+//# sourceMappingURL=is-in-range.js.map

package/lib/esm/lib/utils/is-in-range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-in-range.js","sources":["../../../../src/lib/utils/is-in-range.ts"],"sourcesContent":["import type { SelectionRange } from \"@codemirror/state\";\nimport { isRangeOverlap } from \"./is-range-overlap\";\n\nexport function isInRange(ranges: readonly SelectionRange[], text: [number, number]) {\n  return ranges.some((range) => isRangeOverlap([range.from, range.to], text));\n}\n"],"names":[],"mappings":";;AAGgB,SAAA,SAAS,CAAC,MAAiC,EAAE,IAAsB,EAAA;IACjF,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,cAAc,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;AAC7E;;;;"}

package/lib/esm/lib/utils/is-range-overlap.js

@@ -0,0 +1,6 @@
+function isRangeOverlap(range, text) {
+    return range[0] <= text[1] && text[0] <= range[1];
+}
+
+export { isRangeOverlap };
+//# sourceMappingURL=is-range-overlap.js.map

package/lib/esm/lib/utils/is-range-overlap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-range-overlap.js","sources":["../../../../src/lib/utils/is-range-overlap.ts"],"sourcesContent":["export function isRangeOverlap(range: [number, number], text: [number, number]) {\n  return range[0] <= text[1] && text[0] <= range[1];\n}\n"],"names":[],"mappings":"AAAgB,SAAA,cAAc,CAAC,KAAuB,EAAE,IAAsB,EAAA;AAC5E,IAAA,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;AACnD;;;;"}

package/lib/esm/lib/utils/tick.js

@@ -0,0 +1,22 @@
+function tick({ deep = 1, maxDeep = 1, delay = 0, recursiveCondition, delayGetter, type = "macro", }) {
+    return new Promise((resolve) => {
+        if (type === "micro") {
+            if (deep >= maxDeep || !recursiveCondition || recursiveCondition())
+                resolve(1);
+            else
+                void tick({ deep: deep + 1, maxDeep, delay, recursiveCondition, type, delayGetter }).then(() => resolve(1));
+        }
+        if (type === "macro") {
+            const currentDelay = delayGetter ? delayGetter(deep) : delay;
+            setTimeout(() => {
+                if (deep >= maxDeep || !recursiveCondition || recursiveCondition())
+                    resolve(1);
+                else
+                    void tick({ deep: deep + 1, maxDeep, delay, recursiveCondition, type, delayGetter }).then(() => resolve(1));
+            }, currentDelay);
+        }
+    });
+}
+
+export { tick };
+//# sourceMappingURL=tick.js.map

package/lib/esm/lib/utils/tick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tick.js","sources":["../../../../src/lib/utils/tick.ts"],"sourcesContent":["type TickOptions = {\n  type?: \"micro\" | \"macro\";\n  delay?: number;\n  deep?: number;\n  maxDeep?: number;\n  recursiveCondition?: () => boolean;\n  delayGetter?: (deep: number) => number;\n};\n\nexport function tick({\n  deep = 1,\n  maxDeep = 1,\n  delay = 0,\n  recursiveCondition,\n  delayGetter,\n  type = \"macro\",\n}: TickOptions) {\n  return new Promise((resolve) => {\n    if (type === \"micro\") {\n      if (deep >= maxDeep || !recursiveCondition || recursiveCondition()) resolve(1);\n      else\n        void tick({ deep: deep + 1, maxDeep, delay, recursiveCondition, type, delayGetter }).then(\n          () => resolve(1),\n        );\n    }\n    if (type === \"macro\") {\n      const currentDelay = delayGetter ? delayGetter(deep) : delay;\n\n      setTimeout(() => {\n        if (deep >= maxDeep || !recursiveCondition || recursiveCondition()) resolve(1);\n        else\n          void tick({ deep: deep + 1, maxDeep, delay, recursiveCondition, type, delayGetter }).then(\n            () => resolve(1),\n          );\n      }, currentDelay);\n    }\n  });\n}\n"],"names":[],"mappings":"AASM,SAAU,IAAI,CAAC,EACnB,IAAI,GAAG,CAAC,EACR,OAAO,GAAG,CAAC,EACX,KAAK,GAAG,CAAC,EACT,kBAAkB,EAClB,WAAW,EACX,IAAI,GAAG,OAAO,GACF,EAAA;AACZ,IAAA,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,KAAI;AAC7B,QAAA,IAAI,IAAI,KAAK,OAAO,EAAE;YACpB,IAAI,IAAI,IAAI,OAAO,IAAI,CAAC,kBAAkB,IAAI,kBAAkB,EAAE;gBAAE,OAAO,CAAC,CAAC,CAAC;;AAE5E,gBAAA,KAAK,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,IAAI,CACvF,MAAM,OAAO,CAAC,CAAC,CAAC,CACjB;;AAEL,QAAA,IAAI,IAAI,KAAK,OAAO,EAAE;AACpB,YAAA,MAAM,YAAY,GAAG,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,KAAK;YAE5D,UAAU,CAAC,MAAK;gBACd,IAAI,IAAI,IAAI,OAAO,IAAI,CAAC,kBAAkB,IAAI,kBAAkB,EAAE;oBAAE,OAAO,CAAC,CAAC,CAAC;;AAE5E,oBAAA,KAAK,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,IAAI,CACvF,MAAM,OAAO,CAAC,CAAC,CAAC,CACjB;aACJ,EAAE,YAAY,CAAC;;AAEpB,KAAC,CAAC;AACJ;;;;"}

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

@@ -0,0 +1,91 @@
+import { EditorView, drawSelection } from '@codemirror/view';
+import { ReadonlyCompartment, ThemeCompartment, VimModeCompartment } from '../../extensions/compartments/index.js';
+import '@codemirror/commands';
+import { getDarkTheme } from '../../extensions/theme/themes/get-dark-theme.js';
+import { getLightTheme } from '../../extensions/theme/themes/get-light-theme.js';
+import { initEditor } from './lib/init-editor.js';
+
+class Editor {
+    view;
+    provider;
+    arguments;
+    constructor(options) {
+        void initEditor(options).then((editor) => {
+            this.view = editor.view;
+            this.provider = editor.provider;
+        });
+        this.arguments = options;
+    }
+    focus = () => {
+        if (!this.view)
+            return;
+        this.view.focus();
+    };
+    getContent = () => {
+        if (!this.view)
+            return;
+        return this.view.state.doc.toString();
+    };
+    setContent = (content, position) => {
+        if (!this.view)
+            return;
+        if (position == undefined) {
+            const cursor = this.view.state.selection.main.head;
+            position = cursor;
+        }
+        const transaction = this.view.state.update({
+            changes: {
+                from: position,
+                insert: content,
+            },
+        });
+        this.view.dispatch(transaction);
+    };
+    setReadonly = (readonly) => {
+        if (!this.view)
+            return;
+        this.view.dispatch({
+            effects: ReadonlyCompartment.reconfigure(EditorView.editable.of(!readonly)),
+        });
+    };
+    setTheme = (theme) => {
+        if (!this.view)
+            return;
+        this.view.dispatch({
+            effects: ThemeCompartment.reconfigure(theme === "dark"
+                ? getDarkTheme({
+                    dark: this.arguments.dark,
+                    light: this.arguments.light,
+                    theme,
+                })
+                : getLightTheme({
+                    dark: this.arguments.dark,
+                    light: this.arguments.light,
+                    theme,
+                })),
+        });
+    };
+    setVimMode = async (mode) => {
+        if (!this.view)
+            return;
+        const { vim } = await import('@replit/codemirror-vim');
+        this.view.dispatch({
+            effects: VimModeCompartment.reconfigure(mode ? [vim({ status: true }), drawSelection()] : []),
+        });
+    };
+    setUserProvider = (name = "Anonymous", color = "#000000") => {
+        if (!this.provider)
+            return;
+        this.provider.awareness.setLocalStateField("user", { name, color });
+    };
+    destroy = () => {
+        if (!this.view)
+            return;
+        this.view.destroy();
+        if (this.provider)
+            this.provider.destroy();
+    };
+}
+
+export { Editor };
+//# sourceMappingURL=Editor.js.map

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

@@ -0,0 +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 { 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    this.view.dispatch(transaction);\n  };\n\n  setReadonly = (readonly: boolean) => {\n    if (!this.view) return;\n\n    this.view.dispatch({\n      effects: ReadonlyCompartment.reconfigure(EditorView.editable.of(!readonly)),\n    });\n  };\n\n  setTheme = (theme?: EditorTheme) => {\n    if (!this.view) return;\n\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  setVimMode = async (mode: boolean) => {\n    if (!this.view) return;\n\n    const { vim } = await import(\"@replit/codemirror-vim\");\n\n    this.view.dispatch({\n      effects: VimModeCompartment.reconfigure(mode ? [vim({ status: true }), drawSelection()] : []),\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    if (!this.view) return;\n\n    this.view.destroy();\n    if (this.provider) this.provider.destroy();\n  };\n}\n\nexport type EditorInterface = typeof Editor;\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+async function initEditorProvider({ roomId, url, userName = "Anonymous", userColor, initialText, onStartProvider, }) {
+    const { Doc } = await import('yjs');
+    const { WebsocketProvider } = await import('y-websocket');
+    const multiCursorDocument = new Doc();
+    const multiCursorText = multiCursorDocument.getText(roomId);
+    if (!userColor || !userColor.startsWith("#")) {
+        // eslint-disable-next-line no-console
+        console.warn("user color must be hex!");
+        userColor = "#30bced";
+    }
+    const userColorLight = `${userColor.substring(0, 7)}33`;
+    const provider = new WebsocketProvider(url, roomId, multiCursorDocument);
+    provider.awareness.setLocalStateField("user", {
+        name: userName,
+        color: userColor,
+        colorLight: userColorLight,
+    });
+    if (onStartProvider)
+        provider.on("status", (event) => {
+            onStartProvider(event?.status);
+        });
+    if (provider && multiCursorText)
+        provider.on("sync", (isSynced) => {
+            if (isSynced && !multiCursorText.length && initialText) {
+                multiCursorText.insert(0, initialText);
+            }
+        });
+    return { provider, multiCursorText };
+}
+
+export { initEditorProvider };
+//# sourceMappingURL=init-editor-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"init-editor-provider.js","sources":["../../../../../src/module/Editor/lib/init-editor-provider.ts"],"sourcesContent":["import type { MultiCursorOptions } from \"../Editor.types\";\n\ntype InitEditorProviderOptions = {\n  initialText?: string;\n} & MultiCursorOptions;\n\nexport async function initEditorProvider({\n  roomId,\n  url,\n  userName = \"Anonymous\",\n  userColor,\n  initialText,\n  onStartProvider,\n}: InitEditorProviderOptions) {\n  const { Doc } = await import(\"yjs\");\n  const { WebsocketProvider } = await import(\"y-websocket\");\n\n  const multiCursorDocument = new Doc();\n  const multiCursorText = multiCursorDocument.getText(roomId);\n\n  if (!userColor || !userColor.startsWith(\"#\")) {\n    // eslint-disable-next-line no-console\n    console.warn(\"user color must be hex!\");\n    userColor = \"#30bced\";\n  }\n  const userColorLight = `${userColor.substring(0, 7)}33`;\n\n  const provider = new WebsocketProvider(url, roomId, multiCursorDocument);\n  provider.awareness.setLocalStateField(\"user\", {\n    name: userName,\n    color: userColor,\n    colorLight: userColorLight,\n  });\n\n  if (onStartProvider)\n    provider.on(\"status\", (event: { status: string }) => {\n      onStartProvider(event?.status);\n    });\n\n  if (provider && multiCursorText)\n    provider.on(\"sync\", (isSynced: boolean) => {\n      if (isSynced && !multiCursorText.length && initialText) {\n        multiCursorText.insert(0, initialText);\n      }\n    });\n\n  return { provider, multiCursorText };\n}\n"],"names":[],"mappings":"AAMO,eAAe,kBAAkB,CAAC,EACvC,MAAM,EACN,GAAG,EACH,QAAQ,GAAG,WAAW,EACtB,SAAS,EACT,WAAW,EACX,eAAe,GACW,EAAA;IAC1B,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,OAAO,KAAK,CAAC;IACnC,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,OAAO,aAAa,CAAC;AAEzD,IAAA,MAAM,mBAAmB,GAAG,IAAI,GAAG,EAAE;IACrC,MAAM,eAAe,GAAG,mBAAmB,CAAC,OAAO,CAAC,MAAM,CAAC;IAE3D,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;;AAE5C,QAAA,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC;QACvC,SAAS,GAAG,SAAS;;AAEvB,IAAA,MAAM,cAAc,GAAG,CAAG,EAAA,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,EAAA,CAAI;IAEvD,MAAM,QAAQ,GAAG,IAAI,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,mBAAmB,CAAC;AACxE,IAAA,QAAQ,CAAC,SAAS,CAAC,kBAAkB,CAAC,MAAM,EAAE;AAC5C,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,UAAU,EAAE,cAAc;AAC3B,KAAA,CAAC;AAEF,IAAA,IAAI,eAAe;QACjB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAyB,KAAI;AAClD,YAAA,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC;AAChC,SAAC,CAAC;IAEJ,IAAI,QAAQ,IAAI,eAAe;QAC7B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,QAAiB,KAAI;YACxC,IAAI,QAAQ,IAAI,CAAC,eAAe,CAAC,MAAM,IAAI,WAAW,EAAE;AACtD,gBAAA,eAAe,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,CAAC;;AAE1C,SAAC,CAAC;AAEJ,IAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE;AACtC;;;;"}

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

@@ -0,0 +1,18 @@
+import { EditorState } from '@codemirror/state';
+import '../../../extensions/compartments/index.js';
+import { initExtensions } from '../../../extensions/init-extensions.js';
+import '@codemirror/view';
+import '@codemirror/language';
+import '@lezer/highlight';
+
+async function initEditorState({ text, ...rest }) {
+    const extensions = await initExtensions(rest);
+    return EditorState.create({
+        // eslint-disable-next-line @typescript-eslint/no-base-to-string
+        doc: rest.multiCursorText ? rest.multiCursorText.toString() : text,
+        extensions,
+    });
+}
+
+export { initEditorState };
+//# sourceMappingURL=init-editor-state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"init-editor-state.js","sources":["../../../../../src/module/Editor/lib/init-editor-state.ts"],"sourcesContent":["import { EditorState } from \"@codemirror/state\";\nimport { type InitExtensionsOptions, initExtensions } from \"@/extensions\";\n\ntype InitEditorStateOptions = {\n  text: string;\n} & InitExtensionsOptions;\n\nexport async function initEditorState({ text, ...rest }: InitEditorStateOptions) {\n  const extensions = await initExtensions(rest);\n\n  return EditorState.create({\n    // eslint-disable-next-line @typescript-eslint/no-base-to-string\n    doc: rest.multiCursorText ? rest.multiCursorText.toString() : text,\n    extensions,\n  });\n}\n"],"names":[],"mappings":";;;;;;;AAOO,eAAe,eAAe,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAA0B,EAAA;AAC7E,IAAA,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,IAAI,CAAC;IAE7C,OAAO,WAAW,CAAC,MAAM,CAAC;;AAExB,QAAA,GAAG,EAAE,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,GAAG,IAAI;QAClE,UAAU;AACX,KAAA,CAAC;AACJ;;;;"}

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

@@ -0,0 +1,27 @@
+import { EditorView } from '@codemirror/view';
+import { initEditorProvider } from './init-editor-provider.js';
+import { initEditorState } from './init-editor-state.js';
+
+async function initEditor({ multiCursor, root, initialText, ...rest }) {
+    let provider;
+    let multiCursorText;
+    if (multiCursor) {
+        const editorProvider = await initEditorProvider({ ...multiCursor, initialText });
+        provider = editorProvider.provider;
+        multiCursorText = editorProvider.multiCursorText;
+    }
+    const state = await initEditorState({
+        ...rest,
+        text: initialText || "",
+        provider,
+        multiCursorText,
+    });
+    const view = new EditorView({
+        state,
+        parent: root,
+    });
+    return { view, provider };
+}
+
+export { initEditor };
+//# sourceMappingURL=init-editor.js.map

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

@@ -0,0 +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;;;;"}

package/lib/esm/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js

@@ -0,0 +1,29 @@
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as default };
+//# sourceMappingURL=style-inject.es.js.map

package/lib/esm/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es.js","sources":["../../../../../../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAY,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO;;AAExD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B;AACA,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B;;AAEA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD;AACA;;;;","x_google_ignoreList":[0]}

package/lib/index.d.ts

@@ -0,0 +1,137 @@
+import { KeyBinding, EditorView, ViewUpdate, Decoration } from '@codemirror/view';
+import { WebsocketProvider } from 'y-websocket';
+import { Text } from 'yjs';
+import { EditorState, Range } from '@codemirror/state';
+import { LanguageDescription } from '@codemirror/language';
+import { SyntaxNodeRef } from '@lezer/common';
+
+type EditorTheme = "dark" | "light";
+type InitThemeOptions = {
+    dark?: ThemeOptions;
+    light?: ThemeOptions;
+    theme?: EditorTheme;
+};
+type ThemeOptions = {
+    themeConfig?: ThemeConfig;
+    highlightConfig?: HighlightConfig;
+};
+type ThemeConfig = {
+    fontFamily?: string;
+    color?: string;
+    background?: string;
+    codeBackground?: string;
+    codeColor?: string;
+    codeButtonColor?: string;
+    codeButtonBackground?: string;
+    horizontalColor?: string;
+    linkColor?: string;
+    blockquoteColor?: string;
+    mentionColor?: string;
+    vimSelectionFocused?: string;
+    vimSelection?: string;
+};
+type HighlightConfig = {
+    keyword?: string;
+    variable?: string;
+    function?: string;
+    string?: string;
+    constant?: string;
+    type?: string;
+    class?: string;
+    number?: string;
+    comment?: string;
+    heading?: string;
+    invalid?: string;
+    regexp?: string;
+};
+
+type InitKeyMapsOptions = {
+    onEnter?: HandleEnterKeyMapEditorFunction;
+    onEscape?: HandleEscapeKeyMapEditorFunction;
+    keyMaps?: CustomKeyMap[];
+    defaultKeyMaps?: DefaultKeyMapsOptions;
+};
+type CustomKeyMap = KeyBinding;
+type HandleEnterKeyMapEditorFunction = (view: EditorView) => boolean;
+type HandleEscapeKeyMapEditorFunction = (view: EditorView) => boolean;
+type DefaultKeyMapsOptions = {
+    vim?: boolean;
+    theme?: boolean;
+};
+
+type GetChangeEventOptions = {
+    onChange?: HandleChangeEditorFunction;
+};
+type HandleChangeEditorFunction = (view: ViewUpdate) => void;
+
+type GetFocusEventOptions = {
+    onFocus?: HandleFocusEditorFunction;
+    onBlur?: HandleBlurEditorFunction;
+};
+type HandleFocusEditorFunction = (state: EditorState) => void;
+type HandleBlurEditorFunction = (state: EditorState) => void;
+
+type InitListenersOptions = GetFocusEventOptions & GetChangeEventOptions;
+
+type InitMarkdownOptions = {
+    languages?: LanguageDescription[];
+};
+type GetDecorationOptions = {
+    node: SyntaxNodeRef;
+    decorations: Range<Decoration>[];
+    view: EditorView;
+};
+type GetSelectionDecorationOptions = {
+    node: SyntaxNodeRef;
+    decorations: Range<Decoration>[];
+    view: EditorView;
+    isReadonly: boolean;
+};
+type GetDecorationFunction = (options: GetDecorationOptions) => void;
+type GetSelectionDecorationFunction = (options: GetSelectionDecorationOptions) => void;
+type DecorationPlugin = {
+    decorations?: GetDecorationFunction[];
+    selectionDecorations?: GetSelectionDecorationFunction[];
+};
+
+type InitSettingsOptions = {
+    readonly?: boolean;
+    vimMode?: boolean;
+};
+
+type ExtensionsOptions = InitListenersOptions & InitThemeOptions & InitSettingsOptions & InitMarkdownOptions & InitKeyMapsOptions;
+type InitExtensionsOptions = {
+    multiCursorText: Text | undefined;
+    provider: WebsocketProvider | undefined;
+} & ExtensionsOptions;
+
+type EditorArguments = {
+    root: HTMLElement;
+    initialText?: string;
+    multiCursor?: MultiCursorOptions;
+} & ExtensionsOptions;
+type MultiCursorOptions = {
+    url: string;
+    userName?: string;
+    userColor?: string;
+    roomId: string;
+    onStartProvider?: (status?: string) => void;
+};
+
+declare class Editor {
+    view: EditorView | undefined;
+    provider: WebsocketProvider | undefined;
+    arguments: EditorArguments;
+    constructor(options: EditorArguments);
+    focus: () => void;
+    getContent: () => string | undefined;
+    setContent: (content: string, position?: number) => void;
+    setReadonly: (readonly: boolean) => void;
+    setTheme: (theme?: EditorTheme) => void;
+    setVimMode: (mode: boolean) => Promise<void>;
+    setUserProvider: (name?: string, color?: string) => void;
+    destroy: () => void;
+}
+type EditorInterface = typeof Editor;
+
+export { type CustomKeyMap, type DecorationPlugin, type DefaultKeyMapsOptions, Editor, type EditorArguments, type EditorInterface, type EditorTheme, type ExtensionsOptions, type GetChangeEventOptions, type GetDecorationFunction, type GetDecorationOptions, type GetFocusEventOptions, type GetSelectionDecorationFunction, type GetSelectionDecorationOptions, type HandleBlurEditorFunction, type HandleChangeEditorFunction, type HandleEnterKeyMapEditorFunction, type HandleEscapeKeyMapEditorFunction, type HandleFocusEditorFunction, type HighlightConfig, type InitExtensionsOptions, type InitKeyMapsOptions, type InitListenersOptions, type InitMarkdownOptions, type InitSettingsOptions, type InitThemeOptions, type MultiCursorOptions, type ThemeConfig, type ThemeOptions };

package/package.json

@@ -1,18 +1,19 @@
 {
   "name": "@krainovsd/markdown-editor",
-  "version": "0.0.3",
+  "version": "0.1.0",
   "description": "Krainov markdown-editor",
   "type": "module",
   "author": "KrainovSD <denislosev48@gmail.com>",
   "license": "ISC",
   "repository": {
     "type": "git",
-    "url": "https://github.com/KrainovSD/markdown-editor"
+    "url": "git+https://github.com/KrainovSD/js-tools.git",
+    "directory": "packages/markdown-editor"
   },
   "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./tmp/index.d.ts",
+      "types": "./lib/index.d.ts",
       "import": "./lib/esm/index.js",
       "require": "./lib/cjs/bundle.cjs"
     }
@@ -24,40 +25,47 @@
     "js"
   ],
   "files": [
-    "lib",
-    "tmp"
+    "lib"
   ],
   "scripts": {
+    "publish-package": "npm run lint && npm run build && npm publish",
     "dev": "vite",
-    "build": "npm run build:types && npm run build:js",
-    "build:js": "rollup  --config rollup.config.ts --configPlugin @rollup/plugin-typescript --no-stdin --environment BUILD:production,NODE_ENV:production",
-    "build:types": "tspc -p tsconfig.build.json",
+    "build": "npm run clear && npm run build:types && npm run build:js",
     "lint": "eslint src/** -c ./eslint.config.js --color --max-warnings 0",
     "lint:debug": "eslint --debug eslint.config.js",
-    "format": "prettier --write 'src/**/*.{js,ts,tsx,scss,css,json}'"
+    "format": "prettier --write 'src/**/*.{js,ts,tsx,scss,css,json}'",
+    "build:dev": "vite build",
+    "build:js": "rm -rf lib && rollup  --config rollup.config.ts --configPlugin @rollup/plugin-typescript --no-stdin --environment BUILD:production,NODE_ENV:production",
+    "build:types": "tspc -p tsconfig.build.json",
+    "clear": "rm -rf ./lib"
   },
   "devDependencies": {
-    "@codemirror/language-data": "6.5.1",
-    "@krainovsd/eslint-presets": "0.1.0",
-    "@lezer/common": "1.2.3",
-    "@lezer/markdown": "1.3.2",
-    "@rollup/plugin-node-resolve": "15.3.0",
+    "rollup": "4.29.1",
     "@rollup/plugin-terser": "0.4.4",
-    "@rollup/plugin-typescript": "12.1.1",
-    "@trivago/prettier-plugin-sort-imports": "4.3.0",
-    "@types/node": "22.8.6",
+    "@krainovsd/eslint-presets": "0.2.1",
+    "@rollup/plugin-commonjs": "28.0.2",
+    "@rollup/plugin-json": "6.1.0",
+    "@rollup/plugin-node-resolve": "16.0.0",
+    "@rollup/plugin-typescript": "12.1.2",
+    "rollup-plugin-dts": "6.1.1",
+    "rollup-plugin-bundle-stats": "4.17.0",
+    "rollup-plugin-visualizer": "5.12.0",
     "@types/rollup-plugin-peer-deps-external": "2.2.5",
-    "eslint": "9.13.0",
-    "prettier": "3.3.3",
-    "rollup": "4.21.2",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "4.0.2",
+    "@trivago/prettier-plugin-sort-imports": "4.3.0",
+    "@types/node": "22.8.6",
+    "eslint": "9.17.0",
+    "prettier": "3.3.3",
+    "ts-patch": "3.3.0",
+    "typescript": "5.6.3",
+    "typescript-transform-paths": "3.5.2",
+    "@codemirror/language-data": "6.5.1",
+    "@lezer/common": "1.2.3",
+    "@lezer/markdown": "1.3.2",
     "sass": "1.83.0",
     "sass-embedded": "1.81.0",
-    "ts-patch": "^3.3.0",
-    "typescript": "5.6.3",
-    "typescript-transform-paths": "^3.5.2",
-    "vite": "5.4.10"
+    "vite": "6.0.11"
   },
   "dependencies": {
     "@codemirror/commands": "6.7.1",