@krainovsd/markdown-editor 0.0.4 → 0.1.0

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

@@ -0,0 +1,51 @@
+import { WidgetType } from '@codemirror/view';
+import styles from '../styles.module.scss.js';
+
+class TodoWidget extends WidgetType {
+    checked;
+    position;
+    view;
+    constructor(checked, position) {
+        super();
+        this.checked = checked;
+        this.position = position;
+    }
+    onClick(event) {
+        if (!this.view)
+            return;
+        event.stopPropagation();
+        event.preventDefault();
+        const target = event.target;
+        const change = {
+            from: this.position,
+            to: this.position + 1,
+            insert: this.checked ? " " : "x",
+        };
+        this.view.dispatch(this.view.state.update({ changes: change }));
+        this.checked = !this.checked;
+        target.checked = this.checked;
+    }
+    onBlock(event) {
+        event.stopPropagation();
+        event.preventDefault();
+    }
+    toDOM(view) {
+        const span = document.createElement("span");
+        span.classList.add(styles.todo);
+        this.view = view;
+        const checkbox = document.createElement("input");
+        checkbox.type = "checkbox";
+        checkbox.checked = this.checked;
+        checkbox.addEventListener("click", this.onBlock.bind(this));
+        checkbox.addEventListener("mousedown", this.onClick.bind(this));
+        span.appendChild(checkbox);
+        return span;
+    }
+    destroy(dom) {
+        dom.removeEventListener("click", this.onBlock.bind(this));
+        dom.removeEventListener("mousedown", this.onClick.bind(this));
+    }
+}
+
+export { TodoWidget };
+//# sourceMappingURL=todo-widget.js.map

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

@@ -0,0 +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 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    if (!this.view) return;\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    this.view.dispatch(this.view.state.update({ changes: change }));\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":";;;AAIM,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,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE;QAChB,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,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;AAE/D,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

@@ -0,0 +1,19 @@
+import { history } from '@codemirror/commands';
+import { drawSelection, EditorView } from '@codemirror/view';
+import { ReadonlyCompartment, VimModeCompartment } from '../compartments/index.js';
+
+async function InitSettings({ readonly, vimMode, }) {
+    let vimExtension = [];
+    if (vimMode) {
+        const { vim } = await import('@replit/codemirror-vim');
+        vimExtension = [vim({ status: true }), drawSelection()];
+    }
+    return [
+        ReadonlyCompartment.of(EditorView.editable.of(!readonly)),
+        VimModeCompartment.of(vimExtension),
+        history(),
+    ];
+}
+
+export { InitSettings };
+//# sourceMappingURL=init-settings.js.map

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

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

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

@@ -0,0 +1,15 @@
+import { EditorView } from '@codemirror/view';
+import { ThemeCompartment } from '../compartments/index.js';
+import { getDarkTheme } from './themes/get-dark-theme.js';
+import { getLightTheme } from './themes/get-light-theme.js';
+
+const initTheme = (options) => {
+    const extensions = [
+        EditorView.lineWrapping,
+        ThemeCompartment.of(options.theme === "dark" ? getDarkTheme(options) : getLightTheme(options)),
+    ];
+    return extensions;
+};
+
+export { initTheme };
+//# sourceMappingURL=init-theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"init-theme.js","sources":["../../../../src/extensions/theme/init-theme.ts"],"sourcesContent":["import type { Extension } from \"@codemirror/state\";\nimport { EditorView } from \"@codemirror/view\";\nimport { ThemeCompartment } from \"../compartments\";\nimport type { InitThemeOptions } from \"./theme-types\";\nimport { getDarkTheme, getLightTheme } from \"./themes\";\n\nexport const initTheme = (options: InitThemeOptions): Extension => {\n  const extensions: Extension[] = [\n    EditorView.lineWrapping,\n    ThemeCompartment.of(options.theme === \"dark\" ? getDarkTheme(options) : getLightTheme(options)),\n  ];\n\n  return extensions;\n};\n"],"names":[],"mappings":";;;;;AAMa,MAAA,SAAS,GAAG,CAAC,OAAyB,KAAe;AAChE,IAAA,MAAM,UAAU,GAAgB;AAC9B,QAAA,UAAU,CAAC,YAAY;QACvB,gBAAgB,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/F;AAED,IAAA,OAAO,UAAU;AACnB;;;;"}

