@pixldocs/canvas-renderer 0.5.172 → 0.5.173

package/dist/{index-DYtJJzdk.cjs → index-ZehEOqUB.cjs}

@@ -2800,6 +2800,19 @@ const EXTENDED_FONT_LIST = [
   { name: "Petrona", category: "Serif", local: false },
   { name: "Rozha One", category: "Serif", local: false },
   { name: "Tiro Devanagari Hindi", category: "Serif", local: false },
+  // ── Newly added popular serif families ──
+  { name: "Roboto Serif", category: "Serif", local: false, popular: true },
+  { name: "Roboto Slab", category: "Serif", local: false, popular: true },
+  { name: "Inria Serif", category: "Serif", local: false },
+  { name: "Instrument Serif", category: "Serif", local: false, popular: true },
+  { name: "Young Serif", category: "Serif", local: false },
+  { name: "Gloock", category: "Serif", local: false },
+  { name: "Castoro", category: "Serif", local: false },
+  { name: "Source Serif 4", category: "Serif", local: false },
+  { name: "IBM Plex Serif", category: "Serif", local: false },
+  { name: "Pridi", category: "Serif", local: false },
+  { name: "Eczar", category: "Serif", local: false },
+  { name: "Faustina", category: "Serif", local: false },
   // ═══════════════════════════════════════════════════════════════════
   //  SANS-SERIF — clean, modern, workhorse
   // ═══════════════════════════════════════════════════════════════════
@@ -2855,6 +2868,43 @@ const EXTENDED_FONT_LIST = [
   { name: "Anek Devanagari", category: "Sans-Serif", local: false },
   { name: "Hind", category: "Sans-Serif", local: true },
   { name: "Hind Vadodara", category: "Sans-Serif", local: false },
+  // ── Newly added popular sans-serif families (Google Fonts; loaded on demand) ──
+  { name: "Ubuntu", category: "Sans-Serif", local: false, popular: true },
+  { name: "Ubuntu Condensed", category: "Sans-Serif", local: false },
+  { name: "Ubuntu Sans", category: "Sans-Serif", local: false },
+  { name: "Roboto Condensed", category: "Sans-Serif", local: false, popular: true },
+  { name: "Roboto Flex", category: "Sans-Serif", local: false },
+  { name: "Jost", category: "Sans-Serif", local: false, popular: true },
+  { name: "Inter Tight", category: "Sans-Serif", local: false },
+  { name: "Mona Sans", category: "Sans-Serif", local: false },
+  { name: "Hubot Sans", category: "Sans-Serif", local: false },
+  { name: "Funnel Sans", category: "Sans-Serif", local: false },
+  { name: "Funnel Display", category: "Sans-Serif", local: false },
+  { name: "Geologica", category: "Sans-Serif", local: false },
+  { name: "Bricolage Grotesque", category: "Sans-Serif", local: false, popular: true },
+  { name: "Familjen Grotesk", category: "Sans-Serif", local: false },
+  { name: "Wix Madefor Display", category: "Sans-Serif", local: false },
+  { name: "Wix Madefor Text", category: "Sans-Serif", local: false },
+  { name: "Atkinson Hyperlegible", category: "Sans-Serif", local: false },
+  { name: "Maven Pro", category: "Sans-Serif", local: false },
+  { name: "Asap", category: "Sans-Serif", local: false },
+  { name: "Asap Condensed", category: "Sans-Serif", local: false },
+  { name: "Saira", category: "Sans-Serif", local: false },
+  { name: "Saira Condensed", category: "Sans-Serif", local: false },
+  { name: "Saira Semi Condensed", category: "Sans-Serif", local: false },
+  { name: "Yanone Kaffeesatz", category: "Sans-Serif", local: false },
+  { name: "Sarabun", category: "Sans-Serif", local: false },
+  { name: "Prompt", category: "Sans-Serif", local: false },
+  { name: "Kanit", category: "Sans-Serif", local: false, popular: true },
+  { name: "Chivo", category: "Sans-Serif", local: false },
+  { name: "Commissioner", category: "Sans-Serif", local: false },
+  { name: "Inria Sans", category: "Sans-Serif", local: false },
+  { name: "Tomorrow", category: "Sans-Serif", local: false },
+  { name: "Catamaran", category: "Sans-Serif", local: false },
+  { name: "Heebo", category: "Sans-Serif", local: false },
+  { name: "Assistant", category: "Sans-Serif", local: false },
+  { name: "Cairo", category: "Sans-Serif", local: false },
+  { name: "Tajawal", category: "Sans-Serif", local: false },
   // ═══════════════════════════════════════════════════════════════════
   //  DISPLAY — bold, attention-grabbing headlines
   // ═══════════════════════════════════════════════════════════════════
@@ -2909,6 +2959,12 @@ const EXTENDED_FONT_LIST = [
   { name: "Audiowide", category: "Display", local: false },
   { name: "Orbitron", category: "Display", local: false },
   { name: "Plaster", category: "Display", local: false },
+  // ── Newly added display families ──
+  { name: "Black Han Sans", category: "Display", local: false },
+  { name: "Bungee Spice", category: "Display", local: false },
+  { name: "Sansita Swashed", category: "Display", local: false },
+  { name: "Honk", category: "Display", local: false },
+  { name: "Sixtyfour", category: "Display", local: false },
   // ═══════════════════════════════════════════════════════════════════
   //  HANDWRITING / SCRIPT — fluid, personal, calligraphic
   // ═══════════════════════════════════════════════════════════════════
@@ -2998,7 +3054,13 @@ const EXTENDED_FONT_LIST = [
   { name: "Cutive Mono", category: "Monospace", local: false },
   { name: "Major Mono Display", category: "Monospace", local: false },
   { name: "VT323", category: "Monospace", local: false },
-  { name: "Share Tech Mono", category: "Monospace", local: false }
+  { name: "Share Tech Mono", category: "Monospace", local: false },
+  // ── Newly added monospace families ──
+  { name: "Ubuntu Mono", category: "Monospace", local: false, popular: true },
+  { name: "Ubuntu Sans Mono", category: "Monospace", local: false },
+  { name: "Noto Sans Mono", category: "Monospace", local: false },
+  { name: "Martian Mono", category: "Monospace", local: false },
+  { name: "Atkinson Hyperlegible Mono", category: "Monospace", local: false }
 ];
 const _fontLookupCache = /* @__PURE__ */ new Map();
 function findFontEntry(name) {
@@ -6224,6 +6286,87 @@ function parseTextMarkdown(input, themeColors) {
   }
   return { plainText: plain, styles, hasFormatting };
 }
+function angleToCoords(angleDeg) {
+  const rad = angleDeg * Math.PI / 180;
+  const x1 = 0.5 - Math.sin(rad) * 0.5;
+  const y1 = 0.5 + Math.cos(rad) * 0.5;
+  const x2 = 0.5 + Math.sin(rad) * 0.5;
+  const y2 = 0.5 - Math.cos(rad) * 0.5;
+  return { x1, y1, x2, y2 };
+}
+function normalizeGradientStops(stops) {
+  const normalized = stops.map((stop) => ({
+    color: stop.color,
+    offset: Math.max(0, Math.min(1, Number(stop.offset) || 0))
+  })).sort((a, b) => a.offset - b.offset);
+  if (normalized.length === 0) return normalized;
+  if (normalized[0].offset > 0) {
+    normalized.unshift({ color: normalized[0].color, offset: 0 });
+  }
+  if (normalized[normalized.length - 1].offset < 1) {
+    normalized.push({ color: normalized[normalized.length - 1].color, offset: 1 });
+  }
+  return normalized;
+}
+function gradientToFabric(gradient, width, height) {
+  const colorStops = normalizeGradientStops(gradient.stops).map((s) => ({
+    offset: s.offset,
+    color: s.color
+  }));
+  if (gradient.type === "linear" || gradient.type === "conic") {
+    const coords = angleToCoords(gradient.angle ?? 90);
+    return new fabric__namespace.Gradient({
+      type: "linear",
+      coords: {
+        x1: coords.x1 * width,
+        y1: coords.y1 * height,
+        x2: coords.x2 * width,
+        y2: coords.y2 * height
+      },
+      colorStops
+    });
+  }
+  const cx = (gradient.cx ?? 0.5) * width;
+  const cy = (gradient.cy ?? 0.5) * height;
+  const r = (gradient.r ?? 0.5) * Math.max(width, height);
+  return new fabric__namespace.Gradient({
+    type: "radial",
+    coords: {
+      x1: cx,
+      y1: cy,
+      r1: 0,
+      x2: cx,
+      y2: cy,
+      r2: r
+    },
+    colorStops
+  });
+}
+function applyInitialGradients(obj, element) {
+  const w = typeof obj.width === "number" && obj.width > 0 ? obj.width : Number(element.width) || 0;
+  const h = typeof obj.height === "number" && obj.height > 0 ? obj.height : Number(element.height) || 0;
+  if (w <= 0 || h <= 0) return;
+  const fg = element.fillGradient;
+  if (fg && isGradientConfig(fg)) {
+    try {
+      obj.set({ fill: gradientToFabric(fg, w, h), objectCaching: false });
+      obj.__lastFillGradientJson = JSON.stringify(fg);
+      obj.dirty = true;
+    } catch (e) {
+      console.warn("[fabricObjectCreators] fillGradient apply failed:", e);
+    }
+  }
+  const sg = element.strokeGradient;
+  if (sg && isGradientConfig(sg)) {
+    try {
+      obj.set({ stroke: gradientToFabric(sg, w, h), objectCaching: false });
+      obj.__lastStrokeGradientJson = JSON.stringify(sg);
+      obj.dirty = true;
+    } catch (e) {
+      console.warn("[fabricObjectCreators] strokeGradient apply failed:", e);
+    }
+  }
+}
 const roundDiag = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -6623,6 +6766,9 @@ function createFabricObject(element) {
       flipY: element.flipY ?? false
     });
     setObjectData(obj, element.id);
+    if (element.type === "shape" || element.type === "line" || element.type === "text") {
+      applyInitialGradients(obj, element);
+    }
   }
   return obj;
 }
