@pixldocs/canvas-renderer 0.5.170 → 0.5.172

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

@@ -12019,6 +12019,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");
@@ -15769,6 +15822,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;
@@ -16135,9 +16256,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;
@@ -16635,7 +16756,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-BnFtIh0l.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CDOztP1H.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -16655,28 +16776,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;
@@ -16740,19 +16879,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);
@@ -18737,7 +18891,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-BnFtIh0l.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CDOztP1H.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -19115,6 +19269,7 @@ exports.getImageProxyFetchOptions = getImageProxyFetchOptions;
 exports.getProxiedImageUrl = getProxiedImageUrl;
 exports.getPublishedTemplate = getPublishedTemplate;
 exports.getRoundedRectRadii = getRoundedRectRadii;
+exports.getTemplateForm = getTemplateForm;
 exports.getTrianglePoints = getTrianglePoints;
 exports.hasEdgeFade = hasEdgeFade;
 exports.isBundledAssetUrl = isBundledAssetUrl;
@@ -19136,4 +19291,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-CtWVrKc-.cjs.map
+//# sourceMappingURL=index-DYtJJzdk.cjs.map