package/lib/esm/extensions/theme/theme-constants.js

@@ -0,0 +1,17 @@
+const CLASSES = {
+    listCommon: "cm-list-common",
+    code: "cm-code",
+    codeButton: "cm-code-button",
+    codeButtonSuccess: "cm-code-button-success",
+    codeButtonFail: "cm-code-button-fail",
+    codeButtonPending: "cm-code-button-pending",
+    codeButtonSpan: "cm-code-span",
+    horizontal: "cm-horizontal",
+    blockquote: "cm-blockquote",
+    blockquoteInner: "cm-blockquote-inner",
+    link: "cm-link",
+    mention: "cm-mention",
+};
+
+export { CLASSES };
+//# sourceMappingURL=theme-constants.js.map

package/lib/esm/extensions/theme/theme-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-constants.js","sources":["../../../../src/extensions/theme/theme-constants.ts"],"sourcesContent":["export const CLASSES = {\n  listCommon: \"cm-list-common\",\n  code: \"cm-code\",\n  codeButton: \"cm-code-button\",\n  codeButtonSuccess: \"cm-code-button-success\",\n  codeButtonFail: \"cm-code-button-fail\",\n  codeButtonPending: \"cm-code-button-pending\",\n  codeButtonSpan: \"cm-code-span\",\n  horizontal: \"cm-horizontal\",\n  blockquote: \"cm-blockquote\",\n  blockquoteInner: \"cm-blockquote-inner\",\n  link: \"cm-link\",\n  mention: \"cm-mention\",\n};\n"],"names":[],"mappings":"AAAa,MAAA,OAAO,GAAG;AACrB,IAAA,UAAU,EAAE,gBAAgB;AAC5B,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,UAAU,EAAE,gBAAgB;AAC5B,IAAA,iBAAiB,EAAE,wBAAwB;AAC3C,IAAA,cAAc,EAAE,qBAAqB;AACrC,IAAA,iBAAiB,EAAE,wBAAwB;AAC3C,IAAA,cAAc,EAAE,cAAc;AAC9B,IAAA,UAAU,EAAE,eAAe;AAC3B,IAAA,UAAU,EAAE,eAAe;AAC3B,IAAA,eAAe,EAAE,qBAAqB;AACtC,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,OAAO,EAAE,YAAY;;;;;"}

package/lib/esm/extensions/theme/themes/get-dark-theme.js

@@ -0,0 +1,40 @@
+import { getHighlightTemplate } from './get-highlight-template.js';
+import { getThemeTemplate } from './get-theme-template.js';
+
+const HIGHLIGHT_CONFIG = {
+    keyword: "#f97583",
+    variable: "#ffab70",
+    function: "#79b8ff",
+    string: "#9ecbff",
+    constant: "#79b8ff",
+    type: "#79b8ff",
+    class: "#b392f0",
+    number: "#79b8ff",
+    comment: "#6a737d",
+    heading: "#79b8ff",
+    invalid: "#f97583",
+    regexp: "#9ecbff",
+};
+const THEME_CONFIG = {
+    background: "#2E3235",
+    blockquoteColor: "#8A5CF5", // #6A8695
+    codeBackground: "#24292e",
+    codeButtonBackground: "#434C54FF",
+    codeButtonColor: "#DDDDDD",
+    codeColor: "#DDDDDD",
+    color: "#DDDDDD",
+    fontFamily: "Montserrat",
+    horizontalColor: "#DDDDDD",
+    linkColor: "#8A5CF5",
+    mentionColor: "#8A5CF5",
+    vimSelection: "#1A1919FF",
+    vimSelectionFocused: "#2E4B4BFF",
+};
+function getDarkTheme({ dark }) {
+    const highlightConfig = { ...HIGHLIGHT_CONFIG, ...(dark?.highlightConfig || {}) };
+    const themeConfig = { ...THEME_CONFIG, ...(dark?.themeConfig || {}) };
+    return [getThemeTemplate(true, themeConfig), getHighlightTemplate(highlightConfig)];
+}
+
+export { getDarkTheme };
+//# sourceMappingURL=get-dark-theme.js.map

