react-server-dom-rspack 0.0.1-alpha.1 → 0.0.1-alpha.2

package/dist/client.browser.d.ts

@@ -0,0 +1,23 @@
+import type { TemporaryReferenceSet } from "./types";
+export type CallServerCallback = (id: string, args: unknown[]) => Promise<unknown>;
+export declare function setServerCallback(fn: CallServerCallback): void;
+export declare function createServerReference(id: string): (...args: unknown[]) => Promise<unknown>;
+export declare const registerServerReference: (reference: any, id: string, exportName: string | null) => unknown;
+export declare const createTemporaryReferenceSet: (...args: unknown[]) => TemporaryReferenceSet;
+export type FindSourceMapURLCallback = (fileName: string, environmentName: string) => null | string;
+export interface Options {
+    environmentName?: string;
+    replayConsoleLogs?: boolean;
+    temporaryReferences?: TemporaryReferenceSet;
+    debugChannel?: {
+        readable?: ReadableStream;
+        writable?: WritableStream;
+    };
+}
+export declare function createFromFetch<T>(promiseForResponse: Promise<Response>, options?: Options): Promise<T>;
+export declare function createFromReadableStream<T>(stream: ReadableStream, options?: Options): Promise<T>;
+export declare const encodeReply: (value: unknown, options?: {
+    temporaryReferences?: TemporaryReferenceSet;
+    signal?: AbortSignal;
+}) => Promise<string | FormData>;
+export declare function onServerComponentChanges(callback: () => void): () => void;

package/dist/client.browser.js

@@ -0,0 +1,41 @@
+// @ts-ignore
+import * as ReactClient from "../vendor/react-server-dom-webpack/client.browser";
+let callServer = null;
+export function setServerCallback(fn) {
+    callServer = fn;
+}
+function callCurrentServerCallback(id, args) {
+    if (!callServer) {
+        throw new Error("No server callback has been registered. Call setServerCallback to register one.");
+    }
+    return callServer(id, args);
+}
+function findSourceMapURL(filename, environmentName) {
+    const url = new URL("/__rspack_source_map", window.location.origin);
+    url.searchParams.set("filename", filename);
+    url.searchParams.set("environmentName", environmentName);
+    return url.toString();
+}
+export function createServerReference(id) {
+    return ReactClient.createServerReference(id, callCurrentServerCallback, undefined, process.env.NODE_ENV == "development" ? findSourceMapURL : undefined);
+}
+export const registerServerReference = ReactClient.registerServerReference;
+export const createTemporaryReferenceSet = ReactClient.createTemporaryReferenceSet;
+export function createFromFetch(promiseForResponse, options = {}) {
+    return ReactClient.createFromFetch(promiseForResponse, {
+        callServer: callCurrentServerCallback,
+        ...options,
+    });
+}
+export function createFromReadableStream(stream, options = {}) {
+    return ReactClient.createFromReadableStream(stream, {
+        callServer: callCurrentServerCallback,
+        ...options,
+    });
+}
+export const encodeReply = ReactClient.encodeReply;
+export function onServerComponentChanges(callback) {
+    return __webpack_require__.rscHmr.on(() => {
+        callback();
+    });
+}

package/dist/client.d.ts

@@ -0,0 +1 @@
+export * from './client.browser';

package/dist/client.edge.d.ts

@@ -0,0 +1,28 @@
+import type { TemporaryReferenceSet } from "./types";
+export declare const createTemporaryReferenceSet: (...args: unknown[]) => TemporaryReferenceSet;
+export declare function createServerReference(id: string): (...args: unknown[]) => Promise<unknown>;
+export type EncodeFormActionCallback = <A>(id: any, args: Promise<A>) => ReactCustomFormAction;
+export type ReactCustomFormAction = {
+    name?: string;
+    action?: string;
+    encType?: string;
+    method?: string;
+    target?: string;
+    data?: null | FormData;
+};
+export interface Options {
+    nonce?: string;
+    encodeFormAction?: EncodeFormActionCallback;
+    temporaryReferences?: TemporaryReferenceSet;
+    replayConsoleLogs?: boolean;
+    environmentName?: string;
+    debugChannel?: {
+        readable?: ReadableStream;
+    };
+}
+export declare function createFromFetch<T>(promiseForResponse: Promise<Response>, options?: Options): Promise<T>;
+export declare function createFromReadableStream<T>(stream: ReadableStream, options?: Options): Promise<T>;
+export declare const encodeReply: (value: unknown, options?: {
+    temporaryReferences?: TemporaryReferenceSet;
+    signal?: AbortSignal;
+}) => Promise<string | FormData>;

