@bravostudioai/react 0.1.36 → 0.1.41

package/dist/lib/logger.js.map

@@ -1 +1 @@
-{"version":3,"file":"logger.js","sources":["../../src/lib/logger.ts"],"sourcesContent":["/**\n * Centralized logging utility for encore-lib\n *\n * Provides conditional logging based on environment.\n * Debug logs only appear in development mode.\n */\n\nconst isDev = typeof import.meta !== 'undefined'\n  ? import.meta.env?.DEV || import.meta.env?.MODE === 'development'\n  : process.env.NODE_ENV === 'development';\n\n/**\n * Logger instance with environment-aware methods\n */\nexport const logger = {\n  /**\n   * Debug-level logging (only in development)\n   * Use for detailed diagnostic information\n   */\n  debug: (...args: any[]) => {\n    if (isDev) {\n      console.debug('[encore-lib]', ...args);\n    }\n  },\n\n  /**\n   * Info-level logging (only in development)\n   * Use for general informational messages\n   */\n  info: (...args: any[]) => {\n    if (isDev) {\n      console.info('[encore-lib]', ...args);\n    }\n  },\n\n  /**\n   * Warning-level logging (always shown)\n   * Use for recoverable issues that need attention\n   */\n  warn: (...args: any[]) => {\n    console.warn('[encore-lib]', ...args);\n  },\n\n  /**\n   * Error-level logging (always shown)\n   * Use for errors and exceptions\n   */\n  error: (...args: any[]) => {\n    console.error('[encore-lib]', ...args);\n  },\n};\n\nexport default logger;\n"],"names":["isDev","logger","args"],"mappings":"AAOA,MAAMA,IAAQ,OAAO,cAAgB,MACT,KACxB,QAAQ,IAAI,aAAa,eAKhBC,IAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,OAAO,IAAIC,MAAgB;AACzB,IAAIF,KACF,QAAQ,MAAM,gBAAgB,GAAGE,CAAI;AAAA,EAEzC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,IAAIA,MAAgB;AACxB,IAAIF,KACF,QAAQ,KAAK,gBAAgB,GAAGE,CAAI;AAAA,EAExC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,IAAIA,MAAgB;AACxB,YAAQ,KAAK,gBAAgB,GAAGA,CAAI;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,IAAIA,MAAgB;AACzB,YAAQ,MAAM,gBAAgB,GAAGA,CAAI;AAAA,EACvC;AACF;"}
+{"version":3,"file":"logger.js","sources":["../../src/lib/logger.ts"],"sourcesContent":["/**\n * Centralized logging utility for encore-lib\n *\n * Provides conditional logging based on environment.\n * Debug logs only appear in development mode.\n */\n\nconst isDev =\n  typeof import.meta !== \"undefined\"\n    ? (import.meta as any).env?.DEV ||\n      (import.meta as any).env?.MODE === \"development\"\n    : process.env.NODE_ENV === \"development\";\n\n/**\n * Logger instance with environment-aware methods\n */\nexport const logger = {\n  /**\n   * Debug-level logging (only in development)\n   * Use for detailed diagnostic information\n   */\n  debug: (...args: any[]) => {\n    if (isDev) {\n      console.debug(\"[encore-lib]\", ...args);\n    }\n  },\n\n  /**\n   * Info-level logging (only in development)\n   * Use for general informational messages\n   */\n  info: (...args: any[]) => {\n    if (isDev) {\n      console.info(\"[encore-lib]\", ...args);\n    }\n  },\n\n  /**\n   * Warning-level logging (always shown)\n   * Use for recoverable issues that need attention\n   */\n  warn: (...args: any[]) => {\n    console.warn(\"[encore-lib]\", ...args);\n  },\n\n  /**\n   * Error-level logging (always shown)\n   * Use for errors and exceptions\n   */\n  error: (...args: any[]) => {\n    console.error(\"[encore-lib]\", ...args);\n  },\n};\n\nexport default logger;\n"],"names":["isDev","logger","args"],"mappings":"AAOA,MAAMA,IACJ,OAAO,cAAgB,MAElB,KACD,QAAQ,IAAI,aAAa,eAKlBC,IAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,OAAO,IAAIC,MAAgB;AACzB,IAAIF,KACF,QAAQ,MAAM,gBAAgB,GAAGE,CAAI;AAAA,EAEzC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,IAAIA,MAAgB;AACxB,IAAIF,KACF,QAAQ,KAAK,gBAAgB,GAAGE,CAAI;AAAA,EAExC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,IAAIA,MAAgB;AACxB,YAAQ,KAAK,gBAAgB,GAAGA,CAAI;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,IAAIA,MAAgB;AACzB,YAAQ,MAAM,gBAAgB,GAAGA,CAAI;AAAA,EACvC;AACF;"}