package/lib/esm/extensions/theme/themes/get-dark-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-dark-theme.js","sources":["../../../../../src/extensions/theme/themes/get-dark-theme.ts"],"sourcesContent":["import { type HighlightConfig, type InitThemeOptions, type ThemeConfig } from \"../theme-types\";\nimport { getHighlightTemplate } from \"./get-highlight-template\";\nimport { getThemeTemplate } from \"./get-theme-template\";\n\nconst HIGHLIGHT_CONFIG: Required<HighlightConfig> = {\n  keyword: \"#f97583\",\n  variable: \"#ffab70\",\n  function: \"#79b8ff\",\n  string: \"#9ecbff\",\n  constant: \"#79b8ff\",\n  type: \"#79b8ff\",\n  class: \"#b392f0\",\n  number: \"#79b8ff\",\n  comment: \"#6a737d\",\n  heading: \"#79b8ff\",\n  invalid: \"#f97583\",\n  regexp: \"#9ecbff\",\n};\n\nconst THEME_CONFIG: Required<ThemeConfig> = {\n  background: \"#2E3235\",\n  blockquoteColor: \"#8A5CF5\", // #6A8695\n  codeBackground: \"#24292e\",\n  codeButtonBackground: \"#434C54FF\",\n  codeButtonColor: \"#DDDDDD\",\n  codeColor: \"#DDDDDD\",\n  color: \"#DDDDDD\",\n  fontFamily: \"Montserrat\",\n  horizontalColor: \"#DDDDDD\",\n  linkColor: \"#8A5CF5\",\n  mentionColor: \"#8A5CF5\",\n  vimSelection: \"#1A1919FF\",\n  vimSelectionFocused: \"#2E4B4BFF\",\n};\n\nexport function getDarkTheme({ dark }: InitThemeOptions) {\n  const highlightConfig = { ...HIGHLIGHT_CONFIG, ...(dark?.highlightConfig || {}) };\n  const themeConfig = { ...THEME_CONFIG, ...(dark?.themeConfig || {}) };\n\n  return [getThemeTemplate(true, themeConfig), getHighlightTemplate(highlightConfig)];\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,gBAAgB,GAA8B;AAClD,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,SAAS;CAClB;AAED,MAAM,YAAY,GAA0B;AAC1C,IAAA,UAAU,EAAE,SAAS;IACrB,eAAe,EAAE,SAAS;AAC1B,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,oBAAoB,EAAE,WAAW;AACjC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,YAAY,EAAE,WAAW;AACzB,IAAA,mBAAmB,EAAE,WAAW;CACjC;AAEe,SAAA,YAAY,CAAC,EAAE,IAAI,EAAoB,EAAA;AACrD,IAAA,MAAM,eAAe,GAAG,EAAE,GAAG,gBAAgB,EAAE,IAAI,IAAI,EAAE,eAAe,IAAI,EAAE,CAAC,EAAE;AACjF,IAAA,MAAM,WAAW,GAAG,EAAE,GAAG,YAAY,EAAE,IAAI,IAAI,EAAE,WAAW,IAAI,EAAE,CAAC,EAAE;AAErE,IAAA,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,oBAAoB,CAAC,eAAe,CAAC,CAAC;AACrF;;;;"}

package/lib/esm/extensions/theme/themes/get-highlight-template.js

