Convert RSCWebpackLoader to TypeScript

node_package/src/RSCWebpackLoader.ts

@@ -0,0 +1,25 @@
+import { pathToFileURL } from 'url';
+import { LoaderDefinition } from 'webpack';
+
+const RSCWebpackLoader: LoaderDefinition = function RSCWebpackLoader(source, sourceMap) {
+  // Mark loader as async since we're doing async operations
+  const callback = this.async();
+
+  (async () => {
+    // Convert file path to URL format
+    const fileUrl = pathToFileURL(this.resourcePath).href;
+
+    // eslint-disable-next-line no-new-func
+    const { load } = await new Function('return import("react-server-dom-webpack/node-loader")')() as
+      typeof import('react-server-dom-webpack/node-loader');
+    return load(fileUrl, null, async () => ({
+      format: 'module',
+      source,
+    }));
+  })().then(
+    result => callback(null, result.source, sourceMap),
+    error => callback(error),
+  );
+};
+
+export default RSCWebpackLoader;

package.json

@@ -52,7 +52,8 @@
     "react-server-dom-webpack": "18.3.0-canary-670811593-20240322",
     "redux": "^4.2.1",
     "ts-jest": "^29.2.5",
-    "typescript": "^5.6.2"
+    "typescript": "^5.6.2",
+    "webpack": "^5.97.1"
   },
   "dependencies": {},
   "peerDependencies": {
@@ -71,7 +72,7 @@
     "prepack": "nps build.prepack",
     "prepare": "nps build.prepack",
     "prepublishOnly": "yarn run build",
-    "build": "yarn run clean && yarn run tsc --declaration && cp node_package/src/RSCWebpackLoader.js node_package/lib",
+    "build": "yarn run clean && yarn run tsc --declaration",
     "build-watch": "yarn run clean && yarn run tsc --watch",
     "lint": "nps eslint",
     "check": "yarn run lint && yarn run test && yarn run type-check",

tsconfig.json

@@ -12,6 +12,5 @@
     "target": "es5",
     "typeRoots": ["./node_modules/@types", "./node_package/types"]
   },
-  "include": ["node_package/src/**/*", "node_package/types/**/*"],
-  "exclude": ["node_package/src/RSCWebpackLoader.js"]
+  "include": ["node_package/src/**/*", "node_package/types/**/*"]
 }