Extract openURL helper and trim about strip to version only

Author: bjarneo

frontend/src/lib/components/layout/AboutStrip.svelte

@@ -1,24 +1,12 @@
 <script lang="ts">
-    async function openURL(url: string) {
-        try {
-            const {BrowserOpenURL} = await import(
-                '../../../../wailsjs/runtime/runtime'
-            );
-            BrowserOpenURL(url);
-        } catch {}
-    }
+    import {openURL} from '$lib/utils/browser';
 </script>
 
 <div
     class="bg-bg-secondary border-border text-fg-dimmed flex h-6 shrink-0 items-center justify-between border-t px-3 text-[10px]"
 >
     <div class="flex items-center gap-2">
-        <span class="text-fg-secondary font-semibold tracking-wide">Aether</span
-        >
-        <span class="bg-border h-3 w-px"></span>
         <span>v{__APP_VERSION__}</span>
-        <span class="bg-border h-3 w-px"></span>
-        <span>by Bjarne Øverli</span>
     </div>
     <div class="flex items-center gap-3">
         <button

frontend/src/lib/components/layout/HeaderBar.svelte

@@ -7,6 +7,7 @@
         toggleSidebar,
         type Tab,
     } from '$lib/stores/ui.svelte';
+    import {openURL} from '$lib/utils/browser';
 
     let sidebarVisible = $derived(getSidebarVisible());
     let isMac = $state(false);
@@ -18,13 +19,6 @@
         } catch {}
     });
 
-    async function openGitHub() {
-        const {BrowserOpenURL} = await import(
-            '../../../../wailsjs/runtime/runtime'
-        );
-        BrowserOpenURL('https://github.com/bjarneo/aether');
-    }
-
     const tabs: {id: Tab; label: string; icon: string}[] = [
         {
             id: 'editor',
@@ -80,7 +74,7 @@
         class:pb-1.5={isMac}
         class:ml-2={isMac}
         style="letter-spacing: 0.08em; --wails-draggable:no-drag"
-        onclick={openGitHub}
+        onclick={() => openURL('https://github.com/bjarneo/aether')}
         title="Open GitHub repository">AETHER</button
     >
     <button

frontend/src/lib/components/wallhaven/WallpaperCard.svelte

@@ -5,6 +5,7 @@
         getAdditionalImages,
     } from '$lib/stores/theme.svelte';
     import {setActiveTab, showToast} from '$lib/stores/ui.svelte';
+    import {openURL} from '$lib/utils/browser';
 
     let {wallpaper, onpreview}: {wallpaper: any; onpreview: () => void} =
         $props();
@@ -80,13 +81,8 @@
         }
     }
 
-    async function handleVisit() {
-        try {
-            const {BrowserOpenURL} = await import(
-                '../../../../wailsjs/runtime/runtime'
-            );
-            BrowserOpenURL(`https://wallhaven.cc/w/${wallpaper.id}`);
-        } catch {}
+    function handleVisit() {
+        openURL(`https://wallhaven.cc/w/${wallpaper.id}`);
     }
 
     function formatSize(bytes: number): string {

frontend/src/lib/utils/browser.ts

@@ -0,0 +1,8 @@
+export async function openURL(url: string): Promise<void> {
+    try {
+        const {BrowserOpenURL} = await import(
+            '../../../wailsjs/runtime/runtime'
+        );
+        BrowserOpenURL(url);
+    } catch {}
+}