fix(browser): fix transform error before browser server initialization

[hi-ogawa]

Description

Fixes https://discord.com/channels/917386801235247114/1356658374317445311
Fixes #7784

The following code (introduced in #7605) fails when transform is called before full server initialization (e.g. configureServer(server) { server.ssrLoadModule } like sveltekit https://github.com/sveltejs/kit/blob/f4ce1856ad9ea446c424bd818b25ae89e34a0692/packages/kit/src/exports/vite/dev/index.js#L400).

const browser = await createBrowserServer({
  ...
  filter() {
    // Cannot access 'browser' before initialization
    id.includes(browser.vite.config.cacheDir))
  }
})

I changed this to obtain cacheDir through a separate configResolved hook, which should be guaranteed to be defined earlier.

Please don't delete this checklist! Before submitting the PR, please make sure you do the following:

• It's really useful if your PR references an issue where it is discussed ahead of time. If the feature is substantial or introduces breaking changes without a discussion, PR might be closed.
• Ideally, include a test that fails without this PR but passes with it.
• Please, don't make changes to pnpm-lock.yaml unless you introduce a new test example.

Tests

• Run the tests with pnpm test:ci.

Documentation

• If you introduce new functionality, document it. You can run documentation with pnpm run docs command.

Changesets

• Changes in changelog are generated from PR name. Please, make sure that it explains your changes in an understandable manner. Please, prefix changeset messages with feat:, fix:, perf:, docs:, or chore:.

[netlify]

✅ Deploy Preview for vitest-dev ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	be731c1
🔍 Latest deploy log	https://app.netlify.com/sites/vitest-dev/deploys/67ec95758957740008415261
😎 Deploy Preview	https://deploy-preview-7783--vitest-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[pkg-pr-new]

@vitest/browser

npm i https://pkg.pr.new/@vitest/browser@7783

@vitest/coverage-istanbul

npm i https://pkg.pr.new/@vitest/coverage-istanbul@7783

@vitest/coverage-v8

npm i https://pkg.pr.new/@vitest/coverage-v8@7783

@vitest/expect

npm i https://pkg.pr.new/@vitest/expect@7783

@vitest/mocker

npm i https://pkg.pr.new/@vitest/mocker@7783

@vitest/pretty-format

npm i https://pkg.pr.new/@vitest/pretty-format@7783

@vitest/runner

npm i https://pkg.pr.new/@vitest/runner@7783

@vitest/snapshot

npm i https://pkg.pr.new/@vitest/snapshot@7783

@vitest/spy

npm i https://pkg.pr.new/@vitest/spy@7783

@vitest/ui

npm i https://pkg.pr.new/@vitest/ui@7783

@vitest/utils

npm i https://pkg.pr.new/@vitest/utils@7783

vite-node

npm i https://pkg.pr.new/vite-node@7783

vitest

npm i https://pkg.pr.new/vitest@7783

@vitest/web-worker

npm i https://pkg.pr.new/@vitest/web-worker@7783

@vitest/ws-client

npm i https://pkg.pr.new/@vitest/ws-client@7783

commit: 296ce0c

[JReinhold]

I have confirmed with the pkg.pr.new releases that it fixes the situation in Storybook. 🎉