npm - @tanstack/react-start-server - Versions diffs - 1.20.3-alpha.1 - Mend

@tanstack/react-start-server 1.20.3-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/LICENSE +21 -0
package/README.md +9 -0
package/dist/cjs/StartServer.cjs +9 -0
package/dist/cjs/StartServer.cjs.map +1 -0
package/dist/cjs/StartServer.d.cts +4 -0
package/dist/cjs/defaultRenderHandler.cjs +29 -0
package/dist/cjs/defaultRenderHandler.cjs.map +1 -0
package/dist/cjs/defaultRenderHandler.d.cts +1 -0
package/dist/cjs/defaultStreamHandler.cjs +68 -0
package/dist/cjs/defaultStreamHandler.cjs.map +1 -0
package/dist/cjs/defaultStreamHandler.d.cts +1 -0
package/dist/cjs/index.cjs +16 -0
package/dist/cjs/index.cjs.map +1 -0
package/dist/cjs/index.d.cts +4 -0
package/dist/esm/StartServer.d.ts +4 -0
package/dist/esm/StartServer.js +9 -0
package/dist/esm/StartServer.js.map +1 -0
package/dist/esm/defaultRenderHandler.d.ts +1 -0
package/dist/esm/defaultRenderHandler.js +29 -0
package/dist/esm/defaultRenderHandler.js.map +1 -0
package/dist/esm/defaultStreamHandler.d.ts +1 -0
package/dist/esm/defaultStreamHandler.js +68 -0
package/dist/esm/defaultStreamHandler.js.map +1 -0
package/dist/esm/index.d.ts +4 -0
package/dist/esm/index.js +10 -0
package/dist/esm/index.js.map +1 -0
package/package.json +75 -0
package/src/StartServer.tsx +9 -0
package/src/defaultRenderHandler.tsx +25 -0
package/src/defaultStreamHandler.tsx +79 -0
package/src/index.tsx +4 -0

package/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) 2021-present Tanner Linsley
+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/README.md ADDED Viewed

