docgen-utils 1.0.15 → 1.0.16

package/dist/bundle.js

@@ -46780,7 +46780,7 @@ var docgen = (() => {
     const trimmed = current.trim().replace(/^['"]|['"]$/g, "");
     if (trimmed)
       fonts.push(trimmed);
-    const genericFonts = /* @__PURE__ */ new Set([
+    const cssGenericFamilies = /* @__PURE__ */ new Set([
       "sans-serif",
       "serif",
       "monospace",
@@ -46788,27 +46788,81 @@ var docgen = (() => {
       "fantasy",
       "system-ui",
       "-apple-system",
-      "BlinkMacSystemFont",
-      "Segoe UI",
-      "Roboto",
-      "Helvetica Neue",
+      "BlinkMacSystemFont"
+    ]);
+    const systemFonts = /* @__PURE__ */ new Set([
       "Arial",
       "Helvetica",
-      "Ubuntu",
-      "Cantarell",
-      "Fira Sans",
-      "Droid Sans",
-      "Noto Sans",
-      "sans-serif",
-      "Oxygen",
-      "Open Sans"
+      "Helvetica Neue",
+      "Segoe UI",
+      "Times New Roman",
+      "Georgia",
+      "Courier New"
+    ]);
+    const webFontMap = /* @__PURE__ */ new Map([
+      // Sans-serif Google Fonts → Arial
+      ["Inter", "Arial"],
+      ["Roboto", "Arial"],
+      ["Open Sans", "Arial"],
+      ["Lato", "Arial"],
+      ["Montserrat", "Arial"],
+      ["Poppins", "Arial"],
+      ["Nunito", "Arial"],
+      ["Raleway", "Arial"],
+      ["Ubuntu", "Arial"],
+      ["Cantarell", "Arial"],
+      ["Fira Sans", "Arial"],
+      ["Droid Sans", "Arial"],
+      ["Noto Sans", "Arial"],
+      ["Oxygen", "Arial"],
+      ["Source Sans Pro", "Arial"],
+      ["Source Sans 3", "Arial"],
+      ["Work Sans", "Arial"],
+      ["DM Sans", "Arial"],
+      ["IBM Plex Sans", "Arial"],
+      ["Mulish", "Arial"],
+      ["Quicksand", "Arial"],
+      ["Manrope", "Arial"],
+      ["Outfit", "Arial"],
+      ["Plus Jakarta Sans", "Arial"],
+      ["Figtree", "Arial"],
+      ["Geist", "Arial"],
+      // Serif Google Fonts → Times New Roman
+      ["Playfair Display", "Times New Roman"],
+      ["Merriweather", "Times New Roman"],
+      ["Lora", "Times New Roman"],
+      ["PT Serif", "Times New Roman"],
+      ["Noto Serif", "Times New Roman"],
+      ["Source Serif Pro", "Times New Roman"],
+      ["Source Serif 4", "Times New Roman"],
+      ["Libre Baskerville", "Times New Roman"],
+      ["Crimson Text", "Times New Roman"],
+      ["EB Garamond", "Times New Roman"],
+      ["Cormorant Garamond", "Times New Roman"],
+      ["DM Serif Display", "Times New Roman"],
+      // Display/heading fonts (mostly sans-serif) → Arial
+      ["Oswald", "Arial"],
+      ["Abril Fatface", "Times New Roman"],
+      ["Bebas Neue", "Arial"]
     ]);
+    let webFontFallback;
     for (const font of fonts) {
-      if (!genericFonts.has(font) && !font.startsWith("-")) {
-        return font;
+      if (cssGenericFamilies.has(font) || font.startsWith("-")) {
+        continue;
+      }
+      if (systemFonts.has(font)) {
+        continue;
       }
+      const mapped = webFontMap.get(font);
+      if (mapped) {
+        if (!webFontFallback) {
+          webFontFallback = mapped;
+        }
+        continue;
+      }
+      return font;
     }
-    return fonts[0];
+    return webFontFallback;
   }
   function extractHexColor(value) {
     const namedColors = {
@@ -52293,31 +52347,44 @@ var docgen = (() => {
   // packages/docs/create-document.js
   function replaceChartPlaceholders(elements, chartImages) {
     let chartIndex = 0;
-    return elements.map((element) => {
-      if (element.type === "chart-placeholder" && element.chartId) {
-        const imageData = chartImages.get(element.chartId);
-        if (imageData) {
-          return {
-            type: "chart-image",
-            title: element.title,
-            imageData
-          };
+    function replaceInElements(els) {
+      return els.map((element) => {
+        if (element.type === "chart-placeholder" && element.chartId) {
+          const imageData = chartImages.get(element.chartId);
+          if (imageData) {
+            return {
+              type: "chart-image",
+              title: element.title,
+              imageData
+            };
+          }
         }
-      }
-      if (element.type === "svg-chart") {
-        const key2 = `svg-chart-${chartIndex}`;
-        const imageData = chartImages.get(key2);
-        chartIndex++;
-        if (imageData) {
+        if (element.type === "svg-chart") {
+          const key2 = `svg-chart-${chartIndex}`;
+          const imageData = chartImages.get(key2);
+          chartIndex++;
+          if (imageData) {
+            return {
+              type: "chart-image",
+              title: element.title,
+              imageData
+            };
+          }
+        }
+        if (element.type === "blockquote" && element.content) {
+          return { ...element, content: replaceInElements(element.content) };
+        }
+        if (element.type === "two-column-layout") {
           return {
-            type: "chart-image",
-            title: element.title,
-            imageData
+            ...element,
+            sidebar: { ...element.sidebar, content: replaceInElements(element.sidebar.content) },
+            main: { ...element.main, content: replaceInElements(element.main.content) }
           };
         }
-      }
-      return element;
-    });
+        return element;
+      });
+    }
+    return replaceInElements(elements);
   }
   function createDocxDocument(html, options = {}) {
     const { title, author, description, chartImages, imageMap, pageless, pageHeightTwips, elements: preElements } = options;
@@ -52559,18 +52626,29 @@ var docgen = (() => {
   }
   async function renderSvgChartsFromElements(elements) {
     const chartImages = /* @__PURE__ */ new Map();
-    let svgIndex = 0;
-    for (const element of elements) {
-      if (element.type === "svg-chart") {
-        try {
-          const imageData = await renderSvgToPng(element.svgContent, element.width, element.height, element.backgroundColor);
-          if (imageData) {
-            chartImages.set(`svg-chart-${svgIndex}`, imageData);
-          }
-        } catch (err) {
-          console.warn(`Failed to render SVG chart ${svgIndex}:`, err);
+    const svgChartElements = [];
+    function collectSvgCharts(els) {
+      for (const el of els) {
+        if (el.type === "svg-chart") {
+          svgChartElements.push(el);
+        } else if (el.type === "blockquote" && el.content) {
+          collectSvgCharts(el.content);
+        } else if (el.type === "two-column-layout") {
+          collectSvgCharts(el.sidebar.content);
+          collectSvgCharts(el.main.content);
+        }
+      }
+    }
+    collectSvgCharts(elements);
+    for (let svgIndex = 0; svgIndex < svgChartElements.length; svgIndex++) {
+      const element = svgChartElements[svgIndex];
+      try {
+        const imageData = await renderSvgToPng(element.svgContent, element.width, element.height, element.backgroundColor);
+        if (imageData) {
+          chartImages.set(`svg-chart-${svgIndex}`, imageData);
         }
-        svgIndex++;
+      } catch (err) {
+        console.warn(`Failed to render SVG chart ${svgIndex}:`, err);
       }
     }
     return chartImages;