appclean 2.0.0 → 2.0.2

package/src/ui/client/state/appStore.ts

@@ -57,16 +57,20 @@ export class AppStore extends Store<AppStoreState> {
       const response = await fetch('/api/apps/list');
       if (!response.ok) throw new Error('Failed to load apps');
 
-      const data = await response.json();
+      const json = await response.json();
+      const data = json.data || json; // Handle wrapped { success, data } format
+
       this.setState({
-        apps: data.apps,
-        total: data.total,
-        page: data.page,
+        apps: data.apps || [],
+        total: data.total || 0,
+        page: data.page || 1,
         isLoading: false,
       });
     } catch (error) {
+      const errorMsg = error instanceof Error ? error.message : 'Unknown error';
+      console.error('Failed to load apps:', errorMsg);
       this.setState({
-        error: (error as Error).message,
+        error: errorMsg,
         isLoading: false,
       });
     }
@@ -88,15 +92,19 @@ export class AppStore extends Store<AppStoreState> {
       const response = await fetch(`/api/apps/search?${params}`);
       if (!response.ok) throw new Error('Failed to search apps');
 
-      const data = await response.json();
+      const json = await response.json();
+      const data = json.data || json; // Handle wrapped { success, data } format
+
       this.setState({
-        apps: data.apps,
-        total: data.count,
+        apps: data.apps || [],
+        total: data.count || 0,
         isLoading: false,
       });
     } catch (error) {
+      const errorMsg = error instanceof Error ? error.message : 'Unknown error';
+      console.error('Failed to search apps:', errorMsg);
       this.setState({
-        error: (error as Error).message,
+        error: errorMsg,
         isLoading: false,
       });
     }
@@ -145,15 +153,19 @@ export class AppStore extends Store<AppStoreState> {
       const response = await fetch(`/api/apps/search?${params}`);
       if (!response.ok) throw new Error('Failed to load more apps');
 
-      const data = await response.json();
+      const json = await response.json();
+      const data = json.data || json; // Handle wrapped { success, data } format
+
       this.setState({
-        apps: [...this.state.apps, ...data.apps],
+        apps: [...this.state.apps, ...(data.apps || [])],
         page: nextPage,
         isLoading: false,
       });
     } catch (error) {
+      const errorMsg = error instanceof Error ? error.message : 'Unknown error';
+      console.error('Failed to load next page:', errorMsg);
       this.setState({
-        error: (error as Error).message,
+        error: errorMsg,
         isLoading: false,
       });
     }

package/src/ui/client/state/dashboardStore.ts

@@ -44,17 +44,27 @@ export class DashboardStore extends Store<DashboardStoreState> {
     this.setState({ isLoading: true, error: null });
     try {
       const response = await fetch('/api/dashboard/stats');
-      if (!response.ok) throw new Error('Failed to load dashboard stats');
+      if (!response.ok) throw new Error(`Failed to load dashboard stats: ${response.status}`);
+
+      const data = await response.json();
+
+      // Extract stats from API response format { success: true, data: {...} }
+      const stats = data.data || data;
+
+      if (!stats) {
+        throw new Error('Invalid response format from server');
+      }
 
-      const stats = await response.json();
       this.setState({
         stats,
         isLoading: false,
         lastUpdated: Date.now(),
       });
     } catch (error) {
+      const errorMsg = error instanceof Error ? error.message : 'Unknown error';
+      console.error('Failed to load dashboard stats:', errorMsg);
       this.setState({
-        error: (error as Error).message,
+        error: errorMsg,
         isLoading: false,
       });
     }

package/src/ui/client/styles/animations.css

@@ -39,6 +39,28 @@
   }
 }
 