@@ -0,0 +1,9 @@
+<img src="https://static.scarf.sh/a.png?x-pxid=d988eb79-b0fc-4a2b-8514-6a1ab932d188" />
+# TanStack React Start - Server
+This package is not meant to be used directly. It is a dependency of [`@tanstack/react-start`](https://www.npmjs.com/package/@tanstack/react-start).
+TanStack React Start is a fullstack-framework made for SSR, Streaming, Server Functions, API Routes, bundling and more powered by [TanStack Router](https://tanstack.com/router).
+Head over to [tanstack.com/start](https://tanstack.com/start) for more information about getting started.

package/dist/cjs/StartServer.cjs ADDED Viewed

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactRouter = require("@tanstack/react-router");
+function StartServer(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactRouter.RouterProvider, { router: props.router });
+}
+exports.StartServer = StartServer;
+//# sourceMappingURL=StartServer.cjs.map

package/dist/cjs/StartServer.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"StartServer.cjs","sources":["../../src/StartServer.tsx"],"sourcesContent":["import * as React from 'react'\nimport { RouterProvider } from '@tanstack/react-router'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport function StartServer<TRouter extends AnyRouter>(props: {\n router: TRouter\n}) {\n return <RouterProvider router={props.router} />\n}\n"],"names":["jsx","RouterProvider"],"mappings":";;;;AAIO,SAAS,YAAuC,OAEpD;AACD,SAAQA,2BAAAA,IAAAC,YAAAA,gBAAA,EAAe,QAAQ,MAAM,OAAQ,CAAA;AAC/C;;"}

package/dist/cjs/StartServer.d.cts ADDED Viewed

@@ -0,0 +1,4 @@
+import { AnyRouter } from '@tanstack/router-core';
+export declare function StartServer<TRouter extends AnyRouter>(props: {
+    router: TRouter;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/defaultRenderHandler.cjs ADDED Viewed

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const ReactDOMServer = require("react-dom/server");
+const startServerCore = require("@tanstack/start-server-core");
+const StartServer = require("./StartServer.cjs");
+const defaultRenderHandler = startServerCore.defineHandlerCallback(
+  async ({ router, responseHeaders }) => {
+    try {
+      let html = ReactDOMServer.renderToString(/* @__PURE__ */ jsxRuntime.jsx(StartServer.StartServer, { router }));
+      const injectedHtml = await Promise.all(
+        router.serverSsr.injectedHtml
+      ).then((htmls) => htmls.join(""));
+      html = html.replace(`</body>`, `${injectedHtml}</body>`);
+      return new Response(`<!DOCTYPE html>${html}`, {
+        status: router.state.statusCode,
+        headers: responseHeaders
+      });
+    } catch (error) {
+      console.error("Render to string error:", error);
+      return new Response("Internal Server Error", {
+        status: 500,
+        headers: responseHeaders
+      });
+    }
+  }
+);
+exports.defaultRenderHandler = defaultRenderHandler;
+//# sourceMappingURL=defaultRenderHandler.cjs.map

package/dist/cjs/defaultRenderHandler.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"defaultRenderHandler.cjs","sources":["../../src/defaultRenderHandler.tsx"],"sourcesContent":["import ReactDOMServer from 'react-dom/server'\nimport { defineHandlerCallback } from '@tanstack/start-server-core'\nimport { StartServer } from './StartServer'\n\nexport const defaultRenderHandler = defineHandlerCallback(\n async ({ router, responseHeaders }) => {\n try {\n let html = ReactDOMServer.renderToString(<StartServer router={router} />)\n const injectedHtml = await Promise.all(\n router.serverSsr!.injectedHtml,\n ).then((htmls) => htmls.join(''))\n html = html.replace(`</body>`, `${injectedHtml}</body>`)\n return new Response(`<!DOCTYPE html>${html}`, {\n status: router.state.statusCode,\n headers: responseHeaders,\n })\n } catch (error) {\n console.error('Render to string error:', error)\n return new Response('Internal Server Error', {\n status: 500,\n headers: responseHeaders,\n })\n }\n },\n)\n"],"names":["defineHandlerCallback","jsx","StartServer"],"mappings":";;;;;;AAIO,MAAM,uBAAuBA,gBAAA;AAAA,EAClC,OAAO,EAAE,QAAQ,sBAAsB;AACjC,QAAA;AACF,UAAI,OAAO,eAAe,eAAgBC,2BAAA,IAAAC,yBAAA,EAAY,QAAgB,CAAE;AAClE,YAAA,eAAe,MAAM,QAAQ;AAAA,QACjC,OAAO,UAAW;AAAA,MAAA,EAClB,KAAK,CAAC,UAAU,MAAM,KAAK,EAAE,CAAC;AAChC,aAAO,KAAK,QAAQ,WAAW,GAAG,YAAY,SAAS;AACvD,aAAO,IAAI,SAAS,kBAAkB,IAAI,IAAI;AAAA,QAC5C,QAAQ,OAAO,MAAM;AAAA,QACrB,SAAS;AAAA,MAAA,CACV;AAAA,aACM,OAAO;AACN,cAAA,MAAM,2BAA2B,KAAK;AACvC,aAAA,IAAI,SAAS,yBAAyB;AAAA,QAC3C,QAAQ;AAAA,QACR,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAAA,EACH;AAEJ;;"}

package/dist/cjs/defaultRenderHandler.d.cts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const defaultRenderHandler: import('@tanstack/start-server-core').HandlerCallback<import('@tanstack/router-core').AnyRouter>;

package/dist/cjs/defaultStreamHandler.cjs ADDED Viewed

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const node_stream = require("node:stream");
+const isbot = require("isbot");
+const ReactDOMServer = require("react-dom/server");
+const startServerCore = require("@tanstack/start-server-core");
+const StartServer = require("./StartServer.cjs");
+const defaultStreamHandler = startServerCore.defineHandlerCallback(
+  async ({ request, router, responseHeaders }) => {
+    if (typeof ReactDOMServer.renderToReadableStream === "function") {
+      const stream = await ReactDOMServer.renderToReadableStream(
+        /* @__PURE__ */ jsxRuntime.jsx(StartServer.StartServer, { router }),
+        {
+          signal: request.signal
+        }
+      );
+      if (isbot.isbot(request.headers.get("User-Agent"))) {
+        await stream.allReady;
+      }
+      const responseStream = startServerCore.transformReadableStreamWithRouter(
+        router,
+        stream
+      );
+      return new Response(responseStream, {
+        status: router.state.statusCode,
+        headers: responseHeaders
+      });
+    }
+    if (typeof ReactDOMServer.renderToPipeableStream === "function") {
+      const reactAppPassthrough = new node_stream.PassThrough();
+      try {
+        const pipeable = ReactDOMServer.renderToPipeableStream(
+          /* @__PURE__ */ jsxRuntime.jsx(StartServer.StartServer, { router }),
+          {
+            ...isbot.isbot(request.headers.get("User-Agent")) ? {
+              onAllReady() {
+                pipeable.pipe(reactAppPassthrough);
+              }
+            } : {
+              onShellReady() {
+                pipeable.pipe(reactAppPassthrough);
+              }
+            },
+            onError: (error, info) => {
+              console.error("Error in renderToPipeableStream:", error, info);
+            }
+          }
+        );
+      } catch (e) {
+        console.error("Error in renderToPipeableStream:", e);
+      }
+      const responseStream = startServerCore.transformPipeableStreamWithRouter(
+        router,
+        reactAppPassthrough
+      );
+      return new Response(responseStream, {
+        status: router.state.statusCode,
+        headers: responseHeaders
+      });
+    }
+    throw new Error(
+      "No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming."
+    );
+  }
+);
+exports.defaultStreamHandler = defaultStreamHandler;
+//# sourceMappingURL=defaultStreamHandler.cjs.map

package/dist/cjs/defaultStreamHandler.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"defaultStreamHandler.cjs","sources":["../../src/defaultStreamHandler.tsx"],"sourcesContent":["import { PassThrough } from 'node:stream'\nimport { isbot } from 'isbot'\nimport ReactDOMServer from 'react-dom/server'\n\nimport {\n defineHandlerCallback,\n transformPipeableStreamWithRouter,\n transformReadableStreamWithRouter,\n} from '@tanstack/start-server-core'\nimport { StartServer } from './StartServer'\n\nimport type { ReadableStream } from 'node:stream/web'\n\nexport const defaultStreamHandler = defineHandlerCallback(\n async ({ request, router, responseHeaders }) => {\n if (typeof ReactDOMServer.renderToReadableStream === 'function') {\n const stream = await ReactDOMServer.renderToReadableStream(\n <StartServer router={router} />,\n {\n signal: request.signal,\n },\n )\n\n if (isbot(request.headers.get('User-Agent'))) {\n await stream.allReady\n }\n\n const responseStream = transformReadableStreamWithRouter(\n router,\n stream as unknown as ReadableStream,\n )\n return new Response(responseStream as any, {\n status: router.state.statusCode,\n headers: responseHeaders,\n })\n }\n\n if (typeof ReactDOMServer.renderToPipeableStream === 'function') {\n const reactAppPassthrough = new PassThrough()\n\n try {\n const pipeable = ReactDOMServer.renderToPipeableStream(\n <StartServer router={router} />,\n {\n ...(isbot(request.headers.get('User-Agent'))\n ? {\n onAllReady() {\n pipeable.pipe(reactAppPassthrough)\n },\n }\n : {\n onShellReady() {\n pipeable.pipe(reactAppPassthrough)\n },\n }),\n onError: (error, info) => {\n console.error('Error in renderToPipeableStream:', error, info)\n },\n },\n )\n } catch (e) {\n console.error('Error in renderToPipeableStream:', e)\n }\n\n const responseStream = transformPipeableStreamWithRouter(\n router,\n reactAppPassthrough,\n )\n return new Response(responseStream as any, {\n status: router.state.statusCode,\n headers: responseHeaders,\n })\n }\n\n throw new Error(\n 'No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming.',\n )\n },\n)\n"],"names":["defineHandlerCallback","jsx","StartServer","isbot","transformReadableStreamWithRouter","PassThrough","transformPipeableStreamWithRouter"],"mappings":";;;;;;;;AAaO,MAAM,uBAAuBA,gBAAA;AAAA,EAClC,OAAO,EAAE,SAAS,QAAQ,sBAAsB;AAC1C,QAAA,OAAO,eAAe,2BAA2B,YAAY;AACzD,YAAA,SAAS,MAAM,eAAe;AAAA,QAClCC,+BAACC,YAAAA,eAAY,QAAgB;AAAA,QAC7B;AAAA,UACE,QAAQ,QAAQ;AAAA,QAAA;AAAA,MAEpB;AAEA,UAAIC,MAAAA,MAAM,QAAQ,QAAQ,IAAI,YAAY,CAAC,GAAG;AAC5C,cAAM,OAAO;AAAA,MAAA;AAGf,YAAM,iBAAiBC,gBAAA;AAAA,QACrB;AAAA,QACA;AAAA,MACF;AACO,aAAA,IAAI,SAAS,gBAAuB;AAAA,QACzC,QAAQ,OAAO,MAAM;AAAA,QACrB,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAGC,QAAA,OAAO,eAAe,2BAA2B,YAAY;AACzD,YAAA,sBAAsB,IAAIC,wBAAY;AAExC,UAAA;AACF,cAAM,WAAW,eAAe;AAAA,UAC9BJ,+BAACC,YAAAA,eAAY,QAAgB;AAAA,UAC7B;AAAA,YACE,GAAIC,MAAAA,MAAM,QAAQ,QAAQ,IAAI,YAAY,CAAC,IACvC;AAAA,cACE,aAAa;AACX,yBAAS,KAAK,mBAAmB;AAAA,cAAA;AAAA,YACnC,IAEF;AAAA,cACE,eAAe;AACb,yBAAS,KAAK,mBAAmB;AAAA,cAAA;AAAA,YAErC;AAAA,YACJ,SAAS,CAAC,OAAO,SAAS;AAChB,sBAAA,MAAM,oCAAoC,OAAO,IAAI;AAAA,YAAA;AAAA,UAC/D;AAAA,QAEJ;AAAA,eACO,GAAG;AACF,gBAAA,MAAM,oCAAoC,CAAC;AAAA,MAAA;AAGrD,YAAM,iBAAiBG,gBAAA;AAAA,QACrB;AAAA,QACA;AAAA,MACF;AACO,aAAA,IAAI,SAAS,gBAAuB;AAAA,QACzC,QAAQ,OAAO,MAAM;AAAA,QACrB,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAGH,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EAAA;AAEJ;;"}

package/dist/cjs/defaultStreamHandler.d.cts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const defaultStreamHandler: import('@tanstack/start-server-core').HandlerCallback<import('@tanstack/router-core').AnyRouter>;

package/dist/cjs/index.cjs ADDED Viewed

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const StartServer = require("./StartServer.cjs");
+const defaultStreamHandler = require("./defaultStreamHandler.cjs");
+const defaultRenderHandler = require("./defaultRenderHandler.cjs");
+const startServerCore = require("@tanstack/start-server-core");
+exports.StartServer = StartServer.StartServer;
+exports.defaultStreamHandler = defaultStreamHandler.defaultStreamHandler;
+exports.defaultRenderHandler = defaultRenderHandler.defaultRenderHandler;
+Object.keys(startServerCore).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => startServerCore[k]
+  });
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/cjs/index.d.cts ADDED Viewed

