Switch to esbuild (#126)

* Switch to esbuild

* Update build result

* Update build instruction in docs

Author: yuanchuan

Makefile

@@ -1,21 +1,27 @@
-# for saving keystrokes
-
-TARGET := ./css-doodle.js
-TARGET_MIN := ./css-doodle.min.js
+TARGET := ./css-doodle.min.js
 LIB := ./node_modules
 
-all: build minify
+all: build minify trim banner
 
 build: $(LIB)
 	@npm run build
 
 minify: $(TARGET)
 	@npm run minify
-	@./tools/trim.js $(TARGET_MIN)
+
+banner: $(TARGET)
+	@npm run banner
+
+trim: $(TARGET)
+	@npm run trim
 
 test:
 	@npm run test
-.PHONY: test
 
 $(LIB):
 	@npm install
+
+$(TARGET):
+	@npm run build
+
+.PHONY: $(TARGET) banner test

README.md

@@ -40,13 +40,6 @@ A web component for drawing patterns with CSS.
 ## Build
 
 ```bash
-# build css-doodle.js
-npm run build
-
-# generate css-doodle.min.js
-npm run minify
-
-# or just use make
 make
 ```
 

build/banner.js

@@ -0,0 +1,25 @@
+#!/usr/bin/env node
+
+import fs from 'fs';
+import { fileURLToPath } from 'url';
+import { dirname, resolve } from 'path';
+
+const target = process.argv[2];
+if (!target) {
+  console.log('missing <target>');
+  process.exit(0);
+}
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const file = resolve(__dirname, '../package.json');
+const { version } = JSON.parse(fs.readFileSync(file));
+const banner = `/*! css-doodle v${version} MIT licensed */\n`
+
+try {
+  const content = fs.readFileSync(target, 'utf8');
+  if (content) {
+    fs.writeFileSync(target, banner + content, 'utf8');
+  }
+} catch (e) {
+  // it's ok
+}