@mieweb/ui 0.6.1 → 0.7.0-dev.178

package/dist/chunk-XL7TTKHP.js

@@ -0,0 +1,327 @@
+import { FenceBlock } from './chunk-RHYIFIT5.js';
+import { lazy, useRef, useCallback, useMemo, useState, useEffect, Suspense } from 'react';
+import DOMPurify from 'dompurify';
+import hljs from 'highlight.js/lib/core';
+import bash from 'highlight.js/lib/languages/bash';
+import css from 'highlight.js/lib/languages/css';
+import javascript from 'highlight.js/lib/languages/javascript';
+import json from 'highlight.js/lib/languages/json';
+import markdown from 'highlight.js/lib/languages/markdown';
+import python from 'highlight.js/lib/languages/python';
+import sql from 'highlight.js/lib/languages/sql';
+import typescript from 'highlight.js/lib/languages/typescript';
+import xml from 'highlight.js/lib/languages/xml';
+import yaml from 'highlight.js/lib/languages/yaml';
+import { marked } from 'marked';
+import { jsx } from 'react/jsx-runtime';
+
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+hljs.registerLanguage("javascript", javascript);
+hljs.registerLanguage("typescript", typescript);
+hljs.registerLanguage("python", python);
+hljs.registerLanguage("json", json);
+hljs.registerLanguage("xml", xml);
+hljs.registerLanguage("html", xml);
+hljs.registerLanguage("css", css);
+hljs.registerLanguage("bash", bash);
+hljs.registerLanguage("shell", bash);
+hljs.registerLanguage("sql", sql);
+hljs.registerLanguage("yaml", yaml);
+hljs.registerLanguage("yml", yaml);
+hljs.registerLanguage("markdown", markdown);
+hljs.registerLanguage("md", markdown);
+var lazyLanguages = {
+  java: () => import('highlight.js/lib/languages/java'),
+  cpp: () => import('highlight.js/lib/languages/cpp'),
+  "c++": () => import('highlight.js/lib/languages/cpp'),
+  c: () => import('highlight.js/lib/languages/c'),
+  csharp: () => import('highlight.js/lib/languages/csharp'),
+  php: () => import('highlight.js/lib/languages/php'),
+  ruby: () => import('highlight.js/lib/languages/ruby'),
+  go: () => import('highlight.js/lib/languages/go'),
+  rust: () => import('highlight.js/lib/languages/rust'),
+  perl: () => import('highlight.js/lib/languages/perl'),
+  r: () => import('highlight.js/lib/languages/r'),
+  makefile: () => import('highlight.js/lib/languages/makefile'),
+  dockerfile: () => import('highlight.js/lib/languages/dockerfile')
+};
+var loadedLanguages = /* @__PURE__ */ new Set([
+  "javascript",
+  "typescript",
+  "python",
+  "json",
+  "xml",
+  "html",
+  "css",
+  "bash",
+  "shell",
+  "sql",
+  "yaml",
+  "yml",
+  "markdown",
+  "md"
+]);
+async function ensureLanguage(lang) {
+  const key = lang.toLowerCase();
+  if (loadedLanguages.has(key)) return true;
+  const loader = lazyLanguages[key];
+  if (!loader) return false;
+  try {
+    const mod = await loader();
+    hljs.registerLanguage(
+      key,
+      mod.default
+    );
+    loadedLanguages.add(key);
+    return true;
+  } catch {
+    return false;
+  }
+}
+function highlightCode(code, lang) {
+  if (lang && loadedLanguages.has(lang.toLowerCase())) {
+    try {
+      return hljs.highlight(code, { language: lang.toLowerCase() }).value;
+    } catch {
+    }
+  }
+  try {
+    const result = hljs.highlightAuto(code);
+    if (result.relevance > 5) return result.value;
+  } catch {
+  }
+  return escapeHtml(code);
+}
+function sanitise(html) {
+  return DOMPurify.sanitize(html, {
+    ADD_ATTR: [
+      "target",
+      "rel",
+      "data-block-type",
+      "data-block-id",
+      "data-code",
+      "data-lang",
+      "data-md-fence"
+    ]
+  });
+}
+var _g = globalThis;
+if (typeof document !== "undefined" && !_g.__markdownAnchorHookInstalled) {
+  _g.__markdownAnchorHookInstalled = true;
+  DOMPurify.addHook("afterSanitizeAttributes", (node) => {
+    const isAnchor = typeof HTMLAnchorElement !== "undefined" && node instanceof HTMLAnchorElement || node.nodeName === "A";
+    if (isAnchor) {
+      node.setAttribute("target", "_blank");
+      node.setAttribute("rel", "noopener noreferrer");
+    }
+  });
+}
+var blockCounter = 0;
+function createRenderer() {
+  const renderer = new marked.Renderer();
+  renderer.code = function(token) {
+    const { text: code, lang = "" } = token;
+    const normalised = lang.toLowerCase().trim();
+    const blockId = `block-${++blockCounter}`;
+    const encodedCode = encodeURIComponent(code);
+    const sentinel = 'data-md-fence="1"';
+    switch (normalised) {
+      case "mermaid":
+        return `<div data-block-type="mermaid" data-block-id="${blockId}" data-code="${encodedCode}" ${sentinel}></div>`;
+      case "csv":
+        return `<div data-block-type="csv" data-block-id="${blockId}" data-code="${encodedCode}" ${sentinel}></div>`;
+      case "survey":
+        return `<div data-block-type="survey" data-block-id="${blockId}" data-code="${encodedCode}" ${sentinel}></div>`;
+      case "html":
+        return `<div data-block-type="html-preview" data-block-id="${blockId}" data-code="${encodedCode}" ${sentinel}></div>`;
+      default:
+        return `<div data-block-type="code" data-block-id="${blockId}" data-code="${encodedCode}" data-lang="${escapeHtml(normalised)}" ${sentinel}></div>`;
+    }
+  };
+  renderer.link = function(token) {
+    const { href, title, tokens } = token;
+    const text = this && typeof this.parser === "object" ? this.parser.parseInline(tokens) : token.text;
+    const titleAttr = title ? ` title="${escapeHtml(title)}"` : "";
+    return `<a href="${escapeHtml(href)}" target="_blank" rel="noopener noreferrer"${titleAttr}>${text}</a>`;
+  };
+  renderer.table = function(token) {
+    const headerCells = token.header.map((cell) => {
+      const content = this && typeof this.parser === "object" ? this.parser.parseInline(cell.tokens) : cell.text;
+      return `<th>${content}</th>`;
+    }).join("");
+    const bodyRows = token.rows.map((row) => {
+      const cells = row.map((cell) => {
+        const content = this && typeof this.parser === "object" ? this.parser.parseInline(cell.tokens) : cell.text;
+        return `<td>${content}</td>`;
+      }).join("");
+      return `<tr>${cells}</tr>`;
+    }).join("");
+    return `<div class="overflow-x-auto"><table class="min-w-full divide-y divide-neutral-200 dark:divide-neutral-700"><thead><tr>${headerCells}</tr></thead><tbody class="divide-y divide-neutral-200 dark:divide-neutral-700">${bodyRows}</tbody></table></div>`;
+  };
+  return renderer;
+}
+function makeMarkedOptions() {
+  return { gfm: true, breaks: true, renderer: createRenderer() };
+}
+var CACHE_MAX = 100;
+var renderCache = /* @__PURE__ */ new Map();
+function cacheSet(key, value) {
+  if (renderCache.size >= CACHE_MAX) {
+    renderCache.delete(renderCache.keys().next().value);
+  }
+  renderCache.set(key, value);
+}
+function useMarkdown() {
+  const cacheRef = useRef(renderCache);
+  const render = useCallback((text, cacheKey) => {
+    if (!text) return "";
+    const key = cacheKey ?? text;
+    const cached = cacheRef.current.get(key);
+    if (cached) return cached;
+    const raw = marked.parse(text, {
+      ...makeMarkedOptions(),
+      async: false
+    });
+    const clean = sanitise(raw);
+    cacheSet(key, clean);
+    return clean;
+  }, []);
+  const renderAsync = useCallback(
+    async (text, cacheKey) => {
+      if (!text) return "";
+      const key = cacheKey ?? text;
+      const cached = cacheRef.current.get(key);
+      if (cached) return cached;
+      const fenceRegex = /^```([\w+\-.]+)\s*$/gm;
+      let match;
+      const langs = [];
+      while ((match = fenceRegex.exec(text)) !== null) {
+        langs.push(match[1]);
+      }
+      await Promise.all(langs.map((l) => ensureLanguage(l)));
+      const raw = await marked.parse(text, makeMarkedOptions());
+      const clean = sanitise(raw);
+      cacheSet(key, clean);
+      return clean;
+    },
+    []
+  );
+  const clearCache = useCallback(() => {
+    cacheRef.current.clear();
+  }, []);
+  return useMemo(
+    () => ({ render, renderAsync, clearCache }),
+    [render, renderAsync, clearCache]
+  );
+}
+var CodeBlock = ({ code, language }) => {
+  const html = useMemo(() => highlightCode(code, language), [code, language]);
+  return /* @__PURE__ */ jsx(FenceBlock, { code, language, children: /* @__PURE__ */ jsx(
+    "pre",
+    {
+      className: "m-0 overflow-x-auto !bg-transparent p-3 text-sm",
+      tabIndex: 0,
+      role: "region",
+      "aria-label": language ? `${language} code` : "Code",
+      children: /* @__PURE__ */ jsx(
+        "code",
+        {
+          className: "hljs bg-transparent p-0",
+          dangerouslySetInnerHTML: { __html: html }
+        }
+      )
+    }
+  ) });
+};
+var CsvBlock = lazy(
+  () => import('./CsvBlock-D6PWAJ5X.js').then((m) => ({ default: m.CsvBlock }))
+);
+var HtmlPreviewBlock = lazy(
+  () => import('./HtmlPreviewBlock-PEHTJ6C3.js').then((m) => ({ default: m.HtmlPreviewBlock }))
+);
+var MermaidBlock = lazy(
+  () => import('./MermaidBlock-7NK3AVK2.js').then((m) => ({ default: m.MermaidBlock }))
+);
+var SurveyBlock = lazy(
+  () => import('./SurveyBlock-NNDGXGG4.js').then((m) => ({ default: m.SurveyBlock }))
+);
+var BlockFallback = () => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-4 text-sm text-neutral-500", children: "Loading\u2026" });
+var BLOCK_RE = /<div data-block-type="([^"]+)" data-block-id="([^"]+)" data-code="([^"]*)"([^>]*\bdata-md-fence="1"[^>]*)><\/div>/g;
+function splitHtml(html) {
+  const segments = [];
+  let last = 0;
+  for (const m of html.matchAll(BLOCK_RE)) {
+    if (m.index > last) segments.push({ html: html.slice(last, m.index) });
+    const langMatch = m[4]?.match(/data-lang="([^"]*)"/)?.[1];
+    segments.push({
+      type: m[1],
+      id: m[2],
+      code: (() => {
+        try {
+          return decodeURIComponent(m[3]);
+        } catch {
+          return m[3];
+        }
+      })(),
+      lang: langMatch ?? void 0
+    });
+    last = m.index + m[0].length;
+  }
+  if (last < html.length) segments.push({ html: html.slice(last) });
+  return segments;
+}
+function renderBlock(seg) {
+  const wrap = (node) => /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(BlockFallback, {}), children: node }, seg.id);
+  switch (seg.type) {
+    case "mermaid":
+      return wrap(/* @__PURE__ */ jsx(MermaidBlock, { code: seg.code, id: seg.id }));
+    case "csv":
+      return wrap(/* @__PURE__ */ jsx(CsvBlock, { code: seg.code, id: seg.id }));
+    case "survey":
+      return wrap(/* @__PURE__ */ jsx(SurveyBlock, { code: seg.code, id: seg.id }));
+    case "html-preview":
+      return wrap(/* @__PURE__ */ jsx(HtmlPreviewBlock, { code: seg.code, id: seg.id }));
+    case "code":
+      return wrap(
+        /* @__PURE__ */ jsx(CodeBlock, { code: seg.code, language: seg.lang || void 0 })
+      );
+    default:
+      return null;
+  }
+}
+var MarkdownRenderer = ({
+  text,
+  cacheKey,
+  className = "",
+  streaming = false
+}) => {
+  const { render, renderAsync } = useMarkdown();
+  const [html, setHtml] = useState("");
+  useEffect(() => {
+    let cancelled = false;
+    const effectiveKey = streaming ? cacheKey ? `${cacheKey}::${text.length}` : void 0 : cacheKey;
+    async function doRender() {
+      const rendered = await renderAsync(text, effectiveKey);
+      if (!cancelled) setHtml(rendered);
+    }
+    if (streaming) {
+      setHtml(render(text, effectiveKey));
+    } else {
+      void doRender();
+    }
+    return () => {
+      cancelled = true;
+    };
+  }, [text, cacheKey, streaming, render, renderAsync]);
+  const segments = splitHtml(html);
+  const proseClass = `md-prose ${className}`.trim();
+  return /* @__PURE__ */ jsx("div", { className: proseClass, children: segments.map(
+    (seg, i) => "html" in seg ? /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: seg.html } }, i) : renderBlock(seg)
+  ) });
+};
+
+export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown };
+//# sourceMappingURL=chunk-XL7TTKHP.js.map
+//# sourceMappingURL=chunk-XL7TTKHP.js.map

package/dist/chunk-XL7TTKHP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Markdown/useMarkdown.ts","../src/components/Markdown/CodeBlock.tsx","../src/components/Markdown/MarkdownRenderer.tsx"],"names":["useMemo","jsx"],"mappings":"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","file":"chunk-XL7TTKHP.js","sourcesContent":["/** useMarkdown — converts markdown to sanitised HTML with hljs highlighting and special fence blocks. */\nimport DOMPurify from 'dompurify';\nimport hljs from 'highlight.js/lib/core';\n\nfunction escapeHtml(str: string): string {\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#039;');\n}\nimport bash from 'highlight.js/lib/languages/bash';\nimport css from 'highlight.js/lib/languages/css';\nimport javascript from 'highlight.js/lib/languages/javascript';\nimport json from 'highlight.js/lib/languages/json';\nimport markdown from 'highlight.js/lib/languages/markdown';\nimport python from 'highlight.js/lib/languages/python';\nimport sql from 'highlight.js/lib/languages/sql';\nimport typescript from 'highlight.js/lib/languages/typescript';\nimport xml from 'highlight.js/lib/languages/xml';\nimport yaml from 'highlight.js/lib/languages/yaml';\nimport { marked, type MarkedOptions, type Tokens } from 'marked';\nimport { useCallback, useMemo, useRef } from 'react';\n\nhljs.registerLanguage('javascript', javascript);\nhljs.registerLanguage('typescript', typescript);\nhljs.registerLanguage('python', python);\nhljs.registerLanguage('json', json);\nhljs.registerLanguage('xml', xml);\nhljs.registerLanguage('html', xml);\nhljs.registerLanguage('css', css);\nhljs.registerLanguage('bash', bash);\nhljs.registerLanguage('shell', bash);\nhljs.registerLanguage('sql', sql);\nhljs.registerLanguage('yaml', yaml);\nhljs.registerLanguage('yml', yaml);\nhljs.registerLanguage('markdown', markdown);\nhljs.registerLanguage('md', markdown);\n\nconst lazyLanguages: Record<string, () => Promise<unknown>> = {\n  java: () => import('highlight.js/lib/languages/java'),\n  cpp: () => import('highlight.js/lib/languages/cpp'),\n  'c++': () => import('highlight.js/lib/languages/cpp'),\n  c: () => import('highlight.js/lib/languages/c'),\n  csharp: () => import('highlight.js/lib/languages/csharp'),\n  php: () => import('highlight.js/lib/languages/php'),\n  ruby: () => import('highlight.js/lib/languages/ruby'),\n  go: () => import('highlight.js/lib/languages/go'),\n  rust: () => import('highlight.js/lib/languages/rust'),\n  perl: () => import('highlight.js/lib/languages/perl'),\n  r: () => import('highlight.js/lib/languages/r'),\n  makefile: () => import('highlight.js/lib/languages/makefile'),\n  dockerfile: () => import('highlight.js/lib/languages/dockerfile'),\n};\n\nconst loadedLanguages = new Set<string>([\n  'javascript',\n  'typescript',\n  'python',\n  'json',\n  'xml',\n  'html',\n  'css',\n  'bash',\n  'shell',\n  'sql',\n  'yaml',\n  'yml',\n  'markdown',\n  'md',\n]);\n\nasync function ensureLanguage(lang: string): Promise<boolean> {\n  const key = lang.toLowerCase();\n  if (loadedLanguages.has(key)) return true;\n  const loader = lazyLanguages[key];\n  if (!loader) return false;\n  try {\n    const mod = (await loader()) as { default: unknown };\n    hljs.registerLanguage(\n      key,\n      mod.default as Parameters<typeof hljs.registerLanguage>[1]\n    );\n    loadedLanguages.add(key);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function highlightCode(code: string, lang?: string): string {\n  if (lang && loadedLanguages.has(lang.toLowerCase())) {\n    try {\n      return hljs.highlight(code, { language: lang.toLowerCase() }).value;\n    } catch {\n      /* fall through */\n    }\n  }\n  try {\n    const result = hljs.highlightAuto(code);\n    if (result.relevance > 5) return result.value;\n  } catch {\n    /* fall through */\n  }\n  return escapeHtml(code);\n}\n\nfunction sanitise(html: string): string {\n  return DOMPurify.sanitize(html, {\n    ADD_ATTR: [\n      'target',\n      'rel',\n      'data-block-type',\n      'data-block-id',\n      'data-code',\n      'data-lang',\n      'data-md-fence',\n    ],\n  }) as string;\n}\n\n// Use globalThis to prevent duplicate DOMPurify hook registration across HMR reloads.\nconst _g = globalThis as unknown as Record<string, boolean>;\n// Guard against SSR: DOMPurify hooks operate on the DOM, so only register in the browser.\nif (typeof document !== 'undefined' && !_g.__markdownAnchorHookInstalled) {\n  _g.__markdownAnchorHookInstalled = true;\n  DOMPurify.addHook('afterSanitizeAttributes', (node: Element) => {\n    const isAnchor =\n      (typeof HTMLAnchorElement !== 'undefined' &&\n        node instanceof HTMLAnchorElement) ||\n      node.nodeName === 'A';\n    if (isAnchor) {\n      node.setAttribute('target', '_blank');\n      node.setAttribute('rel', 'noopener noreferrer');\n    }\n  });\n}\n\nlet blockCounter = 0;\n\nfunction createRenderer() {\n  const renderer = new marked.Renderer();\n\n  renderer.code = function (this: unknown, token: Tokens.Code) {\n    const { text: code, lang = '' } = token;\n    const normalised = lang.toLowerCase().trim();\n    const blockId = `block-${++blockCounter}`;\n    const encodedCode = encodeURIComponent(code);\n    const sentinel = 'data-md-fence=\"1\"';\n\n    switch (normalised) {\n      case 'mermaid':\n        return `<div data-block-type=\"mermaid\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" ${sentinel}></div>`;\n      case 'csv':\n        return `<div data-block-type=\"csv\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" ${sentinel}></div>`;\n      case 'survey':\n        return `<div data-block-type=\"survey\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" ${sentinel}></div>`;\n      case 'html':\n        return `<div data-block-type=\"html-preview\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" ${sentinel}></div>`;\n      default:\n        return `<div data-block-type=\"code\" data-block-id=\"${blockId}\" data-code=\"${encodedCode}\" data-lang=\"${escapeHtml(normalised)}\" ${sentinel}></div>`;\n    }\n  };\n\n  renderer.link = function (this: unknown, token: Tokens.Link) {\n    const { href, title, tokens } = token;\n    const text =\n      this && typeof (this as Record<string, unknown>).parser === 'object'\n        ? (\n            this as {\n              parser: { parseInline: (t: Tokens.Link['tokens']) => string };\n            }\n          ).parser.parseInline(tokens)\n        : token.text;\n    const titleAttr = title ? ` title=\"${escapeHtml(title)}\"` : '';\n    return `<a href=\"${escapeHtml(href)}\" target=\"_blank\" rel=\"noopener noreferrer\"${titleAttr}>${text}</a>`;\n  };\n\n  renderer.table = function (this: unknown, token: Tokens.Table) {\n    const headerCells = token.header\n      .map((cell) => {\n        const content =\n          this && typeof (this as Record<string, unknown>).parser === 'object'\n            ? (\n                this as {\n                  parser: {\n                    parseInline: (t: Tokens.TableCell['tokens']) => string;\n                  };\n                }\n              ).parser.parseInline(cell.tokens)\n            : cell.text;\n        return `<th>${content}</th>`;\n      })\n      .join('');\n\n    const bodyRows = token.rows\n      .map((row) => {\n        const cells = row\n          .map((cell) => {\n            const content =\n              this &&\n              typeof (this as Record<string, unknown>).parser === 'object'\n                ? (\n                    this as {\n                      parser: {\n                        parseInline: (t: Tokens.TableCell['tokens']) => string;\n                      };\n                    }\n                  ).parser.parseInline(cell.tokens)\n                : cell.text;\n            return `<td>${content}</td>`;\n          })\n          .join('');\n        return `<tr>${cells}</tr>`;\n      })\n      .join('');\n\n    return `<div class=\"overflow-x-auto\"><table class=\"min-w-full divide-y divide-neutral-200 dark:divide-neutral-700\"><thead><tr>${headerCells}</tr></thead><tbody class=\"divide-y divide-neutral-200 dark:divide-neutral-700\">${bodyRows}</tbody></table></div>`;\n  };\n\n  return renderer;\n}\n\nfunction makeMarkedOptions(): MarkedOptions {\n  return { gfm: true, breaks: true, renderer: createRenderer() };\n}\n\nconst CACHE_MAX = 100;\nconst renderCache = new Map<string, string>();\nfunction cacheSet(key: string, value: string) {\n  if (renderCache.size >= CACHE_MAX) {\n    renderCache.delete(renderCache.keys().next().value as string);\n  }\n  renderCache.set(key, value);\n}\n\nexport interface UseMarkdownResult {\n  /** Render markdown text to sanitised HTML string */\n  render: (text: string, cacheKey?: string) => string;\n  /** Async-render that lazy-loads needed languages first */\n  renderAsync: (text: string, cacheKey?: string) => Promise<string>;\n  /** Clear the render cache */\n  clearCache: () => void;\n}\n\nexport function useMarkdown(): UseMarkdownResult {\n  const cacheRef = useRef(renderCache);\n\n  const render = useCallback((text: string, cacheKey?: string): string => {\n    if (!text) return '';\n    const key = cacheKey ?? text;\n    const cached = cacheRef.current.get(key);\n    if (cached) return cached;\n\n    const raw = marked.parse(text, {\n      ...makeMarkedOptions(),\n      async: false,\n    }) as string;\n    const clean = sanitise(raw);\n    cacheSet(key, clean);\n    return clean;\n  }, []);\n\n  const renderAsync = useCallback(\n    async (text: string, cacheKey?: string): Promise<string> => {\n      if (!text) return '';\n      const key = cacheKey ?? text;\n      const cached = cacheRef.current.get(key);\n      if (cached) return cached;\n\n      // Allow `+`, `-`, `.` in language identifiers (c++, objective-c, bash-session, etc.)\n      const fenceRegex = /^```([\\w+\\-.]+)\\s*$/gm;\n      let match: RegExpExecArray | null;\n      const langs: string[] = [];\n      while ((match = fenceRegex.exec(text)) !== null) {\n        langs.push(match[1]);\n      }\n      await Promise.all(langs.map((l) => ensureLanguage(l)));\n\n      const raw = await marked.parse(text, makeMarkedOptions());\n      const clean = sanitise(raw);\n      cacheSet(key, clean);\n      return clean;\n    },\n    []\n  );\n\n  const clearCache = useCallback(() => {\n    cacheRef.current.clear();\n  }, []);\n\n  return useMemo(\n    () => ({ render, renderAsync, clearCache }),\n    [render, renderAsync, clearCache]\n  );\n}\n","/**\n * CodeBlock — Renders a syntax-highlighted code fence using FenceBlock.\n *\n * Used by `MarkdownRenderer` for plain (non-special) fenced code blocks.\n * Highlighting is performed synchronously via the `highlightCode` helper from\n * `useMarkdown`; if the language was not pre-registered with highlight.js the\n * helper falls back to escaped raw text.\n */\nimport React, { useMemo } from 'react';\n\nimport { FenceBlock } from './FenceBlock';\nimport { highlightCode } from './useMarkdown';\n\ninterface CodeBlockProps {\n  code: string;\n  language?: string;\n}\n\nexport const CodeBlock: React.FC<CodeBlockProps> = ({ code, language }) => {\n  const html = useMemo(() => highlightCode(code, language), [code, language]);\n\n  return (\n    <FenceBlock code={code} language={language}>\n      {/* Focusable so keyboard users can horizontally scroll long lines\n          (axe: scrollable-region-focusable). */}\n      <pre\n        className=\"m-0 overflow-x-auto !bg-transparent p-3 text-sm\"\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- scrollable code needs keyboard focus\n        tabIndex={0}\n        role=\"region\"\n        aria-label={language ? `${language} code` : 'Code'}\n      >\n        <code\n          className=\"hljs bg-transparent p-0\"\n          dangerouslySetInnerHTML={{ __html: html }}\n        />\n      </pre>\n    </FenceBlock>\n  );\n};\n","/**\n * MarkdownRenderer — renders markdown with React components for special fence blocks.\n */\nimport React, { Suspense, lazy, useEffect, useState } from 'react';\n\nimport './styles.css';\nimport { CodeBlock } from './CodeBlock';\nimport { useMarkdown } from './useMarkdown';\n\n// Block components are lazy-loaded so optional peer deps (papaparse, js-yaml, mermaid)\n// aren't bundled unless actually rendered.\nconst CsvBlock = lazy(() =>\n  import('./CsvBlock').then((m) => ({ default: m.CsvBlock }))\n);\nconst HtmlPreviewBlock = lazy(() =>\n  import('./HtmlPreviewBlock').then((m) => ({ default: m.HtmlPreviewBlock }))\n);\nconst MermaidBlock = lazy(() =>\n  import('./MermaidBlock').then((m) => ({ default: m.MermaidBlock }))\n);\nconst SurveyBlock = lazy(() =>\n  import('./SurveyBlock').then((m) => ({ default: m.SurveyBlock }))\n);\n\nconst BlockFallback: React.FC = () => (\n  <div className=\"flex items-center justify-center p-4 text-sm text-neutral-500\">\n    Loading…\n  </div>\n);\n\nexport interface MarkdownRendererProps {\n  /** Raw markdown text */\n  text: string;\n  /** Cache key (e.g., message._id + revisionNumber) */\n  cacheKey?: string;\n  /** Additional CSS classes */\n  className?: string;\n  /** Whether the message is still streaming (may have incomplete blocks) */\n  streaming?: boolean;\n}\n\n// Matches fence block markers emitted by useMarkdown (sentinel data-md-fence prevents raw-HTML injection)\nconst BLOCK_RE =\n  /<div data-block-type=\"([^\"]+)\" data-block-id=\"([^\"]+)\" data-code=\"([^\"]*)\"([^>]*\\bdata-md-fence=\"1\"[^>]*)><\\/div>/g;\n\ninterface HtmlSegment {\n  html: string;\n}\ninterface BlockSegment {\n  type: string;\n  id: string;\n  code: string;\n  lang?: string;\n}\ntype Segment = HtmlSegment | BlockSegment;\n\nfunction splitHtml(html: string): Segment[] {\n  const segments: Segment[] = [];\n  let last = 0;\n  for (const m of html.matchAll(BLOCK_RE)) {\n    if (m.index > last) segments.push({ html: html.slice(last, m.index) });\n    const langMatch = m[4]?.match(/data-lang=\"([^\"]*)\"/)?.[1];\n    segments.push({\n      type: m[1],\n      id: m[2],\n      code: (() => {\n        try {\n          return decodeURIComponent(m[3]);\n        } catch {\n          return m[3];\n        }\n      })(),\n      lang: langMatch ?? undefined,\n    });\n    last = m.index + m[0].length;\n  }\n  if (last < html.length) segments.push({ html: html.slice(last) });\n  return segments;\n}\n\nfunction renderBlock(seg: BlockSegment): React.ReactNode {\n  const wrap = (node: React.ReactNode) => (\n    <Suspense key={seg.id} fallback={<BlockFallback />}>\n      {node}\n    </Suspense>\n  );\n  switch (seg.type) {\n    case 'mermaid':\n      return wrap(<MermaidBlock code={seg.code} id={seg.id} />);\n    case 'csv':\n      return wrap(<CsvBlock code={seg.code} id={seg.id} />);\n    case 'survey':\n      return wrap(<SurveyBlock code={seg.code} id={seg.id} />);\n    case 'html-preview':\n      return wrap(<HtmlPreviewBlock code={seg.code} id={seg.id} />);\n    case 'code':\n      return wrap(\n        <CodeBlock code={seg.code} language={seg.lang || undefined} />\n      );\n    default:\n      return null;\n  }\n}\n\nexport const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({\n  text,\n  cacheKey,\n  className = '',\n  streaming = false,\n}) => {\n  const { render, renderAsync } = useMarkdown();\n  const [html, setHtml] = useState('');\n\n  useEffect(() => {\n    let cancelled = false;\n\n    // While streaming, append text length to the cache key so each delta\n    // produces a fresh render rather than a stale hit on the messageId.\n    const effectiveKey = streaming\n      ? cacheKey\n        ? `${cacheKey}::${text.length}`\n        : undefined\n      : cacheKey;\n\n    async function doRender() {\n      const rendered = await renderAsync(text, effectiveKey);\n      if (!cancelled) setHtml(rendered);\n    }\n\n    if (streaming) {\n      setHtml(render(text, effectiveKey));\n    } else {\n      void doRender();\n    }\n\n    return () => {\n      cancelled = true;\n    };\n  }, [text, cacheKey, streaming, render, renderAsync]);\n\n  const segments = splitHtml(html);\n  const proseClass = `md-prose ${className}`.trim();\n\n  return (\n    <div className={proseClass}>\n      {segments.map((seg, i) =>\n        'html' in seg ? (\n          <div key={i} dangerouslySetInnerHTML={{ __html: seg.html }} />\n        ) : (\n          renderBlock(seg)\n        )\n      )}\n    </div>\n  );\n};\n"]}

package/dist/chunk-Y2S6QMKU.js

@@ -0,0 +1,78 @@
+import { cn } from './chunk-F3SOEIN2.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var toggleVariants = cva(
+  [
+    "inline-flex items-center justify-center gap-2",
+    "rounded-md text-sm font-medium",
+    "transition-colors",
+    "hover:bg-muted hover:text-muted-foreground",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "data-[state=on]:bg-primary-800 data-[state=on]:text-primary-foreground"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent data-[state=on]:border-transparent"
+      },
+      size: {
+        sm: "h-8 min-w-8 px-2",
+        md: "h-9 min-w-9 px-2.5",
+        lg: "h-10 min-w-10 px-3"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var Toggle = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    pressed: controlledPressed,
+    defaultPressed = false,
+    onPressedChange,
+    disabled,
+    onClick,
+    children,
+    ...props
+  }, ref) => {
+    const [uncontrolledPressed, setUncontrolledPressed] = React.useState(defaultPressed);
+    const isControlled = controlledPressed !== void 0;
+    const isPressed = isControlled ? controlledPressed : uncontrolledPressed;
+    const handleClick = (e) => {
+      if (disabled) return;
+      const next = !isPressed;
+      if (!isControlled) setUncontrolledPressed(next);
+      onPressedChange?.(next);
+      onClick?.(e);
+    };
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        "data-slot": "toggle",
+        "aria-pressed": isPressed,
+        "data-state": isPressed ? "on" : "off",
+        disabled,
+        onClick: handleClick,
+        className: cn(toggleVariants({ variant, size }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Toggle.displayName = "Toggle";
+
+export { Toggle, toggleVariants };
+//# sourceMappingURL=chunk-Y2S6QMKU.js.map
+//# sourceMappingURL=chunk-Y2S6QMKU.js.map

package/dist/chunk-Y2S6QMKU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":";;;;;AAIA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB;AAAA,IACE,+CAAA;AAAA,IACA,gCAAA;AAAA,IACA,mBAAA;AAAA,IACA,4CAAA;AAAA,IACA,qGAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,gBAAA;AAAA,QACT,OAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,oBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAuBA,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA;AAAA,EACnB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA,EAAS,iBAAA;AAAA,IACT,cAAA,GAAiB,KAAA;AAAA,IACjB,eAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAC1C,eAAS,cAAc,CAAA;AAE/B,IAAA,MAAM,eAAe,iBAAA,KAAsB,MAAA;AAC3C,IAAA,MAAM,SAAA,GAAY,eAAe,iBAAA,GAAoB,mBAAA;AAErD,IAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAA2C;AAC9D,MAAA,IAAI,QAAA,EAAU;AACd,MAAA,MAAM,OAAO,CAAC,SAAA;AACd,MAAA,IAAI,CAAC,YAAA,EAAc,sBAAA,CAAuB,IAAI,CAAA;AAC9C,MAAA,eAAA,GAAkB,IAAI,CAAA;AACtB,MAAA,OAAA,GAAU,CAAC,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,WAAA,EAAU,QAAA;AAAA,QACV,cAAA,EAAc,SAAA;AAAA,QACd,YAAA,EAAY,YAAY,IAAA,GAAO,KAAA;AAAA,QAC/B,QAAA;AAAA,QACA,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QACzD,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-Y2S6QMKU.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst toggleVariants = cva(\n  [\n    'inline-flex items-center justify-center gap-2',\n    'rounded-md text-sm font-medium',\n    'transition-colors',\n    'hover:bg-muted hover:text-muted-foreground',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'data-[state=on]:bg-primary-800 data-[state=on]:text-primary-foreground',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline:\n          'border border-input bg-transparent data-[state=on]:border-transparent',\n      },\n      size: {\n        sm: 'h-8 min-w-8 px-2',\n        md: 'h-9 min-w-9 px-2.5',\n        lg: 'h-10 min-w-10 px-3',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\nexport interface ToggleProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'>,\n    VariantProps<typeof toggleVariants> {\n  /** Controlled pressed state */\n  pressed?: boolean;\n  /** Default pressed state (uncontrolled) */\n  defaultPressed?: boolean;\n  /** Callback fired when the pressed state changes */\n  onPressedChange?: (pressed: boolean) => void;\n}\n\n/**\n * A two-state toggle button.\n *\n * @example\n * ```tsx\n * <Toggle aria-label=\"Bold\"><BoldIcon /></Toggle>\n * <Toggle pressed={italic} onPressedChange={setItalic}>Italic</Toggle>\n * ```\n */\nconst Toggle = React.forwardRef<HTMLButtonElement, ToggleProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      pressed: controlledPressed,\n      defaultPressed = false,\n      onPressedChange,\n      disabled,\n      onClick,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [uncontrolledPressed, setUncontrolledPressed] =\n      React.useState(defaultPressed);\n\n    const isControlled = controlledPressed !== undefined;\n    const isPressed = isControlled ? controlledPressed : uncontrolledPressed;\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) return;\n      const next = !isPressed;\n      if (!isControlled) setUncontrolledPressed(next);\n      onPressedChange?.(next);\n      onClick?.(e);\n    };\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"toggle\"\n        aria-pressed={isPressed}\n        data-state={isPressed ? 'on' : 'off'}\n        disabled={disabled}\n        onClick={handleClick}\n        className={cn(toggleVariants({ variant, size }), className)}\n        {...props}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nToggle.displayName = 'Toggle';\n\nexport { Toggle, toggleVariants };\n"]}