设置界面

packages/editor-app/src/services/ProfilerService.ts

@@ -1,4 +1,5 @@
 import { invoke } from '@tauri-apps/api/core';
+import { SettingsService } from './SettingsService';
 
 export interface SystemPerformanceData {
   name: string;
@@ -57,13 +58,45 @@ type ProfilerDataListener = (data: ProfilerData) => void;
 export class ProfilerService {
   private ws: WebSocket | null = null;
   private isServerRunning = false;
-  private wsPort = '8080';
+  private wsPort: string;
   private listeners: Set<ProfilerDataListener> = new Set();
   private currentData: ProfilerData | null = null;
   private checkServerInterval: NodeJS.Timeout | null = null;
   private reconnectTimeout: NodeJS.Timeout | null = null;
 
   constructor() {
+    const settings = SettingsService.getInstance();
+    this.wsPort = settings.get('profiler.port', '8080');
+
+    this.startServerCheck();
+    this.listenToSettingsChanges();
+  }
+
+  private listenToSettingsChanges(): void {
+    window.addEventListener('settings:changed', ((event: CustomEvent) => {
+      const newPort = event.detail['profiler.port'];
+      if (newPort && newPort !== this.wsPort) {
+        this.wsPort = newPort;
+        this.reconnectWithNewPort();
+      }
+    }) as EventListener);
+  }
+
+  private async reconnectWithNewPort(): Promise<void> {
+    this.disconnect();
+
+    if (this.checkServerInterval) {
+      clearInterval(this.checkServerInterval);
+      this.checkServerInterval = null;
+    }
+
+    try {
+      await invoke('stop_profiler_server');
+      this.isServerRunning = false;
+    } catch (error) {
+      console.error('[ProfilerService] Failed to stop server:', error);
+    }
+
     this.startServerCheck();
   }
 

packages/editor-app/src/services/SettingsService.ts

@@ -0,0 +1,67 @@
+export class SettingsService {
+  private static instance: SettingsService;
+  private settings: Map<string, any> = new Map();
+  private storageKey = 'editor-settings';
+
+  private constructor() {
+    this.loadSettings();
+  }
+
+  public static getInstance(): SettingsService {
+    if (!SettingsService.instance) {
+      SettingsService.instance = new SettingsService();
+    }
+    return SettingsService.instance;
+  }
+
+  private loadSettings(): void {
+    try {
+      const stored = localStorage.getItem(this.storageKey);
+      if (stored) {
+        const data = JSON.parse(stored);
+        this.settings = new Map(Object.entries(data));
+      }
+    } catch (error) {
+      console.error('[SettingsService] Failed to load settings:', error);
+    }
+  }
+
+  private saveSettings(): void {
+    try {
+      const data = Object.fromEntries(this.settings);
+      localStorage.setItem(this.storageKey, JSON.stringify(data));
+    } catch (error) {
+      console.error('[SettingsService] Failed to save settings:', error);
+    }
+  }
+
+  public get<T>(key: string, defaultValue: T): T {
+    if (this.settings.has(key)) {
+      return this.settings.get(key) as T;
+    }
+    return defaultValue;
+  }
+
+  public set<T>(key: string, value: T): void {
+    this.settings.set(key, value);
+    this.saveSettings();
+  }
+
+  public has(key: string): boolean {
+    return this.settings.has(key);
+  }
+
+  public delete(key: string): void {
+    this.settings.delete(key);
+    this.saveSettings();
+  }
+
+  public clear(): void {
+    this.settings.clear();
+    this.saveSettings();
+  }
+
+  public getAll(): Record<string, any> {
+    return Object.fromEntries(this.settings);
+  }
+}