Added Baseline Test

.github/frameworks.json

@@ -38,6 +38,9 @@
         },
         {
           "type": "dependencies"
+        },
+        {
+          "type": "browserBaseline"
         }
       ]
     },
@@ -81,6 +84,9 @@
         },
         {
           "type": "dependencies"
+        },
+        {
+          "type": "browserBaseline"
         }
       ]
     },
@@ -111,6 +117,9 @@
         },
         {
           "type": "dependencies"
+        },
+        {
+          "type": "browserBaseline"
         }
       ]
     },
@@ -154,6 +163,9 @@
         },
         {
           "type": "dependencies"
+        },
+        {
+          "type": "browserBaseline"
         }
       ]
     },
@@ -197,6 +209,9 @@
         },
         {
           "type": "dependencies"
+        },
+        {
+          "type": "browserBaseline"
         }
       ]
     },
@@ -240,6 +255,9 @@
         },
         {
           "type": "dependencies"
+        },
+        {
+          "type": "browserBaseline"
         }
       ]
     },
@@ -283,6 +301,9 @@
         },
         {
           "type": "dependencies"
+        },
+        {
+          "type": "browserBaseline"
         }
       ]
     },
@@ -326,6 +347,9 @@
         },
         {
           "type": "dependencies"
+        },
+        {
+          "type": "browserBaseline"
         }
       ]
     },

.github/workflows/generate-stats.yml

@@ -10,6 +10,7 @@ on:
       - '!packages/starter-*/install-stats.json'
       - '!packages/starter-*/build-stats.json'
       - '!packages/starter-*/corejs-stats.json'
+      - '!packages/starter-*/browser-baseline-stats.json'
       - '!packages/starter-*/e18e-stats.json'
       - 'packages/app-*/**'
       - '!packages/app-*/ci-stats.json'

.github/workflows/measure-framework.yml

@@ -107,6 +107,10 @@ jobs:
       - name: Scan build output for vendored core-js
         run: pnpm --filter @framework-tracker/stats-generator run:corejs ${{ matrix.framework.package }}
 
+      - name: Scan build output for browser baseline requirements
+        if: contains(toJson(matrix.framework.measurements), 'browserBaseline')
+        run: pnpm --filter @framework-tracker/stats-generator run:browser-baseline ${{ matrix.framework.package }}
+
       - name: Upload build stats
         uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
         with:
@@ -123,6 +127,15 @@ jobs:
           retention-days: 1
           if-no-files-found: warn
 
+      - name: Upload browser baseline stats
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
+        if: contains(toJson(matrix.framework.measurements), 'browserBaseline')
+        with:
+          name: browser-baseline-stats-${{ matrix.framework.name }}
+          path: packages/${{ matrix.framework.package }}/browser-baseline-stats.json
+          retention-days: 1
+          if-no-files-found: error
+
   measure-ssr-request-throughput:
     if: inputs.ssr-request-throughput-matrix != '[]'
     runs-on: depot-ubuntu-24.04

.github/workflows/preview-stats.yml

@@ -46,6 +46,7 @@ jobs:
             echo "install=[]" >> $GITHUB_OUTPUT
             echo "build=[]" >> $GITHUB_OUTPUT
             echo "ssr-request-throughput=[]" >> $GITHUB_OUTPUT
+            echo "deps=[]" >> $GITHUB_OUTPUT
             exit 0
           fi
 

.github/workflows/validate-stats.yml

@@ -17,6 +17,7 @@ on:
       - '!packages/starter-*/install-stats.json'
       - '!packages/starter-*/build-stats.json'
       - '!packages/starter-*/corejs-stats.json'
+      - '!packages/starter-*/browser-baseline-stats.json'
       - '!packages/starter-*/e18e-stats.json'
 
 jobs:
@@ -91,6 +92,15 @@ jobs:
             (cd packages/$PKG && npx @e18e/cli@0.5.0 analyze --json > e18e-stats.json || true)
           done
 
+          echo ""
+          echo "=== Running browser baseline scans ==="
+          FRAMEWORKS=$(cat .github/frameworks.json)
+          echo "$FRAMEWORKS" | jq -c '.[] | select(.starter) | select(.starter.measurements | map(.type) | contains(["browserBaseline"]))' | while read -r framework; do
+            PKG=$(echo "$framework" | jq -r '.starter.package')
+            echo "Scanning browser baseline requirements for $PKG..."
+            pnpm --filter @framework-tracker/stats-generator run:browser-baseline $PKG
+          done
+
           echo ""
           echo "=== Running client-side rendered benchmarks ==="
           FRAMEWORKS=$(cat .github/frameworks.json)

