Initial commit

ui/app.js

@@ -0,0 +1,188 @@
+/**
+ * Main Application Logic
+ * Orchestrates API calls and UI updates
+ */
+
+class CVSRepositoryBrowser {
+    constructor() {
+        this.currentFile = null;
+        this.currentHistory = null;
+        this.initialize();
+    }
+
+    /**
+     * Initialize the application
+     */
+    async initialize() {
+        try {
+            // Check API health
+            await this.checkHealth();
+            
+            // Load initial repository tree
+            await this.loadTree();
+            
+            // Setup event listeners
+            this.setupEventListeners();
+            
+            ui.updateStatus('Connected', 'connected');
+        } catch (error) {
+            console.error('Initialization error:', error);
+            ui.updateStatus('Connection Error', 'error');
+        }
+    }
+
+    /**
+     * Check API health
+     */
+    async checkHealth() {
+        try {
+            const health = await api.getHealth();
+            console.log('API Health:', health);
+            return health;
+        } catch (error) {
+            throw new Error('Failed to connect to API');
+        }
+    }
+
+    /**
+     * Load repository tree
+     */
+    async loadTree() {
+        try {
+            ui.treeContainer.innerHTML = '<div class="loading">Loading repository...</div>';
+            const files = await api.getTree();
+            ui.buildTree(files, (filePath) => this.loadFile(filePath));
+        } catch (error) {
+            console.error('Error loading tree:', error);
+            ui.treeContainer.innerHTML = `<div class="loading" style="color: #991b1b;">Error loading repository: ${error.message}</div>`;
+        }
+    }
+
+    /**
+     * Load file content
+     * @param {string} filePath - Path to the file
+     * @param {string} revision - Optional specific revision
+     */
+    async loadFile(filePath, revision = null) {
+        try {
+            this.currentFile = filePath;
+            ui.showLoading('Loading file...');
+            
+            const content = await api.getFileContent(filePath, revision);
+            ui.displayFile(filePath, content);
+            
+            // Load history for this file
+            await this.loadFileHistory(filePath);
+        } catch (error) {
+            console.error('Error loading file:', error);
+            ui.showError(`Error loading file: ${error.message}`);
+        }
+    }
+
+    /**
+     * Load file at specific revision
+     * @param {string} filePath - Path to the file
+     * @param {string} revision - Specific revision
+     */
+    async loadFileAtRevision(filePath, revision) {
+        try {
+            await this.loadFile(filePath, revision);
+            ui.showView(ui.fileView);
+        } catch (error) {
+            console.error('Error loading file at revision:', error);
+            ui.showError(`Error loading file: ${error.message}`);
+        }
+    }
+
+    /**
+     * Load file history
+     * @param {string} filePath - Path to the file
+     */
+    async loadFileHistory(filePath) {
+        try {
+            const history = await api.getFileHistory(filePath);
+            this.currentHistory = history;
+            ui.populateRevisionSelectors(history);
+        } catch (error) {
+            console.error('Error loading history:', error);
+        }
+    }
+
+    /**
+     * Show file history view
+     */
+    async showHistory() {
+        if (!this.currentFile) return;
+        
+        try {
+            ui.showLoading('Loading history...');
+            const history = await api.getFileHistory(this.currentFile);
+            ui.displayHistory(history);
+        } catch (error) {
+            console.error('Error showing history:', error);
+            ui.showError(`Error loading history: ${error.message}`);
+        }
+    }
+
+    /**
+     * Show diff view
+     */
+    showDiffView() {
+        if (!this.currentFile || !this.currentHistory) return;
+        ui.populateRevisionSelectors(this.currentHistory);
+        ui.showView(ui.diffView);
+    }
+
+    /**
+     * Generate and display diff
+     */
+    async generateDiff() {
+        if (!this.currentFile) return;
+        
+        const rev1 = ui.rev1Select.value;
+        const rev2 = ui.rev2Select.value;
+        
+        if (!rev1 || !rev2) {
+            ui.showError('Please select two revisions');
+            return;
+        }
+
+        try {
+            ui.diffContent.innerHTML = '<div class="loading">Generating diff...</div>';
+            const diffResult = await api.getDiff(this.currentFile, rev1, rev2);
+            const diffText = diffResult.diff || diffResult;
+            ui.displayDiff(diffText);
+        } catch (error) {
+            console.error('Error generating diff:', error);
+            ui.showError(`Error generating diff: ${error.message}`);
+        }
+    }
+
+    /**
+     * Setup event listeners
+     */
+    setupEventListeners() {
+        // Refresh button
+        ui.refreshBtn.addEventListener('click', () => this.loadTree());
+
+        // File view buttons
+        ui.historyBtn.addEventListener('click', () => this.showHistory());
+        ui.diffBtn.addEventListener('click', () => this.showDiffView());
+
+        // History view back button
+        ui.backFromHistoryBtn.addEventListener('click', () => {
+            ui.showView(ui.fileView);
+        });
+
+        // Diff view buttons
+        ui.generateDiffBtn.addEventListener('click', () => this.generateDiff());
+        ui.backFromDiffBtn.addEventListener('click', () => {
+            ui.showView(ui.fileView);
+        });
+    }
+}
+
+// Initialize application when DOM is ready
+document.addEventListener('DOMContentLoaded', () => {
+    window.app = new CVSRepositoryBrowser();
+});