✨ Circular accessory on iOS

ios/Runner.xcodeproj/project.pbxproj

@@ -3,7 +3,7 @@
 	archiveVersion = 1;
 	classes = {
 	};
-	objectVersion = 77;
+	objectVersion = 54;
 	objects = {
 
 /* Begin PBXBuildFile section */
@@ -216,6 +216,8 @@
 		};
 		7310A7D52EB10962002C0FD3 /* Solian Watch App */ = {
 			isa = PBXFileSystemSynchronizedRootGroup;
+			exceptions = (
+			);
 			path = "Solian Watch App";
 			sourceTree = "<group>";
 		};
@@ -757,14 +759,10 @@
 			inputFileListPaths = (
 				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-input-files.xcfilelist",
 			);
-			inputPaths = (
-			);
 			name = "[CP] Copy Pods Resources";
 			outputFileListPaths = (
 				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-output-files.xcfilelist",
 			);
-			outputPaths = (
-			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources.sh\"\n";
@@ -822,14 +820,10 @@
 			inputFileListPaths = (
 				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-input-files.xcfilelist",
 			);
-			inputPaths = (
-			);
 			name = "[CP] Embed Pods Frameworks";
 			outputFileListPaths = (
 				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-output-files.xcfilelist",
 			);
-			outputPaths = (
-			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n";
@@ -880,14 +874,10 @@
 			inputFileListPaths = (
 				"${PODS_ROOT}/Target Support Files/Pods-Solian Watch App/Pods-Solian Watch App-frameworks-${CONFIGURATION}-input-files.xcfilelist",
 			);
-			inputPaths = (
-			);
 			name = "[CP] Embed Pods Frameworks";
 			outputFileListPaths = (
 				"${PODS_ROOT}/Target Support Files/Pods-Solian Watch App/Pods-Solian Watch App-frameworks-${CONFIGURATION}-output-files.xcfilelist",
 			);
-			outputPaths = (
-			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Solian Watch App/Pods-Solian Watch App-frameworks.sh\"\n";

ios/SolianWidgetExtension/SolianNotificationWidget.swift

@@ -276,6 +276,18 @@ struct NotificationWidgetEntryView: View {
             if case .accessoryRectangular = family {
                 return true
             }
+            if case .accessoryCircular = family {
+                return true
+            }
+        }
+        return false
+    }
+    
+    private var isCircular: Bool {
+        if #available(iOS 16.0, *) {
+            if case .accessoryCircular = family {
+                return true
+            }
         }
         return false
     }
@@ -285,6 +297,22 @@ struct NotificationWidgetEntryView: View {
         Link(destination: URL(string: "solian://notifications")!) {
             if isCompact {
                 if isAccessory {
+                    if isCircular {
+                        ZStack {
+                            Image(systemName: "bell.fill")
+                                .font(.system(size: 20))
+                                .foregroundColor(unreadCount > 0 ? .orange : .gray)
+                            
+                            if unreadCount > 0 {
+                                Text("\(min(unreadCount, 99))")
+                                    .font(.system(size: 10, weight: .bold))
+                                    .foregroundColor(.white)
+                                    .padding(4)
+                                    .background(Circle().fill(Color.blue))
+                                    .offset(x: 12, y: -12)
+                            }
+                        }
+                    } else {
                         VStack(alignment: .leading, spacing: 2) {
                             HStack(spacing: 4) {
                                 Image(systemName: "bell.fill")
@@ -320,6 +348,7 @@ struct NotificationWidgetEntryView: View {
                                 .foregroundColor(.secondary)
                                 .padding(.horizontal, 1.5)
                         }
+                    }
                 } else {
                     VStack(alignment: .leading, spacing: 8) {
                         HStack(spacing: 6) {
@@ -490,6 +519,13 @@ struct NotificationWidgetEntryView: View {
     @ViewBuilder
     private func EmptyView() -> some View {
         Link(destination: URL(string: "solian://notifications")!) {
+            if isCircular {
+                ZStack {
+                    Image(systemName: "bell")
+                        .font(.system(size: 20))
+                        .foregroundColor(.gray)
+                }
+            } else {
                 VStack(alignment: .leading, spacing: isAccessory ? 4 : 8) {
                     HStack(spacing: 6) {
                         Image(systemName: "bell")
@@ -514,9 +550,14 @@ struct NotificationWidgetEntryView: View {
                 .padding(isAccessory ? 4 : 12)
             }
         }
+    }
     
     @ViewBuilder
     private func LoadingView() -> some View {
+        if isCircular {
+            ProgressView()
+                .scaleEffect(0.8)
+        } else {
             VStack(alignment: .leading, spacing: isAccessory ? 4 : 8) {
                 HStack(spacing: 6) {
                     ProgressView()
@@ -533,10 +574,18 @@ struct NotificationWidgetEntryView: View {
             }
             .padding(isAccessory ? 4 : 12)
         }
+    }
     
     @ViewBuilder
     private func ErrorView(error: String) -> some View {
         Link(destination: URL(string: "solian://notifications")!) {
+            if isCircular {
+                ZStack {
+                    Image(systemName: "exclamationmark.triangle")
+                        .font(.system(size: 20))
+                        .foregroundColor(.red)
+                }
+            } else {
                 VStack(alignment: .leading, spacing: isAccessory ? 4 : 8) {
                     HStack(spacing: 6) {
                         Image(systemName: "exclamationmark.triangle")
@@ -565,6 +614,7 @@ struct NotificationWidgetEntryView: View {
                 .padding(isAccessory ? 4 : 12)
             }
         }
+    }
     
     private func formatRelativeTime(_ date: Date) -> String {
         let now = Date()
@@ -647,13 +697,14 @@ struct SolianNotificationWidget: Widget {
     
     private var supportedFamilies: [WidgetFamily] {
 #if os(iOS)
-        return [.systemSmall, .systemMedium, .systemLarge, .accessoryRectangular]
+        return [.systemSmall, .systemMedium, .systemLarge, .accessoryRectangular, .accessoryCircular]
 #else
         return [.systemSmall, .systemMedium, .systemLarge]
 #endif
     }
 }
 
+#if os(iOS)
 #Preview(as: .accessoryRectangular) {
     SolianNotificationWidget()
 } timeline: {
@@ -694,6 +745,7 @@ struct SolianNotificationWidget: Widget {
         isLoading: false
     )
 }
+#endif
 
 #Preview(as: .systemSmall) {
     SolianNotificationWidget()
@@ -846,4 +898,31 @@ struct SolianNotificationWidget: Widget {
         isLoading: false
     )
 }
+
+#Preview(as: .accessoryCircular) {
+    SolianNotificationWidget()
+} timeline: {
+    NotificationEntry(
+        date: .now,
+        notifications: [
+            SnNotification(
+                id: "1",
+                topic: "post.replies",
+                title: "New reply",
+                subtitle: "Someone replied",
+                content: "Content",
+                meta: nil,
+                priority: 0,
+                viewedAt: nil,
+                accountId: "acc-1",
+                createdAt: ISO8601DateFormatter().string(from: Date()),
+                updatedAt: ISO8601DateFormatter().string(from: Date()),
+                deletedAt: nil
+            )
+        ],
+        unreadCount: 5,
+        error: nil,
+        isLoading: false
+    )
+}
 #endif