feat: support web preview in rspeedy dev

.changeset/twenty-places-pump.md

@@ -0,0 +1,7 @@
+---
+"@lynx-js/rspeedy": patch
+---
+
+feat: support web preview in rspeedy dev
+
+- support web preview in rspeedy dev (experimental)

packages/rspeedy/core/package.json

@@ -56,6 +56,7 @@
   "dependencies": {
     "@lynx-js/cache-events-webpack-plugin": "workspace:^",
     "@lynx-js/chunk-loading-webpack-plugin": "workspace:^",
+    "@lynx-js/web-rsbuild-server-middleware": "workspace:*",
     "@lynx-js/webpack-dev-transport": "workspace:^",
     "@lynx-js/websocket": "workspace:^",
     "@rsbuild/core": "catalog:rsbuild",

packages/rspeedy/core/src/plugins/dev.plugin.ts

@@ -74,6 +74,18 @@ export function pluginDev(
 
       debug(`dev.assetPrefix is normalized to ${assetPrefix}`)
 
+      api.onBeforeStartDevServer(async ({ environments, server }) => {
+        if (environments['web']) {
+          const { createWebVirtualFilesMiddleware } = await import(
+            '@lynx-js/web-rsbuild-server-middleware'
+          )
+          // Add the web preview middleware
+          server.middlewares.use(
+            createWebVirtualFilesMiddleware('/__web_preview'),
+          )
+        }
+      })
+
       api.modifyRsbuildConfig((config, { mergeRsbuildConfig }) => {
         return mergeRsbuildConfig(config, {
           dev: {

packages/rspeedy/core/test/plugins/dev.plugin.test.ts

@@ -650,4 +650,22 @@ describe('Plugins - Dev', () => {
     expect(hostname).toBe('example.com')
     expect(pathname).toBe('/dist/')
   })
+
+  test('environment.web to have middleware installed', async () => {
+    const rsbuild = await createStubRspeedy({
+      source: {
+        entry: path.resolve(__dirname, './fixtures/hello-world/index.js'),
+      },
+      environments: {
+        web: {},
+        lynx: {},
+      },
+    })
+    const middleware = await import('@lynx-js/web-rsbuild-server-middleware')
+    vi.spyOn(middleware, 'createWebVirtualFilesMiddleware')
+
+    await using server = await rsbuild.usingDevServer()
+    await server.waitDevCompileDone()
+    expect(vi.mocked(middleware.createWebVirtualFilesMiddleware)).toBeCalled()
+  })
 })

packages/rspeedy/core/tsconfig.json

@@ -21,5 +21,6 @@
     { "path": "../../webpack/cache-events-webpack-plugin/tsconfig.build.json" },
     { "path": "../../webpack/chunk-loading-webpack-plugin/tsconfig.build.json" },
     { "path": "../../webpack/css-extract-webpack-plugin/tsconfig.build.json" },
+    { "path": "../../web-platform/web-rsbuild-server-middleware/tsconfig.json" },
   ],
 }