rwsdk
Version:
Build fast, server-driven webapps on Cloudflare with SSR, RSC, and realtime
199 lines (198 loc) • 8.66 kB
JavaScript
import enhancedResolve from "enhanced-resolve";
import path, { resolve } from "node:path";
import { INTERMEDIATE_SSR_BRIDGE_PATH } from "../lib/constants.mjs";
import { buildApp } from "./buildApp.mjs";
import { externalModules } from "./constants.mjs";
import { ssrBridgeWrapPlugin } from "./ssrBridgeWrapPlugin.mjs";
export const configPlugin = ({ silent, projectRootDir, workerEntryPathname, clientFiles, serverFiles, clientEntryPoints, }) => ({
name: "rwsdk:config",
config: async (_, { command }) => {
const mode = process.env.NODE_ENV;
const workerConfig = {
resolve: {
conditions: [
"workerd",
"react-server",
"module",
// context(justinvdm, 11 Jun 2025): Some packages meant for cloudflare workers, yet
// their deps have only node import conditions, e.g. `agents` package (meant for CF),
// has `pkce-challenge` package as a dep, which has only node import conditions.
// https://github.com/crouchcd/pkce-challenge/blob/master/package.json#L17
//
// @cloudflare/vite-plugin should take care of any relevant polyfills for deps with
// node builtins imports that can be polyfilled though, so it is worth us including this condition here.
// However, it does mean we will try to run packages meant for node that cannot be run on cloudflare workers.
// That's the trade-off, but arguably worth it.
"node",
],
noExternal: true,
},
define: {
"import.meta.env.RWSDK_ENV": JSON.stringify("worker"),
},
optimizeDeps: {
noDiscovery: false,
include: [
"rwsdk/__ssr_bridge",
"rwsdk/auth",
"rwsdk/constants",
"rwsdk/db",
"rwsdk/debug",
"rwsdk/realtime/durableObject",
"rwsdk/realtime/worker",
"rwsdk/router",
"rwsdk/worker",
],
exclude: [],
entries: [workerEntryPathname],
esbuildOptions: {
jsx: "automatic",
jsxImportSource: "react",
define: {
"process.env.NODE_ENV": JSON.stringify(mode),
},
},
},
build: {
outDir: resolve(projectRootDir, "dist", "worker"),
emitAssets: true,
ssrManifest: true,
emptyOutDir: false,
ssr: true,
},
};
const baseConfig = {
appType: "custom",
mode,
logLevel: silent ? "silent" : "info",
build: {
minify: mode !== "development",
sourcemap: true,
},
define: {
"process.env.NODE_ENV": JSON.stringify(mode),
},
ssr: {
target: "webworker",
},
environments: {
client: {
consumer: "client",
build: {
outDir: resolve(projectRootDir, "dist", "client"),
manifest: true,
rollupOptions: {
input: [],
},
},
define: {
"import.meta.env.RWSDK_ENV": JSON.stringify("client"),
},
optimizeDeps: {
noDiscovery: false,
include: [
"rwsdk/client",
"rwsdk/constants",
"rwsdk/debug",
"rwsdk/realtime/client",
"rwsdk/router",
"rwsdk/turnstile",
],
entries: [],
esbuildOptions: {
jsx: "automatic",
jsxImportSource: "react",
plugins: [],
define: {
"process.env.NODE_ENV": JSON.stringify(mode),
},
},
},
resolve: {
conditions: ["browser", "module"],
},
},
ssr: {
resolve: {
conditions: ["workerd", "module", "browser"],
noExternal: true,
},
define: {
"import.meta.env.RWSDK_ENV": JSON.stringify("ssr"),
},
optimizeDeps: {
noDiscovery: false,
entries: [workerEntryPathname],
exclude: externalModules,
include: [
"rwsdk/__ssr",
"rwsdk/__ssr_bridge",
"rwsdk/client",
"rwsdk/constants",
"rwsdk/debug",
"rwsdk/realtime/client",
"rwsdk/router",
"rwsdk/worker",
"rwsdk/realtime/durableObject",
"rwsdk/realtime/worker",
],
esbuildOptions: {
jsx: "automatic",
jsxImportSource: "react",
plugins: [],
define: {
"process.env.NODE_ENV": JSON.stringify(mode),
},
},
},
build: {
lib: {
entry: {
[path.basename(INTERMEDIATE_SSR_BRIDGE_PATH, ".js")]: enhancedResolve.sync(projectRootDir, "rwsdk/__ssr_bridge"),
},
formats: ["es"],
fileName: () => path.basename(INTERMEDIATE_SSR_BRIDGE_PATH),
},
outDir: path.dirname(INTERMEDIATE_SSR_BRIDGE_PATH),
rollupOptions: {
output: {
// context(justinvdm, 15 Sep 2025): The SSR bundle is a
// pre-compiled artifact. When the linker pass bundles it into
// the intermediate worker bundle (another pre-compiled
// artifact), Rollup merges their top-level scopes. Since both
// may have identical minified identifiers (e.g., `l0`), this
// causes a redeclaration error. To solve this, we wrap the SSR
// bundle in an exporting IIFE. This creates a scope boundary,
// preventing symbol collisions while producing a valid,
// tree-shakeable ES module.
//
// context(justinvdm, 19 Nov 2025): We use a custom plugin
// (ssrBridgeWrapPlugin) to intelligently inject the IIFE *after*
// any top-level external imports, ensuring they remain valid.
inlineDynamicImports: true,
},
plugins: [ssrBridgeWrapPlugin()],
},
},
},
worker: workerConfig,
},
server: {
hmr: true,
},
builder: {
async buildApp(builder) {
await buildApp({
builder,
projectRootDir,
clientEntryPoints,
clientFiles,
serverFiles,
workerEntryPathname,
});
},
},
};
return baseConfig;
},
});