@braincrew-lab/langchain-canvas 0.7.5 → 0.7.6

package/dist/{DocxPreview-QK4K5427.js → DocxPreview-NGT3Z5KW.js}

@@ -141,6 +141,107 @@ function docxStats(root) {
     substitutedFonts: substitutedFonts(root)
   };
 }
+
+// src/io/symbolBullets.ts
+var SYMBOL_FONT_BULLETS = {
+  symbol: {
+    61623: "\u2022"
+    // • bullet — Word's default list bullet
+  },
+  wingdings: {
+    61548: "\u25CF",
+    // ● black circle
+    61549: "\u274D",
+    // ❍ shadowed white circle
+    61550: "\u25A0",
+    // ■ black square
+    61551: "\u25A1",
+    // □ white square
+    61553: "\u2751",
+    // ❑ lower-right shadowed white square
+    61557: "\u25C6",
+    // ◆ black diamond
+    61607: "\u25AA",
+    // ▪ black small square
+    61656: "\u27A2",
+    // ➢ three-d top-lighted right arrowhead
+    61692: "\u2714",
+    // ✔ heavy check mark
+    61694: "\u2611"
+    // ☑ ballot box with check
+  }
+};
+function isPrivateUse(codePoint) {
+  return codePoint >= 57344 && codePoint <= 63743;
+}
+function primaryFont(fontFamily) {
+  const first = fontFamily.split(",")[0] ?? "";
+  return first.trim().replace(/^['"]|['"]$/g, "").toLowerCase();
+}
+function standardBullet(codePoint, fontFamily) {
+  const table = SYMBOL_FONT_BULLETS[primaryFont(fontFamily)];
+  return table?.[codePoint] ?? null;
+}
+function drawnOnPage(root, selectorText) {
+  return selectorText.split(",").some((part) => {
+    const base = part.trim().replace(/::?(before|after)\s*$/i, "").trim();
+    if (!base) return false;
+    try {
+      return root.querySelector(base) !== null;
+    } catch {
+      return false;
+    }
+  });
+}
+function styleRules(sheet) {
+  const found = [];
+  const stack = [...sheet.cssRules];
+  while (stack.length) {
+    const rule = stack.pop();
+    if (rule.cssRules?.length) {
+      stack.push(...rule.cssRules);
+      continue;
+    }
+    if (rule.style && rule.selectorText) found.push(rule);
+  }
+  return found;
+}
+function restoreSymbolBullets(root) {
+  const swaps = [];
+  for (const style of Array.from(root.querySelectorAll("style"))) {
+    let rules;
+    try {
+      rules = style.sheet ? styleRules(style.sheet) : [];
+    } catch {
+      continue;
+    }
+    for (const rule of rules) {
+      const content = rule.style.getPropertyValue("content");
+      if (!content) continue;
+      const font = rule.style.getPropertyValue("font-family");
+      if (!font) continue;
+      if (!drawnOnPage(root, rule.selectorText)) continue;
+      let next = "";
+      let changed = false;
+      for (const character of content) {
+        const code = character.codePointAt(0) ?? 0;
+        const standard = isPrivateUse(code) ? standardBullet(code, font) : null;
+        if (standard === null) {
+          next += character;
+          continue;
+        }
+        next += standard;
+        changed = true;
+        swaps.push({ from: character, to: standard, font: primaryFont(font) });
+      }
+      if (changed) rule.style.setProperty("content", next);
+    }
+  }
+  return swaps;
+}
+function redrawnFonts(swaps) {
+  return [...new Set(swaps.map((swap) => swap.font))];
+}
 var BANNER = "Preview only \u2014 to change it, ask in chat or select some text.";
 function DocxPreview({
   artifactId,
@@ -151,6 +252,7 @@ function DocxPreview({
   const hostRef = useRef(null);
   const [status, setStatus] = useState("loading");
   const [stats, setStats] = useState(null);
+  const [redrawn, setRedrawn] = useState([]);
   const [picked, setPicked] = useState(null);
   const setSelections = useCanvasStore((s) => s.setSelections);
   useEffect(() => {
@@ -160,6 +262,7 @@ function DocxPreview({
     if (!host) return;
     setStatus("loading");
     setStats(null);
+    setRedrawn([]);
     setPicked(null);
     (async () => {
       const { renderAsync } = await loadOptional(
@@ -181,6 +284,7 @@ function DocxPreview({
       });
       if (!live) return;
       stampDocxAddresses(host);
+      setRedrawn(redrawnFonts(restoreSymbolBullets(host)));
       setStats(docxStats(host));
       setStatus("ready");
       let fittedFor = host.clientWidth;
@@ -262,7 +366,18 @@ function DocxPreview({
           stats.substitutedFonts.length > 0 && /* @__PURE__ */ jsxs("span", { className: "cv-docx__fonts", children: [
             "substituted: ",
             stats.substitutedFonts.join(", ")
-          ] })
+          ] }),
+          redrawn.length > 0 && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "cv-docx__redrawn",
+              title: "This document writes its list bullets as characters in a symbol font's own private area, which no other font can draw. They are shown here as the standard characters that mean the same mark; the stored file is unchanged.",
+              children: [
+                "bullets redrawn: ",
+                redrawn.join(", ")
+              ]
+            }
+          )
         ]
       }
     )

package/dist/{FileRenderer-WPNFFBCP.js → FileRenderer-TZSZVVLY.js}

@@ -10,7 +10,7 @@ function formatSize(size) {
   return `${(size / (1024 * 1024)).toFixed(1)} MB`;
 }
 var DocxPreview = lazy(
-  () => import('./DocxPreview-QK4K5427.js').then((m) => ({ default: m.DocxPreview }))
+  () => import('./DocxPreview-NGT3Z5KW.js').then((m) => ({ default: m.DocxPreview }))
 );
 function iconFor(mediaType, name) {
   if (mediaType?.startsWith("image/")) return "\u{1F5BC}\uFE0F";

package/dist/index.js

@@ -2264,7 +2264,7 @@ var ChartRenderer = lazy(() => import('./ChartRenderer-TBTWNPV7.js').then((m) =>
 var DocumentRenderer = lazy(() => import('./DocumentRenderer-ZGJXDVKG.js').then((m) => ({ default: m.DocumentRenderer })));
 var TableRenderer = lazy(() => import('./TableRenderer-YTOF2ZIC.js').then((m) => ({ default: m.TableRenderer })));
 var SlidesRenderer = lazy(() => import('./SlidesRenderer-4QWZVWWD.js').then((m) => ({ default: m.SlidesRenderer })));
-var FileRenderer = lazy(() => import('./FileRenderer-WPNFFBCP.js').then((m) => ({ default: m.FileRenderer })));
+var FileRenderer = lazy(() => import('./FileRenderer-TZSZVVLY.js').then((m) => ({ default: m.FileRenderer })));
 var builtinRenderers = {
   html: HtmlRenderer,
   document: DocumentRenderer,

package/dist/styles.css

@@ -1309,6 +1309,7 @@
 }
 .cv-docx__picked { color: var(--cv-accent); }
 .cv-docx__fonts { color: var(--cv-warn, #b45309); }
+.cv-docx__redrawn { color: var(--cv-warn, #b45309); }
 
 /* Tablet / narrow desktop: tighten paddings, let toolbars wrap. */
 @media (max-width: 900px) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@braincrew-lab/langchain-canvas",
-  "version": "0.7.5",
+  "version": "0.7.6",
   "description": "A live canvas for LangChain agents — stream documents, charts, and rich artifacts into a React panel.",
   "license": "MIT",
   "author": "Brain Crew (https://github.com/braincrew-lab)",