nn-widgets 0.1.14 → 0.1.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nn-widgets",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "Expo config plugin for adding native widgets (iOS WidgetKit & Android App Widgets)",
   "main": "build/index.js",
   "types": "build/index.d.ts",

package/plugin/build/withIosWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withIosWidget.d.ts","sourceRoot":"","sources":["../src/withIosWidget.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAIb,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AA4oDjB,eAAO,MAAM,aAAa,EAAE,YAAY,CAAC,oBAAoB,CAugB5D,CAAC;AAMF,wBAAgB,eAAe,CAC7B,KAAK,EAAE,oBAAoB,EAC3B,OAAO,EAAE,MAAM,EACf,gBAAgB,EAAE,MAAM,GACvB,mBAAmB,CA2GrB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"withIosWidget.d.ts","sourceRoot":"","sources":["../src/withIosWidget.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAIb,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAgqDjB,eAAO,MAAM,aAAa,EAAE,YAAY,CAAC,oBAAoB,CAugB5D,CAAC;AAMF,wBAAgB,eAAe,CAC7B,KAAK,EAAE,oBAAoB,EAC3B,OAAO,EAAE,MAAM,EACf,gBAAgB,EAAE,MAAM,GACvB,mBAAmB,CA2GrB;AAED,eAAe,aAAa,CAAC"}

package/plugin/build/withIosWidget.js

@@ -41,6 +41,29 @@ const path = __importStar(require("path"));
 // ──────────────────────────────────────────────
 //  Swift code generation helpers
 // ──────────────────────────────────────────────
+// Material background types supported by SwiftUI
+const MATERIAL_BACKGROUNDS = {
+    blur: ".regularMaterial",
+    ultraThinMaterial: ".ultraThinMaterial",
+    thinMaterial: ".thinMaterial",
+    regularMaterial: ".regularMaterial",
+    thickMaterial: ".thickMaterial",
+    ultraThickMaterial: ".ultraThickMaterial",
+};
+/**
+ * Convert backgroundColor value to SwiftUI code.
+ * Supports: hex colors (#FFFFFF), material names (blur, thinMaterial, etc.)
+ */
+function resolveBackgroundColor(backgroundColor, defaultValue = ".clear") {
+    if (!backgroundColor)
+        return defaultValue;
+    // Check if it's a material background
+    const material = MATERIAL_BACKGROUNDS[backgroundColor];
+    if (material)
+        return material;
+    // Otherwise treat as hex color
+    return `Color(hex: "${backgroundColor}")`;
+}
 function generateDataProviderCode(props, bundleId) {
     const useAppGroups = props.ios.useAppGroups;
     const appGroupId = props.ios.appGroupIdentifier || `group.${bundleId}`;
@@ -395,9 +418,7 @@ struct ${w.name}: Widget {
 }`;
 }
 function generateListWidgetCode(w, deepLinkLine) {
-    const bgColor = w.style?.backgroundColor
-        ? `Color(hex: "${w.style.backgroundColor}")`
-        : ".clear";
+    const bgColor = resolveBackgroundColor(w.style?.backgroundColor);
     const titleColor = w.style?.titleColor
         ? `Color(hex: "${w.style.titleColor}")`
         : ".primary";
@@ -607,9 +628,7 @@ function generateGridWidgetCode(w, deepLinkLine) {
             gridRows = parseInt(match[2], 10);
         }
     }
-    const bgColor = w.style?.backgroundColor
-        ? `Color(hex: "${w.style.backgroundColor}")`
-        : ".clear";
+    const bgColor = resolveBackgroundColor(w.style?.backgroundColor);
     const titleColor = w.style?.titleColor
         ? `Color(hex: "${w.style.titleColor}")`
         : ".primary";
@@ -799,9 +818,7 @@ struct ${w.name}: Widget {
 }`;
 }
 function generateFlexGridWidgetCode(w, deepLinkLine) {
-    const bgColor = w.style?.backgroundColor
-        ? `Color(hex: "${w.style.backgroundColor}")`
-        : ".clear";
+    const bgColor = resolveBackgroundColor(w.style?.backgroundColor);
     const titleColor = w.style?.titleColor
         ? `Color(hex: "${w.style.titleColor}")`
         : ".primary";
@@ -1267,9 +1284,7 @@ struct ${w.name}: Widget {
 }`;
 }
 function generateSingleTypeWidgetCode(w, deepLinkLine) {
-    const bgColor = w.style?.backgroundColor
-        ? `Color(hex: "${w.style.backgroundColor}")`
-        : ".clear";
+    const bgColor = resolveBackgroundColor(w.style?.backgroundColor);
     const titleColor = w.style?.titleColor
         ? `Color(hex: "${w.style.titleColor}")`
         : ".primary";