Add terser back, as it produces smaller output than esbuild

Author: yuanchuan

build/index.js

@@ -1,44 +1,50 @@
 import fs from 'node:fs/promises';
 import { join, basename } from 'node:path';
 import * as esbuild from 'esbuild';
+import { minify } from 'terser';
 import packageInfo from '../package.json' with { type: 'json' };
 
 try {
   const outputFile = join(import.meta.dirname, '../css-doodle.min.js');
   console.time('Build time');
 
-  const result = await esbuild.build({
+  const { metafile, outputFiles } = await esbuild.build({
     entryPoints: ['./src/index.js'],
-    outfile: outputFile,
     bundle: true,
-    minify: true,
+    write: false,
     platform: 'browser',
     metafile: true,
     banner: {
       js: `/*! css-doodle v${packageInfo.version} MIT licensed */`,
     },
   });
 
-  console.log(await esbuild.analyzeMetafile(result.metafile));
+  const { code } = await minify(outputFiles[0].text, {
+    compress: true,
+    mangle: true,
+    format: {
+      ascii_only: true,
+    },
+  });
+
+  await fs.writeFile(outputFile, minifyWhitespace(code), 'utf8');
 
-  await minifyWhitespace(outputFile);
-  const size = await getReadableSize(outputFile);
-  console.log(`${basename(outputFile)} - ${size}`);
+  console.log(await esbuild.analyzeMetafile(metafile));
+  console.log(`${basename(outputFile)} - ${await getReadableSize(outputFile)}`);
   console.timeLog(`Build time`);
-} catch {
+} catch (e) {
+  console.log(e);
   process.exit(1);
 }
 
-async function minifyWhitespace(file) {
-  const text = await fs.readFile(file, 'utf8');
-  const minified = text
-    .replace(/([>;{}])\n/g, '$1')
-    .replace(/([:;><{`])\s+/g, '$1')
-    .replace(/\s+([:;><}`])/g, '$1')
+function minifyWhitespace(input) {
+  return input
+    .replace(/([>;{}])\\n/g, '$1')
+    .replace(/([:;><{\`])\s+/g, '$1')
+    .replace(/\s+([:;><}{\`])/g, '$1')
     .replace(/\s+([{}])\s+/g, '$1')
-    .replace(/(\})\s+/g, '$1 ')
     .replace(/>\s+</g, '><')
-  await fs.writeFile(file, minified, 'utf8');
+    .replace(/\s{2,}/g, ' ');
 }
 
 async function getReadableSize(file) {

package.json

@@ -16,7 +16,8 @@
     "url": "https://opencollective.com/css-doodle"
   },
   "devDependencies": {
-    "esbuild": "^0.25.4"
+    "esbuild": "^0.25.4",
+    "terser": "^5.42.0"
   },
   "files": [
     "css-doodle*.js",