Update plugin-rsc to use plugin hook filters internally

- Revert changes to plugin-react and plugin-react-swc (per review feedback)
- Add @rolldown/pluginutils dependency to plugin-rsc
- Add hook filters to transform hooks: rsc:vite-client-raw-import, rsc:inject-async-local-storage, rsc:rsc-css-self-accept
- Add hook filters to resolveId hook: rsc:react-server-dom-webpack-alias
- Add hook filters to load hooks: virtual modules for assets-manifest and client-references
- Remove redundant conditional checks where hook filters now handle the filtering

Co-authored-by: hi-ogawa <[email protected]>

Author: Copilot

packages/plugin-react-swc/src/index.ts

@@ -169,69 +169,34 @@ const react = (_options?: Options): Plugin[] => {
           ]
         }
       },
-      transform: options.parserConfig
-        ? // When custom parserConfig is provided, we can't add a filter
-          // because the user controls which files are handled
-          async (code, _id, transformOptions) => {
-            const id = _id.split('?')[0]
-            const refresh = !transformOptions?.ssr && !hmrDisabled
+      async transform(code, _id, transformOptions) {
+        const id = _id.split('?')[0]
+        const refresh = !transformOptions?.ssr && !hmrDisabled
 
-            const result = await transformWithOptions(
-              id,
-              code,
-              options.devTarget,
-              options,
-              viteCacheRoot,
-              {
-                refresh,
-                development: true,
-                runtime: 'automatic',
-                importSource: options.jsxImportSource,
-              },
-            )
-            if (!result) return
-            if (!refresh) return result
-
-            const newCode = addRefreshWrapper(
-              result.code,
-              '@vitejs/plugin-react-swc',
-              id,
-              options.reactRefreshHost,
-            )
-            return { code: newCode ?? result.code, map: result.map }
-          }
-        : {
-            // Add filter for default extensions: .tsx, .ts, .mts, .jsx, .mdx
-            filter: { id: /\.(tsx|ts|mts|jsx|mdx)(?:$|\?)/ },
-            async handler(code, _id, transformOptions) {
-              const id = _id.split('?')[0]
-              const refresh = !transformOptions?.ssr && !hmrDisabled
-
-              const result = await transformWithOptions(
-                id,
-                code,
-                options.devTarget,
-                options,
-                viteCacheRoot,
-                {
-                  refresh,
-                  development: true,
-                  runtime: 'automatic',
-                  importSource: options.jsxImportSource,
-                },
-              )
-              if (!result) return
-              if (!refresh) return result
-
-              const newCode = addRefreshWrapper(
-                result.code,
-                '@vitejs/plugin-react-swc',
-                id,
-                options.reactRefreshHost,
-              )
-              return { code: newCode ?? result.code, map: result.map }
-            },
+        const result = await transformWithOptions(
+          id,
+          code,
+          options.devTarget,
+          options,
+          viteCacheRoot,
+          {
+            refresh,
+            development: true,
+            runtime: 'automatic',
+            importSource: options.jsxImportSource,
           },
+        )
+        if (!result) return
+        if (!refresh) return result
+
+        const newCode = addRefreshWrapper(
+          result.code,
+          '@vitejs/plugin-react-swc',
+          id,
+          options.reactRefreshHost,
+        )
+        return { code: newCode ?? result.code, map: result.map }
+      },
     },
     options.plugins || options.useAtYourOwnRisk_mutateSwcOptions
       ? {
@@ -244,37 +209,18 @@ const react = (_options?: Options): Plugin[] => {
           configResolved(config) {
             viteCacheRoot = config.cacheDir
           },
-          transform: options.parserConfig
-            ? // When custom parserConfig is provided, we can't add a filter
-              // because the user controls which files are handled
-              (code, _id) =>
-                transformWithOptions(
-                  _id.split('?')[0],
-                  code,
-                  'esnext',
-                  options,
-                  viteCacheRoot,
-                  {
-                    runtime: 'automatic',
-                    importSource: options.jsxImportSource,
-                  },
-                )
-            : {
-                // Add filter for default extensions: .tsx, .ts, .mts, .jsx, .mdx
-                filter: { id: /\.(tsx|ts|mts|jsx|mdx)(?:$|\?)/ },
-                handler: (code, _id) =>
-                  transformWithOptions(
-                    _id.split('?')[0],
-                    code,
-                    'esnext',
-                    options,
-                    viteCacheRoot,
-                    {
-                      runtime: 'automatic',
-                      importSource: options.jsxImportSource,
-                    },
-                  ),
+          transform: (code, _id) =>
+            transformWithOptions(
+              _id.split('?')[0],
+              code,
+              'esnext',
+              options,
+              viteCacheRoot,
+              {
+                runtime: 'automatic',
+                importSource: options.jsxImportSource,
               },
+            ),
         }
       : {
           name: 'vite:react-swc',

packages/plugin-react/src/index.ts

@@ -3,6 +3,7 @@ import { fileURLToPath } from 'node:url'
 import { readFileSync } from 'node:fs'
 import type * as babelCore from '@babel/core'
 import type { ParserOptions, TransformOptions } from '@babel/core'
+import { createFilter } from 'vite'
 import * as vite from 'vite'
 import type { Plugin, ResolvedConfig } from 'vite'
 import {
@@ -106,6 +107,7 @@ const compilerAnnotationRE = /['"]use memo['"]/
 export default function viteReact(opts: Options = {}): Plugin[] {
   const include = opts.include ?? defaultIncludeRE
   const exclude = opts.exclude ?? defaultExcludeRE
+  const filter = createFilter(include, exclude)
 
   const jsxImportSource = opts.jsxImportSource ?? 'react'
   const jsxImportRuntime = `${jsxImportSource}/jsx-runtime`
@@ -245,6 +247,7 @@ export default function viteReact(opts: Options = {}): Plugin[] {
       },
       async handler(code, id, options) {
         const [filepath] = id.split('?')
+        if (!filter(filepath)) return
 
         const ssr = options?.ssr === true
         const babelOptions = (() => {

packages/plugin-rsc/package.json

@@ -40,6 +40,7 @@
   },
   "dependencies": {
     "@remix-run/node-fetch-server": "^0.11.0",
+    "@rolldown/pluginutils": "1.0.0-beta.45",
     "es-module-lexer": "^1.7.0",
     "estree-walker": "^3.0.3",
     "magic-string": "^0.30.21",