draftly 1.0.0-alpha.2 → 2.0.0

package/dist/{chunk-HPSMS2WB.js → chunk-I563H35S.js}

@@ -1,12 +1,89 @@
-import { parser, GFM, Subscript, Superscript, Emoji } from '@lezer/markdown';
+import { classHighlighter } from '@lezer/highlight';
+import { markdown, markdownLanguage } from '@codemirror/lang-markdown';
+import { languages } from '@codemirror/language-data';
 import DOMPurify from 'dompurify';
-import { foldNodeProp } from '@codemirror/language';
 
-// src/preview/renderer.ts
-function createPreviewContext(doc, theme, renderChildren, sanitizeHtml = true) {
+// src/preview/default-renderers.ts
+function escapeHtml(text) {
+  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+var renderDocument = (_node, children) => {
+  return children;
+};
+var defaultRenderers = {
+  // Document structure
+  Document: renderDocument
+};
+var MAX_WALK_DEPTH = 8;
+function generateSyntaxThemeCSS(syntaxTheme, _wrapperClass) {
+  if (!syntaxTheme) return "";
+  const styles = extractRuntimeHighlightStyles(syntaxTheme);
+  if (!styles.length) return "";
+  const cssChunks = [];
+  for (const style of styles) {
+    const rules = style.module?.getRules();
+    if (!rules) continue;
+    cssChunks.push(rules);
+  }
+  if (!cssChunks.length) return "";
+  return Array.from(new Set(cssChunks)).join("\n");
+}
+function resolveSyntaxHighlighters(syntaxTheme, includeLegacyClassHighlighter = true) {
+  const resolved = [];
+  if (includeLegacyClassHighlighter) {
+    resolved.push(classHighlighter);
+  }
+  const styles = extractRuntimeHighlightStyles(syntaxTheme);
+  for (const style of styles) {
+    if (typeof style.style === "function") {
+      resolved.push(style);
+    }
+  }
+  return Array.from(new Set(resolved));
+}
+function extractRuntimeHighlightStyles(input) {
+  if (!input) return [];
+  const values = Array.isArray(input) ? input : [input];
+  const styles = [];
+  const visited = /* @__PURE__ */ new WeakSet();
+  for (const value of values) {
+    walk(value, 0, visited, styles);
+  }
+  return styles;
+}
+function walk(value, depth, visited, out) {
+  if (value === null || value === void 0) return;
+  if (depth > MAX_WALK_DEPTH) return;
+  if (isRuntimeHighlightStyle(value)) {
+    out.push(value);
+  }
+  if (Array.isArray(value)) {
+    for (const item of value) {
+      walk(item, depth + 1, visited, out);
+    }
+    return;
+  }
+  if (typeof value !== "object") return;
+  if (visited.has(value)) return;
+  visited.add(value);
+  const keys = Object.getOwnPropertyNames(value);
+  for (const key of keys) {
+    try {
+      walk(value[key], depth + 1, visited, out);
+    } catch {
+    }
+  }
+}
+function isRuntimeHighlightStyle(value) {
+  if (!value || typeof value !== "object") return false;
+  const style = value;
+  return Array.isArray(style.specs) && typeof style.style === "function";
+}
+function createPreviewContext(doc, theme, renderChildren, sanitizeHtml = true, syntaxHighlighters = []) {
   return {
     doc,
     theme,
+    syntaxHighlighters,
     sliceDoc(from, to) {
       return doc.slice(from, to);
     },
@@ -21,34 +98,27 @@ function createPreviewContext(doc, theme, renderChildren, sanitizeHtml = true) {
   };
 }
 
-// src/preview/default-renderers.ts
-function escapeHtml(text) {
-  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-}
-var renderDocument = (_node, children) => {
-  return children;
-};
-var defaultRenderers = {
-  // Document structure
-  Document: renderDocument
-};
+// src/preview/renderer.ts
 var PreviewRenderer = class {
   doc;
   theme;
   plugins;
   markdown;
   sanitizeHtml;
+  syntaxTheme;
   renderers;
   ctx;
   nodeToPlugins;
-  constructor(doc, plugins = [], markdown, theme = "auto" /* AUTO */, sanitize = true) {
+  constructor(doc, plugins = [], markdown2, theme = "auto" /* AUTO */, sanitize = true, syntaxTheme) {
     this.doc = doc;
     this.theme = theme;
     this.plugins = plugins;
-    this.markdown = markdown;
+    this.markdown = markdown2;
     this.sanitizeHtml = sanitize;
+    this.syntaxTheme = syntaxTheme;
     this.renderers = { ...defaultRenderers };
-    this.ctx = createPreviewContext(doc, theme, this.renderChildren.bind(this), sanitize);
+    const syntaxHighlighters = resolveSyntaxHighlighters(this.syntaxTheme, true);
+    this.ctx = createPreviewContext(doc, theme, this.renderChildren.bind(this), sanitize, syntaxHighlighters);
     this.nodeToPlugins = this.buildNodePluginMap();
   }
   /**
@@ -75,21 +145,16 @@ var PreviewRenderer = class {
       ...this.markdown,
       ...this.plugins.map((p) => p.getMarkdownConfig()).filter((ext) => ext !== null)
     ];
-    const baseParser = parser.configure([
-      GFM,
-      Subscript,
-      Superscript,
-      Emoji,
-      {
-        props: [
-          foldNodeProp.add({
-            Table: (tree2, state) => ({ from: state.doc.lineAt(tree2.from).to, to: tree2.to })
-          })
-        ]
-      }
-    ]);
-    const parser$1 = extensions.length > 0 ? baseParser.configure(extensions) : baseParser;
-    const tree = parser$1.parse(this.doc);
+    const markdownSupport = markdown({
+      base: markdownLanguage,
+      codeLanguages: languages,
+      extensions,
+      addKeymap: true,
+      completeHTMLTags: true,
+      pasteURLAsLink: true
+    });
+    const parser = markdownSupport.language.parser;
+    const tree = parser.parse(this.doc);
     return await this.renderNode(tree.topNode);
   }
   /**
@@ -138,45 +203,6 @@ var PreviewRenderer = class {
   }
 };
 
-// src/preview/preview.ts
-async function preview(markdown, config = {}) {
-  const {
-    plugins = [],
-    markdown: markdownConfig = [],
-    wrapperClass = "draftly-preview",
-    wrapperTag = "article",
-    sanitize = true,
-    theme = "auto" /* AUTO */
-  } = config;
-  const renderer = new PreviewRenderer(markdown, plugins, markdownConfig, theme, sanitize);
-  const content = await renderer.render();
-  const classAttr = wrapperClass ? ` class="${wrapperClass}"` : "";
-  return `<${wrapperTag}${classAttr}>
-${content}</${wrapperTag}>`;
-}
-
-// src/preview/css-generator.ts
-var baseStyles = `.draftly-preview {
-  padding: 0 0.5rem;
-}`;
-function generateCSS(config = {}) {
-  const { plugins = [], theme = "auto" /* AUTO */, wrapperClass = "draftly-preview", includeBase = true } = config;
-  const cssChunks = [];
-  if (includeBase) {
-    if (wrapperClass !== "draftly-preview") {
-      cssChunks.push(baseStyles.replace(/\.draftly-preview/g, `.${wrapperClass}`));
-    } else {
-      cssChunks.push(baseStyles);
-    }
-  }
-  for (const plugin of plugins) {
-    const pluginCSS = plugin.getPreviewStyles(theme, wrapperClass);
-    if (pluginCSS) cssChunks.push(`/* ${plugin.name} - ${plugin.version} */
-` + pluginCSS);
-  }
-  return cssChunks.join("\n\n");
-}
-
-export { PreviewRenderer, defaultRenderers, escapeHtml, generateCSS, preview };
-//# sourceMappingURL=chunk-HPSMS2WB.js.map
-//# sourceMappingURL=chunk-HPSMS2WB.js.map
+export { PreviewRenderer, defaultRenderers, escapeHtml, generateSyntaxThemeCSS };
+//# sourceMappingURL=chunk-I563H35S.js.map
+//# sourceMappingURL=chunk-I563H35S.js.map

package/dist/chunk-I563H35S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preview/default-renderers.ts","../src/preview/syntax-theme.ts","../src/preview/context.ts","../src/preview/renderer.ts"],"names":["markdown"],"mappings":"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","file":"chunk-I563H35S.js","sourcesContent":["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 { classHighlighter, Highlighter } from \"@lezer/highlight\";\r\nimport type { SyntaxThemeInput } from \"./types\";\r\n\r\ntype HighlightSpec = {\r\n  tag?: unknown;\r\n  class?: string;\r\n  [key: string]: unknown;\r\n};\r\n\r\ntype RuntimeHighlightStyle = {\r\n  specs?: HighlightSpec[];\r\n  style?: (tags: readonly import(\"@lezer/highlight\").Tag[]) => string | null;\r\n  module?: { getRules(): string } | null;\r\n};\r\n\r\nconst MAX_WALK_DEPTH = 8;\r\n\r\n/**\r\n * Extract syntax highlight CSS from resolved CodeMirror HighlightStyle modules.\r\n */\r\nexport function generateSyntaxThemeCSS(\r\n  syntaxTheme: SyntaxThemeInput | SyntaxThemeInput[] | undefined,\r\n  _wrapperClass: string\r\n): string {\r\n  if (!syntaxTheme) return \"\";\r\n\r\n  const styles = extractRuntimeHighlightStyles(syntaxTheme);\r\n  if (!styles.length) return \"\";\r\n\r\n  const cssChunks: string[] = [];\r\n\r\n  for (const style of styles) {\r\n    const rules = style.module?.getRules();\r\n    if (!rules) continue;\r\n    cssChunks.push(rules);\r\n  }\r\n\r\n  if (!cssChunks.length) return \"\";\r\n\r\n  return Array.from(new Set(cssChunks))\r\n    .join(\"\\n\");\r\n}\r\n\r\nexport function resolveSyntaxHighlighters(\r\n  syntaxTheme: SyntaxThemeInput | SyntaxThemeInput[] | undefined,\r\n  includeLegacyClassHighlighter: boolean = true\r\n): readonly Highlighter[] {\r\n  const resolved: Highlighter[] = [];\r\n  if (includeLegacyClassHighlighter) {\r\n    resolved.push(classHighlighter);\r\n  }\r\n\r\n  const styles = extractRuntimeHighlightStyles(syntaxTheme);\r\n  for (const style of styles) {\r\n    if (typeof style.style === \"function\") {\r\n      resolved.push(style as unknown as Highlighter);\r\n    }\r\n  }\r\n\r\n  return Array.from(new Set(resolved));\r\n}\r\n\r\nfunction extractRuntimeHighlightStyles(input: SyntaxThemeInput | SyntaxThemeInput[] | undefined): RuntimeHighlightStyle[] {\r\n  if (!input) return [];\r\n\r\n  const values = Array.isArray(input) ? input : [input];\r\n  const styles: RuntimeHighlightStyle[] = [];\r\n  const visited = new WeakSet<object>();\r\n\r\n  for (const value of values) {\r\n    walk(value, 0, visited, styles);\r\n  }\r\n\r\n  return styles;\r\n}\r\n\r\nfunction walk(value: unknown, depth: number, visited: WeakSet<object>, out: RuntimeHighlightStyle[]): void {\r\n  if (value === null || value === undefined) return;\r\n  if (depth > MAX_WALK_DEPTH) return;\r\n\r\n  if (isRuntimeHighlightStyle(value)) {\r\n    out.push(value);\r\n  }\r\n\r\n  if (Array.isArray(value)) {\r\n    for (const item of value) {\r\n      walk(item, depth + 1, visited, out);\r\n    }\r\n    return;\r\n  }\r\n\r\n  if (typeof value !== \"object\") return;\r\n  if (visited.has(value)) return;\r\n  visited.add(value);\r\n\r\n  const keys = Object.getOwnPropertyNames(value);\r\n  for (const key of keys) {\r\n    try {\r\n      walk((value as Record<string, unknown>)[key], depth + 1, visited, out);\r\n    } catch {\r\n      // Ignore inaccessible properties\r\n    }\r\n  }\r\n}\r\n\r\nfunction isRuntimeHighlightStyle(value: unknown): value is RuntimeHighlightStyle {\r\n  if (!value || typeof value !== \"object\") return false;\r\n  const style = value as RuntimeHighlightStyle;\r\n  return Array.isArray(style.specs) && typeof style.style === \"function\";\r\n}\r\n","import { SyntaxNode } from \"@lezer/common\";\r\nimport { Highlighter } from \"@lezer/highlight\";\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  syntaxHighlighters: readonly Highlighter[] = []\r\n): PreviewContext {\r\n  return {\r\n    doc,\r\n    theme,\r\n    syntaxHighlighters,\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 { SyntaxNode } from \"@lezer/common\";\r\nimport { markdown, markdownLanguage } from \"@codemirror/lang-markdown\";\r\nimport { MarkdownConfig } from \"@lezer/markdown\";\r\nimport { languages } from \"@codemirror/language-data\";\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 { resolveSyntaxHighlighters } from \"./syntax-theme\";\r\nimport { NodeRendererMap, PreviewContext } from \"./types\";\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 syntaxTheme: import(\"./types\").SyntaxThemeInput | import(\"./types\").SyntaxThemeInput[] | undefined;\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    syntaxTheme?: import(\"./types\").SyntaxThemeInput | import(\"./types\").SyntaxThemeInput[]\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.syntaxTheme = syntaxTheme;\r\n    this.renderers = { ...defaultRenderers };\r\n\r\n    const syntaxHighlighters = resolveSyntaxHighlighters(this.syntaxTheme, true);\r\n\r\n    // Create context with reference to renderChildren\r\n    this.ctx = createPreviewContext(doc, theme, this.renderChildren.bind(this), sanitize, syntaxHighlighters);\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    // Build parser through @codemirror/lang-markdown to match editor behavior exactly\r\n    const markdownSupport = markdown({\r\n      base: markdownLanguage,\r\n      codeLanguages: languages,\r\n      extensions,\r\n      addKeymap: true,\r\n      completeHTMLTags: true,\r\n      pasteURLAsLink: true,\r\n    });\r\n    const parser = markdownSupport.language.parser;\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"]}

package/dist/chunk-IAXF4SJL.js

@@ -0,0 +1,55 @@
+import { PreviewRenderer, generateSyntaxThemeCSS } from './chunk-I563H35S.js';
+
+// src/preview/preview.ts
+async function preview(markdown, config = {}) {
+  const {
+    plugins = [],
+    markdown: markdownConfig = [],
+    wrapperClass = "draftly-preview",
+    wrapperTag = "article",
+    sanitize = true,
+    theme = "auto" /* AUTO */,
+    syntaxTheme
+  } = config;
+  const renderer = new PreviewRenderer(markdown, plugins, markdownConfig, theme, sanitize, syntaxTheme);
+  const content = await renderer.render();
+  const classAttr = wrapperClass ? ` class="${wrapperClass}"` : "";
+  return `<${wrapperTag}${classAttr}>
+${content}</${wrapperTag}>`;
+}
+
+// src/preview/css-generator.ts
+var baseStyles = `.draftly-preview {
+  padding: 0 0.5rem;
+}`;
+function generateCSS(config = {}) {
+  const {
+    plugins = [],
+    theme = "auto" /* AUTO */,
+    wrapperClass = "draftly-preview",
+    includeBase = true,
+    syntaxTheme
+  } = config;
+  const cssChunks = [];
+  if (includeBase) {
+    if (wrapperClass !== "draftly-preview") {
+      cssChunks.push(baseStyles.replace(/\.draftly-preview/g, `.${wrapperClass}`));
+    } else {
+      cssChunks.push(baseStyles);
+    }
+  }
+  const syntaxCSS = generateSyntaxThemeCSS(syntaxTheme, wrapperClass);
+  if (syntaxCSS) {
+    cssChunks.push("/* syntax-theme */\n" + syntaxCSS);
+  }
+  for (const plugin of plugins) {
+    const pluginCSS = plugin.getPreviewStyles(theme, wrapperClass);
+    if (pluginCSS) cssChunks.push(`/* ${plugin.name} - ${plugin.version} */
+` + pluginCSS);
+  }
+  return cssChunks.join("\n\n");
+}
+
+export { generateCSS, preview };
+//# sourceMappingURL=chunk-IAXF4SJL.js.map
+//# sourceMappingURL=chunk-IAXF4SJL.js.map

package/dist/chunk-IAXF4SJL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preview/preview.ts","../src/preview/css-generator.ts"],"names":[],"mappings":";;;AAsBA,eAAsB,OAAA,CAAQ,QAAA,EAAkB,MAAA,GAAwB,EAAC,EAAoB;AAC3F,EAAA,MAAM;AAAA,IACJ,UAAU,EAAC;AAAA,IACX,QAAA,EAAU,iBAAiB,EAAC;AAAA,IAC5B,YAAA,GAAe,iBAAA;AAAA,IACf,UAAA,GAAa,SAAA;AAAA,IACb,QAAA,GAAW,IAAA;AAAA,IACX,KAAA,GAAA,MAAA;AAAA,IACA;AAAA,GACF,GAAI,MAAA;AAGJ,EAAA,MAAM,QAAA,GAAW,IAAI,eAAA,CAAgB,QAAA,EAAU,SAAS,cAAA,EAAgB,KAAA,EAAO,UAAU,WAAW,CAAA;AACpG,EAAA,MAAM,OAAA,GAAU,MAAM,QAAA,CAAS,MAAA,EAAO;AAGtC,EAAA,MAAM,SAAA,GAAY,YAAA,GAAe,CAAA,QAAA,EAAW,YAAY,CAAA,CAAA,CAAA,GAAM,EAAA;AAC9D,EAAA,OAAO,CAAA,CAAA,EAAI,UAAU,CAAA,EAAG,SAAS,CAAA;AAAA,EAAM,OAAO,KAAK,UAAU,CAAA,CAAA,CAAA;AAC/D;;;ACjCA,IAAM,UAAA,GAAa,CAAA;AAAA;AAAA,CAAA,CAAA;AAsBZ,SAAS,WAAA,CAAY,MAAA,GAA4B,EAAC,EAAW;AAClE,EAAA,MAAM;AAAA,IACJ,UAAU,EAAC;AAAA,IACX,KAAA,GAAA,MAAA;AAAA,IACA,YAAA,GAAe,iBAAA;AAAA,IACf,WAAA,GAAc,IAAA;AAAA,IACd;AAAA,GACF,GAAI,MAAA;AAEJ,EAAA,MAAM,YAAsB,EAAC;AAG7B,EAAA,IAAI,WAAA,EAAa;AAEf,IAAA,IAAI,iBAAiB,iBAAA,EAAmB;AACtC,MAAA,SAAA,CAAU,KAAK,UAAA,CAAW,OAAA,CAAQ,sBAAsB,CAAA,CAAA,EAAI,YAAY,EAAE,CAAC,CAAA;AAAA,IAC7E,CAAA,MAAO;AACL,MAAA,SAAA,CAAU,KAAK,UAAU,CAAA;AAAA,IAC3B;AAAA,EACF;AAGA,EAAA,MAAM,SAAA,GAAY,sBAAA,CAAuB,WAAA,EAAa,YAAY,CAAA;AAClE,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,SAAA,CAAU,IAAA,CAAK,yBAAyB,SAAS,CAAA;AAAA,EACnD;AAGA,EAAA,KAAA,MAAW,UAAU,OAAA,EAAS;AAC5B,IAAA,MAAM,SAAA,GAAY,MAAA,CAAO,gBAAA,CAAiB,KAAA,EAAO,YAAY,CAAA;AAC7D,IAAA,IAAI,SAAA,YAAqB,IAAA,CAAK,CAAA,GAAA,EAAM,OAAO,IAAI,CAAA,GAAA,EAAM,OAAO,OAAO,CAAA;AAAA,CAAA,GAAU,SAAS,CAAA;AAAA,EACxF;AAEA,EAAA,OAAO,SAAA,CAAU,KAAK,MAAM,CAAA;AAC9B","file":"chunk-IAXF4SJL.js","sourcesContent":["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    syntaxTheme,\r\n  } = config;\r\n\r\n  // Create renderer and generate HTML\r\n  const renderer = new PreviewRenderer(markdown, plugins, markdownConfig, theme, sanitize, syntaxTheme);\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\nimport { generateSyntaxThemeCSS } from \"./syntax-theme\";\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 {\r\n    plugins = [],\r\n    theme = ThemeEnum.AUTO,\r\n    wrapperClass = \"draftly-preview\",\r\n    includeBase = true,\r\n    syntaxTheme,\r\n  } = 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 syntax highlight styles (`tok-*` classes) from CodeMirror theme/extensions\r\n  const syntaxCSS = generateSyntaxThemeCSS(syntaxTheme, wrapperClass);\r\n  if (syntaxCSS) {\r\n    cssChunks.push(\"/* syntax-theme */\\n\" + syntaxCSS);\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-JF3WXXMJ.js

