Move to esbuild

.gitignore

@@ -20,7 +20,7 @@ Session.vim
 
 # mine
 node_modules/*
-dist/*.map
+www/
 site/
 docs/__pycache__/*
 demos/**/*.blend1

docs/hooks.py

@@ -10,7 +10,8 @@ def copy_static_files(config, **kwargs):
 def copy_directory(dir_path, site_dir):
     d = os.path.join(site_dir, dir_path)
     os.makedirs(d, exist_ok=True)
-    copy_tree(dir_path, d)
+    s = dir_path if dir_path != "dist" else "www/dist"
+    copy_tree(s, d)
 
 def copy_tree(src, dst, symlinks=False, ignore=None):
     for item in os.listdir(src):

esbuild.mjs

@@ -0,0 +1,77 @@
+import * as esbuild from 'esbuild';
+import { readFile } from 'fs/promises';
+
+const argv = process.argv.slice(2);
+const json = await readFile(new URL('package.json', import.meta.url));
+const pack = JSON.parse(json);
+const production = (argv.indexOf('--dev') < 0);
+const minify = (argv.indexOf('--minify') >= 0);
+const serve = (argv.indexOf('--serve') >= 0);
+
+const options = {
+    //entryPoints: ['src/main.ts'], // AR.default
+    stdin: {
+        contents: 'import AR from "./main.ts";\nmodule.exports = AR;',
+        resolveDir: 'src',
+        sourcefile: '__main.ts',
+    },
+    bundle: true,
+    minify: minify,
+    target: ['es2020'],
+    format: 'iife',
+    globalName: 'AR',
+    define: {
+        __AR_VERSION__: JSON.stringify(pack.version),
+        __AR_DEVELOPMENT_MODE__: String(!production),
+        __AR_WEBSITE__: JSON.stringify(pack.homepage),
+    },
+    legalComments: 'inline',
+    banner: { js: generateBanner() },
+    footer: { js: serve ? generateLiveReloadCode() : '' },
+    outfile: 'www/dist/' + (minify ? 'encantar.min.js' : 'encantar.js'),
+    sourcemap: !production && 'linked',
+    logLevel: 'info',
+};
+
+if(!serve) {
+    await esbuild.build(options);
+    process.exit(0);
+}
+
+const ctx = await esbuild.context(options);
+await ctx.watch();
+await ctx.serve({
+    host: '0.0.0.0',
+    port: 8000,
+    servedir: 'www',
+});
+
+function generateBanner()
+{
+    const { version, description, homepage, license } = pack;
+    const author = pack.author.replace('@', '(at)');
+    const year = new Date().getFullYear();
+    const date = new Date().toISOString();
+
+    return [
+    `/*!`,
+    ` * encantar.js version ${version}`,
+    ` * ${description}`,
+    ` * Copyright 2022-${year} ${author}`,
+    ` * ${homepage}`,
+    ` *`,
+    ` * @license ${license}`,
+    ` * Date: ${date}`,
+    `*/`
+    ].join('\n');
+}
+
+function generateLiveReloadCode()
+{
+    return `
+    (function liveReload() {
+       new EventSource('/esbuild').
+       addEventListener('change', () => location.reload());
+    })();
+    `;
+}

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "encantar-js",
+  "name": "encantar",
   "version": "0.4.1",
   "description": "GPU-accelerated Augmented Reality for the web",
   "author": "Alexandre Martins <alemartf@gmail.com> (https://github.com/alemart)",
@@ -26,25 +26,22 @@
     "threejs",
     "3d"
   ],
-  "main": "dist/encantar.js",
+  "type": "module",
+  "main": "src/main.ts",
   "scripts": {
-    "start": "webpack serve --mode development --env PORT=8000 --env minimize=1",
-    "build-dev": "npm run update && npm run clean && webpack --mode development",
-    "build": "npm run update && npm run clean && webpack --mode production && webpack --mode production --env minimize=1",
-    "clean": "rm -rf dist/encantar*.js",
+    "start": "node esbuild.mjs --dev --minify --serve",
+    "build": "tsc --noEmit && npm run clean && node esbuild.mjs && node esbuild.mjs --minify",
+    "clean": "rm -rf www/dist/*.*",
     "update": "npm update speedy-vision",
-    "deploy": "mkdocs gh-deploy",
+    "deploy": "npm run build && mkdocs gh-deploy",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
     "speedy-vision": "github:alemart/speedy-vision#v0.9.1"
   },
   "devDependencies": {
-    "ts-loader": "^9.5.1",
-    "typescript": "^4.9.5",
-    "webpack": "^5.92.1",
-    "webpack-cli": "^4.9.1",
-    "webpack-dev-server": "^4.5.0"
+    "esbuild": "0.24.2",
+    "typescript": "^4.9.5"
   },
   "config": {}
 }