appclean 1.9.0 → 2.0.2

package/dist/ui/client/pages/appDetails.js

@@ -0,0 +1,287 @@
+import { apiClient } from '../api/client.js';
+import { dashboardStore } from '../state/dashboardStore.js';
+import { uiStore } from '../state/uiStore.js';
+import { formatBytes, formatInstallMethod, getMethodBadgeColor } from '../utils/formatting.js';
+export async function renderAppDetails(appName) {
+    const container = document.getElementById('page-container');
+    if (!container)
+        return;
+    container.innerHTML = `
+    <div class="loading-state" style="text-align: center; padding: 60px 20px;">
+      <div class="spinner-lg spinner"></div>
+      <p class="text-center text-muted mt-4">Analyzing ${escapeHtml(appName)}...</p>
+    </div>
+  `;
+    try {
+        const analysis = await apiClient.get(`/api/apps/${encodeURIComponent(appName)}/analysis`);
+        renderAppDetailsContent(container, analysis, appName);
+    }
+    catch (error) {
+        container.innerHTML = `
+      <div class="alert alert-danger">
+        <span>Failed to load app details: ${escapeHtml(error.message)}</span>
+      </div>
+      <button class="btn btn-secondary mt-4" onclick="window.location.hash = '#/apps'">
+        ← Back to Apps
+      </button>
+    `;
+    }
+}
+function renderAppDetailsContent(container, analysis, appName) {
+    const { app, artifacts, totalSize, breakdown } = analysis;
+    container.innerHTML = `
+    <div class="app-details-page">
+      <!-- Header -->
+      <div class="flex-between items-start mb-8">
+        <div class="flex-1">
+          <button class="btn btn-ghost mb-4" onclick="window.location.hash = '#/apps'">
+            ← Back to Apps
+          </button>
+          <h1 class="text-3xl font-bold">${escapeHtml(app.name)}</h1>
+          <div class="flex gap-2 items-center mt-3">
+            <span class="badge ${getMethodBadgeColor(app.installMethod)}">
+              ${formatInstallMethod(app.installMethod)}
+            </span>
+            <span class="text-muted">v${escapeHtml(app.version || 'unknown')}</span>
+          </div>
+        </div>
+      </div>
+
+      <!-- Stats -->
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-8">
+        ${renderStatCard('Total Size', formatBytes(totalSize))}
+        ${renderStatCard('Files & Dirs', artifacts.length.toString())}
+        ${renderStatCard('Install Method', formatInstallMethod(app.installMethod))}
+      </div>
+
+      <!-- Size Breakdown -->
+      <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
+        <div class="card">
+          <div class="card-header">
+            <h2 class="text-lg font-bold">📊 Size Breakdown</h2>
+          </div>
+          <div class="card-body">
+            ${renderBreakdownChart(breakdown)}
+          </div>
+        </div>
+
+        <div class="card">
+          <div class="card-header">
+            <h2 class="text-lg font-bold">📈 By Category</h2>
+          </div>
+          <div class="card-body">
+            ${renderBreakdownTable(breakdown)}
+          </div>
+        </div>
+      </div>
+
+      <!-- Artifacts Table -->
+      <div class="card mb-8">
+        <div class="card-header">
+          <h2 class="text-lg font-bold">📂 Artifacts (${artifacts.length})</h2>
+        </div>
+        <div class="card-body overflow-x-auto">
+          ${renderArtifactsTable(artifacts)}
+        </div>
+      </div>
+
+      <!-- Action Buttons -->
+      <div class="flex gap-3">
+        <button class="btn btn-primary btn-lg flex-1" id="preview-btn">
+          👁️ Preview Removal
+        </button>
+        <button class="btn btn-danger btn-lg flex-1" id="remove-btn">
+          🗑️ Remove App
+        </button>
+        <button class="btn btn-secondary btn-lg" onclick="window.location.hash = '#/apps'">
+          Cancel
+        </button>
+      </div>
+
+      <!-- Preview Section (hidden) -->
+      <div id="preview-section" style="display: none; margin-top: 30px;">
+        <div class="alert alert-warning mb-4">
+          <span>This is a preview. No files will be deleted.</span>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <h3 class="text-lg font-bold">Files to Remove</h3>
+          </div>
+          <div class="card-body overflow-x-auto" id="preview-content">
+          </div>
+        </div>
+      </div>
+    </div>
+  `;
+    setupAppDetailsListeners(appName, totalSize, artifacts);
+    window.scrollTo(0, 0);
+}
+function renderStatCard(label, value) {
+    return `
+    <div class="card">
+      <div class="card-body text-center">
+        <p class="text-muted text-sm mb-1">${escapeHtml(label)}</p>
+        <p class="text-2xl font-bold">${escapeHtml(value)}</p>
+      </div>
+    </div>
+  `;
+}
+function renderBreakdownChart(breakdown) {
+    const total = Object.values(breakdown).reduce((a, b) => a + b, 0);
+    if (total === 0)
+        return '<p class="text-muted">No size data available</p>';
+    const colors = {
+        binaries: '#3b82f6',
+        configs: '#10b981',
+        caches: '#f59e0b',
+        data: '#8b5cf6',
+        logs: '#ec4899',
+        other: '#6b7280',
+    };
+    let percent = 0;
+    const stops = Object.entries(breakdown)
+        .filter(([_, size]) => size > 0)
+        .map(([category, size]) => {
+        const categoryPercent = (size / total) * 100;
+        const start = percent;
+        percent += categoryPercent;
+        return `${colors[category] || '#666'} ${start}% ${percent}%`;
+    })
+        .join(',');
+    return `
+    <div style="
+      width: 200px;
+      height: 200px;
+      border-radius: 50%;
+      background: conic-gradient(${stops});
+      margin: 0 auto;
+    "></div>
+  `;
+}
+function renderBreakdownTable(breakdown) {
+    const categories = [
+        { key: 'binaries', label: 'Binaries' },
+        { key: 'configs', label: 'Configs' },
+        { key: 'caches', label: 'Caches' },
+        { key: 'data', label: 'Data' },
+        { key: 'logs', label: 'Logs' },
+        { key: 'other', label: 'Other' },
+    ];
+    return `
+    <table style="width: 100%; font-size: 14px;">
+      <tbody>
+        ${categories
+        .map(({ key, label }) => `
+          <tr style="border-bottom: 1px solid var(--border-color); padding: 8px 0;">
+            <td style="padding: 8px 0;">${label}</td>
+            <td style="text-align: right; font-weight: 600;">${formatBytes(breakdown[key] || 0)}</td>
+          </tr>
+        `)
+        .join('')}
+      </tbody>
+    </table>
+  `;
+}
+function renderArtifactsTable(artifacts) {
+    if (artifacts.length === 0) {
+        return '<p class="text-muted">No artifacts found</p>';
+    }
+    return `
+    <table style="width: 100%; font-size: 13px;">
+      <thead style="border-bottom: 2px solid var(--border-color);">
+        <tr>
+          <th style="text-align: left; padding: 8px; font-weight: 600;">Path</th>
+          <th style="text-align: right; padding: 8px; font-weight: 600; width: 100px;">Size</th>
+        </tr>
+      </thead>
+      <tbody>
+        ${artifacts
+        .slice(0, 20)
+        .map((artifact) => `
+          <tr style="border-bottom: 1px solid var(--border-color); padding: 8px 0;">
+            <td style="padding: 8px; word-break: break-all;">
+              <code style="font-size: 12px; color: var(--text-muted);">
+                ${escapeHtml(artifact.path)}
+              </code>
+            </td>
+            <td style="text-align: right; padding: 8px; white-space: nowrap;">
+              ${formatBytes(artifact.size || 0)}
+            </td>
+          </tr>
+        `)
+        .join('')}
+      </tbody>
+    </table>
+    ${artifacts.length > 20 ? `<p class="text-muted text-sm mt-4">... and ${artifacts.length - 20} more files</p>` : ''}
+  `;
+}
+function setupAppDetailsListeners(appName, totalSize, artifacts) {
+    const previewBtn = document.getElementById('preview-btn');
+    const removeBtn = document.getElementById('remove-btn');
+    const previewSection = document.getElementById('preview-section');
+    const previewContent = document.getElementById('preview-content');
+    if (previewBtn) {
+        previewBtn.addEventListener('click', async () => {
+            if (previewSection?.style.display === 'none') {
+                previewSection.style.display = 'block';
+                previewBtn.textContent = '👁️ Hide Preview';
+                if (previewContent) {
+                    previewContent.innerHTML = `
+            <p class="text-sm text-muted mb-4">
+              This will remove <strong>${artifacts.length} files and directories</strong>,
+              freeing <strong>${formatBytes(totalSize)}</strong> of disk space.
+            </p>
+            ${renderArtifactsTable(artifacts)}
+          `;
+                }
+            }
+            else {
+                previewSection.style.display = 'none';
+                previewBtn.textContent = '👁️ Preview Removal';
+            }
+        });
+    }
+    if (removeBtn) {
+        removeBtn.addEventListener('click', async () => {
+            const confirmed = confirm(`Are you sure you want to remove "${appName}"?\n\nThis will delete ${artifacts.length} files and free ${formatBytes(totalSize)}.`);
+            if (!confirmed)
+                return;
+            uiStore.setProcessing(true);
+            removeBtn.disabled = true;
+            try {
+                const result = await apiClient.post(`/api/apps/${encodeURIComponent(appName)}/remove`, {
+                    dryRun: false,
+                    createBackup: true,
+                });
+                uiStore.showSuccess(`Successfully removed ${appName}!`);
+                dashboardStore.addRemovalRecord({
+                    appName,
+                    timestamp: Date.now(),
+                    freedSpace: result.freedSpace,
+                    filesRemoved: result.removedFiles,
+                });
+                setTimeout(() => {
+                    window.location.hash = '#/';
+                }, 2000);
+            }
+            catch (error) {
+                uiStore.showError(`Failed to remove app: ${error.message}`);
+                removeBtn.disabled = false;
+            }
+            finally {
+                uiStore.setProcessing(false);
+            }
+        });
+    }
+}
+function escapeHtml(text) {
+    const map = {
+        '&': '&amp;',
+        '<': '&lt;',
+        '>': '&gt;',
+        '"': '&quot;',
+        "'": '&#039;',
+    };
+    return String(text).replace(/[&<>"']/g, (m) => map[m]);
+}
+//# sourceMappingURL=appDetails.js.map

package/dist/ui/client/pages/appDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appDetails.js","sourceRoot":"","sources":["../../../../src/ui/client/pages/appDetails.ts"],"names":[],"mappings":"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"}

package/dist/ui/client/pages/appSearch.d.ts

@@ -0,0 +1,2 @@
+export declare function renderAppSearch(): void;
+//# sourceMappingURL=appSearch.d.ts.map

package/dist/ui/client/pages/appSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appSearch.d.ts","sourceRoot":"","sources":["../../../../src/ui/client/pages/appSearch.ts"],"names":[],"mappings":"AAWA,wBAAgB,eAAe,IAAI,IAAI,CAuBtC"}

package/dist/ui/client/pages/appSearch.js

@@ -0,0 +1,221 @@
+import { appStore } from '../state/appStore.js';
+import { formatBytes, getMethodBadgeColor, formatInstallMethod, debounce } from '../utils/formatting.js';
+export function renderAppSearch() {
+    const container = document.getElementById('page-container');
+    if (!container)
+        return;
+    container.innerHTML = `
+    <div class="loading-state" style="text-align: center; padding: 60px 20px;">
+      <div class="spinner-lg spinner"></div>
+      <p class="text-center text-muted mt-4">Loading apps...</p>
+    </div>
+  `;
+    appStore.loadApps().then(() => {
+        renderAppSearchContent(container);
+        appStore.subscribe((state) => {
+            if (!state.isLoading) {
+                renderAppSearchContent(container);
+            }
+        });
+    });
+}
+function renderAppSearchContent(container) {
+    const state = appStore.getState();
+    if (!state || !state.apps) {
+        console.error('AppStore state is invalid:', state);
+        container.innerHTML = `
+      <div class="alert alert-danger">
+        <h3>Error Loading Apps</h3>
+        <p>Failed to load application state. Please refresh the page.</p>
+        <button class="btn btn-primary btn-sm mt-4" onclick="window.location.reload()">Reload</button>
+      </div>
+    `;
+        return;
+    }
+    container.innerHTML = `
+    <div class="app-search-page">
+      <!-- Header -->
+      <div class="page-header mb-8">
+        <h1 class="text-3xl font-bold">📦 Applications</h1>
+        <p class="text-secondary mt-2">Search and manage installed apps</p>
+      </div>
+
+      <!-- Search and Filters -->
+      <div class="card mb-6">
+        <div class="card-body">
+          <!-- Search Input -->
+          <div class="form-group">
+            <input
+              type="text"
+              id="search-input"
+              class="form-input"
+              placeholder="Search apps by name..."
+              value="${escapeHtml(state.searchOptions.query)}"
+              autocomplete="off"
+            >
+          </div>
+
+          <!-- Filters Row -->
+          <div class="flex flex-wrap gap-2 items-center">
+            <span class="text-sm font-medium text-muted">Method:</span>
+            ${renderMethodFilter(state.searchOptions.installMethod || '')}
+
+            <span class="text-sm font-medium text-muted ml-4">Sort:</span>
+            ${renderSortFilter(state.searchOptions.sortBy || 'name')}
+          </div>
+
+          <!-- Results Count -->
+          <p class="text-sm text-muted mt-4">
+            ${state.isLoading ? 'Loading...' : `${state.total} app${state.total !== 1 ? 's' : ''} found`}
+          </p>
+        </div>
+      </div>
+
+      <!-- Apps Grid -->
+      <div class="apps-grid">
+        ${(state.apps && state.apps.length > 0)
+        ? `
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+            ${state.apps.map((app) => renderAppCard(app)).join('')}
+          </div>
+        `
+        : `
+          <div class="card">
+            <div class="card-body text-center py-12">
+              <p class="text-2xl mb-2">🔍</p>
+              <p class="text-lg font-medium">No apps found</p>
+              <p class="text-muted mt-2">
+                ${state.searchOptions.query ? 'Try a different search query' : 'No applications detected'}
+              </p>
+            </div>
+          </div>
+        `}
+      </div>
+
+      <!-- Load More Button -->
+      ${state.apps.length < state.total
+        ? `
+        <div class="text-center mt-8">
+          <button class="btn btn-secondary" id="load-more-btn">
+            Load More (${state.apps.length} of ${state.total})
+          </button>
+        </div>
+      `
+        : ''}
+    </div>
+  `;
+    setupSearchListeners();
+    setupLoadMoreListener();
+    window.scrollTo(0, 0);
+}
+function renderAppCard(app) {
+    return `
+    <div class="card app-card hover-lift cursor-pointer" onclick="window.location.hash = '#/apps/${encodeURIComponent(app.name)}'">
+      <div class="card-body">
+        <div class="flex-between mb-2">
+          <h3 class="text-lg font-bold">${escapeHtml(app.name)}</h3>
+          <span class="badge ${getMethodBadgeColor(app.installMethod)}">
+            ${formatInstallMethod(app.installMethod)}
+          </span>
+        </div>
+
+        <p class="text-sm text-muted mb-3">
+          ${app.version ? `v${escapeHtml(app.version)}` : 'Version unknown'}
+        </p>
+
+        <div class="flex-between pt-3 border-t border-color">
+          <span class="text-sm text-muted">
+            ${app.size ? formatBytes(app.size) : 'Size unknown'}
+          </span>
+          <button
+            class="btn btn-sm btn-ghost-primary"
+            onclick="
+              event.stopPropagation();
+              window.location.hash = '#/apps/${encodeURIComponent(app.name)}';
+            "
+          >
+            Details →
+          </button>
+        </div>
+      </div>
+    </div>
+  `;
+}
+function renderMethodFilter(selected) {
+    const methods = ['', 'npm', 'yarn', 'pnpm', 'brew', 'apt', 'yum', 'dnf', 'custom'];
+    const labels = {
+        '': 'All',
+        'npm': 'npm',
+        'yarn': 'Yarn',
+        'pnpm': 'pnpm',
+        'brew': 'Homebrew',
+        'apt': 'apt',
+        'yum': 'yum',
+        'dnf': 'dnf',
+        'custom': 'Custom',
+    };
+    return methods
+        .map((method) => `
+    <button
+      class="btn btn-sm ${method === selected ? 'btn-primary' : 'btn-ghost'} method-filter"
+      data-method="${method}"
+    >
+      ${labels[method]}
+    </button>
+  `)
+        .join('');
+}
+function renderSortFilter(selected) {
+    return `
+    <select id="sort-select" class="form-input" style="width: auto;">
+      <option value="name" ${selected === 'name' ? 'selected' : ''}>Name (A-Z)</option>
+      <option value="size" ${selected === 'size' ? 'selected' : ''}>Size (Largest)</option>
+      <option value="date" ${selected === 'date' ? 'selected' : ''}>Date (Newest)</option>
+    </select>
+  `;
+}
+function setupSearchListeners() {
+    const searchInput = document.getElementById('search-input');
+    const methodButtons = document.querySelectorAll('.method-filter');
+    const sortSelect = document.getElementById('sort-select');
+    const debouncedSearch = debounce((query) => {
+        appStore.setSearchQuery(query);
+    }, 300);
+    if (searchInput) {
+        searchInput.addEventListener('input', (e) => {
+            const query = e.target.value;
+            debouncedSearch(query);
+        });
+    }
+    methodButtons.forEach((btn) => {
+        btn.addEventListener('click', () => {
+            const method = btn.getAttribute('data-method');
+            appStore.setInstallMethodFilter(method || undefined);
+        });
+    });
+    if (sortSelect) {
+        sortSelect.addEventListener('change', (e) => {
+            const sort = e.target.value;
+            appStore.setSortBy(sort);
+        });
+    }
+}
+function setupLoadMoreListener() {
+    const loadMoreBtn = document.getElementById('load-more-btn');
+    if (loadMoreBtn) {
+        loadMoreBtn.addEventListener('click', () => {
+            appStore.loadNextPage();
+        });
+    }
+}
+function escapeHtml(text) {
+    const map = {
+        '&': '&amp;',
+        '<': '&lt;',
+        '>': '&gt;',
+        '"': '&quot;',
+        "'": '&#039;',
+    };
+    return text.replace(/[&<>"']/g, (m) => map[m]);
+}
+//# sourceMappingURL=appSearch.js.map

package/dist/ui/client/pages/appSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appSearch.js","sourceRoot":"","sources":["../../../../src/ui/client/pages/appSearch.ts"],"names":[],"mappings":"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"}

package/dist/ui/client/pages/dashboard.d.ts

@@ -0,0 +1,2 @@
+export declare function renderDashboard(): void;
+//# sourceMappingURL=dashboard.d.ts.map

package/dist/ui/client/pages/dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../../../src/ui/client/pages/dashboard.ts"],"names":[],"mappings":"AAWA,wBAAgB,eAAe,IAAI,IAAI,CAyDtC"}