Merge pull request #32 from tomhazledine/esbuild

Refactor tooling

.github/workflows/node.js.yml

@@ -0,0 +1,28 @@
+# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
+
+name: Node.js CI
+
+on:
+    push:
+        branches: ["main"]
+    pull_request:
+        branches: ["main"]
+
+jobs:
+    build:
+        runs-on: ubuntu-latest
+
+        strategy:
+            matrix:
+                node-version: [18.x]
+
+        steps:
+            - uses: actions/checkout@v3
+            - name: Use Node.js ${{ matrix.node-version }}
+              uses: actions/setup-node@v3
+              with:
+                  node-version: ${{ matrix.node-version }}
+            - run: yarn install
+            - run: yarn build
+            - run: yarn test

.gitignore

@@ -1,5 +1,4 @@
-assets/*
-.sass-cache
-node_modules/*
+node_modules
 .DS_Store
-cjs/
+build
+coverage

.prettierrc

@@ -0,0 +1,6 @@
+{
+    "arrowParens": "avoid",
+    "tabWidth": 4,
+    "useTabs": false,
+    "trailingComma": "none"
+}

README.md

@@ -1,9 +1,7 @@
-<p align="center"><a href="https://audio.tomhazledine.com" target="_blank"><img width="200"src="https://audio.tomhazledine.com/assets/images/heroLogo.png"></a></p>
+<p align="center"><a href="https://audio.tomhazledine.com" target="_blank"><img width="200"src="https://github.com/tomhazledine/picobel/blob/main/images/heroLogo.png"></a></p>
 
 <h1 align="center">Picobel.js</h1>
 
-<p align="center" markdown="1"><a href="https://travis-ci.org/tomhazledine/picobel"><img src="https://travis-ci.org/tomhazledine/picobel.svg?branch=master" alt="Build Status"></a></p>
-
 Picobel.js (pronounced _peek-o-bell_, as in _decibel_) is a lightweight dependency-free Javascript tool that converts html audio tags into styleable markup.
 
 * [Overview](#why-would-i-need-this)

babel.config.json

@@ -0,0 +1,12 @@
+{
+    "presets": [
+        [
+            "@babel/preset-env",
+            {
+                "targets": {
+                    "node": "current"
+                }
+            }
+        ]
+    ]
+}

build.js

@@ -0,0 +1,45 @@
+import * as esbuild from "esbuild";
+
+const parseArgs = rawArgs => {
+    const [a, b, ...relevant] = rawArgs;
+    return relevant
+        .map(arg => {
+            const [key, value] = arg.split("=");
+            return { [key.replace(/-/g, "")]: value || true };
+        })
+        .reduce((args, arg) => ({ ...args, ...arg }), {});
+};
+
+const args = parseArgs(process.argv);
+
+const globalConfig = {
+    bundle: true,
+    outdir: `build`,
+    minify: args.mode !== "development",
+    treeShaking: args.mode !== "development",
+    sourcemap: args.mode === "development"
+};
+
+const config = {
+    js: {
+        ...globalConfig,
+        format: "esm",
+        entryPoints: ["src/js/Picobel.js"],
+        entryNames: "picobel"
+    },
+    css: {
+        ...globalConfig,
+        entryPoints: ["src/css/player.default.css", "src/css/all.css"]
+    }
+};
+
+const build = async config => {
+    try {
+        await esbuild.build(config.js);
+        await esbuild.build(config.css);
+    } catch (e) {
+        console.warn("esbuild error", e);
+    }
+};
+
+build(config);