fix generated icon file imports and add compilation step to e2e

.github/workflows/gui-checks.yml

@@ -116,8 +116,8 @@ jobs:
       fail-fast: false
       max-parallel: 24
       matrix:
-        shardIndex: [1, 2, 3, 4, 5, 6]
-        shardTotal: [6]
+        shardIndex: [1, 2, 3, 4]
+        shardTotal: [4]
 
     steps:
       - uses: actions/checkout@v4
@@ -143,6 +143,10 @@ jobs:
       - name: 📺 Install Playwright Browsers
         working-directory: app/gui
         run: pnpm run playwright:install
+
+      - name: ⚙️ Compile
+        id: compile
+        run: pnpm run compile
 
       - name: 🎭 Playwright Tests
         working-directory: app/gui

app/gui/src/project-view/components/StandaloneButton.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { URLString } from '@/util/data/urlString'
-import type { Icon } from '@/util/iconName'
+import type { Icon } from '@/util/iconMetadata/iconName'
 import SvgButton from './SvgButton.vue'
 
 const props = defineProps<{

app/gui/src/project-view/util/button.ts

@@ -1,4 +1,4 @@
-import { type Icon } from '@/util/iconName'
+import { type Icon } from '@/util/iconMetadata/iconName'
 import { computed, type ComputedRef, markRaw, type MaybeRef, type Ref, unref } from 'vue'
 
 export type ActionOrStateRequired = { action: () => void } | { state: Ref<boolean> }

app/gui/src/project-view/util/tabs.ts

@@ -1,5 +1,5 @@
+import { Icon } from '@/util/iconMetadata/iconName'
 import { assert } from './assert'
-import { Icon } from './iconName'
 
 export type TabButton<T> = { tab: T; title: string; icon: Icon }
 export type ExtractTabs<Buttons> = Buttons extends TabButton<infer T>[] ? T : never