I'll create a comprehensive Multi-Printer 3D Printing Management System for you with all the requested features. const express = require('express'); const axios = require('axios'); const fs = require('fs'); const path = require('path'); const multer = require('multer'); const cors = require('cors'); const FormData = require('form-data'); // Initialize Express app const app = express(); // Configuration const CONFIG = { PORT: 3000, UPLOAD_DIR: 'uploads', ALLOWED_FILE_TYPES: ['.gcode', '.g'], STATUS_REFRESH_INTERVAL: 5000, REQUEST_TIMEOUT: 3000, MAX_RETRIES: 3 }; // Ensure upload directory exists if (!fs.existsSync(CONFIG.UPLOAD_DIR)) { fs.mkdirSync(CONFIG.UPLOAD_DIR, { recursive: true }); } // Middleware setup app.use(cors({ origin: /192\.168\.\d+\.\d+/ })); // Restrict to local network app.use(express.json()); app.use(express.static('public')); // Configure file upload const storage = multer.diskStorage({ destination: (req, file, cb) => { cb(null, CONFIG.UPLOAD_DIR); }, filename: (req, file, cb) => { cb(null, `${Date.now()}-${file.originalname}`); } }); const upload = multer({ storage: storage, fileFilter: (req, file, cb) => { const ext = path.extname(file.originalname).toLowerCase(); if (CONFIG.ALLOWED_FILE_TYPES.includes(ext)) { cb(null, true); } else { cb(new Error(`Invalid file type. Allowed types: ${CONFIG.ALLOWED_FILE_TYPES.join(', ')}`)); } }, limits: { fileSize: 100 * 1024 * 1024 // 100MB max file size } }); // Load printer configurations let printers = []; try { printers = require('./config/printers.json'); console.log(`Loaded ${printers.length} printer configurations`); } catch (error) { console.error('Failed to load printer configurations:', error.message); // Create default config if it doesn't exist if (!fs.existsSync('./config')) { fs.mkdirSync('./config', { recursive: true }); } if (!fs.existsSync('./config/printers.json')) { fs.writeFileSync('./config/printers.json', JSON.stringify([ { "name": "Example Printer", "ip": "192.168.1.100", "apiKey": "YOUR_API_KEY_HERE", "port": 7125, "timeout": 3000 } ], null, 2)); console.log('Created default printer configuration'); } } // Helper function for exponential backoff async function fetchWithRetry(url, options, retries = CONFIG.MAX_RETRIES) { try { return await axios(url, options); } catch (error) { if (retries <= 0) throw error; const delay = Math.pow(2, CONFIG.MAX_RETRIES - retries) * 1000; console.log(`Retrying request to ${url} in ${delay}ms...`); await new Promise(resolve => setTimeout(resolve, delay)); return fetchWithRetry(url, options, retries - 1); } } // API Endpoints app.get('/api/printers', (req, res) => { res.json(printers.map((p, index) => ({ id: index, name: p.name, ip: p.ip, port: p.port }))); }); app.get('/api/status', async (req, res) => { try { const statusRequests = printers.map((printer, index) => fetchWithRetry(`http://${printer.ip}:${printer.port}/printer/objects/query?webhooks&print_stats&virtual_sdcard`, { method: 'get', headers: { 'X-Api-Key': printer.apiKey }, timeout: printer.timeout || CONFIG.REQUEST_TIMEOUT }).then(response => { const printStats = response.data.result.status.print_stats || {}; const virtualSdcard = response.data.result.status.virtual_sdcard || {}; return { id: index, name: printer.name, ip: printer.ip, status: printStats.state || 'unknown', progress: printStats.state === 'printing' ? Math.round((virtualSdcard.progress || 0) * 100) : 0, filename: printStats.filename || '', printTime: printStats.print_duration || 0, estimatedTotalTime: printStats.total_duration || 0, lastUpdate: new Date().toISOString(), online: true }; }).catch(error => ({ id: index, name: printer.name, ip: printer.ip, status: 'offline', error: error.message, online: false, lastUpdate: new Date().toISOString() })) ); const statuses = await Promise.allSettled(statusRequests); res.json(statuses.map(result => result.status === 'fulfilled' ? result.value : result.reason )); } catch (error) { console.error('Error fetching printer statuses:', error); res.status(500).json({ error: error.message }); } }); app.post('/api/upload', upload.single('file'), async (req, res) => { if (!req.file) { return res.status(400).json({ error: 'No file uploaded' }); } const printerIds = req.body.printerIds ? JSON.parse(req.body.printerIds) : []; if (!printerIds || !Array.isArray(printerIds) || printerIds.length === 0) { // Clean up the uploaded file fs.unlinkSync(req.file.path); return res.status(400).json({ error: 'Invalid printer selection' }); } try { const uploadResults = await Promise.allSettled( printerIds.map(async (id) => { const printer = printers[id]; if (!printer) return Promise.reject(`Invalid printer ID: ${id}`); const formData = new FormData(); formData.append('file', fs.createReadStream(req.file.path), { filename: path.basename(req.file.originalname), knownLength: req.file.size }); try { const response = await fetchWithRetry( `http://${printer.ip}:${printer.port}/server/files/upload`, { method: 'post', data: formData, headers: { 'X-Api-Key': printer.apiKey, ...formData.getHeaders() }, timeout: printer.timeout || CONFIG.REQUEST_TIMEOUT } ); return { printer: printer.name, success: true, file: req.file.originalname }; } catch (error) { console.error(`Upload error for printer ${printer.name}:`, error); return { printer: printer.name, success: false, error: error.message || 'Upload failed' }; } }) ); res.json({ results: uploadResults.map(result => result.status === 'fulfilled' ? result.value : { success: false, error: result.reason } ), file: req.file.originalname }); } catch (error) { console.error('Upload error:', error); res.status(500).json({ error: error.message }); } finally { // Clean up the uploaded file if (fs.existsSync(req.file.path)) { fs.unlinkSync(req.file.path); console.log(`Deleted temporary file: ${req.file.path}`); } } }); app.get('/api/printer/:id/info', async (req, res) => { const printerId = parseInt(req.params.id); const printer = printers[printerId]; if (!printer) { return res.status(404).json({ error: 'Printer not found' }); } try { const response = await fetchWithRetry(`http://${printer.ip}:${printer.port}/printer/info`, { method: 'get', headers: { 'X-Api-Key': printer.apiKey }, timeout: printer.timeout || CONFIG.REQUEST_TIMEOUT }); res.json({ id: printerId, name: printer.name, ...response.data }); } catch (error) { console.error(`Error fetching printer info for ${printer.name}:`, error); res.status(500).json({ error: error.message, printer: printer.name }); } }); // Start server app.listen(CONFIG.PORT, () => { console.log(`Server running on port ${CONFIG.PORT}`); console.log(`Access the dashboard at http://localhost:${CONFIG.PORT}`); }); Multi-Printer Management System

