Limit page size tracking to non-breaking

scripts/sizeSnapshot/create.js

@@ -87,17 +87,10 @@ async function getNextPagesSize() {
   });
   const pageRegex = /^(?<treeViewPresentation>┌|├|└)\s*(?<fileType>σ|⚡|)\s*(?<pageUrl>[^\s]+)\s*(?<sizeFormatted>[0-9.]+)\s*(?<sizeUnit>\w+)\s*(?<files>\d+)\s*(?<packages>\d+)/gm;
 
-  // legacy ids
-  const pageUrlIdMappings = {
-    '/': 'docs.landing',
-    '/_app': 'docs.main',
-  };
-
   return Array.from(matchAll(consoleOutput, pageRegex), match => {
     const { pageUrl, sizeFormatted, sizeUnit, files, packages } = match.groups;
 
-    const snapshotId = pageUrlIdMappings[pageUrl] || `docs-${pageUrl}`;
-
+    const snapshotId = `docs-${pageUrl}`;
     return [
       snapshotId,
       {

scripts/sizeSnapshot/webpack.config.js

@@ -1,9 +1,22 @@
+const fse = require('fs-extra');
 const path = require('path');
 const CompressionPlugin = require('compression-webpack-plugin');
 
 const workspaceRoot = path.join(__dirname, '..', '..');
 
 async function getSizeLimitBundles() {
+  const nextDir = path.join(workspaceRoot, 'docs/.next');
+  const buildId = await fse.readFile(path.join(nextDir, 'BUILD_ID'), 'utf8');
+
+  const dirname = path.join(nextDir, 'static/chunks');
+  const [main] = (await fse.readdir(dirname)).reduce((result, filename) => {
+    if (filename.length === 31) {
+      return [...result, { path: `${dirname}/${filename}` }];
+    }
+
+    return result;
+  }, []);
+
   return [
     {
       name: '@material-ui/core/Paper',
@@ -101,6 +114,16 @@ async function getSizeLimitBundles() {
       webpack: true,
       path: 'packages/material-ui/build/esm/Portal/index.js',
     },
+    {
+      name: 'docs.main',
+      webpack: false,
+      path: path.relative(workspaceRoot, main.path),
+    },
+    {
+      name: 'docs.landing',
+      webpack: false,
+      path: path.relative(workspaceRoot, path.join(nextDir, `static/${buildId}/pages/index.js`)),
+    },
   ];
 }