@cedarjs/vite 4.0.0-canary.13803 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/cjs/devFeServer.js +15 -280
  2. package/dist/cjs/lib/registerFwGlobalsAndShims.js +0 -9
  3. package/dist/cjs/plugins/vite-plugin-rsc-ssr-router-import.js +2 -2
  4. package/dist/cjs/plugins/vite-plugin-rsc-transform-server.js +0 -4
  5. package/dist/cjs/rsc/rscRenderer.js +9 -23
  6. package/dist/cjs/rsc/rscRequestHandler.js +6 -6
  7. package/dist/cjs/runFeServer.js +22 -3
  8. package/dist/cjs/streaming/createReactStreamingHandler.js +10 -13
  9. package/dist/cjs/streaming/streamHelpers.js +32 -49
  10. package/dist/cjs/streaming/triggerRouteHooks.js +3 -3
  11. package/dist/devFeServer.js +16 -284
  12. package/dist/lib/registerFwGlobalsAndShims.js +0 -9
  13. package/dist/plugins/vite-plugin-rsc-ssr-router-import.d.ts.map +1 -1
  14. package/dist/plugins/vite-plugin-rsc-ssr-router-import.js +2 -2
  15. package/dist/plugins/vite-plugin-rsc-transform-server.d.ts.map +1 -1
  16. package/dist/plugins/vite-plugin-rsc-transform-server.js +0 -4
  17. package/dist/rsc/rscRenderer.d.ts.map +1 -1
  18. package/dist/rsc/rscRenderer.js +5 -19
  19. package/dist/rsc/rscRequestHandler.d.ts +2 -2
  20. package/dist/rsc/rscRequestHandler.d.ts.map +1 -1
  21. package/dist/rsc/rscRequestHandler.js +4 -4
  22. package/dist/runFeServer.js +21 -2
  23. package/dist/streaming/createReactStreamingHandler.d.ts +1 -1
  24. package/dist/streaming/createReactStreamingHandler.d.ts.map +1 -1
  25. package/dist/streaming/createReactStreamingHandler.js +10 -13
  26. package/dist/streaming/streamHelpers.d.ts +2 -2
  27. package/dist/streaming/streamHelpers.d.ts.map +1 -1
  28. package/dist/streaming/streamHelpers.js +31 -49
  29. package/dist/streaming/triggerRouteHooks.d.ts +2 -2
  30. package/dist/streaming/triggerRouteHooks.d.ts.map +1 -1
  31. package/dist/streaming/triggerRouteHooks.js +3 -3
  32. package/package.json +11 -11
@@ -21,7 +21,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
21
21
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
22
  mod
23
23
  ));
24
- var import_node_http = __toESM(require("node:http"), 1);
25
24
  var import_server = require("@whatwg-node/server");
26
25
  var import_express = __toESM(require("express"), 1);
27
26
  var import_vite = require("vite");
