getsentry · HazAT · May 12, 2026 · May 12, 2026 · May 12, 2026 · May 12, 2026
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -502,6 +502,8 @@ jobs:
           node-version-file: 'package.json'
       - name: Set up Bun
         uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: '1.3.14'
       - name: Restore caches
         uses: ./.github/actions/restore-cache
         with:
@@ -884,6 +886,8 @@ jobs:
           node-version-file: 'package.json'
       - name: Set up Bun
         uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: '1.3.14'
       - name: Restore caches
         uses: ./.github/actions/restore-cache
         with:
@@ -925,9 +929,8 @@ jobs:
       - name: Run integration tests
         env:
           NODE_VERSION: ${{ matrix.node }}
-        run: |
-          cd packages/remix
-          yarn test:integration:ci
+        working-directory: packages/remix
+        run: yarn test:integration
 
   job_build_tarballs:
     name: Build tarballs
@@ -1012,6 +1015,8 @@ jobs:
           contains(fromJSON('["node-exports-test-app","nextjs-16-bun", "elysia-bun", "hono-4"]'),
           matrix.test-application)
         uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: '1.3.14'
       - name: Set up AWS SAM
         if: matrix.test-application == 'aws-serverless' || matrix.test-application == 'aws-serverless-layer'
         uses: aws-actions/setup-sam@v2