@@ -0,0 +1,4 @@
+export { StartServer } from './StartServer.cjs';
+export { defaultStreamHandler } from './defaultStreamHandler.cjs';
+export { defaultRenderHandler } from './defaultRenderHandler.cjs';
+export * from '@tanstack/start-server-core';

package/dist/esm/StartServer.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { AnyRouter } from '@tanstack/router-core';
+export declare function StartServer<TRouter extends AnyRouter>(props: {
+    router: TRouter;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/StartServer.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { RouterProvider } from "@tanstack/react-router";
+function StartServer(props) {
+  return /* @__PURE__ */ jsx(RouterProvider, { router: props.router });
+}
+export {
+  StartServer
+};
+//# sourceMappingURL=StartServer.js.map

package/dist/esm/StartServer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"StartServer.js","sources":["../../src/StartServer.tsx"],"sourcesContent":["import * as React from 'react'\nimport { RouterProvider } from '@tanstack/react-router'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport function StartServer<TRouter extends AnyRouter>(props: {\n router: TRouter\n}) {\n return <RouterProvider router={props.router} />\n}\n"],"names":[],"mappings":";;AAIO,SAAS,YAAuC,OAEpD;AACD,SAAQ,oBAAA,gBAAA,EAAe,QAAQ,MAAM,OAAQ,CAAA;AAC/C;"}

package/dist/esm/defaultRenderHandler.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const defaultRenderHandler: import('@tanstack/start-server-core').HandlerCallback<import('@tanstack/router-core').AnyRouter>;

package/dist/esm/defaultRenderHandler.js ADDED Viewed

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import ReactDOMServer from "react-dom/server";
+import { defineHandlerCallback } from "@tanstack/start-server-core";
+import { StartServer } from "./StartServer.js";
+const defaultRenderHandler = defineHandlerCallback(
+  async ({ router, responseHeaders }) => {
+    try {
+      let html = ReactDOMServer.renderToString(/* @__PURE__ */ jsx(StartServer, { router }));
+      const injectedHtml = await Promise.all(
+        router.serverSsr.injectedHtml
+      ).then((htmls) => htmls.join(""));
+      html = html.replace(`</body>`, `${injectedHtml}</body>`);
+      return new Response(`<!DOCTYPE html>${html}`, {
+        status: router.state.statusCode,
+        headers: responseHeaders
+      });
+    } catch (error) {
+      console.error("Render to string error:", error);
+      return new Response("Internal Server Error", {
+        status: 500,
+        headers: responseHeaders
+      });
+    }
+  }
+);
+export {
+  defaultRenderHandler
+};
+//# sourceMappingURL=defaultRenderHandler.js.map

package/dist/esm/defaultRenderHandler.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"defaultRenderHandler.js","sources":["../../src/defaultRenderHandler.tsx"],"sourcesContent":["import ReactDOMServer from 'react-dom/server'\nimport { defineHandlerCallback } from '@tanstack/start-server-core'\nimport { StartServer } from './StartServer'\n\nexport const defaultRenderHandler = defineHandlerCallback(\n async ({ router, responseHeaders }) => {\n try {\n let html = ReactDOMServer.renderToString(<StartServer router={router} />)\n const injectedHtml = await Promise.all(\n router.serverSsr!.injectedHtml,\n ).then((htmls) => htmls.join(''))\n html = html.replace(`</body>`, `${injectedHtml}</body>`)\n return new Response(`<!DOCTYPE html>${html}`, {\n status: router.state.statusCode,\n headers: responseHeaders,\n })\n } catch (error) {\n console.error('Render to string error:', error)\n return new Response('Internal Server Error', {\n status: 500,\n headers: responseHeaders,\n })\n }\n },\n)\n"],"names":[],"mappings":";;;;AAIO,MAAM,uBAAuB;AAAA,EAClC,OAAO,EAAE,QAAQ,sBAAsB;AACjC,QAAA;AACF,UAAI,OAAO,eAAe,eAAgB,oBAAA,aAAA,EAAY,QAAgB,CAAE;AAClE,YAAA,eAAe,MAAM,QAAQ;AAAA,QACjC,OAAO,UAAW;AAAA,MAAA,EAClB,KAAK,CAAC,UAAU,MAAM,KAAK,EAAE,CAAC;AAChC,aAAO,KAAK,QAAQ,WAAW,GAAG,YAAY,SAAS;AACvD,aAAO,IAAI,SAAS,kBAAkB,IAAI,IAAI;AAAA,QAC5C,QAAQ,OAAO,MAAM;AAAA,QACrB,SAAS;AAAA,MAAA,CACV;AAAA,aACM,OAAO;AACN,cAAA,MAAM,2BAA2B,KAAK;AACvC,aAAA,IAAI,SAAS,yBAAyB;AAAA,QAC3C,QAAQ;AAAA,QACR,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/esm/defaultStreamHandler.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const defaultStreamHandler: import('@tanstack/start-server-core').HandlerCallback<import('@tanstack/router-core').AnyRouter>;

package/dist/esm/defaultStreamHandler.js ADDED Viewed

@@ -0,0 +1,68 @@
+import { jsx } from "react/jsx-runtime";
+import { PassThrough } from "node:stream";
+import { isbot } from "isbot";
+import ReactDOMServer from "react-dom/server";
+import { defineHandlerCallback, transformReadableStreamWithRouter, transformPipeableStreamWithRouter } from "@tanstack/start-server-core";
+import { StartServer } from "./StartServer.js";
+const defaultStreamHandler = defineHandlerCallback(
+  async ({ request, router, responseHeaders }) => {
+    if (typeof ReactDOMServer.renderToReadableStream === "function") {
+      const stream = await ReactDOMServer.renderToReadableStream(
+        /* @__PURE__ */ jsx(StartServer, { router }),
+        {
+          signal: request.signal
+        }
+      );
+      if (isbot(request.headers.get("User-Agent"))) {
+        await stream.allReady;
+      }
+      const responseStream = transformReadableStreamWithRouter(
+        router,
+        stream
+      );
+      return new Response(responseStream, {
+        status: router.state.statusCode,
+        headers: responseHeaders
+      });
+    }
+    if (typeof ReactDOMServer.renderToPipeableStream === "function") {
+      const reactAppPassthrough = new PassThrough();
+      try {
+        const pipeable = ReactDOMServer.renderToPipeableStream(
+          /* @__PURE__ */ jsx(StartServer, { router }),
+          {
+            ...isbot(request.headers.get("User-Agent")) ? {
+              onAllReady() {
+                pipeable.pipe(reactAppPassthrough);
+              }
+            } : {
+              onShellReady() {
+                pipeable.pipe(reactAppPassthrough);
+              }
+            },
+            onError: (error, info) => {
+              console.error("Error in renderToPipeableStream:", error, info);
+            }
+          }
+        );
+      } catch (e) {
+        console.error("Error in renderToPipeableStream:", e);
+      }
+      const responseStream = transformPipeableStreamWithRouter(
+        router,
+        reactAppPassthrough
+      );
+      return new Response(responseStream, {
+        status: router.state.statusCode,
+        headers: responseHeaders
+      });
+    }
+    throw new Error(
+      "No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming."
+    );
+  }
+);
+export {
+  defaultStreamHandler
+};
+//# sourceMappingURL=defaultStreamHandler.js.map

package/dist/esm/defaultStreamHandler.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"defaultStreamHandler.js","sources":["../../src/defaultStreamHandler.tsx"],"sourcesContent":["import { PassThrough } from 'node:stream'\nimport { isbot } from 'isbot'\nimport ReactDOMServer from 'react-dom/server'\n\nimport {\n defineHandlerCallback,\n transformPipeableStreamWithRouter,\n transformReadableStreamWithRouter,\n} from '@tanstack/start-server-core'\nimport { StartServer } from './StartServer'\n\nimport type { ReadableStream } from 'node:stream/web'\n\nexport const defaultStreamHandler = defineHandlerCallback(\n async ({ request, router, responseHeaders }) => {\n if (typeof ReactDOMServer.renderToReadableStream === 'function') {\n const stream = await ReactDOMServer.renderToReadableStream(\n <StartServer router={router} />,\n {\n signal: request.signal,\n },\n )\n\n if (isbot(request.headers.get('User-Agent'))) {\n await stream.allReady\n }\n\n const responseStream = transformReadableStreamWithRouter(\n router,\n stream as unknown as ReadableStream,\n )\n return new Response(responseStream as any, {\n status: router.state.statusCode,\n headers: responseHeaders,\n })\n }\n\n if (typeof ReactDOMServer.renderToPipeableStream === 'function') {\n const reactAppPassthrough = new PassThrough()\n\n try {\n const pipeable = ReactDOMServer.renderToPipeableStream(\n <StartServer router={router} />,\n {\n ...(isbot(request.headers.get('User-Agent'))\n ? {\n onAllReady() {\n pipeable.pipe(reactAppPassthrough)\n },\n }\n : {\n onShellReady() {\n pipeable.pipe(reactAppPassthrough)\n },\n }),\n onError: (error, info) => {\n console.error('Error in renderToPipeableStream:', error, info)\n },\n },\n )\n } catch (e) {\n console.error('Error in renderToPipeableStream:', e)\n }\n\n const responseStream = transformPipeableStreamWithRouter(\n router,\n reactAppPassthrough,\n )\n return new Response(responseStream as any, {\n status: router.state.statusCode,\n headers: responseHeaders,\n })\n }\n\n throw new Error(\n 'No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming.',\n )\n },\n)\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,uBAAuB;AAAA,EAClC,OAAO,EAAE,SAAS,QAAQ,sBAAsB;AAC1C,QAAA,OAAO,eAAe,2BAA2B,YAAY;AACzD,YAAA,SAAS,MAAM,eAAe;AAAA,QAClC,oBAAC,eAAY,QAAgB;AAAA,QAC7B;AAAA,UACE,QAAQ,QAAQ;AAAA,QAAA;AAAA,MAEpB;AAEA,UAAI,MAAM,QAAQ,QAAQ,IAAI,YAAY,CAAC,GAAG;AAC5C,cAAM,OAAO;AAAA,MAAA;AAGf,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,MACF;AACO,aAAA,IAAI,SAAS,gBAAuB;AAAA,QACzC,QAAQ,OAAO,MAAM;AAAA,QACrB,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAGC,QAAA,OAAO,eAAe,2BAA2B,YAAY;AACzD,YAAA,sBAAsB,IAAI,YAAY;AAExC,UAAA;AACF,cAAM,WAAW,eAAe;AAAA,UAC9B,oBAAC,eAAY,QAAgB;AAAA,UAC7B;AAAA,YACE,GAAI,MAAM,QAAQ,QAAQ,IAAI,YAAY,CAAC,IACvC;AAAA,cACE,aAAa;AACX,yBAAS,KAAK,mBAAmB;AAAA,cAAA;AAAA,YACnC,IAEF;AAAA,cACE,eAAe;AACb,yBAAS,KAAK,mBAAmB;AAAA,cAAA;AAAA,YAErC;AAAA,YACJ,SAAS,CAAC,OAAO,SAAS;AAChB,sBAAA,MAAM,oCAAoC,OAAO,IAAI;AAAA,YAAA;AAAA,UAC/D;AAAA,QAEJ;AAAA,eACO,GAAG;AACF,gBAAA,MAAM,oCAAoC,CAAC;AAAA,MAAA;AAGrD,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,MACF;AACO,aAAA,IAAI,SAAS,gBAAuB;AAAA,QACzC,QAAQ,OAAO,MAAM;AAAA,QACrB,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAGH,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EAAA;AAEJ;"}

package/dist/esm/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export { StartServer } from './StartServer.js';
+export { defaultStreamHandler } from './defaultStreamHandler.js';
+export { defaultRenderHandler } from './defaultRenderHandler.js';
+export * from '@tanstack/start-server-core';

package/dist/esm/index.js ADDED Viewed

@@ -0,0 +1,10 @@
+import { StartServer } from "./StartServer.js";
+import { defaultStreamHandler } from "./defaultStreamHandler.js";
+import { defaultRenderHandler } from "./defaultRenderHandler.js";
+export * from "@tanstack/start-server-core";
+export {
+  StartServer,
+  defaultRenderHandler,
+  defaultStreamHandler
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/package.json ADDED Viewed

@@ -0,0 +1,75 @@
+{
+  "name": "@tanstack/react-start-server",
+  "version": "1.20.3-alpha.1",
+  "description": "Modern and scalable routing for React applications",
+  "author": "Tanner Linsley",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TanStack/router.git",
+    "directory": "packages/react-start-server"
+  },
+  "homepage": "https://tanstack.com/start",
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/tannerlinsley"
+  },
+  "keywords": [
+    "react",
+    "location",
+    "router",
+    "routing",
+    "async",
+    "async router",
+    "typescript"
+  ],
+  "type": "module",
+  "types": "dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
+      },
+      "require": {
+        "types": "./dist/cjs/index.d.cts",
+        "default": "./dist/cjs/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "src"
+  ],
+  "engines": {
+    "node": ">=12"
+  },
+  "dependencies": {
+    "tiny-warning": "^1.0.3",
+    "tiny-invariant": "^1.3.3",
+    "h3": "1.13.0",
+    "isbot": "^5.1.22",
+    "jsesc": "^3.1.0",
+    "unctx": "^2.4.1",
+    "@tanstack/history": "^1.20.3-alpha.1",
+    "@tanstack/react-router": "^1.20.3-alpha.1",
+    "@tanstack/start-client-core": "^1.20.3-alpha.1",
+    "@tanstack/start-server-core": "^1.20.3-alpha.1",
+    "@tanstack/router-core": "^1.20.3-alpha.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.4",
+    "@types/jsesc": "^3.0.3",
+    "esbuild": "^0.25.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.7.2"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0 || >=19.0.0",
+    "react-dom": ">=18.0.0 || >=19.0.0"
+  },
+  "scripts": {}
+}

