Add npm run build and build:all

.github/workflows/build.yml

@@ -0,0 +1,32 @@
+name: Build
+
+on:
+    push:
+        branches: ["main"]
+    pull_request:
+        branches: ["main"]
+
+    # Allows you to run this workflow manually from the Actions tab
+    workflow_dispatch:
+
+jobs:
+    build:
+        name: Build
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout Branch
+              uses: actions/checkout@v4
+              with:
+                  fetch-depth: 0
+
+            - name: Setup Node
+              uses: actions/setup-node@v4
+              with:
+                  node-version-file: "package.json"
+                  cache: "npm"
+
+            - name: Install Node Packages
+              run: npm ci
+
+            - name: Build Workloads
+              run: npm run build:all -- --check

.github/workflows/test.yml

@@ -1,4 +1,4 @@
-name: CI
+name: Test
 
 on:
     push:
@@ -12,7 +12,7 @@ on:
 jobs:
     linters:
         name: Linters
-        runs-on: macos-latest
+        runs-on: ubuntu-latest
         steps:
             - name: Checkout Branch
               uses: actions/checkout@v4
@@ -63,17 +63,13 @@ jobs:
             - name: Run Node Unit Tests
               run: npm test
 
-    build:
-        name: Build
+    test:
+        name: Test
         runs-on: macos-latest
         strategy:
             matrix:
-                browser: [chrome, firefox, safari]
+                browser: [chrome, firefox]
         steps:
-            - name: Install Firefox
-              if: ${{ matrix.browser == 'firefox' }}
-              run: brew install --cask firefox
-
             - name: Checkout Branch
               uses: actions/checkout@v4
 

package.json

@@ -23,6 +23,8 @@
         "pretty:fix": "prettier --write ./",
         "format": "node tests/format.mjs",
         "format:all": "node tests/format.mjs --all",
+        "build": "node tests/build.mjs",
+        "build:all": "node tests/build.mjs --all",
         "test:chrome": "node tests/run-unittests.mjs --browser=chrome",
         "test:firefox": "node tests/run-unittests.mjs --browser=firefox",
         "test:safari": "node tests/run-unittests.mjs --browser=safari",

resources/shared/generate-resources.mjs

@@ -24,3 +24,10 @@ export function generateResourcesFile(distPath) {
     fs.writeFileSync(path.join(absoluteDist, "resources.txt"), `${relativePaths.join("\n")}\n`, "utf8");
     console.log(`Generated resources.txt at ${distPath}`);
 }
+
+import { fileURLToPath } from "node:url";
+
+if (process.argv[1] && fileURLToPath(import.meta.url) === process.argv[1]) {
+    const targetDir = process.argv[2] || "dist";
+    generateResourcesFile(path.resolve(process.cwd(), targetDir));
+}

suites-experimental/javascript-wc-indexeddb/package.json

@@ -10,6 +10,8 @@
     "scripts": {
         "dev": "http-server ./ -p 7005 -c-1 --cors -o",
         "build": "node scripts/build.mjs",
+        "build:resources": "node ../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "serve": "http-server ./dist -p 7006 -c-1 --cors -o"
     },
     "keywords": [],

suites-experimental/javascript-wc-indexeddb/scripts/build.mjs

@@ -1,5 +1,3 @@
-import path from "path";
-import { generateResourcesFile } from "../../../resources/shared/generate-resources.mjs";
 import fs from "fs/promises";
 import { dirname } from "path";
 
@@ -167,4 +165,3 @@ const build = async () => {
 };
 
 await build();
-await generateResourcesFile(path.join(import.meta.dirname, "../dist"));

suites-experimental/responsive-design/package.json

@@ -12,8 +12,10 @@
         "serve": "web-dev-server --config web-dev-server.config.mjs",
         "prebuild": "npm run build:main-css && npm run build:chat-window-css",
         "build": "rollup --config rollup.config.js",
-        "build:main-css": "npx tailwindcss -i ./src/input.css -o ./src/tailwind.generated.css --minify",
         "build:chat-window-css": "npx tailwindcss -c ./tailwind.chat-window.config.js -i ./src/input.css -o ./src/tailwind.chat-window.generated.css --minify",
+        "build:main-css": "npx tailwindcss -i ./src/input.css -o ./src/tailwind.generated.css --minify",
+        "build:resources": "node ../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "dev": "concurrently \"npm:dev:*\"",
         "dev:main-css": "npx tailwindcss -i ./src/input.css -o ./src/tailwind.generated.css --watch",
         "dev:chat-window-css": "npx tailwindcss -c ./tailwind.chat-window.config.js -i ./src/input.css -o ./src/tailwind.chat-window.generated.css --watch",

suites-experimental/todomvc-localstorage/package.json