package/dist/client.edge.js

@@ -0,0 +1,27 @@
+// @ts-ignore
+import * as ReactClient from "../vendor/react-server-dom-webpack/client.edge";
+export const createTemporaryReferenceSet = ReactClient.createTemporaryReferenceSet;
+export function createServerReference(id) {
+    return ReactClient.createServerReference(id);
+}
+export function createFromFetch(promiseForResponse, options = {}) {
+    return ReactClient.createFromFetch(promiseForResponse, {
+        serverConsumerManifest: {
+            moduleMap: __rspack_rsc_manifest__.serverConsumerModuleMap,
+            moduleLoading: __rspack_rsc_manifest__.moduleLoading,
+            serverModuleMap: __rspack_rsc_manifest__.serverManifest,
+        },
+        ...options,
+    });
+}
+export function createFromReadableStream(stream, options = {}) {
+    return ReactClient.createFromReadableStream(stream, {
+        serverConsumerManifest: {
+            moduleMap: __rspack_rsc_manifest__.serverConsumerModuleMap,
+            moduleLoading: __rspack_rsc_manifest__.moduleLoading,
+            serverModuleMap: __rspack_rsc_manifest__.serverManifest,
+        },
+        ...options,
+    });
+}
+export const encodeReply = ReactClient.encodeReply;

package/dist/client.js

@@ -0,0 +1 @@
+export * from './client.browser';

package/dist/client.node.d.ts

@@ -0,0 +1,11 @@
+import type { Readable } from "node:stream";
+import type { EncodeFormActionCallback } from "./client.edge";
+export * from "./client.edge";
+export type Options = {
+    nonce?: string;
+    encodeFormAction?: EncodeFormActionCallback;
+    replayConsoleLogs?: boolean;
+    environmentName?: string;
+    debugChannel?: Readable;
+};
+export declare function createFromNodeStream<T>(stream: Readable, options?: Options): Promise<T>;

package/dist/client.node.js

@@ -0,0 +1,10 @@
+// @ts-ignore
+import * as ReactClient from "../vendor/react-server-dom-webpack/client.node";
+export * from "./client.edge";
+export function createFromNodeStream(stream, options) {
+    return ReactClient.createFromNodeStream(stream, {
+        moduleMap: __rspack_rsc_manifest__.serverConsumerModuleMap,
+        moduleLoading: __rspack_rsc_manifest__.moduleLoading,
+        serverModuleMap: __rspack_rsc_manifest__.serverManifest,
+    }, options);
+}

package/dist/index.js

@@ -0,0 +1,2 @@
+"use strict";
+throw new Error('Use react-server-dom-rspack/client instead.');

package/dist/server.browser.js

@@ -0,0 +1,2 @@
+"use strict";
+throw new Error("Not implemented: server.browser runtime is not available yet. Please use the Node or Edge server runtime (server.node/server.edge).");

package/dist/server.edge.d.ts

@@ -0,0 +1,29 @@
+import type { TemporaryReferenceSet } from "./types";
+export declare function renderToReadableStream(model: any, options?: {
+    temporaryReferences?: TemporaryReferenceSet;
+    environmentName?: string | (() => string);
+    filterStackFrame?: (url: string, functionName: string, lineNumber: number, columnNumber: number) => boolean;
+    onError?: (error: unknown) => void;
+    signal?: AbortSignal;
+    debugChannel?: {
+        readable?: ReadableStream;
+        writable?: WritableStream;
+    };
+}): void;
+export declare function decodeReply<T>(body: string | FormData, options?: {
+    temporaryReferences?: TemporaryReferenceSet;
+}): Promise<T>;
+export declare function decodeReplyFromAsyncIterable<T>(iterable: AsyncIterable<[string, string | File]>, options?: {
+    temporaryReferences?: TemporaryReferenceSet;
+}): Promise<T>;
+export declare function decodeAction<T>(body: FormData): Promise<() => T> | null;
+export declare function decodeFormState<S>(actionResult: S, body: FormData): Promise<unknown | null>;
+export declare const registerClientReference: (proxyImplementation: any, id: string, exportName: string) => unknown;
+export declare const registerServerReference: <T extends Function>(reference: T, id: string, exportName: string) => unknown;
+export declare const createTemporaryReferenceSet: (...args: unknown[]) => TemporaryReferenceSet;
+export declare function loadServerAction(actionId: string): Promise<Function>;
+export type ServerEntry<T> = T & {
+    entryJsFiles: string[];
+    entryCssFiles: string[];
+};
+export declare function createServerEntry<T>(value: T, resourceId: string): ServerEntry<T>;

