appclean 1.9.0 → 2.0.2

package/dist/ui/client/state/dashboardStore.d.ts

@@ -0,0 +1,31 @@
+import { Store } from '../utils/events.js';
+export interface RemovalRecord {
+    appName: string;
+    timestamp: number;
+    freedSpace: number;
+    filesRemoved: number;
+}
+export interface DashboardStats {
+    totalApps: number;
+    totalSpaceUsed: number;
+    sessionAppsRemoved: number;
+    sessionSpaceFreed: number;
+    diskUsagePercent: number;
+    recentlyRemoved: RemovalRecord[];
+}
+export interface DashboardStoreState {
+    stats: DashboardStats | null;
+    isLoading: boolean;
+    error: string | null;
+    lastUpdated: number | null;
+}
+export declare class DashboardStore extends Store<DashboardStoreState> {
+    constructor();
+    loadStats(): Promise<void>;
+    refreshStats(force?: boolean): Promise<void>;
+    addRemovalRecord(record: RemovalRecord): void;
+    resetSessionStats(): void;
+    clearError(): void;
+}
+export declare const dashboardStore: DashboardStore;
+//# sourceMappingURL=dashboardStore.d.ts.map

package/dist/ui/client/state/dashboardStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardStore.d.ts","sourceRoot":"","sources":["../../../../src/ui/client/state/dashboardStore.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,aAAa,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AASD,qBAAa,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC;;IAMtD,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IA+B1B,YAAY,CAAC,KAAK,UAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;IAahD,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI;IAe7C,iBAAiB,IAAI,IAAI;IAezB,UAAU,IAAI,IAAI;CAGnB;AAGD,eAAO,MAAM,cAAc,gBAAuB,CAAC"}

package/dist/ui/client/state/dashboardStore.js