package/src/StartServer.tsx ADDED Viewed

@@ -0,0 +1,9 @@
+import * as React from 'react'
+import { RouterProvider } from '@tanstack/react-router'
+import type { AnyRouter } from '@tanstack/router-core'
+export function StartServer<TRouter extends AnyRouter>(props: {
+  router: TRouter
+}) {
+  return <RouterProvider router={props.router} />
+}

package/src/defaultRenderHandler.tsx ADDED Viewed

@@ -0,0 +1,25 @@
+import ReactDOMServer from 'react-dom/server'
+import { defineHandlerCallback } from '@tanstack/start-server-core'
+import { StartServer } from './StartServer'
+export const defaultRenderHandler = defineHandlerCallback(
+  async ({ router, responseHeaders }) => {
+    try {
+      let html = ReactDOMServer.renderToString(<StartServer router={router} />)
+      const injectedHtml = await Promise.all(
+        router.serverSsr!.injectedHtml,
+      ).then((htmls) => htmls.join(''))
+      html = html.replace(`</body>`, `${injectedHtml}</body>`)
+      return new Response(`<!DOCTYPE html>${html}`, {
+        status: router.state.statusCode,
+        headers: responseHeaders,
+      })
+    } catch (error) {
+      console.error('Render to string error:', error)
+      return new Response('Internal Server Error', {
+        status: 500,
+        headers: responseHeaders,
+      })
+    }
+  },
+)