@@ -0,0 +1,35 @@
+import { syntaxHighlighting, HighlightStyle } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+
+/**
+ * t.processingInstruction, t.meta - # () []
+ * t.url, t.link - links
+ */
+function getHighlightTemplate(config) {
+    return syntaxHighlighting(HighlightStyle.define([
+        { tag: tags.keyword, color: config.keyword },
+        { tag: [tags.name, tags.deleted, tags.character, tags.macroName], color: config.variable },
+        { tag: [tags.propertyName], color: config.function },
+        {
+            tag: [tags.string, tags.inserted, tags.special(tags.string)],
+            color: config.string,
+        },
+        { tag: [tags.function(tags.variableName), tags.labelName], color: config.function },
+        { tag: [tags.color, tags.constant(tags.name), tags.standard(tags.name)], color: config.constant },
+        { tag: [tags.definition(tags.name), tags.separator], color: config.variable },
+        { tag: [tags.className], color: config.class },
+        {
+            tag: [tags.number, tags.changed, tags.annotation, tags.modifier, tags.self, tags.namespace],
+            color: config.number,
+        },
+        { tag: [tags.typeName], color: config.type, fontStyle: config.type },
+        { tag: [tags.operator, tags.operatorKeyword], color: config.keyword },
+        { tag: [tags.escape, tags.regexp], color: config.regexp },
+        { tag: [tags.comment], color: config.comment },
+        { tag: [tags.atom, tags.bool, tags.special(tags.variableName)], color: config.variable },
+        { tag: tags.invalid, color: config.invalid },
+    ]));
+}
+
+export { getHighlightTemplate };
+//# sourceMappingURL=get-highlight-template.js.map

package/lib/esm/extensions/theme/themes/get-highlight-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-highlight-template.js","sources":["../../../../../src/extensions/theme/themes/get-highlight-template.ts"],"sourcesContent":["import { HighlightStyle, syntaxHighlighting } from \"@codemirror/language\";\nimport { tags as t } from \"@lezer/highlight\";\nimport type { HighlightConfig } from \"../theme-types\";\n\n/**\n * t.processingInstruction, t.meta - # () []\n * t.url, t.link - links\n */\n\nexport function getHighlightTemplate(config: Required<HighlightConfig>) {\n  return syntaxHighlighting(\n    HighlightStyle.define([\n      { tag: t.keyword, color: config.keyword },\n      { tag: [t.name, t.deleted, t.character, t.macroName], color: config.variable },\n      { tag: [t.propertyName], color: config.function },\n      {\n        tag: [t.string, t.inserted, t.special(t.string)],\n        color: config.string,\n      },\n      { tag: [t.function(t.variableName), t.labelName], color: config.function },\n      { tag: [t.color, t.constant(t.name), t.standard(t.name)], color: config.constant },\n      { tag: [t.definition(t.name), t.separator], color: config.variable },\n      { tag: [t.className], color: config.class },\n      {\n        tag: [t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],\n        color: config.number,\n      },\n      { tag: [t.typeName], color: config.type, fontStyle: config.type },\n      { tag: [t.operator, t.operatorKeyword], color: config.keyword },\n      { tag: [t.escape, t.regexp], color: config.regexp },\n      { tag: [t.comment], color: config.comment },\n      { tag: [t.atom, t.bool, t.special(t.variableName)], color: config.variable },\n      { tag: t.invalid, color: config.invalid },\n    ]),\n  );\n}\n"],"names":["t"],"mappings":";;;AAIA;;;AAGG;AAEG,SAAU,oBAAoB,CAAC,MAAiC,EAAA;AACpE,IAAA,OAAO,kBAAkB,CACvB,cAAc,CAAC,MAAM,CAAC;QACpB,EAAE,GAAG,EAAEA,IAAC,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE;QACzC,EAAE,GAAG,EAAE,CAACA,IAAC,CAAC,IAAI,EAAEA,IAAC,CAAC,OAAO,EAAEA,IAAC,CAAC,SAAS,EAAEA,IAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;AAC9E,QAAA,EAAE,GAAG,EAAE,CAACA,IAAC,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;AACjD,QAAA;AACE,YAAA,GAAG,EAAE,CAACA,IAAC,CAAC,MAAM,EAAEA,IAAC,CAAC,QAAQ,EAAEA,IAAC,CAAC,OAAO,CAACA,IAAC,CAAC,MAAM,CAAC,CAAC;YAChD,KAAK,EAAE,MAAM,CAAC,MAAM;AACrB,SAAA;QACD,EAAE,GAAG,EAAE,CAACA,IAAC,CAAC,QAAQ,CAACA,IAAC,CAAC,YAAY,CAAC,EAAEA,IAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;AAC1E,QAAA,EAAE,GAAG,EAAE,CAACA,IAAC,CAAC,KAAK,EAAEA,IAAC,CAAC,QAAQ,CAACA,IAAC,CAAC,IAAI,CAAC,EAAEA,IAAC,CAAC,QAAQ,CAACA,IAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;QAClF,EAAE,GAAG,EAAE,CAACA,IAAC,CAAC,UAAU,CAACA,IAAC,CAAC,IAAI,CAAC,EAAEA,IAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;AACpE,QAAA,EAAE,GAAG,EAAE,CAACA,IAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE;AAC3C,QAAA;YACE,GAAG,EAAE,CAACA,IAAC,CAAC,MAAM,EAAEA,IAAC,CAAC,OAAO,EAAEA,IAAC,CAAC,UAAU,EAAEA,IAAC,CAAC,QAAQ,EAAEA,IAAC,CAAC,IAAI,EAAEA,IAAC,CAAC,SAAS,CAAC;YACzE,KAAK,EAAE,MAAM,CAAC,MAAM;AACrB,SAAA;AACD,QAAA,EAAE,GAAG,EAAE,CAACA,IAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE;AACjE,QAAA,EAAE,GAAG,EAAE,CAACA,IAAC,CAAC,QAAQ,EAAEA,IAAC,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE;AAC/D,QAAA,EAAE,GAAG,EAAE,CAACA,IAAC,CAAC,MAAM,EAAEA,IAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE;AACnD,QAAA,EAAE,GAAG,EAAE,CAACA,IAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE;QAC3C,EAAE,GAAG,EAAE,CAACA,IAAC,CAAC,IAAI,EAAEA,IAAC,CAAC,IAAI,EAAEA,IAAC,CAAC,OAAO,CAACA,IAAC,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;QAC5E,EAAE,GAAG,EAAEA,IAAC,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE;AAC1C,KAAA,CAAC,CACH;AACH;;;;"}