@@ -10,6 +10,8 @@
     "scripts": {
         "dev": "http-server ./ -p 7001 -c-1 --cors",
         "build": "node scripts/build.mjs",
+        "build:resources": "node ../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "serve": "http-server ./dist -p 7002 -c-1 --cors"
     },
     "dependencies": {

suites-experimental/todomvc-localstorage/scripts/build.mjs

@@ -1,4 +1,3 @@
-import { generateResourcesFile } from "../../../resources/shared/generate-resources.mjs";
 import fs from "fs/promises";
 import path from "path";
 
@@ -55,4 +54,3 @@ const build = async () => {
 };
 
 await build();
-await generateResourcesFile(path.join(import.meta.dirname, "../dist"));

suites/charts/package.json

@@ -6,6 +6,8 @@
     "scripts": {
         "dev": "vite",
         "build": "vite build",
+        "build:resources": "node ../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "preview": "vite preview"
     },
     "devDependencies": {

suites/editors/package.json

@@ -6,6 +6,8 @@
     "scripts": {
         "dev": "vite",
         "build": "vite build",
+        "build:resources": "node ../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "preview": "vite preview"
     },
     "devDependencies": {

suites/newssite/news-next/package.json

@@ -4,8 +4,10 @@
     "private": true,
     "scripts": {
         "dev": "next dev",
-        "build": "node scripts/build.mjs",
+        "build": "npm run build:next",
         "build:next": "next build",
+        "build:resources": "node ../../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "start": "next start",
         "lint": "next lint",
         "serve": "http-server ./dist -p 7002 -c-1 --cors"

suites/newssite/news-nuxt/package.json

@@ -3,8 +3,10 @@
     "version": "1.0.0",
     "private": true,
     "scripts": {
-        "build": "node scripts/build.mjs",
+        "build": "npm run build:nuxt",
         "build:nuxt": "nuxt build",
+        "build:resources": "node ../../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "dev": "nuxt dev",
         "generate": "nuxt generate",
         "preview": "nuxt preview",

suites/newssite/news-site-css/package.json

@@ -10,7 +10,9 @@
     },
     "scripts": {
         "lint": "stylelint \"src/css/*.css\"",
-        "build": "rollup -c --bundleConfigAsCjs"
+        "build": "rollup -c --bundleConfigAsCjs",
+        "build:resources": "node ../../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources"
     },
     "devDependencies": {
         "@rollup/plugin-babel": "^6.0.3",

suites/react-stockcharts/package.json

@@ -4,7 +4,9 @@
   "private": true,
   "scripts": {
     "start": "react-scripts start",
-    "build": "rm -rf build && react-scripts build"
+    "build": "rm -rf build && react-scripts build",
+    "build:resources": "node ../../resources/shared/generate-resources.mjs build",
+    "postbuild": "npm run build:resources"
   },
   "homepage": "./",
   "devDependencies": {

suites/todomvc/architecture-examples/angular-complex/package.json

@@ -9,6 +9,8 @@
     },
     "scripts": {
         "build": "node scripts/build.mjs",
+        "build:resources": "node ../../../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "serve": "http-server ./dist -p 7002 -c-1 --cors"
     },
     "devDependencies": {

suites/todomvc/architecture-examples/angular-complex/scripts/build.mjs

@@ -1,4 +1,3 @@
-import { generateResourcesFile } from "../../../../shared/generate-resources.mjs";
 /**
  * Builds the TodoMVC Angular Complex DOM.
  */
@@ -19,4 +18,3 @@ const options = {
 };
 
 buildComplex(options);
-await generateResourcesFile(path.join(import.meta.dirname, "../dist"));

suites/todomvc/architecture-examples/angular/package.json

@@ -11,6 +11,8 @@
         "ng": "ng",
         "dev": "ng serve",
         "build": "ng build --source-map=true",
+        "build:resources": "node ../../../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "watch": "ng build --watch --configuration development",
         "test": "ng test"
     },

suites/todomvc/architecture-examples/backbone-complex/package.json

@@ -9,6 +9,8 @@
     "private": true,
     "scripts": {
         "build": "node scripts/build.mjs",
+        "build:resources": "node ../../../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "serve": "http-server ./dist -p 7002 -c-1 --cors"
     },
     "devDependencies": {

suites/todomvc/architecture-examples/backbone-complex/scripts/build.mjs

@@ -1,4 +1,3 @@
-import { generateResourcesFile } from "../../../../shared/generate-resources.mjs";
 /**
  * Builds the TodoMVC Backbone Complex DOM.
  */
@@ -19,4 +18,3 @@ const options = {
 };
 
 buildComplex(options);
-await generateResourcesFile(path.join(import.meta.dirname, "../dist"));

suites/todomvc/architecture-examples/backbone/package.json

@@ -9,6 +9,8 @@
     "private": true,
     "scripts": {
         "build": "node scripts/build.mjs",
+        "build:resources": "node ../../../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "dev": "http-server ./ -p 7001 -c-1 --cors",
         "serve": "http-server ./dist -p 7002 -c-1 --cors"
     },

suites/todomvc/architecture-examples/backbone/scripts/build.mjs

@@ -1,4 +1,3 @@
-import { generateResourcesFile } from "../../../../shared/generate-resources.mjs";
 import fs from "fs/promises";
 import path from "path";
 
@@ -60,4 +59,3 @@ const build = async () => {
 };
 
 await build();
-await generateResourcesFile(path.join(import.meta.dirname, "../dist"));

suites/todomvc/architecture-examples/jquery-complex/package.json

@@ -4,6 +4,8 @@
   "private": true,
   "scripts": {
     "build": "node scripts/build.mjs",
+    "build:resources": "node ../../../../resources/shared/generate-resources.mjs dist",
+    "postbuild": "npm run build:resources",
     "serve": "http-server ./dist -p 7002 -c-1 --cors"
   },
   "devDependencies": {

suites/todomvc/architecture-examples/jquery-complex/scripts/build.mjs

@@ -1,4 +1,3 @@
-import { generateResourcesFile } from "../../../../shared/generate-resources.mjs";
 /**
  * Builds the TodoMVC jQuery Complex DOM.
  */
@@ -23,4 +22,3 @@ const options = {
 };
 
 buildComplex(options);
-import("../../../../shared/generate-resources.mjs").then(m => m.generateResourcesFile(path.join(__dirname, "../dist")));

suites/todomvc/architecture-examples/jquery/package.json

@@ -5,6 +5,8 @@
   "scripts": {
     "dev": "http-server . -p 7001 -c-1 --cors",
     "build": "node scripts/build.mjs",
+    "build:resources": "node ../../../../resources/shared/generate-resources.mjs dist",
+    "postbuild": "npm run build:resources",
     "serve": "http-server ./dist -p 7002 -c-1 --cors"
   },
   "dependencies": {

suites/todomvc/architecture-examples/jquery/scripts/build.mjs

@@ -1,4 +1,3 @@
-import { generateResourcesFile } from "../../../../shared/generate-resources.mjs";
 import fs from "fs/promises";
 import path from "path";
 
@@ -54,4 +53,4 @@ const build = async () => {
     console.log("done!!");
 };
 
-build().then(() => import("../../../../shared/generate-resources.mjs").then(m => m.generateResourcesFile(path.join(__dirname, "../dist"))));
+build();

suites/todomvc/architecture-examples/lit-complex/package.json

@@ -8,6 +8,8 @@
     },
     "scripts": {
         "build": "node scripts/build.mjs",
+        "build:resources": "node ../../../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "serve": "http-server ./dist -p 8000 -c-1 --cors"
     },
     "devDependencies": {

suites/todomvc/architecture-examples/lit-complex/scripts/build.mjs

@@ -1,4 +1,3 @@
-import { generateResourcesFile } from "../../../../shared/generate-resources.mjs";
 /**
  * Builds the TodoMVC Lit Complex DOM.
  */
@@ -26,4 +25,3 @@ const options = {
 };
 
 buildComplex(options);
-await generateResourcesFile(path.join(import.meta.dirname, "../dist"));

suites/todomvc/architecture-examples/lit/package.json

@@ -11,6 +11,8 @@
         "serve": "wireit",
         "dev": "wireit",
         "build": "wireit",
+        "build:resources": "node ../../../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "tsc": "wireit",
         "rollup": "wireit",
         "copy-index-html": "wireit"

suites/todomvc/architecture-examples/preact-complex/package.json

@@ -9,6 +9,8 @@
     },
     "scripts": {
         "build": "node scripts/build.mjs",
+        "build:resources": "node ../../../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "serve": "http-server ./dist -p 7002 -c-1 --cors"
     },
     "devDependencies": {

suites/todomvc/architecture-examples/preact-complex/scripts/build.mjs

@@ -1,4 +1,3 @@
-import { generateResourcesFile } from "../../../../shared/generate-resources.mjs";
 /**
  * Build the TodoMVC Preact Complex DOM example.
  */
@@ -17,4 +16,3 @@ const options = {
 };
 
 buildComplex(options);
-await generateResourcesFile(path.join(import.meta.dirname, "../dist"));

suites/todomvc/architecture-examples/preact/package.json

@@ -9,6 +9,8 @@
     },
     "scripts": {
         "build": "rollup -c --bundleConfigAsCjs",
+        "build:resources": "node ../../../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "dev": "npm-run-all --parallel serve watch",
         "serve": "http-server ./dist -p 7002 -c-1 --cors -o",
         "watch": "ROLLUP_WATCH=true rollup -c -w --bundleConfigAsCjs"

suites/todomvc/architecture-examples/react-complex/package.json

@@ -9,6 +9,8 @@
     },
     "scripts": {
         "build": "node scripts/build.mjs",
+        "build:resources": "node ../../../../resources/shared/generate-resources.mjs dist",
+        "postbuild": "npm run build:resources",
         "serve": "http-server ./dist -p 7002 -c-1 --cors"
     },
     "devDependencies": {

suites/todomvc/architecture-examples/react-complex/scripts/build.mjs

@@ -1,4 +1,3 @@
-import { generateResourcesFile } from "../../../../shared/generate-resources.mjs";
 /**
  * Build the TodoMVC: React Complex DOM example.
  */
@@ -16,4 +15,3 @@ const options = {
 };
 
 buildComplex(options);
-await generateResourcesFile(path.join(import.meta.dirname, "../dist"));