vike-react-rsc-rudder 1.0.0

package/dist/runtime/serverActionContext.d.ts

@@ -0,0 +1,23 @@
+export { rerender };
+export { getServerActionContext };
+export { provideServerActionContext };
+export interface ServerActionContextType {
+	shouldRerender: boolean;
+}
+/**
+* Provides a server action context for the duration of the callback execution
+* @param context The server action context
+* @param callback The function to execute within the context
+* @returns The result of the callback
+*/
+declare function provideServerActionContext<T>(context: ServerActionContextType, callback: () => T): T;
+/**
+* Gets the current server action context
+* @returns The current server action context or undefined if not in a server action
+*/
+declare function getServerActionContext(): ServerActionContextType | undefined;
+/**
+* Call this function within a server action to trigger a re-render of the page
+* If not called, the server action will only return the action result without re-rendering
+*/
+declare function rerender(): void;

package/dist/runtime/ssr.d.ts

@@ -0,0 +1,2 @@
+import type { OnRenderHtmlAsync } from "vike/types";
+export declare const onRenderHtmlSsr: OnRenderHtmlAsync;

package/dist/runtime/ssr.js

@@ -0,0 +1,107 @@
+import "../getGlobalObject-CzWO6NfD.js";
+import { PageContextProvider } from "../pageContext-client-CmvZ4bmk.js";
+import React, { isValidElement } from "react";
+import envName from "virtual:enviroment-name";
+import { tinyassert } from "@hiogawa/utils";
+import { jsx } from "react/jsx-runtime";
+import { dangerouslySkipEscape, escapeInject } from "vike/server";
+import * as ReactServerDOMClient from "@vitejs/plugin-rsc/react/ssr";
+import { renderToStream } from "react-streaming/server.web";
+import runtimeRsc from "virtual:runtime/server";
+import { renderToStaticMarkup } from "react-dom/server.edge";
+
+//#region src/utils/isReactElement.ts
+function isReactElement(value) {
+	return isValidElement(value) || Array.isArray(value);
+}
+
+//#endregion
+//#region src/runtime/ssr.tsx
+tinyassert(envName === "ssr", "Invalid environment");
+const INIT_SCRIPT = `
+self.__raw_import = (id) => import(id);
+self.__rsc_web_stream = new ReadableStream({
+	start(controller) {
+		self.__rsc_web_stream_push = (chunk) => { controller.enqueue(chunk); };
+		self.__rsc_web_stream_close = () => { controller.close(); };
+	}
+});
+if (!self.TextEncoderStream) {
+  self.TextEncoderStream = class { _controller; encoder = new TextEncoder(); readable = new ReadableStream({ start: c => this._controller = c }); writable = new WritableStream({ write: chunk => this._controller.enqueue(this.encoder.encode(chunk)), close: () => this._controller.close() }); };
+}
+self.__rsc_payload_stream = self.__rsc_web_stream.pipeThrough(new TextEncoderStream());
+console.log('[RSC Init Script] Payload stream setup on window.__rsc_payload_stream');
+`;
+async function importClientReference(id) {
+	if (import.meta.env.DEV) return import(
+		/* @vite-ignore */
+		id
+);
+	else {
+		const clientReferences = await import("virtual:client-references");
+		const dynImport = clientReferences.default[id];
+		console.log("[RSC] Importing client reference", id);
+		tinyassert(dynImport, `client reference not found '${id}'`);
+		return dynImport();
+	}
+}
+ReactServerDOMClient.setRequireModule({ load: importClientReference });
+const onRenderHtmlSsr = async function(pageContext) {
+	const rscPayloadStream = await runtimeRsc.renderPageRsc(pageContext);
+	const [rscStreamForHtml, rscStreamForClientScript] = rscPayloadStream.tee();
+	const payload = await ReactServerDOMClient.createFromReadableStream(rscStreamForHtml);
+	const htmlStream = await renderToStream(/* @__PURE__ */ jsx(PageContextProvider, {
+		pageContext,
+		children: payload.root
+	}), {
+		userAgent: pageContext.headers?.["user-agent"],
+		streamOptions: { formState: payload.formState }
+	});
+	const canClose = htmlStream.doNotClose();
+	rscStreamForClientScript.pipeThrough(new TextDecoderStream()).pipeTo(new WritableStream({
+		write(rscChunk) {
+			htmlStream.injectToStream(`<script>self.__rsc_web_stream_push(${JSON.stringify(rscChunk)})</script>`);
+		},
+		async close() {
+			console.log("RSC stream closed, injecting close script.");
+			htmlStream.injectToStream(`<script>self.__rsc_web_stream_close()</script>`);
+			await new Promise((resolve) => setTimeout(resolve, 200));
+			canClose();
+		}
+	}));
+	const headHtml = getHeadHtml(pageContext);
+	const documentHtml = escapeInject`<!DOCTYPE html>
+    <html>
+      <head>
+        <meta charset="UTF-8" />
+        <script>${dangerouslySkipEscape(INIT_SCRIPT)}</script>
+        ${headHtml}
+      </head>
+      <body>
+        <div id="root">${htmlStream}</div>
+      </body>
+    </html>`;
+	return {
+		documentHtml,
+		pageContext: { enableEagerStreaming: true }
+	};
+};
+function getHeadHtml(pageContext) {
+	const headElementsHtml = dangerouslySkipEscape([...pageContext.config.Head ?? []].filter((Head) => Head !== null && Head !== void 0).map((Head) => getHeadElementHtml(Head, pageContext)).join("\n"));
+	const headHtml = escapeInject`
+    ${headElementsHtml}
+  `;
+	return headHtml;
+}
+function getHeadElementHtml(Head, pageContext) {
+	let headElement;
+	if (isReactElement(Head)) headElement = Head;
+	else headElement = /* @__PURE__ */ jsx(PageContextProvider, {
+		pageContext,
+		children: /* @__PURE__ */ jsx(Head, {})
+	});
+	return renderToStaticMarkup(headElement);
+}
+
+//#endregion
+export { onRenderHtmlSsr };