package/lib/esm/extensions/theme/themes/get-light-theme.js

@@ -0,0 +1,40 @@
+import { getHighlightTemplate } from './get-highlight-template.js';
+import { getThemeTemplate } from './get-theme-template.js';
+
+const HIGHLIGHT_CONFIG = {
+    keyword: "#9854f1",
+    variable: "#3760bf",
+    function: "#2e7de9",
+    string: "#587539",
+    constant: "#9854f1",
+    type: "#07879d",
+    class: "#3760bf",
+    number: "#b15c00",
+    comment: "#9da3c2",
+    heading: "#006a83",
+    invalid: "#ff3e64",
+    regexp: "#2e5857",
+};
+const THEME_CONFIG = {
+    background: "transparent",
+    blockquoteColor: "#8A5CF5", // #6A8695
+    codeBackground: "#e1e2e7",
+    codeButtonBackground: "#CCCCCDFF",
+    codeButtonColor: "#000000",
+    codeColor: "#000000",
+    color: "#000000",
+    fontFamily: "Montserrat",
+    horizontalColor: "#000000",
+    linkColor: "#8A5CF5",
+    mentionColor: "#8A5CF5",
+    vimSelection: "#d9d9d9",
+    vimSelectionFocused: "#d7d4f0",
+};
+function getLightTheme({ light }) {
+    const highlightConfig = { ...HIGHLIGHT_CONFIG, ...(light?.highlightConfig || {}) };
+    const themeConfig = { ...THEME_CONFIG, ...(light?.themeConfig || {}) };
+    return [getThemeTemplate(false, themeConfig), getHighlightTemplate(highlightConfig)];
+}
+
+export { getLightTheme };
+//# sourceMappingURL=get-light-theme.js.map

