nn-widgets 0.1.5 → 0.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nn-widgets",
-  "version": "0.1.5",
+  "version": "0.1.13",
   "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.js

@@ -927,24 +927,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 {
@@ -992,21 +992,18 @@ struct ${w.name}FlexCell: View {
                 WidgetIconView(config: icon, 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)
                 }
                 
                 Text(item.title.text)
-                    .font(item.title.resolvedFont(default: .caption))
-                    .fontWeight(item.title.resolvedWeight(default: .medium))
-                    .foregroundColor(
-                        item.title.color != nil
-                            ? Color(hex: item.title.color!)
-                            : defaultTitleColor
-                    )
-                    .lineLimit(1)
+                    .font(.caption2)
+                    .fontWeight(.medium)
+                    .foregroundColor(defaultTitleColor)
+                    .lineLimit(2)
+                    .multilineTextAlignment(.center)
                     .truncationMode(.tail)
             }
             .frame(maxWidth: .infinity, maxHeight: .infinity)
@@ -1179,6 +1176,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 +1191,7 @@ struct ${w.name}FlexRow: View {
                 Link(destination: url) {
                     ${w.name}FlexCell(
                         item: item,
+                        cellRatio: cellRatio,
                         defaultTitleColor: titleColor,
                         defaultDescColor: subtitleColor,
                         defaultAccentColor: accentColor
@@ -1202,6 +1201,7 @@ struct ${w.name}FlexRow: View {
             } else {
                 ${w.name}FlexCell(
                     item: item,
+                    cellRatio: cellRatio,
                     defaultTitleColor: titleColor,
                     defaultDescColor: subtitleColor,
                     defaultAccentColor: accentColor