package/dist/server.d.ts

@@ -0,0 +1 @@
+export { rerender } from "./runtime/serverActionContext.js";

package/dist/server.js

@@ -0,0 +1,4 @@
+import "./getGlobalObject-CzWO6NfD.js";
+import { rerender } from "./serverActionContext-7Jnbh0-W.js";
+
+export { rerender };

package/dist/serverActionContext-7Jnbh0-W.js

@@ -0,0 +1,38 @@
+import { getGlobalObject } from "./getGlobalObject-CzWO6NfD.js";
+import envName from "virtual:enviroment-name";
+import { tinyassert } from "@hiogawa/utils";
+import { AsyncLocalStorage } from "async_hooks";
+
+//#region src/runtime/serverActionContext.ts
+tinyassert(envName === "rsc", "Invalid environment");
+const globalObject = getGlobalObject("ServerActionContext.ts", { serverActionContext: new AsyncLocalStorage() });
+/**
+* Provides a server action context for the duration of the callback execution
+* @param context The server action context
+* @param callback The function to execute within the context
+* @returns The result of the callback
+*/
+function provideServerActionContext(context, callback) {
+	const { serverActionContext } = globalObject;
+	return serverActionContext.run(context, callback);
+}
+/**
+* Gets the current server action context
+* @returns The current server action context or undefined if not in a server action
+*/
+function getServerActionContext() {
+	const { serverActionContext } = globalObject;
+	return serverActionContext.getStore();
+}
+/**
+* Call this function within a server action to trigger a re-render of the page
+* If not called, the server action will only return the action result without re-rendering
+*/
+function rerender() {
+	const context = getServerActionContext();
+	if (context) context.shouldRerender = true;
+	else console.warn("[Server] rerender() called outside of a server action context");
+}
+
+//#endregion
+export { provideServerActionContext, rerender };

package/dist/types/Config.d.ts

@@ -0,0 +1,59 @@
+import type React from "react";
+import type { ImportString } from "vike/types";
+declare global {
+	namespace Vike {
+		interface Config {
+			/**
+			* The page's root React component.
+			*
+			* https://vike.dev/Page
+			*/
+			Page?: () => React.ReactNode;
+			/**
+			* Add arbitrary `<head>` tags.
+			*
+			* https://vike.dev/Head
+			*/
+			Head?: Head;
+			/**
+			* A component that defines the visual layout common to several pages.
+			*
+			* Technically: the `<Layout>` component wraps the root component `<Page>`.
+			*
+			* https://vike.dev/Layout
+			*/
+			Layout?: Layout;
+			/**
+			* A component wrapping the the root component `<Page>`.
+			*
+			* https://vike.dev/Wrapper
+			*/
+			Wrapper?: Wrapper | ImportString;
+			/**
+			* Define loading animations.
+			*
+			* https://vike.dev/Loading
+			*/
+			Loading?: Loading | ImportString;
+			rsc?: RscConfig;
+		}
+		interface ConfigResolved {
+			Wrapper?: Wrapper[];
+			Layout?: Layout[];
+			Head?: Head[];
+		}
+	}
+}
+export type Head = React.ReactNode | (() => React.ReactNode);
+type Wrapper = (props: {
+	children: React.ReactNode
+}) => React.ReactNode;
+type Layout = Wrapper;
+type Loading = {
+	component?: () => React.ReactNode
+	layout?: () => React.ReactNode
+};
+type RscConfig = {
+	staleTime?: number
+};
+export {};

