more

scripts/check-overflow.mjs

@@ -1,9 +1,10 @@
 import { createServer } from 'node:http';
-import { readdir, readFile, stat } from 'node:fs/promises';
+import { mkdir, readdir, readFile, rm, stat } from 'node:fs/promises';
 import path from 'node:path';
 import { chromium } from 'playwright';
 
 const dist = path.resolve('dist');
+const browserTmp = path.resolve('.astro', 'playwright-overflow-tmp');
 const INDEX_FILE = 'index.html';
 const MAX_NAV_RETRIES = 4;
 // Common device widths: iPhone SE / Galaxy S / iPhone 14 / iPad portrait /
@@ -30,6 +31,7 @@ const MIME = {
   '.woff2': 'font/woff2',
   '.mp4': 'video/mp4',
   '.webm': 'video/webm',
+  '.vtt': 'text/vtt; charset=utf-8',
   '.pdf': 'application/pdf',
 };
 
@@ -59,9 +61,6 @@ async function discoverRoutes() {
     if (!file.endsWith('.html')) continue;
     const rel = path.relative(dist, file).replaceAll(path.sep, '/');
     if (rel === '404.html') continue;
-    // /writing/* are meta-refresh redirect stubs to /articles/*, not real
-    // pages; measuring them would just remeasure /articles/.
-    if (rel.startsWith('writing/')) continue;
     if (rel === INDEX_FILE) {
       routes.add('/');
     } else if (rel.endsWith(`/${INDEX_FILE}`)) {
@@ -104,6 +103,16 @@ try {
   throw new Error('dist/ does not exist. Run npm run build first.');
 }
 
+// Some CI/dev containers mount /tmp as a very small tmpfs. Chromium uses the
+// process temp directory for profiles and internal files; putting it under the
+// already-ignored .astro/ directory keeps the overflow check reproducible even
+// when the system temp mount is full.
+await rm(browserTmp, { recursive: true, force: true });
+await mkdir(browserTmp, { recursive: true });
+process.env.TMPDIR = browserTmp;
+process.env.TMP = browserTmp;
+process.env.TEMP = browserTmp;
+
 const routes = await discoverRoutes();
 
 const server = createServer(async (req, res) => {
@@ -125,6 +134,12 @@ const failures = [];
 function launchBrowser() {
   return chromium.launch({
     headless: true,
+    env: {
+      ...process.env,
+      TMPDIR: browserTmp,
+      TMP: browserTmp,
+      TEMP: browserTmp,
+    },
     args: ['--disable-dev-shm-usage', '--disable-gpu', '--no-sandbox'],
   });
 }
@@ -183,11 +198,11 @@ async function openBrowser() {
 async function newMeasurementContext(browser, width) {
   const context = await browser.newContext({
     viewport: { width, height: 900 },
-    javaScriptEnabled: false,
+    javaScriptEnabled: true,
   });
   await context.route('**/*', (route) => {
     const type = route.request().resourceType();
-    if (['font', 'image', 'media'].includes(type)) {
+    if (type === 'media') {
       route.abort('blockedbyclient');
     } else {
       route.continue();
@@ -281,6 +296,7 @@ try {
   }
 } finally {
   server.close();
+  await rm(browserTmp, { recursive: true, force: true }).catch(() => {});
 }
 
 if (failures.length > 0) {