package/lib/esm/extensions/theme/themes/get-light-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-light-theme.js","sources":["../../../../../src/extensions/theme/themes/get-light-theme.ts"],"sourcesContent":["import { type HighlightConfig, type InitThemeOptions, type ThemeConfig } from \"../theme-types\";\nimport { getHighlightTemplate } from \"./get-highlight-template\";\nimport { getThemeTemplate } from \"./get-theme-template\";\n\nconst HIGHLIGHT_CONFIG: Required<HighlightConfig> = {\n  keyword: \"#9854f1\",\n  variable: \"#3760bf\",\n  function: \"#2e7de9\",\n  string: \"#587539\",\n  constant: \"#9854f1\",\n  type: \"#07879d\",\n  class: \"#3760bf\",\n  number: \"#b15c00\",\n  comment: \"#9da3c2\",\n  heading: \"#006a83\",\n  invalid: \"#ff3e64\",\n  regexp: \"#2e5857\",\n};\n\nconst THEME_CONFIG: Required<ThemeConfig> = {\n  background: \"transparent\",\n  blockquoteColor: \"#8A5CF5\", // #6A8695\n  codeBackground: \"#e1e2e7\",\n  codeButtonBackground: \"#CCCCCDFF\",\n  codeButtonColor: \"#000000\",\n  codeColor: \"#000000\",\n  color: \"#000000\",\n  fontFamily: \"Montserrat\",\n  horizontalColor: \"#000000\",\n  linkColor: \"#8A5CF5\",\n  mentionColor: \"#8A5CF5\",\n  vimSelection: \"#d9d9d9\",\n  vimSelectionFocused: \"#d7d4f0\",\n};\n\nexport function getLightTheme({ light }: InitThemeOptions) {\n  const highlightConfig = { ...HIGHLIGHT_CONFIG, ...(light?.highlightConfig || {}) };\n  const themeConfig = { ...THEME_CONFIG, ...(light?.themeConfig || {}) };\n\n  return [getThemeTemplate(false, themeConfig), getHighlightTemplate(highlightConfig)];\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,gBAAgB,GAA8B;AAClD,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,SAAS;CAClB;AAED,MAAM,YAAY,GAA0B;AAC1C,IAAA,UAAU,EAAE,aAAa;IACzB,eAAe,EAAE,SAAS;AAC1B,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,oBAAoB,EAAE,WAAW;AACjC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,mBAAmB,EAAE,SAAS;CAC/B;AAEe,SAAA,aAAa,CAAC,EAAE,KAAK,EAAoB,EAAA;AACvD,IAAA,MAAM,eAAe,GAAG,EAAE,GAAG,gBAAgB,EAAE,IAAI,KAAK,EAAE,eAAe,IAAI,EAAE,CAAC,EAAE;AAClF,IAAA,MAAM,WAAW,GAAG,EAAE,GAAG,YAAY,EAAE,IAAI,KAAK,EAAE,WAAW,IAAI,EAAE,CAAC,EAAE;AAEtE,IAAA,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,oBAAoB,CAAC,eAAe,CAAC,CAAC;AACtF;;;;"}

package/lib/esm/extensions/theme/themes/get-theme-template.js

@@ -0,0 +1,69 @@
+import { EditorView } from '@codemirror/view';
+import { CLASSES } from '../theme-constants.js';
+
+function getThemeTemplate(dark, config) {
+    return EditorView.theme({
+        "&": {
+            color: config.color,
+            backgroundColor: config.background,
+        },
+        ".cm-content": {
+            fontFamily: config.fontFamily || "Montserrat",
+        },
+        "&.cm-focused > .cm-scroller > .cm-selectionLayer > .cm-selectionBackground": {
+            background: config.vimSelectionFocused,
+        },
+        "& .cm-selectionBackground": {
+            background: config.vimSelection,
+        },
+        "&.cm-editor.cm-focused": { outline: "none" },
+        "&.cm-editor": {
+            height: "100%",
+            width: "100%",
+        },
+        [`.${CLASSES.listCommon}:after`]: {
+            background: config.color,
+        },
+        [`.${CLASSES.code}`]: {
+            background: config.codeBackground,
+            color: config.codeColor,
+        },
+        [`.${CLASSES.horizontal}`]: {
+            borderBottomColor: config.horizontalColor,
+        },
+        [`.${CLASSES.link}`]: {
+            color: config.linkColor,
+        },
+        [`.${CLASSES.blockquote}`]: {
+            borderLeftColor: config.blockquoteColor,
+        },
+        [`.${CLASSES.blockquoteInner}:before`]: {
+            borderLeftColor: config.blockquoteColor,
+        },
+        [`.${CLASSES.codeButton}`]: {
+            color: config.codeButtonColor,
+        },
+        [`.${CLASSES.codeButton}:hover`]: {
+            background: config.codeButtonBackground,
+        },
+        [`.${CLASSES.codeButtonSuccess}:after`]: {
+            borderColor: config.codeButtonColor,
+        },
+        [`.${CLASSES.codeButtonFail}:after`]: {
+            background: config.codeButtonColor,
+        },
+        [`.${CLASSES.codeButtonFail}:before`]: {
+            background: config.codeButtonColor,
+        },
+        [`.${CLASSES.codeButtonPending}:before`]: {
+            borderColor: config.codeBackground,
+            borderTopColor: config.codeButtonColor,
+        },
+        [`.${CLASSES.mention}`]: {
+            color: config.mentionColor,
+        },
+    }, { dark });
+}
+
+export { getThemeTemplate };
+//# sourceMappingURL=get-theme-template.js.map