package/src/defaultStreamHandler.tsx ADDED Viewed

@@ -0,0 +1,79 @@
+import { PassThrough } from 'node:stream'
+import { isbot } from 'isbot'
+import ReactDOMServer from 'react-dom/server'
+import {
+  defineHandlerCallback,
+  transformPipeableStreamWithRouter,
+  transformReadableStreamWithRouter,
+} from '@tanstack/start-server-core'
+import { StartServer } from './StartServer'
+import type { ReadableStream } from 'node:stream/web'
+export const defaultStreamHandler = defineHandlerCallback(
+  async ({ request, router, responseHeaders }) => {
+    if (typeof ReactDOMServer.renderToReadableStream === 'function') {
+      const stream = await ReactDOMServer.renderToReadableStream(
+        <StartServer router={router} />,
+        {
+          signal: request.signal,
+        },
+      )
+      if (isbot(request.headers.get('User-Agent'))) {
+        await stream.allReady
+      }
+      const responseStream = transformReadableStreamWithRouter(
+        router,
+        stream as unknown as ReadableStream,
+      )
+      return new Response(responseStream as any, {
+        status: router.state.statusCode,
+        headers: responseHeaders,
+      })
+    }
+    if (typeof ReactDOMServer.renderToPipeableStream === 'function') {
+      const reactAppPassthrough = new PassThrough()
+      try {
+        const pipeable = ReactDOMServer.renderToPipeableStream(
+          <StartServer router={router} />,
+          {
+            ...(isbot(request.headers.get('User-Agent'))
+              ? {
+                  onAllReady() {
+                    pipeable.pipe(reactAppPassthrough)
+                  },
+                }
+              : {
+                  onShellReady() {
+                    pipeable.pipe(reactAppPassthrough)
+                  },
+                }),
+            onError: (error, info) => {
+              console.error('Error in renderToPipeableStream:', error, info)
+            },
+          },
+        )
+      } catch (e) {
+        console.error('Error in renderToPipeableStream:', e)
+      }
+      const responseStream = transformPipeableStreamWithRouter(
+        router,
+        reactAppPassthrough,
+      )
+      return new Response(responseStream as any, {
+        status: router.state.statusCode,
+        headers: responseHeaders,
+      })
+    }
+    throw new Error(
+      'No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming.',
+    )
+  },
+)

package/src/index.tsx ADDED Viewed

@@ -0,0 +1,4 @@
+export { StartServer } from './StartServer'
+export { defaultStreamHandler } from './defaultStreamHandler'
+export { defaultRenderHandler } from './defaultRenderHandler'
+export * from '@tanstack/start-server-core'