package/dist/server.edge.js

@@ -0,0 +1,44 @@
+// @ts-ignore
+import * as ReactServer from "react-server-dom-webpack/server.edge";
+export function renderToReadableStream(model, options) {
+    ReactServer.renderToReadableStream(model, __rspack_rsc_manifest__.clientManifest, options);
+}
+export function decodeReply(body, options) {
+    return ReactServer.decodeReply(body, __rspack_rsc_manifest__.serverManifest, options);
+}
+export function decodeReplyFromAsyncIterable(iterable, options) {
+    return ReactServer.decodeReplyFromAsyncIterable(iterable, __rspack_rsc_manifest__.serverManifest, options);
+}
+export function decodeAction(body) {
+    return ReactServer.decodeAction(body, __rspack_rsc_manifest__.serverManifest);
+}
+export function decodeFormState(actionResult, body) {
+    return ReactServer.decodeFormState(actionResult, body, __rspack_rsc_manifest__.serverManifest);
+}
+export const registerClientReference = ReactServer.registerClientReference;
+export const registerServerReference = ReactServer.registerServerReference;
+export const createTemporaryReferenceSet = ReactServer.createTemporaryReferenceSet;
+export async function loadServerAction(actionId) {
+    const actionModId = __rspack_rsc_manifest__.serverManifest[actionId]?.id;
+    if (!actionModId) {
+        throw new Error(`Failed to find Server Action "${actionId}". This request might be from an older or newer deployment.`);
+    }
+    const moduleExports = __webpack_require__(actionModId);
+    const fn = moduleExports[actionId];
+    if (typeof fn !== "function") {
+        throw new Error("Server actions must be functions");
+    }
+    return fn;
+}
+export function createServerEntry(value, resourceId) {
+    const entryJsFiles = __rspack_rsc_manifest__.entryJsFiles ?? [];
+    const entryCssFiles = __rspack_rsc_manifest__.entryCssFiles?.[resourceId] ?? [];
+    if (typeof value === "function" ||
+        (typeof value === "object" && value !== null)) {
+        Object.assign(value, {
+            entryJsFiles,
+            entryCssFiles,
+        });
+    }
+    return value;
+}

package/dist/server.js

@@ -0,0 +1,3 @@
+"use strict";
+throw new Error('The React Server cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.');

package/dist/server.node.d.ts

@@ -0,0 +1,30 @@
+import type { TemporaryReferenceSet } from "./types";
+export type { TemporaryReferenceSet } from "./types";
+export declare function renderToReadableStream(model: any, options?: {
+    temporaryReferences?: TemporaryReferenceSet;
+    environmentName?: string | (() => string);
+    filterStackFrame?: (url: string, functionName: string, lineNumber: number, columnNumber: number) => boolean;
+    onError?: (error: unknown) => void;
+    signal?: AbortSignal;
+    debugChannel?: {
+        readable?: ReadableStream;
+        writable?: WritableStream;
+    };
+}): ReadableStream<Uint8Array>;
+export declare function decodeReply<T>(body: string | FormData, options?: {
+    temporaryReferences?: TemporaryReferenceSet;
+}): Promise<T[]>;
+export declare function decodeReplyFromAsyncIterable<T>(iterable: AsyncIterable<[string, string | File]>, options?: {
+    temporaryReferences?: TemporaryReferenceSet;
+}): Promise<T>;
+export declare function decodeAction(body: FormData): Promise<() => unknown> | null;
+export declare function decodeFormState(actionResult: unknown, body: FormData): Promise<unknown | null>;
+export declare function registerServerReference<T extends Function>(reference: T, id: string, exportName: string | null): unknown;
+export declare function registerClientReference(proxyImplementation: any, id: string, exportName: string): unknown;
+export declare const createTemporaryReferenceSet: (...args: unknown[]) => TemporaryReferenceSet;
+export declare function loadServerAction(actionId: string): Promise<Function>;
+export type ServerEntry<T> = T & {
+    entryJsFiles: string[];
+    entryCssFiles: string[];
+};
+export declare function createServerEntry<T>(value: T, resourceId: string): ServerEntry<T>;