packages/docs/src/components/BrowserBaselineTable.astro

@@ -0,0 +1,33 @@
+---
+import { browserBaselineTableData } from '../lib/collections'
+import { getFrameworkSlug } from '../lib/utils'
+import StatsTable from './StatsTable.astro'
+
+interface Props {
+  packageName?: string
+  label?: string
+}
+
+const { packageName, label = 'Browser baseline by framework' } = Astro.props
+
+const data =
+  packageName == null
+    ? browserBaselineTableData
+    : browserBaselineTableData.filter((row) => row.package === packageName)
+
+const columns = [
+  {
+    key: 'name',
+    header: 'Framework',
+    nameCell: true,
+    href: (row: Record<string, unknown>) =>
+      `/framework/${getFrameworkSlug(row.package as string)}`,
+  },
+  { key: 'status', header: 'Baseline' },
+  { key: 'feature', header: 'Feature' },
+  { key: 'year', header: 'Year' },
+  { key: 'features', header: 'Features' },
+]
+---
+
+<StatsTable label={label} columns={columns} data={data} />

packages/docs/src/content.config.ts

@@ -37,6 +37,19 @@ const devtimeCollection = defineCollection({
       .optional(),
     vendoredCoreJsSize: z.number().optional(),
     vendoredCoreJsUnnecessaryModules: z.array(z.string()).optional(),
+    browserBaselineTests: z
+      .object({
+        baselineStatus: z.union([
+          z.literal('high'),
+          z.literal('low'),
+          z.literal(false),
+          z.null(),
+        ]),
+        baselineYear: z.number().nullable(),
+        baselineReason: z.string().nullable(),
+        baselineFeatureCount: z.number(),
+      })
+      .optional(),
     timingMeasuredAt: z.string(),
     runner: z.string(),
     frameworkVersion: z.string().optional(),

packages/docs/src/content/devtime/starter-astro.json

@@ -123,5 +123,11 @@
     }
   ],
   "vendoredCoreJsSize": 0,
-  "vendoredCoreJsUnnecessaryModules": []
+  "vendoredCoreJsUnnecessaryModules": [],
+  "browserBaselineTests": {
+    "baselineStatus": null,
+    "baselineYear": null,
+    "baselineReason": null,
+    "baselineFeatureCount": 0
+  }
 }

packages/docs/src/content/devtime/starter-mastro.json

@@ -31,5 +31,11 @@
   "depInstallSize": 28724892,
   "e18eMessages": [],
   "vendoredCoreJsSize": 0,
-  "vendoredCoreJsUnnecessaryModules": []
+  "vendoredCoreJsUnnecessaryModules": [],
+  "browserBaselineTests": {
+    "baselineStatus": null,
+    "baselineYear": null,
+    "baselineReason": null,
+    "baselineFeatureCount": 0
+  }
 }

packages/docs/src/content/devtime/starter-next-js.json

@@ -406,5 +406,11 @@
     "web.url-search-params.delete",
     "web.url-search-params.has",
     "web.url-search-params.size"
-  ]
+  ],
+  "browserBaselineTests": {
+    "baselineStatus": "high",
+    "baselineYear": 2022,
+    "baselineReason": null,
+    "baselineFeatureCount": 46
+  }
 }

packages/docs/src/content/devtime/starter-nuxt.json

@@ -353,5 +353,11 @@
     }
   ],
   "vendoredCoreJsSize": 0,
-  "vendoredCoreJsUnnecessaryModules": []
+  "vendoredCoreJsUnnecessaryModules": [],
+  "browserBaselineTests": {
+    "baselineStatus": false,
+    "baselineYear": null,
+    "baselineReason": "temporal",
+    "baselineFeatureCount": 40
+  }
 }

packages/docs/src/content/devtime/starter-react-router.json

@@ -83,5 +83,11 @@
     }
   ],
   "vendoredCoreJsSize": 0,
-  "vendoredCoreJsUnnecessaryModules": []
+  "vendoredCoreJsUnnecessaryModules": [],
+  "browserBaselineTests": {
+    "baselineStatus": "high",
+    "baselineYear": 2022,
+    "baselineReason": null,
+    "baselineFeatureCount": 40
+  }
 }

packages/docs/src/content/devtime/starter-solid-start.json

@@ -433,5 +433,11 @@
     }
   ],
   "vendoredCoreJsSize": 0,
