@pixldocs/canvas-renderer 0.5.53 → 0.5.55

package/dist/index.d.ts

@@ -231,7 +231,7 @@ export declare function normalizeFontFamily(fontStack: string): string;
  * Package version banner. Bump alongside package.json so we can confirm
  * (via browser:log) that the deployed bundle matches the expected build.
  */
-export declare const PACKAGE_VERSION = "0.5.52";
+export declare const PACKAGE_VERSION = "0.5.54";
 
 export declare interface PageSettings {
     backgroundColor?: string;
@@ -482,16 +482,29 @@ export declare function resolveFromForm(options: ResolveFromFormOptions): Promis
 export declare interface ResolveFromFormOptions {
     /** Template UUID */
     templateId: string;
-    /** Form schema UUID */
-    formSchemaId: string;
-    /** V2 section state (same shape sent to /render-from-form) */
-    sectionState: SectionFormState;
+    /**
+     * Form schema UUID. Optional — omit for templates with manual `dynamicFields`
+     * that are not bound to a saved form schema.
+     */
+    formSchemaId?: string;
+    /**
+     * V2 section state (same shape sent to /render-from-form). Optional when
+     * `flatFormData` is provided (manual-fields path).
+     */
+    sectionState?: SectionFormState;
+    /**
+     * Flat key/value map of dynamic-field values, keyed by `dynamicField.id`.
+     * Use this for manual-fields templates with no `formSchemaId` — values
+     * are applied directly through `applyFormDataToConfig` without going
+     * through the section-state flatten step.
+     */
+    flatFormData?: Record<string, unknown>;
     /** Optional theme variant ID (default: 'default') */
     themeId?: string;
     /** Supabase project URL */
-    supabaseUrl: string;
+    supabaseUrl?: string;
     /** Supabase anon key */
-    supabaseAnonKey: string;
+    supabaseAnonKey?: string;
     /** Optional prefetched rows from a trusted server so browser-side package resolution can skip REST fetches entirely. */
     prefetched?: {
         templateRow?: {
@@ -530,9 +543,24 @@ export declare interface ResolveOptions {
     /** Optional flat formData (legacy, simple fields only) */
     formData?: Record<string, any>;
     /** Supabase project URL */
-    supabaseUrl: string;
+    supabaseUrl?: string;
     /** Supabase anon key */
-    supabaseAnonKey: string;
+    supabaseAnonKey?: string;
+    /**
+     * Optional prefetched template row from a trusted server. When provided
+     * the resolver skips the REST fetch — useful for the EC2 v2 pipeline where
+     * the server already has the row in memory.
+     */
+    prefetched?: {
+        templateRow?: {
+            id?: string;
+            name?: string;
+            price?: number;
+            config: TemplateConfig;
+            form_schema?: unknown;
+            default_data?: unknown;
+        };
+    };
 }
 
 export declare function resolveTemplateData(options: ResolveOptions): Promise<ResolvedTemplate>;

package/dist/index.js

@@ -11674,8 +11674,8 @@ function deriveRepeatablePagesFromTemplate(config, inlineFormSchema, formData) {
   return out;
 }
 async function resolveTemplateData(options) {
-  const { templateId, formData, supabaseUrl, supabaseAnonKey } = options;
-  const template = await fetchRow(supabaseUrl, supabaseAnonKey, "templates", templateId);
+  const { templateId, formData, supabaseUrl, supabaseAnonKey, prefetched } = options;
+  const template = (prefetched == null ? void 0 : prefetched.templateRow) ? prefetched.templateRow : await fetchRow(supabaseUrl, supabaseAnonKey, "templates", templateId);
   let config = template.config;
   const inlineFormSchema = template.form_schema;
   const defaultData = template.default_data;
@@ -11742,7 +11742,16 @@ async function resolveTemplateData(options) {
 }
 async function resolveFromForm(options) {
   var _a, _b, _c;
-  const { templateId, formSchemaId, sectionState, themeId, supabaseUrl, supabaseAnonKey, prefetched } = options;
+  const { templateId, formSchemaId, sectionState, flatFormData: directFlatFormData, themeId, supabaseUrl, supabaseAnonKey, prefetched } = options;
+  if (!formSchemaId) {
+    return resolveTemplateData({
+      templateId,
+      formData: directFlatFormData ?? sectionState ?? {},
+      supabaseUrl,
+      supabaseAnonKey,
+      prefetched: (prefetched == null ? void 0 : prefetched.templateRow) ? { templateRow: prefetched.templateRow } : void 0
+    });
+  }
   const [templateRow, formSchemaRow, defaultForm] = await Promise.all([
     (prefetched == null ? void 0 : prefetched.templateRow) ? Promise.resolve(prefetched.templateRow) : fetchRow(supabaseUrl, supabaseAnonKey, "templates", templateId),
     (prefetched == null ? void 0 : prefetched.formSchemaRow) !== void 0 ? Promise.resolve(prefetched.formSchemaRow) : fetchRow(supabaseUrl, supabaseAnonKey, "form_schemas", formSchemaId),
@@ -12221,7 +12230,20 @@ function PixldocsPreview(props) {
     onDynamicFieldClick,
     onReady,
     onError,
-    skipFontReadyWait = true
+    // Default `false` so PageCanvas blocks textbox creation until the host
+    // browser actually has the @font-face rules registered. This matters for
+    // `overflowPolicy: 'auto-shrink'` text — `createText` runs the shrink
+    // loop synchronously at mount time using whatever font metrics Fabric
+    // can measure right then. If the real font hasn't loaded yet, Fabric
+    // falls back to the system font (typically narrower), the shrink loop
+    // decides "fits, no shrink needed", and when the real font finally
+    // loads the text overflows the box.
+    //
+    // The renderer's imperative PNG/PDF paths (`renderPageViaPreviewCanvas`,
+    // `captureSvgViaPreviewCanvas`) already pass `skipFontReadyWait: false`
+    // for this exact reason — that's why the downloaded PDF was correct
+    // while the on-screen preview wasn't.
+    skipFontReadyWait = false
   } = props;
   useEffect(() => {
     setPackageApiUrl(imageProxyUrl);
@@ -12390,7 +12412,7 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsx("div", { style: { color: "#888", fontSize: 14 }, children: "Loading preview..." }) })
   ] });
 }
-const PACKAGE_VERSION = "0.5.52";
+const PACKAGE_VERSION = "0.5.54";
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;