@pixldocs/canvas-renderer 0.3.4 → 0.3.6

package/dist/index.d.ts

@@ -58,7 +58,13 @@ export { InferredSection }
  * Load a Google Font by injecting a <link> stylesheet.
  * Resolves when the font is ready for use.
  */
-export declare function loadGoogleFontCSS(fontFamily: string): Promise<void>;
+export declare function loadGoogleFontCSS(rawFontFamily: string): Promise<void>;
+
+/**
+ * Normalize a CSS font-family stack to the first Google-compatible family name.
+ * e.g. `"Roboto, sans-serif"` → `"Roboto"`, `"'Open Sans', Arial"` → `"Open Sans"`
+ */
+export declare function normalizeFontFamily(fontStack: string): string;
 
 export declare interface PageSettings {
     backgroundColor?: string;

package/dist/index.js

@@ -10066,18 +10066,18 @@ async function resolveFromForm(options) {
     }
   }
   const flatFormData = flattenSectionStateToFormData(mergedSectionState, inferredSections);
-  const dynamicFields = templateConfig.dynamicFields;
+  const configDynamicFields = templateConfig.dynamicFields;
+  const formSchemaDynamicFields = templateFormSchema == null ? void 0 : templateFormSchema.dynamicFields;
+  const dynamicFields = ((configDynamicFields == null ? void 0 : configDynamicFields.length) ? configDynamicFields : formSchemaDynamicFields) || [];
   const mappings = [];
-  if (dynamicFields) {
-    for (const field of dynamicFields) {
-      if (field.mappings) {
-        for (const m of field.mappings) {
-          mappings.push({
-            field_key: field.id,
-            element_id: m.elementId,
-            target_property: m.targetProperty
-          });
-        }
+  for (const field of dynamicFields) {
+    if (field.mappings) {
+      for (const m of field.mappings) {
+        mappings.push({
+          field_key: field.id,
+          element_id: m.elementId,
+          target_property: m.targetProperty
+        });
       }
     }
   }
@@ -10257,10 +10257,16 @@ function PixldocsPreview(props) {
     }
   ) });
 }
+function normalizeFontFamily(fontStack) {
+  const first = fontStack.split(",")[0].trim();
+  return first.replace(/^['"]|['"]$/g, "");
+}
 const loadedFonts = /* @__PURE__ */ new Set();
 const loadingPromises = /* @__PURE__ */ new Map();
-async function loadGoogleFontCSS(fontFamily) {
-  if (!fontFamily || typeof document === "undefined") return;
+async function loadGoogleFontCSS(rawFontFamily) {
+  if (!rawFontFamily || typeof document === "undefined") return;
+  const fontFamily = normalizeFontFamily(rawFontFamily);
+  if (!fontFamily) return;
   if (loadedFonts.has(fontFamily)) return;
   const existing = loadingPromises.get(fontFamily);
   if (existing) return existing;
@@ -10605,6 +10611,7 @@ export {
   applyThemeToConfig,
   collectFontsFromConfig,
   loadGoogleFontCSS,
+  normalizeFontFamily,
   resolveFromForm,
   resolveTemplateData
 };