esbuild-des.config.mjs
// Recarga viva (live reloading) durante desarrollo
// Recompila automáticamente ante cambios en javascript de app/javascript
// y refresca automáticamente en navegador
// Basado en https://www.colby.so/posts/live-reloading-with-esbuild-and-rails
import * as path from "path"
import * as http from "http"
const watch = process.argv.includes('--watch')
const clients = []
const watchOptions = {
onRebuild: (error, result) => {
if (error) {
console.error('Falló construcción:', error)
} else {
console.log('Construcción exitosa')
clients.forEach((res) => res.write('data: update\n\n'))
clients.length = 0
}
}
}
import * as esbuild from 'esbuild'
if (watch && watchOptions) {
let ctx = await esbuild.context({
entryPoints: ['application.js'],
bundle: true,
preserveSymlinks: true,
outdir: path.join(process.cwd(), "app/assets/builds"),
absWorkingDir: path.join(process.cwd(), "app/javascript"),
banner: {
js: ` (() => new EventSource("http://${process.env.MAQRECVIVA}:${process.env.PUERTORECVIVA}").onmessage = () => location.reload())();`,
}
})
await ctx.watch()
} else {
let result = esbuild.build({
entryPoints: ["application.js"],
bundle: true,
preserveSymlinks: true,
outdir: path.join(process.cwd(), "app/assets/builds"),
absWorkingDir: path.join(process.cwd(), "app/javascript"),
banner: {
js: ` (() => new EventSource("http://${process.env.MAQRECVIVA}:${process.env.PUERTORECVIVA}").onmessage = () => location.reload())();`,
}
}).catch(() => process.exit(1));
console.log(result);
}
http.createServer((req, res) => {
return clients.push(
res.writeHead(200, {
"Content-Type": "text/event-stream",
"Cache-Control": "no-cache",
"Access-Control-Allow-Origin": "*",
Connection: "keep-alive",
}),
);
}).listen(process.env.PUERTORECVIVA, process.env.IPDES);