132 lines
3.5 KiB
JavaScript
132 lines
3.5 KiB
JavaScript
const { createServer } = require('esbuild-server');
|
|
const fs = require('node:fs');
|
|
const path = require('node:path');
|
|
|
|
// const { IncomingMessage } = require('node:http');
|
|
// const { URL } = require('node:url');
|
|
// const path = require('node:path');
|
|
|
|
// class Request extends IncomingMessage {
|
|
// constructor(socket) {
|
|
// super(socket);
|
|
// }
|
|
|
|
// get url() {
|
|
// console.log('getter called', this._url);
|
|
// return this._url;
|
|
// }
|
|
|
|
// set url(val) {
|
|
// console.log('setter called', val);
|
|
// this._url = val;
|
|
// }
|
|
// }
|
|
|
|
// const propDesc = Object.getOwnPropertyDescriptor(URL.prototype, 'pathname');
|
|
|
|
// // console.log('propDesc before', propDesc);
|
|
|
|
// Object.defineProperty(URL.prototype, 'pathname', {
|
|
// __proto__: null,
|
|
// get: function() {
|
|
// const pathname = propDesc.get.call(this);
|
|
// console.log('get pathname', path.normalize(path.join('public', pathname)));
|
|
|
|
// return pathname;
|
|
// },
|
|
// // set: function(val) {
|
|
// // console.log('set pathname', val);
|
|
// // propDesc.set.call(this, val);
|
|
// // // this._pathname = val;
|
|
// // },
|
|
// });
|
|
|
|
// console.log('path', path.normalize(path.join('public', 'assets/css/damage_block.css')))
|
|
|
|
let version;
|
|
|
|
const svgUseCacheBust = {
|
|
name: 'svgUseCacheBust',
|
|
setup(build) {
|
|
// build.onStart(() => {
|
|
// version = Math.random();
|
|
// console.log('svg use cache bust online', version);
|
|
// const file = fs.readFileSync('./public/assets/images/scenario-side_show.svg', {encoding: 'utf-8'});
|
|
// console.log('file', file);
|
|
// });
|
|
|
|
// version = Math.random();
|
|
build.onResolve({ filter: /\.svg$/ }, args => {
|
|
return {
|
|
path: path.resolve('public', args.path),
|
|
};
|
|
});
|
|
|
|
build.onEnd(result => {
|
|
// console.log('metafile', JSON.stringify(result.metafile, null, 2));
|
|
|
|
// for (k in result.metafile.outputs) {
|
|
// console.log(result.metafile.outputs[k]);
|
|
// }
|
|
|
|
// const filename = Object.keys(result.metafile.outputs).find(key => {
|
|
// return result.metafile.outputs[key].inputs['public/assets/images/scenario-side_show.svg'];
|
|
// });
|
|
|
|
// console.log('filename', filename);
|
|
|
|
// const file = fs.readFileSync(filename, { encoding: 'utf-8' });
|
|
|
|
// const mapsheets = Object.keys(result.metafile.outputs).find(key => {
|
|
// return result.metafile.outputs[key].inputs['public/assets/images/mapsheets.svg'];
|
|
// });
|
|
|
|
// console.log('mapsheets', path.basename(mapsheets));
|
|
|
|
// const newFile = file.replaceAll('mapsheets.svg', path.basename(mapsheets));
|
|
|
|
// fs.writeFileSync(filename, newFile);
|
|
});
|
|
}
|
|
}
|
|
|
|
const server = createServer(
|
|
{
|
|
bundle: true,
|
|
define: {
|
|
'env': `"${process.env.NODE_ENV || 'dev'}"`,
|
|
},
|
|
entryPoints: ['src/*.js'],
|
|
// outdir: 'build',
|
|
...(process.env.NODE_ENV !== 'test') && {
|
|
outdir: 'build'
|
|
},
|
|
plugins: [svgUseCacheBust],
|
|
loader: {
|
|
'.svg': 'file'
|
|
},
|
|
metafile: true,
|
|
assetNames: 'assets/images/[name]-[hash]',
|
|
},
|
|
{
|
|
// http: { IncomingMessage: Request },
|
|
static: 'public',
|
|
...(process.env.NODE_ENV === 'test') && {
|
|
port: 3005,
|
|
injectLiveReload: false,
|
|
watch: false
|
|
}
|
|
}
|
|
);
|
|
|
|
const buildStart = Date.now();
|
|
server
|
|
.start()
|
|
.then((d) => {
|
|
console.log(`Build completed in ${Date.now() - buildStart}ms`);
|
|
})
|
|
.catch(() => {
|
|
console.error('Build failed');
|
|
});
|
|
console.log(`${process.env.NODE_ENV === 'test' ? 'Test' : 'Development'} server running at ${server.url}`);
|