@@ -0,0 +1,76 @@
+import { Store } from '../utils/events.js';
+const INITIAL_STATE = {
+    stats: null,
+    isLoading: false,
+    error: null,
+    lastUpdated: null,
+};
+export class DashboardStore extends Store {
+    constructor() {
+        super(INITIAL_STATE);
+    }
+    async loadStats() {
+        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: ${response.status}`);
+            const data = await response.json();
+            const stats = data.data || data;
+            if (!stats) {
+                throw new Error('Invalid response format from server');
+            }
+            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: errorMsg,
+                isLoading: false,
+            });
+        }
+    }
+    async refreshStats(force = false) {
+        const now = Date.now();
+        const lastUpdated = this.state.lastUpdated ?? 0;
+        const timeSinceLastUpdate = now - lastUpdated;
+        if (!force && timeSinceLastUpdate < 5000) {
+            return;
+        }
+        await this.loadStats();
+    }
+    addRemovalRecord(record) {
+        const stats = this.state.stats;
+        if (!stats)
+            return;
+        const updatedStats = {
+            ...stats,
+            sessionAppsRemoved: stats.sessionAppsRemoved + 1,
+            sessionSpaceFreed: stats.sessionSpaceFreed + record.freedSpace,
+            recentlyRemoved: [record, ...stats.recentlyRemoved].slice(0, 10),
+        };
+        this.setState({ stats: updatedStats });
+    }
+    resetSessionStats() {
+        const stats = this.state.stats;
+        if (!stats)
+            return;
+        const resetStats = {
+            ...stats,
+            sessionAppsRemoved: 0,
+            sessionSpaceFreed: 0,
+            recentlyRemoved: [],
+        };
+        this.setState({ stats: resetStats });
+    }
+    clearError() {
+        this.setState({ error: null });
+    }
+}
+export const dashboardStore = new DashboardStore();
+//# sourceMappingURL=dashboardStore.js.map

package/dist/ui/client/state/dashboardStore.js.map

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

package/dist/ui/client/state/uiStore.d.ts

@@ -0,0 +1,43 @@
+import { Store } from '../utils/events.js';
+export type ViewType = 'dashboard' | 'apps' | 'app-details' | 'settings';
+export type NotificationType = 'success' | 'error' | 'warning' | 'info';
+export type ThemeType = 'light' | 'dark';
+export interface Notification {
+    id: string;
+    type: NotificationType;
+    message: string;
+    duration?: number;
+}
+export interface UIStoreState {
+    currentView: ViewType;
+    theme: ThemeType;
+    sidebarVisible: boolean;
+    isModalOpen: boolean;
+    modalType: string | null;
+    modalData: any;
+    notifications: Notification[];
+    isProcessing: boolean;
+}
+export declare class UIStore extends Store<UIStoreState> {
+    private notificationTimers;
+    constructor();
+    navigateTo(view: ViewType): void;
+    toggleSidebar(): void;
+    showSidebar(): void;
+    hideSidebar(): void;
+    openModal(type: string, data?: any): void;
+    closeModal(): void;
+    setTheme(theme: ThemeType): void;
+    toggleTheme(): void;
+    private applyTheme;
+    addNotification(notification: Omit<Notification, 'id'>): string;
+    removeNotification(id: string): void;
+    showSuccess(message: string, duration?: number): void;
+    showError(message: string, duration?: number): void;
+    showWarning(message: string, duration?: number): void;
+    showInfo(message: string, duration?: number): void;
+    setProcessing(isProcessing: boolean): void;
+    clearNotifications(): void;
+}
+export declare const uiStore: UIStore;
+//# sourceMappingURL=uiStore.d.ts.map

package/dist/ui/client/state/uiStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uiStore.d.ts","sourceRoot":"","sources":["../../../../src/ui/client/state/uiStore.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,MAAM,GAAG,aAAa,GAAG,UAAU,CAAC;AACzE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,gBAAgB,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,QAAQ,CAAC;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,GAAG,CAAC;IACf,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;CACvB;AAaD,qBAAa,OAAQ,SAAQ,KAAK,CAAC,YAAY,CAAC;IAC9C,OAAO,CAAC,kBAAkB,CAAkC;;IAQ5D,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI;IAMhC,aAAa,IAAI,IAAI;IAIrB,WAAW,IAAI,IAAI;IAInB,WAAW,IAAI,IAAI;IAKnB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,GAAG,IAAI;IAQzC,UAAU,IAAI,IAAI;IASlB,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAMhC,WAAW,IAAI,IAAI;IAKnB,OAAO,CAAC,UAAU;IAUlB,eAAe,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,MAAM;IAkB/D,kBAAkB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAapC,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,SAAO,GAAG,IAAI;IAInD,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,SAAO,GAAG,IAAI;IAIjD,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,SAAO,GAAG,IAAI;IAInD,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,SAAO,GAAG,IAAI;IAKhD,aAAa,CAAC,YAAY,EAAE,OAAO,GAAG,IAAI;IAI1C,kBAAkB,IAAI,IAAI;CAK3B;AAGD,eAAO,MAAM,OAAO,SAAgB,CAAC"}

package/dist/ui/client/state/uiStore.js

@@ -0,0 +1,109 @@
+import { Store } from '../utils/events.js';
+const INITIAL_STATE = {
+    currentView: 'dashboard',
+    theme: localStorage.getItem('theme') || 'light',
+    sidebarVisible: true,
+    isModalOpen: false,
+    modalType: null,
+    modalData: null,
+    notifications: [],
+    isProcessing: false,
+};
+export class UIStore extends Store {
+    constructor() {
+        super(INITIAL_STATE);
+        this.notificationTimers = new Map();
+        this.applyTheme(this.state.theme);
+    }
+    navigateTo(view) {
+        this.setState({ currentView: view });
+        window.location.hash = `#/${view === 'dashboard' ? '' : view}`;
+    }
+    toggleSidebar() {
+        this.setState({ sidebarVisible: !this.state.sidebarVisible });
+    }
+    showSidebar() {
+        this.setState({ sidebarVisible: true });
+    }
+    hideSidebar() {
+        this.setState({ sidebarVisible: false });
+    }
+    openModal(type, data) {
+        this.setState({
+            isModalOpen: true,
+            modalType: type,
+            modalData: data,
+        });
+    }
+    closeModal() {
+        this.setState({
+            isModalOpen: false,
+            modalType: null,
+            modalData: null,
+        });
+    }
+    setTheme(theme) {
+        this.setState({ theme });
+        this.applyTheme(theme);
+        localStorage.setItem('theme', theme);
+    }
+    toggleTheme() {
+        const newTheme = this.state.theme === 'light' ? 'dark' : 'light';
+        this.setTheme(newTheme);
+    }
+    applyTheme(theme) {
+        const root = document.documentElement;
+        if (theme === 'dark') {
+            document.body.classList.add('dark-mode');
+        }
+        else {
+            document.body.classList.remove('dark-mode');
+        }
+    }
+    addNotification(notification) {
+        const id = `notif-${Date.now()}-${Math.random()}`;
+        const fullNotification = { ...notification, id };
+        this.setState({
+            notifications: [...this.state.notifications, fullNotification],
+        });
+        if (notification.duration && notification.duration > 0) {
+            const timer = window.setTimeout(() => {
+                this.removeNotification(id);
+            }, notification.duration);
+            this.notificationTimers.set(id, timer);
+        }
+        return id;
+    }
+    removeNotification(id) {
+        const timer = this.notificationTimers.get(id);
+        if (timer) {
+            clearTimeout(timer);
+            this.notificationTimers.delete(id);
+        }
+        this.setState({
+            notifications: this.state.notifications.filter((n) => n.id !== id),
+        });
+    }
+    showSuccess(message, duration = 4000) {
+        this.addNotification({ type: 'success', message, duration });
+    }
+    showError(message, duration = 5000) {
+        this.addNotification({ type: 'error', message, duration });
+    }
+    showWarning(message, duration = 4000) {
+        this.addNotification({ type: 'warning', message, duration });
+    }
+    showInfo(message, duration = 3000) {
+        this.addNotification({ type: 'info', message, duration });
+    }
+    setProcessing(isProcessing) {
+        this.setState({ isProcessing });
+    }
+    clearNotifications() {
+        this.notificationTimers.forEach((timer) => clearTimeout(timer));
+        this.notificationTimers.clear();
+        this.setState({ notifications: [] });
+    }
+}
+export const uiStore = new UIStore();
+//# sourceMappingURL=uiStore.js.map

