앱 버전표시

desktop/src/StartupUpdateGate.tsx

@@ -4,6 +4,7 @@ import {
   type DesktopUpdatePhase,
   type DesktopUpdateProgress,
 } from './bridge/updater';
+import { scheduleMainWindowTitleSync } from './setMainWindowTitle';
 import '@frontend/App.css';
 
 const PHASE_LABEL: Record<DesktopUpdatePhase, string> = {
@@ -143,6 +144,7 @@ export function StartupUpdateGate({ children }: { children: React.ReactNode }) {
       if (result.phase === 'error') {
         console.warn('[startup-update]', result.message);
       }
+      scheduleMainWindowTitleSync();
       setReady(true);
     });
 

desktop/src/bridge/installDesktopBridge.ts

@@ -1,6 +1,7 @@
 import { openWidgetWindow, closeWidgetWindow, focusWidgetWindow } from './widgetWindows';
 import { showNativeNotification } from './notifications';
 import { checkForUpdates, getAppVersion, runDesktopUpdate } from './updater';
+import { syncMainWindowTitle } from '../setMainWindowTitle';
 import type { DesktopBridge } from './types';
 
 /** frontend App 로드 전 호출 — window.__goldenDesktopBridge 등록 */
@@ -13,6 +14,7 @@ export function installDesktopBridge(): void {
     checkForUpdates,
     runDesktopUpdate,
     getAppVersion,
+    syncMainWindowTitle,
   };
   window.__goldenDesktopBridge = bridge;
 }

desktop/src/bridge/types.ts

@@ -16,6 +16,7 @@ export interface DesktopBridge {
     onProgress?: (progress: DesktopUpdateProgress) => void,
   ) => Promise<DesktopUpdateResult>;
   getAppVersion: () => Promise<string>;
+  syncMainWindowTitle: () => Promise<string>;
 }
 
 declare global {

desktop/src/main.tsx

@@ -4,6 +4,7 @@ import ReactDOM from 'react-dom/client';
 import { initStorage, refreshApiBaseFromStorage } from '@goldenchart/shared';
 import { installDesktopBridge } from './bridge/installDesktopBridge';
 import { ensureDesktopApiBase } from './ensureDesktopApiBase';
+import { scheduleMainWindowTitleSync, syncMainWindowTitle } from './setMainWindowTitle';
 import { StartupUpdateGate } from './StartupUpdateGate';
 import App from '@frontend/App';
 
@@ -13,6 +14,13 @@ async function bootstrap() {
   await initStorage();
   ensureDesktopApiBase();
   refreshApiBaseFromStorage();
+  document.documentElement.classList.add('desktop-client');
+  try {
+    await syncMainWindowTitle();
+  } catch {
+    /* 권한·타이밍 이슈 — scheduleMainWindowTitleSync 가 재시도 */
+  }
+  scheduleMainWindowTitleSync();
 
   ReactDOM.createRoot(document.getElementById('root')!).render(
     <React.StrictMode>

desktop/src/setMainWindowTitle.ts

@@ -0,0 +1,40 @@
+import { getVersion } from '@tauri-apps/api/app';
+import { getCurrentWindow } from '@tauri-apps/api/window';
+
+const APP_NAME = 'GoldenChart';
+
+export function formatDesktopWindowTitle(version: string): string {
+  const v = version.trim();
+  return v ? `${APP_NAME} (v${v})` : APP_NAME;
+}
+
+/** macOS/Windows 네이티브 창 타이틀 — GoldenChart (vX.Y.Z) */
+export async function syncMainWindowTitle(): Promise<string> {
+  try {
+    const version = await getVersion();
+    const title = formatDesktopWindowTitle(version);
+    await getCurrentWindow().setTitle(title);
+    if (typeof document !== 'undefined') {
+      document.title = title;
+    }
+    return title;
+  } catch (e) {
+    console.warn('[desktop] syncMainWindowTitle failed:', e);
+    throw e;
+  }
+}
+
+/** WebView 로드 후 macOS가 document.title로 타이틀을 덮어쓸 수 있어 재시도 */
+export function scheduleMainWindowTitleSync(): void {
+  const delays = [0, 150, 600, 2000];
+  for (const ms of delays) {
+    window.setTimeout(() => {
+      void syncMainWindowTitle().catch(() => {});
+    }, ms);
+  }
+  void getCurrentWindow()
+    .listen('tauri://focus', () => {
+      void syncMainWindowTitle().catch(() => {});
+    })
+    .catch(() => {});
+}

desktop/src/vite-env.d.ts

@@ -1 +1,3 @@
 /// <reference types="vite/client" />
+
+declare const __DESKTOP_APP_VERSION__: string;