package/dist/src/codegen/generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../src/codegen/generator.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,cAAc,EACd,QAAQ,EACR,eAAe,EACf,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAOjB;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,kCAAkC;IAClC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,EACjC,IAAI,GAAE,MAAkB,EACxB,QAAQ,CAAC,EAAE;IACT,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACA,MAAM,CA0bR;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,GAChC,MAAM,CAwVR;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,GAChC,iBAAiB,CAiEnB"}
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../src/codegen/generator.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,cAAc,EACd,QAAQ,EACR,eAAe,EACf,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAOjB;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,kCAAkC;IAClC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,EACjC,IAAI,GAAE,MAAkB,EACxB,QAAQ,CAAC,EAAE;IACT,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACA,MAAM,CAgcR;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,GAChC,MAAM,CAwVR;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,GAChC,iBAAiB,CAiEnB"}

package/dist/src/codegen/parser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../../src/codegen/parser.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,cAAc,EACd,QAAQ,EACR,eAAe,EACf,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAGjB;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CA0BrD;AAED,wBAAgB,yBAAyB,CACvC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,CA8BR;AAED;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,MAAM,EAAE,EAClB,UAAU,EAAE,MAAM,EAAE,EAAE,GACrB,MAAM,EAAE,CA6DV;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO,CAG7D;AAED,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,GACrB,MAAM,CA4BR;AAED,wBAAgB,oBAAoB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAclE;AAED,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,GAAG,GAAG,UAAU,EAAE,CAoOtE;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,GAAG,GAAG,aAAa,EAAE,CA8GvE;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,GAAG,GAAG,cAAc,EAAE,CA0D/D;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,QAAQ,EAAE,GAAG,GAAG,QAAQ,EAAE,CAkJnD;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,QAAQ,EAAE,GAChB,eAAe,EAAE,CAqEnB;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,GAAG,GAAG,gBAAgB,EAAE,CAgFnE;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAIzD"}
+{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../../src/codegen/parser.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,cAAc,EACd,QAAQ,EACR,eAAe,EACf,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAGjB;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CA0BrD;AAED,wBAAgB,yBAAyB,CACvC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,CA8BR;AAED;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,MAAM,EAAE,EAClB,UAAU,EAAE,MAAM,EAAE,EAAE,GACrB,MAAM,EAAE,CA6DV;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO,CAG7D;AAED,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,GACrB,MAAM,CA+BR;AAED,wBAAgB,oBAAoB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAiBlE;AAED,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,GAAG,GAAG,UAAU,EAAE,CAoOtE;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,GAAG,GAAG,aAAa,EAAE,CA8GvE;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,GAAG,GAAG,cAAc,EAAE,CA0D/D;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,QAAQ,EAAE,GAAG,GAAG,QAAQ,EAAE,CAkJnD;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,QAAQ,EAAE,GAChB,eAAe,EAAE,CAqEnB;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,GAAG,GAAG,gBAAgB,EAAE,CAuGnE;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAIzD"}

package/dist/src/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AA+rGf,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAuDxD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AA8sGf,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAuDxD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/lib/logger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../../src/lib/logger.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH;;GAEG;AACH,eAAO,MAAM,MAAM;IACjB;;;OAGG;qBACc,GAAG,EAAE;IAMtB;;;OAGG;oBACa,GAAG,EAAE;IAMrB;;;OAGG;oBACa,GAAG,EAAE;IAIrB;;;OAGG;qBACc,GAAG,EAAE;CAGvB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../../src/lib/logger.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH;;GAEG;AACH,eAAO,MAAM,MAAM;IACjB;;;OAGG;qBACc,GAAG,EAAE;IAMtB;;;OAGG;oBACa,GAAG,EAAE;IAMrB;;;OAGG;oBACa,GAAG,EAAE;IAIrB;;;OAGG;qBACc,GAAG,EAAE;CAGvB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/src/version.d.ts

@@ -1,2 +1,2 @@
-export declare const PACKAGE_VERSION = "0.1.35";
+export declare const PACKAGE_VERSION = "0.1.41";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1,4 +1,4 @@
-const o = "0.1.35";
+const o = "0.1.41";
 export {
   o as PACKAGE_VERSION
 };

package/dist/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../src/version.ts"],"sourcesContent":["export const PACKAGE_VERSION = \"0.1.35\";\n"],"names":["PACKAGE_VERSION"],"mappings":"AAAO,MAAMA,IAAkB;"}
+{"version":3,"file":"version.js","sources":["../src/version.ts"],"sourcesContent":["export const PACKAGE_VERSION = \"0.1.41\";\n"],"names":["PACKAGE_VERSION"],"mappings":"AAAO,MAAMA,IAAkB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bravostudioai/react",
-  "version": "0.1.36",
+  "version": "0.1.41",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/src/index.d.ts",

package/src/codegen/generator.ts

@@ -208,7 +208,10 @@ ${itemProps}
   // Add standalone component mappings
   standaloneComponents.forEach((comp) => {
     const propKey = getComponentPropName(comp.type);
-    if (comp.type === "component:webview") {
+    if (
+      comp.type === "component:webview" ||
+      comp.type === "component:web-view"
+    ) {
       dataMapping.push(`    // ${comp.name}
     ...(props.${comp.propName} !== undefined && { "${comp.id}": { params: { url: props.${comp.propName} } } as any }),`);
     } else if (comp.type === "component:embed") {
@@ -237,7 +240,10 @@ ${itemProps}
       const itemMapping = container.components
         .map((comp) => {
           const propKey = getComponentPropName(comp.type);
-          if (comp.type === "component:webview") {
+          if (
+            comp.type === "component:webview" ||
+            comp.type === "component:web-view"
+          ) {
             return `        // ${comp.name}
         "${comp.id}": {
           params: { url: item.${comp.propName} },

package/src/codegen/parser.ts

@@ -181,7 +181,10 @@ export function getComponentPropType(
     }
     return "string"; // text inputs, email, password, etc.
   }
-  if (componentType === "component:webview") {
+  if (
+    componentType === "component:webview" ||
+    componentType === "component:web-view"
+  ) {
     return "string"; // url
   }
   if (componentType === "component:video") {
@@ -204,7 +207,10 @@ export function getComponentPropName(componentType: string): string {
   if (componentType === "component:text") {
     return "text";
   }
-  if (componentType === "component:webview") {
+  if (
+    componentType === "component:webview" ||
+    componentType === "component:web-view"
+  ) {
     return "url";
   }
   if (componentType === "component:video") {
@@ -491,11 +497,11 @@ export function findStandaloneComponents(pageData: any): ComponentInfo[] {
 
     if (
       node.type === "component:embed" ||
+      node.type === "component:webview" ||
+      node.type === "component:web-view" ||
+      node.type === "component:video" ||
       (hasDataTag &&
-        (node.type === "component:text" ||
-          node.type === "component:image" ||
-          node.type === "component:webview" ||
-          node.type === "component:video"))
+        (node.type === "component:text" || node.type === "component:image"))
     ) {
       const basePropName = sanitizePropName(node.name || "item");
       const propType = getComponentPropType(node.type, node.name);
@@ -882,9 +888,26 @@ function qualifySelectInputs(selectInputs: SelectInputInfo[]): void {
 export function findActionButtons(pageData: any): ActionButtonInfo[] {
   const buttons: ActionButtonInfo[] = [];
 
+  console.log(
+    "[DEBUG] local encore-lib findActionButtons running via alias. Check node.actions support."
+  );
+
   function traverse(node: any, parentPath: string[] = []): void {
     if (!node || typeof node !== "object") return;
 
+    // Log nodes with potentially interesting properties for debugging
+    if (
+      node.id === "01KF5PAFFVFSKY6QJZXQTC99P5" ||
+      (node.tags && node.tags.some((t: string) => t.includes("action")))
+    ) {
+      console.log(`[DEBUG] traverse node ${node.name} (${node.id})`, {
+        type: node.type,
+        tags: node.tags,
+        hasActions: !!node.actions,
+        actionsKeys: node.actions ? Object.keys(node.actions) : [],
+      });
+    }
+
     // Check if this component has an action tag or actions defined
     const hasActionTag =
       Array.isArray(node.tags) &&
@@ -906,6 +929,12 @@ export function findActionButtons(pageData: any): ActionButtonInfo[] {
         actionType = node.actions.tap.action;
       }
 
+      console.log(`[DEBUG] Found action button: ${node.name} (${node.id})`, {
+        actionType,
+        hasActionTag,
+        hasActions,
+      });
+
       const basePropName = sanitizePropName(node.name || "button");
       buttons.push({
         id: node.id,

package/src/components.tsx

@@ -434,11 +434,13 @@ const useEncoreStyle = (
   }
 
   if (style.opacity) result.opacity = style.opacity * 0.01;
-  if (style.fontId) {
-    const fontFamily = fontIdToFamily[style.fontId] || "sans-serif";
+  // Font Family Resolution
+  const resolvedFontFamily =
+    (style.fontId ? fontIdToFamily[style.fontId] : undefined) ||
+    style.fontFamily ||
+    undefined;
 
-    // Check for generic font families that should NOT be quoted
-    // These need to be unquoted for the browser to recognize them as keywords rather than custom font names
+  if (resolvedFontFamily) {
     const genericFamilies = [
       "sans-serif",
       "serif",
@@ -451,19 +453,27 @@ const useEncoreStyle = (
       "ui-monospace",
       "ui-rounded",
     ];
-    if (genericFamilies.includes(fontFamily.toLowerCase())) {
-      result.fontFamily = fontFamily;
+
+    if (genericFamilies.includes(resolvedFontFamily.toLowerCase())) {
+      result.fontFamily = resolvedFontFamily;
     } else {
       // Ensure font family name is quoted for names with spaces/special characters
-      result.fontFamily = `"${fontFamily}"`;
+      // AND append sans-serif fallback
+      result.fontFamily = `"${resolvedFontFamily}", sans-serif`;
     }
 
-    console.log(`[AG_DEBUG] [useEncoreStyle] Font Resolution:`, {
-      fontId: style.fontId,
-      resolvedFamily: fontFamily,
-      fontWeight: style.fontWeight,
-      finalStyle: result.fontFamily,
-    });
+    // Keep debug log
+    if (opts.debug || style.fontId) {
+      console.log(`[AG_DEBUG] [useEncoreStyle] Font Resolution:`, {
+        fontId: style.fontId,
+        resolvedFamily: resolvedFontFamily,
+        styleFontFamily: style.fontFamily,
+        finalStyle: result.fontFamily,
+      });
+    }
+  } else {
+    // Fallback if no font is specified at all: prevent browser default Serif
+    result.fontFamily = "sans-serif";
   }
   if (style.borderRadius) {
     result.borderRadius = percentOfParentWidthToPx(style.borderRadius);
@@ -1069,7 +1079,8 @@ const EncoreLinkActionWrapper: React.FC<{
 };
 
 const WebViewComponent: React.FC<ComponentProps> = ({ id, name, nodeData }) => {
-  const style = useEncoreStyle(nodeData.style, {
+  const { patchedNodeData } = useEncoreBinding({ id, nodeData });
+  const style = useEncoreStyle(patchedNodeData.style, {
     debug: false,
   });
 
@@ -1079,7 +1090,11 @@ const WebViewComponent: React.FC<ComponentProps> = ({ id, name, nodeData }) => {
       data-name={name}
       data-type="WebViewComponent"
       style={{ border: "none", ...style }}
-      src={nodeData.data?.params?.url}
+      src={
+        patchedNodeData.data?.params?.url ||
+        patchedNodeData.data?.url ||
+        patchedNodeData.encoreData?.url
+      }
     />
   );
 };
@@ -2964,8 +2979,8 @@ const PageComponent = ({ id, name, nodeData, children }) => {
   // Get parent container dimensions as fallback (more accurate than viewport)
   const parentContainerContext = useContext(EncoreContainerContext);
 
-  const originalWidth = nodeData.style.originalSize?.[0] || 1;
-  const originalHeight = nodeData.style.originalSize?.[1] || 1;
+  const originalWidth = nodeData.style.originalSize?.[0] || 375;
+  const originalHeight = nodeData.style.originalSize?.[1] || 812;
 
   // Prefer measured dimensions, then parent container dimensions, then viewport
   // BUT: If parent container has a fixed width that's much smaller than viewport,
@@ -3022,9 +3037,9 @@ const PageComponent = ({ id, name, nodeData, children }) => {
   }
 
   // Calculate scale factor using the effective (constrained) width
-  const fitScale =
-    Math.min(effectiveWidth / originalWidth, measuredHeight / originalHeight) ||
-    1;
+  // Use width-based scaling (Fit Width) instead of Contain (Math.min)
+  // This ensures scrollable pages are not shrunk to fit the viewport height
+  const fitScale = effectiveWidth / originalWidth || 1;
   const context = { scaleFactor: fitScale };
 
   // If componentId is specified, render only that child without page container

package/src/lib/logger.ts

@@ -5,9 +5,11 @@
  * Debug logs only appear in development mode.
  */
 
-const isDev = typeof import.meta !== 'undefined'
-  ? import.meta.env?.DEV || import.meta.env?.MODE === 'development'
-  : process.env.NODE_ENV === 'development';
+const isDev =
+  typeof import.meta !== "undefined"
+    ? (import.meta as any).env?.DEV ||
+      (import.meta as any).env?.MODE === "development"
+    : process.env.NODE_ENV === "development";
 
 /**
  * Logger instance with environment-aware methods
@@ -19,7 +21,7 @@ export const logger = {
    */
   debug: (...args: any[]) => {
     if (isDev) {
-      console.debug('[encore-lib]', ...args);
+      console.debug("[encore-lib]", ...args);
     }
   },
 
@@ -29,7 +31,7 @@ export const logger = {
    */
   info: (...args: any[]) => {
     if (isDev) {
-      console.info('[encore-lib]', ...args);
+      console.info("[encore-lib]", ...args);
     }
   },
 
@@ -38,7 +40,7 @@ export const logger = {
    * Use for recoverable issues that need attention
    */
   warn: (...args: any[]) => {
-    console.warn('[encore-lib]', ...args);
+    console.warn("[encore-lib]", ...args);
   },
 
   /**
@@ -46,7 +48,7 @@ export const logger = {
    * Use for errors and exceptions
    */
   error: (...args: any[]) => {
-    console.error('[encore-lib]', ...args);
+    console.error("[encore-lib]", ...args);
   },
 };
 

package/src/version.ts

@@ -1 +1 @@
-export const PACKAGE_VERSION = "0.1.36";
+export const PACKAGE_VERSION = "0.1.41";