@krainovsd/markdown-editor 0.3.2 → 0.4.2

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

@@ -1 +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;;;;;"}
+{"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  codeBlockLine: \"cm-code-block-line\",\n  codeBlock: \"cm-code-block\",\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,aAAa,EAAE,oBAAoB;AACnC,IAAA,SAAS,EAAE,eAAe;AAC1B,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

@@ -24,15 +24,18 @@ const THEME_CONFIG = {
     codeColor: "#DDDDDD",
     color: "#DDDDDD",
     fontFamily: "Montserrat",
+    codeFontFamily: "Consolas",
     horizontalColor: "#DDDDDD",
     linkColor: "#8A5CF5",
     mentionColor: "#8A5CF5",
     vimSelection: "#1A1919FF",
     vimSelectionFocused: "#2E4B4BFF",
+    codeBlockBorderColor: "#7b7e81",
+    codeBlockBackground: "#24292e",
 };
 function getDarkTheme({ dark }) {
-    const highlightConfig = { ...HIGHLIGHT_CONFIG, ...(dark?.highlightConfig || {}) };
-    const themeConfig = { ...THEME_CONFIG, ...(dark?.themeConfig || {}) };
+    const highlightConfig = { ...HIGHLIGHT_CONFIG, ...(dark?.highlightConfig ?? {}) };
+    const themeConfig = { ...THEME_CONFIG, ...(dark?.themeConfig ?? {}) };
     return [getThemeTemplate(true, themeConfig), getHighlightTemplate(highlightConfig)];
 }
 

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

@@ -1 +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;;;;"}
+{"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  codeFontFamily: \"Consolas\",\n  horizontalColor: \"#DDDDDD\",\n  linkColor: \"#8A5CF5\",\n  mentionColor: \"#8A5CF5\",\n  vimSelection: \"#1A1919FF\",\n  vimSelectionFocused: \"#2E4B4BFF\",\n  codeBlockBorderColor: \"#7b7e81\",\n  codeBlockBackground: \"#24292e\",\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,cAAc,EAAE,UAAU;AAC1B,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,YAAY,EAAE,WAAW;AACzB,IAAA,mBAAmB,EAAE,WAAW;AAChC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,mBAAmB,EAAE,SAAS;CAC/B;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

@@ -15,7 +15,10 @@ function getHighlightTemplate(config) {
             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.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 },
         {

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

@@ -1 +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;;;;"}
+{"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 } 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: tags.keyword, color: config.keyword },\n      { tag: [tags.name, tags.deleted, tags.character, tags.macroName], color: config.variable },\n      { tag: [tags.propertyName], color: config.function },\n      {\n        tag: [tags.string, tags.inserted, tags.special(tags.string)],\n        color: config.string,\n      },\n      { tag: [tags.function(tags.variableName), tags.labelName], color: config.function },\n      {\n        tag: [tags.color, tags.constant(tags.name), tags.standard(tags.name)],\n        color: config.constant,\n      },\n      { tag: [tags.definition(tags.name), tags.separator], color: config.variable },\n      { tag: [tags.className], color: config.class },\n      {\n        tag: [tags.number, tags.changed, tags.annotation, tags.modifier, tags.self, tags.namespace],\n        color: config.number,\n      },\n      { tag: [tags.typeName], color: config.type, fontStyle: config.type },\n      { tag: [tags.operator, tags.operatorKeyword], color: config.keyword },\n      { tag: [tags.escape, tags.regexp], color: config.regexp },\n      { tag: [tags.comment], color: config.comment },\n      { tag: [tags.atom, tags.bool, tags.special(tags.variableName)], color: config.variable },\n      { tag: tags.invalid, color: config.invalid },\n    ]),\n  );\n}\n"],"names":[],"mappings":";;;AAIA;;;AAGG;AAEG,SAAU,oBAAoB,CAAC,MAAiC,EAAA;AACpE,IAAA,OAAO,kBAAkB,CACvB,cAAc,CAAC,MAAM,CAAC;QACpB,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE;QAC5C,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;AAC1F,QAAA,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;AACpD,QAAA;AACE,YAAA,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC5D,KAAK,EAAE,MAAM,CAAC,MAAM;AACrB,SAAA;QACD,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;AACnF,QAAA;YACE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrE,KAAK,EAAE,MAAM,CAAC,QAAQ;AACvB,SAAA;QACD,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;AAC7E,QAAA,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE;AAC9C,QAAA;YACE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;YAC3F,KAAK,EAAE,MAAM,CAAC,MAAM;AACrB,SAAA;AACD,QAAA,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE;AACpE,QAAA,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE;AACrE,QAAA,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE;AACzD,QAAA,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE;QAC9C,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;QACxF,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE;AAC7C,KAAA,CAAC,CACH;AACH;;;;"}

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

@@ -24,15 +24,18 @@ const THEME_CONFIG = {
     codeColor: "#000000",
     color: "#000000",
     fontFamily: "Montserrat",
+    codeFontFamily: "Consolas",
     horizontalColor: "#000000",
     linkColor: "#8A5CF5",
     mentionColor: "#8A5CF5",
     vimSelection: "#d9d9d9",
     vimSelectionFocused: "#d7d4f0",
+    codeBlockBackground: "#e1e2e7",
+    codeBlockBorderColor: "##CCCCCDFF",
 };
 function getLightTheme({ light }) {
-    const highlightConfig = { ...HIGHLIGHT_CONFIG, ...(light?.highlightConfig || {}) };
-    const themeConfig = { ...THEME_CONFIG, ...(light?.themeConfig || {}) };
+    const highlightConfig = { ...HIGHLIGHT_CONFIG, ...(light?.highlightConfig ?? {}) };
+    const themeConfig = { ...THEME_CONFIG, ...(light?.themeConfig ?? {}) };
     return [getThemeTemplate(false, themeConfig), getHighlightTemplate(highlightConfig)];
 }
 

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

@@ -1 +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;;;;"}
+{"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  codeFontFamily: \"Consolas\",\n  horizontalColor: \"#000000\",\n  linkColor: \"#8A5CF5\",\n  mentionColor: \"#8A5CF5\",\n  vimSelection: \"#d9d9d9\",\n  vimSelectionFocused: \"#d7d4f0\",\n  codeBlockBackground: \"#e1e2e7\",\n  codeBlockBorderColor: \"##CCCCCDFF\",\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,cAAc,EAAE,UAAU;AAC1B,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,oBAAoB,EAAE,YAAY;CACnC;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

@@ -27,6 +27,7 @@ function getThemeTemplate(dark, config) {
         [`.${CLASSES.code}`]: {
             background: config.codeBackground,
             color: config.codeColor,
+            fontFamily: `${config.codeFontFamily} !important`,
         },
         [`.${CLASSES.horizontal}`]: {
             borderBottomColor: config.horizontalColor,
@@ -62,6 +63,12 @@ function getThemeTemplate(dark, config) {
         [`.${CLASSES.mention}`]: {
             color: config.mentionColor,
         },
+        [`.${CLASSES.codeBlockLine}`]: {
+            borderColor: config.codeBlockBorderColor,
+        },
+        [`.${CLASSES.codeBlock}`]: {
+            background: config.codeBlockBackground,
+        },
     }, { dark });
 }
 

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

@@ -1 +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;;;;"}
+{"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        fontFamily: `${config.codeFontFamily} !important`,\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      [`.${CLASSES.codeBlockLine}`]: {\n        borderColor: config.codeBlockBorderColor,\n      },\n      [`.${CLASSES.codeBlock}`]: {\n        background: config.codeBlockBackground,\n      },\n    },\n    { dark },\n  );\n}\n"],"names":[],"mappings":"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"}

package/lib/esm/index.js

@@ -1,5 +1,6 @@
 export { Editor } from './module/Editor/Editor.js';
 import './extensions/compartments/index.js';
+import '@codemirror/autocomplete';
 import '@codemirror/commands';
 import '@codemirror/view';
 import '@codemirror/language';

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/overlap-mark.js

@@ -0,0 +1,151 @@
+function overlapMark({ marks, shift, state, requireMatched }) {
+    const { from, to, shiftAfterInner, shiftAfterOuter, shiftBeforeInner, shiftBeforeOuter, text } = processShiftContent(state, shift, marks);
+    const startIndex = findMarkIndex(text.substring(0, shiftBeforeInner + shiftBeforeOuter), marks, requireMatched, "right");
+    const endIndex = findMarkIndex(text.substring(text.length - shiftAfterInner - shiftAfterOuter), marks, requireMatched, "left");
+    const start = ~startIndex ? from - shiftBeforeOuter + startIndex : -1;
+    const end = ~endIndex ? to - shiftAfterInner + endIndex : -1;
+    // console.log({
+    //   from,
+    //   to,
+    //   shiftAfterInner,
+    //   shiftAfterOuter,
+    //   shiftBeforeInner,
+    //   shiftBeforeOuter,
+    //   text,
+    //   textStart: text.substring(0, shiftBeforeInner + shiftBeforeOuter),
+    //   textEnd: text.substring(text.length - shiftAfterInner - shiftAfterOuter),
+    //   startIndex,
+    //   endIndex,
+    //   end,
+    //   start,
+    // });
+    return {
+        start,
+        end,
+        marked: Boolean(~start || ~end),
+        originalText: text.substring(shiftBeforeOuter, text.length - shiftAfterOuter),
+    };
+}
+// eslint-disable-next-line max-params
+function findMarkIndex(text, marks, requireMatched, direction = "right") {
+    if (text.length === 0)
+        return -1;
+    const maxRequired = Math.max(...requireMatched);
+    const minRequired = Math.min(...requireMatched);
+    let pos = 0;
+    let matched = 0;
+    let start = -1;
+    for (const mark of marks) {
+        if (!mark)
+            continue;
+        while (pos < text.length) {
+            if (text.codePointAt(pos) === mark)
+                matched++;
+            else {
+                if (
+                // eslint-disable-next-line no-loop-func --  https://eslint.org/docs/latest/rules/no-loop-func#known-limitations
+                requireMatched.some((rm) => rm === matched) &&
+                    ((direction === "right" && pos - matched > start) ||
+                        (direction === "left" && (pos - matched < start || start === -1)))) {
+                    start = direction === "right" ? pos - minRequired : pos - matched;
+                    // console.log({ pos, matched, start, minRequired, maxRequired, direction });
+                }
+                else if (maxRequired < matched) {
+                    const posMin = pos - minRequired;
+                    const posMax = pos - matched;
+                    // console.log({ posMin, posMax, pos, minRequired, maxRequired, direction, matched });
+                    // eslint-disable-next-line max-depth
+                    if (direction === "right" && posMin > start)
+                        start = posMin;
+                    // eslint-disable-next-line max-depth
+                    if (direction === "left" && (posMax < start || start === -1))
+                        start = posMax;
+                }
+                matched = 0;
+            }
+            pos++;
+        }
+        if (
+        // eslint-disable-next-line no-loop-func --  https://eslint.org/docs/latest/rules/no-loop-func#known-limitations
+        requireMatched.some((rm) => rm === matched) &&
+            ((direction === "right" && pos - matched > start) ||
+                (direction === "left" && (pos - matched < start || start === -1)))) {
+            start = direction === "right" ? pos - minRequired : pos - matched;
+            // console.log({ pos, matched, start, minRequired, maxRequired, direction });
+        }
+        else if (maxRequired < matched) {
+            const posMin = pos - minRequired;
+            const posMax = pos - matched;
+            // console.log({ posMin, posMax, pos, minRequired, maxRequired, direction, matched });
+            if (direction === "right" && posMin > start)
+                start = posMin;
+            if (direction === "left" && (posMax < start || start === -1))
+                start = posMax;
+        }
+        pos = 0;
+        matched = 0;
+    }
+    return start;
+}
+function processShiftContent(state, shift, marks) {
+    const { from, to } = state.selection.ranges[0];
+    const linePoint = state.lineBreak.codePointAt(0);
+    let pos = 0;
+    /** processing outer shifts */
+    const initialTextBefore = state.sliceDoc(from - shift, from);
+    let shiftBeforeOuter = 0;
+    pos = initialTextBefore.length - 1;
+    while (pos > -1) {
+        if (initialTextBefore.codePointAt(pos) === linePoint)
+            break;
+        shiftBeforeOuter++;
+        pos--;
+    }
+    const initialTextAfter = state.sliceDoc(to, to + shift);
+    let shiftAfterOuter = 0;
+    pos = 0;
+    while (pos < initialTextAfter.length) {
+        if (initialTextAfter.codePointAt(pos) === linePoint)
+            break;
+        shiftAfterOuter++;
+        pos++;
+    }
+    /** processing inner shifts */
+    const initialText = state.sliceDoc(from, to);
+    let shiftBeforeInner = 0;
+    pos = 0;
+    if (initialText.length > 1)
+        while (pos < initialText.length) {
+            // eslint-disable-next-line no-loop-func --  https://eslint.org/docs/latest/rules/no-loop-func#known-limitations
+            if (marks.some((mark) => mark === initialText.codePointAt(pos)))
+                shiftBeforeInner++;
+            else
+                break;
+            pos++;
+        }
+    const initialTextWithoutBeforeShift = initialText.substring(shiftBeforeInner + 1);
+    let shiftAfterInner = 0;
+    pos = initialTextWithoutBeforeShift.length - 1;
+    if (initialText.length > 1 || shiftBeforeInner > 0)
+        while (pos > -1) {
+            // eslint-disable-next-line no-loop-func --  https://eslint.org/docs/latest/rules/no-loop-func#known-limitations
+            if (marks.some((mark) => mark === initialTextWithoutBeforeShift.codePointAt(pos)))
+                shiftAfterInner++;
+            else
+                break;
+            pos--;
+        }
+    const text = state.sliceDoc(from - shiftBeforeOuter, to + shiftAfterOuter);
+    return {
+        from,
+        to,
+        shiftBeforeOuter,
+        shiftBeforeInner,
+        shiftAfterOuter,
+        shiftAfterInner,
+        text,
+    };
+}
+
+export { overlapMark };
+//# sourceMappingURL=overlap-mark.js.map

package/lib/esm/lib/utils/overlap-mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlap-mark.js","sources":["../../../../src/lib/utils/overlap-mark.ts"],"sourcesContent":["import type { EditorState } from \"@codemirror/state\";\n\ntype OverlapMarkOptions = {\n  state: EditorState;\n  shift: number;\n  marks: (number | undefined)[];\n  requireMatched: number[];\n};\n\nexport function overlapMark({ marks, shift, state, requireMatched }: OverlapMarkOptions) {\n  const { from, to, shiftAfterInner, shiftAfterOuter, shiftBeforeInner, shiftBeforeOuter, text } =\n    processShiftContent(state, shift, marks);\n\n  const startIndex = findMarkIndex(\n    text.substring(0, shiftBeforeInner + shiftBeforeOuter),\n    marks,\n    requireMatched,\n    \"right\",\n  );\n  const endIndex = findMarkIndex(\n    text.substring(text.length - shiftAfterInner - shiftAfterOuter),\n    marks,\n    requireMatched,\n    \"left\",\n  );\n\n  const start = ~startIndex ? from - shiftBeforeOuter + startIndex : -1;\n  const end = ~endIndex ? to - shiftAfterInner + endIndex : -1;\n\n  // console.log({\n  //   from,\n  //   to,\n  //   shiftAfterInner,\n  //   shiftAfterOuter,\n  //   shiftBeforeInner,\n  //   shiftBeforeOuter,\n  //   text,\n  //   textStart: text.substring(0, shiftBeforeInner + shiftBeforeOuter),\n  //   textEnd: text.substring(text.length - shiftAfterInner - shiftAfterOuter),\n  //   startIndex,\n  //   endIndex,\n  //   end,\n  //   start,\n  // });\n\n  return {\n    start,\n    end,\n    marked: Boolean(~start || ~end),\n    originalText: text.substring(shiftBeforeOuter, text.length - shiftAfterOuter),\n  };\n}\n\n// eslint-disable-next-line max-params\nfunction findMarkIndex(\n  text: string,\n  marks: (number | undefined)[],\n  requireMatched: number[],\n  direction: \"right\" | \"left\" = \"right\",\n) {\n  if (text.length === 0) return -1;\n\n  const maxRequired = Math.max(...requireMatched);\n  const minRequired = Math.min(...requireMatched);\n\n  let pos = 0;\n  let matched = 0;\n  let start = -1;\n\n  for (const mark of marks) {\n    if (!mark) continue;\n\n    while (pos < text.length) {\n      if (text.codePointAt(pos) === mark) matched++;\n      else {\n        if (\n          // eslint-disable-next-line no-loop-func --  https://eslint.org/docs/latest/rules/no-loop-func#known-limitations\n          requireMatched.some((rm) => rm === matched) &&\n          ((direction === \"right\" && pos - matched > start) ||\n            (direction === \"left\" && (pos - matched < start || start === -1)))\n        ) {\n          start = direction === \"right\" ? pos - minRequired : pos - matched;\n          // console.log({ pos, matched, start, minRequired, maxRequired, direction });\n        } else if (maxRequired < matched) {\n          const posMin = pos - minRequired;\n          const posMax = pos - matched;\n\n          // console.log({ posMin, posMax, pos, minRequired, maxRequired, direction, matched });\n\n          // eslint-disable-next-line max-depth\n          if (direction === \"right\" && posMin > start) start = posMin;\n          // eslint-disable-next-line max-depth\n          if (direction === \"left\" && (posMax < start || start === -1)) start = posMax;\n        }\n        matched = 0;\n      }\n      pos++;\n    }\n\n    if (\n      // eslint-disable-next-line no-loop-func --  https://eslint.org/docs/latest/rules/no-loop-func#known-limitations\n      requireMatched.some((rm) => rm === matched) &&\n      ((direction === \"right\" && pos - matched > start) ||\n        (direction === \"left\" && (pos - matched < start || start === -1)))\n    ) {\n      start = direction === \"right\" ? pos - minRequired : pos - matched;\n      // console.log({ pos, matched, start, minRequired, maxRequired, direction });\n    } else if (maxRequired < matched) {\n      const posMin = pos - minRequired;\n      const posMax = pos - matched;\n\n      // console.log({ posMin, posMax, pos, minRequired, maxRequired, direction, matched });\n\n      if (direction === \"right\" && posMin > start) start = posMin;\n      if (direction === \"left\" && (posMax < start || start === -1)) start = posMax;\n    }\n\n    pos = 0;\n    matched = 0;\n  }\n\n  return start;\n}\n\nfunction processShiftContent(state: EditorState, shift: number, marks: (number | undefined)[]) {\n  const { from, to } = state.selection.ranges[0];\n  const linePoint = state.lineBreak.codePointAt(0);\n  let pos = 0;\n\n  /** processing outer shifts */\n  const initialTextBefore = state.sliceDoc(from - shift, from);\n  let shiftBeforeOuter = 0;\n  pos = initialTextBefore.length - 1;\n\n  while (pos > -1) {\n    if (initialTextBefore.codePointAt(pos) === linePoint) break;\n    shiftBeforeOuter++;\n    pos--;\n  }\n\n  const initialTextAfter = state.sliceDoc(to, to + shift);\n  let shiftAfterOuter = 0;\n  pos = 0;\n\n  while (pos < initialTextAfter.length) {\n    if (initialTextAfter.codePointAt(pos) === linePoint) break;\n    shiftAfterOuter++;\n    pos++;\n  }\n\n  /** processing inner shifts */\n  const initialText = state.sliceDoc(from, to);\n  let shiftBeforeInner = 0;\n  pos = 0;\n\n  if (initialText.length > 1)\n    while (pos < initialText.length) {\n      // eslint-disable-next-line no-loop-func --  https://eslint.org/docs/latest/rules/no-loop-func#known-limitations\n      if (marks.some((mark) => mark === initialText.codePointAt(pos))) shiftBeforeInner++;\n      else break;\n\n      pos++;\n    }\n\n  const initialTextWithoutBeforeShift = initialText.substring(shiftBeforeInner + 1);\n  let shiftAfterInner = 0;\n  pos = initialTextWithoutBeforeShift.length - 1;\n\n  if (initialText.length > 1 || shiftBeforeInner > 0)\n    while (pos > -1) {\n      // eslint-disable-next-line no-loop-func --  https://eslint.org/docs/latest/rules/no-loop-func#known-limitations\n      if (marks.some((mark) => mark === initialTextWithoutBeforeShift.codePointAt(pos)))\n        shiftAfterInner++;\n      else break;\n\n      pos--;\n    }\n\n  const text = state.sliceDoc(from - shiftBeforeOuter, to + shiftAfterOuter);\n\n  return {\n    from,\n    to,\n    shiftBeforeOuter,\n    shiftBeforeInner,\n    shiftAfterOuter,\n    shiftAfterInner,\n    text,\n  };\n}\n"],"names":[],"mappings":"AASM,SAAU,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAsB,EAAA;IACrF,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,IAAI,EAAE,GAC5F,mBAAmB,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;IAE1C,MAAM,UAAU,GAAG,aAAa,CAC9B,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,EACtD,KAAK,EACL,cAAc,EACd,OAAO,CACR;IACD,MAAM,QAAQ,GAAG,aAAa,CAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,GAAG,eAAe,GAAG,eAAe,CAAC,EAC/D,KAAK,EACL,cAAc,EACd,MAAM,CACP;AAED,IAAA,MAAM,KAAK,GAAG,CAAC,UAAU,GAAG,IAAI,GAAG,gBAAgB,GAAG,UAAU,GAAG,EAAE;AACrE,IAAA,MAAM,GAAG,GAAG,CAAC,QAAQ,GAAG,EAAE,GAAG,eAAe,GAAG,QAAQ,GAAG,EAAE;;;;;;;;;;;;;;;;IAkB5D,OAAO;QACL,KAAK;QACL,GAAG;QACH,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC;AAC/B,QAAA,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,MAAM,GAAG,eAAe,CAAC;KAC9E;AACH;AAEA;AACA,SAAS,aAAa,CACpB,IAAY,EACZ,KAA6B,EAC7B,cAAwB,EACxB,SAAA,GAA8B,OAAO,EAAA;AAErC,IAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE;IAEhC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC;IAC/C,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC;IAE/C,IAAI,GAAG,GAAG,CAAC;IACX,IAAI,OAAO,GAAG,CAAC;AACf,IAAA,IAAI,KAAK,GAAG,EAAE;AAEd,IAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACxB,QAAA,IAAI,CAAC,IAAI;YAAE;AAEX,QAAA,OAAO,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE;AACxB,YAAA,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,IAAI;AAAE,gBAAA,OAAO,EAAE;iBACxC;AACH,gBAAA;;gBAEE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,OAAO,CAAC;qBAC1C,CAAC,SAAS,KAAK,OAAO,IAAI,GAAG,GAAG,OAAO,GAAG,KAAK;AAC9C,yBAAC,SAAS,KAAK,MAAM,KAAK,GAAG,GAAG,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,EACpE;AACA,oBAAA,KAAK,GAAG,SAAS,KAAK,OAAO,GAAG,GAAG,GAAG,WAAW,GAAG,GAAG,GAAG,OAAO;;;AAE5D,qBAAA,IAAI,WAAW,GAAG,OAAO,EAAE;AAChC,oBAAA,MAAM,MAAM,GAAG,GAAG,GAAG,WAAW;AAChC,oBAAA,MAAM,MAAM,GAAG,GAAG,GAAG,OAAO;;;AAK5B,oBAAA,IAAI,SAAS,KAAK,OAAO,IAAI,MAAM,GAAG,KAAK;wBAAE,KAAK,GAAG,MAAM;;AAE3D,oBAAA,IAAI,SAAS,KAAK,MAAM,KAAK,MAAM,GAAG,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;wBAAE,KAAK,GAAG,MAAM;;gBAE9E,OAAO,GAAG,CAAC;;AAEb,YAAA,GAAG,EAAE;;AAGP,QAAA;;QAEE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,OAAO,CAAC;aAC1C,CAAC,SAAS,KAAK,OAAO,IAAI,GAAG,GAAG,OAAO,GAAG,KAAK;AAC9C,iBAAC,SAAS,KAAK,MAAM,KAAK,GAAG,GAAG,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,EACpE;AACA,YAAA,KAAK,GAAG,SAAS,KAAK,OAAO,GAAG,GAAG,GAAG,WAAW,GAAG,GAAG,GAAG,OAAO;;;AAE5D,aAAA,IAAI,WAAW,GAAG,OAAO,EAAE;AAChC,YAAA,MAAM,MAAM,GAAG,GAAG,GAAG,WAAW;AAChC,YAAA,MAAM,MAAM,GAAG,GAAG,GAAG,OAAO;;AAI5B,YAAA,IAAI,SAAS,KAAK,OAAO,IAAI,MAAM,GAAG,KAAK;gBAAE,KAAK,GAAG,MAAM;AAC3D,YAAA,IAAI,SAAS,KAAK,MAAM,KAAK,MAAM,GAAG,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;gBAAE,KAAK,GAAG,MAAM;;QAG9E,GAAG,GAAG,CAAC;QACP,OAAO,GAAG,CAAC;;AAGb,IAAA,OAAO,KAAK;AACd;AAEA,SAAS,mBAAmB,CAAC,KAAkB,EAAE,KAAa,EAAE,KAA6B,EAAA;AAC3F,IAAA,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;IAChD,IAAI,GAAG,GAAG,CAAC;;AAGX,IAAA,MAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,GAAG,KAAK,EAAE,IAAI,CAAC;IAC5D,IAAI,gBAAgB,GAAG,CAAC;AACxB,IAAA,GAAG,GAAG,iBAAiB,CAAC,MAAM,GAAG,CAAC;AAElC,IAAA,OAAO,GAAG,GAAG,EAAE,EAAE;AACf,QAAA,IAAI,iBAAiB,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,SAAS;YAAE;AACtD,QAAA,gBAAgB,EAAE;AAClB,QAAA,GAAG,EAAE;;AAGP,IAAA,MAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACvD,IAAI,eAAe,GAAG,CAAC;IACvB,GAAG,GAAG,CAAC;AAEP,IAAA,OAAO,GAAG,GAAG,gBAAgB,CAAC,MAAM,EAAE;AACpC,QAAA,IAAI,gBAAgB,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,SAAS;YAAE;AACrD,QAAA,eAAe,EAAE;AACjB,QAAA,GAAG,EAAE;;;IAIP,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;IAC5C,IAAI,gBAAgB,GAAG,CAAC;IACxB,GAAG,GAAG,CAAC;AAEP,IAAA,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;AACxB,QAAA,OAAO,GAAG,GAAG,WAAW,CAAC,MAAM,EAAE;;AAE/B,YAAA,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAAE,gBAAA,gBAAgB,EAAE;;gBAC9E;AAEL,YAAA,GAAG,EAAE;;IAGT,MAAM,6BAA6B,GAAG,WAAW,CAAC,SAAS,CAAC,gBAAgB,GAAG,CAAC,CAAC;IACjF,IAAI,eAAe,GAAG,CAAC;AACvB,IAAA,GAAG,GAAG,6BAA6B,CAAC,MAAM,GAAG,CAAC;IAE9C,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,gBAAgB,GAAG,CAAC;AAChD,QAAA,OAAO,GAAG,GAAG,EAAE,EAAE;;AAEf,YAAA,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,6BAA6B,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/E,gBAAA,eAAe,EAAE;;gBACd;AAEL,YAAA,GAAG,EAAE;;AAGT,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,GAAG,gBAAgB,EAAE,EAAE,GAAG,eAAe,CAAC;IAE1E,OAAO;QACL,IAAI;QACJ,EAAE;QACF,gBAAgB;QAChB,gBAAgB;QAChB,eAAe;QACf,eAAe;QACf,IAAI;KACL;AACH;;;;"}

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

