From 7c263bf2a56cf63388bbca290b45c9692c22c141 Mon Sep 17 00:00:00 2001
From: Owais Jamil <desertthunder.dev@gmail.com>
Date: Mon, 7 Sep 2026 11:48:32 -0500
Subject: [PATCH] feat: external links in desktop icons

---
 .changeset/all-hoops-relate.md         |  5 ++
 src/lib/components/DesktopIcon.svelte  | 31 ++++++++-----
 src/lib/components/GnomeMenuBar.svelte | 64 ++++++++++++--------------
 src/lib/launcher.ts                    |  5 +-
 static/logos/apple-classic.svg         | 18 ++++++++
 5 files changed, 76 insertions(+), 47 deletions(-)
 create mode 100644 .changeset/all-hoops-relate.md
 create mode 100644 static/logos/apple-classic.svg

diff --git a/.changeset/all-hoops-relate.md b/.changeset/all-hoops-relate.md
new file mode 100644
index 0000000..2ced3f7
--- /dev/null
+++ b/.changeset/all-hoops-relate.md
@@ -0,0 +1,5 @@
+---
+'intrepid-ibex': minor
+---
+
+added external link capability to desktop icons
diff --git a/src/lib/components/DesktopIcon.svelte b/src/lib/components/DesktopIcon.svelte
index 2b8afb9..39ddef5 100644
--- a/src/lib/components/DesktopIcon.svelte
+++ b/src/lib/components/DesktopIcon.svelte
@@ -1,19 +1,26 @@
 <script lang="ts">
-	type Props = { label: string; icon: string; selected?: boolean; onactivate?: () => void };
+	type Props = { label: string; icon: string; href?: string; selected?: boolean; onactivate?: () => void };
 
-	let { label, icon, selected = false, onactivate }: Props = $props();
+	let { label, icon, href, selected = false, onactivate }: Props = $props();
 </script>
 
