@krainovsd/markdown-editor 0.0.3 → 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;;;;"}