django-cfg 1.4.62__py3-none-any.whl → 1.4.64__py3-none-any.whl

django_cfg/apps/ipc/static/django_cfg_ipc/js/dashboard/overview.mjs

@@ -1,259 +0,0 @@
-/**
- * RPC Overview Dashboard Module
- * Handles overview, requests, notifications, and methods tabs
- */
-export class OverviewModule {
-    constructor(api, dashboard) {
-        this.api = api;
-        this.dashboard = dashboard;
-    }
-
-    /**
-     * Load data based on current tab
-     */
-    async loadData(tabName) {
-        switch (tabName) {
-            case 'overview':
-                await this.loadOverviewStats();
-                break;
-            case 'requests':
-                await this.loadRecentRequests();
-                break;
-            case 'notifications':
-                await this.loadNotificationStats();
-                break;
-            case 'methods':
-                await this.loadMethodStats();
-                break;
-        }
-    }
-
-    /**
-     * Load overview statistics
-     */
-    async loadOverviewStats() {
-        try {
-            const stats = await this.api.ipcAdminApiMonitorOverviewRetrieve();
-
-            if (stats) {
-                // Update stats cards
-                this.updateElement('total-requests', stats.total_requests_today || 0);
-                this.updateElement('active-methods-count', stats.active_methods?.length || 0);
-                this.updateElement('avg-response-time', (stats.avg_response_time_ms || 0).toFixed(0));
-                this.updateElement('success-rate', (stats.success_rate || 0).toFixed(1));
-
-                // Update top method (XSS-safe)
-                if (stats.top_method) {
-                    const topMethodElement = document.getElementById('top-method');
-                    if (topMethodElement) {
-                        const code = document.createElement('code');
-                        code.className = 'bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded text-blue-600 dark:text-blue-300';
-                        code.textContent = stats.top_method;
-                        topMethodElement.innerHTML = '';
-                        topMethodElement.appendChild(code);
-                    }
-                }
-            }
-        } catch (error) {
-            console.error('Error loading overview stats:', error);
-        }
-    }
-
-    /**
-     * Load recent RPC requests
-     */
-    async loadRecentRequests() {
-        try {
-            const data = await this.api.ipcAdminApiMonitorRequestsRetrieve({ count: 50 });
-
-            if (data) {
-                const requests = data.requests || [];
-                this.renderRequestsTable(requests);
-            }
-        } catch (error) {
-            console.error('Error loading recent requests:', error);
-        }
-    }
-
-    /**
-     * Render requests table
-     */
-    renderRequestsTable(requests) {
-        const tbody = document.getElementById('requests-table-body');
-        if (!tbody) return;
-
-        if (requests.length === 0) {
-            tbody.innerHTML = `
-                <tr>
-                    <td colspan="4" class="px-4 py-8 text-center text-gray-500 dark:text-gray-400">
-                        No recent requests found
-                    </td>
-                </tr>
-            `;
-            return;
-        }
-
-        tbody.innerHTML = requests.map(req => `
-            <tr class="hover:bg-gray-50 dark:hover:bg-gray-700">
-                <td class="px-4 py-3 text-sm">
-                    ${this.formatTimestamp(req.timestamp)}
-                </td>
-                <td class="px-4 py-3">
-                    <code class="text-sm bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded">${this.escapeHtml(req.method || 'unknown')}</code>
-                </td>
-                <td class="px-4 py-3 text-sm font-mono">
-                    ${this.escapeHtml((req.correlation_id || '').substring(0, 8))}...
-                </td>
-                <td class="px-4 py-3 text-sm">
-                    <details class="cursor-pointer">
-                        <summary class="text-blue-600 dark:text-blue-400 hover:underline">View</summary>
-                        <pre class="mt-2 text-xs bg-gray-100 dark:bg-gray-900 p-2 rounded overflow-auto max-h-40">${this.escapeHtml(JSON.stringify(req.params || {}, null, 2))}</pre>
-                    </details>
-                </td>
-            </tr>
-        `).join('');
-    }
-
-    /**
-     * Load notification statistics
-     */
-    async loadNotificationStats() {
-        try {
-            const stats = await this.api.ipcAdminApiMonitorNotificationsRetrieve();
-
-            if (stats) {
-                this.renderNotificationStats(stats);
-            }
-        } catch (error) {
-            console.error('Error loading notification stats:', error);
-        }
-    }
-
-    /**
-     * Render notification statistics
-     */
-    renderNotificationStats(stats) {
-        const container = document.getElementById('notification-stats-content');
-        if (!container) return;
-
-        const byType = stats.by_type || {};
-        const total = stats.total_sent || 0;
-
-        container.innerHTML = `
-            <div class="space-y-4">
-                <div class="flex items-center justify-between p-4 bg-gray-50 dark:bg-gray-700 rounded">
-                    <span>Total Sent</span>
-                    <span class="text-2xl font-bold">${total}</span>
-                </div>
-                <div class="flex items-center justify-between p-4 bg-gray-50 dark:bg-gray-700 rounded">
-                    <span>Delivery Rate</span>
-                    <span class="text-2xl font-bold text-green-600 dark:text-green-400">${stats.delivery_rate || 0}%</span>
-                </div>
-                <div>
-                    <h4 class="text-md font-semibold mb-3">By Type</h4>
-                    <div class="space-y-2">
-                        ${Object.entries(byType).map(([type, count]) => `
-                            <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-700 rounded">
-                                <span>${this.escapeHtml(type)}</span>
-                                <span class="font-medium">${count}</span>
-                            </div>
-                        `).join('') || '<p class="text-gray-500 dark:text-gray-400">No data available</p>'}
-                    </div>
-                </div>
-                ${stats.recent && stats.recent.length > 0 ? `
-                    <div>
-                        <h4 class="text-md font-semibold mb-3">Recent Notifications</h4>
-                        <div class="space-y-2">
-                            ${stats.recent.slice(0, 5).map(notif => `
-                                <div class="p-3 bg-gray-50 dark:bg-gray-700 rounded">
-                                    <div class="flex justify-between items-start">
-                                        <span class="text-sm">${this.escapeHtml(notif.type || 'unknown')}</span>
-                                        <span class="text-xs text-gray-500 dark:text-gray-400">${this.formatTimestamp(notif.timestamp)}</span>
-                                    </div>
-                                    ${notif.message ? `<p class="text-xs text-gray-600 dark:text-gray-400 mt-1">${this.escapeHtml(notif.message)}</p>` : ''}
-                                </div>
-                            `).join('')}
-                        </div>
-                    </div>
-                ` : ''}
-            </div>
-        `;
-    }
-
-    /**
-     * Load method statistics
-     */
-    async loadMethodStats() {
-        try {
-            const data = await this.api.ipcAdminApiMonitorMethodsRetrieve();
-
-            if (data) {
-                const methods = data.methods || [];
-                this.renderMethodsTable(methods);
-            }
-        } catch (error) {
-            console.error('Error loading method stats:', error);
-        }
-    }
-
-    /**
-     * Render methods table
-     */
-    renderMethodsTable(methods) {
-        const tbody = document.getElementById('methods-table-body');
-        if (!tbody) return;
-
-        if (methods.length === 0) {
-            tbody.innerHTML = `
-                <tr>
-                    <td colspan="4" class="px-4 py-8 text-center text-gray-500 dark:text-gray-400">
-                        No method data available
-                    </td>
-                </tr>
-            `;
-            return;
-        }
-
-        tbody.innerHTML = methods.map(method => `
-            <tr class="hover:bg-gray-50 dark:hover:bg-gray-700">
-                <td class="px-4 py-3">
-                    <code class="text-sm bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded">${this.escapeHtml(method.method)}</code>
-                </td>
-                <td class="px-4 py-3 text-sm font-medium">${method.count}</td>
-                <td class="px-4 py-3 text-sm">${method.percentage}%</td>
-                <td class="px-4 py-3 text-sm">${method.avg_time_ms || method.avg_time || 0}ms</td>
-            </tr>
-        `).join('');
-    }
-
-    /**
-     * Helper: Update element text content
-     */
-    updateElement(id, value) {
-        const element = document.getElementById(id);
-        if (element) {
-            element.textContent = value;
-        }
-    }
-
-    /**
-     * Helper: Format ISO timestamp to local time
-     */
-    formatTimestamp(isoString) {
-        try {
-            const date = new Date(isoString);
-            return date.toLocaleTimeString();
-        } catch {
-            return 'N/A';
-        }
-    }
-
-    /**
-     * Helper: Escape HTML to prevent XSS
-     */
-    escapeHtml(unsafe) {
-        const div = document.createElement('div');
-        div.textContent = unsafe;
-        return div.innerHTML;
-    }
-}

