tiny-lr

const tinylr = require('tiny-lr'); const express = require('express'); const bodyParser = require('body-parser'); const path = require('path'); const port = process.env.LR_PORT || 35729; // Standard LiveReload port const app = express(); // Start the LiveReload server independently const lrServer = tinylr(); lrServer.listen(port, function() { console.log(`LiveReload server listening on port ${port} (for browser extensions).`); }); // Or integrate as Express middleware app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: true })); app.use(tinylr.middleware({ app: app })); app.use(express.static(path.resolve('./public'))); // Serve static files app.get('/', (req, res) => { res.send('<h1>Hello from tiny-lr!</h1><p>Check the browser console or network tab for livereload.js.</p>'); }); // Example of triggering a reload via HTTP API // This would typically be called by a build tool when files change. // curl http://localhost:35729/changed?files=index.html,style.css // curl -X POST http://localhost:35729/changed -d '{ "files": ["script.js"] }' app.listen(8000, () => { console.log('Express server listening on port 8000.'); console.log('Open http://localhost:8000 in your browser and ensure LiveReload extension is active or script tag is added.'); console.log('To trigger a reload, send a POST request to http://localhost:35729/changed with a JSON body: { "files": ["index.html"] }'); }); // To manually trigger a reload (e.g., from your file watcher) function notifyChange(files) { lrServer.changed({ body: { files: files } }); console.log('Notified LiveReload clients about:', files); } // Simulate a file change after 5 seconds setTimeout(() => { notifyChange(['index.html', 'style.css']); }, 5000);