-<button
-	class:selected
-	class="desktop-icon"
-	type="button"
-	aria-label={label}
-	onclick={onactivate}
-	ondblclick={onactivate}>
-	<img src={icon} alt="" width="48" height="48" />
-	<span>{label}</span>
-</button>
+{#if href}
+	<a class="desktop-icon" href={href} target="_blank" rel="external noreferrer" aria-label={label}>
+		<img src={icon} alt="" width="48" height="48" />
+		<span>{label}</span>
+	</a>
+{:else}
+	<button
+		class:selected
+		class="desktop-icon"
+		type="button"
+		aria-label={label}
+		onclick={onactivate}
+		ondblclick={onactivate}>
+		<img src={icon} alt="" width="48" height="48" />
+		<span>{label}</span>
+	</button>
+{/if}
 
 <style>
 	.desktop-icon {
diff --git a/src/lib/components/GnomeMenuBar.svelte b/src/lib/components/GnomeMenuBar.svelte
index cf257a4..707c53f 100644
--- a/src/lib/components/GnomeMenuBar.svelte
+++ b/src/lib/components/GnomeMenuBar.svelte
@@ -6,7 +6,7 @@
 	import { repoBrowser } from '$lib/atproto/repo.svelte';
 	import { blobsPath, collectionPath, identityPath } from '$lib/atproto/routes';
 	import { REPO_URL } from '$lib/constants';
-	import { desktopLaunchers, type DesktopLauncherId } from '$lib/launcher';
+	import { desktopLaunchers, type DesktopLauncher } from '$lib/launcher';
 	import { desktopSession } from '$lib/desktop-session.svelte';
 	import { windowManager } from '$lib/window-manager.svelte';
 	import GnomeTray from '$lib/components/GnomeTray.svelte';
@@ -58,43 +58,39 @@
 		windowManager.open('about-computer');
 	}
 
-	function openLauncher(id: DesktopLauncherId) {
-		if (id === 'home') {
-			openPath('/');
+	function openLauncher(launcher: DesktopLauncher) {
+		if (launcher.href) {
+			window.open(launcher.href, '_blank', 'noopener,noreferrer');
 			return;
 		}
 
-		if (id === 'collections') {
-			openPath('/browse');
-			return;
-		}
-
-		if (id === 'identity-inspector') {
-			openIdentityInspector();
-			return;
-		}
-
-		if (id === 'image-viewer') {
-			openImageViewer();
-			return;
-		}
-
-		if (id === 'web-browser') {
-			openPath('/lexicons');
-			return;
-		}
-
-		if (id === 'about-computer') {
-			openAboutComputer();
-			return;
-		}
-
-		if (id === 'document-viewer') {
-			openPath('/docs');
-			return;
+		switch (launcher.id) {
+			case 'home':
+				openPath('/');
+				return;
+			case 'collections':
+				openPath('/browse');
+				return;
+			case 'identity-inspector':
+				openIdentityInspector();
+				return;
+			case 'image-viewer':
+				openImageViewer();
+				return;
+			case 'web-browser':
+				openPath('/lexicons');
+				return;
+			case 'about-computer':
+				openAboutComputer();
+				return;
+			case 'document-viewer':
+				openPath('/docs');
+				return;
+			case 'trash':
+			case 'pds-os':
+				window.open(REPO_URL, '_blank', 'noopener,noreferrer');
 		}
 
-		window.open(REPO_URL, '_blank', 'noopener,noreferrer');
 	}
 </script>
 
@@ -107,7 +103,7 @@
 		<div class="menu-popover applications-popover">
 			<p class="menu-heading">Applications</p>
 			{#each desktopLaunchers as launcher (launcher.id)}
-				<button type="button" onclick={() => openLauncher(launcher.id)}>
+				<button type="button" onclick={() => openLauncher(launcher)}>
 					<img src={launcher.icon} alt="" width="16" height="16" />
 					<span>{launcher.label}</span>
 				</button>
diff --git a/src/lib/launcher.ts b/src/lib/launcher.ts
index 4cf7fbd..b877c38 100644
--- a/src/lib/launcher.ts
+++ b/src/lib/launcher.ts
@@ -4,11 +4,12 @@ export type DesktopLauncherId =
 	| 'identity-inspector'
 	| 'image-viewer'
 	| 'web-browser'
+	| 'pds-os'
 	| 'about-computer'
 	| 'document-viewer'
 	| 'trash';
 
-export type DesktopLauncher = { id: DesktopLauncherId; label: string; icon: string };
+export type DesktopLauncher = { id: DesktopLauncherId; label: string; icon: string; href?: string };
 
 export const desktopLaunchers: DesktopLauncher[] = [
 	{ id: 'home', label: 'ibex Home', icon: '/icons/humanity/places/user-home.svg' },
@@ -16,6 +17,7 @@ export const desktopLaunchers: DesktopLauncher[] = [
 	{ id: 'identity-inspector', label: 'Identity Inspector', icon: '/icons/humanity/apps/identity-inspector.svg' },
 	{ id: 'image-viewer', label: 'Image Viewer', icon: '/icons/humanity/apps/eog.svg' },
 	{ id: 'web-browser', label: 'Web Browser', icon: '/icons/humanity/apps/web-browser.svg' },
+	{ id: 'pds-os', label: 'PDS OS', icon: '/logos/apple-classic.svg', href: 'https://pdsos.wisp.place/' },
 	{ id: 'about-computer', label: 'Computer', icon: '/icons/humanity/devices/computer.svg' },
 	{ id: 'document-viewer', label: 'Document Viewer', icon: '/icons/humanity/mimes/gnome-mime-application-pdf.svg' },
 	{ id: 'trash', label: 'Trash', icon: '/icons/humanity/places/user-trash.svg' }
@@ -26,6 +28,7 @@ const rightDesktopLauncherIds = new Set<DesktopLauncherId>([
 	'identity-inspector',
 	'image-viewer',
 	'web-browser',
+	'pds-os',
 	'document-viewer'
 ]);
 
diff --git a/static/logos/apple-classic.svg b/static/logos/apple-classic.svg
new file mode 100644
index 0000000..95a3d9b
--- /dev/null
+++ b/static/logos/apple-classic.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 0 89.89 104.6">
+    <defs>
+        <clipPath id="a">
+            <path
+                d="M150.97 50.8c-9.07.38-19.66 3.95-25.85 8.6-5.62 4.21-10.26 10.47-8.46 16.56 9.9.19 20.13-3.47 26.07-8.18 5.55-4.4 9.77-10.63 8.24-16.99m3.35 24.48c-15.27 0-21.72 4.49-32.31 4.49-10.92 0-19.23-4.49-32.43-4.49-12.98 0-26.77 4.88-35.51 13.21l-.16.16A24.3 24.3 0 0 0 46.88 102c-.76 4.14-.56 8.66.62 13.35a46 46 0 0 0 5.93 13.35 65 65 0 0 0 11.45 13.35c7 6.45 16.2 13.28 28.04 13.34 11.08.07 14.21-4.37 29.24-4.42s17.87 4.47 28.94 4.4c11.35-.05 20.7-7 27.67-13.32l1.98-1.83a70 70 0 0 0 10.12-11.51l.87-1.18c-9.96-2.32-17.03-6.85-20.85-12.18-3-4.18-4-8.86-2.81-13.35 1.31-4.98 5.3-9.73 12.2-13.35a45 45 0 0 1 6.52-2.76c-8.72-6.72-20.95-10.61-32.48-10.61" />
+        </clipPath>
+    </defs>
+    <g clip-path="url(#a)" transform="matrix(.61862 0 0 1 -28.72 -50.8)">
+        <g stroke-linecap="round">
+            <path fill="#75bd21" d="M24.86 37.45H213.3V102H24.86z" />
+            <path fill="#ffc728" d="M24.86 88.65H213.3v26.7H24.86z" />
+            <path fill="#ff661c" d="M24.86 102H213.3v26.7H24.86z" />
+            <path fill="#cf0f2b" d="M24.86 115.35H213.3v26.7H24.86z" />
+            <path fill="#b01cab" d="M24.86 128.7H213.3v26.68H24.86z" />
+            <path fill="#00a1de" d="M24.86 142.06H213.3v26.68H24.86z" />
+        </g>
+    </g>
+</svg>
-- 
2.51.2