nn-widgets 0.1.13 → 0.1.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nn-widgets",
-  "version": "0.1.13",
+  "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;AA8mDjB,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}`;
@@ -139,6 +162,15 @@ struct WidgetIconConfig {
         self.borderWidth = 0
         self.borderColor = nil
     }
+    
+    init(url: String, size: CGFloat, radius: CGFloat, backgroundColor: String?, borderWidth: CGFloat, borderColor: String?) {
+        self.url = url
+        self.size = size
+        self.radius = radius
+        self.backgroundColor = backgroundColor
+        self.borderWidth = borderWidth
+        self.borderColor = borderColor
+    }
 }
 
 struct WidgetTextConfig {
@@ -386,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";
@@ -598,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";
@@ -790,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";
@@ -989,19 +1015,40 @@ struct ${w.name}FlexCell: View {
         } else if isIconOnly {
             // Icon only mode - centered in cell
             if let icon = item.icon {
-                WidgetIconView(config: icon, accentColor: defaultAccentColor)
+                let scaledIcon = WidgetIconConfig(
+                    url: icon.url,
+                    size: icon.size * 1.3,
+                    radius: icon.radius * 1.3,
+                    backgroundColor: icon.backgroundColor,
+                    borderWidth: icon.borderWidth,
+                    borderColor: icon.borderColor
+                )
+                WidgetIconView(config: scaledIcon, accentColor: defaultAccentColor)
             }
         } else {
             // Card style: icon on top, small title below
             VStack(spacing: 4) {
                 if let icon = item.icon {
-                    WidgetIconView(config: icon, accentColor: defaultAccentColor)
+                    // Scale up icon for card style (1.3x larger)
+                    let scaledIcon = WidgetIconConfig(
+                        url: icon.url,
+                        size: icon.size * 1.3,
+                        radius: icon.radius * 1.3,
+                        backgroundColor: icon.backgroundColor,
+                        borderWidth: icon.borderWidth,
+                        borderColor: icon.borderColor
+                    )
+                    WidgetIconView(config: scaledIcon, accentColor: defaultAccentColor)
                 }
                 
                 Text(item.title.text)
-                    .font(.caption2)
-                    .fontWeight(.medium)
-                    .foregroundColor(defaultTitleColor)
+                    .font(item.title.resolvedFont(default: .caption2))
+                    .fontWeight(item.title.resolvedWeight(default: .medium))
+                    .foregroundColor(
+                        item.title.color != nil
+                            ? Color(hex: item.title.color!)
+                            : defaultTitleColor
+                    )
                     .lineLimit(2)
                     .multilineTextAlignment(.center)
                     .truncationMode(.tail)
@@ -1237,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";