Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
blob: 73fabab353214c74d82172f5f1357b28d30ac6cd (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
import * as esbuild from 'esbuild';
import * as fs from 'node:fs';
import http from 'node:http';

const colors = {
  reset: '\x1b[0m',
  dim: '\x1b[2m',
  bright: '\x1b[1m',
  normal: '\x1b[22m',
  red: '\x1b[31m',
  green: '\x1b[32m',
  yellow: '\x1b[33m',
}

const regex = new RegExp('mapsheets\..+\.svg');

const svgUseCacheBust = {
  name: 'svgUseCacheBust',
  setup(build) {
    build.onStart(() => {
      const version = Date.now();
      console.log(`Adding cache buster ${version}`);
      const file = fs.readFileSync('./src/scenario-side_show.svg', { encoding: 'utf-8' });
      const newFile = file.replaceAll('%%VERSION%%', version);
      fs.writeFileSync('./public/assets/images/scenario-side_show.svg', newFile);
      const files = fs.readdirSync('./public/assets/images').filter(fn => regex.test(fn));
      files.forEach(fn => fs.unlinkSync(`./public/assets/images/${fn}`));
      fs.copyFileSync('./public/assets/images/mapsheets.svg', `./public/assets/images/mapsheets.${version}.svg`);
    })
  }
}

const ctx = await esbuild.context({
  entryPoints: ['src/*.js'],
  bundle: true,
  outdir: 'public',
  plugins: [svgUseCacheBust],
});

await ctx.watch();

const { host, port } = await ctx.serve({
  servedir: 'public',
  port: 3000,
  onRequest: function({ remoteAddress, method, path, status, timeInMS }) {
    let statusColor = colors.red;

    if (status >= 200 && status <= 299) {
      statusColor = colors.green;
    } else if (status >= 300 && status <= 399) {
      statusColor = colors.yellow;
    }

    console.log(`${colors.dim}${remoteAddress} - "${method} ${path}" ${colors.normal}${statusColor}${status}${colors.reset}${colors.dim} [${timeInMS}ms]${colors.reset}`);
  },
});

http.createServer((req, res) => {
  const options = {
    hostname: host,
    port: port,
    path: req.url,
    method: req.method,
    headers: req.headers,
  }

  const proxyReq = http.request(options, proxyRes => {
    for (const k in proxyRes.headers) {
      res.setHeader(k, proxyRes.headers[k]);
    }

    res.writeHead(proxyRes.statusCode, { 'Cache-Control': 'no-cache, no-store, must-revalidate' });

    proxyRes.pipe(res, { end: true });
  })

  req.pipe(proxyReq, { end: true });
}).listen(8080);