From 6a0d99fe15fe99eb0e0c570263d349a3cd8f40c4 Mon Sep 17 00:00:00 2001
From: RainbowBird <rbxin2003@outlook.com>
Date: Sat, 28 Jun 2025 13:35:27 +0800
Subject: [PATCH] refactor: dynamic import `@tauri-apps/plugin-os` (#239)

---------

Co-authored-by: Neko Ayaka <neko@ayaka.moe>
---
 apps/stage-tamagotchi/src/App.vue             |  2 +-
 .../src/components/Window/TitleBar.vue        |  2 +-
 .../src/composables/runtime.ts                | 37 +++++++++++++
 packages/stage-ui/src/composables/index.ts    |  1 -
 packages/stage-ui/src/composables/runtime.ts  | 54 -------------------
 pnpm-lock.yaml                                | 10 ++++
 6 files changed, 49 insertions(+), 57 deletions(-)
 create mode 100644 apps/stage-tamagotchi/src/composables/runtime.ts
 delete mode 100644 packages/stage-ui/src/composables/runtime.ts

diff --git a/apps/stage-tamagotchi/src/App.vue b/apps/stage-tamagotchi/src/App.vue
index 7d74ec950..42cb481e5 100644
--- a/apps/stage-tamagotchi/src/App.vue
+++ b/apps/stage-tamagotchi/src/App.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { useAppRuntime } from '@proj-airi/stage-ui/composables'
 import { useMcpStore, useSettings } from '@proj-airi/stage-ui/stores'
 import { listen } from '@tauri-apps/api/event'
 import { Window } from '@tauri-apps/api/window'
@@ -9,6 +8,7 @@ import { computed, onMounted, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { RouterView } from 'vue-router'
 
+import { useAppRuntime } from './composables/runtime'
 import { useWindowControlStore } from './stores/window-controls'
 
 const { language, themeColorsHue, themeColorsHueDynamic, allowVisibleOnAllWorkspaces } = storeToRefs(useSettings())
diff --git a/apps/stage-tamagotchi/src/components/Window/TitleBar.vue b/apps/stage-tamagotchi/src/components/Window/TitleBar.vue
index 0e809cfe0..014d34660 100644
--- a/apps/stage-tamagotchi/src/components/Window/TitleBar.vue
+++ b/apps/stage-tamagotchi/src/components/Window/TitleBar.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useAppRuntime } from '@proj-airi/stage-ui/composables'
+import { useAppRuntime } from '../../composables/runtime'
 
 defineProps<{
   title: string
diff --git a/apps/stage-tamagotchi/src/composables/runtime.ts b/apps/stage-tamagotchi/src/composables/runtime.ts
new file mode 100644
index 000000000..ab371c02d
--- /dev/null
+++ b/apps/stage-tamagotchi/src/composables/runtime.ts
@@ -0,0 +1,37 @@
+import { computedAsync } from '@vueuse/core'
+import { onMounted, ref } from 'vue'
+
+async function getTauri() {
+  try {
+    const os = await import('@tauri-apps/plugin-os')
+    return os
+  }
+  catch {
+    return null
+  }
+}
+
+async function getTauriOSPluginInternal() {
+  const os = await import('@tauri-apps/plugin-os')
+  return os
+}
+
+export function useAppRuntime() {
+  const isTauri = ref<boolean>(false)
+
+  const platform = computedAsync(async () => {
+    if (!isTauri.value) {
+      return 'web'
+    }
+
+    return (await getTauriOSPluginInternal())?.platform?.() || 'web'
+  })
+
+  onMounted(async () => {
+    isTauri.value = (await getTauri()) != null
+  })
+
+  return {
+    platform,
+  }
+}
diff --git a/packages/stage-ui/src/composables/index.ts b/packages/stage-ui/src/composables/index.ts
index e15d35dbe..478d703a4 100644
--- a/packages/stage-ui/src/composables/index.ts
+++ b/packages/stage-ui/src/composables/index.ts
@@ -3,6 +3,5 @@ export * from './markdown'
 export * from './micvad'
 export * from './queue'
 export * from './queues'
-export * from './runtime'
 export * from './vrm'
 export * from './whisper'
diff --git a/packages/stage-ui/src/composables/runtime.ts b/packages/stage-ui/src/composables/runtime.ts
deleted file mode 100644
index edca51046..000000000
--- a/packages/stage-ui/src/composables/runtime.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { computed } from 'vue'
-
-export function useTauri() {
-  const isTauri = computed(() => {
-    if ('window' in globalThis && globalThis.window != null) {
-      if ('__TAURI__' in globalThis.window && globalThis.window.__TAURI__ != null) {
-        return true
-      }
-    }
-
-    return false
-  })
-
-  return {
-    isTauri,
-    isWeb: computed(() => !isTauri.value),
-  }
-}
-
-export function useAppRuntime() {
-  const { isTauri, isWeb } = useTauri()
-  const platform = computed(() => {
-    if (isTauri.value) {
-      if ('window' in globalThis && globalThis.window != null) {
-        // https://github.com/tauri-apps/plugins-workspace/blob/fe01894e7f32a2a615081f62f612b755ea79f1c8/plugins/os/guest-js/index.ts#L66-L81
-        if ('__TAURI_OS_PLUGIN_INTERNALS__' in globalThis.window && globalThis.window.__TAURI_OS_PLUGIN_INTERNALS__ != null) {
-          const internal = globalThis.window.__TAURI_OS_PLUGIN_INTERNALS__ as Record<string, unknown>
-          return internal.platform || 'unknown'
-        }
-      }
-    }
-
-    return 'web'
-  })
-
-  const runtime = computed(() => {
-    if (isTauri.value) {
-      return 'tauri'
-    }
-    else if (isWeb.value) {
-      return 'web'
-    }
-    else {
-      return 'unknown'
-    }
-  })
-
-  return {
-    isTauri,
-    isWeb,
-    platform,
-    runtime,
-  }
-}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 83785ba99..ffa540f46 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -478,6 +478,9 @@ importers:
       '@tauri-apps/cli':
         specifier: ^2.6.0
         version: 2.6.0
+      '@tauri-apps/plugin-os':
+        specifier: ^2.3.0
+        version: 2.3.0
       '@types/culori':
         specifier: ^4.0.0
         version: 4.0.0
@@ -4790,6 +4793,9 @@ packages:
   '@tauri-apps/plugin-global-shortcut@2.3.0':
     resolution: {integrity: sha512-WbAz0ElhpP+0kzQZRScdCC7UQ7OPH8PAn//fsBNu7+ywihsnVSVOg1L9YhieAtLNtAlnmFI69Yl5AGaA3ge5IQ==}
 
+  '@tauri-apps/plugin-os@2.3.0':
+    resolution: {integrity: sha512-dm3bDsMuUngpIQdJ1jaMkMfyQpHyDcaTIKTFaAMHoKeUd+Is3UHO2uzhElr6ZZkfytIIyQtSVnCWdW2Kc58f3g==}
+
   '@tokenizer/token@0.3.0':
     resolution: {integrity: sha512-OvjF+z51L3ov0OyAU0duzsYuvO01PH7x4t6DJx+guahgTnBHkhJdG7soQeTSFLWN3efnHyibZ4Z8l2EuWwJN3A==}
 
@@ -15359,6 +15365,10 @@ snapshots:
     dependencies:
       '@tauri-apps/api': 2.6.0
 
+  '@tauri-apps/plugin-os@2.3.0':
+    dependencies:
+      '@tauri-apps/api': 2.6.0
+
   '@tokenizer/token@0.3.0': {}
 
   '@tresjs/cientos@4.3.1(@tresjs/core@4.3.6(three@0.177.0)(typescript@5.8.3)(vue@3.5.17(typescript@5.8.3)))(@types/three@0.177.0)(react@18.3.1)(three@0.177.0)(typescript@5.8.3)(vue@3.5.17(typescript@5.8.3))':