@@ -6669,6 +6815,9 @@ function createFabricObjectForGroupMember(element) {
       flipY: element.flipY ?? false
     });
     setObjectData(obj, element.id);
+    if (element.type === "shape" || element.type === "line" || element.type === "text") {
+      applyInitialGradients(obj, element);
+    }
   }
   return obj;
 }
@@ -7208,62 +7357,6 @@ function bakeEdgeFade(source, fade) {
   }
   return canvas;
 }
-function angleToCoords(angleDeg) {
-  const rad = angleDeg * Math.PI / 180;
-  const x1 = 0.5 - Math.sin(rad) * 0.5;
-  const y1 = 0.5 + Math.cos(rad) * 0.5;
-  const x2 = 0.5 + Math.sin(rad) * 0.5;
-  const y2 = 0.5 - Math.cos(rad) * 0.5;
-  return { x1, y1, x2, y2 };
-}
-function normalizeGradientStops(stops) {
-  const normalized = stops.map((stop) => ({
-    color: stop.color,
-    offset: Math.max(0, Math.min(1, Number(stop.offset) || 0))
-  })).sort((a, b) => a.offset - b.offset);
-  if (normalized.length === 0) return normalized;
-  if (normalized[0].offset > 0) {
-    normalized.unshift({ color: normalized[0].color, offset: 0 });
-  }
-  if (normalized[normalized.length - 1].offset < 1) {
-    normalized.push({ color: normalized[normalized.length - 1].color, offset: 1 });
-  }
-  return normalized;
-}
-function gradientToFabric(gradient, width, height) {
-  const colorStops = normalizeGradientStops(gradient.stops).map((s) => ({
-    offset: s.offset,
-    color: s.color
-  }));
-  if (gradient.type === "linear" || gradient.type === "conic") {
-    const coords = angleToCoords(gradient.angle ?? 90);
-    return new fabric__namespace.Gradient({
-      type: "linear",
-      coords: {
-        x1: coords.x1 * width,
-        y1: coords.y1 * height,
-        x2: coords.x2 * width,
-        y2: coords.y2 * height
-      },
-      colorStops
-    });
-  }
-  const cx = (gradient.cx ?? 0.5) * width;
-  const cy = (gradient.cy ?? 0.5) * height;
-  const r = (gradient.r ?? 0.5) * Math.max(width, height);
-  return new fabric__namespace.Gradient({
-    type: "radial",
-    coords: {
-      x1: cx,
-      y1: cy,
-      r1: 0,
-      x2: cx,
-      y2: cy,
-      r2: r
-    },
-    colorStops
-  });
-}
 const PageCanvas = react.forwardRef(
   ({
     pageId,
@@ -16256,9 +16349,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.172";
+const resolvedPackageVersion = "0.5.173";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.172";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.173";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16692,6 +16785,7 @@ class PixldocsRenderer {
    * same fonts, same gradients, same draw order, same selectable text.
    */
   async renderPdfViaClientExport(templateConfig, options = {}) {
+    var _a;
     await ensureFontsForResolvedConfig(templateConfig);
     const hasAutoShrink = configHasAutoShrinkText(templateConfig);
     await this.awaitFontsForConfig(templateConfig, hasAutoShrink ? 4e3 : 1800);
@@ -16756,7 +16850,7 @@ class PixldocsRenderer {
         await this.waitForCanvasScene(container, cloned, i);
       }
       console.log(`[canvas-renderer][pdf-unified] mounted ${cloned.pages.length} page(s), handing off to client exportMultiPagePdf`);
-      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CDOztP1H.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BWDj55kq.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -16765,7 +16859,8 @@ class PixldocsRenderer {
       const result = await exportMultiPagePdf(prepared, {
         title: options.title,
         watermark: !!options.watermark,
-        returnBlob: true
+        returnBlob: true,
+        pdfTextMode: ((_a = cloned.canvas) == null ? void 0 : _a.n) ?? "selectable"
       });
       if (!result || typeof result === "undefined") {
         throw new Error("exportMultiPagePdf returned no blob (returnBlob path failed)");
@@ -18891,7 +18986,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CDOztP1H.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BWDj55kq.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -19026,7 +19121,7 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
     }
     if (shouldOutlineText) {
       try {
-        const { convertAllTextToPath } = await Promise.resolve().then(() => require("./svgTextToPath-IM1f6F-f.cjs"));
+        const { convertAllTextToPath } = await Promise.resolve().then(() => require("./svgTextToPath-BLk_mcqi.cjs"));
         pageSvg = await convertAllTextToPath(pageSvg, fontBaseUrl, { mode: outlineSubMode });
         try {
           dumpSvgTextDiagnostics(pageSvg, i, PARITY_TAG, "STAGE-1b-after-text-to-path-raw");
@@ -19038,6 +19133,16 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
           outlineErr
         );
       }
+    } else {
+      try {
+        const { replaceGradientTextFillsWithFirstStop } = await Promise.resolve().then(() => require("./svgTextToPath-BLk_mcqi.cjs"));
+        pageSvg = replaceGradientTextFillsWithFirstStop(pageSvg);
+      } catch (gradErr) {
+        console.warn(
+          "[canvas-renderer][pdf] gradient-text fill resolution failed:",
+          gradErr
+        );
+      }
     }
     let processedSvg = await prepareLiveCanvasSvgForPdf(pageSvg, page.width, page.height, `page-${i + 1}`, {
       stripPageBackground: shouldStripBg
@@ -19291,4 +19396,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DYtJJzdk.cjs.map
+//# sourceMappingURL=index-ZehEOqUB.cjs.map