-  "vendoredCoreJsUnnecessaryModules": []
+  "vendoredCoreJsUnnecessaryModules": [],
+  "browserBaselineTests": {
+    "baselineStatus": "high",
+    "baselineYear": 2020,
+    "baselineReason": null,
+    "baselineFeatureCount": 29
+  }
 }

packages/docs/src/content/devtime/starter-sveltekit.json

@@ -43,5 +43,11 @@
     }
   ],
   "vendoredCoreJsSize": 0,
-  "vendoredCoreJsUnnecessaryModules": []
+  "vendoredCoreJsUnnecessaryModules": [],
+  "browserBaselineTests": {
+    "baselineStatus": "high",
+    "baselineYear": 2020,
+    "baselineReason": null,
+    "baselineFeatureCount": 40
+  }
 }

packages/docs/src/content/devtime/starter-tanstack-start-react.json

@@ -108,5 +108,11 @@
     }
   ],
   "vendoredCoreJsSize": 0,
-  "vendoredCoreJsUnnecessaryModules": []
+  "vendoredCoreJsUnnecessaryModules": [],
+  "browserBaselineTests": {
+    "baselineStatus": "high",
+    "baselineYear": 2022,
+    "baselineReason": null,
+    "baselineFeatureCount": 45
+  }
 }

packages/docs/src/lib/collections.ts

@@ -293,3 +293,45 @@ export const coreJsTableData = starterStats.map((f) => {
       : '—',
   }
 })
+
+function formatBaselineStatus(
+  status: 'high' | 'low' | false | null | undefined,
+  featureCount: number | undefined,
+) {
+  if (featureCount === 0) return '—'
+  if (status === 'high') return 'High'
+  if (status === 'low') return 'Low'
+  if (status === false) return 'Limited'
+  return '—'
+}
+
+function formatBaselineReason(
+  reason: string | string[] | null | undefined,
+): string {
+  if (Array.isArray(reason)) return reason.length > 0 ? reason.join(', ') : '—'
+  return reason ?? '—'
+}
+
+export const browserBaselineTableData = starterStats.map((f) => {
+  const baseline = f.browserBaselineTests
+  return {
+    name: f.name,
+    package: f.package,
+    isFocused: f.isFocused,
+    status: formatBaselineStatus(
+      baseline?.baselineStatus,
+      baseline?.baselineFeatureCount,
+    ),
+    feature: formatBaselineReason(baseline?.baselineReason),
+    year:
+      baseline?.baselineFeatureCount === 0
+        ? '—'
+        : baseline?.baselineYear != null
+          ? String(baseline.baselineYear)
+          : '—',
+    features:
+      baseline?.baselineFeatureCount != null
+        ? baseline.baselineFeatureCount.toLocaleString()
+        : '—',
+  }
+})

packages/docs/src/pages/dev-time.astro

@@ -1,5 +1,6 @@
 ---
 import BuildInstallStatsTable from '../components/BuildInstallStatsTable.astro'
+import BrowserBaselineTable from '../components/BrowserBaselineTable.astro'
 import BuildSizeCharts from '../components/BuildSizeCharts.astro'
 import CoreJsTable from '../components/CoreJsTable.astro'
 import DependencyCharts from '../components/DependencyCharts.astro'
@@ -38,4 +39,7 @@ import Layout from '../layouts/Layout.astro'
     label="Core-JS Polyfills"
   />
   <CoreJsTable />
+  <h2 id="browser-baseline">Browser Baseline</h2>
+  <DetailsLink href="/methodology#browser-baseline" label="Browser Baseline" />
+  <BrowserBaselineTable />
 </Layout>

packages/docs/src/pages/framework/[slug].astro

@@ -1,6 +1,7 @@
 ---
 import { getCollection } from 'astro:content'
 import BackLink from '../../components/BackLink.astro'
+import BrowserBaselineTable from '../../components/BrowserBaselineTable.astro'
 import DevTimeChart from '../../components/DevTimeChart.astro'
 import PageHeader from '../../components/PageHeader.astro'
 import DetailsLink from '../../components/DetailsLink.astro'
@@ -271,6 +272,12 @@ const serverSideRenderedData = runtime?.serverSideRenderedTests
     href="/methodology#build-and-install-times"
     label="Build and Install Times"
   />
+  <h2>Browser Baseline</h2>
+  <BrowserBaselineTable
+    packageName={devtime.package}
+    label={`${devtime.name} browser baseline`}
+  />
+  <DetailsLink href="/methodology#browser-baseline" label="Browser Baseline" />
 
   {
     coreJsModules.length > 0 && (