fix(stage): types

Author: nekomeowww

apps/stage-web/package.json

@@ -82,6 +82,7 @@
     "zod": "^3.24.2"
   },
   "devDependencies": {
+    "@electron-toolkit/preload": "^3.0.1",
     "@iconify-json/carbon": "^1.2.7",
     "@iconify-json/eos-icons": "^1.2.2",
     "@iconify-json/lucide": "^1.2.26",

packages/stage-ui/build.config.ts

@@ -9,6 +9,7 @@ export default defineBuildConfig({
     { builder: 'mkdist', input: './src/composables/', outDir: './dist/composables', pattern: '**/*.ts', format: 'esm', loaders: ['js'] },
     { builder: 'mkdist', input: './src/utils/', outDir: './dist/utils', pattern: '**/*.ts', format: 'esm', loaders: ['js'] },
     { builder: 'mkdist', input: './src/libs/', outDir: './dist/libs', pattern: '**/*.ts', format: 'esm', loaders: ['js'] },
+    { builder: 'mkdist', input: './src/types/', outDir: './dist/types', pattern: '**/*.ts', format: 'esm', loaders: ['js'] },
   ],
   declaration: true,
   sourcemap: true,

packages/stage-ui/package.json

@@ -50,5 +50,8 @@
     "stub": "unbuild --stub",
     "build": "unbuild",
     "typecheck": "vue-tsc --noEmit"
+  },
+  "devDependencies": {
+    "@electron-toolkit/preload": "^3.0.1"
   }
 }

packages/stage-ui/src/components/Widgets/Stage.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import type { ElectronAPI } from '@electron-toolkit/preload'
 import type { Emotion } from '../../constants/emotions'
 
 import { generateSpeech } from '@xsai/generate-speech'
@@ -179,19 +180,24 @@ onStreamEnd(async () => {
 
 onUnmounted(() => {
   lipSyncStarted.value = false
-  window.electron?.ipcRenderer.removeAllListeners('before-hide')
-  window.electron?.ipcRenderer.removeAllListeners('after-show')
-  window.electron?.ipcRenderer.removeAllListeners('before-quit')
+
+  const extendedWindow = window as Window & typeof globalThis & { electron?: ElectronAPI }
+
+  extendedWindow.electron?.ipcRenderer.removeAllListeners('before-hide')
+  extendedWindow.electron?.ipcRenderer.removeAllListeners('after-show')
+  extendedWindow.electron?.ipcRenderer.removeAllListeners('before-quit')
 })
 
 onMounted(() => {
-  window.electron?.ipcRenderer.on('before-hide', () => {
+  const extendedWindow = window as Window & typeof globalThis & { electron?: ElectronAPI }
+
+  extendedWindow.electron?.ipcRenderer.on('before-hide', () => {
     motion.value = EmotionAngryMotionName
   })
-  window.electron?.ipcRenderer.on('after-show', () => {
+  extendedWindow.electron?.ipcRenderer.on('after-show', () => {
     motion.value = EmotionHappyMotionName
   })
-  window.electron?.ipcRenderer.on('before-quit', () => {
+  extendedWindow.electron?.ipcRenderer.on('before-quit', () => {
     motion.value = EmotionThinkMotionName
   })
 })