draftly 1.0.7 → 2.1.0

package/dist/{chunk-DFQYXFOP.js → chunk-TD3L5C45.js}

@@ -25,6 +25,9 @@ function createTheme({
   light: lightTheme
 }) {
   return (theme) => {
+    defaultTheme = flattenThemeStyles(defaultTheme);
+    darkTheme = flattenThemeStyles(darkTheme || {});
+    lightTheme = flattenThemeStyles(lightTheme || {});
     let style = defaultTheme;
     if (theme === "dark" /* DARK */) {
       style = deepMerge(style, darkTheme);
@@ -35,6 +38,28 @@ function createTheme({
     return style;
   };
 }
+function flattenThemeStyles(themeStyles, parentSelector) {
+  const flattened = {};
+  for (const [selectors, styles] of Object.entries(themeStyles)) {
+    for (const selector of selectors.split(",")) {
+      if (typeof styles === "object" && !Array.isArray(styles)) {
+        const fullSelector = fixSelector(parentSelector ? `${parentSelector} ${selector}` : selector);
+        const nestedStyles = flattenThemeStyles(styles, fullSelector);
+        Object.assign(flattened, nestedStyles);
+      } else {
+        if (parentSelector) {
+          flattened[parentSelector] = { ...flattened[parentSelector], [selector]: styles };
+        } else {
+          flattened[selector] = styles;
+        }
+      }
+    }
+  }
+  return flattened;
+}
+function fixSelector(selector) {
+  return selector.replace(/\s&/g, "");
+}
 function cursorInRange(view, from, to) {
   const selection = view.state.selection.main;
   return selection.from <= to && selection.to >= from;
@@ -81,6 +106,6 @@ function toggleMarkdownStyle(marker) {
   };
 }
 
-export { ThemeEnum, createTheme, cursorInRange, deepMerge, selectionOverlapsRange, toggleMarkdownStyle };
-//# sourceMappingURL=chunk-DFQYXFOP.js.map
-//# sourceMappingURL=chunk-DFQYXFOP.js.map
+export { ThemeEnum, createTheme, cursorInRange, deepMerge, fixSelector, flattenThemeStyles, selectionOverlapsRange, toggleMarkdownStyle };
+//# sourceMappingURL=chunk-TD3L5C45.js.map
+//# sourceMappingURL=chunk-TD3L5C45.js.map

package/dist/chunk-TD3L5C45.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/editor/utils.ts"],"names":["ThemeEnum"],"mappings":";AASO,SAAS,SAAA,CAAa,GAAM,CAAA,EAAU;AAC3C,EAAA,MAAM,MAAA,GAAS,EAAE,GAAG,CAAA,EAAE;AAEtB,EAAA,IAAI,CAAC,CAAA,EAAG;AACN,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,KAAA,MAAW,OAAO,CAAA,EAAQ;AACxB,IAAA,IAAI,EAAE,GAAG,CAAA,IAAK,OAAO,CAAA,CAAE,GAAG,MAAM,QAAA,IAAY,CAAC,MAAM,OAAA,CAAQ,CAAA,CAAE,GAAG,CAAC,CAAA,IAAK,OAAO,CAAA,CAAE,GAAG,MAAM,QAAA,EAAU;AAChG,MAAA,MAAA,CAAO,GAAG,IAAI,SAAA,CAAU,CAAA,CAAE,GAAG,CAAA,EAAG,CAAA,CAAE,GAAG,CAAC,CAAA;AAAA,IACxC,CAAA,MAAO;AACL,MAAA,MAAA,CAAO,GAAG,CAAA,GAAI,CAAA,CAAE,GAAG,CAAA;AAAA,IACrB;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT;AAYO,IAAK,SAAA,qBAAAA,UAAAA,KAAL;AACL,EAAAA,WAAA,MAAA,CAAA,GAAO,MAAA;AACP,EAAAA,WAAA,OAAA,CAAA,GAAQ,OAAA;AACR,EAAAA,WAAA,MAAA,CAAA,GAAO,MAAA;AAHG,EAAA,OAAAA,UAAAA;AAAA,CAAA,EAAA,SAAA,IAAA,EAAA;AAcL,SAAS,WAAA,CAAY;AAAA,EAC1B,OAAA,EAAS,YAAA;AAAA,EACT,IAAA,EAAM,SAAA;AAAA,EACN,KAAA,EAAO;AACT,CAAA,EAIqC;AACnC,EAAA,OAAO,CAAC,KAAA,KAAqB;AAC3B,IAAA,YAAA,GAAe,mBAAmB,YAAY,CAAA;AAC9C,IAAA,SAAA,GAAY,kBAAA,CAAmB,SAAA,IAAa,EAAE,CAAA;AAC9C,IAAA,UAAA,GAAa,kBAAA,CAAmB,UAAA,IAAc,EAAE,CAAA;AAEhD,IAAA,IAAI,KAAA,GAAoB,YAAA;AAExB,IAAA,IAAI,UAAU,MAAA,aAAgB;AAC5B,MAAA,KAAA,GAAQ,SAAA,CAAU,OAAO,SAAS,CAAA;AAAA,IACpC;AAEA,IAAA,IAAI,UAAU,OAAA,cAAiB;AAC7B,MAAA,KAAA,GAAQ,SAAA,CAAU,OAAO,UAAU,CAAA;AAAA,IACrC;AAEA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA;AACF;AAEO,SAAS,kBAAA,CAAmB,aAAyB,cAAA,EAAqC;AAC/F,EAAA,MAAM,YAAwB,EAAC;AAE/B,EAAA,KAAA,MAAW,CAAC,SAAA,EAAW,MAAM,KAAK,MAAA,CAAO,OAAA,CAAQ,WAAW,CAAA,EAAG;AAC7D,IAAA,KAAA,MAAW,QAAA,IAAY,SAAA,CAAU,KAAA,CAAM,GAAG,CAAA,EAAG;AAC3C,MAAA,IAAI,OAAO,MAAA,KAAW,QAAA,IAAY,CAAC,KAAA,CAAM,OAAA,CAAQ,MAAM,CAAA,EAAG;AAExD,QAAA,MAAM,YAAA,GAAe,YAAY,cAAA,GAAiB,CAAA,EAAG,cAAc,CAAA,CAAA,EAAI,QAAQ,KAAK,QAAQ,CAAA;AAC5F,QAAA,MAAM,YAAA,GAAe,kBAAA,CAAmB,MAAA,EAAsB,YAAY,CAAA;AAC1E,QAAA,MAAA,CAAO,MAAA,CAAO,WAAW,YAAY,CAAA;AAAA,MACvC,CAAA,MAAO;AAEL,QAAA,IAAI,cAAA,EAAgB;AAClB,UAAA,SAAA,CAAU,cAAc,CAAA,GAAI,EAAE,GAAG,SAAA,CAAU,cAAc,CAAA,EAAG,CAAC,QAAQ,GAAG,MAAA,EAAO;AAAA,QACjF,CAAA,MAAO;AACL,UAAA,SAAA,CAAU,QAAQ,CAAA,GAAI,MAAA;AAAA,QACxB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,EAAA,OAAO,SAAA;AACT;AAEO,SAAS,YAAY,QAAA,EAA0B;AAEpD,EAAA,OAAO,QAAA,CAAS,OAAA,CAAQ,MAAA,EAAQ,EAAE,CAAA;AACpC;AAKO,SAAS,aAAA,CAAc,IAAA,EAAkB,IAAA,EAAc,EAAA,EAAqB;AACjF,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,KAAA,CAAM,SAAA,CAAU,IAAA;AACvC,EAAA,OAAO,SAAA,CAAU,IAAA,IAAQ,EAAA,IAAM,SAAA,CAAU,EAAA,IAAM,IAAA;AACjD;AAKO,SAAS,sBAAA,CAAuB,IAAA,EAAkB,IAAA,EAAc,EAAA,EAAqB;AAC1F,EAAA,KAAA,MAAW,KAAA,IAAS,IAAA,CAAK,KAAA,CAAM,SAAA,CAAU,MAAA,EAAQ;AAC/C,IAAA,IAAI,KAAA,CAAM,IAAA,IAAQ,EAAA,IAAM,KAAA,CAAM,MAAM,IAAA,EAAM;AACxC,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF;AACA,EAAA,OAAO,KAAA;AACT;AAOO,SAAS,oBAAoB,MAAA,EAA+C;AACjF,EAAA,OAAO,CAAC,IAAA,KAAqB;AAC3B,IAAA,MAAM,EAAE,OAAM,GAAI,IAAA;AAClB,IAAA,MAAM,EAAE,IAAA,EAAM,EAAA,EAAI,KAAA,EAAM,GAAI,MAAM,SAAA,CAAU,IAAA;AAG5C,IAAA,MAAM,YAAA,GAAe,KAAA,CAAM,QAAA,CAAS,IAAA,EAAM,EAAE,CAAA;AAG5C,IAAA,MAAM,YAAY,MAAA,CAAO,MAAA;AACzB,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,OAAO,SAAS,CAAA;AAC/C,IAAA,MAAM,UAAU,IAAA,CAAK,GAAA,CAAI,MAAM,GAAA,CAAI,MAAA,EAAQ,KAAK,SAAS,CAAA;AACzD,IAAA,MAAM,UAAA,GAAa,KAAA,CAAM,QAAA,CAAS,UAAA,EAAY,IAAI,CAAA;AAClD,IAAA,MAAM,SAAA,GAAY,KAAA,CAAM,QAAA,CAAS,EAAA,EAAI,OAAO,CAAA;AAE5C,IAAA,MAAM,SAAA,GAAY,UAAA,KAAe,MAAA,IAAU,SAAA,KAAc,MAAA;AAEzD,IAAA,IAAI,SAAA,EAAW;AAEb,MAAA,IAAA,CAAK,QAAA,CAAS;AAAA,QACZ,OAAA,EAAS;AAAA,UACP,EAAE,IAAA,EAAM,UAAA,EAAY,EAAA,EAAI,IAAA,EAAM,QAAQ,EAAA,EAAG;AAAA,UACzC,EAAE,IAAA,EAAM,EAAA,EAAI,EAAA,EAAI,OAAA,EAAS,QAAQ,EAAA;AAAG,SACtC;AAAA,QACA,WAAW,EAAE,MAAA,EAAQ,YAAY,IAAA,EAAM,UAAA,GAAa,aAAa,MAAA;AAAO,OACzE,CAAA;AAAA,IACH,WAAW,KAAA,EAAO;AAEhB,MAAA,IAAA,CAAK,QAAA,CAAS;AAAA,QACZ,SAAS,EAAE,IAAA,EAAM,EAAA,EAAI,MAAA,EAAQ,SAAS,MAAA,EAAO;AAAA,QAC7C,SAAA,EAAW,EAAE,MAAA,EAAQ,IAAA,GAAO,SAAA;AAAU,OACvC,CAAA;AAAA,IACH,CAAA,MAAO;AAEL,MAAA,IAAA,CAAK,QAAA,CAAS;AAAA,QACZ,SAAS,EAAE,IAAA,EAAM,IAAI,MAAA,EAAQ,MAAA,GAAS,eAAe,MAAA,EAAO;AAAA,QAC5D,WAAW,EAAE,MAAA,EAAQ,OAAO,SAAA,EAAW,IAAA,EAAM,KAAK,SAAA;AAAU,OAC7D,CAAA;AAAA,IACH;AAEA,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AACF","file":"chunk-TD3L5C45.js","sourcesContent":["import { EditorView } from \"@codemirror/view\";\nimport { StyleSpec } from \"style-mod\";\n\n/**\n * Deep merge two objects\n * @param a - First object\n * @param b - Second object\n * @returns Merged object\n */\nexport function deepMerge<T>(a: T, b?: T): T {\n  const result = { ...a };\n\n  if (!b) {\n    return result;\n  }\n\n  for (const key in b as T) {\n    if (b[key] && typeof b[key] === \"object\" && !Array.isArray(b[key]) && typeof a[key] === \"object\") {\n      result[key] = deepMerge(a[key], b[key]);\n    } else {\n      result[key] = b[key];\n    }\n  }\n\n  return result;\n}\n\n/**\n * Theme style\n */\nexport type ThemeStyle = {\n  [selector: string]: StyleSpec;\n};\n\n/**\n * Theme Enum\n */\nexport enum ThemeEnum {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n  AUTO = \"auto\",\n}\n\n/**\n * Function to create the themes\n *\n * @param defaultTheme - Default theme -- Always applied\n * @param darkTheme - Dark theme -- Applied when theme is \"dark\" or \"auto\" and system is dark\n * @param lightTheme - Light theme -- Applied when theme is \"light\" or \"auto\" and system is light\n * @returns Theme function\n */\nexport function createTheme({\n  default: defaultTheme,\n  dark: darkTheme,\n  light: lightTheme,\n}: {\n  default: ThemeStyle;\n  dark?: ThemeStyle;\n  light?: ThemeStyle;\n}): (theme: ThemeEnum) => ThemeStyle {\n  return (theme: ThemeEnum) => {\n    defaultTheme = flattenThemeStyles(defaultTheme);\n    darkTheme = flattenThemeStyles(darkTheme || {});\n    lightTheme = flattenThemeStyles(lightTheme || {});\n\n    let style: ThemeStyle = defaultTheme;\n\n    if (theme === ThemeEnum.DARK) {\n      style = deepMerge(style, darkTheme);\n    }\n\n    if (theme === ThemeEnum.LIGHT) {\n      style = deepMerge(style, lightTheme);\n    }\n\n    return style;\n  };\n}\n\nexport function flattenThemeStyles(themeStyles: ThemeStyle, parentSelector?: string): ThemeStyle {\n  const flattened: ThemeStyle = {};\n\n  for (const [selectors, styles] of Object.entries(themeStyles)) {\n    for (const selector of selectors.split(\",\")) {\n      if (typeof styles === \"object\" && !Array.isArray(styles)) {\n        // Flatten nested styles\n        const fullSelector = fixSelector(parentSelector ? `${parentSelector} ${selector}` : selector);\n        const nestedStyles = flattenThemeStyles(styles as ThemeStyle, fullSelector);\n        Object.assign(flattened, nestedStyles);\n      } else {\n        // Add styles to the flattened object\n        if (parentSelector) {\n          flattened[parentSelector] = { ...flattened[parentSelector], [selector]: styles };\n        } else {\n          flattened[selector] = styles as StyleSpec;\n        }\n      }\n    }\n  }\n\n  return flattened;\n}\n\nexport function fixSelector(selector: string): string {\n  // Replace all occurrences of \"&\" with the parent selector\n  return selector.replace(/\\s&/g, \"\");\n}\n\n/**\n * Check if cursor is within the given range\n */\nexport function cursorInRange(view: EditorView, from: number, to: number): boolean {\n  const selection = view.state.selection.main;\n  return selection.from <= to && selection.to >= from;\n}\n\n/**\n * Check if any selection overlaps with the given range\n */\nexport function selectionOverlapsRange(view: EditorView, from: number, to: number): boolean {\n  for (const range of view.state.selection.ranges) {\n    if (range.from <= to && range.to >= from) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * Toggle markdown style on selection or insert markers at cursor\n * @param marker - The markdown marker (e.g., \"**\" for bold, \"*\" for italic)\n * @returns Command function for EditorView\n */\nexport function toggleMarkdownStyle(marker: string): (view: EditorView) => boolean {\n  return (view: EditorView) => {\n    const { state } = view;\n    const { from, to, empty } = state.selection.main;\n\n    // Get selected text\n    const selectedText = state.sliceDoc(from, to);\n\n    // Check if already wrapped with markers\n    const markerLen = marker.length;\n    const beforeFrom = Math.max(0, from - markerLen);\n    const afterTo = Math.min(state.doc.length, to + markerLen);\n    const textBefore = state.sliceDoc(beforeFrom, from);\n    const textAfter = state.sliceDoc(to, afterTo);\n\n    const isWrapped = textBefore === marker && textAfter === marker;\n\n    if (isWrapped) {\n      // Remove markers\n      view.dispatch({\n        changes: [\n          { from: beforeFrom, to: from, insert: \"\" },\n          { from: to, to: afterTo, insert: \"\" },\n        ],\n        selection: { anchor: beforeFrom, head: beforeFrom + selectedText.length },\n      });\n    } else if (empty) {\n      // No selection - insert markers and place cursor between them\n      view.dispatch({\n        changes: { from, to, insert: marker + marker },\n        selection: { anchor: from + markerLen },\n      });\n    } else {\n      // Wrap selection with markers\n      view.dispatch({\n        changes: { from, to, insert: marker + selectedText + marker },\n        selection: { anchor: from + markerLen, head: to + markerLen },\n      });\n    }\n\n    return true;\n  };\n}\n"]}

package/dist/{chunk-CG4M4TC7.js → chunk-UCHBDJ4R.js}

@@ -1,4 +1,4 @@
-import { selectionOverlapsRange, cursorInRange, createTheme } from './chunk-DFQYXFOP.js';
+import { selectionOverlapsRange, cursorInRange, createTheme } from './chunk-TD3L5C45.js';
 import { Facet, RangeSetBuilder, Prec } from '@codemirror/state';
 import { EditorView, ViewPlugin, keymap, highlightActiveLine } from '@codemirror/view';
 import { markdown, markdownLanguage, markdownKeymap } from '@codemirror/lang-markdown';
@@ -12,7 +12,8 @@ var draftlyBaseTheme = EditorView.theme({
   // Container styles - only apply when view plugin is enabled
   "&.cm-draftly": {
     fontSize: "16px",
-    lineHeight: "1.6"
+    lineHeight: "1.6",
+    backgroundColor: "transparent !important"
   },
   "&.cm-draftly .cm-content": {
     width: "100%",
@@ -177,23 +178,25 @@ function draftly(config = {}) {
   const pluginKeymaps = [];
   const markdownExtensions = [];
   const pluginContext = { config };
-  for (const plugin of allPlugins) {
-    plugin.onRegister(pluginContext);
-    const exts = plugin.getExtensions();
-    if (exts.length > 0) {
-      pluginExtensions.push(...exts);
-    }
-    const keys = plugin.getKeymap();
-    if (keys.length > 0) {
-      pluginKeymaps.push(...keys);
-    }
-    const theme = plugin.theme;
-    if (baseStyles && theme && typeof theme === "function") {
-      pluginExtensions.push(EditorView.theme(theme(configTheme)));
-    }
-    const md = plugin.getMarkdownConfig();
-    if (md) {
-      markdownExtensions.push(md);
+  if (!disableViewPlugin) {
+    for (const plugin of allPlugins) {
+      plugin.onRegister(pluginContext);
+      const exts = plugin.getExtensions();
+      if (exts.length > 0) {
+        pluginExtensions.push(...exts);
+      }
+      const keys = plugin.getKeymap();
+      if (keys.length > 0) {
+        pluginKeymaps.push(...keys);
+      }
+      const theme = plugin.theme;
+      if (baseStyles && theme && typeof theme === "function") {
+        pluginExtensions.push(EditorView.theme(theme(configTheme)));
+      }
+      const md = plugin.getMarkdownConfig();
+      if (md) {
+        markdownExtensions.push(md);
+      }
     }
   }
   if (config.markdown) {
@@ -204,7 +207,8 @@ function draftly(config = {}) {
     codeLanguages: languages,
     extensions: markdownExtensions,
     addKeymap: true,
-    completeHTMLTags: true
+    completeHTMLTags: true,
+    pasteURLAsLink: true
   });
   const baseExtensions = [
     ...defaultKeybindings ? [keymap.of(defaultKeymap)] : [],
@@ -388,5 +392,5 @@ var SyntaxPlugin = class extends DraftlyPlugin {
 };
 
 export { DecorationPlugin, DraftlyPlugin, SyntaxPlugin, draftly, draftlyBaseTheme, markdownResetExtension };
-//# sourceMappingURL=chunk-CG4M4TC7.js.map
-//# sourceMappingURL=chunk-CG4M4TC7.js.map
+//# sourceMappingURL=chunk-UCHBDJ4R.js.map
+//# sourceMappingURL=chunk-UCHBDJ4R.js.map

package/dist/chunk-UCHBDJ4R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/editor/theme.ts","../src/editor/view-plugin.ts","../src/editor/draftly.ts","../src/editor/plugin.ts"],"names":["t","EditorView"],"mappings":";;;;;;;;;;AAMO,IAAM,gBAAA,GAAmB,WAAW,KAAA,CAAM;AAAA;AAAA,EAE/C,cAAA,EAAgB;AAAA,IACd,QAAA,EAAU,MAAA;AAAA,IACV,UAAA,EAAY,KAAA;AAAA,IACZ,eAAA,EAAiB;AAAA,GACnB;AAAA,EAEA,0BAAA,EAA4B;AAAA,IAC1B,KAAA,EAAO,MAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,OAAA,EAAS,UAAA;AAAA,IACT,MAAA,EAAQ,QAAA;AAAA,IACR,UAAA,EAAY,8BAAA;AAAA,IACZ,QAAA,EAAU,MAAA;AAAA,IACV,UAAA,EAAY;AAAA,GACd;AAAA,EAEA,mCAAA,EAAqC;AAAA,IACnC,aAAA,EAAe;AAAA,GACjB;AAAA,EAEA,2CAAA,EAA6C;AAAA,IAC3C,OAAA,EAAS;AAAA;AAEb,CAAC;AASD,IAAM,kBAAA,GAAqB,eAAe,MAAA,CAAO;AAAA,EAC/C;AAAA,IACE,GAAA,EAAK;AAAA,MACHA,IAAA,CAAE,OAAA;AAAA,MACFA,IAAA,CAAE,MAAA;AAAA,MACFA,IAAA,CAAE,QAAA;AAAA,MACFA,IAAA,CAAE,aAAA;AAAA,MACFA,IAAA,CAAE,IAAA;AAAA,MACFA,IAAA,CAAE,GAAA;AAAA,MACFA,IAAA,CAAE,KAAA;AAAA,MACFA,IAAA,CAAE,IAAA;AAAA,MACFA,IAAA,CAAE,IAAA;AAAA,MACFA,IAAA,CAAE,gBAAA;AAAA,MACFA,IAAA,CAAE;AAAA,KACJ;AAAA,IACA,KAAA,EAAO,SAAA;AAAA,IACP,UAAA,EAAY,SAAA;AAAA,IACZ,SAAA,EAAW,SAAA;AAAA,IACX,cAAA,EAAgB;AAAA;AAEpB,CAAC,CAAA;AAEM,IAAM,yBAAyB,kBAAA,CAAmB,kBAAA,EAAoB,EAAE,QAAA,EAAU,OAAO;;;ACnDzF,IAAM,mBAAA,GAAsB,MAAM,MAAA,CAAyC;AAAA,EAChF,OAAA,EAAS,CAAC,MAAA,KAAW,MAAA,CAAO,IAAA;AAC9B,CAAC,CAAA;AAKM,IAAM,yBAAA,GAA4B,MAAM,MAAA,CAG7C;AAAA,EACA,OAAA,EAAS,CAAC,MAAA,KAAW,MAAA,CAAO,KAAK,CAAC,CAAA,KAAM,MAAM,MAAS;AACzD,CAAC,CAAA;AAKM,IAAM,iBAAA,GAAoB,MAAM,MAAA,CAA6B;AAAA,EAClE,OAAA,EAAS,CAAC,MAAA,KAAW,MAAA,CAAO,KAAK,CAAC,CAAA,KAAM,MAAM,MAAS,CAAA,IAAA,MAAA;AACzD,CAAC,CAAA;AAOD,SAAS,gBAAA,CAAiB,IAAA,EAAkB,OAAA,GAA2B,EAAC,EAAkB;AACxF,EAAA,MAAM,OAAA,GAAU,IAAI,eAAA,EAA4B;AAChD,EAAA,MAAM,cAAmC,EAAC;AAG1C,EAAA,IAAI,OAAA,CAAQ,SAAS,CAAA,EAAG;AACtB,IAAA,MAAM,GAAA,GAAyB;AAAA,MAC7B,IAAA;AAAA,MACA,WAAA;AAAA,MACA,wBAAwB,CAAC,IAAA,EAAM,OAAO,sBAAA,CAAuB,IAAA,EAAM,MAAM,EAAE,CAAA;AAAA,MAC3E,eAAe,CAAC,IAAA,EAAM,OAAO,aAAA,CAAc,IAAA,EAAM,MAAM,EAAE;AAAA,KAC3D;AAGA,IAAA,MAAM,aAAA,GAAgB,CAAC,GAAG,OAAO,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,CAAE,kBAAA,GAAqB,CAAA,CAAE,kBAAkB,CAAA;AAE7F,IAAA,KAAA,MAAW,UAAU,aAAA,EAAe;AAClC,MAAA,IAAI;AACF,QAAA,MAAA,CAAO,iBAAiB,GAAG,CAAA;AAAA,MAC7B,CAAA,CAAA,MAAQ;AAAA,MAGR;AAAA,IACF;AAAA,EACF;AAGA,EAAA,WAAA,CAAY,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,CAAE,IAAA,GAAO,CAAA,CAAE,IAAA,IAAQ,CAAA,CAAE,KAAA,CAAM,SAAA,GAAY,CAAA,CAAE,MAAM,SAAS,CAAA;AAGnF,EAAA,KAAA,MAAW,cAAc,WAAA,EAAa;AACpC,IAAA,OAAA,CAAQ,IAAI,UAAA,CAAW,IAAA,EAAM,UAAA,CAAW,EAAA,EAAI,WAAW,KAAK,CAAA;AAAA,EAC9D;AAEA,EAAA,OAAO,QAAQ,MAAA,EAAO;AACxB;AAMA,IAAM,yBAAN,MAA6B;AAAA,EAC3B,WAAA;AAAA,EACQ,OAAA;AAAA,EACA,aAAA;AAAA,EAER,YAAY,IAAA,EAAkB;AAC5B,IAAA,IAAA,CAAK,OAAA,GAAU,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,mBAAmB,CAAA;AACnD,IAAA,IAAA,CAAK,aAAA,GAAgB,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,yBAAyB,CAAA;AAC/D,IAAA,IAAA,CAAK,WAAA,GAAc,gBAAA,CAAiB,IAAA,EAAM,IAAA,CAAK,OAAO,CAAA;AAGtD,IAAA,KAAA,MAAW,MAAA,IAAU,KAAK,OAAA,EAAS;AACjC,MAAA,MAAA,CAAO,YAAY,IAAI,CAAA;AAAA,IACzB;AAGA,IAAA,IAAI,IAAA,CAAK,aAAA,IAAiB,OAAO,IAAA,CAAK,kBAAkB,UAAA,EAAY;AAClE,MAAA,IAAA,CAAK,aAAA,CAAc,IAAA,CAAK,UAAA,CAAW,IAAI,CAAC,CAAA;AAAA,IAC1C;AAAA,EACF;AAAA,EAEA,OAAO,MAAA,EAAoB;AAEzB,IAAA,IAAA,CAAK,OAAA,GAAU,MAAA,CAAO,IAAA,CAAK,KAAA,CAAM,MAAM,mBAAmB,CAAA;AAC1D,IAAA,IAAA,CAAK,aAAA,GAAgB,MAAA,CAAO,IAAA,CAAK,KAAA,CAAM,MAAM,yBAAyB,CAAA;AAGtE,IAAA,KAAA,MAAW,MAAA,IAAU,KAAK,OAAA,EAAS;AACjC,MAAA,MAAA,CAAO,aAAa,MAAM,CAAA;AAAA,IAC5B;AAMA,IAAA,IAAI,MAAA,CAAO,UAAA,IAAc,MAAA,CAAO,YAAA,IAAgB,OAAO,eAAA,EAAiB;AACtE,MAAA,IAAA,CAAK,WAAA,GAAc,gBAAA,CAAiB,MAAA,CAAO,IAAA,EAAM,KAAK,OAAO,CAAA;AAG7D,MAAA,IAAI,KAAK,aAAA,EAAe;AACtB,QAAA,IAAA,CAAK,aAAA,CAAc,IAAA,CAAK,UAAA,CAAW,MAAA,CAAO,IAAI,CAAC,CAAA;AAAA,MACjD;AAAA,IACF;AAAA,EACF;AAAA,EAEQ,WAAW,IAAA,EAAiC;AAClD,IAAA,MAAM,IAAA,GAAO,UAAA,CAAW,IAAA,CAAK,KAAK,CAAA;AAClC,IAAA,MAAM,QAAuB,EAAC;AAC9B,IAAA,MAAM,QAAuB,EAAC;AAE9B,IAAA,IAAA,CAAK,OAAA,CAAQ;AAAA,MACX,KAAA,EAAO,CAAC,OAAA,KAAY;AAClB,QAAA,MAAM,IAAA,GAAoB;AAAA,UACxB,MAAM,OAAA,CAAQ,IAAA;AAAA,UACd,IAAI,OAAA,CAAQ,EAAA;AAAA,UACZ,MAAM,OAAA,CAAQ,IAAA;AAAA,UACd,UAAU,EAAC;AAAA,UACX,YAAY,sBAAA,CAAuB,IAAA,EAAM,OAAA,CAAQ,IAAA,EAAM,QAAQ,EAAE;AAAA,SACnE;AAEA,QAAA,IAAI,KAAA,CAAM,SAAS,CAAA,EAAG;AACpB,UAAA,KAAA,CAAM,MAAM,MAAA,GAAS,CAAC,CAAA,CAAG,QAAA,CAAS,KAAK,IAAI,CAAA;AAAA,QAC7C,CAAA,MAAO;AACL,UAAA,KAAA,CAAM,KAAK,IAAI,CAAA;AAAA,QACjB;AAEA,QAAA,KAAA,CAAM,KAAK,IAAI,CAAA;AAAA,MACjB,CAAA;AAAA,MACA,OAAO,MAAM;AACX,QAAA,KAAA,CAAM,GAAA,EAAI;AAAA,MACZ;AAAA,KACD,CAAA;AAED,IAAA,OAAO,KAAA;AAAA,EACT;AACF,CAAA;AAKO,IAAM,iBAAA,GAAoB,UAAA,CAAW,SAAA,CAAU,sBAAA,EAAwB;AAAA,EAC5E,WAAA,EAAa,CAAC,CAAA,KAAM,CAAA,CAAE,WAAA;AAAA,EACtB,OAAA,EAAS,MAAM;AACjB,CAAC,CAAA;AAKD,IAAM,qBAAqBC,UAAAA,CAAW,gBAAA,CAAiB,GAAG,EAAE,KAAA,EAAO,cAAc,CAAA;AAQ1E,SAAS,2BACd,KAAA,GAAA,MAAA,aACA,UAAA,GAAsB,MACtB,OAAA,GAA2B,IAC3B,aAAA,EACa;AACb,EAAA,OAAO;AAAA,IACL,kBAAA;AAAA,IACA,mBAAA,CAAoB,GAAG,OAAO,CAAA;AAAA,IAC9B,yBAAA,CAA0B,GAAG,aAAa,CAAA;AAAA,IAC1C,iBAAA,CAAkB,GAAG,KAAK,CAAA;AAAA,IAC1B,iBAAA;AAAA,IACA,GAAI,UAAA,GAAa,CAAC,gBAAgB,IAAI;AAAC,GACzC;AACF;AClGO,SAAS,OAAA,CAAQ,MAAA,GAAwB,EAAC,EAAgB;AAC/D,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,WAAA,GAAA,MAAA;AAAA,IACP,UAAA,GAAa,IAAA;AAAA,IACb,UAAU,EAAC;AAAA,IACX,aAAa,EAAC;AAAA,IACd,MAAA,EAAQ,eAAe,EAAC;AAAA,IACxB,iBAAA,GAAoB,KAAA;AAAA,IACpB,kBAAA,GAAqB,IAAA;AAAA,IACrB,SAAS,aAAA,GAAgB,IAAA;AAAA,IACzB,eAAe,mBAAA,GAAsB,IAAA;AAAA,IACrC,qBAAqB,yBAAA,GAA4B,IAAA;AAAA,IACjD,cAAc,kBAAA,GAAqB,IAAA;AAAA,IACnC,eAAe,mBAAA,GAAsB;AAAA,GACvC,GAAI,MAAA;AAEJ,EAAA,MAAM,UAAA,GAAa,CAAC,GAAG,OAAO,CAAA;AAG9B,EAAA,MAAM,mBAAgC,EAAC;AACvC,EAAA,MAAM,gBAA8B,EAAC;AACrC,EAAA,MAAM,qBAAuC,EAAC;AAG9C,EAAA,MAAM,aAAA,GAA+B,EAAE,MAAA,EAAO;AAE9C,EAAA,IAAI,CAAC,iBAAA,EAAmB;AAEtB,IAAA,KAAA,MAAW,UAAU,UAAA,EAAY;AAE/B,MAAA,MAAA,CAAO,WAAW,aAAa,CAAA;AAG/B,MAAA,MAAM,IAAA,GAAO,OAAO,aAAA,EAAc;AAClC,MAAA,IAAI,IAAA,CAAK,SAAS,CAAA,EAAG;AACnB,QAAA,gBAAA,CAAiB,IAAA,CAAK,GAAG,IAAI,CAAA;AAAA,MAC/B;AAGA,MAAA,MAAM,IAAA,GAAO,OAAO,SAAA,EAAU;AAC9B,MAAA,IAAI,IAAA,CAAK,SAAS,CAAA,EAAG;AACnB,QAAA,aAAA,CAAc,IAAA,CAAK,GAAG,IAAI,CAAA;AAAA,MAC5B;AAGA,MAAA,MAAM,QAAQ,MAAA,CAAO,KAAA;AACrB,MAAA,IAAI,UAAA,IAAc,KAAA,IAAS,OAAO,KAAA,KAAU,UAAA,EAAY;AACtD,QAAA,gBAAA,CAAiB,KAAKA,UAAAA,CAAW,KAAA,CAAM,KAAA,CAAM,WAAW,CAAC,CAAC,CAAA;AAAA,MAC5D;AAGA,MAAA,MAAM,EAAA,GAAK,OAAO,iBAAA,EAAkB;AACpC,MAAA,IAAI,EAAA,EAAI;AACN,QAAA,kBAAA,CAAmB,KAAK,EAAE,CAAA;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AAGA,EAAA,IAAI,OAAO,QAAA,EAAU;AACnB,IAAA,kBAAA,CAAmB,IAAA,CAAK,GAAG,MAAA,CAAO,QAAQ,CAAA;AAAA,EAC5C;AAGA,EAAA,MAAM,kBAAkB,QAAA,CAAS;AAAA,IAC/B,IAAA,EAAM,gBAAA;AAAA,IACN,aAAA,EAAe,SAAA;AAAA,IACf,UAAA,EAAY,kBAAA;AAAA,IACZ,SAAA,EAAW,IAAA;AAAA,IACX,gBAAA,EAAkB,IAAA;AAAA,IAClB,cAAA,EAAgB;AAAA,GACjB,CAAA;AAGD,EAAA,MAAM,cAAA,GAA8B;AAAA,IAClC,GAAI,qBAAqB,CAAC,MAAA,CAAO,GAAG,aAAa,CAAC,IAAI,EAAC;AAAA,IACvD,GAAI,aAAA,GAAgB,CAAC,OAAA,EAAQ,EAAG,OAAO,EAAA,CAAG,aAAa,CAAC,CAAA,GAAI,EAAC;AAAA,IAC7D,GAAI,mBAAA,GAAsB,CAAC,aAAA,EAAc,EAAG,MAAA,CAAO,EAAA,CAAG,CAAC,aAAa,CAAC,CAAC,CAAA,GAAI,EAAC;AAAA,IAC3E,GAAI,yBAAA,IAA6B,iBAAA,GAAoB,CAAC,mBAAA,EAAqB,IAAI;AAAC,GAClF;AAGA,EAAA,MAAM,oBAAiC,EAAC;AACxC,EAAA,IAAI,CAAC,iBAAA,EAAmB;AACtB,IAAA,iBAAA,CAAkB,KAAK,0BAAA,CAA2B,WAAA,EAAa,UAAA,EAAY,UAAA,EAAY,mBAAmB,CAAC,CAAA;AAC3G,IAAA,iBAAA,CAAkB,IAAA,CAAK,IAAA,CAAK,OAAA,CAAQ,sBAAsB,CAAC,CAAA;AAAA,EAC7D;AACA,EAAA,IAAI,CAAC,iBAAA,IAAqB,kBAAA,EAAoB,iBAAA,CAAkB,IAAA,CAAKA,WAAW,YAAY,CAAA;AAG5F,EAAA,MAAM,kBAAA,GAAkC;AAAA;AAAA,IAEtC,IAAA,CAAK,KAAK,eAAe,CAAA;AAAA,IACzB,IAAA,CAAK,IAAA,CAAK,MAAA,CAAO,EAAA,CAAG,cAAc,CAAC,CAAA;AAAA;AAAA,IAGnC,iBAAA;AAAA;AAAA,IAGA,cAAA;AAAA;AAAA,IAGA,gBAAA;AAAA,IACA,cAAc,MAAA,GAAS,CAAA,GAAI,OAAO,EAAA,CAAG,aAAa,IAAI,EAAC;AAAA;AAAA,IAGvD,aAAa,MAAA,GAAS,CAAA,GAAI,OAAO,EAAA,CAAG,YAAY,IAAI,EAAC;AAAA,IACrD;AAAA,GACF;AAEA,EAAA,OAAO,kBAAA;AACT;ACxJO,IAAe,gBAAf,MAA6B;AAAA;AAAA,EAQzB,kBAAA,GAA6B,GAAA;AAAA;AAAA,EAG7B,eAAyB,EAAC;AAAA;AAAA,EAG1B,gBAAmC,EAAC;AAAA;AAAA,EAGrC,UAAwB,EAAC;AAAA;AAAA,EAGvB,QAAA,GAAiC,IAAA;AAAA;AAAA,EAG3C,IAAI,MAAA,GAAuB;AACzB,IAAA,OAAO,IAAA,CAAK,OAAA;AAAA,EACd;AAAA;AAAA,EAGA,IAAI,OAAO,KAAA,EAAqB;AAC9B,IAAA,IAAA,CAAK,OAAA,GAAU,KAAA;AAAA,EACjB;AAAA;AAAA,EAGA,IAAI,OAAA,GAAgC;AAClC,IAAA,OAAO,IAAA,CAAK,QAAA;AAAA,EACd;AAAA;AAAA,EAGA,IAAI,KAAA,GAA0C;AAC5C,IAAA,OAAO,WAAA,CAAY;AAAA,MACjB,SAAS,EAAC;AAAA,MACV,MAAM,EAAC;AAAA,MACP,OAAO;AAAC,KACT,CAAA;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,aAAA,GAA6B;AAC3B,IAAA,OAAO,EAAC;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,iBAAA,GAA2C;AACzC,IAAA,OAAO,IAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,SAAA,GAA0B;AACxB,IAAA,OAAO,EAAC;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYA,iBAAiB,IAAA,EAA+B;AAAA,EAGhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYA,WAAW,OAAA,EAA8C;AACvD,IAAA,IAAA,CAAK,QAAA,GAAW,OAAA;AAAA,EAClB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAA,GAAqB;AACnB,IAAA,IAAA,CAAK,QAAA,GAAW,IAAA;AAAA,EAClB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,YAAY,KAAA,EAAyB;AAAA,EAErC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,aAAa,OAAA,EAA2B;AAAA,EAExC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUU,SAAS,IAAA,EAAkB;AACnC,IAAA,OAAO,IAAA,CAAK,KAAA;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,YAAY,IAAA,EAAkB;AACtC,IAAA,OAAO,KAAK,KAAA,CAAM,GAAA;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgCA,gBAAA,CAAiB,OAAkB,YAAA,EAA8B;AAC/D,IAAA,MAAM,WAAA,GAAc,IAAA,CAAK,KAAA,CAAM,KAAK,CAAA;AACpC,IAAA,OAAO,IAAA,CAAK,cAAA,CAAe,WAAA,EAAa,YAAY,CAAA;AAAA,EACtD;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,cAAA,CAAe,aAAyB,YAAA,EAA8B;AAC9E,IAAA,MAAM,QAAA,GAAW,IAAI,WAAA,CAAY,WAAA,EAAa;AAAA,MAC5C,MAAA,EAAQ,CAAC,GAAA,KAAQ;AACf,QAAA,OAAO,CAAA,CAAA,EAAI,YAAY,CAAA,CAAA,EAAI,GAAG,CAAA,CAAA;AAAA,MAChC;AAAA,KACD,CAAA;AACD,IAAA,OAAO,SAAS,QAAA,EAAS;AAAA,EAC3B;AACF;AAMO,IAAe,gBAAA,GAAf,cAAwC,aAAA,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlD,kBAAA,GAAqB,EAAA;AAOhC;AAMO,IAAe,YAAA,GAAf,cAAoC,aAAA,CAAc;AAKzD","file":"chunk-UCHBDJ4R.js","sourcesContent":["import { EditorView } from \"@codemirror/view\";\n\n/**\n * Base theme for draftly styling\n * Note: Layout styles are scoped under .cm-draftly which is added by the view plugin\n */\nexport const draftlyBaseTheme = EditorView.theme({\n  // Container styles - only apply when view plugin is enabled\n  \"&.cm-draftly\": {\n    fontSize: \"16px\",\n    lineHeight: \"1.6\",\n    backgroundColor: \"transparent !important\",\n  },\n\n  \"&.cm-draftly .cm-content\": {\n    width: \"100%\",\n    maxWidth: \"48rem\",\n    padding: \"0 0.5rem\",\n    margin: \"0 auto\",\n    fontFamily: \"var(--font-sans, sans-serif)\",\n    fontSize: \"16px\",\n    lineHeight: \"1.6\",\n  },\n\n  \"&.cm-draftly .cm-content .cm-line\": {\n    paddingInline: 0,\n  },\n\n  \"&.cm-draftly .cm-content .cm-widgetBuffer\": {\n    display: \"none !important\",\n  },\n});\n\nimport { HighlightStyle, syntaxHighlighting } from \"@codemirror/language\";\nimport { tags as t } from \"@lezer/highlight\";\n\n/**\n * Reset syntax highlighting for markdown elements\n * Used to disable theme colors for markdown syntax\n */\nconst markdownResetStyle = HighlightStyle.define([\n  {\n    tag: [\n      t.heading,\n      t.strong,\n      t.emphasis,\n      t.strikethrough,\n      t.link,\n      t.url,\n      t.quote,\n      t.list,\n      t.meta,\n      t.contentSeparator,\n      t.labelName,\n    ],\n    color: \"inherit\",\n    fontWeight: \"inherit\",\n    fontStyle: \"inherit\",\n    textDecoration: \"none\",\n  },\n]);\n\nexport const markdownResetExtension = syntaxHighlighting(markdownResetStyle, { fallback: false });\n","import { Decoration, DecorationSet, EditorView, ViewPlugin, ViewUpdate } from \"@codemirror/view\";\nimport { Extension, Facet, Range, RangeSetBuilder } from \"@codemirror/state\";\nimport { syntaxTree } from \"@codemirror/language\";\nimport { cursorInRange, selectionOverlapsRange, ThemeEnum } from \"./utils\";\nimport { draftlyBaseTheme } from \"./theme\";\nimport { DecorationContext, DraftlyPlugin } from \"./plugin\";\nimport { DraftlyNode } from \"./draftly\";\n\n/**\n * Facet to register plugins with the view plugin\n */\nexport const DraftlyPluginsFacet = Facet.define<DraftlyPlugin[], DraftlyPlugin[]>({\n  combine: (values) => values.flat(),\n});\n\n/**\n * Facet to register the onNodesChange callback\n */\nexport const draftlyOnNodesChangeFacet = Facet.define<\n  ((nodes: DraftlyNode[]) => void) | undefined,\n  ((nodes: DraftlyNode[]) => void) | undefined\n>({\n  combine: (values) => values.find((v) => v !== undefined),\n});\n\n/**\n * Facet to register the theme\n */\nexport const draftlyThemeFacet = Facet.define<ThemeEnum, ThemeEnum>({\n  combine: (values) => values.find((v) => v !== undefined) || ThemeEnum.AUTO,\n});\n\n/**\n * Build decorations for the visible viewport\n * @param view - The EditorView instance\n * @param plugins - Optional array of plugins to invoke for decorations\n */\nfunction buildDecorations(view: EditorView, plugins: DraftlyPlugin[] = []): DecorationSet {\n  const builder = new RangeSetBuilder<Decoration>();\n  const decorations: Range<Decoration>[] = [];\n\n  // Allow plugins to contribute decorations\n  if (plugins.length > 0) {\n    const ctx: DecorationContext = {\n      view,\n      decorations,\n      selectionOverlapsRange: (from, to) => selectionOverlapsRange(view, from, to),\n      cursorInRange: (from, to) => cursorInRange(view, from, to),\n    };\n\n    // Sort plugins by priority and invoke each one's decoration builder\n    const sortedPlugins = [...plugins].sort((a, b) => a.decorationPriority - b.decorationPriority);\n\n    for (const plugin of sortedPlugins) {\n      try {\n        plugin.buildDecorations(ctx);\n      } catch {\n        // Silently ignore errors from partial tree states (e.g., Lezer TreeBuffer\n        // \"Invalid child in posBefore\"). These resolve on the next update cycle.\n      }\n    }\n  }\n\n  // Sort decorations by position (required for RangeSetBuilder)\n  decorations.sort((a, b) => a.from - b.from || a.value.startSide - b.value.startSide);\n\n  // Build the decoration set\n  for (const decoration of decorations) {\n    builder.add(decoration.from, decoration.to, decoration.value);\n  }\n\n  return builder.finish();\n}\n\n/**\n * draftly View Plugin\n * Handles rich markdown rendering with decorations\n */\nclass draftlyViewPluginClass {\n  decorations: DecorationSet;\n  private plugins: DraftlyPlugin[];\n  private onNodesChange: ((nodes: DraftlyNode[]) => void) | undefined;\n\n  constructor(view: EditorView) {\n    this.plugins = view.state.facet(DraftlyPluginsFacet);\n    this.onNodesChange = view.state.facet(draftlyOnNodesChangeFacet);\n    this.decorations = buildDecorations(view, this.plugins);\n\n    // Notify plugins that view is ready\n    for (const plugin of this.plugins) {\n      plugin.onViewReady(view);\n    }\n\n    // Call onNodesChange callback with initial nodes\n    if (this.onNodesChange && typeof this.onNodesChange === \"function\") {\n      this.onNodesChange(this.buildNodes(view));\n    }\n  }\n\n  update(update: ViewUpdate) {\n    // Update plugins list if facet changed\n    this.plugins = update.view.state.facet(DraftlyPluginsFacet);\n    this.onNodesChange = update.view.state.facet(draftlyOnNodesChangeFacet);\n\n    // Notify plugins of the update\n    for (const plugin of this.plugins) {\n      plugin.onViewUpdate(update);\n    }\n\n    // Rebuild decorations when:\n    // - Document changes\n    // - Selection changes (to show/hide syntax markers)\n    // - Viewport changes\n    if (update.docChanged || update.selectionSet || update.viewportChanged) {\n      this.decorations = buildDecorations(update.view, this.plugins);\n\n      // Call onNodesChange callback\n      if (this.onNodesChange) {\n        this.onNodesChange(this.buildNodes(update.view));\n      }\n    }\n  }\n\n  private buildNodes(view: EditorView): DraftlyNode[] {\n    const tree = syntaxTree(view.state);\n    const roots: DraftlyNode[] = [];\n    const stack: DraftlyNode[] = [];\n\n    tree.iterate({\n      enter: (nodeRef) => {\n        const node: DraftlyNode = {\n          from: nodeRef.from,\n          to: nodeRef.to,\n          name: nodeRef.name,\n          children: [],\n          isSelected: selectionOverlapsRange(view, nodeRef.from, nodeRef.to),\n        };\n\n        if (stack.length > 0) {\n          stack[stack.length - 1]!.children.push(node);\n        } else {\n          roots.push(node);\n        }\n\n        stack.push(node);\n      },\n      leave: () => {\n        stack.pop();\n      },\n    });\n\n    return roots;\n  }\n}\n\n/**\n * The main draftly ViewPlugin extension\n */\nexport const draftlyViewPlugin = ViewPlugin.fromClass(draftlyViewPluginClass, {\n  decorations: (v) => v.decorations,\n  provide: () => [],\n});\n\n/**\n * Extension to add the cm-draftly-enabled class to the editor\n */\nconst draftlyEditorClass = EditorView.editorAttributes.of({ class: \"cm-draftly\" });\n\n/**\n * Create draftly view extension bundle with plugin support\n * @param plugins - Optional array of DraftlyPlugin instances\n * @param onNodesChange - Optional callback to receive nodes on every update\n * @returns Extension array including view plugin, theme, and plugin facet\n */\nexport function createDraftlyViewExtension(\n  theme: ThemeEnum = ThemeEnum.AUTO,\n  baseStyles: boolean = true,\n  plugins: DraftlyPlugin[] = [],\n  onNodesChange?: (nodes: DraftlyNode[]) => void\n): Extension[] {\n  return [\n    draftlyEditorClass,\n    DraftlyPluginsFacet.of(plugins),\n    draftlyOnNodesChangeFacet.of(onNodesChange),\n    draftlyThemeFacet.of(theme),\n    draftlyViewPlugin,\n    ...(baseStyles ? [draftlyBaseTheme] : []),\n  ];\n}\n","import { Extension, Prec } from \"@codemirror/state\";\nimport { EditorView, highlightActiveLine, KeyBinding, keymap } from \"@codemirror/view\";\nimport { markdown, markdownKeymap, markdownLanguage } from \"@codemirror/lang-markdown\";\nimport type { MarkdownConfig } from \"@lezer/markdown\";\nimport { DraftlyPlugin, PluginContext } from \"./plugin\";\nimport { createDraftlyViewExtension } from \"./view-plugin\";\nimport { defaultKeymap, history, historyKeymap, indentWithTab } from \"@codemirror/commands\";\nimport { indentOnInput } from \"@codemirror/language\";\nimport { languages } from \"@codemirror/language-data\";\nimport { ThemeEnum } from \"./utils\";\nimport { markdownResetExtension } from \"./theme\";\n\n/**\n * DraftlyNode: represents a node in the markdown tree\n *\n * Useful for debugging and development\n */\nexport type DraftlyNode = {\n  from: number;\n  to: number;\n  name: string;\n  children: DraftlyNode[];\n  isSelected: boolean;\n};\n\n/**\n * Configuration options for the draftly editor\n */\nexport interface DraftlyConfig {\n  /** Theme */\n  theme?: ThemeEnum;\n\n  /** Weather to load base styles */\n  baseStyles?: boolean;\n\n  /** Plugins to load */\n  plugins?: DraftlyPlugin[];\n\n  /** Additional markdown extensions for the parser */\n  markdown?: MarkdownConfig[];\n\n  /** Additional CodeMirror extensions */\n  extensions?: Extension[];\n\n  /** Additional keybindings */\n  keymap?: KeyBinding[];\n\n  /** Disable the built-in view plugin (for raw markdown mode) */\n  disableViewPlugin?: boolean;\n\n  /** Enable default keybindings */\n  defaultKeybindings?: boolean;\n\n  /** Enable history */\n  history?: boolean;\n\n  /** Enable indent with tab */\n  indentWithTab?: boolean;\n\n  /** Highlight active line */\n  highlightActiveLine?: boolean;\n\n  /** Line wrapping in raw markdown mode */\n  lineWrapping?: boolean;\n\n  /** Callback to receive the nodes on every update */\n  onNodesChange?: (nodes: DraftlyNode[]) => void;\n}\n\n/**\n * Creates a draftly editor extension bundle for CodeMirror 6\n *\n * @param config - Configuration options for the editor\n * @returns CodeMirror Extension that can be added to EditorState\n *\n * @example\n * ```ts\n * import { EditorView } from '@codemirror/view';\n * import { EditorState } from '@codemirror/state';\n * import { draftly } from 'draftly';\n *\n * const view = new EditorView({\n *   state: EditorState.create({\n *     doc: '# Hello draftly',\n *     extensions: [draftly()]\n *   }),\n *   parent: document.getElementById('editor')\n * });\n * ```\n */\nexport function draftly(config: DraftlyConfig = {}): Extension[] {\n  const {\n    theme: configTheme = ThemeEnum.AUTO,\n    baseStyles = true,\n    plugins = [],\n    extensions = [],\n    keymap: configKeymap = [],\n    disableViewPlugin = false,\n    defaultKeybindings = true,\n    history: configHistory = true,\n    indentWithTab: configIndentWithTab = true,\n    highlightActiveLine: configHighlightActiveLine = true,\n    lineWrapping: configLineWrapping = true,\n    onNodesChange: configOnNodesChange = undefined,\n  } = config;\n\n  const allPlugins = [...plugins];\n\n  // Collect all extensions from plugins\n  const pluginExtensions: Extension[] = [];\n  const pluginKeymaps: KeyBinding[] = [];\n  const markdownExtensions: MarkdownConfig[] = [];\n\n  // Create plugin context for lifecycle methods\n  const pluginContext: PluginContext = { config };\n\n  if (!disableViewPlugin) {\n    // Process each plugin\n    for (const plugin of allPlugins) {\n      // Call onRegister lifecycle hook\n      plugin.onRegister(pluginContext);\n\n      // Collect extensions via class method\n      const exts = plugin.getExtensions();\n      if (exts.length > 0) {\n        pluginExtensions.push(...exts);\n      }\n\n      // Collect keymaps via class method\n      const keys = plugin.getKeymap();\n      if (keys.length > 0) {\n        pluginKeymaps.push(...keys);\n      }\n\n      // Collect theme via class method\n      const theme = plugin.theme;\n      if (baseStyles && theme && typeof theme === \"function\") {\n        pluginExtensions.push(EditorView.theme(theme(configTheme)));\n      }\n\n      // Collect markdown parser extensions via class method\n      const md = plugin.getMarkdownConfig();\n      if (md) {\n        markdownExtensions.push(md);\n      }\n    }\n  }\n\n  // Add config-level markdown extensions\n  if (config.markdown) {\n    markdownExtensions.push(...config.markdown);\n  }\n\n  // Build the base markdown language support\n  const markdownSupport = markdown({\n    base: markdownLanguage,\n    codeLanguages: languages,\n    extensions: markdownExtensions,\n    addKeymap: true,\n    completeHTMLTags: true,\n    pasteURLAsLink: true,\n  });\n\n  // Core CodeMirror extensions (in order)\n  const baseExtensions: Extension[] = [\n    ...(defaultKeybindings ? [keymap.of(defaultKeymap)] : []),\n    ...(configHistory ? [history(), keymap.of(historyKeymap)] : []),\n    ...(configIndentWithTab ? [indentOnInput(), keymap.of([indentWithTab])] : []),\n    ...(configHighlightActiveLine && disableViewPlugin ? [highlightActiveLine()] : []),\n  ];\n\n  // draftly extensions (pass plugins for decoration support)\n  const draftlyExtensions: Extension[] = [];\n  if (!disableViewPlugin) {\n    draftlyExtensions.push(createDraftlyViewExtension(configTheme, baseStyles, allPlugins, configOnNodesChange));\n    draftlyExtensions.push(Prec.highest(markdownResetExtension));\n  }\n  if (!disableViewPlugin || configLineWrapping) draftlyExtensions.push(EditorView.lineWrapping);\n\n  // Compose all extensions together\n  const composedExtensions: Extension[] = [\n    // Core markdown support (highest priority)\n    Prec.high(markdownSupport),\n    Prec.high(keymap.of(markdownKeymap)),\n\n    // draftly view plugin for rich rendering\n    draftlyExtensions,\n\n    // Core CodeMirror extensions\n    baseExtensions,\n\n    // Plugin extensions & keymaps\n    pluginExtensions,\n    pluginKeymaps.length > 0 ? keymap.of(pluginKeymaps) : [],\n\n    // Config keymaps & extensions\n    configKeymap.length > 0 ? keymap.of(configKeymap) : [],\n    extensions,\n  ];\n\n  return composedExtensions;\n}\n","import { Decoration, EditorView, KeyBinding, ViewUpdate } from \"@codemirror/view\";\nimport { Extension, Range } from \"@codemirror/state\";\nimport { MarkdownConfig } from \"@lezer/markdown\";\nimport { SyntaxNode } from \"@lezer/common\";\nimport { DraftlyConfig } from \"./draftly\";\nimport { createTheme, ThemeEnum, ThemeStyle } from \"./utils\";\nimport { StyleModule } from \"style-mod\";\n\n/**\n * Context passed to plugin lifecycle methods\n */\nexport interface PluginContext {\n  /** Current configuration */\n  readonly config: DraftlyConfig;\n}\n\n/**\n * Plugin configuration schema\n */\nexport interface PluginConfig {\n  [key: string]: unknown;\n}\n\n/**\n * Decoration context passed to plugin decoration builders\n * Provides access to view state and decoration collection\n */\nexport interface DecorationContext {\n  /** The EditorView instance (readonly) */\n  readonly view: EditorView;\n\n  /** Array to push decorations into (will be sorted automatically) */\n  readonly decorations: Range<Decoration>[];\n\n  /** Check if selection overlaps with a range (to show raw markdown) */\n  selectionOverlapsRange(from: number, to: number): boolean;\n\n  /** Check if cursor is within a range */\n  cursorInRange(from: number, to: number): boolean;\n}\n\n/**\n * Abstract base class for all draftly plugins\n *\n * Implements OOP principles:\n * - Abstraction: abstract name/version must be implemented by subclasses\n * - Encapsulation: private _config, protected _context\n * - Inheritance: specialized plugin classes can extend this\n */\nexport abstract class DraftlyPlugin {\n  /** Unique plugin identifier (abstract - must be implemented) */\n  abstract readonly name: string;\n\n  /** Plugin version (abstract - must be implemented) */\n  abstract readonly version: string;\n\n  /** Decoration priority (higher = applied later) */\n  readonly decorationPriority: number = 100;\n\n  /** Plugin dependencies - names of required plugins */\n  readonly dependencies: string[] = [];\n\n  /** Node types this plugin handles for decorations and preview rendering */\n  readonly requiredNodes: readonly string[] = [];\n\n  /** Private configuration storage */\n  private _config: PluginConfig = {};\n\n  /** Protected context - accessible to subclasses */\n  protected _context: PluginContext | null = null;\n\n  /** Get plugin configuration */\n  get config(): PluginConfig {\n    return this._config;\n  }\n\n  /** Set plugin configuration */\n  set config(value: PluginConfig) {\n    this._config = value;\n  }\n\n  /** Get plugin context */\n  get context(): PluginContext | null {\n    return this._context;\n  }\n\n  /** Plugin theme */\n  get theme(): (theme: ThemeEnum) => ThemeStyle {\n    return createTheme({\n      default: {},\n      dark: {},\n      light: {},\n    });\n  }\n\n  // ============================================\n  // EXTENSION METHODS (overridable by subclasses)\n  // ============================================\n\n  /**\n   * Return CodeMirror extensions for this plugin\n   * Override to provide custom extensions\n   */\n  getExtensions(): Extension[] {\n    return [];\n  }\n\n  /**\n   * Return markdown parser extensions\n   * Override to extend markdown parsing\n   */\n  getMarkdownConfig(): MarkdownConfig | null {\n    return null;\n  }\n\n  /**\n   * Return keybindings for this plugin\n   * Override to add custom keyboard shortcuts\n   */\n  getKeymap(): KeyBinding[] {\n    return [];\n  }\n\n  // ============================================\n  // DECORATION METHODS (overridable by subclasses)\n  // ============================================\n\n  /**\n   * Build decorations for the current view state\n   * Override to contribute decorations to the editor\n   *\n   * @param ctx - Decoration context with view and decoration array\n   */\n  buildDecorations(_ctx: DecorationContext): void {\n    // Default implementation does nothing\n    // Subclasses override to add decorations\n  }\n\n  // ============================================\n  // LIFECYCLE HOOKS (overridable by subclasses)\n  // ============================================\n\n  /**\n   * Called when plugin is registered with draftly\n   * Override to perform initialization\n   *\n   * @param context - Plugin context with configuration\n   */\n  onRegister(context: PluginContext): void | Promise<void> {\n    this._context = context;\n  }\n\n  /**\n   * Called when plugin is unregistered\n   * Override to perform cleanup\n   */\n  onUnregister(): void {\n    this._context = null;\n  }\n\n  /**\n   * Called when EditorView is created and ready\n   * Override to perform view-specific initialization\n   *\n   * @param view - The EditorView instance\n   */\n  onViewReady(_view: EditorView): void {\n    // Default implementation does nothing\n  }\n\n  /**\n   * Called on view updates (document changes, selection changes, etc.)\n   * Override to react to editor changes\n   *\n   * @param update - The ViewUpdate with change information\n   */\n  onViewUpdate(_update: ViewUpdate): void {\n    // Default implementation does nothing\n  }\n\n  // ============================================\n  // PROTECTED UTILITIES (for subclasses)\n  // ============================================\n\n  /**\n   * Helper to get current editor state\n   * @param view - The EditorView instance\n   */\n  protected getState(view: EditorView) {\n    return view.state;\n  }\n\n  /**\n   * Helper to get current document\n   * @param view - The EditorView instance\n   */\n  protected getDocument(view: EditorView) {\n    return view.state.doc;\n  }\n\n  // ============================================\n  // PREVIEW RENDERING METHODS (for draftly/preview)\n  // ============================================\n\n  /**\n   * Render a syntax node to HTML for preview mode\n   * Override to provide custom HTML rendering for specific node types\n   *\n   * @param node - The syntax node to render\n   * @param children - Pre-rendered children HTML\n   * @param ctx - Preview context with document and utilities\n   * @returns HTML string to use, or null to use default rendering\n   */\n  renderToHTML?(\n    node: SyntaxNode,\n    children: string,\n    ctx: {\n      sliceDoc(from: number, to: number): string;\n      sanitize(html: string): string;\n      syntaxHighlighters?: readonly import(\"@lezer/highlight\").Highlighter[];\n    }\n  ): string | null | Promise<string | null>;\n\n  /**\n   * Get CSS styles for preview mode\n   * Override to provide custom CSS for preview rendering\n   *\n   * @param theme - Current theme enum\n   * @returns CSS string for preview styles\n   */\n  getPreviewStyles(theme: ThemeEnum, wrapperClass: string): string {\n    const themeStyles = this.theme(theme);\n    return this.transformToCss(themeStyles, wrapperClass);\n  }\n\n  /**\n   * Transform ThemeStyle object to CSS string for preview\n   * Uses cssClassMap to convert CM selectors to semantic selectors\n   */\n  protected transformToCss(themeStyles: ThemeStyle, wrapperClass: string): string {\n    const styleMod = new StyleModule(themeStyles, {\n      finish: (sel) => {\n        return `.${wrapperClass} ${sel}`;\n      },\n    });\n    return styleMod.getRules();\n  }\n}\n\n/**\n * Base class for plugins that primarily contribute decorations\n * Extends DraftlyPlugin with decoration-focused defaults\n */\nexport abstract class DecorationPlugin extends DraftlyPlugin {\n  /**\n   * Decoration priority - lower than default for decoration plugins\n   * Override to customize\n   */\n  override decorationPriority = 50;\n\n  /**\n   * Subclasses must implement this to provide decorations\n   * @param ctx - Decoration context\n   */\n  abstract override buildDecorations(ctx: DecorationContext): void;\n}\n\n/**\n * Base class for plugins that add syntax/parser extensions\n * Extends DraftlyPlugin with syntax-focused requirements\n */\nexport abstract class SyntaxPlugin extends DraftlyPlugin {\n  /**\n   * Subclasses must implement this to provide markdown config\n   */\n  abstract override getMarkdownConfig(): MarkdownConfig;\n}\n"]}

package/dist/{chunk-KDEDLC3D.cjs → chunk-W75QUUQC.cjs}

@@ -27,6 +27,9 @@ function createTheme({
   light: lightTheme
 }) {
   return (theme) => {
+    defaultTheme = flattenThemeStyles(defaultTheme);
+    darkTheme = flattenThemeStyles(darkTheme || {});
+    lightTheme = flattenThemeStyles(lightTheme || {});
     let style = defaultTheme;
     if (theme === "dark" /* DARK */) {
       style = deepMerge(style, darkTheme);
@@ -37,6 +40,28 @@ function createTheme({
     return style;
   };
 }
+function flattenThemeStyles(themeStyles, parentSelector) {
+  const flattened = {};
+  for (const [selectors, styles] of Object.entries(themeStyles)) {
+    for (const selector of selectors.split(",")) {
+      if (typeof styles === "object" && !Array.isArray(styles)) {
+        const fullSelector = fixSelector(parentSelector ? `${parentSelector} ${selector}` : selector);
+        const nestedStyles = flattenThemeStyles(styles, fullSelector);
+        Object.assign(flattened, nestedStyles);
+      } else {
+        if (parentSelector) {
+          flattened[parentSelector] = { ...flattened[parentSelector], [selector]: styles };
+        } else {
+          flattened[selector] = styles;
+        }
+      }
+    }
+  }
+  return flattened;
+}
+function fixSelector(selector) {
+  return selector.replace(/\s&/g, "");
+}
 function cursorInRange(view, from, to) {
   const selection = view.state.selection.main;
   return selection.from <= to && selection.to >= from;
@@ -87,7 +112,9 @@ exports.ThemeEnum = ThemeEnum;
 exports.createTheme = createTheme;
 exports.cursorInRange = cursorInRange;
 exports.deepMerge = deepMerge;
+exports.fixSelector = fixSelector;
+exports.flattenThemeStyles = flattenThemeStyles;
 exports.selectionOverlapsRange = selectionOverlapsRange;
 exports.toggleMarkdownStyle = toggleMarkdownStyle;
-//# sourceMappingURL=chunk-KDEDLC3D.cjs.map
-//# sourceMappingURL=chunk-KDEDLC3D.cjs.map
+//# sourceMappingURL=chunk-W75QUUQC.cjs.map
+//# sourceMappingURL=chunk-W75QUUQC.cjs.map

package/dist/chunk-W75QUUQC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/editor/utils.ts"],"names":["ThemeEnum"],"mappings":"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","file":"chunk-W75QUUQC.cjs","sourcesContent":["import { EditorView } from \"@codemirror/view\";\nimport { StyleSpec } from \"style-mod\";\n\n/**\n * Deep merge two objects\n * @param a - First object\n * @param b - Second object\n * @returns Merged object\n */\nexport function deepMerge<T>(a: T, b?: T): T {\n  const result = { ...a };\n\n  if (!b) {\n    return result;\n  }\n\n  for (const key in b as T) {\n    if (b[key] && typeof b[key] === \"object\" && !Array.isArray(b[key]) && typeof a[key] === \"object\") {\n      result[key] = deepMerge(a[key], b[key]);\n    } else {\n      result[key] = b[key];\n    }\n  }\n\n  return result;\n}\n\n/**\n * Theme style\n */\nexport type ThemeStyle = {\n  [selector: string]: StyleSpec;\n};\n\n/**\n * Theme Enum\n */\nexport enum ThemeEnum {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n  AUTO = \"auto\",\n}\n\n/**\n * Function to create the themes\n *\n * @param defaultTheme - Default theme -- Always applied\n * @param darkTheme - Dark theme -- Applied when theme is \"dark\" or \"auto\" and system is dark\n * @param lightTheme - Light theme -- Applied when theme is \"light\" or \"auto\" and system is light\n * @returns Theme function\n */\nexport function createTheme({\n  default: defaultTheme,\n  dark: darkTheme,\n  light: lightTheme,\n}: {\n  default: ThemeStyle;\n  dark?: ThemeStyle;\n  light?: ThemeStyle;\n}): (theme: ThemeEnum) => ThemeStyle {\n  return (theme: ThemeEnum) => {\n    defaultTheme = flattenThemeStyles(defaultTheme);\n    darkTheme = flattenThemeStyles(darkTheme || {});\n    lightTheme = flattenThemeStyles(lightTheme || {});\n\n    let style: ThemeStyle = defaultTheme;\n\n    if (theme === ThemeEnum.DARK) {\n      style = deepMerge(style, darkTheme);\n    }\n\n    if (theme === ThemeEnum.LIGHT) {\n      style = deepMerge(style, lightTheme);\n    }\n\n    return style;\n  };\n}\n\nexport function flattenThemeStyles(themeStyles: ThemeStyle, parentSelector?: string): ThemeStyle {\n  const flattened: ThemeStyle = {};\n\n  for (const [selectors, styles] of Object.entries(themeStyles)) {\n    for (const selector of selectors.split(\",\")) {\n      if (typeof styles === \"object\" && !Array.isArray(styles)) {\n        // Flatten nested styles\n        const fullSelector = fixSelector(parentSelector ? `${parentSelector} ${selector}` : selector);\n        const nestedStyles = flattenThemeStyles(styles as ThemeStyle, fullSelector);\n        Object.assign(flattened, nestedStyles);\n      } else {\n        // Add styles to the flattened object\n        if (parentSelector) {\n          flattened[parentSelector] = { ...flattened[parentSelector], [selector]: styles };\n        } else {\n          flattened[selector] = styles as StyleSpec;\n        }\n      }\n    }\n  }\n\n  return flattened;\n}\n\nexport function fixSelector(selector: string): string {\n  // Replace all occurrences of \"&\" with the parent selector\n  return selector.replace(/\\s&/g, \"\");\n}\n\n/**\n * Check if cursor is within the given range\n */\nexport function cursorInRange(view: EditorView, from: number, to: number): boolean {\n  const selection = view.state.selection.main;\n  return selection.from <= to && selection.to >= from;\n}\n\n/**\n * Check if any selection overlaps with the given range\n */\nexport function selectionOverlapsRange(view: EditorView, from: number, to: number): boolean {\n  for (const range of view.state.selection.ranges) {\n    if (range.from <= to && range.to >= from) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * Toggle markdown style on selection or insert markers at cursor\n * @param marker - The markdown marker (e.g., \"**\" for bold, \"*\" for italic)\n * @returns Command function for EditorView\n */\nexport function toggleMarkdownStyle(marker: string): (view: EditorView) => boolean {\n  return (view: EditorView) => {\n    const { state } = view;\n    const { from, to, empty } = state.selection.main;\n\n    // Get selected text\n    const selectedText = state.sliceDoc(from, to);\n\n    // Check if already wrapped with markers\n    const markerLen = marker.length;\n    const beforeFrom = Math.max(0, from - markerLen);\n    const afterTo = Math.min(state.doc.length, to + markerLen);\n    const textBefore = state.sliceDoc(beforeFrom, from);\n    const textAfter = state.sliceDoc(to, afterTo);\n\n    const isWrapped = textBefore === marker && textAfter === marker;\n\n    if (isWrapped) {\n      // Remove markers\n      view.dispatch({\n        changes: [\n          { from: beforeFrom, to: from, insert: \"\" },\n          { from: to, to: afterTo, insert: \"\" },\n        ],\n        selection: { anchor: beforeFrom, head: beforeFrom + selectedText.length },\n      });\n    } else if (empty) {\n      // No selection - insert markers and place cursor between them\n      view.dispatch({\n        changes: { from, to, insert: marker + marker },\n        selection: { anchor: from + markerLen },\n      });\n    } else {\n      // Wrap selection with markers\n      view.dispatch({\n        changes: { from, to, insert: marker + selectedText + marker },\n        selection: { anchor: from + markerLen, head: to + markerLen },\n      });\n    }\n\n    return true;\n  };\n}\n"]}

package/dist/{draftly-BLnx3uGX.d.cts → draftly-BBL-AdOl.d.cts}

@@ -2,6 +2,7 @@ import * as _codemirror_state from '@codemirror/state';
 import { Extension, Range } from '@codemirror/state';
 import { EditorView, KeyBinding, Decoration, ViewUpdate } from '@codemirror/view';
 import { MarkdownConfig } from '@lezer/markdown';
+import * as _lezer_highlight from '@lezer/highlight';
 import { SyntaxNode } from '@lezer/common';
 import { StyleSpec } from 'style-mod';
 
@@ -39,6 +40,8 @@ declare function createTheme({ default: defaultTheme, dark: darkTheme, light: li
     dark?: ThemeStyle;
     light?: ThemeStyle;
 }): (theme: ThemeEnum) => ThemeStyle;
+declare function flattenThemeStyles(themeStyles: ThemeStyle, parentSelector?: string): ThemeStyle;
+declare function fixSelector(selector: string): string;
 /**
  * Check if cursor is within the given range
  */
@@ -182,6 +185,7 @@ declare abstract class DraftlyPlugin {
     renderToHTML?(node: SyntaxNode, children: string, ctx: {
         sliceDoc(from: number, to: number): string;
         sanitize(html: string): string;
+        syntaxHighlighters?: readonly _lezer_highlight.Highlighter[];
     }): string | null | Promise<string | null>;
     /**
      * Get CSS styles for preview mode
@@ -290,4 +294,4 @@ interface DraftlyConfig {
  */
 declare function draftly(config?: DraftlyConfig): Extension[];
 
-export { type DecorationContext as D, type PluginConfig as P, SyntaxPlugin as S, ThemeEnum as T, DecorationPlugin as a, type DraftlyConfig as b, type DraftlyNode as c, DraftlyPlugin as d, type PluginContext as e, type ThemeStyle as f, createTheme as g, cursorInRange as h, deepMerge as i, draftly as j, selectionOverlapsRange as s, toggleMarkdownStyle as t };
+export { type DecorationContext as D, type PluginConfig as P, SyntaxPlugin as S, ThemeEnum as T, DecorationPlugin as a, type DraftlyConfig as b, type DraftlyNode as c, DraftlyPlugin as d, type PluginContext as e, type ThemeStyle as f, createTheme as g, cursorInRange as h, deepMerge as i, draftly as j, fixSelector as k, flattenThemeStyles as l, selectionOverlapsRange as s, toggleMarkdownStyle as t };

package/dist/{draftly-BLnx3uGX.d.ts → draftly-BBL-AdOl.d.ts}

@@ -2,6 +2,7 @@ import * as _codemirror_state from '@codemirror/state';
 import { Extension, Range } from '@codemirror/state';
 import { EditorView, KeyBinding, Decoration, ViewUpdate } from '@codemirror/view';
 import { MarkdownConfig } from '@lezer/markdown';
+import * as _lezer_highlight from '@lezer/highlight';
 import { SyntaxNode } from '@lezer/common';
 import { StyleSpec } from 'style-mod';
 
@@ -39,6 +40,8 @@ declare function createTheme({ default: defaultTheme, dark: darkTheme, light: li
     dark?: ThemeStyle;
     light?: ThemeStyle;
 }): (theme: ThemeEnum) => ThemeStyle;
+declare function flattenThemeStyles(themeStyles: ThemeStyle, parentSelector?: string): ThemeStyle;
+declare function fixSelector(selector: string): string;
 /**
  * Check if cursor is within the given range
  */
@@ -182,6 +185,7 @@ declare abstract class DraftlyPlugin {
     renderToHTML?(node: SyntaxNode, children: string, ctx: {
         sliceDoc(from: number, to: number): string;
         sanitize(html: string): string;
+        syntaxHighlighters?: readonly _lezer_highlight.Highlighter[];
     }): string | null | Promise<string | null>;
     /**
      * Get CSS styles for preview mode
@@ -290,4 +294,4 @@ interface DraftlyConfig {
  */
 declare function draftly(config?: DraftlyConfig): Extension[];
 
-export { type DecorationContext as D, type PluginConfig as P, SyntaxPlugin as S, ThemeEnum as T, DecorationPlugin as a, type DraftlyConfig as b, type DraftlyNode as c, DraftlyPlugin as d, type PluginContext as e, type ThemeStyle as f, createTheme as g, cursorInRange as h, deepMerge as i, draftly as j, selectionOverlapsRange as s, toggleMarkdownStyle as t };
+export { type DecorationContext as D, type PluginConfig as P, SyntaxPlugin as S, ThemeEnum as T, DecorationPlugin as a, type DraftlyConfig as b, type DraftlyNode as c, DraftlyPlugin as d, type PluginContext as e, type ThemeStyle as f, createTheme as g, cursorInRange as h, deepMerge as i, draftly as j, fixSelector as k, flattenThemeStyles as l, selectionOverlapsRange as s, toggleMarkdownStyle as t };

package/dist/editor/index.cjs

@@ -1,57 +1,65 @@
 'use strict';
 
-var chunk72ZYRGRT_cjs = require('../chunk-72ZYRGRT.cjs');
-var chunkKDEDLC3D_cjs = require('../chunk-KDEDLC3D.cjs');
+var chunkEQUQHE2E_cjs = require('../chunk-EQUQHE2E.cjs');
+var chunkW75QUUQC_cjs = require('../chunk-W75QUUQC.cjs');
 
 
 
 Object.defineProperty(exports, "DecorationPlugin", {
   enumerable: true,
-  get: function () { return chunk72ZYRGRT_cjs.DecorationPlugin; }
+  get: function () { return chunkEQUQHE2E_cjs.DecorationPlugin; }
 });
 Object.defineProperty(exports, "DraftlyPlugin", {
   enumerable: true,
-  get: function () { return chunk72ZYRGRT_cjs.DraftlyPlugin; }
+  get: function () { return chunkEQUQHE2E_cjs.DraftlyPlugin; }
 });
 Object.defineProperty(exports, "SyntaxPlugin", {
   enumerable: true,
-  get: function () { return chunk72ZYRGRT_cjs.SyntaxPlugin; }
+  get: function () { return chunkEQUQHE2E_cjs.SyntaxPlugin; }
 });
 Object.defineProperty(exports, "draftly", {
   enumerable: true,
-  get: function () { return chunk72ZYRGRT_cjs.draftly; }
+  get: function () { return chunkEQUQHE2E_cjs.draftly; }
 });
 Object.defineProperty(exports, "draftlyBaseTheme", {
   enumerable: true,
-  get: function () { return chunk72ZYRGRT_cjs.draftlyBaseTheme; }
+  get: function () { return chunkEQUQHE2E_cjs.draftlyBaseTheme; }
 });
 Object.defineProperty(exports, "markdownResetExtension", {
   enumerable: true,
-  get: function () { return chunk72ZYRGRT_cjs.markdownResetExtension; }
+  get: function () { return chunkEQUQHE2E_cjs.markdownResetExtension; }
 });
 Object.defineProperty(exports, "ThemeEnum", {
   enumerable: true,
-  get: function () { return chunkKDEDLC3D_cjs.ThemeEnum; }
+  get: function () { return chunkW75QUUQC_cjs.ThemeEnum; }
 });
 Object.defineProperty(exports, "createTheme", {
   enumerable: true,
-  get: function () { return chunkKDEDLC3D_cjs.createTheme; }
+  get: function () { return chunkW75QUUQC_cjs.createTheme; }
 });
 Object.defineProperty(exports, "cursorInRange", {
   enumerable: true,
-  get: function () { return chunkKDEDLC3D_cjs.cursorInRange; }
+  get: function () { return chunkW75QUUQC_cjs.cursorInRange; }
 });
 Object.defineProperty(exports, "deepMerge", {
   enumerable: true,
-  get: function () { return chunkKDEDLC3D_cjs.deepMerge; }
+  get: function () { return chunkW75QUUQC_cjs.deepMerge; }
+});
+Object.defineProperty(exports, "fixSelector", {
+  enumerable: true,
+  get: function () { return chunkW75QUUQC_cjs.fixSelector; }
+});
+Object.defineProperty(exports, "flattenThemeStyles", {
+  enumerable: true,
+  get: function () { return chunkW75QUUQC_cjs.flattenThemeStyles; }
 });
 Object.defineProperty(exports, "selectionOverlapsRange", {
   enumerable: true,
-  get: function () { return chunkKDEDLC3D_cjs.selectionOverlapsRange; }
+  get: function () { return chunkW75QUUQC_cjs.selectionOverlapsRange; }
 });
 Object.defineProperty(exports, "toggleMarkdownStyle", {
   enumerable: true,
-  get: function () { return chunkKDEDLC3D_cjs.toggleMarkdownStyle; }
+  get: function () { return chunkW75QUUQC_cjs.toggleMarkdownStyle; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/editor/index.d.cts

@@ -1,7 +1,8 @@
-export { D as DecorationContext, a as DecorationPlugin, b as DraftlyConfig, c as DraftlyNode, d as DraftlyPlugin, P as PluginConfig, e as PluginContext, S as SyntaxPlugin, T as ThemeEnum, f as ThemeStyle, g as createTheme, h as cursorInRange, i as deepMerge, j as draftly, s as selectionOverlapsRange, t as toggleMarkdownStyle } from '../draftly-BLnx3uGX.cjs';
+export { D as DecorationContext, a as DecorationPlugin, b as DraftlyConfig, c as DraftlyNode, d as DraftlyPlugin, P as PluginConfig, e as PluginContext, S as SyntaxPlugin, T as ThemeEnum, f as ThemeStyle, g as createTheme, h as cursorInRange, i as deepMerge, j as draftly, k as fixSelector, l as flattenThemeStyles, s as selectionOverlapsRange, t as toggleMarkdownStyle } from '../draftly-BBL-AdOl.cjs';
 import * as _codemirror_state from '@codemirror/state';
 import '@codemirror/view';
 import '@lezer/markdown';
+import '@lezer/highlight';
 import '@lezer/common';
 import 'style-mod';
 

package/dist/editor/index.d.ts

@@ -1,7 +1,8 @@
-export { D as DecorationContext, a as DecorationPlugin, b as DraftlyConfig, c as DraftlyNode, d as DraftlyPlugin, P as PluginConfig, e as PluginContext, S as SyntaxPlugin, T as ThemeEnum, f as ThemeStyle, g as createTheme, h as cursorInRange, i as deepMerge, j as draftly, s as selectionOverlapsRange, t as toggleMarkdownStyle } from '../draftly-BLnx3uGX.js';
+export { D as DecorationContext, a as DecorationPlugin, b as DraftlyConfig, c as DraftlyNode, d as DraftlyPlugin, P as PluginConfig, e as PluginContext, S as SyntaxPlugin, T as ThemeEnum, f as ThemeStyle, g as createTheme, h as cursorInRange, i as deepMerge, j as draftly, k as fixSelector, l as flattenThemeStyles, s as selectionOverlapsRange, t as toggleMarkdownStyle } from '../draftly-BBL-AdOl.js';
 import * as _codemirror_state from '@codemirror/state';
 import '@codemirror/view';
 import '@lezer/markdown';
+import '@lezer/highlight';
 import '@lezer/common';
 import 'style-mod';
 

package/dist/editor/index.js

@@ -1,4 +1,4 @@
-export { DecorationPlugin, DraftlyPlugin, SyntaxPlugin, draftly, draftlyBaseTheme, markdownResetExtension } from '../chunk-CG4M4TC7.js';
-export { ThemeEnum, createTheme, cursorInRange, deepMerge, selectionOverlapsRange, toggleMarkdownStyle } from '../chunk-DFQYXFOP.js';
+export { DecorationPlugin, DraftlyPlugin, SyntaxPlugin, draftly, draftlyBaseTheme, markdownResetExtension } from '../chunk-UCHBDJ4R.js';
+export { ThemeEnum, createTheme, cursorInRange, deepMerge, fixSelector, flattenThemeStyles, selectionOverlapsRange, toggleMarkdownStyle } from '../chunk-TD3L5C45.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map