draftly 0.1.0-alpha.1 → 1.0.7

package/src/preview/default-renderers.ts

@@ -20,15 +20,10 @@ const renderDocument: NodeRenderer = (_node, children) => {
   return children;
 };
 
-const renderParagraph: NodeRenderer = (_node, children) => {
-  return `<p>${children}</p>\n`;
-};
-
 /**
  * Default node renderers for all markdown node types
  */
 export const defaultRenderers: NodeRendererMap = {
   // Document structure
   Document: renderDocument,
-  Paragraph: renderParagraph,
 };

package/src/preview/preview.ts

@@ -20,7 +20,7 @@ import { PreviewConfig } from "./types";
  * });
  * ```
  */
-export function preview(markdown: string, config: PreviewConfig = {}): string {
+export async function preview(markdown: string, config: PreviewConfig = {}): Promise<string> {
   const {
     plugins = [],
     markdown: markdownConfig = [],
@@ -32,7 +32,7 @@ export function preview(markdown: string, config: PreviewConfig = {}): string {
 
   // Create renderer and generate HTML
   const renderer = new PreviewRenderer(markdown, plugins, markdownConfig, theme, sanitize);
-  const content = renderer.render();
+  const content = await renderer.render();
 
   // Wrap in container
   const classAttr = wrapperClass ? ` class="${wrapperClass}"` : "";

package/src/preview/renderer.ts

@@ -19,6 +19,7 @@ export class PreviewRenderer {
   private sanitizeHtml: boolean;
   private renderers: NodeRendererMap;
   private ctx: PreviewContext;
+  private nodeToPlugins: Map<string, DraftlyPlugin[]>;
 
   constructor(
     doc: string,
@@ -36,12 +37,32 @@ export class PreviewRenderer {
 
     // Create context with reference to renderChildren
     this.ctx = createPreviewContext(doc, theme, this.renderChildren.bind(this), sanitize);
+
+    // Build node-to-plugin map for O(1) lookup
+    this.nodeToPlugins = this.buildNodePluginMap();
+  }
+
+  /**
+   * Build a map from node names to plugins that handle them
+   */
+  private buildNodePluginMap(): Map<string, DraftlyPlugin[]> {
+    const map = new Map<string, DraftlyPlugin[]>();
+    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(): string {
+  async render(): Promise<string> {
     // Collect markdown extensions from plugins
     const extensions = [
       ...this.markdown,
@@ -69,18 +90,19 @@ export class PreviewRenderer {
     const tree = parser.parse(this.doc);
 
     // Render from root
-    return this.renderNode(tree.topNode);
+    return await this.renderNode(tree.topNode);
   }
 
   /**
    * Render a single node to HTML
    */
-  private renderNode(node: SyntaxNode): string {
-    // First, let plugins try to render
-    for (const plugin of this.plugins) {
-      if (plugin.renderToHTML) {
-        const children = this.renderChildren(node);
-        const result = plugin.renderToHTML(node, children, this.ctx);
+  private async renderNode(node: SyntaxNode): Promise<string> {
+    // Get plugins that handle this node type (O(1) lookup)
+    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;
         }
@@ -90,13 +112,13 @@ export class PreviewRenderer {
     // Use default renderer
     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);
     }
 
     // Unknown node - render children or text
     if (node.firstChild) {
-      return this.renderChildren(node);
+      return await this.renderChildren(node);
     }
 
     // Leaf node - return text content
@@ -106,7 +128,7 @@ export class PreviewRenderer {
   /**
    * Render all children of a node, including text between nodes
    */
-  private renderChildren(node: SyntaxNode): string {
+  private async renderChildren(node: SyntaxNode): Promise<string> {
     let result = "";
     let pos = node.from; // Track position to find text gaps
     let child = node.firstChild;
@@ -118,7 +140,7 @@ export class PreviewRenderer {
       }
 
       // Render the child node
-      result += this.renderNode(child);
+      result += await this.renderNode(child);
 
       // Update position to end of this child
       pos = child.to;

package/src/preview/types.ts

@@ -18,7 +18,7 @@ export interface PreviewContext {
   sanitize(html: string): string;
 
   /** Render children of a node to HTML */
-  renderChildren(node: SyntaxNode): string;
+  renderChildren(node: SyntaxNode): Promise<string>;
 }
 
 /**

package/dist/chunk-6LQ2VR4I.js.map

@@ -1 +0,0 @@
-{"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-6LQ2VR4I.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) => 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\nconst renderParagraph: NodeRenderer = (_node, children) => {\r\n  return `<p>${children}</p>\\n`;\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  Paragraph: renderParagraph,\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\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\r\n  /**\r\n   * Render the document to HTML\r\n   */\r\n  render(): 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 this.renderNode(tree.topNode);\r\n  }\r\n\r\n  /**\r\n   * Render a single node to HTML\r\n   */\r\n  private renderNode(node: SyntaxNode): string {\r\n    // First, let plugins try to render\r\n    for (const plugin of this.plugins) {\r\n      if (plugin.renderToHTML) {\r\n        const children = this.renderChildren(node);\r\n        const result = 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 = 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 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 renderChildren(node: SyntaxNode): 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 += 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 function preview(markdown: string, config: PreviewConfig = {}): 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 = 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 = ``;\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.map

@@ -1 +0,0 @@
-{"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-7Z3SRTPZ.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) => 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\nconst renderParagraph: NodeRenderer = (_node, children) => {\r\n  return `<p>${children}</p>\\n`;\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  Paragraph: renderParagraph,\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\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\r\n  /**\r\n   * Render the document to HTML\r\n   */\r\n  render(): 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 this.renderNode(tree.topNode);\r\n  }\r\n\r\n  /**\r\n   * Render a single node to HTML\r\n   */\r\n  private renderNode(node: SyntaxNode): string {\r\n    // First, let plugins try to render\r\n    for (const plugin of this.plugins) {\r\n      if (plugin.renderToHTML) {\r\n        const children = this.renderChildren(node);\r\n        const result = 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 = 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 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 renderChildren(node: SyntaxNode): 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 += 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 function preview(markdown: string, config: PreviewConfig = {}): 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 = 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 = ``;\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"]}