+@keyframes slideUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes slideIn {
+  from {
+    opacity: 0;
+    transform: translateX(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
 @keyframes slideOutDown {
   from {
     opacity: 1;

package/src/ui/guiServer.ts

@@ -8,6 +8,7 @@ import { readFileSync, existsSync } from 'fs';
 import { join } from 'path';
 import { fileURLToPath } from 'url';
 import { dirname } from 'path';
+import { execFile, spawn, type ChildProcess } from 'child_process';
 import { Logger } from '../utils/logger.js';
 import { sendJson, sendError, parseQueryParams } from './server/middleware/errorHandler.js';
 import { handleAppRoutes } from './server/routes/apps.js';
@@ -22,6 +23,7 @@ export class GUIServer {
   private port: number = 3000;
   private server: any;
   private spaHtml: string | null = null;
+  private browserProcess: ChildProcess | null = null;
 
   constructor(port: number = 3000) {
     this.port = port;
@@ -41,9 +43,13 @@ export class GUIServer {
     });
 
     return new Promise((resolve) => {
-      this.server.listen(this.port, () => {
+      this.server.listen(this.port, async () => {
         Logger.success(`✨ AppClean GUI running at http://localhost:${this.port}`);
         Logger.info('Press Ctrl+C to stop the server');
+
+        // Open the default browser
+        await this.openBrowser();
+
         resolve();
       });
     });
@@ -53,12 +59,72 @@ export class GUIServer {
    * Stop GUI server
    */
   async stop(): Promise<void> {
+    // Close the browser
+    await this.closeBrowser();
+
     if (this.server) {
       this.server.close();
       Logger.info('GUI server stopped');
     }
   }
 
+  /**
+   * Open the default browser
+   */
+  private async openBrowser(): Promise<void> {
+    const url = `http://localhost:${this.port}`;
+
+    try {
+      const platform = process.platform;
+
+      if (platform === 'darwin') {
+        // macOS
+        this.browserProcess = execFile('open', [url]);
+      } else if (platform === 'win32') {
+        // Windows
+        this.browserProcess = execFile('cmd', ['/c', 'start', url]);
+      } else {
+        // Linux and other Unix-like systems
+        this.browserProcess = execFile('xdg-open', [url]);
+      }
+
+      this.browserProcess.on('error', (error) => {
+        Logger.warn(`Could not open browser: ${error.message}`);
+      });
+    } catch (error) {
+      Logger.warn(`Failed to open browser: ${(error as Error).message}`);
+    }
+  }
+
+  /**
+   * Close the browser
+   */
+  private async closeBrowser(): Promise<void> {
+    if (!this.browserProcess) {
+      return;
+    }
+
+    try {
+      const platform = process.platform;
+
+      if (platform === 'win32') {
+        // Windows: kill the process
+        if (this.browserProcess.pid) {
+          process.kill(this.browserProcess.pid, 'SIGTERM');
+        }
+      } else {
+        // macOS and Linux: kill the process
+        if (this.browserProcess.pid) {
+          process.kill(this.browserProcess.pid);
+        }
+      }
+
+      this.browserProcess = null;
+    } catch (error) {
+      Logger.debug(`Note: Could not close browser process: ${(error as Error).message}`);
+    }
+  }
+
   /**
    * Main request handler
    */

package/src/utils/upgrade.ts

@@ -1,5 +1,8 @@
 import { execSync } from 'child_process';
 import { Logger } from './logger.js';
+import { readFileSync } from 'fs';
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
 
 export interface VersionInfo {
   current: string;
@@ -9,7 +12,21 @@ export interface VersionInfo {
 
 export class UpgradeManager {
   private readonly packageName = 'appclean';
-  private readonly currentVersion = '1.9.0';
+  private currentVersion: string;
+
+  constructor() {
+    // Dynamically read version from package.json
+    try {
+      const __filename = fileURLToPath(import.meta.url);
+      const __dirname = dirname(__filename);
+      const packagePath = join(__dirname, '../../package.json');
+      const packageData = JSON.parse(readFileSync(packagePath, 'utf-8'));
+      this.currentVersion = packageData.version || '2.0.0';
+    } catch (error) {
+      Logger.debug('Failed to read version from package.json, using fallback');
+      this.currentVersion = '2.0.0';
+    }
+  }
 
   /**
    * Get version information from npm registry