@pixldocs/canvas-renderer 0.5.170 → 0.5.172

package/dist/{index-BvYxWljO.js → index-DuI8QJDd.js}

@@ -12001,6 +12001,59 @@ const DEFAULT_DATA_V2_VERSION = 2;
 function isDefaultDataV2(data) {
   return typeof data === "object" && data !== null && !Array.isArray(data) && data.version === DEFAULT_DATA_V2_VERSION && typeof data.sectionState === "object" && data.sectionState !== null;
 }
+function defaultSectionState(sections) {
+  const state = {};
+  const repeatables = sections.filter((s) => s.type === "repeatable");
+  const childrenByParent = /* @__PURE__ */ new Map();
+  for (const section of repeatables) {
+    if (!section.parentId) continue;
+    if (!childrenByParent.has(section.parentId)) childrenByParent.set(section.parentId, []);
+    childrenByParent.get(section.parentId).push(section);
+  }
+  const createEmptyEntry = (section) => {
+    const entry = {};
+    for (const field of section.entryFields) {
+      entry[field.key] = field.type === "list" ? [] : field.type === "toggle" ? "false" : "";
+    }
+    return entry;
+  };
+  const createInitialEntries = (section) => {
+    const count = Math.max(0, section.initialEntryCount ?? 1);
+    return Array.from({ length: count }, () => createEmptyEntry(section));
+  };
+  const seedNested = (parentSection, parentStateKey, parentEntryIndex) => {
+    const children = childrenByParent.get(parentSection.id) ?? [];
+    for (const child of children) {
+      const childStateKey = `${parentStateKey}_${parentEntryIndex}_${child.id}`;
+      const childEntries = createInitialEntries(child);
+      state[childStateKey] = childEntries;
+      childEntries.forEach((_, childEntryIndex) => seedNested(child, childStateKey, childEntryIndex));
+    }
+  };
+  for (const section of sections) {
+    if (section.type !== "single") continue;
+    const obj = {};
+    for (const f of section.fields) {
+      obj[f.key] = f.type === "list" ? [] : f.type === "toggle" ? "false" : "";
+    }
+    state[section.id] = obj;
+  }
+  const topLevelRepeatables = repeatables.filter((s) => !s.parentId);
+  for (const section of topLevelRepeatables) {
+    const entries = createInitialEntries(section);
+    state[section.id] = entries;
+    entries.forEach((_, entryIndex) => seedNested(section, section.id, entryIndex));
+  }
+  const singleSectionIds = new Set(sections.filter((s) => s.type === "single").map((s) => s.id));
+  for (const section of repeatables) {
+    if (section.parentId && singleSectionIds.has(section.parentId)) {
+      const entries = createInitialEntries(section);
+      state[section.id] = entries;
+      entries.forEach((_, entryIndex) => seedNested(section, section.id, entryIndex));
+    }
+  }
+  return state;
+}
 function flattenSectionStateToFormData(sectionState, sections) {
   const flat = {};
   const repeatables = sections.filter((s) => s.type === "repeatable");
@@ -15751,6 +15804,74 @@ function paintRepeatableSections(config, repeatableSections) {
     }
   }
 }