package/dist/types.d.ts

@@ -0,0 +1,22 @@
+import type { ReactFormState } from "react-dom/client";
+export interface ImportManifestEntry {
+	id: string;
+	name: string;
+	chunks: string[];
+	async?: boolean;
+}
+export interface BundlerConfig {
+	[bundlerId: string]: ImportManifestEntry;
+}
+export type RscPayload = {
+	root?: React.ReactNode
+	formState?: ReactFormState
+	returnValue?: unknown
+};
+/**
+* User-defined RSC configuration
+*/
+export interface RscConfig {
+	/** How long (in ms) a cache entry is considered fresh. Set to 0 to disable caching. */
+	staleTime?: number;
+}

package/dist/utils/getGlobalObject.d.ts

@@ -0,0 +1 @@
+export declare function getGlobalObject<T extends Record<string, unknown> = never>(key: `${string}.ts`, defaultValue: T): T;

package/dist/utils/isReactElement.d.ts

@@ -0,0 +1,5 @@
+export { isReactElement };
+import React from "react";
+declare function isReactElement(value: ReactElement | ReactComponent): value is ReactElement;
+type ReactElement = React.ReactNode;
+type ReactComponent = () => ReactElement;

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "vike-react-rsc-rudder",
+  "version": "1.0.0",
+  "description": "React Server Components for Vike — RudderJS-maintained fork of vike-react-rsc by nitedani (MIT). See README.",
+  "type": "module",
+  "author": "nitedani (original); RudderJS (fork)",
+  "homepage": "https://github.com/rudderjs/rudder/tree/main/packages/vike-react-rsc#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rudderjs/rudder.git",
+    "directory": "packages/vike-react-rsc"
+  },
+  "bugs": {
+    "url": "https://github.com/rudderjs/rudder/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "vike",
+    "rsc",
+    "react-server-components",
+    "react",
+    "ssr",
+    "rudderjs"
+  ],
+  "exports": {
+    "./config": "./dist/config.js",
+    "./server": "./dist/server.js",
+    "./client": "./dist/client.js",
+    "./pageContext": {
+      "react-server": "./dist/hooks/pageContext/pageContext-server.js",
+      "default": "./dist/hooks/pageContext/pageContext-client.js"
+    },
+    "./__internal/integration/onRenderHtml": "./dist/integration/onRenderHtml.js",
+    "./__internal/integration/onRenderClient": "./dist/integration/onRenderClient.js",
+    "./__internal/integration/onBeforeRender": "./dist/integration/onBeforeRender.js",
+    "./__internal/integration/onPageTransitionStart": "./dist/integration/onPageTransitionStart.js",
+    "./__internal/integration/rscMiddleware": "./dist/integration/rscMiddleware.js",
+    "./__internal/integration/client": "./dist/integration/client.js",
+    "./__internal/register/browser": "./dist/register/browser.js",
+    "./__internal/register/server": "./dist/register/server.js",
+    "./__internal/register/ssr": "./dist/register/ssr.js",
+    "./__internal/runtime/server": "./dist/runtime/server.js",
+    "./__internal/runtime/ssr": "./dist/runtime/ssr.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*",
+    "vike": "*",
+    "vite": "*"
+  },
+  "dependencies": {
+    "@brillout/json-serializer": "^0.5.15",
+    "@brillout/vite-plugin-server-entry": "^0.7.5",
+    "@hiogawa/transforms": "^0.0.0",
+    "@hiogawa/utils": "^1.7.0",
+    "@universal-middleware/core": "^0.4.17",
+    "@vitejs/plugin-rsc": "0.5.1",
+    "react-streaming": "^0.4.12"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tsdown": "^0.6.10",
+    "typescript": "^5.4.0",
+    "vike": "^0.4.257",
+    "vite": "^7.2.0",
+    "vitefu": "^1.1.1"
+  },
+  "scripts": {
+    "build": "tsdown --clean",
+    "dev": "tsdown --watch --sourcemap"
+  }
+}