dontmakeitugly 0.1.0 → 0.1.1

package/README.md

@@ -22,4 +22,4 @@ npx dontmakeitugly check                       # .dmiu/report.md for the agent t
 
 Skip an element and its subtree with `data-design-check="ignore"`, or add selectors to `ignore` in `dmiu.config.json`.
 
-Chromium is needed once: `npx playwright install chromium`.
+The first `check` installs a headless Chromium for Playwright (about 200 MB) if it isn't already there.

package/dist/check.js

@@ -1,5 +1,7 @@
 import path from "node:path";
 import fs from "node:fs";
+import { execFileSync } from "node:child_process";
+import { createRequire } from "node:module";
 import { chromium } from "playwright";
 import { loadConfig } from "./config.js";
 import { loadContract } from "./contract.js";
@@ -10,16 +12,31 @@ import { summarise, writeReport } from "./report.js";
 function slugify(s) {
     return s.replace(/^\//, "").replace(/[^a-z0-9]+/gi, "-").replace(/^-|-$/g, "") || "home";
 }
-async function launch() {
+function isMissingBrowser(e) {
+    return /Executable doesn't exist|browserType\.launch|playwright install/.test(e.message ?? "");
+}
+/** Installs the Chromium build that this copy of Playwright expects. */
+function installChromium(log) {
+    const require = createRequire(import.meta.url);
+    // "playwright/cli" is not an exported subpath; go via the package root.
+    const cli = path.join(path.dirname(require.resolve("playwright/package.json")), "cli.js");
+    log("Chromium is not installed for Playwright yet. Installing the headless build once (about 200 MB)…");
+    execFileSync(process.execPath, [cli, "install", "chromium", "--only-shell"], { stdio: "inherit" });
+}
+async function launch(log) {
     try {
         return await chromium.launch();
     }
     catch (e) {
-        const msg = e.message;
-        if (/Executable doesn't exist|browserType.launch/.test(msg)) {
-            throw new Error("Chromium is not installed for Playwright. Run: npx playwright install chromium");
+        if (!isMissingBrowser(e))
+            throw e;
+        try {
+            installChromium(log);
+        }
+        catch (installError) {
+            throw new Error(`Chromium could not be installed automatically (${installError.message.split("\n")[0]}). Run: npx playwright install chromium`);
         }
-        throw e;
+        return chromium.launch();
     }
 }
 async function reachable(url) {
@@ -52,7 +69,7 @@ export async function runCheck(opts) {
     const outDir = path.resolve(opts.cwd, cfg.outDir);
     const shotsDir = path.join(outDir, "screenshots");
     fs.mkdirSync(shotsDir, { recursive: true });
-    const browser = await launch();
+    const browser = await launch(log);
     const pages = [];
     try {
         for (const vp of cfg.viewports) {

package/dist/cli.js

@@ -53,8 +53,7 @@ async function main() {
             log(`  kept   ${s} (already exists; use --force to overwrite)`);
         log("");
         log("Next: build with your agent, then start the dev server and run `npx dontmakeitugly check`.");
-        if (!process.env.CI)
-            log("If Chromium isn't installed for Playwright yet: npx playwright install chromium");
+        log("The first check installs a headless Chromium for Playwright (about 200 MB) if it isn't there yet.");
         return;
     }
     if (cmd === "check") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dontmakeitugly",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Put a DESIGN.md contract in your repo and check the result against it. From dontmakeitugly.com.",
   "license": "MIT",
   "type": "module",