Add RSCWebpackPlugin for React Server Components

Author: AbanoubGhadban

knip.ts

@@ -9,6 +9,7 @@ const config: KnipConfig = {
         'node_package/src/ReactOnRails.node.ts!',
         'node_package/src/ReactOnRailsRSC.ts!',
         'node_package/src/RSCWebpackLoader.ts!',
+        'node_package/src/RSCWebpackPlugin.ts!',
         'node_package/src/registerServerComponent/client.ts!',
         'node_package/src/registerServerComponent/server.ts!',
         'node_package/src/RSCClientRoot.ts!',

node_package/src/RSCWebpackPlugin.ts

@@ -0,0 +1,33 @@
+import { Compiler } from "webpack";
+import RSCWebpackPluginLib from "react-server-dom-webpack/plugin";
+
+type ClientReferenceSearchPath = {
+  directory: string,
+  recursive?: boolean,
+  include: RegExp,
+  exclude?: RegExp,
+};
+
+type ClientReferencePath = string | ClientReferenceSearchPath;
+
+export type Options = {
+  isServer: boolean,
+  clientReferences?: ClientReferencePath | ReadonlyArray<ClientReferencePath>,
+  chunkName?: string,
+  clientManifestFilename?: string,
+  serverConsumerManifestFilename?: string,
+};
+
+export class RSCWebpackPlugin {
+  private plugin?: RSCWebpackPluginLib;
+
+  constructor(options: Options) {
+    if (!options.isServer) {
+      this.plugin = new RSCWebpackPluginLib(options);
+    }
+  }
+
+  apply(compiler: Compiler) {
+    this.plugin?.apply(compiler);
+  }
+}

node_package/types/react-server-dom-webpack.d.ts

@@ -43,3 +43,12 @@ declare module 'react-server-dom-webpack/client' {
 
   export function createFromReadableStream<T>(stream: ReadableStream): Promise<T>;
 }
+
+declare module 'react-server-dom-webpack/plugin' {
+  import { Compiler } from "webpack";
+
+  export default class ReactFlightWebpackPlugin {
+    constructor(options: unknown);
+    apply(compiler: Compiler): void;
+  }
+}

package.json

@@ -9,6 +9,7 @@
       "default": "./node_package/lib/ReactOnRails.js"
     },
     "./RSCWebpackLoader": "./node_package/lib/RSCWebpackLoader.js",
+    "./RSCWebpackPlugin": "./node_package/lib/RSCWebpackPlugin.js",
     "./registerServerComponent/client": "./node_package/lib/registerServerComponent/client.js",
     "./registerServerComponent/server": "./node_package/lib/registerServerComponent/server.js"
   },
@@ -47,17 +48,18 @@
     "prop-types": "^15.8.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-server-dom-webpack": "19.0.0",
+    "react-server-dom-webpack": "^19.0.0",
     "redux": "^4.2.1",
     "ts-jest": "^29.2.5",
     "typescript": "^5.6.2",
     "webpack": "^5.97.1"
   },
-  "dependencies": {},
+  "dependencies": {
+    "react-server-dom-webpack": "^19.0.0"
+  },
   "peerDependencies": {
     "react": ">= 16",
-    "react-dom": ">= 16",
-    "react-server-dom-webpack": ">= 18.3.0-canary-670811593-20240322"
+    "react-dom": ">= 16"
   },
   "files": [
     "node_package/lib"

yarn.lock

@@ -5830,7 +5830,7 @@ react-is@^18.0.0:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
-[email protected]:
+react-server-dom-webpack@^19.0.0:
   version "19.0.0"
   resolved "https://registry.yarnpkg.com/react-server-dom-webpack/-/react-server-dom-webpack-19.0.0.tgz#c60819b6cb54e317e675ddc0c5959ff915b789d0"
   integrity sha512-hLug9KEXLc8vnU9lDNe2b2rKKDaqrp5gNiES4uyu2Up3FZfZJZmdwLFXlWzdA9gTB/6/cWduSB2K1Lfag2pSvw==