diff --git a/.github/workflows/lighthouse.yml b/.github/workflows/lighthouse.yml
@@ -0,0 +1,33 @@
+name: 'Nightly: Lighthouse'
+
+# Nightly: builds the Lighthouse fixture app and uploads bundles to the
+# lighthouse.sentry.gg lab. Never blocks merges.
+
+on:
+  schedule:
+    - cron: '0 0 * * *'
+  workflow_dispatch:
+
+jobs:
+  build-and-upload:
+    name: Bundle and upload Lighthouse cells
+    runs-on: ubuntu-24.04
+    timeout-minutes: 30
+    env:
+      LIGHTHOUSE_LAB_URL: ${{ secrets.LIGHTHOUSE_LAB_URL }}
+      LIGHTHOUSE_UPLOAD_TOKEN: ${{ secrets.LIGHTHOUSE_UPLOAD_TOKEN }}
+      VITE_E2E_TEST_DSN: 'https://username@domain/123'
+    steps:
+      - uses: actions/checkout@v6
+      - uses: pnpm/action-setup@fc06bc1257f339d1d5d8b3a19a8cae5388b55320 # v5.0.0
+        with:
+          version: 9.15.9
+      - uses: actions/setup-node@v6
+        with:
+          node-version-file: 'package.json'
+      - run: yarn install --frozen-lockfile --ignore-engines
+      - run: yarn build:ci
+      - run: yarn build:tarball
+      - run: yarn test:prepare
+        working-directory: dev-packages/e2e-tests
+      - run: node scripts/lighthouse-bundle-and-upload.mjs
diff --git a/dev-packages/e2e-tests/test-applications/lighthouse-react/index.html b/dev-packages/e2e-tests/test-applications/lighthouse-react/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/logo.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Lighthouse Fixture</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/dev-packages/e2e-tests/test-applications/lighthouse-react/package.json b/dev-packages/e2e-tests/test-applications/lighthouse-react/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "lighthouse-react-test-app",
+  "private": true,
+  "type": "module",
+  "sentryTest": {
+    "skip": true
+  },
+  "scripts": {
+    "build": "vite build",
+    "build:no-sentry": "vite build --mode no-sentry",
+    "build:init-only": "vite build --mode init-only",
+    "build:tracing-replay": "vite build --mode tracing-replay",
+    "preview": "vite preview",
+    "clean": "npx rimraf node_modules pnpm-lock.yaml dist",
+    "test:build": "pnpm install && pnpm build"
+  },
+  "dependencies": {
+    "@sentry/react": "file:../../packed/sentry-react-packed.tgz",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react-swc": "^3.7.0",
+    "typescript": "~5.4.0",
+    "vite": "^5.4.0"
+  },
-  },
+  },
+  "sentryTest": {
+    "skip": true
+  },
-  },
+  },
+  "sentryTest": {
+    "skip": true
+  },
+  "volta": {
+    "extends": "../../package.json"
+  }
+}
diff --git a/dev-packages/e2e-tests/test-applications/lighthouse-react/public/logo.svg b/dev-packages/e2e-tests/test-applications/lighthouse-react/public/logo.svg
diff --git a/dev-packages/e2e-tests/test-applications/lighthouse-react/src/App.tsx b/dev-packages/e2e-tests/test-applications/lighthouse-react/src/App.tsx
@@ -0,0 +1,60 @@
+import { useEffect, useState } from 'react';
+
+const CARDS = [
+  { title: 'Performance', body: 'Measure and optimize your app render times and interaction latency.' },
+  { title: 'Accessibility', body: 'Ensure your interface is usable by everyone, including assistive technologies.' },
+  { title: 'Best Practices', body: 'Follow modern web development patterns for secure and maintainable code.' },
+  { title: 'SEO', body: 'Optimize discoverability with semantic markup and structured metadata.' },
+  { title: 'PWA', body: 'Add offline support and installability via service workers and manifests.' },
+  { title: 'Security', body: 'Protect users with CSP headers, HTTPS, and input validation.' },
+];
+
+export default function App() {
+  const [count, setCount] = useState(0);
+
+  useEffect(() => {
+    document.title = `Lighthouse Fixture (${count})`;
+  }, [count]);
+
+  return (
+    <main>
+      <header>
+        <nav>
+          <a href="/">Home</a>
+          <a href="/docs">Docs</a>
+          <a href="/about">About</a>
+        </nav>
+      </header>
+
+      <section className="hero">
+        <img src="/logo.svg" alt="Lighthouse logo" width={120} height={120} />
+        <h1>Lighthouse Fixture</h1>
+        <p>
+          This app exists to measure JavaScript bundle size and runtime cost across three Sentry instrumentation
+          configurations. Each build mode ships a different level of SDK integration.
+        </p>
+      </section>
+
+      <section className="cards">
+        {CARDS.map(card => (
+          <article key={card.title} className="card">
+            <h2>{card.title}</h2>
+            <p>{card.body}</p>
+          </article>
+        ))}
+      </section>
+
+      <form
+        onSubmit={e => {
+          e.preventDefault();
+          setCount(c => c + 1);
+        }}
+      >
+        <input type="text" name="name" placeholder="Name" aria-label="Name" />
+        <input type="email" name="email" placeholder="Email" aria-label="Email" />
+        <input type="text" name="message" placeholder="Message" aria-label="Message" />
+        <button type="submit">Submit ({count})</button>
+      </form>
+    </main>
+  );
+}
diff --git a/dev-packages/e2e-tests/test-applications/lighthouse-react/src/main.tsx b/dev-packages/e2e-tests/test-applications/lighthouse-react/src/main.tsx
@@ -0,0 +1,20 @@
+import { createRoot } from 'react-dom/client';
+import App from './App';
+
+async function bootstrap() {
+  const mode = import.meta.env.MODE;
+  if (mode === 'init-only') {
+    const { initSentry } = await import('./sentry/init-only');
+    initSentry();
+  } else if (mode === 'tracing-replay') {
+    const { initSentry } = await import('./sentry/tracing-replay');
+    initSentry();
+  }
+  // 'no-sentry' mode: do not import any sentry module — the dynamic-import
+  // branches above are unreachable and Vite drops them from the bundle.
+
+  const root = createRoot(document.getElementById('root')!);
+  root.render(<App />);
+}
+
+void bootstrap();
diff --git a/dev-packages/e2e-tests/test-applications/lighthouse-react/src/sentry/init-only.ts b/dev-packages/e2e-tests/test-applications/lighthouse-react/src/sentry/init-only.ts
@@ -0,0 +1,7 @@
+import * as Sentry from '@sentry/react';
+
+export function initSentry(): void {
+  // enabled: false makes the SDK a guaranteed no-op (no transport allocation,
+  // no DSN warning). We're measuring pure SDK-loading + tree-shaking cost.
+  Sentry.init({ enabled: false });
+}
diff --git a/dev-packages/e2e-tests/test-applications/lighthouse-react/src/sentry/no-sentry.ts b/dev-packages/e2e-tests/test-applications/lighthouse-react/src/sentry/no-sentry.ts
@@ -0,0 +1,3 @@
+export function initSentry(): void {
+  // no-op: this mode intentionally excludes all Sentry imports
+}
diff --git a/dev-packages/e2e-tests/test-applications/lighthouse-react/src/sentry/tracing-replay.ts b/dev-packages/e2e-tests/test-applications/lighthouse-react/src/sentry/tracing-replay.ts
@@ -0,0 +1,13 @@
+import * as Sentry from '@sentry/react';
+
+export function initSentry(): void {
+  Sentry.init({
+    dsn: import.meta.env.VITE_E2E_TEST_DSN as string | undefined,
+    release: 'lighthouse-fixture',
+    environment: 'qa',
+    integrations: [Sentry.browserTracingIntegration(), Sentry.replayIntegration()],
+    tracesSampleRate: 1.0,
+    replaysSessionSampleRate: 1.0,
+    replaysOnErrorSampleRate: 1.0,
+  });
+}
diff --git a/dev-packages/e2e-tests/test-applications/lighthouse-react/tsconfig.json b/dev-packages/e2e-tests/test-applications/lighthouse-react/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/dev-packages/e2e-tests/test-applications/lighthouse-react/tsconfig.node.json b/dev-packages/e2e-tests/test-applications/lighthouse-react/tsconfig.node.json
@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/dev-packages/e2e-tests/test-applications/lighthouse-react/vite.config.ts b/dev-packages/e2e-tests/test-applications/lighthouse-react/vite.config.ts
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react-swc';
+
+export default defineConfig({
+  plugins: [react()],
+});