@@ -1,5 +1,6 @@
 import { EditorView, drawSelection } from '@codemirror/view';
 import { ReadonlyCompartment, ThemeCompartment, VimModeCompartment } from '../../extensions/compartments/index.js';
+import '@codemirror/autocomplete';
 import '@codemirror/commands';
 import { saveDispatch } from '../../lib/utils/save-dispatch.js';
 import { getDarkTheme } from '../../extensions/theme/themes/get-dark-theme.js';
@@ -85,14 +86,10 @@ class Editor {
                 effects: ThemeCompartment.reconfigure(theme === "dark"
                     ? getDarkTheme({
                         dark: this.arguments.dark,
-                        light: this.arguments.light,
-                        theme,
-                    })
+                        light: this.arguments.light})
                     : getLightTheme({
                         dark: this.arguments.dark,
-                        light: this.arguments.light,
-                        theme,
-                    })),
+                        light: this.arguments.light})),
             });
         });
     };

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 type { Text } from \"yjs\";\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  yText: Text | undefined;\n\n  constructor(options: EditorArguments) {\n    void initEditor(options).then((editor) => {\n      this.view = editor.view;\n      this.provider = editor.provider;\n      this.yText = editor.multiCursorText;\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  replaceContent = (content: string) => {\n    // if (!this.yText) return;\n\n    // this.yText.delete(0, this.yText.length);\n    // this.yText.insert(0, content);\n\n    // return;\n\n    if (!this.view) return;\n\n    const transaction = this.view.state.update({\n      changes: { from: 0, to: this.view.state.doc.length, insert: content },\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 type { Text } from \"yjs\";\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  yText: Text | undefined;\n\n  constructor(options: EditorArguments) {\n    void initEditor(options).then((editor) => {\n      this.view = editor.view;\n      this.provider = editor.provider;\n      this.yText = editor.multiCursorText;\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  replaceContent = (content: string) => {\n    // if (!this.yText) return;\n\n    // this.yText.delete(0, this.yText.length);\n    // this.yText.insert(0, content);\n\n    // return;\n\n    if (!this.view) return;\n\n    const transaction = this.view.state.update({\n      changes: { from: 0, to: this.view.state.doc.length, insert: content },\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-provider.js