@@ -0,0 +1,31 @@
+import { EditorSelection } from '@codemirror/state';
+import { EditorView } from '@codemirror/view';
+
+// src/lib/input-handler.ts
+function createWrapSelectionInputHandler(markersByInput) {
+  return EditorView.inputHandler.of((view, _from, _to, text) => {
+    const marker = markersByInput[text];
+    if (!marker) {
+      return false;
+    }
+    const ranges = view.state.selection.ranges;
+    if (ranges.length === 0 || ranges.some((range) => range.empty)) {
+      return false;
+    }
+    const changes = ranges.map((range) => ({
+      from: range.from,
+      to: range.to,
+      insert: `${marker}${view.state.sliceDoc(range.from, range.to)}${marker}`
+    })).reverse();
+    const nextRanges = ranges.map((range) => EditorSelection.range(range.from + marker.length, range.to + marker.length));
+    view.dispatch({
+      changes,
+      selection: EditorSelection.create(nextRanges, view.state.selection.mainIndex)
+    });
+    return true;
+  });
+}
+
+export { createWrapSelectionInputHandler };
+//# sourceMappingURL=chunk-JF3WXXMJ.js.map
+//# sourceMappingURL=chunk-JF3WXXMJ.js.map

package/dist/chunk-JF3WXXMJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/input-handler.ts"],"names":[],"mappings":";;;;AAeO,SAAS,gCAAgC,cAAA,EAAmD;AACjG,EAAA,OAAO,WAAW,YAAA,CAAa,EAAA,CAAG,CAAC,IAAA,EAAM,KAAA,EAAO,KAAK,IAAA,KAAS;AAC5D,IAAA,MAAM,MAAA,GAAS,eAAe,IAAI,CAAA;AAClC,IAAA,IAAI,CAAC,MAAA,EAAQ;AACX,MAAA,OAAO,KAAA;AAAA,IACT;AAEA,IAAA,MAAM,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,SAAA,CAAU,MAAA;AACpC,IAAA,IAAI,MAAA,CAAO,WAAW,CAAA,IAAK,MAAA,CAAO,KAAK,CAAC,KAAA,KAAU,KAAA,CAAM,KAAK,CAAA,EAAG;AAC9D,MAAA,OAAO,KAAA;AAAA,IACT;AAEA,IAAA,MAAM,OAAA,GAAU,MAAA,CACb,GAAA,CAAI,CAAC,KAAA,MAAW;AAAA,MACf,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,IAAI,KAAA,CAAM,EAAA;AAAA,MACV,MAAA,EAAQ,CAAA,EAAG,MAAM,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,IAAA,EAAM,KAAA,CAAM,EAAE,CAAC,GAAG,MAAM,CAAA;AAAA,KACxE,CAAE,EACD,OAAA,EAAQ;AAEX,IAAA,MAAM,UAAA,GAAa,MAAA,CAAO,GAAA,CAAI,CAAC,UAAU,eAAA,CAAgB,KAAA,CAAM,KAAA,CAAM,IAAA,GAAO,OAAO,MAAA,EAAQ,KAAA,CAAM,EAAA,GAAK,MAAA,CAAO,MAAM,CAAC,CAAA;AAEpH,IAAA,IAAA,CAAK,QAAA,CAAS;AAAA,MACZ,OAAA;AAAA,MACA,WAAW,eAAA,CAAgB,MAAA,CAAO,YAAY,IAAA,CAAK,KAAA,CAAM,UAAU,SAAS;AAAA,KAC7E,CAAA;AAED,IAAA,OAAO,IAAA;AAAA,EACT,CAAC,CAAA;AACH","file":"chunk-JF3WXXMJ.js","sourcesContent":["import { EditorSelection, Extension } from \"@codemirror/state\";\r\nimport { EditorView } from \"@codemirror/view\";\r\n\r\n/**\r\n * Mapping of typed input characters to surrounding markers.\r\n *\r\n * Example:\r\n * { \"*\": \"*\", \"=\": \"==\" }\r\n */\r\nexport type WrapSelectionMarkerMap = Record<string, string>;\r\n\r\n/**\r\n * Creates an input handler that wraps non-empty selections with markdown markers\r\n * when a mapped character is typed.\r\n */\r\nexport function createWrapSelectionInputHandler(markersByInput: WrapSelectionMarkerMap): Extension {\r\n  return EditorView.inputHandler.of((view, _from, _to, text) => {\r\n    const marker = markersByInput[text];\r\n    if (!marker) {\r\n      return false;\r\n    }\r\n\r\n    const ranges = view.state.selection.ranges;\r\n    if (ranges.length === 0 || ranges.some((range) => range.empty)) {\r\n      return false;\r\n    }\r\n\r\n    const changes = ranges\r\n      .map((range) => ({\r\n        from: range.from,\r\n        to: range.to,\r\n        insert: `${marker}${view.state.sliceDoc(range.from, range.to)}${marker}`,\r\n      }))\r\n      .reverse();\r\n\r\n    const nextRanges = ranges.map((range) => EditorSelection.range(range.from + marker.length, range.to + marker.length));\r\n\r\n    view.dispatch({\r\n      changes,\r\n      selection: EditorSelection.create(nextRanges, view.state.selection.mainIndex),\r\n    });\r\n\r\n    return true;\r\n  });\r\n}\r\n"]}