[dynamicIO] cache tracking for bundler globals

[lubieowoce]

adds a transform that wraps calls to bundler globals like __turbopack_load__ in a cache signal

[lubieowoce]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• [dynamicIO] cache tracking for bundler globals #75397 👈 (View in Graphite)
• [dynamicIO] flush out top-level-await in segments before prospective render #78667
• [dynamicIO] cache tracking for import() #74152 : 1 other dependent PR (#78512 )
• canary

This stack of pull requests is managed by Graphite. Learn more about stacking.

[ijjk]

Failing test suites

Commit: d9fe969

pnpm test-start test/e2e/app-dir/dynamic-io-dynamic-imports/dynamic-io-dynamic-imports.test.ts

• async imports in dynamicIO > does not cause any routes to become (partially) dynamic

Expand output

● async imports in dynamicIO › does not cause any routes to become (partially) dynamic

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `async imports in dynamicIO does not cause any routes to become (partially) dynamic 1`

- Snapshot  - 0
+ Received  + 1

@@ -10,8 +10,9 @@
    "/inside-render/server/sync-module",
    "/outside-of-render/client/async-module",
    "/outside-of-render/client/sync-module",
    "/outside-of-render/server/async-module",
    "/outside-of-render/server/sync-module",
+   "/top-level-await-in-segment",
    "/top-level-await-in-segment/client",
    "/top-level-await-in-segment/server",
  ]

  40 |       }
  41 |
> 42 |       expect(prerenderedRoutes).toMatchInlineSnapshot(`
     |                                 ^
  43 |        [
  44 |          "/inside-render/client/async-module",
  45 |          "/inside-render/client/sync-module",

  at Object.toMatchInlineSnapshot (e2e/app-dir/dynamic-io-dynamic-imports/dynamic-io-dynamic-imports.test.ts:42:33)

Read more about building and testing Next.js in contributing.md.

pnpm test-dev-turbo test/e2e/app-dir/actions/app-action-node-middleware.test.ts (turbopack)

• app-dir action handling > should forward action request to a worker that contains the action handler (node)
• app-dir action handling > should forward action request to a worker that contains the action handler (edge)

Expand output

● app-dir action handling › should forward action request to a worker that contains the action handler (node)

page.waitForSelector: Timeout 10000ms exceeded.
Call log:
  - waiting for locator('#other-page')

  454 |   waitForElementByCss(selector: string, timeout = 10_000) {
  455 |     return this.startChain(async () => {
> 456 |       const el = await page.waitForSelector(selector, {
      |                             ^
  457 |         timeout,
  458 |         state: 'attached',
  459 |       })

  at waitForSelector (lib/browsers/playwright.ts:456:29)
  at e2e/app-dir/actions/app-action.test.ts:897:7
  at Proxy._chain (lib/browsers/playwright.ts:568:23)
  at Proxy._chain (lib/browsers/playwright.ts:549:17)
  at Proxy.startChain (lib/browsers/playwright.ts:455:17)
  at waitForElementByCss (e2e/app-dir/actions/app-action.test.ts:900:10)

● app-dir action handling › should forward action request to a worker that contains the action handler (edge)

page.waitForSelector: Timeout 10000ms exceeded.
Call log:
  - waiting for locator('#other-page')

  454 |   waitForElementByCss(selector: string, timeout = 10_000) {
  455 |     return this.startChain(async () => {
> 456 |       const el = await page.waitForSelector(selector, {
      |                             ^
  457 |         timeout,
  458 |         state: 'attached',
  459 |       })

  at waitForSelector (lib/browsers/playwright.ts:456:29)
  at e2e/app-dir/actions/app-action.test.ts:897:7
  at Proxy._chain (lib/browsers/playwright.ts:568:23)
  at Proxy._chain (lib/browsers/playwright.ts:549:17)
  at Proxy.startChain (lib/browsers/playwright.ts:455:17)
  at waitForElementByCss (e2e/app-dir/actions/app-action.test.ts:900:10)

Read more about building and testing Next.js in contributing.md.

pnpm test-start-turbo test/e2e/app-dir/segment-cache/client-only-opt-in/client-only-opt-in.test.ts (turbopack)

• segment cache prefetch scheduling > prefetches a dynamic page (without PPR enabled)

Expand output

● segment cache prefetch scheduling › prefetches a dynamic page (without PPR enabled)

thrown: "Exceeded timeout of 120000 ms for a test.
Add a timeout value to this test to increase the timeout, if this is a long-running test. See https://jestjs.io/docs/api#testname-fn-timeout."

  89 |   })
  90 |
> 91 |   it('prefetches a dynamic page (without PPR enabled)', async () => {
     |   ^
  92 |     let act: ReturnType<typeof createRouterAct>
  93 |     const browser = await next.browser('/', {
  94 |       beforePageLoad(p: Playwright.Page) {

  at it (e2e/app-dir/segment-cache/client-only-opt-in/client-only-opt-in.test.ts:91:3)
  at Object.describe (e2e/app-dir/segment-cache/client-only-opt-in/client-only-opt-in.test.ts:5:1)

Read more about building and testing Next.js in contributing.md.

pnpm test-dev test/e2e/persistent-caching/persistent-caching.test.ts

• persistent-caching > should persistent cache loaders

Expand output

● persistent-caching › should persistent cache loaders

expect(received).toBe(expected) // Object.is equality

Expected: "Timestamp = 1746566531596"
Received: "Timestamp = 1746566552579"

  69 |       const browser = await next.browser('/pages')
  70 |       // TODO Persistent Caching for webpack dev server is broken
> 71 |       expect(await browser.elementByCss('main').text()).toBe(pagesTimestamp)
     |                                                         ^
  72 |       await browser.close()
  73 |     }
  74 |   })

  at Object.toBe (e2e/persistent-caching/persistent-caching.test.ts:71:57)

Read more about building and testing Next.js in contributing.md.