package/lib/esm/extensions/theme/themes/get-theme-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-theme-template.js","sources":["../../../../../src/extensions/theme/themes/get-theme-template.ts"],"sourcesContent":["import { EditorView } from \"@codemirror/view\";\nimport { CLASSES } from \"../theme-constants\";\nimport type { ThemeConfig } from \"../theme-types\";\n\nexport function getThemeTemplate(dark: boolean, config: Required<ThemeConfig>) {\n  return EditorView.theme(\n    {\n      \"&\": {\n        color: config.color,\n        backgroundColor: config.background,\n      },\n      \".cm-content\": {\n        fontFamily: config.fontFamily || \"Montserrat\",\n      },\n      \"&.cm-focused > .cm-scroller > .cm-selectionLayer > .cm-selectionBackground\": {\n        background: config.vimSelectionFocused,\n      },\n      \"& .cm-selectionBackground\": {\n        background: config.vimSelection,\n      },\n      \"&.cm-editor.cm-focused\": { outline: \"none\" },\n      \"&.cm-editor\": {\n        height: \"100%\",\n        width: \"100%\",\n      },\n      [`.${CLASSES.listCommon}:after`]: {\n        background: config.color,\n      },\n      [`.${CLASSES.code}`]: {\n        background: config.codeBackground,\n        color: config.codeColor,\n      },\n      [`.${CLASSES.horizontal}`]: {\n        borderBottomColor: config.horizontalColor,\n      },\n      [`.${CLASSES.link}`]: {\n        color: config.linkColor,\n      },\n      [`.${CLASSES.blockquote}`]: {\n        borderLeftColor: config.blockquoteColor,\n      },\n      [`.${CLASSES.blockquoteInner}:before`]: {\n        borderLeftColor: config.blockquoteColor,\n      },\n      [`.${CLASSES.codeButton}`]: {\n        color: config.codeButtonColor,\n      },\n      [`.${CLASSES.codeButton}:hover`]: {\n        background: config.codeButtonBackground,\n      },\n      [`.${CLASSES.codeButtonSuccess}:after`]: {\n        borderColor: config.codeButtonColor,\n      },\n      [`.${CLASSES.codeButtonFail}:after`]: {\n        background: config.codeButtonColor,\n      },\n      [`.${CLASSES.codeButtonFail}:before`]: {\n        background: config.codeButtonColor,\n      },\n      [`.${CLASSES.codeButtonPending}:before`]: {\n        borderColor: config.codeBackground,\n        borderTopColor: config.codeButtonColor,\n      },\n      [`.${CLASSES.mention}`]: {\n        color: config.mentionColor,\n      },\n    },\n    { dark },\n  );\n}\n"],"names":[],"mappings":";;;AAIgB,SAAA,gBAAgB,CAAC,IAAa,EAAE,MAA6B,EAAA;IAC3E,OAAO,UAAU,CAAC,KAAK,CACrB;AACE,QAAA,GAAG,EAAE;YACH,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,eAAe,EAAE,MAAM,CAAC,UAAU;AACnC,SAAA;AACD,QAAA,aAAa,EAAE;AACb,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI,YAAY;AAC9C,SAAA;AACD,QAAA,4EAA4E,EAAE;YAC5E,UAAU,EAAE,MAAM,CAAC,mBAAmB;AACvC,SAAA;AACD,QAAA,2BAA2B,EAAE;YAC3B,UAAU,EAAE,MAAM,CAAC,YAAY;AAChC,SAAA;AACD,QAAA,wBAAwB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC7C,QAAA,aAAa,EAAE;AACb,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,KAAK,EAAE,MAAM;AACd,SAAA;AACD,QAAA,CAAC,IAAI,OAAO,CAAC,UAAU,CAAA,MAAA,CAAQ,GAAG;YAChC,UAAU,EAAE,MAAM,CAAC,KAAK;AACzB,SAAA;AACD,QAAA,CAAC,IAAI,OAAO,CAAC,IAAI,CAAA,CAAE,GAAG;YACpB,UAAU,EAAE,MAAM,CAAC,cAAc;YACjC,KAAK,EAAE,MAAM,CAAC,SAAS;AACxB,SAAA;AACD,QAAA,CAAC,IAAI,OAAO,CAAC,UAAU,CAAA,CAAE,GAAG;YAC1B,iBAAiB,EAAE,MAAM,CAAC,eAAe;AAC1C,SAAA;AACD,QAAA,CAAC,IAAI,OAAO,CAAC,IAAI,CAAA,CAAE,GAAG;YACpB,KAAK,EAAE,MAAM,CAAC,SAAS;AACxB,SAAA;AACD,QAAA,CAAC,IAAI,OAAO,CAAC,UAAU,CAAA,CAAE,GAAG;YAC1B,eAAe,EAAE,MAAM,CAAC,eAAe;AACxC,SAAA;AACD,QAAA,CAAC,IAAI,OAAO,CAAC,eAAe,CAAA,OAAA,CAAS,GAAG;YACtC,eAAe,EAAE,MAAM,CAAC,eAAe;AACxC,SAAA;AACD,QAAA,CAAC,IAAI,OAAO,CAAC,UAAU,CAAA,CAAE,GAAG;YAC1B,KAAK,EAAE,MAAM,CAAC,eAAe;AAC9B,SAAA;AACD,QAAA,CAAC,IAAI,OAAO,CAAC,UAAU,CAAA,MAAA,CAAQ,GAAG;YAChC,UAAU,EAAE,MAAM,CAAC,oBAAoB;AACxC,SAAA;AACD,QAAA,CAAC,IAAI,OAAO,CAAC,iBAAiB,CAAA,MAAA,CAAQ,GAAG;YACvC,WAAW,EAAE,MAAM,CAAC,eAAe;AACpC,SAAA;AACD,QAAA,CAAC,IAAI,OAAO,CAAC,cAAc,CAAA,MAAA,CAAQ,GAAG;YACpC,UAAU,EAAE,MAAM,CAAC,eAAe;AACnC,SAAA;AACD,QAAA,CAAC,IAAI,OAAO,CAAC,cAAc,CAAA,OAAA,CAAS,GAAG;YACrC,UAAU,EAAE,MAAM,CAAC,eAAe;AACnC,SAAA;AACD,QAAA,CAAC,IAAI,OAAO,CAAC,iBAAiB,CAAA,OAAA,CAAS,GAAG;YACxC,WAAW,EAAE,MAAM,CAAC,cAAc;YAClC,cAAc,EAAE,MAAM,CAAC,eAAe;AACvC,SAAA;AACD,QAAA,CAAC,IAAI,OAAO,CAAC,OAAO,CAAA,CAAE,GAAG;YACvB,KAAK,EAAE,MAAM,CAAC,YAAY;AAC3B,SAAA;AACF,KAAA,EACD,EAAE,IAAI,EAAE,CACT;AACH;;;;"}

package/lib/esm/index.js

@@ -1,2 +1,2 @@
-export{ai as Editor}from"./editor-CLyV23xt.js";
+export { Editor } from './module/Editor/Editor.js';
 //# sourceMappingURL=index.js.map

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