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/dist/src/speedometer-utils/benchmark.mjs

@@ -34,7 +34,6 @@ export class BenchmarkSuite {
         this.tests = tests;
     }
 
-
     async runAndRecord(params, onProgress) {
         const measuredValues = {
             tests: {},

suites-experimental/javascript-wc-indexeddb/dist/src/speedometer-utils/helpers.mjs

@@ -53,3 +53,9 @@ export function forceLayout(body, layoutMode = "getBoundingRectAndElementFromPoi
             throw Error(`Invalid layoutMode: ${layoutMode}`);
     }
 }
+
+export function skipInShell(context) {
+    if (typeof window === "undefined" || typeof document === "undefined")
+        // Skip in non-browser environments
+        context.skip();
+}

suites-experimental/javascript-wc-indexeddb/dist/src/speedometer-utils/params.mjs

@@ -33,6 +33,10 @@ export class Params {
     // "generate": generate a random seed
     // <integer>: use the provided integer as a seed
     shuffleSeed = "off";
+    // Param to tweak the relative complexity of all suites.
+    // The default is 1.0, and for suites supporting this param, the duration
+    // roughly scales with the complexity.
+    complexity = 1.0;
     // Choices: "getBoundingClientRect" or "getBoundingRectAndElementFromPoint"
     layoutMode = LAYOUT_MODES[0];
     // Measure more workload prepare time.
@@ -49,8 +53,17 @@ export class Params {
         }
     }
 
-    _parseInt(value, errorMessage) {
+    _parseNumber(value, errorMessage, minValue = 0) {
         const number = Number(value);
+        if (!Number.isFinite(number) && errorMessage)
+            throw new Error(`Invalid ${errorMessage} param: '${value}', expected Number.`);
+        if (number < minValue)
+            throw new Error(`Invalid ${errorMessage} param: '${value}', value must be >= ${minValue}.`);
+        return number;
+    }
+
+    _parseInt(value, errorMessage, minValue = 0) {
+        const number = this._parseNumber(value, errorMessage, minValue);
         if (!Number.isInteger(number) && errorMessage)
             throw new Error(`Invalid ${errorMessage} param: '${value}', expected int.`);
         return parseInt(number);
@@ -71,6 +84,7 @@ export class Params {
         this.warmupBeforeSync = this._parseIntParam(searchParams, "warmupBeforeSync", 0);
         this.measurementMethod = this._parseEnumParam(searchParams, "measurementMethod", ["raf"]);
         this.shuffleSeed = this._parseShuffleSeed(searchParams);
+        this.complexity = this._parserNumberParam(searchParams, "complexity", 0);
         this.layoutMode = this._parseEnumParam(searchParams, "layoutMode", LAYOUT_MODES);
         this.measurePrepare = this._parseBooleanParam(searchParams, "measurePrepare");
         this.config = this._parseConfig(searchParams);
@@ -89,13 +103,18 @@ export class Params {
         return true;
     }
 
-    _parseIntParam(searchParams, paramKey, minValue) {
+    _parserNumberParam(searchParams, paramKey, minValue) {
         if (!searchParams.has(paramKey))
             return defaultParams[paramKey];
+        const parsedValue = this._parseNumber(searchParams.get(paramKey), "waitBeforeSync", minValue);
+        searchParams.delete(paramKey);
+        return parsedValue;
+    }
 
-        const parsedValue = this._parseInt(searchParams.get(paramKey), "waitBeforeSync");
-        if (parsedValue < minValue)
-            throw new Error(`Invalid ${paramKey} param: '${parsedValue}', value must be >= ${minValue}.`);
+    _parseIntParam(searchParams, paramKey, minValue) {
+        if (!searchParams.has(paramKey))
+            return defaultParams[paramKey];
+        const parsedValue = this._parseInt(searchParams.get(paramKey), "waitBeforeSync", minValue);
         searchParams.delete(paramKey);
         return parsedValue;
     }
@@ -211,6 +230,10 @@ export class Params {
     toSearchParams() {
         return this.toSearchParamsObject().toString();
     }
+
+    isDefault() {
+        return this === defaultParams;
+    }
 }
 
 function isValidJsonUrl(url) {

suites-experimental/javascript-wc-indexeddb/dist/src/speedometer-utils/todomvc-utils.mjs

@@ -1 +1,12 @@
-export const numberOfItemsToAdd = 100;
+import { params } from "./params.mjs";
+
+export const defaultNumberOfItemsToAdd = 100;
+export let numberOfItemsToAdd = defaultNumberOfItemsToAdd;
+
+export function getNumberOfItemsToAdd() {
+    return numberOfItemsToAdd;
+}
+
+export function handleComplexityChange() {
+    numberOfItemsToAdd = Math.round(defaultNumberOfItemsToAdd * params.complexity);
+}

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/dist/chartjs.html

@@ -11,8 +11,8 @@
                 align-items: center;
             }
         </style>
-      <script type="module" crossorigin src="./assets/chartjs-7fd89fd7.js"></script>
-      <link rel="modulepreload" crossorigin href="./assets/flights-airports-9a9e6422.js">
+      <script type="module" crossorigin src="./assets/chartjs.js"></script>
+      <link rel="modulepreload" crossorigin href="./assets/flights-airports.js">
     </head>
     <body>
         <div id="app">

suites/charts/dist/observable-plot.html

@@ -15,8 +15,8 @@
                 min-width: 30px;
             }
         </style>
-      <script type="module" crossorigin src="./assets/plot-562fbdb6.js"></script>
-      <link rel="modulepreload" crossorigin href="./assets/flights-airports-9a9e6422.js">
+      <script type="module" crossorigin src="./assets/plot.js"></script>
+      <link rel="modulepreload" crossorigin href="./assets/flights-airports.js">
     </head>
     <body>
         <div id="app">

suites/charts/dist/resources.txt

@@ -1,11 +1,11 @@
-assets/chartjs-7fd89fd7.js
-assets/chartjs-7fd89fd7.js.map
-assets/developer-4ed993c7.js.map
-assets/flights-airports-9a9e6422.js
-assets/flights-airports-9a9e6422.js.map
-assets/index-4ed993c7.js.map
-assets/plot-562fbdb6.js
-assets/plot-562fbdb6.js.map
+assets/chartjs.js
+assets/chartjs.js.map
+assets/developer.js.map
+assets/flights-airports.js
+assets/flights-airports.js.map
+assets/index.js.map
+assets/plot.js
+assets/plot.js.map
 chartjs.html
 developer.html
 index.html

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": {