chore(dev): one-command local testing via pnpm dev

puckey · puckey · commit b405534b6808 · 2026-04-14T16:12:44.000+02:00
Adds a `pnpm dev` workflow so changes to src/ can be verified in a real
browser without a publish round-trip:

- `local.html` imports the local `dist/index.mjs` build and points
  benchmarks at `./dist/benchmarks/` (instead of the unpkg URL).
- `dev:build` runs `tsdown --watch`; `dev:serve` runs python's static
  server on :8000 and prints the URL on startup.
- `index.html` redirects to `local.html` when `location.port === '8000'`,
  so landing on the default localhost route doesn't silently load the
  published esm.sh bundle. GitHub Pages production is unaffected.
diff --git a/index.html b/index.html
@@ -2,6 +2,11 @@
 <html>
   <head>
     <meta charset="utf-8" />
+    <script>
+      // During `pnpm dev` the static server runs on :8000; redirect to the
+      // local-dist page so refreshes pick up uncommitted source changes.
+      if (location.port === '8000') location.replace('./local.html');
+    </script>
     <title>detect-gpu</title>
     <style>
       body {
diff --git a/local.html b/local.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>detect-gpu (local)</title>
+    <style>
+      body {
+        font-family: system-ui, sans-serif;
+        font-size: 1.25em;
+        padding: 2rem;
+      }
+    </style>
+  </head>
+  <body>
+    <pre id="root">Detecting GPU…</pre>
+    <script type="module">
+      import { getGPUTier } from './dist/index.mjs';
+      const result = await getGPUTier({ benchmarksURL: './dist/benchmarks' });
+      document.getElementById('root').textContent = JSON.stringify(
+        result,
+        null,
+        2
+      );
+    </script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -58,6 +58,9 @@
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
     "build": "tsdown",
+    "dev": "pnpm run --parallel /^dev:/",
+    "dev:build": "tsdown --watch",
+    "dev:serve": "echo 'open http://localhost:8000/local.html' && python3 -m http.server 8000",
     "update-benchmarks": "node ./scripts/update_benchmarks.ts"
   },
   "devDependencies": {