@@ -33,22 +32,14 @@ var import_registerFwGlobalsAndShims = require("./lib/registerFwGlobalsAndShims.
33
32
  var import_invokeMiddleware = require("./middleware/invokeMiddleware.js");
34
33
  var import_register = require("./middleware/register.js");
35
34
  var import_vite_plugin_rsc_routes_auto_loader = require("./plugins/vite-plugin-rsc-routes-auto-loader.js");
36
- var import_vite_plugin_rsc_routes_imports = require("./plugins/vite-plugin-rsc-routes-imports.js");
37
- var import_vite_plugin_rsc_ssr_router_import = require("./plugins/vite-plugin-rsc-ssr-router-import.js");
38
- var import_vite_plugin_rsc_transform_server = require("./plugins/vite-plugin-rsc-transform-server.js");
39
- var import_rscWebSocketServer = require("./rsc/rscWebSocketServer.js");
40
35
  var import_collectCss = require("./streaming/collectCss.js");
41
36
  var import_createReactStreamingHandler = require("./streaming/createReactStreamingHandler.js");
42
37
  var import_utils = require("./utils.js");
43
- const import_meta = {};
44
38
  globalThis.__REDWOOD__PRERENDER_PAGES = {};
45
- globalThis.__cedarjs__vite_ssr_runtime = void 0;
46
- globalThis.__cedarjs__vite_rsc_runtime = void 0;
47
39
  async function createServer() {
48
40
  (0, import_utils.ensureProcessDirWeb)();
49
41
  (0, import_registerFwGlobalsAndShims.registerFwGlobalsAndShims)();
50
42
  const app = (0, import_express.default)();
51
- const server = import_node_http.default.createServer(app);
52
43
  const rwPaths = (0, import_project_config.getPaths)();
53
44
  const rscEnabled = (0, import_project_config.getConfig)().experimental.rsc?.enabled ?? false;
54
45
  const serverStorage = (0, import_server_store.createServerStorage)();
@@ -71,78 +62,8 @@ async function createServer() {
71
62
  "Vite config not found. You need to setup your project with Vite using `yarn cedar setup vite`"
72
63
  );
73
64
  }
74
- const viteSsrDevServer = await (0, import_vite.createServer)({
65
+ const vite = await (0, import_vite.createServer)({
75
66
  configFile: rwPaths.web.viteConfig,
76
- envFile: false,
77
- define: {
78
- "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV)
79
- },
80
- ssr: {
81
- // Inline every file apart from node built-ins. We want vite/rollup to
82
- // inline dependencies in the server build. This gets round runtime
83
- // importing of "server-only" and other packages with poisoned imports.
84
- //
85
- // Files included in `noExternal` are files we want Vite to analyze
86
- // As of vite 5.2 `true` here means "all except node built-ins"
87
- // noExternal: true,
88
- // TODO (RSC): Other frameworks build for RSC without `noExternal: true`.
89
- // What are we missing here? When/why is that a better choice? I know
90
- // we would have to explicitly add a bunch of packages to noExternal, if
91
- // we wanted to go that route.
92
- // noExternal: ['@tobbe.dev/rsc-test'],
93
- // Can't inline prisma client (db calls fail at runtime) or react-dom
94
- // (css pre-init failure)
95
- // Server store has to be externalized, because it's a singleton (shared between FW and App)
96
- external: [
97
- "@prisma/client",
98
- "@prisma/adapter-better-sqlite3",
99
- "@prisma/fetch-engine",
100
- "@prisma/internals",
101
- "better-sqlite3",
102
- "@cedarjs/auth-dbauth-api",
103
- "@cedarjs/cookie-jar",
104
- "@cedarjs/server-store",
105
- "@simplewebauthn/server",
106
- "graphql-scalars",
107
- "minimatch",
108
- "playwright",
109
- "react-dom"
110
- ],
111
- resolve: {
112
- // These conditions are used in the plugin pipeline, and only affect non-externalized
113
- // dependencies during the SSR build. Which because of `noExternal: true` means all
114
- // dependencies apart from node built-ins.
115
- // TODO (RSC): What's the difference between `conditions` and
116
- // `externalConditions`? When is one used over the other?
117
- // conditions: ['react-server'],
118
- // externalConditions: ['react-server'],
119
- },
120
- optimizeDeps: {
121
- // We need Vite to optimize these dependencies so that they are resolved
122
- // with the correct conditions. And so that CJS modules work correctly.
123
- // include: [
124
- // 'react/**/*',
125
- // 'react-dom/server',
126
- // 'react-dom/server.edge',
127
- // 'rehackt',
128
- // 'react-server-dom-webpack/server',
129
- // 'react-server-dom-webpack/client',
130
- // '@apollo/client/cache/*',
131
- // '@apollo/client/utilities/*',
132
- // '@apollo/client/react/hooks/*',
133
- // 'react-fast-compare',
134
- // 'invariant',
135
- // 'shallowequal',
136
- // 'graphql/language/*',
137
- // 'stacktracey',
138
- // 'deepmerge',
139
- // 'fast-glob',
140
- // ],
141
- }
142
- },
143
- resolve: {
144
- // conditions: ['react-server'],
145
- },
146
67
  plugins: [
147
68
  (0, import_vite_plugin_cjs_interop.cjsInterop)({
148
69
  dependencies: [
@@ -156,195 +77,16 @@ async function createServer() {
156
77
  "@cedarjs/auth-!(dbauth)-web"
157
78
  ]
158
79
  }),
159
- rscEnabled && (0, import_vite_plugin_rsc_routes_auto_loader.rscRoutesAutoLoader)(),
160
- rscEnabled && (0, import_vite_plugin_rsc_ssr_router_import.rscSsrRouterImport)()
80
+ rscEnabled && (0, import_vite_plugin_rsc_routes_auto_loader.rscRoutesAutoLoader)()
161
81
  ],
162
82
  server: { middlewareMode: true },
163
83
  logLevel: "info",
164
84
  clearScreen: false,
165
85
  appType: "custom"
166
86
  });
167
- globalThis.__cedarjs__vite_ssr_runtime = (0, import_vite.createServerModuleRunner)(
168
- viteSsrDevServer.environments.ssr
169
- );
170
- globalThis.__cedarjs__client_references = /* @__PURE__ */ new Set();
171
- globalThis.__cedarjs__server_references = /* @__PURE__ */ new Set();
172
- const viteRscServer = await (0, import_vite.createServer)({
173
- envFile: false,
174
- define: {
175
- "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV)
176
- },
177
- ssr: {
178
- // Inline every file apart from node built-ins. We want vite/rollup to
179
- // inline dependencies in the server build. This gets round runtime
180
- // importing of "server-only" and other packages with poisoned imports.
181
- //
182
- // Files included in `noExternal` are files we want Vite to analyze
183
- // As of vite 5.2 `true` here means "all except node built-ins"
184
- noExternal: true,
185
- // TODO (RSC): Other frameworks build for RSC without `noExternal: true`.
186
- // What are we missing here? When/why is that a better choice? I know
187
- // we would have to explicitly add a bunch of packages to noExternal, if
188
- // we wanted to go that route.
189
- // noExternal: ['@tobbe.dev/rsc-test'],
190
- // Can't inline prisma client (db calls fail at runtime) or react-dom
191
- // (css pre-init failure)
192
- // Server store has to be externalized, because it's a singleton (shared between FW and App)
193
- external: [
194
- "@prisma/client",
195
- "@prisma/adapter-better-sqlite3",
196
- "@prisma/fetch-engine",
197
- "@prisma/internals",
198
- "better-sqlite3",
199
- "@cedarjs/auth-dbauth-api",
200
- "@cedarjs/cookie-jar",
201
- "@cedarjs/server-store",
202
- "@cedarjs/structure",
203
- "@simplewebauthn/server",
204
- "graphql-scalars",
205
- "minimatch",
206
- "playwright",
207
- "react-dom"
208
- ],
209
- resolve: {
210
- // These conditions are used in the plugin pipeline, and only affect non-externalized
211
- // dependencies during the SSR build. Which because of `noExternal: true` means all
212
- // dependencies apart from node built-ins.
213
- // TODO (RSC): What's the difference between `conditions` and
214
- // `externalConditions`? When is one used over the other?
215
- // In Vite 6, we must include `defaultServerConditions` alongside
216
- // `react-server` so that nested condition maps (e.g. the `node`
217
- // sub-condition inside `react-server-dom-webpack/server`'s exports)
218
- // can still be resolved. Without `node` (or another environment
219
- // condition), the resolver throws "No known conditions for
220
- // './server' specifier in 'react-server-dom-webpack' package".
221
- conditions: ["react-server", ...import_vite.defaultServerConditions],
222
- externalConditions: ["react-server", ...import_vite.defaultServerConditions]
223
- },
224
- optimizeDeps: {
225
- // We need Vite to optimize these dependencies so that they are resolved
226
- // with the correct conditions. And so that CJS modules work correctly.
227
- include: [
228
- "react/**/*",
229
- "react-dom/server",
230
- "react-dom/server.edge",
231
- "rehackt",
232
- "react-server-dom-webpack/server",
233
- "react-server-dom-webpack/server.edge",
234
- "react-server-dom-webpack/client",
235
- "react-server-dom-webpack/client.edge",
236
- "@apollo/client/cache/*",
237
- "@apollo/client/utilities/*",
238
- "@apollo/client/react/hooks/*",
239
- "react-fast-compare",
240
- "invariant",
241
- "shallowequal",
242
- "graphql/language/*",
243
- "stacktracey",
244
- "deepmerge",
245
- "fast-glob",
246
- "@whatwg-node/fetch",
247
- "busboy",
248
- "cookie"
249
- ],
250
- // Without excluding `util` we get "TypeError: util.TextEncoder is not
251
- // a constructor" in react-server-dom-webpack.server because it'll try
252
- // to use Browserify's `util` instead of Node's. And Browserify's
253
- // polyfill is missing TextEncoder+TextDecoder. The reason it's using
254
- // the Browserify polyfill is because we have
255
- // `vite-plugin-node-polyfills` as a dependency, and that'll add
256
- // Browserify's `node-util` to `node_modules`, so when Vite goes to
257
- // resolve `import { TextEncoder } from 'util` it'll find the one in
258
- // `node_modules` instead of Node's internal version.
259
- // We only see this in dev, and not in prod. I'm not entirely sure why
260
- // but I have two guesses: 1. When RSC is enabled we don't actually use
261
- // `vite-plugin-node-polyfill`, so some kind of tree shaking is
262
- // happening, which prevents the issue from occurring. 2. In prod we
263
- // only use Node's dependency resolution. Vite is not involved. And
264
- // that difference in resolution is what prevents the issue from
265
- // occurring.
266
- exclude: ["util"]
267
- }
268
- },
269
- resolve: {
270
- // See comment above in ssr.resolve for why we include defaultServerConditions.
271
- conditions: ["react-server", ...import_vite.defaultServerConditions]
272
- },
273
- plugins: [
274
- {
275
- name: "rsc-record-and-tranform-use-client-plugin",
276
- transform(code, id, _options) {
277
- globalThis.__cedarjs__client_references?.delete(id);
278
- if (!/^(["'])use client\1/.test(code)) {
279
- return void 0;
280
- }
281
- console.log(
282
- "rsc-record-and-transform-use-client-plugin: adding client reference",
283
- id
284
- );
285
- globalThis.__cedarjs__client_references?.add(id);
286
- const fns = code.matchAll(/export function (\w+)\(/g);
287
- const consts = code.matchAll(/export const (\w+) = \(/g);
288
- const names = [...fns, ...consts].map(([, name]) => name);
289
- const result = [
290
- `import { registerClientReference } from "react-server-dom-webpack/server.edge";`,
291
- "",
292
- ...names.map((name) => {
293
- return name === "default" ? `export default registerClientReference({}, "${id}", "${name}");` : `export const ${name} = registerClientReference({}, "${id}", "${name}");`;
294
- })
295
- ].join("\n");
296
- console.log("rsc-record-and-transform-use-client-plugin result");
297
- console.log(
298
- result.split("\n").map((line, i) => ` ${i + 1}: ${line}`).join("\n")
299
- );
300
- return { code: result, map: null };
301
- }
302
- },
303
- (0, import_vite_plugin_rsc_transform_server.rscTransformUseServerPlugin)("", {}),
304
- // The rscTransformUseClientPlugin maps paths like
305
- // /Users/tobbe/.../rw-app/node_modules/@tobbe.dev/rsc-test/dist/rsc-test.es.js
306
- // to
307
- // /Users/tobbe/.../rw-app/web/dist/ssr/assets/rsc0.js
308
- // That's why it needs the `clientEntryFiles` data
309
- // (It does other things as well, but that's why it needs clientEntryFiles)
310
- // rscTransformUseClientPlugin(clientEntryFiles),
311
- // rscTransformUseServerPlugin(outDir, serverEntryFiles),
312
- (0, import_vite_plugin_rsc_routes_imports.rscRoutesImports)(),
313
- {
314
- name: "rsc-hot-update",
315
- handleHotUpdate(ctx) {
316
- console.log("rsc-hot-update ctx.modules", ctx.modules);
317
- return [];
318
- }
319
- }
320
- ],
321
- build: {
322
- ssr: true
323
- },
324
- server: {
325
- // We never call `viteRscServer.listen()`, so we should run this in
326
- // middleware mode
327
- middlewareMode: true,
328
- // The hmr/fast-refresh websocket in this server collides with the one in
329
- // the other Vite server. So we can either disable it or run it on a
330
- // different port.
331
- // TODO (RSC): Figure out if we should disable or just pick a different
332
- // port
333
- ws: false
334
- // hmr: {
335
- // port: 24679,
336
- // },
337
- },
338
- appType: "custom",
339
- // Using a unique cache dir here to not clash with our other vite server
340
- cacheDir: "../node_modules/.vite-rsc"
341
- });
342
- globalThis.__cedarjs__vite_rsc_runtime = (0, import_vite.createServerModuleRunner)(
343
- viteRscServer.environments.ssr
344
- );
345
87
  const handleWithMiddleware = (route) => {
346
88
  return (0, import_server.createServerAdapter)(async (req) => {
347
- const middlewareRouter = await (0, import_register.createMiddlewareRouter)(viteSsrDevServer);
89
+ const middlewareRouter = await (0, import_register.createMiddlewareRouter)(vite);
348
90
  const middleware = middlewareRouter.find(
349
91
  req.method,
350
92
  req.url
@@ -354,22 +96,19 @@ async function createServer() {
354
96
  }
355
97
  const [mwRes] = await (0, import_invokeMiddleware.invoke)(req, middleware, {
356
98
  route,
357
- viteSsrDevServer
99
+ viteDevServer: vite
358
100
  });
359
101
  return mwRes.toResponse();
360
102
  });
361
103
  };
362
- app.use(viteSsrDevServer.middlewares);
104
+ app.use(vite.middlewares);
363
105
  if (rscEnabled) {
364
- (0, import_rscWebSocketServer.createWebSocketServer)();
365
- const { createRscRequestHandler } = await globalThis.__cedarjs__vite_rsc_runtime.import(
366
- new URL("./rsc/rscRequestHandler.js", import_meta.url).pathname
367
- );
106
+ const { createRscRequestHandler } = await import("./rsc/rscRequestHandler.js");
368
107
  app.use(
369
108
  "/rw-rsc",
370
- await createRscRequestHandler({
371
- getMiddlewareRouter: async () => (0, import_register.createMiddlewareRouter)(viteSsrDevServer),
372
- viteSsrDevServer
109
+ createRscRequestHandler({
110
+ getMiddlewareRouter: async () => (0, import_register.createMiddlewareRouter)(vite),
111
+ viteDevServer: vite
373
112
  })
374
113
  );
375
114
  }
@@ -379,22 +118,18 @@ async function createServer() {
379
118
  routes,
380
119
  clientEntryPath: rwPaths.web.entryClient,
381
120
  getStylesheetLinks: (route) => {
382
- return getCssLinks({
383
- rwPaths,
384
- route,
385
- viteSsrDevServer
386
- });
121
+ return getCssLinks({ rwPaths, route, vite });
387
122
  },
388
123
  // Recreate middleware router on each request in dev
389
- getMiddlewareRouter: async () => (0, import_register.createMiddlewareRouter)(viteSsrDevServer)
124
+ getMiddlewareRouter: async () => (0, import_register.createMiddlewareRouter)(vite)
390
125
  },
391
- viteSsrDevServer
126
+ vite
392
127
  );
393
128
  app.get("*", (0, import_server.createServerAdapter)(routeHandler));
394
129
  app.post("*", handleWithMiddleware());
395
130
  const port = (0, import_project_config.getConfig)().web.port;
396
131
  console.log(`Started server on http://localhost:${port}`);
397
- return server.listen(port);
132
+ return app.listen(port);
398
133
  }
399
134
  let devApp = createServer();
400
135
  process.stdin.on("data", async (data) => {
@@ -409,11 +144,11 @@ process.stdin.on("data", async (data) => {
409
144
  function getCssLinks({
410
145
  rwPaths,
411
146
  route,
412
- viteSsrDevServer
147
+ vite
413
148
  }) {
414
149
  const appAndRouteModules = (0, import_collectCss.componentsModules)(
415
150
  [rwPaths.web.app, route?.filePath].filter(Boolean),
416
- viteSsrDevServer
151
+ vite
417
152
  );
418
153
  const collectedCss = (0, import_collectCss.collectCssPaths)(appAndRouteModules);
419
154
  const cssLinks = Array.from(collectedCss);
@@ -79,15 +79,6 @@ function registerFwShims() {
79
79
  globalThis.__rw_module_cache__ ||= /* @__PURE__ */ new Map();
80
80
  globalThis.__webpack_chunk_load__ ||= async (id) => {
81
81
  console.log("registerFwShims chunk load id", id);
82
- if (globalThis.__cedarjs__vite_ssr_runtime) {
83
- return globalThis.__cedarjs__vite_ssr_runtime?.import(id).then((mod) => {
84
- console.log("registerFwShims chunk load mod", mod);
85
- if (mod.default && typeof mod.default === "object") {
86
- return globalThis.__rw_module_cache__.set(id, mod.default);
87
- }
88
- return globalThis.__rw_module_cache__.set(id, mod);
89
- });
90
- }
91
82
  return import(id).then((mod) => {
92
83
  console.log("registerFwShims chunk load mod", mod);
93
84
  if (mod.default && typeof mod.default === "object") {
@@ -44,8 +44,8 @@ function rscSsrRouterImport() {
44
44
  const routesFileId = (0, import_vite.normalizePath)((0, import_project_config.getPaths)().web.routes);
45
45
  return {
46
46
  name: "rsc-ssr-router-import",
47
- transform: async function(code, id, options) {
48
- if (!options?.ssr || id !== routesFileId) {
47
+ transform: async function(code, id) {
48
+ if (id !== routesFileId) {
49
49
  return null;
50
50
  }
51
51
  const ext = import_node_path.default.extname(id);
@@ -41,10 +41,6 @@ function rscTransformUseServerPlugin(outDir, serverEntryFiles) {
41
41
  if (!code.includes("use server")) {
42
42
  return code;
43
43
  }
44
- if (id.includes("node_modules/.vite") || id.includes("/react-server-dom-webpack/") || id.includes("/react-server-dom-webpack.server")) {
45
- console.log("vite-plugin-rsc-transform-server.ts: Skipping", id);
46
- return code;
47
- }
48
44
  let mod;
49
45
  const isTypescript = id.endsWith(".ts") || id.endsWith(".tsx");
50
46
  try {
@@ -33,28 +33,20 @@ __export(rscRenderer_exports, {
33
33
  });
34
34
  module.exports = __toCommonJS(rscRenderer_exports);
35
35
  var import_node_path = __toESM(require("node:path"), 1);
36
+ var import_react = require("react");
37
+ var import_server = require("react-server-dom-webpack/server.edge");
36
38
  var import_project_config = require("@cedarjs/project-config");
37
39
  var import_entries = require("../lib/entries.js");
38
40
  var import_StatusError = require("../lib/StatusError.js");
39
- var import_utils = require("./utils.js");
40
41
  let absoluteClientEntries = {};
41
- async function renderRscToStream(input) {
42
+ function renderRscToStream(input) {
42
43
  return input.rscId ? renderRsc(input) : executeRsa(input);
43
44
  }
44
45
  async function loadServerFile(filePath) {
45
46
  console.log("rscRenderer.ts loadServerFile filePath", filePath);
46
- if (globalThis.__cedarjs__vite_rsc_runtime) {
47
- const serverMod = await globalThis.__cedarjs__vite_rsc_runtime.import(filePath);
48
- return serverMod.default ? serverMod.default : serverMod;
49
- }
50
47
  return import(`file://${filePath}`);
51
48
  }
52
49
  const getRoutesComponent = async () => {
53
- if (globalThis.__cedarjs__vite_rsc_runtime) {
54
- const routesPath2 = (0, import_project_config.getPaths)().web.routes;
55
- const routesMod = await globalThis.__cedarjs__vite_rsc_runtime.import(routesPath2);
56
- return routesMod.default;
57
- }
58
50
  const serverEntries = await (0, import_entries.getEntriesFromDist)();
59
51
  console.log("rscRenderer.ts serverEntries", serverEntries);
60
52
  const routesPath = import_node_path.default.join(
@@ -95,12 +87,10 @@ function getBundlerConfig() {
95
87
  {},
96
88
  {
97
89
  get(_target, encodedId) {
98
- console.log("rscRenderer.ts Proxy get encodedId", encodedId);
90
+ console.log("Proxy get encodedId", encodedId);
99
91
  const [filePath, name] = encodedId.split("#");
100
- console.log("filePath", filePath);
101
- console.log("name", name);
102
92
  const filePathSlash = filePath.replaceAll("\\", "/");
103
- const id = globalThis.__cedarjs__vite_rsc_runtime ? filePath : absoluteClientEntries[filePathSlash];
93
+ const id = absoluteClientEntries[filePathSlash];
104
94
  console.log("absoluteClientEntries", absoluteClientEntries);
105
95
  console.log("filePath", filePathSlash);
106
96
  if (!id) {
@@ -123,14 +113,12 @@ async function renderRsc(input) {
123
113
  throw new Error("Unexpected input. Missing rscId or props.");
124
114
  }
125
115
  console.log("renderRsc input", input);
126
- const { createElement } = await (0, import_utils.importRscReact)();
127
- const { renderToReadableStream } = await (0, import_utils.importRsdwServer)();
128
116
  const serverRoutes = await getRoutesComponent();
129
117
  const model = {
130
- __cedarjs__Routes: createElement(serverRoutes)
118
+ __cedarjs__Routes: (0, import_react.createElement)(serverRoutes)
131
119
  };
132
120
  console.log("rscRenderer.ts renderRsc model", model);
133
- return renderToReadableStream(model, getBundlerConfig());
121
+ return (0, import_server.renderToReadableStream)(model, getBundlerConfig());
134
122
  }
135
123
  function isSerializedFormData(data) {
136
124
  return !!data && data?.__formData__;
@@ -161,16 +149,14 @@ async function executeRsa(input) {
161
149
  console.log("rscRenderer.ts args", ...input.args);
162
150
  const data = await method(...input.args);
163
151
  console.log("rscRenderer.ts rsa return data", data);
164
- const { createElement } = await (0, import_utils.importRscReact)();
165
- const { renderToReadableStream } = await (0, import_utils.importRsdwServer)();
166
152
  const serverRoutes = await getRoutesComponent();
167
153
  console.log("rscRenderer.ts executeRsa serverRoutes", serverRoutes);
168
154
  const model = {
169
- __cedarjs__Routes: createElement(serverRoutes),
155
+ __cedarjs__Routes: (0, import_react.createElement)(serverRoutes),
170
156
  __cedarjs__rsa_data: data
171
157
  };
172
158
  console.log("rscRenderer.ts executeRsa model", model);
173
- return renderToReadableStream(model, getBundlerConfig());
159
+ return (0, import_server.renderToReadableStream)(model, getBundlerConfig());
174
160
  }
175
161
  // Annotate the CommonJS export names for ESM import in node:
176
162
  0 && (module.exports = {
@@ -38,10 +38,10 @@ var import_busboy = __toESM(require("busboy"), 1);
38
38
  var import_react_server_dom_webpack_server = require("../bundled/react-server-dom-webpack.server.js");
39
39
  var import_StatusError = require("../lib/StatusError.js");
40
40
  var import_invokeMiddleware = require("../middleware/invokeMiddleware.js");
41
+ var import_rscRenderer = require("./rscRenderer.js");
42
+ var import_rscStudioHandlers = require("./rscStudioHandlers.js");
41
43
  const BASE_PATH = "/rw-rsc/";
42
- async function createRscRequestHandler(options) {
43
- const { renderRscToStream } = await import("./rscRenderer.js");
44
- const { sendRscFlightToStudio } = await import("./rscStudioHandlers.js");
44
+ function createRscRequestHandler(options) {
45
45
  return async (req, res, next) => {
46
46
  console.log("BASE_PATH", BASE_PATH);
47
47
  console.log("req.originalUrl", req.originalUrl, "req.url", req.url);
@@ -56,7 +56,7 @@ async function createRscRequestHandler(options) {
56
56
  matchedMw?.handler,
57
57
  {
58
58
  params: matchedMw?.params,
59
- viteSsrDevServer: options.viteSsrDevServer
59
+ viteDevServer: options.viteDevServer
60
60
  }
61
61
  );
62
62
  const webRes = mwResponse.toResponse();
@@ -101,9 +101,9 @@ async function createRscRequestHandler(options) {
101
101
  res.end(String(err));
102
102
  };
103
103
  try {
104
- const readable = await renderRscToStream({ rscId, rsaId, args });
104
+ const readable = await (0, import_rscRenderer.renderRscToStream)({ rscId, rsaId, args });
105
105
  import_node_stream.Readable.fromWeb(readable).pipe(res);
106
- await sendRscFlightToStudio({
106
+ await (0, import_rscStudioHandlers.sendRscFlightToStudio)({
107
107
  rscId,
108
108
  rsaId,
109
109
  args,
@@ -37,13 +37,13 @@ var import_server = require("@whatwg-node/server");
37
37
  var import_dotenv_defaults = require("dotenv-defaults");
38
38
  var import_express = __toESM(require("express"), 1);
39
39
  var import_http_proxy_middleware = require("http-proxy-middleware");
40
+ var import_ws = __toESM(require("ws"), 1);
40
41
  var import_project_config = require("@cedarjs/project-config");
41
42
  var import_rscCss = require("@cedarjs/router/rscCss");
42
43
  var import_server_store = require("@cedarjs/server-store");
43
44
  var import_registerFwGlobalsAndShims = require("./lib/registerFwGlobalsAndShims.js");
44
45
  var import_invokeMiddleware = require("./middleware/invokeMiddleware.js");
45
46
  var import_register = require("./middleware/register.js");
46
- var import_rscWebSocketServer = require("./rsc/rscWebSocketServer.js");
47
47
  var import_createReactStreamingHandler = require("./streaming/createReactStreamingHandler.js");
48
48
  var import_utils = require("./utils.js");
49
49
  (0, import_dotenv_defaults.config)({
@@ -59,7 +59,7 @@ async function runFeServer() {
59
59
  (0, import_registerFwGlobalsAndShims.registerFwGlobalsAndShims)();
60
60
  if (rscEnabled) {
61
61
  const { setClientEntries } = await import("./rsc/rscRenderer.js");
62
- (0, import_rscWebSocketServer.createWebSocketServer)();
62
+ createWebSocketServer();
63
63
  try {
64
64
  await setClientEntries();
65
65
  } catch (e) {
@@ -118,7 +118,7 @@ async function runFeServer() {
118
118
  const { createRscRequestHandler } = await import("./rsc/rscRequestHandler.js");
119
119
  app.use(
120
120
  "/rw-rsc",
121
- await createRscRequestHandler({
121
+ createRscRequestHandler({
122
122
  getMiddlewareRouter: async () => middlewareRouter
123
123
  })
124
124
  );
@@ -138,6 +138,25 @@ async function runFeServer() {
138
138
  `Started production FE server on http://localhost:${rwConfig.web.port}`
139
139
  );
140
140
  }
141
+ function createWebSocketServer() {
142
+ const wsServer = new import_ws.WebSocketServer({ port: 18998 });
143
+ wsServer.on("connection", (ws) => {
144
+ console.log("A new client connected.");
145
+ ws.on("message", (data) => {
146
+ const message = data.toString();
147
+ console.log("runFeServer.ts: Received message:");
148
+ console.log(message.slice(0, 120) + "...");
149
+ wsServer.clients.forEach((client) => {
150
+ if (client.readyState === import_ws.default.OPEN) {
151
+ client.send(message);
152
+ }
153
+ });
154
+ });
155
+ ws.on("close", () => {
156
+ console.log("A client disconnected.");
157
+ });
158
+ });
159
+ }
141
160
  runFeServer();
142
161
  // Annotate the CommonJS export names for ESM import in node:
143
162
  0 && (module.exports = {
@@ -50,10 +50,10 @@ const createReactStreamingHandler = async ({
50
50
  clientEntryPath,
51
51
  getStylesheetLinks,
52
52
  getMiddlewareRouter
53
- }, viteSsrDevServer) => {
53
+ }, viteDevServer) => {
54
54
  const rwPaths = (0, import_project_config.getPaths)();
55
55
  const rwConfig = (0, import_project_config.getConfig)();
56
- const isProd = !viteSsrDevServer;
56
+ const isProd = !viteDevServer;
57
57
  const middlewareRouter = await getMiddlewareRouter();
58
58
  let entryServerImport;
59
59
  let fallbackDocumentImport;
@@ -97,7 +97,7 @@ const createReactStreamingHandler = async ({
97
97
  route: currentRoute,
98
98
  cssPaths: cssLinks,
99
99
  params: matchedMw?.params,
100
- viteSsrDevServer
100
+ viteDevServer
101
101
  }
102
102
  );
103
103
  if (mwResponse.isRedirect() || mwResponse.body) {
@@ -116,8 +116,8 @@ const createReactStreamingHandler = async ({
116
116
  });
117
117
  }
118
118
  if (!isProd) {
119
- entryServerImport = await (0, import_utils.ssrLoadEntryServer)(viteSsrDevServer);
120
- fallbackDocumentImport = await viteSsrDevServer.ssrLoadModule(
119
+ entryServerImport = await (0, import_utils.ssrLoadEntryServer)(viteDevServer);
120
+ fallbackDocumentImport = await viteDevServer.ssrLoadModule(
121
121
  rwPaths.web.document
122
122
  );
123
123
  }
@@ -134,12 +134,10 @@ const createReactStreamingHandler = async ({
134
134
  req,
135
135
  parsedParams
136
136
  },
137
- viteSsrDevServer
137
+ viteDevServer
138
138
  });
139
139
  metaTags = routeHookOutput.meta;
140
- const jsBundles = [
141
- viteSsrDevServer ? clientEntryPath : "/" + clientEntryPath
142
- ];
140
+ const jsBundles = [viteDevServer ? clientEntryPath : "/" + clientEntryPath];
143
141
  if (currentRoute.bundle) {
144
142
  jsBundles.push("/" + currentRoute.bundle);
145
143
  }
@@ -159,13 +157,12 @@ const createReactStreamingHandler = async ({
159
157
  {
160
158
  waitForAllReady: isSeoCrawler,
161
159
  onError: (err) => {
162
- if (!isProd && viteSsrDevServer) {
163
- viteSsrDevServer.ssrFixStacktrace(err);
160
+ if (!isProd && viteDevServer) {
161
+ viteDevServer.ssrFixStacktrace(err);
164
162
  }
165
163
  console.error(err);
166
164
  }
167
- },
168
- viteSsrDevServer
165
+ }
169
166
  );
170
167
  return reactResponse;
171
168
  };