package/dist/ui/client/state/uiStore.js.map

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

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

@@ -0,0 +1,349 @@
+/* Animations - Keyframes and Transition Effects */
+
+/* Fade Animations */
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+.fade-in {
+  animation: fadeIn var(--transition-normal) ease-out forwards;
+}
+
+.fade-out {
+  animation: fadeOut var(--transition-normal) ease-out forwards;
+}
+
+/* Slide Animations */
+@keyframes slideInUp {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@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;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+}
+
+@keyframes slideInDown {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes slideInLeft {
+  from {
+    opacity: 0;
+    transform: translateX(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@keyframes slideInRight {
+  from {
+    opacity: 0;
+    transform: translateX(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+.slide-in-up {
+  animation: slideInUp var(--transition-normal) ease-out forwards;
+}
+
+.slide-in-down {
+  animation: slideInDown var(--transition-normal) ease-out forwards;
+}
+
+.slide-in-left {
+  animation: slideInLeft var(--transition-normal) ease-out forwards;
+}
+
+.slide-in-right {
+  animation: slideInRight var(--transition-normal) ease-out forwards;
+}
+
+/* Spin Animation */
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.spin {
+  animation: spin 1s linear infinite;
+}
+
+/* Pulse Animation */
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+
+.pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+/* Scale Animation */
+@keyframes scaleIn {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes scaleOut {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+}
+
+.scale-in {
+  animation: scaleIn var(--transition-normal) ease-out forwards;
+}
+
+.scale-out {
+  animation: scaleOut var(--transition-normal) ease-out forwards;
+}
+
+/* Bounce Animation */
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-10px);
+  }
+}
+
+.bounce {
+  animation: bounce 1s ease-in-out infinite;
+}
+
+/* Wiggle Animation */
+@keyframes wiggle {
+  0%, 100% {
+    transform: translateX(0);
+  }
+  25% {
+    transform: translateX(-2px);
+  }
+  75% {
+    transform: translateX(2px);
+  }
+}
+
+.wiggle {
+  animation: wiggle 0.5s ease-in-out;
+}
+
+/* Skeleton Loading */
+@keyframes shimmer {
+  0% {
+    background-position: -1000px 0;
+  }
+  100% {
+    background-position: 1000px 0;
+  }
+}
+
+.skeleton {
+  background: linear-gradient(
+    90deg,
+    var(--bg-secondary) 0%,
+    var(--bg-hover) 50%,
+    var(--bg-secondary) 100%
+  );
+  background-size: 200% 100%;
+  animation: shimmer 2s infinite;
+  border-radius: var(--radius-md);
+}
+
+/* Page Transitions */
+.page-enter {
+  animation: slideInUp var(--transition-normal) ease-out;
+}
+
+.page-exit {
+  animation: slideOutDown var(--transition-normal) ease-out;
+}
+
+/* Loading Spinner Variants */
+.spinner {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  border: 3px solid var(--bg-secondary);
+  border-top-color: var(--color-primary);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+.spinner-sm {
+  width: 16px;
+  height: 16px;
+  border-width: 2px;
+}
+
+.spinner-lg {
+  width: 32px;
+  height: 32px;
+  border-width: 4px;
+}
+
+.spinner-white {
+  border-color: rgba(255, 255, 255, 0.3);
+  border-top-color: white;
+}
+
+/* Transition Utilities */
+.transition-all {
+  transition: all var(--transition-normal);
+}
+
+.transition-colors {
+  transition: background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
+}
+
+.transition-transform {
+  transition: transform var(--transition-fast);
+}
+
+.transition-opacity {
+  transition: opacity var(--transition-fast);
+}
+
+/* Hover Effects */
+.hover-lift:hover {
+  transform: translateY(-4px);
+  box-shadow: var(--shadow-lg);
+}
+
+.hover-scale:hover {
+  transform: scale(1.05);
+}
+
+.hover-glow:hover {
+  box-shadow: 0 0 20px rgba(59, 130, 246, 0.5);
+}
+
+/* Focus Visible */
+:focus-visible {
+  outline: 2px solid var(--color-primary);
+  outline-offset: 2px;
+}
+
+button:focus-visible {
+  outline-offset: -2px;
+}
+
+/* Disabled State */
+[disabled] {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* Active State */
+.active {
+  opacity: 1;
+}
+
+/* Error Shake */
+@keyframes shake {
+  0%, 100% {
+    transform: translateX(0);
+  }
+  10%, 30%, 50%, 70%, 90% {
+    transform: translateX(-4px);
+  }
+  20%, 40%, 60%, 80% {
+    transform: translateX(4px);
+  }
+}
+
+.shake {
+  animation: shake 0.5s ease-in-out;
+}
+
+/* Smooth Transitions for Theme Toggle */
+body {
+  transition: background-color var(--transition-normal), color var(--transition-normal);
+}
+
+* {
+  transition: background-color var(--transition-normal), border-color var(--transition-normal);
+}