package/dist/server.node.js

@@ -0,0 +1,48 @@
+// @ts-ignore
+import * as ReactServer from "react-server-dom-webpack/server.node";
+export function renderToReadableStream(model, options) {
+    return ReactServer.renderToReadableStream(model, __rspack_rsc_manifest__.clientManifest, options);
+}
+export function decodeReply(body, options) {
+    return ReactServer.decodeReply(body, __rspack_rsc_manifest__.serverManifest, options);
+}
+export function decodeReplyFromAsyncIterable(iterable, options) {
+    return ReactServer.decodeReplyFromAsyncIterable(iterable, __rspack_rsc_manifest__.serverManifest, options);
+}
+export function decodeAction(body) {
+    return ReactServer.decodeAction(body, __rspack_rsc_manifest__.serverManifest);
+}
+export function decodeFormState(actionResult, body) {
+    return ReactServer.decodeFormState(actionResult, body, __rspack_rsc_manifest__.serverManifest);
+}
+export function registerServerReference(reference, id, exportName) {
+    return ReactServer.registerServerReference(reference, id, exportName);
+}
+export function registerClientReference(proxyImplementation, id, exportName) {
+    return ReactServer.registerClientReference(proxyImplementation, id, exportName);
+}
+export const createTemporaryReferenceSet = ReactServer.createTemporaryReferenceSet;
+export async function loadServerAction(actionId) {
+    const actionModId = __rspack_rsc_manifest__.serverManifest[actionId]?.id;
+    if (!actionModId) {
+        throw new Error(`Failed to find Server Action "${actionId}". This request might be from an older or newer deployment.`);
+    }
+    const moduleExports = __webpack_require__(actionModId);
+    const fn = moduleExports[actionId];
+    if (typeof fn !== "function") {
+        throw new Error("Server actions must be functions");
+    }
+    return fn;
+}
+export function createServerEntry(value, resourceId) {
+    const entryJsFiles = __rspack_rsc_manifest__.entryJsFiles ?? [];
+    const entryCssFiles = __rspack_rsc_manifest__.entryCssFiles?.[resourceId] ?? [];
+    if (typeof value === "function" ||
+        (typeof value === "object" && value !== null)) {
+        Object.assign(value, {
+            entryJsFiles,
+            entryCssFiles,
+        });
+    }
+    return value;
+}

package/dist/types.d.ts