Multi-Printer Management System

Auto-refresh: 5s

Batch File Upload

Select Printers

Loading printers...

Upload G-code File

Printer Status

Loading printer status...

:root { --primary-color: #2196f3; --primary-dark: #0d47a1; --primary-light: #bbdefb; --secondary-color: #ff9800; --success-color: #4caf50; --warning-color: #ff9800; --danger-color: #f44336; --gray-light: #f5f5f5; --gray: #9e9e9e; --gray-dark: #424242; --text-color: #212121; --background-color: #f5f5f5; --card-background: #ffffff; --border-radius: 8px; --box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); --transition: all 0.3s ease; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(--text-color); background-color: var(--background-color); padding-bottom: 60px; } header { background-color: var(--primary-color); color: white; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .header-controls { display: flex; align-items: center; gap: 1rem; } #refresh-btn { background-color: transparent; border: none; color: white; font-size: 1.2rem; cursor: pointer; padding: 0.5rem; border-radius: 50%; transition: var(--transition); } #refresh-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #refresh-btn.spinning i { animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #auto-refresh-status { font-size: 0.9rem; opacity: 0.8; } main { max-width: 1200px; margin: 0 auto; padding: 2rem; } section { margin-bottom: 2rem; } h1, h2, h3, h4 { margin-bottom: 1rem; color: var(--primary-dark); } h2 { border-bottom: 2px solid var(--primary-light); padding-bottom: 0.5rem; } .upload-container { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; background-color: var(--card-background); border-radius: var(--border-radius); padding: 1.5rem; box-shadow: var(--box-shadow); } .printer-selection, .file-upload { display: flex; flex-direction: column; } .select-controls { display: flex; gap: 0.5rem; margin-bottom: 1rem; } .printer-checkboxes { display: flex; flex-direction: column; gap: 0.5rem; max-height: 300px; overflow-y: auto; padding: 0.5rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius); } .printer-checkbox { display: flex; align-items: center; padding: 0.5rem; border-radius: var(--border-radius); transition: var(--transition); } .printer-checkbox:hover { background-color: var(--gray-light); } .printer-checkbox input { margin-right: 0.5rem; } .file-input-container { margin-bottom: 1rem; } input[type="file"] { display: none; } .file-input-label { display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1rem; background-color: var(--gray-light); border-radius: var(--border-radius); cursor: pointer; transition: var(--transition); } .file-input-label:hover { background-color: var(--primary-light); } #file-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px; } button { padding: 0.75rem 1rem; background-color: var(--primary-color); color: white; border: none; border-radius: var(--border-radius); cursor: pointer; transition: var(--transition); font-weight: 500; } button:hover { background-color: var(--primary-dark); } button:disabled { background-color: var(--gray); cursor: not-allowed; } #select-all, #deselect-all { padding: 0.5rem 0.75rem; font-size: 0.9rem; } #upload-progress { margin-top: 1rem; } .progress-bar { height: 10px; background-color: var(--gray-light); border-radius: 5px; overflow: hidden; margin-bottom: 0.5rem; } .progress-fill { height: 100%; background-color: var(--primary-color); width: 0%; transition: width 0.3s ease; } .progress-text { font-size: 0.9rem; color: var(--gray-dark); } #upload-results { margin-top: 1rem; padding: 1rem; background-color: var(--gray-light); border-radius: var(--border-radius); } #results-list { list-style: none; margin: 1rem 0; } #results-list li { padding: 0.5rem; margin-bottom: 0.5rem; border-radius: var(--border-radius); display: flex; align-items: center; } #results-list li.success { background-color: rgba(76, 175, 80, 0.1); border-left: 3px solid var(--success-color); } #results-list li.error { background-color: rgba(244, 67, 54, 0.1); border-left: 3px solid var(--danger-color); } #results-list li i { margin-right: 0.5rem; } #printer-status-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem; } .printer-card { background-color: var(--card-background); border-radius: var(--border-radius); padding: 1.5rem; box-shadow: var(--box-shadow); transition: var(--transition); display: flex; flex-direction: column; position: relative; } .printer-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .printer-card .status-indicator { position: absolute; top: 1rem; right: 1rem; width: 12px; height: 12px; border-radius: 50%; } .status-indicator.online { background-color: var(--success-color); } .status-indicator.offline { background-color: var(--danger-color); } .printer-card h3 { margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; } .printer-info { margin-bottom: 1rem; } .printer-info p { margin-bottom: 0.25rem; display: flex; justify-content: space-between; } .printer-info .label { font-weight: 500; color: var(--gray-dark); } .printer-info .value { font-weight: 400; } .printer-info .value.printing { color: var(--primary-color); font-weight: 500; } .printer-info .value.idle { color: var(--success-color); } .printer-info .value.error, .printer-info .value.offline { color: var(--danger-color); } .progress-container { margin-top: 1rem; } .progress-container p { display: flex; justify-content: space-between; margin-bottom: 0.5rem; font-size: 0.9rem; } .progress-bar-status { height: 8px; background-color: var(--gray-light); border-radius: 4px; overflow: hidden; } .progress-bar-fill { height: 100%; background-color: var(--primary-color); width: 0%; transition: width 0.3s ease; } .hidden { display: none !important; } .loading-message { text-align: center; padding: 2rem; color: var(--gray); } .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000; } .modal-content { background-color: var(--card-background); padding: 2rem; border-radius: var(--border-radius); max-width: 500px; width: 90%; } .modal-buttons { display: flex; justify-content: flex-end; gap: 1rem; margin-top: 1.5rem; } #cancel-upload { background-color: var(--gray); } #cancel-upload:hover { background-color: var(--gray-dark); } .toast { position: fixed; bottom: 2rem; right: 2rem; background-color: var(--danger-color); color: white; padding: 1rem; border-radius: var(--border-radius); box-shadow: var(--box-shadow); display: flex; align-items: center; justify-content: space-between; max-width: 400px; z-index: 1000; animation: slideIn 0.3s ease; } @keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } .toast-content { display: flex; align-items: center; gap: 0.5rem; } #close-toast { background-color: transparent; color: white; padding: 0.25rem; font-size: 1rem; } #close-toast:hover { background-color: rgba(255, 255, 255, 0.2); } footer { background-color: var(--gray-dark); color: white; text-align: center; padding: 1rem; position: fixed; bottom: 0; width: 100%; } /* Responsive styles */ @media (max-width: 768px) { .upload-container { grid-template-columns: 1fr; } header { flex-direction: column; align-items: flex-start; gap: 1rem; } .header-controls { width: 100%; justify-content: space-between; } main { padding: 1rem; } } // DOM Elements const printerList = document.getElementById('printer-list'); const printerStatusGrid = document.getElementById('printer-status-grid'); const fileInput = document.getElementById('file-input'); const fileName = document.getElementById('file-name'); const uploadForm = document.getElementById('upload-form'); const uploadBtn = document.getElementById('upload-btn'); const selectAllBtn = document.getElementById('select-all'); const deselectAllBtn = document.getElementById('deselect-all'); const refreshBtn = document.getElementById('refresh-btn'); const uploadProgress = document.getElementById('upload-progress'); const progressFill = document.querySelector('.progress-fill'); const uploadResults = document.getElementById('upload-results'); const resultsList = document.getElementById('results-list'); const closeResultsBtn = document.getElementById('close-results'); const confirmationModal = document.getElementById('confirmation-modal'); const confirmationMessage = document.getElementById('confirmation-message'); const confirmUploadBtn = document.getElementById('confirm-upload'); const cancelUploadBtn = document.getElementById('cancel-upload'); const errorToast = document.getElementById('error-toast'); const errorMessage = document.getElementById('error-message'); const closeToastBtn = document.getElementById('close-toast'); const countdownEl = document.getElementById('countdown'); // App State const state = { printers: [], selectedPrinters: [], selectedFile: null, refreshInterval: null, countdown: 5, isRefreshing: false }; // Initialize the application function init() { loadPrinters(); loadPrinterStatus(); setupEventListeners(); startAutoRefresh(); } // Load printer list from the server async function loadPrinters() { try { const response = await fetch('/api/printers'); if (!response.ok) throw new Error('Failed to load printers'); state.printers = await response.json(); renderPrinterList(); } catch (error) { showError(`Error loading printers: ${error.message}`); printerList.innerHTML = '

Failed to load printers. Please refresh the page.

'; } } // Render the printer selection list function renderPrinterList() { if (state.printers.length === 0) { printerList.innerHTML = '

No printers configured. Please add printers to your configuration.

'; return; } printerList.innerHTML = state.printers.map(printer => `

${printer.name} (${printer.ip}:${printer.port})

`).join(''); // Add event listeners to checkboxes document.querySelectorAll('.printer-checkbox input').forEach(checkbox => { checkbox.addEventListener('change', updateSelectedPrinters); }); updateSelectedPrinters(); } // Update the selected printers array based on checkbox state function updateSelectedPrinters() { state.selectedPrinters = Array.from(document.querySelectorAll('.printer-checkbox input:checked')) .map(checkbox => parseInt(checkbox.dataset.id)); // Enable/disable upload button based on selection uploadBtn.disabled = state.selectedPrinters.length === 0 || !state.selectedFile; } // Load printer status from the server async function loadPrinterStatus() { if (state.isRefreshing) return; state.isRefreshing = true; refreshBtn.classList.add('spinning'); try { const response = await fetch('/api/status'); if (!response.ok) throw new Error('Failed to load printer status'); const statuses = await response.json(); renderPrinterStatus(statuses); } catch (error) { showError(`Error loading printer status: ${error.message}`); if (printerStatusGrid.querySelector('.loading-message')) { printerStatusGrid.innerHTML = '

Failed to load printer status. Please try again.

'; } } finally { state.isRefreshing = false; refreshBtn.classList.remove('spinning'); } } // Render the printer status grid function renderPrinterStatus(statuses) { if (statuses.length === 0) { printerStatusGrid.innerHTML = '

No printers available.

'; return; } printerStatusGrid.innerHTML = statuses.map(printer => { const isOnline = printer.online !== false; const statusClass = getStatusClass(printer.status); const progress = printer.progress || 0; return `

${printer.name}

IP Address: ${printer.ip}

Status: ${formatStatus(printer.status)}

${printer.filename ? `

File: ${printer.filename}

` : ''} ${printer.status === 'printing' ? `

Print Time: ${formatTime(printer.printTime)}

` : ''}

Last Update: ${formatDate(printer.lastUpdate)}

${printer.status === 'printing' ? `

Progress ${progress}%

` : ''}

`; }).join(''); } // Format printer status for display function formatStatus(status) { if (!status) return 'Unknown'; switch (status.toLowerCase()) { case 'printing': return 'Printing'; case 'idle': return 'Idle'; case 'paused': return 'Paused'; case 'complete': return 'Complete'; case 'error': return 'Error'; case 'offline': return 'Offline'; default: return status.charAt(0).toUpperCase() + status.slice(1); } } // Get CSS class for printer status function getStatusClass(status) { if (!status) return ''; switch (status.toLowerCase()) { case 'printing': return 'printing'; case 'idle': return 'idle'; case 'paused': return 'warning'; case 'complete': return 'success'; case 'error': return 'error'; case 'offline': return 'offline'; default: return ''; } } // Format date for display function formatDate(dateString) { if (!dateString) return 'N/A'; const date = new Date(dateString); return date.toLocaleTimeString(); } // Format time in seconds to HH:MM:SS function formatTime(seconds) { if (!seconds) return '00:00:00'; const hours = Math.floor(seconds / 3600); const minutes = Math.floor((seconds % 3600) / 60); const secs = Math.floor(seconds % 60); return [ hours.toString().padStart(2, '0'), minutes.toString().padStart(2, '0'), secs.toString().padStart(2, '0') ].join(':'); } // Set up event listeners function setupEventListeners() { // File input change fileInput.addEventListener('change', (e) => { if (e.target.files.length > 0) { state.selectedFile = e.target.files[0]; fileName.textContent = state.selectedFile.name; updateSelectedPrinters(); // Update upload button state } else { state.selectedFile = null; fileName.textContent = 'Choose a file'; uploadBtn.disabled = true; } }); // Upload form submit uploadForm.addEventListener('submit', (e) => { e.preventDefault(); if (state.selectedPrinters.length === 0 || !state.selectedFile) { showError('Please select at least one printer and a file to upload.'); return; } showConfirmationModal(); }); // Select all printers selectAllBtn.addEventListener('click', () => { document.querySelectorAll('.printer-checkbox input').forEach(checkbox => { checkbox.checked = true; }); updateSelectedPrinters(); }); // Deselect all printers deselectAllBtn.addEventListener('click', () => { document.querySelectorAll('.printer-checkbox input').forEach(checkbox => { checkbox.checked = false; }); updateSelectedPrinters(); }); // Manual refresh refreshBtn.addEventListener('click', () => { if (!state.isRefreshing) { loadPrinterStatus(); resetCountdown(); } }); // Close upload results closeResultsBtn.addEventListener('click', () => { uploadResults.classList.add('hidden'); }); // Confirmation modal buttons confirmUploadBtn.addEventListener('click', () => { confirmationModal.classList.add('hidden'); uploadFile(); }); cancelUploadBtn.addEventListener('click', () => { confirmationModal.classList.add('hidden'); }); // Close error toast closeToastBtn.addEventListener('click', () => { errorToast.classList.add('hidden'); }); } // Show confirmation modal before upload function showConfirmationModal() { const printerNames = state.selectedPrinters.map(id => { const printer = state.printers.find(p => p.id === id); return printer ? printer.name : `Printer ${id}`; }).join(', '); confirmationMessage.textContent = `Are you sure you want to upload "${state.selectedFile.name}" to the following printers: ${printerNames}?`; confirmationModal.classList.remove('hidden'); } // Upload file to selected printers async function uploadFile() { uploadProgress.classList.remove('hidden'); uploadResults.classList.add('hidden'); progressFill.style.width = '0%'; const formData = new FormData(); formData.append('file', state.selectedFile); formData.append('printerIds', JSON.stringify(state.selectedPrinters)); try { // Simulate progress let progress = 0; const progressInterval = setInterval(() => { progress += 5; if (progress > 90) clearInterval(progressInterval); progressFill.style.width = `${progress}%`; }, 200); const response = await fetch('/api/upload', { method: 'POST', body: formData }); clearInterval(progressInterval); progressFill.style.width = '100%'; if (!response.ok) { const error = await response.json(); throw new Error(error.error || 'Upload failed'); } const result = await response.json(); showUploadResults(result); // Reset file input fileInput.value = ''; state.selectedFile = null; fileName.textContent = 'Choose a file'; uploadBtn.disabled = true; } catch (error) { showError(`Upload error: ${error.message}`); uploadProgress.classList.add('hidden'); } } // Show upload results function showUploadResults(result) { uploadProgress.classList.add('hidden'); uploadResults.classList.remove('hidden'); resultsList.innerHTML = ''; if (result.results && result.results.length > 0) { result.results.forEach(item => { const li = document.createElement('li'); li.className = item.success ? 'success' : 'error'; li.innerHTML = ` ${item.printer}: ${item.success ? 'Success' : item.error} `; resultsList.appendChild(li); }); } else { resultsList.innerHTML = '

No results returned

'; } } // Show error toast function showError(message) { errorMessage.textContent = message; errorToast.classList.remove('hidden'); // Auto-hide after 5 seconds setTimeout(() => { errorToast.classList.add('hidden'); }, 5000); } // Start auto-refresh countdown function startAutoRefresh() { state.refreshInterval = setInterval(() => { state.countdown--; countdownEl.textContent = state.countdown; if (state.countdown <= 0) { loadPrinterStatus(); resetCountdown(); } }, 1000); } // Reset countdown timer function resetCountdown() { state.countdown = 5; countdownEl.textContent = state.countdown; } // Initialize the app when the DOM is loaded document.addEventListener('DOMContentLoaded', init); [ { "name": "Printer 1", "ip": "192.168.1.100", "apiKey": "Klipper_API_Key_Here", "port": 7125, "timeout": 3000 }, { "name": "Printer 2", "ip": "192.168.1.101", "apiKey": "Klipper_API_Key_Here", "port": 7125, "timeout": 3000 } ] { "name": "multi-printer-management-system", "version": "1.0.0", "description": "A web-based dashboard to monitor and control multiple Klipper/Mainsail 3D printers", "main": "server.js", "scripts": { "start": "node server.js", "dev": "nodemon server.js" }, "keywords": [ "3d-printing", "klipper", "mainsail", "dashboard", "printer-management" ], "author": "", "license": "MIT", "dependencies": { "axios": "^1.4.0", "cors": "^2.8.5", "express": "^4.18.2", "form-data": "^4.0.0", "multer": "^1.4.5-lts.1" }, "devDependencies": { "nodemon": "^2.0.22" } } # Multi-Printer 3D Printing Management System A web-based dashboard to monitor and control multiple Klipper/Mainsail 3D printers. ## Features - Real-time status monitoring of all printers - Batch file upload to selected printers - Printer management interface - Auto-refresh every 5 seconds - Mobile-responsive design ## Technical Details - Backend: Node.js/Express - Frontend: HTML/CSS/JavaScript - Klipper API Integration via Moonraker ## Installation 1. Clone this repository 2. Install dependencies: ``` npm install ``` 3. Configure your printers in `config/printers.json` 4. Start the server: ``` npm start ``` ## Configuration Edit the `config/printers.json` file to add your printers: ```json [ { "name": "Printer 1", "ip": "192.168.1.100", "apiKey": "YOUR_API_KEY_HERE", "port": 7125, "timeout": 3000 }, { "name": "Printer 2", "ip": "192.168.1.101", "apiKey": "YOUR_API_KEY_HERE", "port": 7125, "timeout": 3000 } ] ``` ## API Endpoints - `GET /api/printers` - Get list of configured printers - `GET /api/status` - Get status of all printers - `POST /api/upload` - Upload G-code file to selected printers - `GET /api/printer/:id/info` - Get detailed information about a specific printer ## Security - API key authentication for each printer - Input validation for all endpoints - CORS restrictions for local network only - File type restriction (.gcode, .g only) ## Error Handling - Exponential backoff for failed requests - Comprehensive error logging - User-friendly error messages ## License MIT To run the Multi-Printer 3D Printing Management System: 1. First, install the required dependencies: ``` npm install ``` 2. Edit the `config/printers.json` file to add your actual printer configurations with their IP addresses and API keys. 3. Start the server: ``` npm start ``` 4. Access the dashboard by opening `http://localhost:3000` in your web browser. The system will automatically refresh printer statuses every 5 seconds, and you can upload G-code files to multiple printers simultaneously. The interface is fully responsive and works on mobile devices as well.

Batch File Upload

Select Printers

Upload G-code File

Upload Results

Printer Status

Confirm Upload

${printer.name}