+async function getTemplateForm(options) {
+  var _a, _b;
+  const { templateId, supabaseUrl, supabaseAnonKey } = options;
+  if (!supabaseUrl || !supabaseAnonKey) {
+    throw new Error("[getTemplateForm] supabaseUrl and supabaseAnonKey are required");
+  }
+  const templateRow = await fetchRow(supabaseUrl, supabaseAnonKey, "templates", templateId);
+  const templateConfig = templateRow.config;
+  const templateFormSchema = templateRow.form_schema;
+  const boundFormSchemaId = options.formSchemaId ?? (typeof templateRow.form_schema_id === "string" ? templateRow.form_schema_id : null);
+  if (templateFormSchema) {
+    if (!Array.isArray(templateConfig.dynamicFields) && Array.isArray(templateFormSchema.dynamicFields)) {
+      templateConfig.dynamicFields = templateFormSchema.dynamicFields;
+    }
+    if (!Array.isArray(templateConfig.fieldGroups) && Array.isArray(templateFormSchema.fieldGroups)) {
+      templateConfig.fieldGroups = templateFormSchema.fieldGroups;
+    }
+  }
+  let formSchema;
+  let defaultForm = null;
+  if (boundFormSchemaId) {
+    const [schemaRow, defForm] = await Promise.all([
+      fetchRow(supabaseUrl, supabaseAnonKey, "form_schemas", boundFormSchemaId).catch(() => null),
+      fetchDefaultForm(supabaseUrl, supabaseAnonKey, boundFormSchemaId)
+    ]);
+    formSchema = schemaRow == null ? void 0 : schemaRow.schema;
+    defaultForm = defForm;
+  }
+  const repeatableNodeMap = /* @__PURE__ */ new Map();
+  const repeatableFromSchema = templateFormSchema == null ? void 0 : templateFormSchema.repeatableSections;
+  if (repeatableFromSchema) {
+    for (const r of repeatableFromSchema) {
+      if (!repeatableNodeMap.has(r.label)) repeatableNodeMap.set(r.label, r.nodeId);
+      const labelKey = r.label.trim().toLowerCase();
+      if (!repeatableNodeMap.has(labelKey)) repeatableNodeMap.set(labelKey, r.nodeId);
+    }
+  }
+  const schemaSections = getRenderableFormSections(formSchema);
+  let sections;
+  if (schemaSections == null ? void 0 : schemaSections.length) {
+    sections = formDefSectionsToInferred(schemaSections, repeatableNodeMap);
+  } else if ((_a = templateConfig.dynamicFields) == null ? void 0 : _a.length) {
+    sections = inferFormSchemaFromTemplate(
+      templateConfig.dynamicFields,
+      templateConfig.fieldGroups || [],
+      ((_b = templateConfig.pages) == null ? void 0 : _b.length) ? { pages: templateConfig.pages } : void 0
+    );
+  } else {
+    sections = [];
+  }
+  const seeded = defaultSectionState(sections);
+  const templateDefaultData = templateRow.default_data;
+  let overlay = null;
+  if (templateDefaultData && isDefaultDataV2(templateDefaultData)) {
+    overlay = templateDefaultData.sectionState;
+  } else {
+    overlay = extractSectionStateCandidate(defaultForm == null ? void 0 : defaultForm.values, sections) ?? extractSectionStateCandidate(defaultForm == null ? void 0 : defaultForm.saved_data, sections) ?? null;
+  }
+  const initialSectionState = overlay ? { ...seeded, ...overlay } : seeded;
+  return {
+    templateId,
+    templateName: templateRow.name || "Untitled",
+    price: templateRow.price ?? 0,
+    formSchemaId: boundFormSchemaId,
+    sections,
+    initialSectionState
+  };
+}
 const PREVIEW_DEBUG_PREFIX = "[canvas-renderer][preview-debug]";
 function computeFontSignature(config) {
   var _a;
@@ -16117,9 +16238,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.170";
+const resolvedPackageVersion = "0.5.172";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.170";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.172";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16617,7 +16738,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 import("./vectorPdfExport-BD0zlq42.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-wH2x4QIj.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -16637,28 +16758,46 @@ class PixldocsRenderer {
     }
   }
   getExpectedImageCount(config, pageIndex) {
+    return this.getExpectedImageIds(config, pageIndex).length;
+  }
+  /**
+   * Collects ids of nodes that the renderer expects to produce a renderable
+   * fabric image. Excludes SVG sources because those are loaded as Groups,
+   * not HTMLImageElement-backed Images, and would otherwise inflate the
+   * `expected` counter forever.
+   */
+  getExpectedImageIds(config, pageIndex) {
     const page = config.pages[pageIndex];
-    if (!(page == null ? void 0 : page.children)) return 0;
-    let count = 0;
+    if (!(page == null ? void 0 : page.children)) return [];
+    const ids = [];
+    const isSvgUrl = (u) => /\.svg(\?|#|$)/i.test(u) || u.startsWith("data:image/svg");
     const walk = (nodes) => {
       for (const node of nodes) {
         if (!node || node.visible === false) continue;
         const src = typeof node.src === "string" ? node.src.trim() : "";
         const imageUrl = typeof node.imageUrl === "string" ? node.imageUrl.trim() : "";
-        if (node.type === "image" && (src || imageUrl)) count += 1;
+        const url = src || imageUrl;
+        if (node.type === "image" && url && !isSvgUrl(url) && node.id) {
+          ids.push(String(node.id));
+        }
         if (Array.isArray(node.children) && node.children.length > 0) {
           walk(node.children);
         }
       }
     };
     walk(page.children);
-    return count;
+    return ids;
   }
-  waitForCanvasImages(container, expectedImageCount, maxWaitMs = 15e3, pollMs = 120) {
+  waitForCanvasImages(container, expectedImageCount, maxWaitMs, pollMs = 120) {
+    const timeout = Math.max(500, maxWaitMs ?? this.config.assetWaitTimeoutMs ?? 15e3);
+    const earlyExitMs = Math.max(250, this.config.assetWaitEarlyExitMs ?? 1500);
+    const debug = !!this.config.debug;
     return new Promise((resolve) => {
       const start = Date.now();
       let stableFrames = 0;
       let lastSummary = "";
+      let lastActual = -1;
+      let lastProgressAt = Date.now();
       const isRenderableImage = (value) => value instanceof HTMLImageElement && value.complete && value.naturalWidth > 0 && value.naturalHeight > 0;
       const collectRenderableImages = (obj, seen) => {
         if (!obj || typeof obj !== "object") return;
@@ -16722,19 +16861,34 @@ class PixldocsRenderer {
         const summary = `expected=${expectedImageCount} actual=${actualImageCount} dom=${domImages.length} fabricReady=${fabricReady} domReady=${allDomLoaded} canvasReady=${canvasReady}`;
         if (summary !== lastSummary) {
           lastSummary = summary;
-          console.log(`[canvas-renderer][asset-wait] ${summary}`);
+          if (debug) console.log(`[canvas-renderer][asset-wait] ${summary}`);
+        }
+        if (actualImageCount !== lastActual) {
+          lastActual = actualImageCount;
+          lastProgressAt = Date.now();
         }
         if (ready) {
           stableFrames += 1;
           if (stableFrames >= 2) {
-            console.log(`[canvas-renderer][asset-wait] ready after ${elapsed}ms (${summary})`);
+            if (debug) console.log(`[canvas-renderer][asset-wait] ready after ${elapsed}ms (${summary})`);
             settle();
             return;
           }
         } else {
           stableFrames = 0;
         }
-        if (elapsed >= maxWaitMs) {
+        const sceneSettled = fabricReady && allDomLoaded && canvasReady && fabricObjects.length > 0;
+        const idleFor = Date.now() - lastProgressAt;
+        if (sceneSettled && actualImageCount < expectedImageCount && idleFor >= earlyExitMs) {
+          if (debug) {
+            console.log(
+              `[canvas-renderer][asset-wait] early-exit after ${elapsed}ms (idle=${idleFor}ms, ${summary})`
+            );
+          }
+          settle();
+          return;
+        }
+        if (elapsed >= timeout) {
           const fabricImageDebug = [];
           for (const obj of fabricObjects) {
             getImageDebugInfo(obj, fabricImageDebug);
@@ -18719,7 +18873,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-BD0zlq42.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-wH2x4QIj.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -19064,7 +19218,7 @@ function setAutoShrinkDebug(enabled) {
   }
 }
 export {
-  warmResolvedTemplateForPreview as $,
+  setBundledAssetPrefixes as $,
   API_URL as A,
   collectImageUrls as B,
   configHasAutoShrinkText$1 as C,
@@ -19078,23 +19232,24 @@ export {
   extractFontFamiliesFromSvgs as K,
   getEmbeddedJsPDFFontName as L,
   getPublishedTemplate as M,
-  isBundledAssetUrl as N,
-  isFontAvailable as O,
+  getTemplateForm as N,
+  isBundledAssetUrl as O,
   PACKAGE_VERSION as P,
-  isPrivateUrl as Q,
-  listPublishedTemplates as R,
-  loadGoogleFontCSS as S,
+  isFontAvailable as Q,
+  isPrivateUrl as R,
+  listPublishedTemplates as S,
   TRIANGLE_STROKE_MITER_LIMIT as T,
-  normalizeFontFamily as U,
-  resolveFontWeight as V,
-  resolveFromForm as W,
-  resolveTemplateData as X,
-  rewriteSvgFontsForJsPDF as Y,
-  setAutoShrinkDebug as Z,
-  setBundledAssetPrefixes as _,
+  loadGoogleFontCSS as U,
+  normalizeFontFamily as V,
+  resolveFontWeight as W,
+  resolveFromForm as X,
+  resolveTemplateData as Y,
+  rewriteSvgFontsForJsPDF as Z,
+  setAutoShrinkDebug as _,
   getAbsoluteBounds as a,
-  warmTemplateFromForm as a0,
-  canvasImageLoader as a1,
+  warmResolvedTemplateForPreview as a0,
+  warmTemplateFromForm as a1,
+  canvasImageLoader as a2,
   getProxiedImageUrl as b,
   captureFabricCanvasSvgForPdf as c,
   bakeEdgeFade as d,
@@ -19121,4 +19276,4 @@ export {
   collectFontDescriptorsFromConfig as y,
   collectFontsFromConfig as z
 };
-//# sourceMappingURL=index-BvYxWljO.js.map
+//# sourceMappingURL=index-DuI8QJDd.js.map