django_cfg/apps/ipc/static/django_cfg_ipc/js/dashboard/testing.mjs

@@ -1,375 +0,0 @@
-/**
- * RPC Testing Tools Module
- * Handles test client and load testing functionality
- */
-export class TestingModule {
-    constructor(api, dashboard) {
-        this.api = api;
-        this.dashboard = dashboard;
-        this.loadTestInterval = null;
-        this.isLoadTestRunning = false;
-    }
-
-    /**
-     * Initialize testing tools
-     */
-    init() {
-        this.setupEventListeners();
-    }
-
-    /**
-     * Setup event listeners for testing tools
-     */
-    setupEventListeners() {
-        // Test RPC Client
-        const sendTestBtn = document.getElementById('send-test-rpc-btn');
-        const clearTestBtn = document.getElementById('clear-test-rpc-btn');
-
-        if (sendTestBtn) {
-            sendTestBtn.addEventListener('click', () => this.sendTestRequest());
-        }
-
-        if (clearTestBtn) {
-            clearTestBtn.addEventListener('click', () => this.clearTestForm());
-        }
-
-        // Load Testing
-        const startLoadTestBtn = document.getElementById('start-load-test-btn');
-        const stopLoadTestBtn = document.getElementById('stop-load-test-btn');
-
-        if (startLoadTestBtn) {
-            startLoadTestBtn.addEventListener('click', () => this.startLoadTest());
-        }
-
-        if (stopLoadTestBtn) {
-            stopLoadTestBtn.addEventListener('click', () => this.stopLoadTest());
-        }
-    }
-
-    /**
-     * Send a single test RPC request
-     */
-    async sendTestRequest() {
-        try {
-            const method = document.getElementById('test-rpc-method')?.value;
-            const timeout = parseInt(document.getElementById('test-rpc-timeout')?.value || '10');
-            const paramsText = document.getElementById('test-rpc-params')?.value || '{}';
-
-            // Validate input
-            if (!method) {
-                this.showTestResponse('Please select a method', 'error');
-                return;
-            }
-
-            let params = {};
-            try {
-                params = JSON.parse(paramsText);
-            } catch (e) {
-                this.showTestResponse('Invalid JSON in parameters: ' + e.message, 'error');
-                return;
-            }
-
-            // Auto-add timestamp if not present (required by WebSocket server)
-            if (!params.timestamp) {
-                params.timestamp = new Date().toISOString();
-            }
-
-            // Show loading state
-            this.showTestResponse('Sending request...', 'info');
-
-            // Send test request via API
-            const response = await this.api.ipcAdminApiTestSendCreate({
-                method,
-                params,
-                timeout
-            });
-
-            // Display response
-            this.displayTestResponse(response);
-
-        } catch (error) {
-            this.showTestResponse('Request failed: ' + error.message, 'error');
-        }
-    }
-
-    /**
-     * Display test response
-     */
-    displayTestResponse(response) {
-        const resultDiv = document.getElementById('test-rpc-result');
-        if (!resultDiv) return;
-
-        const isSuccess = response.success;
-        const statusClass = isSuccess ? 'text-green-600' : 'text-red-600';
-        const statusIcon = isSuccess ? 'check_circle' : 'error';
-
-        resultDiv.innerHTML = `
-            <div class="p-4 bg-gray-50 dark:bg-gray-700 rounded">
-                <!-- Status -->
-                <div class="flex items-center mb-3">
-                    <span class="material-icons ${statusClass} mr-2">${statusIcon}</span>
-                    <h4 class="font-semibold ${statusClass}">
-                        ${isSuccess ? 'Success' : 'Failed'}
-                    </h4>
-                </div>
-
-                <!-- Timing -->
-                <div class="mb-3 text-sm">
-                    <strong>Duration:</strong> ${response.duration_ms?.toFixed(2) || 'N/A'} ms
-                </div>
-
-                <!-- Correlation ID -->
-                <div class="mb-3 text-sm">
-                    <strong>Correlation ID:</strong>
-                    <code class="bg-gray-200 dark:bg-gray-600 px-2 py-1 rounded text-xs">
-                        ${this.escapeHtml(response.correlation_id || 'N/A')}
-                    </code>
-                </div>
-
-                <!-- Response/Error -->
-                <div class="mt-3">
-                    <strong class="text-sm">${isSuccess ? 'Response:' : 'Error:'}</strong>
-                    <pre class="mt-2 text-xs bg-gray-100 dark:bg-gray-900 p-3 rounded overflow-auto max-h-60">${
-                        this.escapeHtml(JSON.stringify(isSuccess ? response.response : response.error, null, 2))
-                    }</pre>
-                </div>
-            </div>
-        `;
-
-        resultDiv.classList.remove('hidden');
-    }
-
-    /**
-     * Show test response message
-     */
-    showTestResponse(message, type = 'info') {
-        const resultDiv = document.getElementById('test-rpc-result');
-        if (!resultDiv) return;
-
-        const colors = {
-            info: 'text-blue-600 dark:text-blue-400',
-            error: 'text-red-600 dark:text-red-400',
-            success: 'text-green-600 dark:text-green-400'
-        };
-
-        const icons = {
-            info: 'info',
-            error: 'error',
-            success: 'check_circle'
-        };
-
-        resultDiv.innerHTML = `
-            <div class="p-4 bg-gray-50 dark:bg-gray-700 rounded">
-                <div class="flex items-center">
-                    <span class="material-icons ${colors[type]} mr-2">${icons[type]}</span>
-                    <span class="${colors[type]}">${this.escapeHtml(message)}</span>
-                </div>
-            </div>
-        `;
-
-        resultDiv.classList.remove('hidden');
-    }
-
-    /**
-     * Clear test form
-     */
-    clearTestForm() {
-        const methodSelect = document.getElementById('test-rpc-method');
-        const paramsTextarea = document.getElementById('test-rpc-params');
-        const timeoutInput = document.getElementById('test-rpc-timeout');
-        const resultDiv = document.getElementById('test-rpc-result');
-
-        if (methodSelect) methodSelect.value = '';
-        if (paramsTextarea) paramsTextarea.value = '{}';
-        if (timeoutInput) timeoutInput.value = '10';
-        if (resultDiv) resultDiv.classList.add('hidden');
-    }
-
-    /**
-     * Start load test
-     */
-    async startLoadTest() {
-        try {
-            const method = document.getElementById('load-test-method')?.value;
-            const totalRequests = parseInt(document.getElementById('load-test-total')?.value || '100');
-            const concurrency = parseInt(document.getElementById('load-test-concurrency')?.value || '10');
-            const paramsText = document.getElementById('load-test-params')?.value || '{}';
-
-            // Validate input
-            if (!method) {
-                window.showNotification?.('Please select a method', 'error');
-                return;
-            }
-
-            if (totalRequests < 1 || totalRequests > 10000) {
-                window.showNotification?.('Total requests must be between 1 and 10,000', 'error');
-                return;
-            }
-
-            if (concurrency < 1 || concurrency > 100) {
-                window.showNotification?.('Concurrency must be between 1 and 100', 'error');
-                return;
-            }
-
-            // Parse params
-            let params = {};
-            try {
-                params = JSON.parse(paramsText);
-            } catch (e) {
-                window.showNotification?.('Invalid JSON in parameters: ' + e.message, 'error');
-                return;
-            }
-
-            // Auto-add timestamp if not present
-            if (!params.timestamp) {
-                params.timestamp = new Date().toISOString();
-            }
-
-            // Start load test
-            const response = await this.api.ipcAdminApiTestLoadStartCreate({
-                method,
-                total_requests: totalRequests,
-                concurrency,
-                params: params
-            });
-
-            if (response && response.test_id) {
-                this.isLoadTestRunning = true;
-                this.toggleLoadTestButtons(true);
-                this.startLoadTestPolling();
-                window.showNotification?.('Load test started', 'success');
-            }
-
-        } catch (error) {
-            window.showNotification?.('Failed to start load test: ' + error.message, 'error');
-        }
-    }
-
-    /**
-     * Stop load test
-     */
-    async stopLoadTest() {
-        try {
-            await this.api.ipcAdminApiTestLoadStopCreate({
-                method: '',
-                params: {},
-                timeout: 10
-            });
-
-            this.isLoadTestRunning = false;
-            this.stopLoadTestPolling();
-            this.toggleLoadTestButtons(false);
-            window.showNotification?.('Load test stopped', 'info');
-
-        } catch (error) {
-            window.showNotification?.('Failed to stop load test: ' + error.message, 'error');
-        }
-    }
-
-    /**
-     * Toggle load test buttons
-     */
-    toggleLoadTestButtons(isRunning) {
-        const startBtn = document.getElementById('start-load-test-btn');
-        const stopBtn = document.getElementById('stop-load-test-btn');
-
-        if (startBtn) {
-            startBtn.disabled = isRunning;
-            startBtn.classList.toggle('opacity-50', isRunning);
-            startBtn.classList.toggle('cursor-not-allowed', isRunning);
-        }
-
-        if (stopBtn) {
-            stopBtn.disabled = !isRunning;
-            stopBtn.classList.toggle('opacity-50', !isRunning);
-            stopBtn.classList.toggle('cursor-not-allowed', !isRunning);
-        }
-    }
-
-    /**
-     * Start polling for load test status
-     */
-    startLoadTestPolling() {
-        // Initial update
-        this.updateLoadTestStatus();
-
-        // Poll every 500ms
-        if (this.loadTestInterval) {
-            clearInterval(this.loadTestInterval);
-        }
-
-        this.loadTestInterval = setInterval(() => {
-            this.updateLoadTestStatus();
-        }, 500);
-    }
-
-    /**
-     * Stop polling for load test status
-     */
-    stopLoadTestPolling() {
-        if (this.loadTestInterval) {
-            clearInterval(this.loadTestInterval);
-            this.loadTestInterval = null;
-        }
-    }
-
-    /**
-     * Update load test status
-     */
-    async updateLoadTestStatus() {
-        try {
-            const status = await this.api.ipcAdminApiTestLoadStatusRetrieve();
-
-            if (status) {
-                // Update progress bar
-                const progressBar = document.getElementById('load-test-progress');
-                if (progressBar) {
-                    const percentage = status.total > 0 ? (status.progress / status.total * 100) : 0;
-                    progressBar.style.width = percentage + '%';
-                }
-
-                // Update progress text
-                const progressText = document.getElementById('load-test-progress-text');
-                if (progressText) {
-                    progressText.textContent = `${status.progress} / ${status.total}`;
-                }
-
-                // Update stats
-                this.updateElement('load-test-success', status.success_count);
-                this.updateElement('load-test-failed', status.failed_count);
-                this.updateElement('load-test-avg-time', status.avg_duration_ms?.toFixed(2) || '0');
-                this.updateElement('load-test-rps', status.rps?.toFixed(2) || '0');
-
-                // Check if test is complete
-                if (!status.running && this.isLoadTestRunning) {
-                    this.isLoadTestRunning = false;
-                    this.stopLoadTestPolling();
-                    this.toggleLoadTestButtons(false);
-                    window.showNotification?.('Load test completed', 'success');
-                }
-            }
-
-        } catch (error) {
-            console.error('Error updating load test status:', error);
-        }
-    }
-
-    /**
-     * Helper: Update element text content
-     */
-    updateElement(id, value) {
-        const element = document.getElementById(id);
-        if (element) {
-            element.textContent = value;
-        }
-    }
-
-    /**
-     * Helper: Escape HTML to prevent XSS
-     */
-    escapeHtml(unsafe) {
-        const div = document.createElement('div');
-        div.textContent = unsafe;
-        return div.innerHTML;
-    }
-}