vibecodingmachine-core 2026.3.9-907 → 2026.3.10-1547

package/src/ui/StateManager.js

@@ -1,259 +1,259 @@
-/**
- * Shared State Manager
- * Manages state synchronization between electron app and VSCode extension
- */
-
-class StateManager {
-  constructor() {
-    this.state = {
-      autonomousMode: false,
-      isPaused: false,
-      isStopped: false,
-      isCheckingQuota: false,
-      isOpeningIde: false,
-      currentIde: 'vscode', // Default IDE
-      featureProgress: 0,
-      currentFeature: null,
-      status: 'Ready to chat',
-      messages: [],
-      tabs: [],
-      activeTabId: null
-    };
-
-    this.listeners = new Set();
-    this.storageKey = 'vibecodingmachine-shared-state';
-  }
-
-  // Get current state
-  getState() {
-    return { ...this.state };
-  }
-
-  // Update state and notify listeners
-  setState(updates) {
-    const oldState = { ...this.state };
-    this.state = { ...this.state, ...updates };
-
-    // Save to localStorage for persistence
-    this.saveToStorage();
-
-    // Notify all listeners
-    this.listeners.forEach(listener => {
-      try {
-        listener(this.state, oldState);
-      } catch (error) {
-        console.error('State listener error:', error);
-      }
-    });
-  }
-
-  // Subscribe to state changes
-  subscribe(listener) {
-    this.listeners.add(listener);
-
-    // Return unsubscribe function
-    return () => {
-      this.listeners.delete(listener);
-    };
-  }
-
-  // Save state to localStorage
-  saveToStorage() {
-    try {
-      localStorage.setItem(this.storageKey, JSON.stringify(this.state));
-    } catch (error) {
-      console.error('Failed to save state to storage:', error);
-    }
-  }
-
-  // Load state from localStorage
-  loadFromStorage() {
-    try {
-      const saved = localStorage.getItem(this.storageKey);
-      if (saved) {
-        const parsed = JSON.parse(saved);
-        this.setState(parsed);
-      }
-    } catch (error) {
-      console.error('Failed to load state from storage:', error);
-    }
-  }
-
-  // Autonomous mode actions
-  startAutonomousMode(ide) {
-    this.setState({
-      autonomousMode: true,
-      isPaused: false,
-      isStopped: false,
-      currentIde: ide,
-      status: 'Starting autonomous mode...',
-      featureProgress: 0
-    });
-  }
-
-  stopAutonomousMode() {
-    this.setState({
-      autonomousMode: false,
-      isPaused: false,
-      isStopped: true,
-      status: 'Autonomous mode stopped',
-      featureProgress: 0,
-      currentFeature: null
-    });
-  }
-
-  pauseAutonomousMode() {
-    this.setState({
-      isPaused: true,
-      status: 'Autonomous mode paused'
-    });
-  }
-
-  resumeAutonomousMode() {
-    this.setState({
-      isPaused: false,
-      status: 'Autonomous mode resumed'
-    });
-  }
-
-  togglePause() {
-    if (this.state.isPaused) {
-      this.resumeAutonomousMode();
-    } else {
-      this.pauseAutonomousMode();
-    }
-  }
-
-  // Quota checking
-  startQuotaCheck() {
-    this.setState({
-      isCheckingQuota: true,
-      status: 'Checking quota...'
-    });
-  }
-
-  finishQuotaCheck(result) {
-    this.setState({
-      isCheckingQuota: false,
-      status: result.success ? 'Quota check completed' : 'Quota check failed'
-    });
-  }
-
-  // IDE opening
-  startOpeningIde() {
-    this.setState({
-      isOpeningIde: true,
-      status: 'Opening IDE...'
-    });
-  }
-
-  finishOpeningIde(result) {
-    this.setState({
-      isOpeningIde: false,
-      status: result.success ? 'IDE opened successfully' : 'Failed to open IDE'
-    });
-  }
-
-  // Feature progress
-  updateFeatureProgress(progress, feature = null) {
-    this.setState({
-      featureProgress: progress,
-      currentFeature: feature,
-      status: `Autonomous mode progress: ${progress}%`
-    });
-  }
-
-  // Message management
-  addMessage(role, text) {
-    const message = {
-      id: Date.now(),
-      role,
-      text,
-      timestamp: new Date().toISOString()
-    };
-
-    this.setState({
-      messages: [...this.state.messages, message]
-    });
-  }
-
-  clearMessages() {
-    this.setState({
-      messages: []
-    });
-  }
-
-  // Tab management
-  setTabs(tabs) {
-    this.setState({
-      tabs,
-      activeTabId: tabs.length > 0 ? tabs[0].id : null
-    });
-  }
-
-  setActiveTab(tabId) {
-    this.setState({
-      activeTabId: tabId
-    });
-  }
-
-  // Status updates
-  updateStatus(status) {
-    this.setState({
-      status
-    });
-  }
-
-  // Reset state
-  reset() {
-    this.setState({
-      autonomousMode: false,
-      isPaused: false,
-      isStopped: false,
-      isCheckingQuota: false,
-      isOpeningIde: false,
-      currentIde: 'vscode', // Default IDE
-      featureProgress: 0,
-      currentFeature: null,
-      status: 'Ready to chat',
-      messages: [],
-      tabs: [],
-      activeTabId: null
-    });
-  }
-
-  // Get specific state values
-  isAutonomousMode() {
-    return this.state.autonomousMode;
-  }
-
-  isPaused() {
-    return this.state.isPaused;
-  }
-
-  isStopped() {
-    return this.state.isStopped;
-  }
-
-  getCurrentIde() {
-    return this.state.currentIde;
-  }
-
-  getStatus() {
-    return this.state.status;
-  }
-
-  getProgress() {
-    return this.state.featureProgress;
-  }
-}
-
-// Create singleton instance
-const stateManager = new StateManager();
-
-// Load initial state from storage
-if (typeof window !== 'undefined') {
-  stateManager.loadFromStorage();
-}
-
-export { StateManager, stateManager };
+/**
+ * Shared State Manager
+ * Manages state synchronization between electron app and VSCode extension
+ */
+
+class StateManager {
+  constructor() {
+    this.state = {
+      autonomousMode: false,
+      isPaused: false,
+      isStopped: false,
+      isCheckingQuota: false,
+      isOpeningIde: false,
+      currentIde: 'vscode', // Default IDE
+      featureProgress: 0,
+      currentFeature: null,
+      status: 'Ready to chat',
+      messages: [],
+      tabs: [],
+      activeTabId: null
+    };
+
+    this.listeners = new Set();
+    this.storageKey = 'vibecodingmachine-shared-state';
+  }
+
+  // Get current state
+  getState() {
+    return { ...this.state };
+  }
+
+  // Update state and notify listeners
+  setState(updates) {
+    const oldState = { ...this.state };
+    this.state = { ...this.state, ...updates };
+
+    // Save to localStorage for persistence
+    this.saveToStorage();
+
+    // Notify all listeners
+    this.listeners.forEach(listener => {
+      try {
+        listener(this.state, oldState);
+      } catch (error) {
+        console.error('State listener error:', error);
+      }
+    });
+  }
+
+  // Subscribe to state changes
+  subscribe(listener) {
+    this.listeners.add(listener);
+
+    // Return unsubscribe function
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+
+  // Save state to localStorage
+  saveToStorage() {
+    try {
+      localStorage.setItem(this.storageKey, JSON.stringify(this.state));
+    } catch (error) {
+      console.error('Failed to save state to storage:', error);
+    }
+  }
+
+  // Load state from localStorage
+  loadFromStorage() {
+    try {
+      const saved = localStorage.getItem(this.storageKey);
+      if (saved) {
+        const parsed = JSON.parse(saved);
+        this.setState(parsed);
+      }
+    } catch (error) {
+      console.error('Failed to load state from storage:', error);
+    }
+  }
+
+  // Autonomous mode actions
+  startAutonomousMode(ide) {
+    this.setState({
+      autonomousMode: true,
+      isPaused: false,
+      isStopped: false,
+      currentIde: ide,
+      status: 'Starting autonomous mode...',
+      featureProgress: 0
+    });
+  }
+
+  stopAutonomousMode() {
+    this.setState({
+      autonomousMode: false,
+      isPaused: false,
+      isStopped: true,
+      status: 'Autonomous mode stopped',
+      featureProgress: 0,
+      currentFeature: null
+    });
+  }
+
+  pauseAutonomousMode() {
+    this.setState({
+      isPaused: true,
+      status: 'Autonomous mode paused'
+    });
+  }
+
+  resumeAutonomousMode() {
+    this.setState({
+      isPaused: false,
+      status: 'Autonomous mode resumed'
+    });
+  }
+
+  togglePause() {
+    if (this.state.isPaused) {
+      this.resumeAutonomousMode();
+    } else {
+      this.pauseAutonomousMode();
+    }
+  }
+
+  // Quota checking
+  startQuotaCheck() {
+    this.setState({
+      isCheckingQuota: true,
+      status: 'Checking quota...'
+    });
+  }
+
+  finishQuotaCheck(result) {
+    this.setState({
+      isCheckingQuota: false,
+      status: result.success ? 'Quota check completed' : 'Quota check failed'
+    });
+  }
+
+  // IDE opening
+  startOpeningIde() {
+    this.setState({
+      isOpeningIde: true,
+      status: 'Opening IDE...'
+    });
+  }
+
+  finishOpeningIde(result) {
+    this.setState({
+      isOpeningIde: false,
+      status: result.success ? 'IDE opened successfully' : 'Failed to open IDE'
+    });
+  }
+
+  // Feature progress
+  updateFeatureProgress(progress, feature = null) {
+    this.setState({
+      featureProgress: progress,
+      currentFeature: feature,
+      status: `Autonomous mode progress: ${progress}%`
+    });
+  }
+
+  // Message management
+  addMessage(role, text) {
+    const message = {
+      id: Date.now(),
+      role,
+      text,
+      timestamp: new Date().toISOString()
+    };
+
+    this.setState({
+      messages: [...this.state.messages, message]
+    });
+  }
+
+  clearMessages() {
+    this.setState({
+      messages: []
+    });
+  }
+
+  // Tab management
+  setTabs(tabs) {
+    this.setState({
+      tabs,
+      activeTabId: tabs.length > 0 ? tabs[0].id : null
+    });
+  }
+
+  setActiveTab(tabId) {
+    this.setState({
+      activeTabId: tabId
+    });
+  }
+
+  // Status updates
+  updateStatus(status) {
+    this.setState({
+      status
+    });
+  }
+
+  // Reset state
+  reset() {
+    this.setState({
+      autonomousMode: false,
+      isPaused: false,
+      isStopped: false,
+      isCheckingQuota: false,
+      isOpeningIde: false,
+      currentIde: 'vscode', // Default IDE
+      featureProgress: 0,
+      currentFeature: null,
+      status: 'Ready to chat',
+      messages: [],
+      tabs: [],
+      activeTabId: null
+    });
+  }
+
+  // Get specific state values
+  isAutonomousMode() {
+    return this.state.autonomousMode;
+  }
+
+  isPaused() {
+    return this.state.isPaused;
+  }
+
+  isStopped() {
+    return this.state.isStopped;
+  }
+
+  getCurrentIde() {
+    return this.state.currentIde;
+  }
+
+  getStatus() {
+    return this.state.status;
+  }
+
+  getProgress() {
+    return this.state.featureProgress;
+  }
+}
+
+// Create singleton instance
+const stateManager = new StateManager();
+
+// Load initial state from storage
+if (typeof window !== 'undefined') {
+  stateManager.loadFromStorage();
+}
+
+export { StateManager, stateManager };