feat(desktop-gpui): New Cap icon, Quick Look thumbnail and preview extensions

.github/workflows/ci.yml

@@ -54,6 +54,9 @@ jobs:
               - 'scripts/build-linux-packages.mjs'
               - 'scripts/build-macos-packages*'
               - 'scripts/bundle-gpui*'
+              - 'scripts/build-macos-bundles*'
+              - 'scripts/build-macos-icon*'
+              - 'apps/macos-bundles/**'
               - 'scripts/finalize-linux-*'
               - 'scripts/finalize-macos-*'
               - 'scripts/linux-bundle-config*'
@@ -335,7 +338,11 @@ jobs:
         uses: actions/checkout@v4
 
       - name: Test desktop build preparation
-        run: node --test scripts/prepare-gpui-dependency.test.mjs scripts/build-macos-packages.test.mjs scripts/bundle-gpui.test.mjs scripts/finalize-macos-packages.test.mjs
+        run: node --test scripts/prepare-gpui-dependency.test.mjs scripts/build-macos-packages.test.mjs scripts/bundle-gpui.test.mjs scripts/build-macos-bundles.test.mjs scripts/build-macos-icon.test.mjs scripts/finalize-macos-packages.test.mjs
+
+      - name: Compile macOS Quick Look bundles
+        if: ${{ runner.os == 'macOS' }}
+        run: swift build -c release --package-path apps/macos-bundles
 
       - name: Test Linux packaging
         if: ${{ runner.os == 'Linux' }}

.github/workflows/desktop-release.yml

@@ -231,7 +231,7 @@ jobs:
         run: node --test scripts/prepare-gpui-dependency.test.mjs
 
       - name: Test desktop packaging scripts
-        run: node --test scripts/build-macos-packages.test.mjs scripts/bundle-gpui.test.mjs scripts/finalize-macos-packages.test.mjs
+        run: node --test scripts/build-macos-packages.test.mjs scripts/bundle-gpui.test.mjs scripts/build-macos-bundles.test.mjs scripts/build-macos-icon.test.mjs scripts/finalize-macos-packages.test.mjs
 
       - name: Install Linux desktop dependencies
         if: ${{ runner.os == 'Linux' }}

apps/desktop-gpui/Info.plist

@@ -41,5 +41,31 @@
 	<string>Cap captures your screen as part of recording your Caps</string>
 	<key>NSCameraUseContinuityCameraDeviceType</key>
 	<true/>
+	<key>UTExportedTypeDeclarations</key>
+	<array>
+		<dict>
+			<key>UTTypeIdentifier</key>
+			<string>so.cap.desktop.project</string>
+			<key>UTTypeDescription</key>
+			<string>Cap Project</string>
+			<key>UTTypeConformsTo</key>
+			<array>
+				<string>com.apple.package</string>
+			</array>
+			<key>UTTypeTagSpecification</key>
+			<dict>
+				<key>public.filename-extension</key>
+				<array>
+					<string>cap</string>
+				</array>
+			</dict>
+		</dict>
+	</array>
+	<key>CFBundleIconFile</key>
+	<string>icon.icns</string>
+	<key>CFBundleIconName</key>
+	<string>cap-solarium</string>
+	<key>NSAccentColorName</key>
+	<string>AccentColor</string>
 </dict>
 </plist>

apps/desktop-gpui/icons/Cap.xcassets/AccentColor.colorset/Contents.json

@@ -0,0 +1,38 @@
+{
+	"colors": [
+		{
+			"color": {
+				"color-space": "srgb",
+				"components": {
+					"alpha": "1.000",
+					"blue": "0xFF",
+					"green": "0x7A",
+					"red": "0x00"
+				}
+			},
+			"idiom": "universal"
+		},
+		{
+			"appearances": [
+				{
+					"appearance": "luminosity",
+					"value": "dark"
+				}
+			],
+			"color": {
+				"color-space": "srgb",
+				"components": {
+					"alpha": "1.000",
+					"blue": "0xFF",
+					"green": "0x84",
+					"red": "0x0A"
+				}
+			},
+			"idiom": "universal"
+		}
+	],
+	"info": {
+		"author": "xcode",
+		"version": 1
+	}
+}

apps/desktop-gpui/icons/Cap.xcassets/Contents.json

