draftly 0.1.0-alpha.1 → 1.0.7

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

@@ -47,7 +47,40 @@ function selectionOverlapsRange(view, from, to) {
   }
   return false;
 }
+function toggleMarkdownStyle(marker) {
+  return (view) => {
+    const { state } = view;
+    const { from, to, empty } = state.selection.main;
+    const selectedText = state.sliceDoc(from, to);
+    const markerLen = marker.length;
+    const beforeFrom = Math.max(0, from - markerLen);
+    const afterTo = Math.min(state.doc.length, to + markerLen);
+    const textBefore = state.sliceDoc(beforeFrom, from);
+    const textAfter = state.sliceDoc(to, afterTo);
+    const isWrapped = textBefore === marker && textAfter === marker;
+    if (isWrapped) {
+      view.dispatch({
+        changes: [
+          { from: beforeFrom, to: from, insert: "" },
+          { from: to, to: afterTo, insert: "" }
+        ],
+        selection: { anchor: beforeFrom, head: beforeFrom + selectedText.length }
+      });
+    } else if (empty) {
+      view.dispatch({
+        changes: { from, to, insert: marker + marker },
+        selection: { anchor: from + markerLen }
+      });
+    } else {
+      view.dispatch({
+        changes: { from, to, insert: marker + selectedText + marker },
+        selection: { anchor: from + markerLen, head: to + markerLen }
+      });
+    }
+    return true;
+  };
+}
 
-export { ThemeEnum, createTheme, cursorInRange, deepMerge, selectionOverlapsRange };
-//# sourceMappingURL=chunk-LCQALOEI.js.map
-//# sourceMappingURL=chunk-LCQALOEI.js.map
+export { ThemeEnum, createTheme, cursorInRange, deepMerge, selectionOverlapsRange, toggleMarkdownStyle };
+//# sourceMappingURL=chunk-DFQYXFOP.js.map
+//# sourceMappingURL=chunk-DFQYXFOP.js.map

package/dist/chunk-DFQYXFOP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/editor/utils.ts"],"names":["ThemeEnum"],"mappings":"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","file":"chunk-DFQYXFOP.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    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\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-6LQ2VR4I.js → chunk-HPSMS2WB.js}

