Improve support for macOS icons

Author: darrarski

Example/Sources/ExampleAppIcon/ExampleAppIconView.swift

@@ -2,7 +2,16 @@ import SwiftUI
 import AppIconCreator
 
 public struct ExampleAppIconView: View {
-  public init() {}
+  public enum Platform {
+    case iOS
+    case macOS
+  }
+
+  public init(_ platform: Platform) {
+    self.platform = platform
+  }
+
+  var platform: Platform
 
   public var body: some View {
     GeometryReader { geometry in
@@ -15,16 +24,44 @@ public struct ExampleAppIconView: View {
           startPoint: .top,
           endPoint: .bottom
         ))
-        .padding(geometry.size.width * 0.15)
+        .padding(geometry.size.width * 0.18)
         .frame(maxWidth: .infinity, maxHeight: .infinity)
+        .background(
+          LinearGradient(
+            gradient: Gradient(colors: [.blue, .purple]),
+            startPoint: .top,
+            endPoint: .bottom
+          )
+        )
+        .if(platform == .macOS) {
+          $0.overlay(
+            RoundedRectangle(
+              cornerRadius: geometry.size.width * 0.4,
+              style: .continuous
+            )
+            .strokeBorder(
+              lineWidth: geometry.size.width * 0.06
+            )
+            .overlayMask(
+              LinearGradient(
+                gradient: Gradient(colors: [.purple, .blue]),
+                startPoint: .top,
+                endPoint: .bottom
+              )
+            )
+            .shadow(
+              color: Color.black.opacity(0.5),
+              radius: geometry.size.width * 0.015
+            )
+          )
+          .clipShape(
+            RoundedRectangle(
+              cornerRadius: geometry.size.width * 0.4,
+              style: .continuous
+            )
+          )
+        }
     }
-    .background(
-      LinearGradient(
-        gradient: Gradient(colors: [.blue, .purple]),
-        startPoint: .top,
-        endPoint: .bottom
-      )
-    )
   }
 }
 
@@ -37,8 +74,13 @@ extension View {
 struct ExampleAppIconView_Preivews: PreviewProvider {
   static var previews: some View {
     IconPreviews(
-      icon: ExampleAppIconView(),
+      icon: ExampleAppIconView(.iOS),
       configs: .iOS
     )
+    IconPreviews(
+      icon: ExampleAppIconView(.macOS),
+      configs: .macOS,
+      clip: false
+    )
   }
 }

Example/Sources/Export/main.swift

@@ -2,11 +2,15 @@ import AppIconCreator
 import ExampleAppIcon
 import Foundation
 
-let icon = ExampleAppIconView()
-let configs = [IconConfig].iOS
-let images = [IconImage].images(for: icon, with: configs)
 let exportURL = FileManager.default
   .homeDirectoryForCurrentUser
   .appendingPathComponent("Desktop")
   .appendingPathComponent("ExampleAppIcon")
-images.forEach { $0.save(to: exportURL) }
+
+[IconImage]
+  .images(for: ExampleAppIconView(.iOS), with: .iOS)
+  .forEach { $0.save(to: exportURL) }
+
+[IconImage]
+  .images(for: ExampleAppIconView(.macOS), with: .macOS)
+  .forEach { $0.save(to: exportURL) }

Sources/AppIconCreator/IconPreview.swift

@@ -3,10 +3,12 @@ import SwiftUI
 public struct IconPreview<Icon: View>: View {
   public var icon: Icon
   public var config: IconConfig
+  public var clip: Bool
 
-  public init(icon: Icon, config: IconConfig) {
+  public init(icon: Icon, config: IconConfig, clip: Bool = true) {
     self.icon = icon
     self.config = config
+    self.clip = clip
   }
 
   public var body: some View {
@@ -29,9 +31,13 @@ public struct IconPreview<Icon: View>: View {
     let screenScale = NSScreen.main!.backingScaleFactor
     let viewSize = CGFloat(config.size) * CGFloat(scale) / screenScale
     return icon
-      .background(Color.white)
       .environment(\.colorScheme, .light)
       .frame(width: viewSize, height: viewSize, alignment: .center)
-      .clipShape(RoundedRectangle(cornerRadius: viewSize * 0.2, style: .continuous))
+      .if(clip) {
+        $0.clipShape(RoundedRectangle(
+          cornerRadius: viewSize * 0.2,
+          style: .continuous
+        ))
+      }
   }
 }

Sources/AppIconCreator/IconPreviews.swift

@@ -3,16 +3,18 @@ import SwiftUI
 public struct IconPreviews<Icon: View>: View {
   public var icon: Icon
   public var configs: [IconConfig]
+  public var clip: Bool
 
-  public init(icon: Icon, configs: [IconConfig]) {
+  public init(icon: Icon, configs: [IconConfig], clip: Bool = true) {
     self.icon = icon
     self.configs = configs
+    self.clip = clip
   }
 
   public var body: some View {
     VStack(alignment: .leading, spacing: 16) {
       ForEach(configs) { config in
-        IconPreview(icon: icon, config: config)
+        IconPreview(icon: icon, config: config, clip: clip)
       }
     }
     .fixedSize()

Sources/AppIconCreator/View+If.swift

@@ -0,0 +1,12 @@
+import SwiftUI
+
+public extension View {
+  @ViewBuilder
+  func `if`<Content: View>(_ condition: Bool, content: (Self) -> Content) -> some View {
+    if condition {
+      content(self)
+    } else {
+      self
+    }
+  }
+}