@@ -3,8 +3,7 @@ async function initEditorProvider({ roomId, url, userName = "Anonymous", userCol
     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
+    if (!userColor?.startsWith?.("#")) {
         console.warn("user color must be hex!");
         userColor = "#30bced";
     }
@@ -19,7 +18,7 @@ async function initEditorProvider({ roomId, url, userName = "Anonymous", userCol
         provider.on("status", (event) => {
             onStartProvider(event?.status);
         });
-    if (provider && multiCursorText)
+    if (provider)
         provider.on("sync", (isSynced) => {
             if (isSynced && !multiCursorText.length && initialText) {
                 multiCursorText.insert(0, initialText);

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

@@ -1 +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;;;;"}
+{"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?.startsWith?.(\"#\")) {\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)\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,EAAE,UAAU,GAAG,GAAG,CAAC,EAAE;AACjC,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;AAEJ,IAAA,IAAI,QAAQ;QACV,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.js

@@ -13,7 +13,7 @@ async function initEditor({ multiCursor, root, initialText, ...rest }) {
     }
     const state = await initEditorState({
         ...rest,
-        text: initialText || "",
+        text: initialText ?? "",
         provider,
         multiCursorText,
     });

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, multiCursorText };\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,eAAe,EAAE;AAC5C;;;;"}
+{"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, multiCursorText };\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,eAAe,EAAE;AAC5C;;;;"}

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

@@ -1 +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]}
+{"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,MAAM,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

@@ -1,10 +1,16 @@
-import { KeyBinding, EditorView, ViewUpdate, Decoration } from '@codemirror/view';
+import { EditorView, KeyBinding, ViewUpdate, Decoration } from '@codemirror/view';
 import { WebsocketProvider } from 'y-websocket';
 import { Text } from 'yjs';
+import { autocompletion } from '@codemirror/autocomplete';
 import { EditorState, Range } from '@codemirror/state';
 import { LanguageDescription } from '@codemirror/language';
 import { SyntaxNodeRef } from '@lezer/common';
 
+type InitAutoCompleteOptions = {
+    autoCompleteTagOptions?: string[];
+    autoCompleteConfig?: Omit<Exclude<Parameters<typeof autocompletion>[0], undefined>, "override">;
+};
+
 type EditorTheme = "dark" | "light";
 type InitThemeOptions = {
     dark?: ThemeOptions;
@@ -19,6 +25,7 @@ type ThemeConfig = {
     fontFamily?: string;
     color?: string;
     background?: string;
+    codeFontFamily?: string;
     codeBackground?: string;
     codeColor?: string;
     codeButtonColor?: string;
@@ -29,6 +36,8 @@ type ThemeConfig = {
     mentionColor?: string;
     vimSelectionFocused?: string;
     vimSelection?: string;
+    codeBlockBorderColor?: string;
+    codeBlockBackground?: string;
 };
 type HighlightConfig = {
     keyword?: string;
@@ -105,7 +114,7 @@ type InitSettingsOptions = {
     vimMode?: boolean;
 };
 
-type ExtensionsOptions = InitListenersOptions & InitThemeOptions & InitSettingsOptions & InitMarkdownOptions & InitKeyMapsOptions;
+type ExtensionsOptions = InitListenersOptions & InitThemeOptions & InitSettingsOptions & InitMarkdownOptions & InitKeyMapsOptions & InitAutoCompleteOptions;
 type InitExtensionsOptions = {
     multiCursorText: Text | undefined;
     provider: WebsocketProvider | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krainovsd/markdown-editor",
-  "version": "0.3.2",
+  "version": "0.4.2",
   "description": "Krainov markdown-editor",
   "type": "module",
   "author": "KrainovSD <denislosev48@gmail.com>",
@@ -29,42 +29,31 @@
   ],
   "scripts": {
     "publish-package": "npm run lint && npm run build && npm publish",
-    "dev": "vite",
+    "dev": "vite --host",
+    "clear": "rm -rf ./lib",
     "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",
+    "lint": "eslint . -c ./eslint.config.js --color --max-warnings 0",
+    "lint-check": "eslint --debug eslint.config.js",
     "format": "prettier --write 'src/**/*.{js,ts,tsx,scss,css,json}'",
-    "build:dev": "vite build",
+    "format-check": "prettier --check ./src",
+    "lint-debug": "npx eslint --print-config eslint.config.js > eslint-config-rules.json",
+    "type-debug": "tsc --showConfig > typescript-config.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"
+    "build:types": "tspc -p tsconfig.build.json"
   },
   "devDependencies": {
-    "rollup": "4.29.1",
-    "@rollup/plugin-terser": "0.4.4",
-    "@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",
-    "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",
+    "@krainovsd/presets": "0.1.5",
+    "eslint": "9.21.0",
+    "prettier": "3.5.2",
+    "rollup": "4.34.9",
+    "typescript": "5.7.3",
+    "typescript-transform-paths": "3.5.3",
     "ts-patch": "3.3.0",
-    "typescript": "5.6.3",
-    "typescript-transform-paths": "3.5.2",
+    "@types/node": "22.8.6",
     "@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",
     "vite": "6.0.11"
   },
   "dependencies": {
@@ -73,11 +62,12 @@
     "@codemirror/language": "6.10.8",
     "@codemirror/state": "6.5.1",
     "@codemirror/view": "6.36.2",
+    "@codemirror/autocomplete": "6.18.6",
     "@lezer/highlight": "1.2.1",
     "@replit/codemirror-vim": "6.2.1",
     "clsx": "2.1.1",
     "y-codemirror.next": "0.3.5",
     "y-websocket": "2.1.0",
-    "yjs": "13.6.23"
+    "yjs": "13.6.24"
   }
 }