@@ -28,14 +28,9 @@ function escapeHtml(text) {
 var renderDocument = (_node, children) => {
   return children;
 };
-var renderParagraph = (_node, children) => {
-  return `<p>${children}</p>
-`;
-};
 var defaultRenderers = {
   // Document structure
-  Document: renderDocument,
-  Paragraph: renderParagraph
+  Document: renderDocument
 };
 var PreviewRenderer = class {
   doc;
@@ -45,6 +40,7 @@ var PreviewRenderer = class {
   sanitizeHtml;
   renderers;
   ctx;
+  nodeToPlugins;
   constructor(doc, plugins = [], markdown, theme = "auto" /* AUTO */, sanitize = true) {
     this.doc = doc;
     this.theme = theme;
@@ -53,11 +49,28 @@ var PreviewRenderer = class {
     this.sanitizeHtml = sanitize;
     this.renderers = { ...defaultRenderers };
     this.ctx = createPreviewContext(doc, theme, this.renderChildren.bind(this), sanitize);
+    this.nodeToPlugins = this.buildNodePluginMap();
+  }
+  /**
+   * Build a map from node names to plugins that handle them
+   */
+  buildNodePluginMap() {
+    const map = /* @__PURE__ */ new Map();
+    for (const plugin of this.plugins) {
+      if (plugin.renderToHTML && plugin.requiredNodes.length > 0) {
+        for (const nodeName of plugin.requiredNodes) {
+          const list = map.get(nodeName) || [];
+          list.push(plugin);
+          map.set(nodeName, list);
+        }
+      }
+    }
+    return map;
   }
   /**
    * Render the document to HTML
    */
-  render() {
+  async render() {
     const extensions = [
       ...this.markdown,
       ...this.plugins.map((p) => p.getMarkdownConfig()).filter((ext) => ext !== null)
@@ -77,16 +90,17 @@ var PreviewRenderer = class {
     ]);
     const parser$1 = extensions.length > 0 ? baseParser.configure(extensions) : baseParser;
     const tree = parser$1.parse(this.doc);
-    return this.renderNode(tree.topNode);
+    return await this.renderNode(tree.topNode);
   }
   /**
    * Render a single node to HTML
    */
-  renderNode(node) {
-    for (const plugin of this.plugins) {
-      if (plugin.renderToHTML) {
-        const children = this.renderChildren(node);
-        const result = plugin.renderToHTML(node, children, this.ctx);
+  async renderNode(node) {
+    const plugins = this.nodeToPlugins.get(node.name);
+    if (plugins) {
+      for (const plugin of plugins) {
+        const children = await this.renderChildren(node);
+        const result = await plugin.renderToHTML(node, children, this.ctx);
         if (result !== null) {
           return result;
         }
@@ -94,18 +108,18 @@ var PreviewRenderer = class {
     }
     const renderer = this.renderers[node.name];
     if (renderer) {
-      const children = this.renderChildren(node);
+      const children = await this.renderChildren(node);
       return renderer(node, children, this.ctx);
     }
     if (node.firstChild) {
-      return this.renderChildren(node);
+      return await this.renderChildren(node);
     }
     return this.ctx.sliceDoc(node.from, node.to);
   }
   /**
    * Render all children of a node, including text between nodes
    */
-  renderChildren(node) {
+  async renderChildren(node) {
     let result = "";
     let pos = node.from;
     let child = node.firstChild;
@@ -113,7 +127,7 @@ var PreviewRenderer = class {
       if (child.from > pos) {
         result += escapeHtml(this.ctx.sliceDoc(pos, child.from));
       }
-      result += this.renderNode(child);
+      result += await this.renderNode(child);
       pos = child.to;
       child = child.nextSibling;
     }
@@ -125,7 +139,7 @@ var PreviewRenderer = class {
 };
 
 // src/preview/preview.ts
-function preview(markdown, config = {}) {
+async function preview(markdown, config = {}) {
   const {
     plugins = [],
     markdown: markdownConfig = [],
@@ -135,14 +149,16 @@ function preview(markdown, config = {}) {
     theme = "auto" /* AUTO */
   } = config;
   const renderer = new PreviewRenderer(markdown, plugins, markdownConfig, theme, sanitize);
-  const content = renderer.render();
+  const content = await renderer.render();
   const classAttr = wrapperClass ? ` class="${wrapperClass}"` : "";
   return `<${wrapperTag}${classAttr}>
 ${content}</${wrapperTag}>`;
 }
 
 // src/preview/css-generator.ts
-var baseStyles = ``;
+var baseStyles = `.draftly-preview {
+  padding: 0 0.5rem;
+}`;
 function generateCSS(config = {}) {
   const { plugins = [], theme = "auto" /* AUTO */, wrapperClass = "draftly-preview", includeBase = true } = config;
   const cssChunks = [];
@@ -162,5 +178,5 @@ function generateCSS(config = {}) {
 }
 
 export { PreviewRenderer, defaultRenderers, escapeHtml, generateCSS, preview };
-//# sourceMappingURL=chunk-6LQ2VR4I.js.map
-//# sourceMappingURL=chunk-6LQ2VR4I.js.map
+//# sourceMappingURL=chunk-HPSMS2WB.js.map
+//# sourceMappingURL=chunk-HPSMS2WB.js.map

package/dist/chunk-HPSMS2WB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preview/context.ts","../src/preview/default-renderers.ts","../src/preview/renderer.ts","../src/preview/preview.ts","../src/preview/css-generator.ts"],"names":["markdownParser","tree","parser"],"mappings":"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","file":"chunk-HPSMS2WB.js","sourcesContent":["import { SyntaxNode } from \"@lezer/common\";\r\nimport { ThemeEnum } from \"../editor/utils\";\r\nimport { PreviewContext } from \"./types\";\r\nimport DOMPurify from \"dompurify\";\r\n\r\n/**\r\n * Creates a PreviewContext for rendering\r\n */\r\nexport function createPreviewContext(\r\n  doc: string,\r\n  theme: ThemeEnum,\r\n  renderChildren: (node: SyntaxNode) => Promise<string>,\r\n  sanitizeHtml: boolean = true\r\n): PreviewContext {\r\n  return {\r\n    doc,\r\n    theme,\r\n\r\n    sliceDoc(from: number, to: number): string {\r\n      return doc.slice(from, to);\r\n    },\r\n\r\n    sanitize(html: string): string {\r\n      if (!sanitizeHtml) return html;\r\n\r\n      // DOMPurify works in browser; in Node, it needs jsdom\r\n      if (typeof window !== \"undefined\") {\r\n        return DOMPurify.sanitize(html);\r\n      }\r\n\r\n      // Server-side: return as-is (user should sanitize at application level)\r\n      // or use isomorphic-dompurify in their setup\r\n      return html;\r\n    },\r\n\r\n    renderChildren,\r\n  };\r\n}\r\n","import { NodeRenderer, NodeRendererMap } from \"./types\";\r\n\r\n/**\r\n * Escape HTML special characters\r\n */\r\nexport function escapeHtml(text: string): string {\r\n  return text\r\n    .replace(/&/g, \"&amp;\")\r\n    .replace(/</g, \"&lt;\")\r\n    .replace(/>/g, \"&gt;\")\r\n    .replace(/\"/g, \"&quot;\")\r\n    .replace(/'/g, \"&#39;\");\r\n}\r\n\r\n// ============================================\r\n// DEFAULT RENDERERS\r\n// ============================================\r\n\r\nconst renderDocument: NodeRenderer = (_node, children) => {\r\n  return children;\r\n};\r\n\r\n/**\r\n * Default node renderers for all markdown node types\r\n */\r\nexport const defaultRenderers: NodeRendererMap = {\r\n  // Document structure\r\n  Document: renderDocument,\r\n};\r\n","import { SyntaxNode } from \"@lezer/common\";\r\nimport { Emoji, GFM, MarkdownConfig, parser as markdownParser, Subscript, Superscript } from \"@lezer/markdown\";\r\n\r\nimport { DraftlyPlugin } from \"../editor/plugin\";\r\nimport { ThemeEnum } from \"../editor/utils\";\r\nimport { createPreviewContext } from \"./context\";\r\nimport { defaultRenderers, escapeHtml } from \"./default-renderers\";\r\nimport { NodeRendererMap, PreviewContext } from \"./types\";\r\nimport { foldNodeProp } from \"@codemirror/language\";\r\n\r\n/**\r\n * Renderer class that walks the syntax tree and produces HTML\r\n */\r\nexport class PreviewRenderer {\r\n  private doc: string;\r\n  private theme: ThemeEnum;\r\n  private plugins: DraftlyPlugin[];\r\n  private markdown: MarkdownConfig[];\r\n  private sanitizeHtml: boolean;\r\n  private renderers: NodeRendererMap;\r\n  private ctx: PreviewContext;\r\n  private nodeToPlugins: Map<string, DraftlyPlugin[]>;\r\n\r\n  constructor(\r\n    doc: string,\r\n    plugins: DraftlyPlugin[] = [],\r\n    markdown: MarkdownConfig[],\r\n    theme: ThemeEnum = ThemeEnum.AUTO,\r\n    sanitize: boolean = true\r\n  ) {\r\n    this.doc = doc;\r\n    this.theme = theme;\r\n    this.plugins = plugins;\r\n    this.markdown = markdown;\r\n    this.sanitizeHtml = sanitize;\r\n    this.renderers = { ...defaultRenderers };\r\n\r\n    // Create context with reference to renderChildren\r\n    this.ctx = createPreviewContext(doc, theme, this.renderChildren.bind(this), sanitize);\r\n\r\n    // Build node-to-plugin map for O(1) lookup\r\n    this.nodeToPlugins = this.buildNodePluginMap();\r\n  }\r\n\r\n  /**\r\n   * Build a map from node names to plugins that handle them\r\n   */\r\n  private buildNodePluginMap(): Map<string, DraftlyPlugin[]> {\r\n    const map = new Map<string, DraftlyPlugin[]>();\r\n    for (const plugin of this.plugins) {\r\n      if (plugin.renderToHTML && plugin.requiredNodes.length > 0) {\r\n        for (const nodeName of plugin.requiredNodes) {\r\n          const list = map.get(nodeName) || [];\r\n          list.push(plugin);\r\n          map.set(nodeName, list);\r\n        }\r\n      }\r\n    }\r\n    return map;\r\n  }\r\n\r\n  /**\r\n   * Render the document to HTML\r\n   */\r\n  async render(): Promise<string> {\r\n    // Collect markdown extensions from plugins\r\n    const extensions = [\r\n      ...this.markdown,\r\n      ...this.plugins.map((p) => p.getMarkdownConfig()).filter((ext): ext is NonNullable<typeof ext> => ext !== null),\r\n    ];\r\n\r\n    // Use GFM extensions to match the editor (markdownLanguage includes GFM by default)\r\n    // GFM includes: Table, TaskList, Strikethrough, Autolink\r\n    const baseParser = markdownParser.configure([\r\n      GFM,\r\n      Subscript,\r\n      Superscript,\r\n      Emoji,\r\n      {\r\n        props: [\r\n          foldNodeProp.add({\r\n            Table: (tree, state) => ({ from: state.doc.lineAt(tree.from).to, to: tree.to }),\r\n          }),\r\n        ],\r\n      },\r\n    ]);\r\n    const parser = extensions.length > 0 ? baseParser.configure(extensions) : baseParser;\r\n\r\n    // Parse the document\r\n    const tree = parser.parse(this.doc);\r\n\r\n    // Render from root\r\n    return await this.renderNode(tree.topNode);\r\n  }\r\n\r\n  /**\r\n   * Render a single node to HTML\r\n   */\r\n  private async renderNode(node: SyntaxNode): Promise<string> {\r\n    // Get plugins that handle this node type (O(1) lookup)\r\n    const plugins = this.nodeToPlugins.get(node.name);\r\n    if (plugins) {\r\n      for (const plugin of plugins) {\r\n        const children = await this.renderChildren(node);\r\n        const result = await plugin.renderToHTML!(node, children, this.ctx);\r\n        if (result !== null) {\r\n          return result;\r\n        }\r\n      }\r\n    }\r\n\r\n    // Use default renderer\r\n    const renderer = this.renderers[node.name];\r\n    if (renderer) {\r\n      const children = await this.renderChildren(node);\r\n      return renderer(node, children, this.ctx);\r\n    }\r\n\r\n    // Unknown node - render children or text\r\n    if (node.firstChild) {\r\n      return await this.renderChildren(node);\r\n    }\r\n\r\n    // Leaf node - return text content\r\n    return this.ctx.sliceDoc(node.from, node.to);\r\n  }\r\n\r\n  /**\r\n   * Render all children of a node, including text between nodes\r\n   */\r\n  private async renderChildren(node: SyntaxNode): Promise<string> {\r\n    let result = \"\";\r\n    let pos = node.from; // Track position to find text gaps\r\n    let child = node.firstChild;\r\n\r\n    while (child) {\r\n      // Add any text between the last position and this child\r\n      if (child.from > pos) {\r\n        result += escapeHtml(this.ctx.sliceDoc(pos, child.from));\r\n      }\r\n\r\n      // Render the child node\r\n      result += await this.renderNode(child);\r\n\r\n      // Update position to end of this child\r\n      pos = child.to;\r\n      child = child.nextSibling;\r\n    }\r\n\r\n    // Add any trailing text after the last child\r\n    if (pos < node.to) {\r\n      result += escapeHtml(this.ctx.sliceDoc(pos, node.to));\r\n    }\r\n\r\n    return result;\r\n  }\r\n}\r\n","import { ThemeEnum } from \"../editor/utils\";\r\nimport { PreviewRenderer } from \"./renderer\";\r\nimport { PreviewConfig } from \"./types\";\r\n\r\n/**\r\n * Render markdown to semantic HTML\r\n *\r\n * @param markdown - Markdown string to render\r\n * @param config - Preview configuration\r\n * @returns HTML string\r\n *\r\n * @example\r\n * ```ts\r\n * import { preview } from 'draftly/preview';\r\n * import { HeadingPlugin, ListPlugin } from 'draftly/plugins';\r\n *\r\n * const html = preview('# Hello World', {\r\n *   plugins: [new HeadingPlugin(), new ListPlugin()],\r\n *   wrapperClass: 'draftly-preview',\r\n * });\r\n * ```\r\n */\r\nexport async function preview(markdown: string, config: PreviewConfig = {}): Promise<string> {\r\n  const {\r\n    plugins = [],\r\n    markdown: markdownConfig = [],\r\n    wrapperClass = \"draftly-preview\",\r\n    wrapperTag = \"article\",\r\n    sanitize = true,\r\n    theme = ThemeEnum.AUTO,\r\n  } = config;\r\n\r\n  // Create renderer and generate HTML\r\n  const renderer = new PreviewRenderer(markdown, plugins, markdownConfig, theme, sanitize);\r\n  const content = await renderer.render();\r\n\r\n  // Wrap in container\r\n  const classAttr = wrapperClass ? ` class=\"${wrapperClass}\"` : \"\";\r\n  return `<${wrapperTag}${classAttr}>\\n${content}</${wrapperTag}>`;\r\n}\r\n","import { ThemeEnum } from \"../editor/utils\";\r\nimport { GenerateCSSConfig } from \"./types\";\r\n\r\n/**\r\n * Base CSS styles for preview rendering\r\n */\r\nconst baseStyles = `.draftly-preview {\r\n  padding: 0 0.5rem;\r\n}`;\r\n\r\n/**\r\n * Generate CSS for preview rendering\r\n *\r\n * @param config - CSS generation configuration\r\n * @returns CSS string\r\n *\r\n * @example\r\n * ```ts\r\n * import { generateCSS } from 'draftly/preview';\r\n * import { HeadingPlugin, ListPlugin } from 'draftly/plugins';\r\n *\r\n * const css = generateCSS({\r\n *   plugins: [new HeadingPlugin(), new ListPlugin()],\r\n *   theme: ThemeEnum.AUTO,\r\n *   includeBase: true,\r\n * });\r\n * ```\r\n */\r\nexport function generateCSS(config: GenerateCSSConfig = {}): string {\r\n  const { plugins = [], theme = ThemeEnum.AUTO, wrapperClass = \"draftly-preview\", includeBase = true } = config;\r\n\r\n  const cssChunks: string[] = [];\r\n\r\n  // Include base styles\r\n  if (includeBase) {\r\n    // Replace default wrapper class if custom one is provided\r\n    if (wrapperClass !== \"draftly-preview\") {\r\n      cssChunks.push(baseStyles.replace(/\\.draftly-preview/g, `.${wrapperClass}`));\r\n    } else {\r\n      cssChunks.push(baseStyles);\r\n    }\r\n  }\r\n\r\n  // Collect styles from plugins\r\n  for (const plugin of plugins) {\r\n    const pluginCSS = plugin.getPreviewStyles(theme, wrapperClass);\r\n    if (pluginCSS) cssChunks.push(`/* ${plugin.name} - ${plugin.version} */\\n` + pluginCSS);\r\n  }\r\n\r\n  return cssChunks.join(\"\\n\\n\");\r\n}\r\n"]}

package/dist/{chunk-7Z3SRTPZ.cjs → chunk-KBQDZ5IW.cjs}

@@ -34,14 +34,9 @@ function escapeHtml(text) {
 var renderDocument = (_node, children) => {
   return children;
 };
-var renderParagraph = (_node, children) => {
-  return `<p>${children}</p>
-`;
-};
 var defaultRenderers = {
   // Document structure
-  Document: renderDocument,
-  Paragraph: renderParagraph
+  Document: renderDocument
 };
 var PreviewRenderer = class {
   doc;
@@ -51,6 +46,7 @@ var PreviewRenderer = class {
   sanitizeHtml;
   renderers;
   ctx;
+  nodeToPlugins;
   constructor(doc, plugins = [], markdown, theme = "auto" /* AUTO */, sanitize = true) {
     this.doc = doc;
     this.theme = theme;
@@ -59,11 +55,28 @@ var PreviewRenderer = class {
     this.sanitizeHtml = sanitize;
     this.renderers = { ...defaultRenderers };
     this.ctx = createPreviewContext(doc, theme, this.renderChildren.bind(this), sanitize);
+    this.nodeToPlugins = this.buildNodePluginMap();
+  }
+  /**
+   * Build a map from node names to plugins that handle them
+   */
+  buildNodePluginMap() {
+    const map = /* @__PURE__ */ new Map();
+    for (const plugin of this.plugins) {
+      if (plugin.renderToHTML && plugin.requiredNodes.length > 0) {
+        for (const nodeName of plugin.requiredNodes) {
+          const list = map.get(nodeName) || [];
+          list.push(plugin);
+          map.set(nodeName, list);
+        }
+      }
+    }
+    return map;
   }
   /**
    * Render the document to HTML
    */
-  render() {
+  async render() {
     const extensions = [
       ...this.markdown,
       ...this.plugins.map((p) => p.getMarkdownConfig()).filter((ext) => ext !== null)
@@ -83,16 +96,17 @@ var PreviewRenderer = class {
     ]);
     const parser = extensions.length > 0 ? baseParser.configure(extensions) : baseParser;
     const tree = parser.parse(this.doc);
-    return this.renderNode(tree.topNode);
+    return await this.renderNode(tree.topNode);
   }
   /**
    * Render a single node to HTML
    */
-  renderNode(node) {
-    for (const plugin of this.plugins) {
-      if (plugin.renderToHTML) {
-        const children = this.renderChildren(node);
-        const result = plugin.renderToHTML(node, children, this.ctx);
+  async renderNode(node) {
+    const plugins = this.nodeToPlugins.get(node.name);
+    if (plugins) {
+      for (const plugin of plugins) {
+        const children = await this.renderChildren(node);
+        const result = await plugin.renderToHTML(node, children, this.ctx);
         if (result !== null) {
           return result;
         }
@@ -100,18 +114,18 @@ var PreviewRenderer = class {
     }
     const renderer = this.renderers[node.name];
     if (renderer) {
-      const children = this.renderChildren(node);
+      const children = await this.renderChildren(node);
       return renderer(node, children, this.ctx);
     }
     if (node.firstChild) {
-      return this.renderChildren(node);
+      return await this.renderChildren(node);
     }
     return this.ctx.sliceDoc(node.from, node.to);
   }
   /**
    * Render all children of a node, including text between nodes
    */
-  renderChildren(node) {
+  async renderChildren(node) {
     let result = "";
     let pos = node.from;
     let child = node.firstChild;
@@ -119,7 +133,7 @@ var PreviewRenderer = class {
       if (child.from > pos) {
         result += escapeHtml(this.ctx.sliceDoc(pos, child.from));
       }
-      result += this.renderNode(child);
+      result += await this.renderNode(child);
       pos = child.to;
       child = child.nextSibling;
     }
@@ -131,7 +145,7 @@ var PreviewRenderer = class {
 };
 
 // src/preview/preview.ts
-function preview(markdown, config = {}) {
+async function preview(markdown, config = {}) {
   const {
     plugins = [],
     markdown: markdownConfig = [],
@@ -141,14 +155,16 @@ function preview(markdown, config = {}) {
     theme = "auto" /* AUTO */
   } = config;
   const renderer = new PreviewRenderer(markdown, plugins, markdownConfig, theme, sanitize);
-  const content = renderer.render();
+  const content = await renderer.render();
   const classAttr = wrapperClass ? ` class="${wrapperClass}"` : "";
   return `<${wrapperTag}${classAttr}>
 ${content}</${wrapperTag}>`;
 }
 
 // src/preview/css-generator.ts
-var baseStyles = ``;
+var baseStyles = `.draftly-preview {
+  padding: 0 0.5rem;
+}`;
 function generateCSS(config = {}) {
   const { plugins = [], theme = "auto" /* AUTO */, wrapperClass = "draftly-preview", includeBase = true } = config;
   const cssChunks = [];
@@ -172,5 +188,5 @@ exports.defaultRenderers = defaultRenderers;
 exports.escapeHtml = escapeHtml;
 exports.generateCSS = generateCSS;
 exports.preview = preview;
-//# sourceMappingURL=chunk-7Z3SRTPZ.cjs.map
-//# sourceMappingURL=chunk-7Z3SRTPZ.cjs.map
+//# sourceMappingURL=chunk-KBQDZ5IW.cjs.map
+//# sourceMappingURL=chunk-KBQDZ5IW.cjs.map

package/dist/chunk-KBQDZ5IW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preview/context.ts","../src/preview/default-renderers.ts","../src/preview/renderer.ts","../src/preview/preview.ts","../src/preview/css-generator.ts"],"names":["DOMPurify","markdownParser","GFM","Subscript","Superscript","Emoji","foldNodeProp","tree"],"mappings":"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","file":"chunk-KBQDZ5IW.cjs","sourcesContent":["import { SyntaxNode } from \"@lezer/common\";\r\nimport { ThemeEnum } from \"../editor/utils\";\r\nimport { PreviewContext } from \"./types\";\r\nimport DOMPurify from \"dompurify\";\r\n\r\n/**\r\n * Creates a PreviewContext for rendering\r\n */\r\nexport function createPreviewContext(\r\n  doc: string,\r\n  theme: ThemeEnum,\r\n  renderChildren: (node: SyntaxNode) => Promise<string>,\r\n  sanitizeHtml: boolean = true\r\n): PreviewContext {\r\n  return {\r\n    doc,\r\n    theme,\r\n\r\n    sliceDoc(from: number, to: number): string {\r\n      return doc.slice(from, to);\r\n    },\r\n\r\n    sanitize(html: string): string {\r\n      if (!sanitizeHtml) return html;\r\n\r\n      // DOMPurify works in browser; in Node, it needs jsdom\r\n      if (typeof window !== \"undefined\") {\r\n        return DOMPurify.sanitize(html);\r\n      }\r\n\r\n      // Server-side: return as-is (user should sanitize at application level)\r\n      // or use isomorphic-dompurify in their setup\r\n      return html;\r\n    },\r\n\r\n    renderChildren,\r\n  };\r\n}\r\n","import { NodeRenderer, NodeRendererMap } from \"./types\";\r\n\r\n/**\r\n * Escape HTML special characters\r\n */\r\nexport function escapeHtml(text: string): string {\r\n  return text\r\n    .replace(/&/g, \"&amp;\")\r\n    .replace(/</g, \"&lt;\")\r\n    .replace(/>/g, \"&gt;\")\r\n    .replace(/\"/g, \"&quot;\")\r\n    .replace(/'/g, \"&#39;\");\r\n}\r\n\r\n// ============================================\r\n// DEFAULT RENDERERS\r\n// ============================================\r\n\r\nconst renderDocument: NodeRenderer = (_node, children) => {\r\n  return children;\r\n};\r\n\r\n/**\r\n * Default node renderers for all markdown node types\r\n */\r\nexport const defaultRenderers: NodeRendererMap = {\r\n  // Document structure\r\n  Document: renderDocument,\r\n};\r\n","import { SyntaxNode } from \"@lezer/common\";\r\nimport { Emoji, GFM, MarkdownConfig, parser as markdownParser, Subscript, Superscript } from \"@lezer/markdown\";\r\n\r\nimport { DraftlyPlugin } from \"../editor/plugin\";\r\nimport { ThemeEnum } from \"../editor/utils\";\r\nimport { createPreviewContext } from \"./context\";\r\nimport { defaultRenderers, escapeHtml } from \"./default-renderers\";\r\nimport { NodeRendererMap, PreviewContext } from \"./types\";\r\nimport { foldNodeProp } from \"@codemirror/language\";\r\n\r\n/**\r\n * Renderer class that walks the syntax tree and produces HTML\r\n */\r\nexport class PreviewRenderer {\r\n  private doc: string;\r\n  private theme: ThemeEnum;\r\n  private plugins: DraftlyPlugin[];\r\n  private markdown: MarkdownConfig[];\r\n  private sanitizeHtml: boolean;\r\n  private renderers: NodeRendererMap;\r\n  private ctx: PreviewContext;\r\n  private nodeToPlugins: Map<string, DraftlyPlugin[]>;\r\n\r\n  constructor(\r\n    doc: string,\r\n    plugins: DraftlyPlugin[] = [],\r\n    markdown: MarkdownConfig[],\r\n    theme: ThemeEnum = ThemeEnum.AUTO,\r\n    sanitize: boolean = true\r\n  ) {\r\n    this.doc = doc;\r\n    this.theme = theme;\r\n    this.plugins = plugins;\r\n    this.markdown = markdown;\r\n    this.sanitizeHtml = sanitize;\r\n    this.renderers = { ...defaultRenderers };\r\n\r\n    // Create context with reference to renderChildren\r\n    this.ctx = createPreviewContext(doc, theme, this.renderChildren.bind(this), sanitize);\r\n\r\n    // Build node-to-plugin map for O(1) lookup\r\n    this.nodeToPlugins = this.buildNodePluginMap();\r\n  }\r\n\r\n  /**\r\n   * Build a map from node names to plugins that handle them\r\n   */\r\n  private buildNodePluginMap(): Map<string, DraftlyPlugin[]> {\r\n    const map = new Map<string, DraftlyPlugin[]>();\r\n    for (const plugin of this.plugins) {\r\n      if (plugin.renderToHTML && plugin.requiredNodes.length > 0) {\r\n        for (const nodeName of plugin.requiredNodes) {\r\n          const list = map.get(nodeName) || [];\r\n          list.push(plugin);\r\n          map.set(nodeName, list);\r\n        }\r\n      }\r\n    }\r\n    return map;\r\n  }\r\n\r\n  /**\r\n   * Render the document to HTML\r\n   */\r\n  async render(): Promise<string> {\r\n    // Collect markdown extensions from plugins\r\n    const extensions = [\r\n      ...this.markdown,\r\n      ...this.plugins.map((p) => p.getMarkdownConfig()).filter((ext): ext is NonNullable<typeof ext> => ext !== null),\r\n    ];\r\n\r\n    // Use GFM extensions to match the editor (markdownLanguage includes GFM by default)\r\n    // GFM includes: Table, TaskList, Strikethrough, Autolink\r\n    const baseParser = markdownParser.configure([\r\n      GFM,\r\n      Subscript,\r\n      Superscript,\r\n      Emoji,\r\n      {\r\n        props: [\r\n          foldNodeProp.add({\r\n            Table: (tree, state) => ({ from: state.doc.lineAt(tree.from).to, to: tree.to }),\r\n          }),\r\n        ],\r\n      },\r\n    ]);\r\n    const parser = extensions.length > 0 ? baseParser.configure(extensions) : baseParser;\r\n\r\n    // Parse the document\r\n    const tree = parser.parse(this.doc);\r\n\r\n    // Render from root\r\n    return await this.renderNode(tree.topNode);\r\n  }\r\n\r\n  /**\r\n   * Render a single node to HTML\r\n   */\r\n  private async renderNode(node: SyntaxNode): Promise<string> {\r\n    // Get plugins that handle this node type (O(1) lookup)\r\n    const plugins = this.nodeToPlugins.get(node.name);\r\n    if (plugins) {\r\n      for (const plugin of plugins) {\r\n        const children = await this.renderChildren(node);\r\n        const result = await plugin.renderToHTML!(node, children, this.ctx);\r\n        if (result !== null) {\r\n          return result;\r\n        }\r\n      }\r\n    }\r\n\r\n    // Use default renderer\r\n    const renderer = this.renderers[node.name];\r\n    if (renderer) {\r\n      const children = await this.renderChildren(node);\r\n      return renderer(node, children, this.ctx);\r\n    }\r\n\r\n    // Unknown node - render children or text\r\n    if (node.firstChild) {\r\n      return await this.renderChildren(node);\r\n    }\r\n\r\n    // Leaf node - return text content\r\n    return this.ctx.sliceDoc(node.from, node.to);\r\n  }\r\n\r\n  /**\r\n   * Render all children of a node, including text between nodes\r\n   */\r\n  private async renderChildren(node: SyntaxNode): Promise<string> {\r\n    let result = \"\";\r\n    let pos = node.from; // Track position to find text gaps\r\n    let child = node.firstChild;\r\n\r\n    while (child) {\r\n      // Add any text between the last position and this child\r\n      if (child.from > pos) {\r\n        result += escapeHtml(this.ctx.sliceDoc(pos, child.from));\r\n      }\r\n\r\n      // Render the child node\r\n      result += await this.renderNode(child);\r\n\r\n      // Update position to end of this child\r\n      pos = child.to;\r\n      child = child.nextSibling;\r\n    }\r\n\r\n    // Add any trailing text after the last child\r\n    if (pos < node.to) {\r\n      result += escapeHtml(this.ctx.sliceDoc(pos, node.to));\r\n    }\r\n\r\n    return result;\r\n  }\r\n}\r\n","import { ThemeEnum } from \"../editor/utils\";\r\nimport { PreviewRenderer } from \"./renderer\";\r\nimport { PreviewConfig } from \"./types\";\r\n\r\n/**\r\n * Render markdown to semantic HTML\r\n *\r\n * @param markdown - Markdown string to render\r\n * @param config - Preview configuration\r\n * @returns HTML string\r\n *\r\n * @example\r\n * ```ts\r\n * import { preview } from 'draftly/preview';\r\n * import { HeadingPlugin, ListPlugin } from 'draftly/plugins';\r\n *\r\n * const html = preview('# Hello World', {\r\n *   plugins: [new HeadingPlugin(), new ListPlugin()],\r\n *   wrapperClass: 'draftly-preview',\r\n * });\r\n * ```\r\n */\r\nexport async function preview(markdown: string, config: PreviewConfig = {}): Promise<string> {\r\n  const {\r\n    plugins = [],\r\n    markdown: markdownConfig = [],\r\n    wrapperClass = \"draftly-preview\",\r\n    wrapperTag = \"article\",\r\n    sanitize = true,\r\n    theme = ThemeEnum.AUTO,\r\n  } = config;\r\n\r\n  // Create renderer and generate HTML\r\n  const renderer = new PreviewRenderer(markdown, plugins, markdownConfig, theme, sanitize);\r\n  const content = await renderer.render();\r\n\r\n  // Wrap in container\r\n  const classAttr = wrapperClass ? ` class=\"${wrapperClass}\"` : \"\";\r\n  return `<${wrapperTag}${classAttr}>\\n${content}</${wrapperTag}>`;\r\n}\r\n","import { ThemeEnum } from \"../editor/utils\";\r\nimport { GenerateCSSConfig } from \"./types\";\r\n\r\n/**\r\n * Base CSS styles for preview rendering\r\n */\r\nconst baseStyles = `.draftly-preview {\r\n  padding: 0 0.5rem;\r\n}`;\r\n\r\n/**\r\n * Generate CSS for preview rendering\r\n *\r\n * @param config - CSS generation configuration\r\n * @returns CSS string\r\n *\r\n * @example\r\n * ```ts\r\n * import { generateCSS } from 'draftly/preview';\r\n * import { HeadingPlugin, ListPlugin } from 'draftly/plugins';\r\n *\r\n * const css = generateCSS({\r\n *   plugins: [new HeadingPlugin(), new ListPlugin()],\r\n *   theme: ThemeEnum.AUTO,\r\n *   includeBase: true,\r\n * });\r\n * ```\r\n */\r\nexport function generateCSS(config: GenerateCSSConfig = {}): string {\r\n  const { plugins = [], theme = ThemeEnum.AUTO, wrapperClass = \"draftly-preview\", includeBase = true } = config;\r\n\r\n  const cssChunks: string[] = [];\r\n\r\n  // Include base styles\r\n  if (includeBase) {\r\n    // Replace default wrapper class if custom one is provided\r\n    if (wrapperClass !== \"draftly-preview\") {\r\n      cssChunks.push(baseStyles.replace(/\\.draftly-preview/g, `.${wrapperClass}`));\r\n    } else {\r\n      cssChunks.push(baseStyles);\r\n    }\r\n  }\r\n\r\n  // Collect styles from plugins\r\n  for (const plugin of plugins) {\r\n    const pluginCSS = plugin.getPreviewStyles(theme, wrapperClass);\r\n    if (pluginCSS) cssChunks.push(`/* ${plugin.name} - ${plugin.version} */\\n` + pluginCSS);\r\n  }\r\n\r\n  return cssChunks.join(\"\\n\\n\");\r\n}\r\n"]}

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

@@ -49,11 +49,45 @@ function selectionOverlapsRange(view, from, to) {
   }
   return false;
 }
+function toggleMarkdownStyle(marker) {
+  return (view) => {
+    const { state } = view;
+    const { from, to, empty } = state.selection.main;
+    const selectedText = state.sliceDoc(from, to);
+    const markerLen = marker.length;
+    const beforeFrom = Math.max(0, from - markerLen);
+    const afterTo = Math.min(state.doc.length, to + markerLen);
+    const textBefore = state.sliceDoc(beforeFrom, from);
+    const textAfter = state.sliceDoc(to, afterTo);
+    const isWrapped = textBefore === marker && textAfter === marker;
+    if (isWrapped) {
+      view.dispatch({
+        changes: [
+          { from: beforeFrom, to: from, insert: "" },
+          { from: to, to: afterTo, insert: "" }
+        ],
+        selection: { anchor: beforeFrom, head: beforeFrom + selectedText.length }
+      });
+    } else if (empty) {
+      view.dispatch({
+        changes: { from, to, insert: marker + marker },
+        selection: { anchor: from + markerLen }
+      });
+    } else {
+      view.dispatch({
+        changes: { from, to, insert: marker + selectedText + marker },
+        selection: { anchor: from + markerLen, head: to + markerLen }
+      });
+    }
+    return true;
+  };
+}
 
 exports.ThemeEnum = ThemeEnum;
 exports.createTheme = createTheme;
 exports.cursorInRange = cursorInRange;
 exports.deepMerge = deepMerge;
 exports.selectionOverlapsRange = selectionOverlapsRange;
-//# sourceMappingURL=chunk-RV2SYFA6.cjs.map
-//# sourceMappingURL=chunk-RV2SYFA6.cjs.map
+exports.toggleMarkdownStyle = toggleMarkdownStyle;
+//# sourceMappingURL=chunk-KDEDLC3D.cjs.map
+//# sourceMappingURL=chunk-KDEDLC3D.cjs.map

package/dist/chunk-KDEDLC3D.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/editor/utils.ts"],"names":["ThemeEnum"],"mappings":"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","file":"chunk-KDEDLC3D.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    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\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"]}