@@ -0,0 +1,41 @@
+export type TemporaryReferenceSet = Map<string, unknown>;
+type ModuleLoading = {
+    prefix: string;
+    crossOrigin: 'use-credentials' | '';
+};
+type ServerConsumerModuleMap = {
+    [id: string]: {
+        [name: string]: {
+            specifier: string;
+            name: string;
+        };
+    };
+};
+type ServerManifest = {
+    [id: string]: ImportManifestEntry;
+};
+type ImportManifestEntry = {
+    id: string;
+    chunks: Array<string>;
+    name: string;
+    async?: boolean;
+};
+type ClientManifest = {
+    [id: string]: ImportManifestEntry;
+};
+declare global {
+    const __webpack_require__: ((id: string | number) => any) & {
+        rscHmr: {
+            on: (callback: () => void) => () => void;
+        };
+    };
+    const __rspack_rsc_manifest__: {
+        serverManifest: ServerManifest;
+        clientManifest: ClientManifest;
+        serverConsumerModuleMap: ServerConsumerModuleMap;
+        moduleLoading: ModuleLoading;
+        entryCssFiles: Record<string, string[]>;
+        entryJsFiles: string[];
+    };
+}
+export {};

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,32 +1,142 @@
 {
   "name": "react-server-dom-rspack",
   "description": "React Server Components bindings for DOM using Rspack",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.2",
   "type": "module",
+  "sideEffects": false,
   "exports": {
+    ".": "./dist/index.js",
+    "./client": {
+      "workerd": {
+        "types": "./dist/client.edge.d.ts",
+        "default": "./dist/client.edge.js"
+      },
+      "deno": {
+        "types": "./dist/client.edge.d.ts",
+        "default": "./dist/client.edge.js"
+      },
+      "worker": {
+        "types": "./dist/client.edge.d.ts",
+        "default": "./dist/client.edge.js"
+      },
+      "node": {
+        "types": "./dist/client.node.d.ts",
+        "default": "./dist/client.node.js"
+      },
+      "edge-light": {
+        "types": "./dist/client.edge.d.ts",
+        "default": "./dist/client.edge.js"
+      },
+      "browser": {
+        "types": "./dist/client.browser.d.ts",
+        "default": "./dist/client.browser.js"
+      },
+      "default": {
+        "types": "./dist/client.browser.d.ts",
+        "default": "./dist/client.browser.js"
+      }
+    },
+    "./client.browser": {
+      "types": "./dist/client.browser.d.ts",
+      "default": "./dist/client.browser.js"
+    },
+    "./client.edge": {
+      "types": "./dist/client.edge.d.ts",
+      "default": "./dist/client.edge.js"
+    },
+    "./client.node": {
+      "types": "./dist/client.node.d.ts",
+      "default": "./dist/client.node.js"
+    },
     "./server": {
-      "import": "./dist/server.mjs"
+      "react-server": {
+        "workerd": {
+          "types": "./dist/server.edge.d.ts",
+          "default": "./dist/server.edge.js"
+        },
+        "deno": {
+          "types": "./dist/server.browser.d.ts",
+          "default": "./dist/server.browser.js"
+        },
+        "node": {
+          "types": "./dist/server.node.d.ts",
+          "default": "./dist/server.node.js"
+        },
+        "edge-light": {
+          "types": "./dist/server.edge.d.ts",
+          "default": "./dist/server.edge.js"
+        },
+        "browser": {
+          "types": "./dist/server.browser.d.ts",
+          "default": "./dist/server.browser.js"
+        }
+      },
+      "default": "./server.js"
     },
-    "./client": {
-      "import": "./dist/client.mjs"
+    "./server.browser": {
+      "types": "./dist/server.browser.d.ts",
+      "default": "./dist/server.browser.js"
+    },
+    "./server.edge": {
+      "types": "./dist/server.edge.d.ts",
+      "default": "./dist/server.edge.js"
+    },
+    "./server.node": {
+      "types": "./dist/server.node.d.ts",
+      "default": "./dist/server.node.js"
     },
     "./package.json": "./package.json"
   },
   "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "client": [
+        "dist/client.d.ts"
+      ],
+      "client.browser": [
+        "dist/client.browser.d.ts"
+      ],
+      "client.edge": [
+        "dist/client.edge.d.ts"
+      ],
+      "client.node": [
+        "dist/client.node.d.ts"
+      ],
+      "server": [
+        "dist/server.d.ts"
+      ],
+      "server.browser": [
+        "dist/server.browser.d.ts"
+      ],
+      "server.edge": [
+        "dist/server.edge.d.ts"
+      ],
+      "server.node": [
+        "dist/server.node.d.ts"
+      ],
+      "*": [
+        "dist/index.d.ts"
+      ]
+    }
+  },
   "files": [
-    "dist"
+    "dist",
+    "vendor"
   ],
   "scripts": {
-    "build": "rslib build",
-    "dev": "rslib build --watch"
+    "build": "pnpm run vendor && tsc -p tsconfig.json",
+    "dev": "tsc -p tsconfig.json --watch",
+    "vendor": "cpx \"./node_modules/react-server-dom-webpack/**\" ./vendor/react-server-dom-webpack"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "@rspack/core": "^1.x"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "^7.55.2",
-    "@rslib/core": "^0.18.4",
     "@types/node": "^24.10.1",
+    "cpx2": "^8.0.0",
+    "react-server-dom-webpack": "^19.2.3",
     "typescript": "^5.9.3"
-  },
-  "dependencies": {
-    "react-server-dom-webpack": "^19.2.3"
   }
 }

package/vendor/react-server-dom-webpack/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Meta Platforms, Inc. and affiliates.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/vendor/react-server-dom-webpack/README.md

@@ -0,0 +1,5 @@
+# react-server-dom-webpack
+
+Experimental React Flight bindings for DOM using Webpack.
+
+**Use it at your own risk.**