react-server-dom-rspack 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/client.browser.d.ts

@@ -1,8 +1,8 @@
-import type { TemporaryReferenceSet } from "./types";
+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 registerServerReference: <T extends Function>(reference: T, 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 {

package/dist/client.browser.js

@@ -1,36 +1,36 @@
-// @ts-ignore
-import * as ReactClient from "../vendor/react-server-dom-webpack/client.browser";
+// @ts-expect-error
+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.");
+        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);
+    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);
+    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,
+        callServer: callCurrentServerCallback,
     });
 }
 export function createFromReadableStream(stream, options = {}) {
     return ReactClient.createFromReadableStream(stream, {
-        callServer: callCurrentServerCallback,
         ...options,
+        callServer: callCurrentServerCallback,
     });
 }
 export const encodeReply = ReactClient.encodeReply;

package/dist/client.edge.d.ts

@@ -1,7 +1,7 @@
-import type { TemporaryReferenceSet } from "./types";
+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 EncodeFormActionCallback = <A>(id: unknown, args: Promise<A>) => ReactCustomFormAction;
 export type ReactCustomFormAction = {
     name?: string;
     action?: string;

package/dist/client.edge.js

@@ -1,27 +1,27 @@
-// @ts-ignore
-import * as ReactClient from "../vendor/react-server-dom-webpack/client.edge";
+// @ts-expect-error
+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, {
+        ...options,
         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, {
+        ...options,
         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.node.d.ts

@@ -1,6 +1,6 @@
-import type { Readable } from "node:stream";
-import type { EncodeFormActionCallback } from "./client.edge";
-export * from "./client.edge";
+import type { Readable } from 'node:stream';
+import type { EncodeFormActionCallback } from './client.edge';
+export * from './client.edge';
 export type Options = {
     nonce?: string;
     encodeFormAction?: EncodeFormActionCallback;

package/dist/client.node.js

@@ -1,6 +1,6 @@
-// @ts-ignore
-import * as ReactClient from "../vendor/react-server-dom-webpack/client.node";
-export * from "./client.edge";
+// @ts-expect-error
+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,

package/dist/server.browser.d.ts

@@ -0,0 +1,26 @@
+import type { RscManifest, ServerEntry, TemporaryReferenceSet } from './types';
+export type { RscManifest, TemporaryReferenceSet } from './types';
+export declare const rscManifest: RscManifest;
+export declare function renderToReadableStream(model: unknown, options?: {
+    debugChannel?: {
+        readable?: ReadableStream;
+        writable?: WritableStream;
+    };
+    environmentName?: string | (() => string);
+    filterStackFrame?: (url: string, functionName: string, lineNumber: number, columnNumber: number) => boolean;
+    identifierPrefix?: string;
+    signal?: AbortSignal;
+    temporaryReferences?: TemporaryReferenceSet;
+    onError?: (error: unknown) => void;
+}): void;
+export declare function decodeReply<T>(body: string | FormData, 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 registerServerReference: <T extends Function>(reference: T, id: string, exportName: null | string) => unknown;
+export declare const registerClientReference: (proxyImplementation: unknown, id: string, exportName: string) => unknown;
+export declare const createTemporaryReferenceSet: (...args: unknown[]) => TemporaryReferenceSet;
+export declare function loadServerAction(actionId: string): Function;
+export type { ServerEntry } from './types';
+export declare function createServerEntry<T>(value: T, resourceId: string): ServerEntry<T>;

package/dist/server.browser.js

@@ -1,2 +1,42 @@
-"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).");
+// @ts-expect-error
+import * as ReactServer from '../vendor/react-server-dom-webpack/server.browser';
+export const rscManifest = __rspack_rsc_manifest__;
+export function renderToReadableStream(model, options) {
+    ReactServer.renderToReadableStream(model, rscManifest.clientManifest, options);
+}
+export function decodeReply(body, options) {
+    return ReactServer.decodeReply(body, rscManifest.serverManifest, options);
+}
+export function decodeAction(body) {
+    return ReactServer.decodeAction(body, rscManifest.serverManifest);
+}
+export function decodeFormState(actionResult, body) {
+    return ReactServer.decodeFormState(actionResult, body, rscManifest.serverManifest);
+}
+export const registerServerReference = ReactServer.registerServerReference;
+export const registerClientReference = ReactServer.registerClientReference;
+export const createTemporaryReferenceSet = ReactServer.createTemporaryReferenceSet;
+export function loadServerAction(actionId) {
+    const actionModId = rscManifest.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 = rscManifest.entryJsFiles ?? [];
+    const entryCssFiles = rscManifest.entryCssFiles?.[resourceId] ?? [];
+    if (typeof value === 'function' ||
+        (typeof value === 'object' && value !== null)) {
+        Object.assign(value, {
+            entryJsFiles,
+            entryCssFiles,
+        });
+    }
+    return value;
+}

package/dist/server.edge.d.ts

@@ -1,5 +1,7 @@
-import type { TemporaryReferenceSet } from "./types";
-export declare function renderToReadableStream(model: any, options?: {
+import type { RscManifest, ServerEntry, TemporaryReferenceSet } from './types';
+export type { RscManifest, TemporaryReferenceSet } from './types';
+export declare const rscManifest: RscManifest;
+export declare function renderToReadableStream(model: unknown, options?: {
     temporaryReferences?: TemporaryReferenceSet;
     environmentName?: string | (() => string);
     filterStackFrame?: (url: string, functionName: string, lineNumber: number, columnNumber: number) => boolean;
@@ -18,12 +20,9 @@ export declare function decodeReplyFromAsyncIterable<T>(iterable: AsyncIterable<
 }): 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 registerClientReference: (proxyImplementation: unknown, id: string, exportName: string) => unknown;
+export declare const registerServerReference: <T extends Function>(reference: T, id: string, exportName: null | 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 loadServerAction(actionId: string): Function;
+export type { ServerEntry } from './types';
 export declare function createServerEntry<T>(value: T, resourceId: string): ServerEntry<T>;

package/dist/server.edge.js

@@ -1,16 +1,17 @@
-// @ts-ignore
-import * as ReactServer from "../vendor/react-server-dom-webpack/server.edge";
+// @ts-expect-error
+import * as ReactServer from '../vendor/react-server-dom-webpack/server.edge';
+export const rscManifest = __rspack_rsc_manifest__;
 export function renderToReadableStream(model, options) {
-    ReactServer.renderToReadableStream(model, __rspack_rsc_manifest__.clientManifest, options);
+    ReactServer.renderToReadableStream(model, rscManifest.clientManifest, options);
 }
 export function decodeReply(body, options) {
-    return ReactServer.decodeReply(body, __rspack_rsc_manifest__.serverManifest, options);
+    return ReactServer.decodeReply(body, rscManifest.serverManifest, options);
 }
 export function decodeReplyFromAsyncIterable(iterable, options) {
-    return ReactServer.decodeReplyFromAsyncIterable(iterable, __rspack_rsc_manifest__.serverManifest, options);
+    return ReactServer.decodeReplyFromAsyncIterable(iterable, rscManifest.serverManifest, options);
 }
 export function decodeAction(body) {
-    return ReactServer.decodeAction(body, __rspack_rsc_manifest__.serverManifest);
+    return ReactServer.decodeAction(body, rscManifest.serverManifest);
 }
 export function decodeFormState(actionResult, body) {
     return ReactServer.decodeFormState(actionResult, body, __rspack_rsc_manifest__.serverManifest);
@@ -18,23 +19,23 @@ export function decodeFormState(actionResult, body) {
 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;
+export function loadServerAction(actionId) {
+    const actionModId = rscManifest.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");
+    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)) {
+    const entryJsFiles = rscManifest.entryJsFiles ?? [];
+    const entryCssFiles = rscManifest.entryCssFiles?.[resourceId] ?? [];
+    if (typeof value === 'function' ||
+        (typeof value === 'object' && value !== null)) {
         Object.assign(value, {
             entryJsFiles,
             entryCssFiles,

package/dist/server.node.d.ts

@@ -1,6 +1,7 @@
-import type { TemporaryReferenceSet } from "./types";
-export type { TemporaryReferenceSet } from "./types";
-export declare function renderToReadableStream(model: any, options?: {
+import type { RscManifest, ServerEntry, TemporaryReferenceSet } from './types';
+export type { RscManifest, TemporaryReferenceSet } from './types';
+export declare const rscManifest: RscManifest;
+export declare function renderToReadableStream(model: unknown, options?: {
     temporaryReferences?: TemporaryReferenceSet;
     environmentName?: string | (() => string);
     filterStackFrame?: (url: string, functionName: string, lineNumber: number, columnNumber: number) => boolean;
@@ -20,11 +21,8 @@ export declare function decodeReplyFromAsyncIterable<T>(iterable: AsyncIterable<
 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 function registerClientReference(proxyImplementation: unknown, 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 loadServerAction(actionId: string): Function;
+export type { ServerEntry } from './types';
 export declare function createServerEntry<T>(value: T, resourceId: string): ServerEntry<T>;

package/dist/server.node.js

@@ -1,19 +1,20 @@
-// @ts-ignore
-import * as ReactServer from "../vendor/react-server-dom-webpack/server.node";
+// @ts-expect-error
+import * as ReactServer from '../vendor/react-server-dom-webpack/server.node';
+export const rscManifest = __rspack_rsc_manifest__;
 export function renderToReadableStream(model, options) {
-    return ReactServer.renderToReadableStream(model, __rspack_rsc_manifest__.clientManifest, options);
+    return ReactServer.renderToReadableStream(model, rscManifest.clientManifest, options);
 }
 export function decodeReply(body, options) {
-    return ReactServer.decodeReply(body, __rspack_rsc_manifest__.serverManifest, options);
+    return ReactServer.decodeReply(body, rscManifest.serverManifest, options);
 }
 export function decodeReplyFromAsyncIterable(iterable, options) {
-    return ReactServer.decodeReplyFromAsyncIterable(iterable, __rspack_rsc_manifest__.serverManifest, options);
+    return ReactServer.decodeReplyFromAsyncIterable(iterable, rscManifest.serverManifest, options);
 }
 export function decodeAction(body) {
-    return ReactServer.decodeAction(body, __rspack_rsc_manifest__.serverManifest);
+    return ReactServer.decodeAction(body, rscManifest.serverManifest);
 }
 export function decodeFormState(actionResult, body) {
-    return ReactServer.decodeFormState(actionResult, body, __rspack_rsc_manifest__.serverManifest);
+    return ReactServer.decodeFormState(actionResult, body, rscManifest.serverManifest);
 }
 export function registerServerReference(reference, id, exportName) {
     return ReactServer.registerServerReference(reference, id, exportName);
@@ -22,23 +23,23 @@ 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;
+export function loadServerAction(actionId) {
+    const actionModId = rscManifest.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");
+    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)) {
+    const entryJsFiles = rscManifest.entryJsFiles ?? [];
+    const entryCssFiles = rscManifest.entryCssFiles?.[resourceId] ?? [];
+    if (typeof value === 'function' ||
+        (typeof value === 'object' && value !== null)) {
         Object.assign(value, {
             entryJsFiles,
             entryCssFiles,

package/dist/types.d.ts

@@ -1,4 +1,8 @@
 export type TemporaryReferenceSet = Map<string, unknown>;
+export type ServerEntry<T> = T & {
+    entryJsFiles: string[];
+    entryCssFiles: string[];
+};
 type ModuleLoading = {
     prefix: string;
     crossOrigin: 'use-credentials' | '';
@@ -23,19 +27,20 @@ type ImportManifestEntry = {
 type ClientManifest = {
     [id: string]: ImportManifestEntry;
 };
+export type RscManifest = {
+    serverManifest: ServerManifest;
+    clientManifest: ClientManifest;
+    serverConsumerModuleMap: ServerConsumerModuleMap;
+    moduleLoading: ModuleLoading;
+    entryCssFiles: Record<string, string[]>;
+    entryJsFiles: string[];
+};
 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[];
-    };
+    const __rspack_rsc_manifest__: RscManifest;
 }
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-server-dom-rspack",
   "description": "React Server Components bindings for DOM using Rspack",
-  "version": "0.0.1-alpha.3",
+  "version": "0.0.1-alpha.5",
   "type": "module",
   "sideEffects": false,
   "exports": {
@@ -126,14 +126,16 @@
   "scripts": {
     "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"
+    "vendor": "cpx \"./node_modules/react-server-dom-webpack/**\" ./vendor/react-server-dom-webpack",
+    "check": "biome check --write"
   },
   "peerDependencies": {
+    "@rspack/core": "^1.x",
     "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "@rspack/core": "^1.x"
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
+    "@biomejs/biome": "2.3.10",
     "@types/node": "^24.10.1",
     "cpx2": "^8.0.0",
     "react-server-dom-webpack": "^19.2.3",