@@ -0,0 +1,6 @@
+{
+	"info": {
+		"author": "xcode",
+		"version": 1
+	}
+}

apps/desktop-gpui/icons/cap-solarium.icon/icon.json

@@ -0,0 +1,141 @@
+{
+  "features" : [
+    "refractivity",
+    "specular-location"
+  ],
+  "fill-specializations" : [
+    {
+      "value" : {
+        "linear-gradient" : [
+          "display-p3:1.00000,0.95753,0.96331,1.00000",
+          "display-p3:0.97104,0.97104,0.97104,1.00000"
+        ],
+        "orientation" : {
+          "start" : {
+            "x" : 0.5,
+            "y" : 1
+          },
+          "stop" : {
+            "x" : 0.5,
+            "y" : 0
+          }
+        }
+      }
+    },
+    {
+      "appearance" : "dark",
+      "value" : "automatic"
+    }
+  ],
+  "groups" : [
+    {
+      "blend-mode-specializations" : [
+        {
+          "appearance" : "dark",
+          "value" : "normal"
+        }
+      ],
+      "blur-material-specializations" : [
+        {
+          "value" : null
+        },
+        {
+          "appearance" : "tinted",
+          "value" : null
+        }
+      ],
+      "hidden-specializations" : [
+        {
+          "value" : false
+        },
+        {
+          "idiom" : "square",
+          "value" : false
+        }
+      ],
+      "layers" : [
+        {
+          "image-name" : "cap-mark.svg",
+          "name" : "cap-mark"
+        }
+      ],
+      "lighting" : "individual",
+      "position-specializations" : [
+        {
+          "value" : {
+            "scale" : 1,
+            "translation-in-points" : [
+              0,
+              0
+            ]
+          }
+        },
+        {
+          "idiom" : "square",
+          "value" : {
+            "scale" : 25,
+            "translation-in-points" : [
+              0,
+              0
+            ]
+          }
+        }
+      ],
+      "refractivity-specializations" : [
+        {
+          "value" : {
+            "depth" : 0.9164453125,
+            "enabled" : true,
+            "strength" : 0.6414453125
+          }
+        },
+        {
+          "appearance" : "tinted",
+          "value" : {
+            "depth" : 0.443515625,
+            "enabled" : true,
+            "strength" : 0.278125
+          }
+        }
+      ],
+      "shadow" : {
+        "kind" : "layer-color",
+        "opacity" : 0.6
+      },
+      "specular-specializations" : [
+        {
+          "value" : "inside"
+        },
+        {
+          "appearance" : "dark",
+          "value" : "inside"
+        },
+        {
+          "appearance" : "tinted",
+          "value" : true
+        }
+      ],
+      "translucency-specializations" : [
+        {
+          "value" : {
+            "enabled" : true,
+            "value" : 0.2
+          }
+        },
+        {
+          "appearance" : "tinted",
+          "value" : {
+            "enabled" : true,
+            "value" : 0.2
+          }
+        }
+      ]
+    }
+  ],
+  "supported-platforms" : {
+    "circles" : [
+      "watchOS"
+    ],
+    "squares" : "shared"
+  }
+}

apps/desktop-gpui/src/main.rs

@@ -376,6 +376,7 @@ fn main() {
         gpui_tokio::Tokio::spawn(cx, cap_utils::operation_diagnostics::run_checkpoints()).detach();
         // The dock icon: an unbundled dev binary shows the generic terminal
         // document without it. The bytes are the shipping app's icon.png.
+        #[cfg(debug_assertions)]
         platform::set_dock_icon(include_bytes!("../assets/dock-icon.png"));
 
         if let Err(error) = Assets.load_fonts(cx) {

apps/desktop-gpui/tauri.conf.json

@@ -27,8 +27,9 @@
 			"icons/32x32.png",
 			"icons/128x128.png",
 			"icons/128x128@2x.png",
-			"icons/macos/icon.icns",
-			"icons/icon.ico"
+			"icons/icon.icns",
+			"icons/icon.ico",
+			"icons/icon.png"
 		],
 		"resources": {
 			"assets/backgrounds/macOS/*": "assets/backgrounds/macOS/",

apps/macos-bundles/.gitignore

@@ -0,0 +1 @@
+.build/