@cedarjs/vite 4.0.0-canary.13803 → 4.0.0

package/dist/cjs/streaming/streamHelpers.js

@@ -28,6 +28,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var streamHelpers_exports = {};
 __export(streamHelpers_exports, {
+  importModule: () => importModule,
   reactRenderToStreamResponse: () => reactRenderToStreamResponse
 });
 module.exports = __toCommonJS(streamHelpers_exports);
@@ -61,7 +62,7 @@ globalThis.__webpack_require__ ||= (id) => {
   return globalThis.__rw_module_cache__.get(id)
 };
 `;
-async function reactRenderToStreamResponse(mwRes, renderOptions, streamOptions, viteDevServer) {
+async function reactRenderToStreamResponse(mwRes, renderOptions, streamOptions) {
   const { waitForAllReady = false } = streamOptions;
   const {
     ServerEntry,
@@ -83,13 +84,13 @@ async function reactRenderToStreamResponse(mwRes, renderOptions, streamOptions,
     meta: metaTags
   });
   const rscEnabled = (0, import_project_config.getConfig)().experimental?.rsc?.enabled;
-  const { createElement } = rscEnabled ? await importModule("__cedarjs__react", !!viteDevServer) : await import("react");
+  const { createElement } = rscEnabled ? await importModule("__cedarjs__react") : await import("react");
   const {
     createInjector,
     ServerHtmlProvider,
     ServerInjectedHtml
-  } = rscEnabled ? await importModule("__cedarjs__server_inject", !!viteDevServer) : await import("@cedarjs/web/serverInject");
-  const { renderToString } = rscEnabled ? await importModule("rd-server", !!viteDevServer) : await import("react-dom/server");
+  } = rscEnabled ? await importModule("__cedarjs__server_inject") : await import("@cedarjs/web/serverInject");
+  const { renderToString } = rscEnabled ? await importModule("rd-server") : await import("react-dom/server");
   const { injectionState, injectToPage } = createInjector();
   const bufferTransform = (0, import_bufferedTransform.createBufferedTransformStream)();
   const serverInjectionTransform = (0, import_serverInjectionTransform.createServerInjectionTransform)({
@@ -104,8 +105,8 @@ async function reactRenderToStreamResponse(mwRes, renderOptions, streamOptions,
     controller.abort();
   }, 1e4);
   const timeoutTransform = (0, import_cancelTimeoutTransform.createTimeoutTransform)(timeoutHandle);
-  const { ServerAuthProvider } = rscEnabled ? await importModule("__cedarjs__server_auth_provider", !!viteDevServer) : await import("@cedarjs/auth/dist/AuthProvider/ServerAuthProvider.js");
-  const { LocationProvider } = rscEnabled ? await importModule("__cedarjs__location", !!viteDevServer) : await import("@cedarjs/router/location");
+  const { ServerAuthProvider } = rscEnabled ? await importModule("__cedarjs__server_auth_provider") : await import("@cedarjs/auth/dist/AuthProvider/ServerAuthProvider.js");
+  const { LocationProvider } = rscEnabled ? await importModule("__cedarjs__location") : await import("@cedarjs/router/location");
   const renderRoot = (url) => {
     return createElement(
       ServerAuthProvider,
@@ -137,7 +138,7 @@ async function reactRenderToStreamResponse(mwRes, renderOptions, streamOptions,
     ),
     bootstrapModules: jsBundles
   };
-  const { renderToReadableStream } = rscEnabled ? await importModule("rd-server", !!viteDevServer) : await import("react-dom/server.edge");
+  const { renderToReadableStream } = rscEnabled ? await importModule("rd-server") : await import("react-dom/server.edge");
   try {
     let didErrorOutsideShell = false;
     const renderToStreamOptions = {
@@ -196,52 +197,34 @@ function applyStreamTransforms(reactStream, transformsToApply) {
   }
   return outputStream;
 }
-async function importModule(mod, isDev) {
-  if (isDev) {
-    if (mod === "rd-server") {
-      const loadedMod = await import("react-dom/server.edge");
-      return loadedMod.default;
-    } else if (mod === "__cedarjs__react") {
-      const loadedMod = await import("react");
-      return loadedMod.default;
-    } else if (mod === "__cedarjs__location") {
-      const loadedMod = await import("@cedarjs/router/location");
-      return loadedMod;
-    } else if (mod === "__cedarjs__server_auth_provider") {
-      const loadedMod = await import("@cedarjs/auth/dist/AuthProvider/ServerAuthProvider.js");
-      return loadedMod;
-    } else if (mod === "__cedarjs__server_inject") {
-      const loadedMod = await import("@cedarjs/web/serverInject");
-      return loadedMod;
-    }
-  } else {
-    const distSsr = (0, import_project_config.getPaths)().web.distSsr;
-    const rdServerPath = (0, import_utils.makeFilePath)(import_node_path.default.join(distSsr, "rd-server.mjs"));
-    const reactPath = (0, import_utils.makeFilePath)(import_node_path.default.join(distSsr, "__cedarjs__react.mjs"));
-    const locationPath = (0, import_utils.makeFilePath)(
-      import_node_path.default.join(distSsr, "__cedarjs__location.mjs")
-    );
-    const serverAuthProviderPath = (0, import_utils.makeFilePath)(
-      import_node_path.default.join(distSsr, "__cedarjs__server_auth_provider.mjs")
-    );
-    const serverInjectPath = (0, import_utils.makeFilePath)(
-      import_node_path.default.join(distSsr, "__cedarjs__server_inject.mjs")
-    );
-    if (mod === "rd-server") {
-      return (await import(rdServerPath)).default;
-    } else if (mod === "__cedarjs__react") {
-      return (await import(reactPath)).default;
-    } else if (mod === "__cedarjs__location") {
-      return await import(locationPath);
-    } else if (mod === "__cedarjs__server_auth_provider") {
-      return await import(serverAuthProviderPath);
-    } else if (mod === "__cedarjs__server_inject") {
-      return await import(serverInjectPath);
-    }
+async function importModule(mod) {
+  const distSsr = (0, import_project_config.getPaths)().web.distSsr;
+  const rdServerPath = (0, import_utils.makeFilePath)(import_node_path.default.join(distSsr, "rd-server.mjs"));
+  const reactPath = (0, import_utils.makeFilePath)(import_node_path.default.join(distSsr, "__cedarjs__react.mjs"));
+  const locationPath = (0, import_utils.makeFilePath)(
+    import_node_path.default.join(distSsr, "__cedarjs__location.mjs")
+  );
+  const ServerAuthProviderPath = (0, import_utils.makeFilePath)(
+    import_node_path.default.join(distSsr, "__cedarjs__server_auth_provider.mjs")
+  );
+  const ServerInjectPath = (0, import_utils.makeFilePath)(
+    import_node_path.default.join(distSsr, "__cedarjs__server_inject.mjs")
+  );
+  if (mod === "rd-server") {
+    return (await import(rdServerPath)).default;
+  } else if (mod === "__cedarjs__react") {
+    return (await import(reactPath)).default;
+  } else if (mod === "__cedarjs__location") {
+    return await import(locationPath);
+  } else if (mod === "__cedarjs__server_auth_provider") {
+    return await import(ServerAuthProviderPath);
+  } else if (mod === "__cedarjs__server_inject") {
+    return await import(ServerInjectPath);
   }
   throw new Error("Unknown module " + mod);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  importModule,
   reactRenderToStreamResponse
 });

package/dist/cjs/streaming/triggerRouteHooks.js

@@ -55,11 +55,11 @@ const defaultRouteHookOutput = {
 const loadAndRunRouteHooks = async ({
   paths = [],
   reqMeta,
-  viteSsrDevServer,
+  viteDevServer,
   previousOutput = defaultRouteHookOutput
 }) => {
   const loadModule = async (path) => {
-    return viteSsrDevServer ? viteSsrDevServer.ssrLoadModule(path) : import(path);
+    return viteDevServer ? viteDevServer.ssrLoadModule(path) : import(path);
   };
   let currentRouteHooks;
   let rhOutput = defaultRouteHookOutput;
@@ -79,7 +79,7 @@ const loadAndRunRouteHooks = async ({
         paths,
         reqMeta,
         previousOutput: rhOutput,
-        viteSsrDevServer
+        viteDevServer
       });
     } else {
       return rhOutput;

package/dist/devFeServer.js

@@ -1,11 +1,6 @@
-import http from "node:http";
 import { createServerAdapter } from "@whatwg-node/server";
 import express from "express";
-import {
-  createServer as createViteServer,
-  createServerModuleRunner,
-  defaultServerConditions
-} from "vite";
+import { createServer as createViteServer } from "vite";
 import { cjsInterop } from "vite-plugin-cjs-interop";
 import { getProjectRoutes } from "@cedarjs/internal/dist/routes.js";
 import { getConfig, getPaths } from "@cedarjs/project-config";
@@ -14,10 +9,6 @@ import { registerFwGlobalsAndShims } from "./lib/registerFwGlobalsAndShims.js";
 import { invoke } from "./middleware/invokeMiddleware.js";
 import { createMiddlewareRouter } from "./middleware/register.js";
 import { rscRoutesAutoLoader } from "./plugins/vite-plugin-rsc-routes-auto-loader.js";
-import { rscRoutesImports } from "./plugins/vite-plugin-rsc-routes-imports.js";
-import { rscSsrRouterImport } from "./plugins/vite-plugin-rsc-ssr-router-import.js";
-import { rscTransformUseServerPlugin } from "./plugins/vite-plugin-rsc-transform-server.js";
-import { createWebSocketServer } from "./rsc/rscWebSocketServer.js";
 import { collectCssPaths, componentsModules } from "./streaming/collectCss.js";
 import { createReactStreamingHandler } from "./streaming/createReactStreamingHandler.js";
 import {
@@ -26,13 +17,10 @@ import {
   getFullUrl
 } from "./utils.js";
 globalThis.__REDWOOD__PRERENDER_PAGES = {};
-globalThis.__cedarjs__vite_ssr_runtime = void 0;
-globalThis.__cedarjs__vite_rsc_runtime = void 0;
 async function createServer() {
   ensureProcessDirWeb();
   registerFwGlobalsAndShims();
   const app = express();
-  const server = http.createServer(app);
   const rwPaths = getPaths();
   const rscEnabled = getConfig().experimental.rsc?.enabled ?? false;
   const serverStorage = createServerStorage();
@@ -55,78 +43,8 @@ async function createServer() {
       "Vite config not found. You need to setup your project with Vite using `yarn cedar setup vite`"
     );
   }
-  const viteSsrDevServer = await createViteServer({
+  const vite = await createViteServer({
     configFile: rwPaths.web.viteConfig,
-    envFile: false,
-    define: {
-      "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV)
-    },
-    ssr: {
-      // Inline every file apart from node built-ins. We want vite/rollup to
-      // inline dependencies in the server build. This gets round runtime
-      // importing of "server-only" and other packages with poisoned imports.
-      //
-      // Files included in `noExternal` are files we want Vite to analyze
-      // As of vite 5.2 `true` here means "all except node built-ins"
-      // noExternal: true,
-      // TODO (RSC): Other frameworks build for RSC without `noExternal: true`.
-      // What are we missing here? When/why is that a better choice? I know
-      // we would have to explicitly add a bunch of packages to noExternal, if
-      // we wanted to go that route.
-      // noExternal: ['@tobbe.dev/rsc-test'],
-      // Can't inline prisma client (db calls fail at runtime) or react-dom
-      // (css pre-init failure)
-      // Server store has to be externalized, because it's a singleton (shared between FW and App)
-      external: [
-        "@prisma/client",
-        "@prisma/adapter-better-sqlite3",
-        "@prisma/fetch-engine",
-        "@prisma/internals",
-        "better-sqlite3",
-        "@cedarjs/auth-dbauth-api",
-        "@cedarjs/cookie-jar",
-        "@cedarjs/server-store",
-        "@simplewebauthn/server",
-        "graphql-scalars",
-        "minimatch",
-        "playwright",
-        "react-dom"
-      ],
-      resolve: {
-        // These conditions are used in the plugin pipeline, and only affect non-externalized
-        // dependencies during the SSR build. Which because of `noExternal: true` means all
-        // dependencies apart from node built-ins.
-        // TODO (RSC): What's the difference between `conditions` and
-        // `externalConditions`? When is one used over the other?
-        // conditions: ['react-server'],
-        // externalConditions: ['react-server'],
-      },
-      optimizeDeps: {
-        // We need Vite to optimize these dependencies so that they are resolved
-        // with the correct conditions. And so that CJS modules work correctly.
-        // include: [
-        //   'react/**/*',
-        //   'react-dom/server',
-        //   'react-dom/server.edge',
-        //   'rehackt',
-        //   'react-server-dom-webpack/server',
-        //   'react-server-dom-webpack/client',
-        //   '@apollo/client/cache/*',
-        //   '@apollo/client/utilities/*',
-        //   '@apollo/client/react/hooks/*',
-        //   'react-fast-compare',
-        //   'invariant',
-        //   'shallowequal',
-        //   'graphql/language/*',
-        //   'stacktracey',
-        //   'deepmerge',
-        //   'fast-glob',
-        // ],
-      }
-    },
-    resolve: {
-      // conditions: ['react-server'],
-    },
     plugins: [
       cjsInterop({
         dependencies: [
@@ -140,195 +58,16 @@ async function createServer() {
           "@cedarjs/auth-!(dbauth)-web"
         ]
       }),
-      rscEnabled && rscRoutesAutoLoader(),
-      rscEnabled && rscSsrRouterImport()
+      rscEnabled && rscRoutesAutoLoader()
     ],
     server: { middlewareMode: true },
     logLevel: "info",
     clearScreen: false,
     appType: "custom"
   });
-  globalThis.__cedarjs__vite_ssr_runtime = createServerModuleRunner(
-    viteSsrDevServer.environments.ssr
-  );
-  globalThis.__cedarjs__client_references = /* @__PURE__ */ new Set();
-  globalThis.__cedarjs__server_references = /* @__PURE__ */ new Set();
-  const viteRscServer = await createViteServer({
-    envFile: false,
-    define: {
-      "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV)
-    },
-    ssr: {
-      // Inline every file apart from node built-ins. We want vite/rollup to
-      // inline dependencies in the server build. This gets round runtime
-      // importing of "server-only" and other packages with poisoned imports.
-      //
-      // Files included in `noExternal` are files we want Vite to analyze
-      // As of vite 5.2 `true` here means "all except node built-ins"
-      noExternal: true,
-      // TODO (RSC): Other frameworks build for RSC without `noExternal: true`.
-      // What are we missing here? When/why is that a better choice? I know
-      // we would have to explicitly add a bunch of packages to noExternal, if
-      // we wanted to go that route.
-      // noExternal: ['@tobbe.dev/rsc-test'],
-      // Can't inline prisma client (db calls fail at runtime) or react-dom
-      // (css pre-init failure)
-      // Server store has to be externalized, because it's a singleton (shared between FW and App)
-      external: [
-        "@prisma/client",
-        "@prisma/adapter-better-sqlite3",
-        "@prisma/fetch-engine",
-        "@prisma/internals",
-        "better-sqlite3",
-        "@cedarjs/auth-dbauth-api",
-        "@cedarjs/cookie-jar",
-        "@cedarjs/server-store",
-        "@cedarjs/structure",
-        "@simplewebauthn/server",
-        "graphql-scalars",
-        "minimatch",
-        "playwright",
-        "react-dom"
-      ],
-      resolve: {
-        // These conditions are used in the plugin pipeline, and only affect non-externalized
-        // dependencies during the SSR build. Which because of `noExternal: true` means all
-        // dependencies apart from node built-ins.
-        // TODO (RSC): What's the difference between `conditions` and
-        // `externalConditions`? When is one used over the other?
-        // In Vite 6, we must include `defaultServerConditions` alongside
-        // `react-server` so that nested condition maps (e.g. the `node`
-        // sub-condition inside `react-server-dom-webpack/server`'s exports)
-        // can still be resolved. Without `node` (or another environment
-        // condition), the resolver throws "No known conditions for
-        // './server' specifier in 'react-server-dom-webpack' package".
-        conditions: ["react-server", ...defaultServerConditions],
-        externalConditions: ["react-server", ...defaultServerConditions]
-      },
-      optimizeDeps: {
-        // We need Vite to optimize these dependencies so that they are resolved
-        // with the correct conditions. And so that CJS modules work correctly.
-        include: [
-          "react/**/*",
-          "react-dom/server",
-          "react-dom/server.edge",
-          "rehackt",
-          "react-server-dom-webpack/server",
-          "react-server-dom-webpack/server.edge",
-          "react-server-dom-webpack/client",
-          "react-server-dom-webpack/client.edge",
-          "@apollo/client/cache/*",
-          "@apollo/client/utilities/*",
-          "@apollo/client/react/hooks/*",
-          "react-fast-compare",
-          "invariant",
-          "shallowequal",
-          "graphql/language/*",
-          "stacktracey",
-          "deepmerge",
-          "fast-glob",
-          "@whatwg-node/fetch",
-          "busboy",
-          "cookie"
-        ],
-        // Without excluding `util` we get "TypeError: util.TextEncoder is not
-        // a constructor" in react-server-dom-webpack.server because it'll try
-        // to use Browserify's `util` instead of Node's. And Browserify's
-        // polyfill is missing TextEncoder+TextDecoder. The reason it's using
-        // the Browserify polyfill is because we have
-        // `vite-plugin-node-polyfills` as a dependency, and that'll add
-        // Browserify's `node-util` to `node_modules`, so when Vite goes to
-        // resolve `import { TextEncoder } from 'util` it'll find the one in
-        // `node_modules` instead of Node's internal version.
-        // We only see this in dev, and not in prod. I'm not entirely sure why
-        // but I have two guesses: 1. When RSC is enabled we don't actually use
-        // `vite-plugin-node-polyfill`, so some kind of tree shaking is
-        // happening, which prevents the issue from occurring. 2. In prod we
-        // only use Node's dependency resolution. Vite is not involved. And
-        // that difference in resolution is what prevents the issue from
-        // occurring.
-        exclude: ["util"]
-      }
-    },
-    resolve: {
-      // See comment above in ssr.resolve for why we include defaultServerConditions.
-      conditions: ["react-server", ...defaultServerConditions]
-    },
-    plugins: [
-      {
-        name: "rsc-record-and-tranform-use-client-plugin",
-        transform(code, id, _options) {
-          globalThis.__cedarjs__client_references?.delete(id);
-          if (!/^(["'])use client\1/.test(code)) {
-            return void 0;
-          }
-          console.log(
-            "rsc-record-and-transform-use-client-plugin: adding client reference",
-            id
-          );
-          globalThis.__cedarjs__client_references?.add(id);
-          const fns = code.matchAll(/export function (\w+)\(/g);
-          const consts = code.matchAll(/export const (\w+) = \(/g);
-          const names = [...fns, ...consts].map(([, name]) => name);
-          const result = [
-            `import { registerClientReference } from "react-server-dom-webpack/server.edge";`,
-            "",
-            ...names.map((name) => {
-              return name === "default" ? `export default registerClientReference({}, "${id}", "${name}");` : `export const ${name} = registerClientReference({}, "${id}", "${name}");`;
-            })
-          ].join("\n");
-          console.log("rsc-record-and-transform-use-client-plugin result");
-          console.log(
-            result.split("\n").map((line, i) => `  ${i + 1}: ${line}`).join("\n")
-          );
-          return { code: result, map: null };
-        }
-      },
-      rscTransformUseServerPlugin("", {}),
-      // The rscTransformUseClientPlugin maps paths like
-      // /Users/tobbe/.../rw-app/node_modules/@tobbe.dev/rsc-test/dist/rsc-test.es.js
-      // to
-      // /Users/tobbe/.../rw-app/web/dist/ssr/assets/rsc0.js
-      // That's why it needs the `clientEntryFiles` data
-      // (It does other things as well, but that's why it needs clientEntryFiles)
-      // rscTransformUseClientPlugin(clientEntryFiles),
-      // rscTransformUseServerPlugin(outDir, serverEntryFiles),
-      rscRoutesImports(),
-      {
-        name: "rsc-hot-update",
-        handleHotUpdate(ctx) {
-          console.log("rsc-hot-update ctx.modules", ctx.modules);
-          return [];
-        }
-      }
-    ],
-    build: {
-      ssr: true
-    },
-    server: {
-      // We never call `viteRscServer.listen()`, so we should run this in
-      // middleware mode
-      middlewareMode: true,
-      // The hmr/fast-refresh websocket in this server collides with the one in
-      // the other Vite server. So we can either disable it or run it on a
-      // different port.
-      // TODO (RSC): Figure out if we should disable or just pick a different
-      // port
-      ws: false
-      // hmr: {
-      //   port: 24679,
-      // },
-    },
-    appType: "custom",
-    // Using a unique cache dir here to not clash with our other vite server
-    cacheDir: "../node_modules/.vite-rsc"
-  });
-  globalThis.__cedarjs__vite_rsc_runtime = createServerModuleRunner(
-    viteRscServer.environments.ssr
-  );
   const handleWithMiddleware = (route) => {
     return createServerAdapter(async (req) => {
-      const middlewareRouter = await createMiddlewareRouter(viteSsrDevServer);
+      const middlewareRouter = await createMiddlewareRouter(vite);
       const middleware = middlewareRouter.find(
         req.method,
         req.url
@@ -338,22 +77,19 @@ async function createServer() {
       }
       const [mwRes] = await invoke(req, middleware, {
         route,
-        viteSsrDevServer
+        viteDevServer: vite
       });
       return mwRes.toResponse();
     });
   };
-  app.use(viteSsrDevServer.middlewares);
+  app.use(vite.middlewares);
   if (rscEnabled) {
-    createWebSocketServer();
-    const { createRscRequestHandler } = await globalThis.__cedarjs__vite_rsc_runtime.import(
-      new URL("./rsc/rscRequestHandler.js", import.meta.url).pathname
-    );
+    const { createRscRequestHandler } = await import("./rsc/rscRequestHandler.js");
     app.use(
       "/rw-rsc",
-      await createRscRequestHandler({
-        getMiddlewareRouter: async () => createMiddlewareRouter(viteSsrDevServer),
-        viteSsrDevServer
+      createRscRequestHandler({
+        getMiddlewareRouter: async () => createMiddlewareRouter(vite),
+        viteDevServer: vite
       })
     );
   }
@@ -363,22 +99,18 @@ async function createServer() {
       routes,
       clientEntryPath: rwPaths.web.entryClient,
       getStylesheetLinks: (route) => {
-        return getCssLinks({
-          rwPaths,
-          route,
-          viteSsrDevServer
-        });
+        return getCssLinks({ rwPaths, route, vite });
       },
       // Recreate middleware router on each request in dev
-      getMiddlewareRouter: async () => createMiddlewareRouter(viteSsrDevServer)
+      getMiddlewareRouter: async () => createMiddlewareRouter(vite)
     },
-    viteSsrDevServer
+    vite
   );
   app.get("*", createServerAdapter(routeHandler));
   app.post("*", handleWithMiddleware());
   const port = getConfig().web.port;
   console.log(`Started server on http://localhost:${port}`);
-  return server.listen(port);
+  return app.listen(port);
 }
 let devApp = createServer();
 process.stdin.on("data", async (data) => {
@@ -393,11 +125,11 @@ process.stdin.on("data", async (data) => {
 function getCssLinks({
   rwPaths,
   route,
-  viteSsrDevServer
+  vite
 }) {
   const appAndRouteModules = componentsModules(
     [rwPaths.web.app, route?.filePath].filter(Boolean),
-    viteSsrDevServer
+    vite
   );
   const collectedCss = collectCssPaths(appAndRouteModules);
   const cssLinks = Array.from(collectedCss);

package/dist/lib/registerFwGlobalsAndShims.js

@@ -55,15 +55,6 @@ function registerFwShims() {
   globalThis.__rw_module_cache__ ||= /* @__PURE__ */ new Map();
   globalThis.__webpack_chunk_load__ ||= async (id) => {
     console.log("registerFwShims chunk load id", id);
-    if (globalThis.__cedarjs__vite_ssr_runtime) {
-      return globalThis.__cedarjs__vite_ssr_runtime?.import(id).then((mod) => {
-        console.log("registerFwShims chunk load mod", mod);
-        if (mod.default && typeof mod.default === "object") {
-          return globalThis.__rw_module_cache__.set(id, mod.default);
-        }
-        return globalThis.__rw_module_cache__.set(id, mod);
-      });
-    }
     return import(id).then((mod) => {
       console.log("registerFwShims chunk load mod", mod);
       if (mod.default && typeof mod.default === "object") {

package/dist/plugins/vite-plugin-rsc-ssr-router-import.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite-plugin-rsc-ssr-router-import.d.ts","sourceRoot":"","sources":["../../src/plugins/vite-plugin-rsc-ssr-router-import.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAKlC;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAsC3C"}
+{"version":3,"file":"vite-plugin-rsc-ssr-router-import.d.ts","sourceRoot":"","sources":["../../src/plugins/vite-plugin-rsc-ssr-router-import.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAKlC;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAqC3C"}

package/dist/plugins/vite-plugin-rsc-ssr-router-import.js

@@ -11,8 +11,8 @@ function rscSsrRouterImport() {
   const routesFileId = normalizePath(getPaths().web.routes);
   return {
     name: "rsc-ssr-router-import",
-    transform: async function(code, id, options) {
-      if (!options?.ssr || id !== routesFileId) {
+    transform: async function(code, id) {
+      if (id !== routesFileId) {
         return null;
       }
       const ext = path.extname(id);

package/dist/plugins/vite-plugin-rsc-transform-server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite-plugin-rsc-transform-server.d.ts","sourceRoot":"","sources":["../../src/plugins/vite-plugin-rsc-transform-server.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAElC,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACvC,MAAM,CAuHR"}
+{"version":3,"file":"vite-plugin-rsc-transform-server.d.ts","sourceRoot":"","sources":["../../src/plugins/vite-plugin-rsc-transform-server.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAElC,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACvC,MAAM,CA8GR"}

package/dist/plugins/vite-plugin-rsc-transform-server.js

@@ -8,10 +8,6 @@ function rscTransformUseServerPlugin(outDir, serverEntryFiles) {
       if (!code.includes("use server")) {
         return code;
       }
-      if (id.includes("node_modules/.vite") || id.includes("/react-server-dom-webpack/") || id.includes("/react-server-dom-webpack.server")) {
-        console.log("vite-plugin-rsc-transform-server.ts: Skipping", id);
-        return code;
-      }
       let mod;
       const isTypescript = id.endsWith(".ts") || id.endsWith(".tsx");
       try {

package/dist/rsc/rscRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rscRenderer.d.ts","sourceRoot":"","sources":["../../src/rsc/rscRenderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AASrD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,OAAO,EAAE,GAAG,SAAS,CAAA;CAC7B,CAAA;AAID,wBAAsB,iBAAiB,CACrC,KAAK,EAAE,WAAW,GACjB,OAAO,CAAC,cAAc,CAAC,CAEzB;AAyCD,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CA2BtD"}
+{"version":3,"file":"rscRenderer.d.ts","sourceRoot":"","sources":["../../src/rsc/rscRenderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAWrD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,OAAO,EAAE,GAAG,SAAS,CAAA;CAC7B,CAAA;AAID,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC,cAAc,CAAC,CAE7E;AAyBD,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CA2BtD"}

package/dist/rsc/rscRenderer.js

@@ -1,26 +1,18 @@
 import path from "node:path";
+import { createElement } from "react";
+import { renderToReadableStream } from "react-server-dom-webpack/server.edge";
 import { getPaths } from "@cedarjs/project-config";
 import { getEntriesFromDist } from "../lib/entries.js";
 import { StatusError } from "../lib/StatusError.js";
-import { importRscReact, importRsdwServer } from "./utils.js";
 let absoluteClientEntries = {};
-async function renderRscToStream(input) {
+function renderRscToStream(input) {
   return input.rscId ? renderRsc(input) : executeRsa(input);
 }
 async function loadServerFile(filePath) {
   console.log("rscRenderer.ts loadServerFile filePath", filePath);
-  if (globalThis.__cedarjs__vite_rsc_runtime) {
-    const serverMod = await globalThis.__cedarjs__vite_rsc_runtime.import(filePath);
-    return serverMod.default ? serverMod.default : serverMod;
-  }
   return import(`file://${filePath}`);
 }
 const getRoutesComponent = async () => {
-  if (globalThis.__cedarjs__vite_rsc_runtime) {
-    const routesPath2 = getPaths().web.routes;
-    const routesMod = await globalThis.__cedarjs__vite_rsc_runtime.import(routesPath2);
-    return routesMod.default;
-  }
   const serverEntries = await getEntriesFromDist();
   console.log("rscRenderer.ts serverEntries", serverEntries);
   const routesPath = path.join(
@@ -61,12 +53,10 @@ function getBundlerConfig() {
     {},
     {
       get(_target, encodedId) {
-        console.log("rscRenderer.ts Proxy get encodedId", encodedId);
+        console.log("Proxy get encodedId", encodedId);
         const [filePath, name] = encodedId.split("#");
-        console.log("filePath", filePath);
-        console.log("name", name);
         const filePathSlash = filePath.replaceAll("\\", "/");
-        const id = globalThis.__cedarjs__vite_rsc_runtime ? filePath : absoluteClientEntries[filePathSlash];
+        const id = absoluteClientEntries[filePathSlash];
         console.log("absoluteClientEntries", absoluteClientEntries);
         console.log("filePath", filePathSlash);
         if (!id) {
@@ -89,8 +79,6 @@ async function renderRsc(input) {
     throw new Error("Unexpected input. Missing rscId or props.");
   }
   console.log("renderRsc input", input);
-  const { createElement } = await importRscReact();
-  const { renderToReadableStream } = await importRsdwServer();
   const serverRoutes = await getRoutesComponent();
   const model = {
     __cedarjs__Routes: createElement(serverRoutes)
@@ -127,8 +115,6 @@ async function executeRsa(input) {
   console.log("rscRenderer.ts args", ...input.args);
   const data = await method(...input.args);
   console.log("rscRenderer.ts rsa return data", data);
-  const { createElement } = await importRscReact();
-  const { renderToReadableStream } = await importRsdwServer();
   const serverRoutes = await getRoutesComponent();
   console.log("rscRenderer.ts executeRsa serverRoutes", serverRoutes);
   const model = {