nn-widgets 0.1.5 → 0.1.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nn-widgets",
-  "version": "0.1.5",
+  "version": "0.1.14",
   "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;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"}

package/plugin/build/withIosWidget.js

@@ -139,6 +139,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 {
@@ -927,24 +936,24 @@ struct ${w.name}Provider: TimelineProvider {
 
 struct ${w.name}FlexCell: View {
     let item: WidgetListItem
+    let cellRatio: Double
     let defaultTitleColor: Color
     let defaultDescColor: Color
     let defaultAccentColor: Color
     
-    // Determine display mode based on item data:
-    // - hasRightIconOrDesc: show as list row (horizontal)
-    // - hasTitle: show as card (icon top, title bottom)
-    // - else: icon only
-    private var isListMode: Bool {
-        item.rightIcon != nil || item.description != nil
+    // Display mode based on cell ratio:
+    // - ratio == 1.0: list row style (icon left, text right)
+    // - ratio < 1.0: card style (icon top, text bottom)
+    private var isFullWidth: Bool {
+        cellRatio >= 1.0
     }
     
     private var isIconOnly: Bool {
-        item.title.text.isEmpty && !isListMode
+        item.title.text.isEmpty
     }
     
     var body: some View {
-        if isListMode {
+        if isFullWidth {
             // List row style: [icon] [title + desc] [rightIcon]
             HStack(spacing: 8) {
                 if let icon = item.icon {
@@ -989,24 +998,42 @@ 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, title below
+            // 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(item.title.resolvedFont(default: .caption))
+                    .font(item.title.resolvedFont(default: .caption2))
                     .fontWeight(item.title.resolvedWeight(default: .medium))
                     .foregroundColor(
                         item.title.color != nil
                             ? Color(hex: item.title.color!)
                             : defaultTitleColor
                     )
-                    .lineLimit(1)
+                    .lineLimit(2)
+                    .multilineTextAlignment(.center)
                     .truncationMode(.tail)
             }
             .frame(maxWidth: .infinity, maxHeight: .infinity)
@@ -1179,6 +1206,7 @@ struct ${w.name}FlexRow: View {
     @ViewBuilder
     private func cellView(colIndex: Int, width: CGFloat) -> some View {
         let index = getItemIndex(rowIndex: rowIndex, colIndex: colIndex)
+        let cellRatio = rowRatios[colIndex]
         let verticalAlignment: Alignment = {
             switch alignItems {
             case .flexStart: return .top
@@ -1193,6 +1221,7 @@ struct ${w.name}FlexRow: View {
                 Link(destination: url) {
                     ${w.name}FlexCell(
                         item: item,
+                        cellRatio: cellRatio,
                         defaultTitleColor: titleColor,
                         defaultDescColor: subtitleColor,
                         defaultAccentColor: accentColor
@@ -1202,6 +1231,7 @@ struct ${w.name}FlexRow: View {
             } else {
                 ${w.name}FlexCell(
                     item: item,
+                    cellRatio: cellRatio,
                     defaultTitleColor: titleColor,
                     defaultDescColor: subtitleColor,
                     defaultAccentColor: accentColor