vite-plugin-react-server 0.3.17 → 0.3.18

package/dist/plugin/worker/rsc/messageHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"messageHandler.js","sources":["../../../../plugin/worker/rsc/messageHandler.tsx"],"sourcesContent":["import { createWriteStream } from \"node:fs\";\nimport { mkdir } from \"node:fs/promises\";\nimport { dirname, join } from \"node:path\";\nimport { parentPort } from \"node:worker_threads\";\nimport { PassThrough } from \"node:stream\";\nimport {\n  renderToPipeableStream,\n  // @ts-ignore\n} from \"react-server-dom-esm/server.node\";\nimport type {\n  RscChunkMessage,\n  RscEndMessage,\n  RscWorkerMessage,\n} from \"../types.js\";\nimport { createLogger } from \"../../utils/logger.js\";\nimport {\n  cssFiles,\n  clientFiles,\n  serverActionFiles,\n  addCssFile,\n  clearCssFiles,\n} from \"./state.js\";\nimport type { WriteStream } from \"node:fs\";\nimport React from \"react\";\n\nconst log = createLogger(\"rsc-worker\");\n\n// CSS collector component\nfunction CssCollector({\n  children,\n  cssFiles,\n}: {\n  children: React.ReactNode;\n  cssFiles: Map<string, string>;\n}) {\n  return (\n    <>\n      {Array.from(cssFiles.entries()).map(([id, css]) => {\n        return (\n          <style key={id} data-source={id}>\n            {css}\n          </style>\n        );\n      })}\n      {children}\n    </>\n  );\n}\n\nexport async function messageHandler(message: RscWorkerMessage) {\n\n  if (message.type === \"RSC_RENDER\") {\n    const {\n      id,\n      pageImport,\n      propsImport,\n      pageExportName,\n      propsExportName,\n      url,\n      outDir,\n      projectRoot,\n      moduleBaseURL,\n      moduleBasePath,\n      pipableStreamOptions,\n    } = message;\n\n    try {\n      // Load modules which will trigger CSS loading\n      const [Component, propsModule] = await Promise.all([\n        import(join(projectRoot, pageImport)),\n        import(join(projectRoot, propsImport)),\n      ]);\n\n      const propsAtExport = propsModule[propsExportName];\n      const props = await Promise.resolve(\n        typeof propsAtExport === \"function\" ? propsAtExport(url) : propsAtExport\n      );\n\n      const PageComponent = Component[pageExportName];\n      // Now render with collected CSS\n      const stream = renderToPipeableStream(\n        <CssCollector cssFiles={cssFiles}>\n          <PageComponent {...props} />\n        </CssCollector>,\n        moduleBaseURL,\n        {\n          onError: (error: Error) => {\n            log.error(`Stream error at ${id}:`, error);\n            parentPort?.postMessage({\n              type: \"ERROR\",\n              id,\n              error: error instanceof Error ? error.message : String(error),\n            });\n          },\n          onPostpone: log?.info ?? console.info,\n          environmentName: \"Server\",\n          importMap: {\n            imports: {\n              ...pipableStreamOptions?.importMap?.imports,\n              \"/\": moduleBasePath,\n            },\n          },\n          ...pipableStreamOptions,\n        }\n      );\n\n      // Listen for data and end events\n      const passThrough = new PassThrough();\n\n      stream.pipe(passThrough);\n\n      passThrough.on(\"data\", (chunk) => {\n        // Send to parent\n        parentPort?.postMessage({\n          type: \"RSC_CHUNK\",\n          id,\n          chunk: chunk.toString(),\n          moduleRootPath: moduleBasePath,\n          moduleBaseURL,\n          outDir,\n          rscOutputPath: `${outDir}/${id}.rsc`,\n          cssFiles: Array.from(cssFiles.entries()),\n        } satisfies RscChunkMessage);\n      });\n\n      passThrough.on(\"end\", () => {\n        parentPort?.postMessage({\n          type: \"RSC_END\",\n          id,\n        } satisfies RscEndMessage);\n      });\n    } catch (error) {\n      console.trace(error);\n      parentPort?.postMessage({\n        type: \"ERROR\",\n        id,\n        error: error instanceof Error ? error.message : String(error),\n      });\n    }\n  } else if (message.type === \"CSS_FILE\") {\n    addCssFile(message.id, message.cssFile);\n  }\n}\n"],"names":["cssFiles","React"],"mappings":"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"}
+{"version":3,"file":"messageHandler.js","sources":["../../../../plugin/worker/rsc/messageHandler.tsx"],"sourcesContent":["import { join } from \"node:path\";\nimport { PassThrough } from \"node:stream\";\nimport { parentPort } from \"node:worker_threads\";\nimport React from \"react\";\nimport {\n  renderToPipeableStream,\n  // @ts-ignore\n} from \"react-server-dom-esm/server.node\";\nimport { createLogger } from \"../../utils/logger.js\";\nimport type {\n  RscChunkMessage,\n  RscEndMessage,\n  RscWorkerMessage,\n} from \"../types.js\";\nimport {\n  addCssFile,\n  cssFiles\n} from \"./state.js\";\n\nconst log = createLogger(\"rsc-worker\");\n\n// CSS collector component\nfunction CssCollector({\n  children,\n  cssFiles,\n}: {\n  children: React.ReactNode;\n  cssFiles: Map<string, string>;\n}) {\n  return (\n    <>\n      {Array.from(cssFiles.entries()).map(([id, css]) => {\n        return (\n          <style key={id} data-source={id}>\n            {css}\n          </style>\n        );\n      })}\n      {children}\n    </>\n  );\n}\n\nexport async function messageHandler(message: RscWorkerMessage) {\n\n  if (message.type === \"RSC_RENDER\") {\n    const {\n      id,\n      pageImport,\n      propsImport,\n      pageExportName,\n      propsExportName,\n      url,\n      outDir,\n      projectRoot,\n      moduleBaseURL,\n      moduleBasePath,\n      pipableStreamOptions,\n    } = message;\n\n    try {\n      // Load modules which will trigger CSS loading\n      const [Component, propsModule] = await Promise.all([\n        import(join(projectRoot, pageImport)),\n        import(join(projectRoot, propsImport)),\n      ]);\n\n      const propsAtExport = propsModule[propsExportName];\n      const props = await Promise.resolve(\n        typeof propsAtExport === \"function\" ? propsAtExport(url) : propsAtExport\n      );\n\n      const PageComponent = Component[pageExportName];\n      // Now render with collected CSS\n      const stream = renderToPipeableStream(\n        <CssCollector cssFiles={cssFiles}>\n          <PageComponent {...props} />\n        </CssCollector>,\n        moduleBaseURL,\n        {\n          onError: (error: Error) => {\n            console.log('onError', error);\n            log.error(`Stream error at ${id}:`, error);\n            parentPort?.postMessage({\n              type: \"ERROR\",\n              id,\n              error: error instanceof Error ? error.message : String(error),\n            });\n          },\n          onPostpone: log?.info ?? console.info,\n          environmentName: \"Server\",\n          importMap: {\n            imports: {\n              ...pipableStreamOptions?.importMap?.imports,\n              \"/\": moduleBasePath,\n            },\n          },\n          ...pipableStreamOptions,\n        }\n      );\n\n      // Listen for data and end events\n      const passThrough = new PassThrough();\n\n      stream.pipe(passThrough);\n\n      passThrough.on(\"data\", (chunk) => {\n        // Send to parent\n        parentPort?.postMessage({\n          type: \"RSC_CHUNK\",\n          id,\n          chunk: chunk.toString(),\n          moduleRootPath: moduleBasePath,\n          moduleBaseURL,\n          outDir,\n          rscOutputPath: `${outDir}/${id}.rsc`,\n          cssFiles: Array.from(cssFiles.entries()),\n        } satisfies RscChunkMessage);\n      });\n\n      passThrough.on(\"end\", () => {\n        parentPort?.postMessage({\n          type: \"RSC_END\",\n          id,\n        } satisfies RscEndMessage);\n      });\n    } catch (error) {\n      console.trace(error);\n      parentPort?.postMessage({\n        type: \"ERROR\",\n        id,\n        error: error instanceof Error ? error.message : String(error),\n      });\n    }\n  } else if (message.type === \"CSS_FILE\") {\n    addCssFile(message.id, message.cssFile);\n  }\n}\n"],"names":["cssFiles","React"],"mappings":"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"}