import { promises as fs } from 'fs'; import path from 'path'; import http from 'http'; import { fileURLToPath } from 'url'; // Get current directory name in ES modules const __dirname = path.dirname(fileURLToPath(import.meta.url)); async function generateSite() { // Read the images data const imagesData = JSON.parse( await fs.readFile('images.json', 'utf-8') ); console.log(imagesData); // Create output directory if it doesn't exist await fs.mkdir('public', { recursive: true }); // Copy the CSS file to public directory await fs.copyFile('public/styles.css', 'public/styles.css').catch(err => { console.error('Error copying CSS file:', err); }); // Copy the favicon await fs.copyFile('public/AnalogCameraS.png', 'public/favicon.png').catch(err => { console.error('Error copying favicon:', err); }); // Generate individual pages for each image for (let i = 0; i < imagesData.length; i++) { const image = imagesData[i]; const prevImage = imagesData[i > 0 ? i - 1 : imagesData.length - 1]; const nextImage = imagesData[(i + 1) % imagesData.length]; // Use image ID for filename const fileName = `${image.id}.html`; const prevFileName = `${prevImage.id}.html`; const nextFileName = `${nextImage.id}.html`; const html = ` ${image.description || `Image ${i + 1}`}
${image?.localPath ? `
${image.metadata.description || ''} ${image.metadata.description || ''}
` : '

Image not available

'} ${image.description ? `

${image.description}

` : ''}
← →
`; await fs.writeFile(`public/${fileName}`, html); } // Update index.html to redirect to first image's ID const indexHtml = ` Redirecting... `; await fs.writeFile('public/index.html', indexHtml); console.log('Site generated successfully!'); } async function serveStaticSite(port = 3000) { const server = http.createServer(async (req, res) => { try { // Parse URL and query parameters const url = new URL(req.url, `http://localhost:${port}`); const quality = url.searchParams.get('quality'); const width = url.searchParams.get('width'); // Convert URL to filesystem path let filePath; if (url.pathname.startsWith('/images/')) { // Serve directly from images folder filePath = url.pathname.slice(1); // Remove leading slash // If quality parameter is present, serve a resized version if (quality && width && (filePath.endsWith('.jpg') || filePath.endsWith('.jpeg') || filePath.endsWith('.png'))) { try { const Sharp = (await import('sharp')).default; const image = await Sharp(filePath) .resize(parseInt(width)) .jpeg({ quality: parseInt(quality) }) .toBuffer(); res.writeHead(200, { 'Content-Type': 'image/jpeg' }); res.end(image); return; } catch (error) { console.error('Error processing image:', error); // Fall through to serve original image } } } else { // Serve from public folder filePath = path.join('public', req.url === '/' ? 'index.html' : req.url); // Add .html extension if no extension exists if (!path.extname(filePath)) { filePath += '.html'; } } const content = await fs.readFile(filePath); // Set content type based on file extension const ext = path.extname(filePath).toLowerCase(); const contentType = { '.html': 'text/html', '.css': 'text/css', '.jpg': 'image/jpeg', '.jpeg': 'image/jpeg', '.png': 'image/png', '.gif': 'image/gif', }[ext] || 'application/octet-stream'; res.writeHead(200, { 'Content-Type': contentType }); res.end(content); } catch (error) { console.error('Error serving file:', error); res.writeHead(404); res.end('Not found'); } }); server.listen(port, () => { console.log(`Server running at http://localhost:${port}/`); }); } // Generate the site and then serve it generateSite() .then(() => serveStaticSite()) .catch(console.error);