appclean 1.8.0 → 1.9.0

package/src/ui/guiServer.ts

@@ -4,15 +4,18 @@
  * v1.2.0 Feature
  */
 
-import { createServer } from 'http';
+import { createServer, IncomingMessage, ServerResponse } from 'http';
 import { Logger } from '../utils/logger';
+import { UpgradeManager } from '../utils/upgrade';
 
 export class GUIServer {
   private port: number = 3000;
   private server: any;
+  private upgradeManager: UpgradeManager;
 
   constructor(port: number = 3000) {
     this.port = port;
+    this.upgradeManager = new UpgradeManager();
   }
 
   /**
@@ -51,10 +54,60 @@ export class GUIServer {
   /**
    * Handle API requests
    */
-  private handleAPIRequest(req: any, res: any): void {
-    // API endpoints for GUI
+  private async handleAPIRequest(req: IncomingMessage, res: ServerResponse): Promise<void> {
+    const url = req.url || '';
+
+    try {
+      if (url === '/api/version') {
+        await this.handleVersionCheck(res);
+      } else if (url === '/api/upgrade') {
+        await this.handleUpgrade(res);
+      } else if (url === '/api/uninstall') {
+        await this.handleUninstall(res);
+      } else {
+        res.writeHead(404, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify({ error: 'API endpoint not found' }));
+      }
+    } catch (error) {
+      res.writeHead(500, { 'Content-Type': 'application/json' });
+      res.end(
+        JSON.stringify({ error: (error as Error).message })
+      );
+    }
+  }
+
+  /**
+   * Handle version check request
+   */
+  private async handleVersionCheck(res: ServerResponse): Promise<void> {
+    const versionInfo = await this.upgradeManager.checkForUpdates();
+
     res.writeHead(200, { 'Content-Type': 'application/json' });
-    res.end(JSON.stringify({ message: 'API endpoint' }));
+    res.end(JSON.stringify(versionInfo));
+  }
+
+  /**
+   * Handle upgrade request
+   */
+  private async handleUpgrade(res: ServerResponse): Promise<void> {
+    const result = await this.upgradeManager.upgrade();
+
+    res.writeHead(result.success ? 200 : 500, {
+      'Content-Type': 'application/json',
+    });
+    res.end(JSON.stringify(result));
+  }
+
+  /**
+   * Handle uninstall request
+   */
+  private async handleUninstall(res: ServerResponse): Promise<void> {
+    const result = await this.upgradeManager.uninstall();
+
+    res.writeHead(result.success ? 200 : 500, {
+      'Content-Type': 'application/json',
+    });
+    res.end(JSON.stringify(result));
   }
 
   /**
@@ -95,6 +148,11 @@ export class GUIServer {
       color: #333;
       margin-bottom: 10px;
     }
+    h3 {
+      color: #333;
+      margin-top: 20px;
+      margin-bottom: 15px;
+    }
     .version {
       color: #666;
       font-size: 14px;
@@ -115,13 +173,206 @@ export class GUIServer {
       line-height: 1.6;
       margin-bottom: 20px;
     }
-    .coming-soon {
+    .section {
       background: #f0f4ff;
       border-left: 4px solid #667eea;
       padding: 20px;
       border-radius: 4px;
       margin-top: 30px;
     }
+    .version-info {
+      background: #f9f9f9;
+      padding: 15px;
+      border-radius: 6px;
+      margin: 15px 0;
+      font-family: monospace;
+      font-size: 14px;
+    }
+    .version-row {
+      display: flex;
+      justify-content: space-between;
+      margin: 8px 0;
+    }
+    .label {
+      color: #666;
+      font-weight: 500;
+    }
+    .value {
+      color: #333;
+      font-weight: 600;
+    }
+    .update-available {
+      color: #f59e0b;
+      font-weight: 600;
+    }
+    .up-to-date {
+      color: #10b981;
+      font-weight: 600;
+    }
+    .button-group {
+      display: flex;
+      gap: 10px;
+      margin-top: 20px;
+    }
+    button {
+      flex: 1;
+      padding: 12px 20px;
+      border: none;
+      border-radius: 6px;
+      font-size: 14px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: all 0.3s ease;
+    }
+    .btn-primary {
+      background: #667eea;
+      color: white;
+    }
+    .btn-primary:hover {
+      background: #5568d3;
+      transform: translateY(-2px);
+      box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
+    }
+    .btn-primary:disabled {
+      background: #ccc;
+      cursor: not-allowed;
+      transform: none;
+    }
+    .btn-secondary {
+      background: #e5e7eb;
+      color: #333;
+    }
+    .btn-secondary:hover {
+      background: #d1d5db;
+    }
+    .status-message {
+      margin-top: 15px;
+      padding: 12px;
+      border-radius: 6px;
+      display: none;
+      font-weight: 500;
+    }
+    .status-success {
+      background: #d1fae5;
+      color: #065f46;
+      display: block;
+    }
+    .status-error {
+      background: #fee2e2;
+      color: #991b1b;
+      display: block;
+    }
+    .status-loading {
+      background: #dbeafe;
+      color: #1e40af;
+      display: block;
+    }
+    .spinner {
+      display: inline-block;
+      width: 16px;
+      height: 16px;
+      border: 2px solid rgba(30, 64, 175, 0.3);
+      border-top-color: #1e40af;
+      border-radius: 50%;
+      animation: spin 0.8s linear infinite;
+      margin-right: 8px;
+      vertical-align: middle;
+    }
+    @keyframes spin {
+      to { transform: rotate(360deg); }
+    }
+    ul {
+      margin-left: 20px;
+      margin-top: 10px;
+    }
+    .danger-zone {
+      background: #fee2e2;
+      border-left: 4px solid #dc2626;
+      padding: 20px;
+      border-radius: 4px;
+      margin-top: 30px;
+    }
+    .danger-zone h3 {
+      color: #991b1b;
+      margin-top: 0;
+    }
+    .danger-zone p {
+      color: #7c2d12;
+      margin-bottom: 15px;
+    }
+    .btn-danger {
+      background: #dc2626;
+      color: white;
+    }
+    .btn-danger:hover {
+      background: #b91c1c;
+      transform: translateY(-2px);
+      box-shadow: 0 5px 15px rgba(220, 38, 38, 0.4);
+    }
+    .btn-danger:disabled {
+      background: #ccc;
+      cursor: not-allowed;
+      transform: none;
+    }
+    /* Modal Styles */
+    .modal {
+      display: none;
+      position: fixed;
+      z-index: 1000;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0,0,0,0.5);
+    }
+    .modal-content {
+      background-color: white;
+      margin: auto;
+      padding: 30px;
+      border-radius: 12px;
+      width: 90%;
+      max-width: 500px;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      box-shadow: 0 20px 60px rgba(0,0,0,0.3);
+    }
+    .modal-content h2 {
+      color: #dc2626;
+      margin-bottom: 15px;
+    }
+    .modal-content p {
+      color: #666;
+      margin-bottom: 20px;
+    }
+    .modal-buttons {
+      display: flex;
+      gap: 10px;
+      justify-content: flex-end;
+    }
+    .modal-buttons button {
+      padding: 10px 20px;
+      border: none;
+      border-radius: 6px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: all 0.3s ease;
+    }
+    .modal-buttons .btn-cancel {
+      background: #e5e7eb;
+      color: #333;
+    }
+    .modal-buttons .btn-cancel:hover {
+      background: #d1d5db;
+    }
+    .modal-buttons .btn-confirm {
+      background: #dc2626;
+      color: white;
+    }
+    .modal-buttons .btn-confirm:hover {
+      background: #b91c1c;
+    }
   </style>
 </head>
 <body>
@@ -135,9 +386,32 @@ export class GUIServer {
       intelligent app removal to users who prefer a visual interface.
     </p>
 
-    <div class="coming-soon">
+    <div class="section">
+      <h3>📦 Version & Updates</h3>
+      <div class="version-info">
+        <div class="version-row">
+          <span class="label">Current Version:</span>
+          <span class="value" id="currentVersion">Loading...</span>
+        </div>
+        <div class="version-row">
+          <span class="label">Latest Version:</span>
+          <span class="value" id="latestVersion">Loading...</span>
+        </div>
+        <div class="version-row">
+          <span class="label">Status:</span>
+          <span id="updateStatus">Checking...</span>
+        </div>
+      </div>
+      <div class="button-group">
+        <button class="btn-secondary" onclick="checkVersion()">🔄 Check for Updates</button>
+        <button class="btn-primary" id="upgradeBtn" onclick="upgradeAppClean()" disabled>⬆️ Upgrade</button>
+      </div>
+      <div id="statusMessage" class="status-message"></div>
+    </div>
+
+    <div class="section">
       <h3>🚀 Features Coming in v1.2.0</h3>
-      <ul style="margin-left: 20px; margin-top: 10px;">
+      <ul>
         <li>✨ Modern, responsive GUI design</li>
         <li>🖥️ Cross-platform support (macOS, Linux, Windows)</li>
         <li>🔍 Visual app search and discovery</li>
@@ -147,7 +421,153 @@ export class GUIServer {
         <li>📋 Interactive report viewer</li>
       </ul>
     </div>
+
+    <div class="danger-zone">
+      <h3>⚠️ Danger Zone</h3>
+      <p>
+        Uninstall AppClean from your system. This action will remove the application and
+        all its global files. This cannot be undone easily.
+      </p>
+      <div class="button-group">
+        <button class="btn-danger" onclick="showUninstallConfirm()">🗑️ Uninstall AppClean</button>
+      </div>
+    </div>
   </div>
+
+  <!-- Uninstall Confirmation Modal -->
+  <div id="uninstallModal" class="modal">
+    <div class="modal-content">
+      <h2>⚠️ Confirm Uninstall</h2>
+      <p>
+        Are you sure you want to uninstall AppClean? This action will remove the application
+        from your system and cannot be easily undone.
+      </p>
+      <p style="color: #dc2626; font-weight: 600;">
+        This action cannot be undone!
+      </p>
+      <div class="modal-buttons">
+        <button class="btn-cancel" onclick="closeUninstallConfirm()">Cancel</button>
+        <button class="btn-confirm" onclick="confirmUninstall()">Uninstall</button>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    // Check version on page load
+    window.addEventListener('load', checkVersion);
+
+    async function checkVersion() {
+      const statusEl = document.getElementById('statusMessage');
+      statusEl.textContent = '🔄 Checking for updates...';
+      statusEl.className = 'status-message status-loading';
+      statusEl.innerHTML = '<span class="spinner"></span>Checking for updates...';
+
+      try {
+        const response = await fetch('/api/version');
+        const data = await response.json();
+
+        document.getElementById('currentVersion').textContent = 'v' + data.current;
+        document.getElementById('latestVersion').textContent = 'v' + data.latest;
+
+        const upgradeBtn = document.getElementById('upgradeBtn');
+        const updateStatus = document.getElementById('updateStatus');
+
+        if (data.isUpdateAvailable) {
+          updateStatus.innerHTML = '<span class="update-available">⚠️ Update available!</span>';
+          upgradeBtn.disabled = false;
+          statusEl.textContent = '✓ Update available! Click the Upgrade button to install.';
+          statusEl.className = 'status-message status-success';
+        } else {
+          updateStatus.innerHTML = '<span class="up-to-date">✓ Up to date</span>';
+          upgradeBtn.disabled = true;
+          statusEl.textContent = '✓ AppClean is already up to date!';
+          statusEl.className = 'status-message status-success';
+        }
+      } catch (error) {
+        statusEl.textContent = '✗ Failed to check for updates: ' + error.message;
+        statusEl.className = 'status-message status-error';
+      }
+    }
+
+    async function upgradeAppClean() {
+      const statusEl = document.getElementById('statusMessage');
+      const upgradeBtn = document.getElementById('upgradeBtn');
+
+      upgradeBtn.disabled = true;
+      statusEl.innerHTML = '<span class="spinner"></span>Upgrading AppClean...';
+      statusEl.className = 'status-message status-loading';
+
+      try {
+        const response = await fetch('/api/upgrade');
+        const data = await response.json();
+
+        if (data.success) {
+          statusEl.textContent = '✓ ' + data.message;
+          statusEl.className = 'status-message status-success';
+          setTimeout(() => {
+            statusEl.textContent = 'Please refresh the page or restart the GUI server.';
+            checkVersion();
+          }, 2000);
+        } else {
+          statusEl.textContent = '✗ ' + data.message;
+          statusEl.className = 'status-message status-error';
+          upgradeBtn.disabled = false;
+        }
+      } catch (error) {
+        statusEl.textContent = '✗ Upgrade failed: ' + error.message;
+        statusEl.className = 'status-message status-error';
+        upgradeBtn.disabled = false;
+      }
+    }
+
+    // Uninstall Functions
+    function showUninstallConfirm() {
+      document.getElementById('uninstallModal').style.display = 'block';
+    }
+
+    function closeUninstallConfirm() {
+      document.getElementById('uninstallModal').style.display = 'none';
+    }
+
+    async function confirmUninstall() {
+      const modal = document.getElementById('uninstallModal');
+      const btn = modal.querySelector('.btn-confirm');
+
+      btn.disabled = true;
+      btn.textContent = '🗑️ Uninstalling...';
+
+      try {
+        const response = await fetch('/api/uninstall');
+        const data = await response.json();
+
+        if (data.success) {
+          modal.querySelector('p').textContent = '✓ ' + data.message;
+          modal.querySelector('h2').textContent = '✓ Uninstall Complete';
+          modal.querySelector('.modal-buttons').innerHTML =
+            '<button class="btn-cancel" onclick="window.close()">Close</button>';
+          setTimeout(() => {
+            alert('AppClean has been uninstalled. You can close this window.');
+          }, 500);
+        } else {
+          alert('❌ Uninstall failed: ' + data.message);
+          btn.disabled = false;
+          btn.textContent = 'Uninstall';
+        }
+      } catch (error) {
+        alert('❌ Error: ' + error.message);
+        btn.disabled = false;
+        btn.textContent = 'Uninstall';
+      }
+    }
+
+    // Close modal when clicking outside
+    window.onclick = function(event) {
+      const modal = document.getElementById('uninstallModal');
+      if (event.target === modal) {
+        modal.style.display = 'none';
+      }
+    }
+  </script>
 </body>
 </html>
     `;

package/src/utils/upgrade.ts

@@ -0,0 +1,143 @@
+import { execSync } from 'child_process';
+import { Logger } from './logger';
+
+export interface VersionInfo {
+  current: string;
+  latest: string;
+  isUpdateAvailable: boolean;
+}
+
+export class UpgradeManager {
+  private readonly packageName = 'appclean';
+  private readonly currentVersion = '1.9.0';
+
+  /**
+   * Get version information from npm registry
+   */
+  async getVersionInfo(): Promise<VersionInfo> {
+    try {
+      // Fetch latest version from npm registry
+      const output = execSync(
+        `npm view ${this.packageName} version --json`,
+        { encoding: 'utf-8', stdio: ['pipe', 'pipe', 'pipe'] }
+      ).trim();
+
+      const latestVersion = output.replace(/"/g, '');
+      const isUpdateAvailable = this.compareVersions(
+        this.currentVersion,
+        latestVersion
+      );
+
+      return {
+        current: this.currentVersion,
+        latest: latestVersion,
+        isUpdateAvailable,
+      };
+    } catch (error) {
+      Logger.debug(
+        'Failed to check npm registry: ' + (error as Error).message
+      );
+      return {
+        current: this.currentVersion,
+        latest: this.currentVersion,
+        isUpdateAvailable: false,
+      };
+    }
+  }
+
+  /**
+   * Compare two semantic versions
+   * Returns true if currentVersion < latestVersion
+   */
+  private compareVersions(current: string, latest: string): boolean {
+    const currentParts = current.split('.').map(Number);
+    const latestParts = latest.split('.').map(Number);
+
+    for (let i = 0; i < 3; i++) {
+      const curr = currentParts[i] || 0;
+      const lat = latestParts[i] || 0;
+
+      if (lat > curr) return true;
+      if (lat < curr) return false;
+    }
+
+    return false;
+  }
+
+  /**
+   * Perform upgrade to latest version
+   */
+  async upgrade(): Promise<{ success: boolean; message: string }> {
+    try {
+      Logger.info('Checking for updates...');
+
+      const versionInfo = await this.getVersionInfo();
+
+      if (!versionInfo.isUpdateAvailable) {
+        return {
+          success: true,
+          message: `AppClean is already up to date (v${versionInfo.current})`,
+        };
+      }
+
+      Logger.info(
+        `Upgrading from v${versionInfo.current} to v${versionInfo.latest}...`
+      );
+
+      // Install latest version globally
+      execSync(`npm install -g ${this.packageName}@latest`, {
+        stdio: 'inherit',
+      });
+
+      return {
+        success: true,
+        message: `Successfully upgraded to v${versionInfo.latest}`,
+      };
+    } catch (error) {
+      const errorMsg = (error as Error).message;
+      return {
+        success: false,
+        message: `Upgrade failed: ${errorMsg}`,
+      };
+    }
+  }
+
+  /**
+   * Get current version
+   */
+  getCurrentVersion(): string {
+    return this.currentVersion;
+  }
+
+  /**
+   * Check if update is available without upgrading
+   */
+  async checkForUpdates(): Promise<VersionInfo> {
+    return this.getVersionInfo();
+  }
+
+  /**
+   * Uninstall AppClean from the system
+   */
+  async uninstall(): Promise<{ success: boolean; message: string }> {
+    try {
+      Logger.info('Uninstalling AppClean...');
+
+      // Uninstall global npm package
+      execSync(`npm uninstall -g ${this.packageName}`, {
+        stdio: 'inherit',
+      });
+
+      return {
+        success: true,
+        message: `AppClean has been successfully uninstalled from your system.`,
+      };
+    } catch (error) {
+      const errorMsg = (error as Error).message;
+      return {
+        success: false,
+        message: `Uninstall failed: ${errorMsg}`,
+      };
+    }
+  }
+}