| 1 | + | // After the site builds: loads each route's modules from the client build, |
| 2 | + | // root first and then the route, the way a browser does, each in a fresh |
| 3 | + | // worker so each has its own module graph. A module that throws as it |
| 4 | + | // loads stops the build: the bundle can put code in chunks that import each |
| 5 | + | // other, and a module that reads another as it loads may read it before it |
| 6 | + | // is there, which kills every page's script (#51: "Cannot read properties of |
| 7 | + | // undefined (reading 'filter')"). Nothing renders; only loading is checked. |
| 8 | + | // |
| 9 | + | // node scripts/load-check.mjs [build/client] |
| 10 | + | import { readFileSync, readdirSync } from "node:fs"; |
| 11 | + | import { availableParallelism } from "node:os"; |
| 12 | + | import { join, resolve } from "node:path"; |
| 13 | + | import { pathToFileURL } from "node:url"; |
| 14 | + | import { Worker, isMainThread, parentPort, workerData } from "node:worker_threads"; |
| 15 | + | |
| 16 | + | if (!isMainThread) { |
| 17 | + | // Enough of a browser for modules that look at it as they load; nothing here runs a page. |
| 18 | + | const noop = () => {}; |
| 19 | + | const element = () => ({ style: {}, setAttribute: noop, appendChild: noop, addEventListener: noop, classList: { add: noop, remove: noop, contains: () => false } }); |
| 20 | + | globalThis.window ??= globalThis; |
| 21 | + | globalThis.self ??= globalThis; |
| 22 | + | globalThis.document ??= { documentElement: element(), head: element(), body: element(), createElement: element, querySelector: () => null, querySelectorAll: () => [], addEventListener: noop, removeEventListener: noop, cookie: "", visibilityState: "visible" }; |
| 23 | + | globalThis.location ??= new URL("https://g1t.sh/"); |
| 24 | + | globalThis.history ??= { state: null, pushState: noop, replaceState: noop }; |
| 25 | + | globalThis.matchMedia ??= () => ({ matches: false, addEventListener: noop, removeEventListener: noop, addListener: noop, removeListener: noop }); |
| 26 | + | globalThis.localStorage ??= { getItem: () => null, setItem: noop, removeItem: noop }; |
| 27 | + | globalThis.sessionStorage ??= globalThis.localStorage; |
| 28 | + | globalThis.addEventListener ??= noop; |
| 29 | + | globalThis.removeEventListener ??= noop; |
| 30 | + | globalThis.requestAnimationFrame ??= (fn) => setTimeout(fn, 0); |
| 31 | + | const { root, modules } = workerData; |
| 32 | + | let error = null; |
| 33 | + | try { |
| 34 | + | for (const module of modules) await import(pathToFileURL(join(root, module)).href); |
| 35 | + | } catch (caught) { |
| 36 | + | error = String(caught?.stack ?? caught).split("\n").slice(0, 2).join(" | "); |
| 37 | + | } |
| 38 | + | parentPort.postMessage(error); |
| 39 | + | } else { |
| 40 | + | const root = resolve(process.argv[2] ?? "build/client"); |
| 41 | + | const assets = join(root, "assets"); |
| 42 | + | const manifestFile = readdirSync(assets).find((name) => /^manifest-.*\.js$/.test(name)); |
| 43 | + | if (!manifestFile) throw new Error(`No route manifest in ${assets}: build the site first.`); |
| 44 | + | const text = readFileSync(join(assets, manifestFile), "utf8"); |
| 45 | + | const manifest = JSON.parse(text.slice(text.indexOf("{"), text.lastIndexOf("}") + 1)); |
| 46 | + | const rootModule = manifest.routes.root.module; |
| 47 | + | const routes = Object.values(manifest.routes).filter((route) => route.module && route.id !== "root"); |
| 48 | + | |
| 49 | + | const check = (modules) => |
| 50 | + | new Promise((done) => { |
| 51 | + | const worker = new Worker(new URL(import.meta.url), { workerData: { root, modules } }); |
| 52 | + | worker.once("message", (error) => { |
| 53 | + | done(error); |
| 54 | + | void worker.terminate(); |
| 55 | + | }); |
| 56 | + | worker.once("error", (error) => done(String(error?.stack ?? error).split("\n")[0])); |
| 57 | + | }); |
| 58 | + | |
| 59 | + | const failed = []; |
| 60 | + | const queue = [{ id: "root", modules: [rootModule] }, ...routes.map((route) => ({ id: route.id, modules: [rootModule, route.module] }))]; |
| 61 | + | await Promise.all( |
| 62 | + | Array.from({ length: Math.min(8, availableParallelism()) }, async () => { |
| 63 | + | for (let next = queue.shift(); next; next = queue.shift()) { |
| 64 | + | const error = await check(next.modules); |
| 65 | + | if (error) failed.push(`${next.id}: ${error}`); |
| 66 | + | } |
| 67 | + | }), |
| 68 | + | ); |
| 69 | + | if (failed.length) { |
| 70 | + | console.error(`${failed.length} of ${routes.length + 1} routes throw as they load:`); |
| 71 | + | for (const line of failed.sort().slice(0, 20)) console.error(` ${line}`); |
| 72 | + | process.exit(1); |
| 73 | + | } |
| 74 | + | console.log(`Every route loads (${routes.length + 1}).`); |
| 75 | + | } |
