update swc and oxc plugins

Author: hi-ogawa

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

@@ -4,9 +4,9 @@ import { readFileSync } from 'node:fs'
 import type { BuildOptions, Plugin } from 'vite'
 import {
   addRefreshWrapper,
-  getPreambleCode,
   runtimePublicPath,
   silenceUseClientWarning,
+  virtualPreamblePlugin,
 } from '@vitejs/react-common'
 import { exactRegex } from '@rolldown/pluginutils'
 
@@ -143,17 +143,15 @@ export default function viteReact(opts: Options = {}): Plugin[] {
         return newCode ? { code: newCode, map: null } : undefined
       },
     },
-    transformIndexHtml(_, config) {
-      if (!skipFastRefresh)
-        return [
-          {
-            tag: 'script',
-            attrs: { type: 'module' },
-            children: getPreambleCode(config.server!.config.base),
-          },
-        ]
-    },
   }
 
-  return [viteConfig, viteConfigPost, viteRefreshRuntime, viteRefreshWrapper]
+  return [
+    viteConfig,
+    viteConfigPost,
+    viteRefreshRuntime,
+    viteRefreshWrapper,
+    virtualPreamblePlugin({
+      isEnabled: () => !skipFastRefresh,
+    }) as any, // rolldown-vite type mismatch
+  ]
 }

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

@@ -13,9 +13,9 @@ import {
 import type { Plugin } from 'vite'
 import {
   addRefreshWrapper,
-  getPreambleCode,
   runtimePublicPath,
   silenceUseClientWarning,
+  virtualPreamblePlugin,
 } from '@vitejs/react-common'
 import * as vite from 'vite'
 import { exactRegex } from '@rolldown/pluginutils'
@@ -165,17 +165,6 @@ const react = (_options?: Options): Plugin[] => {
           )
         }
       },
-      transformIndexHtml: (_, config) => {
-        if (!hmrDisabled) {
-          return [
-            {
-              tag: 'script',
-              attrs: { type: 'module' },
-              children: getPreambleCode(config.server!.config.base),
-            },
-          ]
-        }
-      },
       async transform(code, _id, transformOptions) {
         const id = _id.split('?')[0]
         const refresh = !transformOptions?.ssr && !hmrDisabled
@@ -205,6 +194,10 @@ const react = (_options?: Options): Plugin[] => {
         return { code: newCode ?? result.code, map: result.map }
       },
     },
+    virtualPreamblePlugin({
+      isEnabled: () => !hmrDisabled,
+      reactRefreshHost: options.reactRefreshHost,
+    }),
     options.plugins
       ? {
           name: 'vite:react-swc',