lobstakit-cloud 1.0.0

package/public/js/app.js

@@ -0,0 +1,198 @@
+/**
+ * LobstaKit Cloud — Common JavaScript utilities
+ */
+
+/**
+ * Show a toast notification
+ * @param {string} message - Message to display
+ * @param {string} type - Type: 'success', 'error', 'info', 'warning'
+ * @param {number} duration - Duration in ms (default 3000)
+ */
+function showToast(message, type = 'info', duration = 3000) {
+    const container = document.getElementById('toast-container');
+    if (!container) return;
+
+    const toast = document.createElement('div');
+    
+    const colors = {
+        success: 'bg-green-500',
+        error: 'bg-red-500',
+        warning: 'bg-yellow-500',
+        info: 'bg-blue-500'
+    };
+    
+    const icons = {
+        success: '✓',
+        error: '✗',
+        warning: '⚠',
+        info: 'ℹ'
+    };
+
+    toast.className = `toast flex items-center space-x-3 px-4 py-3 rounded-lg shadow-lg ${colors[type] || colors.info} text-white min-w-64`;
+    toast.innerHTML = `
+        <span class="font-bold">${icons[type] || icons.info}</span>
+        <span>${escapeHtml(message)}</span>
+    `;
+
+    container.appendChild(toast);
+
+    // Auto-remove
+    setTimeout(() => {
+        toast.classList.add('hiding');
+        setTimeout(() => toast.remove(), 300);
+    }, duration);
+
+    // Click to dismiss
+    toast.addEventListener('click', () => {
+        toast.classList.add('hiding');
+        setTimeout(() => toast.remove(), 300);
+    });
+}
+
+/**
+ * Escape HTML to prevent XSS
+ * @param {string} text - Raw text
+ * @returns {string} Escaped text
+ */
+function escapeHtml(text) {
+    const div = document.createElement('div');
+    div.textContent = text;
+    return div.innerHTML;
+}
+
+/**
+ * Format a timestamp
+ * @param {string|number} timestamp - ISO string or unix timestamp
+ * @returns {string} Formatted string
+ */
+function formatTime(timestamp) {
+    const date = new Date(timestamp);
+    return date.toLocaleString();
+}
+
+/**
+ * Debounce a function
+ * @param {Function} func - Function to debounce
+ * @param {number} wait - Wait time in ms
+ * @returns {Function} Debounced function
+ */
+function debounce(func, wait) {
+    let timeout;
+    return function executedFunction(...args) {
+        const later = () => {
+            clearTimeout(timeout);
+            func(...args);
+        };
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+    };
+}
+
+/**
+ * Get CSRF token — not used in Express cloud version
+ * @returns {null}
+ */
+function getCsrfToken() {
+    return null;
+}
+
+/**
+ * Make an API call with error handling
+ * @param {string} url - API endpoint
+ * @param {object} options - Fetch options
+ * @returns {Promise<object>} Response data
+ */
+async function apiCall(url, options = {}) {
+    try {
+        const headers = {
+            'Content-Type': 'application/json',
+            ...options.headers
+        };
+
+        const response = await fetch(url, {
+            headers,
+            ...options
+        });
+
+        const data = await response.json();
+
+        if (!response.ok) {
+            throw new Error(data.error || `HTTP ${response.status}`);
+        }
+
+        return data;
+    } catch (error) {
+        console.error(`API Error (${url}):`, error);
+        throw error;
+    }
+}
+
+/**
+ * Copy text to clipboard
+ * @param {string} text - Text to copy
+ */
+async function copyToClipboard(text) {
+    try {
+        await navigator.clipboard.writeText(text);
+        showToast('Copied to clipboard', 'success');
+    } catch (error) {
+        // Fallback for older browsers
+        const textarea = document.createElement('textarea');
+        textarea.value = text;
+        document.body.appendChild(textarea);
+        textarea.select();
+        document.execCommand('copy');
+        document.body.removeChild(textarea);
+        showToast('Copied to clipboard', 'success');
+    }
+}
+
+/**
+ * Format bytes to human readable
+ * @param {number} bytes - Number of bytes
+ * @returns {string} Formatted string
+ */
+function formatBytes(bytes) {
+    if (bytes === 0) return '0 B';
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+}
+
+/**
+ * Sleep/delay utility
+ * @param {number} ms - Milliseconds to wait
+ * @returns {Promise} Resolves after delay
+ */
+function sleep(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+/**
+ * Toggle password field visibility
+ * @param {string} inputId - ID of the input field
+ * @param {HTMLElement} btn - The toggle button
+ */
+function toggleVisibility(inputId, btn) {
+    const input = document.getElementById(inputId);
+    if (input.type === 'password') {
+        input.type = 'text';
+        btn.textContent = 'Hide';
+    } else {
+        input.type = 'password';
+        btn.textContent = 'Show';
+    }
+}
+
+// Global error handler for unhandled promise rejections
+window.addEventListener('unhandledrejection', (event) => {
+    console.error('Unhandled promise rejection:', event.reason);
+    // Don't show toast for network errors during polling
+    if (!event.reason?.message?.includes('fetch')) {
+        showToast('An error occurred', 'error');
+    }
+});
+
+// Log LobstaKit initialization
+console.log('%c🛠️ LobstaKit Cloud', 'font-size: 16px; font-weight: bold; color: #DC2626;');

package/public/js/login.js

@@ -0,0 +1,93 @@
+/**
+ * LobstaKit Cloud — Login Page
+ */
+
+// Check if already authenticated
+async function checkAuth() {
+    const token = localStorage.getItem('lobstakit_token');
+    if (token) {
+        try {
+            const res = await fetch('/api/auth/status', {
+                headers: { 'Authorization': `Bearer ${token}` }
+            });
+            const data = await res.json();
+            if (data.authenticated) {
+                window.location.href = '/manage.html';
+                return;
+            }
+        } catch (e) {
+            // Token check failed — continue to login
+        }
+        // Token expired/invalid
+        localStorage.removeItem('lobstakit_token');
+    }
+
+    // Check if setup is complete
+    try {
+        const statusRes = await fetch('/api/auth/status');
+        const status = await statusRes.json();
+        if (!status.passwordSet) {
+            window.location.href = '/index.html'; // Go to setup
+            return;
+        }
+        // Pre-fill email if stored
+        if (status.email) {
+            const emailEl = document.getElementById('email');
+            if (emailEl) {
+                emailEl.value = status.email;
+                // Focus password field instead since email is pre-filled
+                const pwEl = document.getElementById('password');
+                if (pwEl) pwEl.focus();
+            }
+        }
+    } catch (e) {
+        // Can't reach server — stay on login page
+    }
+}
+
+async function login() {
+    const email = document.getElementById('email').value.trim();
+    const password = document.getElementById('password').value;
+    const errorEl = document.getElementById('login-error');
+    const btn = document.getElementById('login-btn');
+    errorEl.classList.add('hidden');
+
+    if (!email || !email.includes('@')) {
+        errorEl.textContent = 'Please enter a valid email address';
+        errorEl.classList.remove('hidden');
+        return;
+    }
+
+    if (!password) {
+        errorEl.textContent = 'Password is required';
+        errorEl.classList.remove('hidden');
+        return;
+    }
+
+    btn.disabled = true;
+    btn.textContent = 'Signing in...';
+
+    try {
+        const res = await fetch('/api/auth/login', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ email, password })
+        });
+        const data = await res.json();
+        if (data.status === 'ok') {
+            localStorage.setItem('lobstakit_token', data.token);
+            window.location.href = '/manage.html';
+        } else {
+            errorEl.textContent = data.error || 'Login failed';
+            errorEl.classList.remove('hidden');
+        }
+    } catch (e) {
+        errorEl.textContent = 'Connection error';
+        errorEl.classList.remove('hidden');
+    } finally {
+        btn.disabled = false;
+        btn.textContent = 'Sign In';
+    }
+}
+
+document.addEventListener('DOMContentLoaded', checkAuth);