qwenpaw/console/scripts/verify-initial-bundle.mjs

import { readFile, stat } from "node:fs/promises";
import { dirname, join } from "node:path";
import { fileURLToPath } from "node:url";

const scriptDirectory = dirname(fileURLToPath(import.meta.url));
const outputDirectory = join(scriptDirectory, "..", "dist");
const indexPath = join(outputDirectory, "index.html");
const maximumRawBytes = 10 * 1024 * 1024;
const maximumBrotliBytes = 3 * 1024 * 1024;

const html = await readFile(indexPath, "utf-8");
const assets = new Set(
  [...html.matchAll(/\/assets\/[^"' ]+\.(?:css|js)/g)].map(([asset]) => asset),
);

const initialJavaScriptAssets = [...assets].filter((asset) =>
  asset.endsWith(".js"),
);
const initialJavaScriptNames = new Set(
  initialJavaScriptAssets.map((asset) => asset.split("/").at(-1)),
);
const importGraph = new Map();

for (const asset of initialJavaScriptAssets) {
  const source = await readFile(join(outputDirectory, asset), "utf-8");
  const dependencies = new Set(
    [...source.matchAll(/\b(?:from|import)\s*\(?["']\.\/([^"']+\.js)["']/g)]
      .map((match) => match[1])
      .filter((dependency) => initialJavaScriptNames.has(dependency)),
  );
  importGraph.set(asset.split("/").at(-1), dependencies);
}

const visited = new Set();
const active = new Set();
const stack = [];

function findImportCycle(asset) {
  if (active.has(asset)) {
    return [...stack.slice(stack.indexOf(asset)), asset];
  }
  if (visited.has(asset)) {
    return null;
  }

  visited.add(asset);
  active.add(asset);
  stack.push(asset);
  for (const dependency of importGraph.get(asset) ?? []) {
    const cycle = findImportCycle(dependency);
    if (cycle) {
      return cycle;
    }
  }
  stack.pop();
  active.delete(asset);
  return null;
}

for (const asset of initialJavaScriptNames) {
  const cycle = findImportCycle(asset);
  if (cycle) {
    throw new Error(`Initial JavaScript import cycle: ${cycle.join(" -> ")}`);
  }
}

let rawBytes = 0;
let brotliBytes = 0;
for (const asset of assets) {
  const path = join(outputDirectory, asset);
  rawBytes += (await stat(path)).size;
  brotliBytes += (await stat(`${path}.br`)).size;
}

const toMiB = (bytes) => (bytes / 1024 / 1024).toFixed(2);
console.log(
  `Initial bundle: ${toMiB(rawBytes)} MiB raw, ` +
    `${toMiB(brotliBytes)} MiB Brotli across ${assets.size} assets.`,
);

if (rawBytes > maximumRawBytes) {
  throw new Error(`Initial raw bundle exceeds ${toMiB(maximumRawBytes)} MiB.`);
}
if (brotliBytes > maximumBrotliBytes) {
  throw new Error(
    `Initial Brotli bundle exceeds ${toMiB(maximumBrotliBytes)} MiB.`,
  );
}