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

package/LICENSE

@@ -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

@@ -0,0 +1,9 @@
+<img src="https://static.scarf.sh/a.png?x-pxid=d988eb79-b0fc-4a2b-8514-6a1ab932d188" />
+
+# TanStack React Start - Client
+
+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/Meta.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactRouter = require("@tanstack/react-router");
+const Meta = () => {
+  if (process.env.NODE_ENV === "development") {
+    console.warn(
+      "The Meta component is deprecated. Use `HeadContent` from `@tanstack/react-router` instead."
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(reactRouter.HeadContent, {});
+};
+exports.Meta = Meta;
+//# sourceMappingURL=Meta.cjs.map

package/dist/cjs/Meta.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meta.cjs","sources":["../../src/Meta.tsx"],"sourcesContent":["import { HeadContent } from '@tanstack/react-router'\n\nexport const Meta = () => {\n  if (process.env.NODE_ENV === 'development') {\n    console.warn(\n      'The Meta component is deprecated. Use `HeadContent` from `@tanstack/react-router` instead.',\n    )\n  }\n  return <HeadContent />\n}\n"],"names":["HeadContent"],"mappings":";;;;AAEO,MAAM,OAAO,MAAM;AACpB,MAAA,QAAQ,IAAI,aAAa,eAAe;AAClC,YAAA;AAAA,MACN;AAAA,IACF;AAAA,EAAA;AAEF,wCAAQA,YAAY,aAAA,EAAA;AACtB;;"}

package/dist/cjs/Meta.d.cts

@@ -0,0 +1 @@
+export declare const Meta: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/Scripts.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactRouter = require("@tanstack/react-router");
+const Scripts = () => {
+  if (process.env.NODE_ENV === "development") {
+    console.warn("The Scripts component was moved to `@tanstack/react-router`");
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(reactRouter.Scripts, {});
+};
+exports.Scripts = Scripts;
+//# sourceMappingURL=Scripts.cjs.map

package/dist/cjs/Scripts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scripts.cjs","sources":["../../src/Scripts.tsx"],"sourcesContent":["import { Scripts as RouterScripts } from '@tanstack/react-router'\n\nexport const Scripts = () => {\n  if (process.env.NODE_ENV === 'development') {\n    console.warn('The Scripts component was moved to `@tanstack/react-router`')\n  }\n  return <RouterScripts />\n}\n"],"names":["RouterScripts"],"mappings":";;;;AAEO,MAAM,UAAU,MAAM;AACvB,MAAA,QAAQ,IAAI,aAAa,eAAe;AAC1C,YAAQ,KAAK,6DAA6D;AAAA,EAAA;AAE5E,wCAAQA,YAAc,SAAA,EAAA;AACxB;;"}

package/dist/cjs/Scripts.d.cts

@@ -0,0 +1 @@
+export declare const Scripts: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/StartClient.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactRouter = require("@tanstack/react-router");
+const startClientCore = require("@tanstack/start-client-core");
+let hydrationPromise;
+function StartClient(props) {
+  if (!hydrationPromise) {
+    if (!props.router.state.matches.length) {
+      hydrationPromise = startClientCore.hydrate(props.router);
+    } else {
+      hydrationPromise = Promise.resolve();
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactRouter.Await,
+    {
+      promise: hydrationPromise,
+      children: () => /* @__PURE__ */ jsxRuntime.jsx(reactRouter.RouterProvider, { router: props.router })
+    }
+  );
+}
+exports.StartClient = StartClient;
+//# sourceMappingURL=StartClient.cjs.map

package/dist/cjs/StartClient.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartClient.cjs","sources":["../../src/StartClient.tsx"],"sourcesContent":["import { Await, RouterProvider } from '@tanstack/react-router'\nimport { hydrate } from '@tanstack/start-client-core'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nlet hydrationPromise: Promise<void | Array<Array<void>>> | undefined\n\nexport function StartClient(props: { router: AnyRouter }) {\n  if (!hydrationPromise) {\n    if (!props.router.state.matches.length) {\n      hydrationPromise = hydrate(props.router)\n    } else {\n      hydrationPromise = Promise.resolve()\n    }\n  }\n  return (\n    <Await\n      promise={hydrationPromise}\n      children={() => <RouterProvider router={props.router} />}\n    />\n  )\n}\n"],"names":["hydrate","jsx","Await","RouterProvider"],"mappings":";;;;;AAIA,IAAI;AAEG,SAAS,YAAY,OAA8B;AACxD,MAAI,CAAC,kBAAkB;AACrB,QAAI,CAAC,MAAM,OAAO,MAAM,QAAQ,QAAQ;AACnB,yBAAAA,gBAAAA,QAAQ,MAAM,MAAM;AAAA,IAAA,OAClC;AACL,yBAAmB,QAAQ,QAAQ;AAAA,IAAA;AAAA,EACrC;AAGA,SAAAC,2BAAA;AAAA,IAACC,YAAA;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAU,MAAMD,2BAAAA,IAACE,YAAAA,gBAAe,EAAA,QAAQ,MAAM,OAAQ,CAAA;AAAA,IAAA;AAAA,EACxD;AAEJ;;"}

package/dist/cjs/StartClient.d.cts

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

package/dist/cjs/index.cjs

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const startClientCore = require("@tanstack/start-client-core");
+const Meta = require("./Meta.cjs");
+const Scripts = require("./Scripts.cjs");
+const StartClient = require("./StartClient.cjs");
+const renderRSC = require("./renderRSC.cjs");
+const useServerFn = require("./useServerFn.cjs");
+Object.defineProperty(exports, "clientOnly", {
+  enumerable: true,
+  get: () => startClientCore.clientOnly
+});
+Object.defineProperty(exports, "createIsomorphicFn", {
+  enumerable: true,
+  get: () => startClientCore.createIsomorphicFn
+});
+Object.defineProperty(exports, "createMiddleware", {
+  enumerable: true,
+  get: () => startClientCore.createMiddleware
+});
+Object.defineProperty(exports, "createServerFn", {
+  enumerable: true,
+  get: () => startClientCore.createServerFn
+});
+Object.defineProperty(exports, "globalMiddleware", {
+  enumerable: true,
+  get: () => startClientCore.globalMiddleware
+});
+Object.defineProperty(exports, "json", {
+  enumerable: true,
+  get: () => startClientCore.json
+});
+Object.defineProperty(exports, "mergeHeaders", {
+  enumerable: true,
+  get: () => startClientCore.mergeHeaders
+});
+Object.defineProperty(exports, "registerGlobalMiddleware", {
+  enumerable: true,
+  get: () => startClientCore.registerGlobalMiddleware
+});
+Object.defineProperty(exports, "serverOnly", {
+  enumerable: true,
+  get: () => startClientCore.serverOnly
+});
+Object.defineProperty(exports, "startSerializer", {
+  enumerable: true,
+  get: () => startClientCore.startSerializer
+});
+exports.Meta = Meta.Meta;
+exports.Scripts = Scripts.Scripts;
+exports.StartClient = StartClient.StartClient;
+exports.renderRsc = renderRSC.renderRsc;
+exports.useServerFn = useServerFn.useServerFn;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

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

package/dist/cjs/index.d.cts

@@ -0,0 +1,7 @@
+export { mergeHeaders, startSerializer, createIsomorphicFn, createServerFn, createMiddleware, registerGlobalMiddleware, globalMiddleware, serverOnly, clientOnly, json, } from '@tanstack/start-client-core';
+export { type DehydratedRouter, type ClientExtractedBaseEntry, type StartSsrGlobal, type ClientExtractedEntry, type SsrMatch, type ClientExtractedPromise, type ClientExtractedStream, type ResolvePromiseState, type IsomorphicFn, type ServerOnlyFn, type ClientOnlyFn, type IsomorphicFnBase, type ServerFn as FetchFn, type ServerFnCtx as FetchFnCtx, type CompiledFetcherFnOptions, type CompiledFetcherFn, type Fetcher, type RscStream, type FetcherData, type FetcherBaseOptions, type ServerFn, type ServerFnCtx, type ServerFnResponseType, type JsonResponse, type IntersectAllValidatorInputs, type IntersectAllValidatorOutputs, type FunctionMiddlewareServerFn, type AnyFunctionMiddleware, type FunctionMiddlewareOptions, type FunctionMiddlewareWithTypes, type FunctionMiddlewareValidator, type FunctionMiddlewareServer, type FunctionMiddlewareAfterClient, type FunctionMiddlewareAfterServer, type FunctionMiddleware, type FunctionMiddlewareClientFnOptions, type FunctionMiddlewareClientFnResult, type FunctionMiddlewareClientNextFn, type FunctionClientResultWithContext, type AssignAllClientContextBeforeNext, type AssignAllMiddleware, type AssignAllServerContext, type FunctionMiddlewareAfterValidator, type FunctionMiddlewareClientFn, type FunctionMiddlewareServerFnResult, type FunctionMiddlewareClient, type FunctionMiddlewareServerFnOptions, type FunctionMiddlewareServerNextFn, type FunctionServerResultWithContext, } from '@tanstack/start-client-core';
+export { Meta } from './Meta.cjs';
+export { Scripts } from './Scripts.cjs';
+export { StartClient } from './StartClient.cjs';
+export { renderRsc } from './renderRSC.cjs';
+export { useServerFn } from './useServerFn.cjs';

package/dist/cjs/renderRSC.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const invariant = require("tiny-invariant");
+function renderRsc(input) {
+  if (react.isValidElement(input)) {
+    return input;
+  }
+  if (typeof input === "object" && !input.state) {
+    input.state = {
+      status: "pending",
+      promise: Promise.resolve().then(() => {
+        invariant(false, "renderRSC() is coming soon!");
+      }).then((element) => {
+        input.state.value = element;
+        input.state.status = "success";
+      }).catch((err) => {
+        input.state.status = "error";
+        input.state.error = err;
+      })
+    };
+  }
+  if (input.state.status === "pending") {
+    throw input.state.promise;
+  }
+  return input.state.value;
+}
+exports.renderRsc = renderRsc;
+//# sourceMappingURL=renderRSC.cjs.map

package/dist/cjs/renderRSC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRSC.cjs","sources":["../../src/renderRSC.tsx"],"sourcesContent":["// TODO: RSCs\nimport { isValidElement } from 'react'\nimport invariant from 'tiny-invariant'\nimport type React from 'react'\n\nexport function renderRsc(input: any): React.JSX.Element {\n  if (isValidElement(input)) {\n    return input\n  }\n\n  if (typeof input === 'object' && !input.state) {\n    input.state = {\n      status: 'pending',\n      promise: Promise.resolve()\n        .then(() => {\n          let element\n\n          // We're in node\n          // TODO: RSCs\n          // if (reactDom.createFromNodeStream) {\n          //   const stream = await import('node:stream')\n\n          //   let body: any = input\n\n          //   // Unwrap the response\n          //   if (input instanceof Response) {\n          //     body = input.body\n          //   }\n\n          //   // Convert ReadableStream to NodeJS stream.Readable\n          //   if (body instanceof ReadableStream) {\n          //     body = stream.Readable.fromWeb(body as any)\n          //   }\n\n          //   if (stream.Readable.isReadable(body)) {\n          //     // body = copyStreamToRaw(body)\n          //   } else if (input.text) {\n          //     // create a readable stream by awaiting the text method\n          //     body = new stream.Readable({\n          //       async read() {\n          //         input.text().then((value: any) => {\n          //           this.push(value)\n          //           this.push(null)\n          //         })\n          //       },\n          //     })\n          //   } else {\n          //     console.error('input', input)\n          //     throw new Error('Unexpected rsc input type 👆')\n          //   }\n\n          //   element = await reactDom.createFromNodeStream(body)\n          // } else {\n          //   // We're in the browser\n          //   if (input.body instanceof ReadableStream) {\n          //     input = input.body\n          //   }\n\n          //   if (input instanceof ReadableStream) {\n          //     element = await reactDom.createFromReadableStream(input)\n          //   }\n\n          //   if (input instanceof Response) {\n          //     // copy to the response body to cache the raw data\n          //     element = await reactDom.createFromFetch(input)\n          //   }\n          // }\n\n          // return element\n\n          invariant(false, 'renderRSC() is coming soon!')\n        })\n        .then((element) => {\n          input.state.value = element\n          input.state.status = 'success'\n        })\n        .catch((err) => {\n          input.state.status = 'error'\n          input.state.error = err\n        }),\n    }\n  }\n\n  if (input.state.status === 'pending') {\n    throw input.state.promise\n  }\n\n  return input.state.value\n}\n"],"names":["isValidElement"],"mappings":";;;;AAKO,SAAS,UAAU,OAA+B;AACnD,MAAAA,MAAAA,eAAe,KAAK,GAAG;AAClB,WAAA;AAAA,EAAA;AAGT,MAAI,OAAO,UAAU,YAAY,CAAC,MAAM,OAAO;AAC7C,UAAM,QAAQ;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS,QAAQ,QAAQ,EACtB,KAAK,MAAM;AAwDV,kBAAU,OAAO,6BAA6B;AAAA,MAAA,CAC/C,EACA,KAAK,CAAC,YAAY;AACjB,cAAM,MAAM,QAAQ;AACpB,cAAM,MAAM,SAAS;AAAA,MAAA,CACtB,EACA,MAAM,CAAC,QAAQ;AACd,cAAM,MAAM,SAAS;AACrB,cAAM,MAAM,QAAQ;AAAA,MACrB,CAAA;AAAA,IACL;AAAA,EAAA;AAGE,MAAA,MAAM,MAAM,WAAW,WAAW;AACpC,UAAM,MAAM,MAAM;AAAA,EAAA;AAGpB,SAAO,MAAM,MAAM;AACrB;;"}

package/dist/cjs/renderRSC.d.cts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function renderRsc(input: any): React.JSX.Element;

package/dist/cjs/tests/createServerFn.test-d.d.cts

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

package/dist/cjs/useServerFn.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const routerCore = require("@tanstack/router-core");
+const reactRouter = require("@tanstack/react-router");
+function useServerFn(serverFn) {
+  const router = reactRouter.useRouter();
+  return async (...args) => {
+    try {
+      const res = await serverFn(...args);
+      if (routerCore.isRedirect(res)) {
+        throw res;
+      }
+      return res;
+    } catch (err) {
+      if (routerCore.isRedirect(err)) {
+        err.options._fromLocation = router.state.location;
+        return router.navigate(router.resolveRedirect(err).options);
+      }
+      throw err;
+    }
+  };
+}
+exports.useServerFn = useServerFn;
+//# sourceMappingURL=useServerFn.cjs.map

package/dist/cjs/useServerFn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useServerFn.cjs","sources":["../../src/useServerFn.ts"],"sourcesContent":["import { isRedirect } from '@tanstack/router-core'\nimport { useRouter } from '@tanstack/react-router'\n\nexport function useServerFn<T extends (...deps: Array<any>) => Promise<any>>(\n  serverFn: T,\n): (...args: Parameters<T>) => ReturnType<T> {\n  const router = useRouter()\n\n  return (async (...args: Array<any>) => {\n    try {\n      const res = await serverFn(...args)\n\n      if (isRedirect(res)) {\n        throw res\n      }\n\n      return res\n    } catch (err) {\n      if (isRedirect(err)) {\n        err.options._fromLocation = router.state.location\n        return router.navigate(router.resolveRedirect(err).options)\n      }\n\n      throw err\n    }\n  }) as any\n}\n"],"names":["useRouter","isRedirect"],"mappings":";;;;AAGO,SAAS,YACd,UAC2C;AAC3C,QAAM,SAASA,YAAAA,UAAU;AAEzB,SAAQ,UAAU,SAAqB;AACjC,QAAA;AACF,YAAM,MAAM,MAAM,SAAS,GAAG,IAAI;AAE9B,UAAAC,WAAAA,WAAW,GAAG,GAAG;AACb,cAAA;AAAA,MAAA;AAGD,aAAA;AAAA,aACA,KAAK;AACR,UAAAA,WAAAA,WAAW,GAAG,GAAG;AACf,YAAA,QAAQ,gBAAgB,OAAO,MAAM;AACzC,eAAO,OAAO,SAAS,OAAO,gBAAgB,GAAG,EAAE,OAAO;AAAA,MAAA;AAGtD,YAAA;AAAA,IAAA;AAAA,EAEV;AACF;;"}

package/dist/cjs/useServerFn.d.cts

@@ -0,0 +1 @@
+export declare function useServerFn<T extends (...deps: Array<any>) => Promise<any>>(serverFn: T): (...args: Parameters<T>) => ReturnType<T>;

package/dist/esm/Meta.d.ts

@@ -0,0 +1 @@
+export declare const Meta: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Meta.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { HeadContent } from "@tanstack/react-router";
+const Meta = () => {
+  if (process.env.NODE_ENV === "development") {
+    console.warn(
+      "The Meta component is deprecated. Use `HeadContent` from `@tanstack/react-router` instead."
+    );
+  }
+  return /* @__PURE__ */ jsx(HeadContent, {});
+};
+export {
+  Meta
+};
+//# sourceMappingURL=Meta.js.map

package/dist/esm/Meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meta.js","sources":["../../src/Meta.tsx"],"sourcesContent":["import { HeadContent } from '@tanstack/react-router'\n\nexport const Meta = () => {\n  if (process.env.NODE_ENV === 'development') {\n    console.warn(\n      'The Meta component is deprecated. Use `HeadContent` from `@tanstack/react-router` instead.',\n    )\n  }\n  return <HeadContent />\n}\n"],"names":[],"mappings":";;AAEO,MAAM,OAAO,MAAM;AACpB,MAAA,QAAQ,IAAI,aAAa,eAAe;AAClC,YAAA;AAAA,MACN;AAAA,IACF;AAAA,EAAA;AAEF,6BAAQ,aAAY,EAAA;AACtB;"}

package/dist/esm/Scripts.d.ts

@@ -0,0 +1 @@
+export declare const Scripts: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Scripts.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Scripts as Scripts$1 } from "@tanstack/react-router";
+const Scripts = () => {
+  if (process.env.NODE_ENV === "development") {
+    console.warn("The Scripts component was moved to `@tanstack/react-router`");
+  }
+  return /* @__PURE__ */ jsx(Scripts$1, {});
+};
+export {
+  Scripts
+};
+//# sourceMappingURL=Scripts.js.map

package/dist/esm/Scripts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scripts.js","sources":["../../src/Scripts.tsx"],"sourcesContent":["import { Scripts as RouterScripts } from '@tanstack/react-router'\n\nexport const Scripts = () => {\n  if (process.env.NODE_ENV === 'development') {\n    console.warn('The Scripts component was moved to `@tanstack/react-router`')\n  }\n  return <RouterScripts />\n}\n"],"names":["RouterScripts"],"mappings":";;AAEO,MAAM,UAAU,MAAM;AACvB,MAAA,QAAQ,IAAI,aAAa,eAAe;AAC1C,YAAQ,KAAK,6DAA6D;AAAA,EAAA;AAE5E,6BAAQA,WAAc,EAAA;AACxB;"}

package/dist/esm/StartClient.d.ts

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

package/dist/esm/StartClient.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { Await, RouterProvider } from "@tanstack/react-router";
+import { hydrate } from "@tanstack/start-client-core";
+let hydrationPromise;
+function StartClient(props) {
+  if (!hydrationPromise) {
+    if (!props.router.state.matches.length) {
+      hydrationPromise = hydrate(props.router);
+    } else {
+      hydrationPromise = Promise.resolve();
+    }
+  }
+  return /* @__PURE__ */ jsx(
+    Await,
+    {
+      promise: hydrationPromise,
+      children: () => /* @__PURE__ */ jsx(RouterProvider, { router: props.router })
+    }
+  );
+}
+export {
+  StartClient
+};
+//# sourceMappingURL=StartClient.js.map

package/dist/esm/StartClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartClient.js","sources":["../../src/StartClient.tsx"],"sourcesContent":["import { Await, RouterProvider } from '@tanstack/react-router'\nimport { hydrate } from '@tanstack/start-client-core'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nlet hydrationPromise: Promise<void | Array<Array<void>>> | undefined\n\nexport function StartClient(props: { router: AnyRouter }) {\n  if (!hydrationPromise) {\n    if (!props.router.state.matches.length) {\n      hydrationPromise = hydrate(props.router)\n    } else {\n      hydrationPromise = Promise.resolve()\n    }\n  }\n  return (\n    <Await\n      promise={hydrationPromise}\n      children={() => <RouterProvider router={props.router} />}\n    />\n  )\n}\n"],"names":[],"mappings":";;;AAIA,IAAI;AAEG,SAAS,YAAY,OAA8B;AACxD,MAAI,CAAC,kBAAkB;AACrB,QAAI,CAAC,MAAM,OAAO,MAAM,QAAQ,QAAQ;AACnB,yBAAA,QAAQ,MAAM,MAAM;AAAA,IAAA,OAClC;AACL,yBAAmB,QAAQ,QAAQ;AAAA,IAAA;AAAA,EACrC;AAGA,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAU,MAAM,oBAAC,gBAAe,EAAA,QAAQ,MAAM,OAAQ,CAAA;AAAA,IAAA;AAAA,EACxD;AAEJ;"}

package/dist/esm/index.d.ts

@@ -0,0 +1,7 @@
+export { mergeHeaders, startSerializer, createIsomorphicFn, createServerFn, createMiddleware, registerGlobalMiddleware, globalMiddleware, serverOnly, clientOnly, json, } from '@tanstack/start-client-core';
+export { type DehydratedRouter, type ClientExtractedBaseEntry, type StartSsrGlobal, type ClientExtractedEntry, type SsrMatch, type ClientExtractedPromise, type ClientExtractedStream, type ResolvePromiseState, type IsomorphicFn, type ServerOnlyFn, type ClientOnlyFn, type IsomorphicFnBase, type ServerFn as FetchFn, type ServerFnCtx as FetchFnCtx, type CompiledFetcherFnOptions, type CompiledFetcherFn, type Fetcher, type RscStream, type FetcherData, type FetcherBaseOptions, type ServerFn, type ServerFnCtx, type ServerFnResponseType, type JsonResponse, type IntersectAllValidatorInputs, type IntersectAllValidatorOutputs, type FunctionMiddlewareServerFn, type AnyFunctionMiddleware, type FunctionMiddlewareOptions, type FunctionMiddlewareWithTypes, type FunctionMiddlewareValidator, type FunctionMiddlewareServer, type FunctionMiddlewareAfterClient, type FunctionMiddlewareAfterServer, type FunctionMiddleware, type FunctionMiddlewareClientFnOptions, type FunctionMiddlewareClientFnResult, type FunctionMiddlewareClientNextFn, type FunctionClientResultWithContext, type AssignAllClientContextBeforeNext, type AssignAllMiddleware, type AssignAllServerContext, type FunctionMiddlewareAfterValidator, type FunctionMiddlewareClientFn, type FunctionMiddlewareServerFnResult, type FunctionMiddlewareClient, type FunctionMiddlewareServerFnOptions, type FunctionMiddlewareServerNextFn, type FunctionServerResultWithContext, } from '@tanstack/start-client-core';
+export { Meta } from './Meta.js';
+export { Scripts } from './Scripts.js';
+export { StartClient } from './StartClient.js';
+export { renderRsc } from './renderRSC.js';
+export { useServerFn } from './useServerFn.js';

package/dist/esm/index.js

@@ -0,0 +1,24 @@
+import { clientOnly, createIsomorphicFn, createMiddleware, createServerFn, globalMiddleware, json, mergeHeaders, registerGlobalMiddleware, serverOnly, startSerializer } from "@tanstack/start-client-core";
+import { Meta } from "./Meta.js";
+import { Scripts } from "./Scripts.js";
+import { StartClient } from "./StartClient.js";
+import { renderRsc } from "./renderRSC.js";
+import { useServerFn } from "./useServerFn.js";
+export {
+  Meta,
+  Scripts,
+  StartClient,
+  clientOnly,
+  createIsomorphicFn,
+  createMiddleware,
+  createServerFn,
+  globalMiddleware,
+  json,
+  mergeHeaders,
+  registerGlobalMiddleware,
+  renderRsc,
+  serverOnly,
+  startSerializer,
+  useServerFn
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/renderRSC.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function renderRsc(input: any): React.JSX.Element;

package/dist/esm/renderRSC.js

@@ -0,0 +1,29 @@
+import { isValidElement } from "react";
+import invariant from "tiny-invariant";
+function renderRsc(input) {
+  if (isValidElement(input)) {
+    return input;
+  }
+  if (typeof input === "object" && !input.state) {
+    input.state = {
+      status: "pending",
+      promise: Promise.resolve().then(() => {
+        invariant(false, "renderRSC() is coming soon!");
+      }).then((element) => {
+        input.state.value = element;
+        input.state.status = "success";
+      }).catch((err) => {
+        input.state.status = "error";
+        input.state.error = err;
+      })
+    };
+  }
+  if (input.state.status === "pending") {
+    throw input.state.promise;
+  }
+  return input.state.value;
+}
+export {
+  renderRsc
+};
+//# sourceMappingURL=renderRSC.js.map

package/dist/esm/renderRSC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRSC.js","sources":["../../src/renderRSC.tsx"],"sourcesContent":["// TODO: RSCs\nimport { isValidElement } from 'react'\nimport invariant from 'tiny-invariant'\nimport type React from 'react'\n\nexport function renderRsc(input: any): React.JSX.Element {\n  if (isValidElement(input)) {\n    return input\n  }\n\n  if (typeof input === 'object' && !input.state) {\n    input.state = {\n      status: 'pending',\n      promise: Promise.resolve()\n        .then(() => {\n          let element\n\n          // We're in node\n          // TODO: RSCs\n          // if (reactDom.createFromNodeStream) {\n          //   const stream = await import('node:stream')\n\n          //   let body: any = input\n\n          //   // Unwrap the response\n          //   if (input instanceof Response) {\n          //     body = input.body\n          //   }\n\n          //   // Convert ReadableStream to NodeJS stream.Readable\n          //   if (body instanceof ReadableStream) {\n          //     body = stream.Readable.fromWeb(body as any)\n          //   }\n\n          //   if (stream.Readable.isReadable(body)) {\n          //     // body = copyStreamToRaw(body)\n          //   } else if (input.text) {\n          //     // create a readable stream by awaiting the text method\n          //     body = new stream.Readable({\n          //       async read() {\n          //         input.text().then((value: any) => {\n          //           this.push(value)\n          //           this.push(null)\n          //         })\n          //       },\n          //     })\n          //   } else {\n          //     console.error('input', input)\n          //     throw new Error('Unexpected rsc input type 👆')\n          //   }\n\n          //   element = await reactDom.createFromNodeStream(body)\n          // } else {\n          //   // We're in the browser\n          //   if (input.body instanceof ReadableStream) {\n          //     input = input.body\n          //   }\n\n          //   if (input instanceof ReadableStream) {\n          //     element = await reactDom.createFromReadableStream(input)\n          //   }\n\n          //   if (input instanceof Response) {\n          //     // copy to the response body to cache the raw data\n          //     element = await reactDom.createFromFetch(input)\n          //   }\n          // }\n\n          // return element\n\n          invariant(false, 'renderRSC() is coming soon!')\n        })\n        .then((element) => {\n          input.state.value = element\n          input.state.status = 'success'\n        })\n        .catch((err) => {\n          input.state.status = 'error'\n          input.state.error = err\n        }),\n    }\n  }\n\n  if (input.state.status === 'pending') {\n    throw input.state.promise\n  }\n\n  return input.state.value\n}\n"],"names":[],"mappings":";;AAKO,SAAS,UAAU,OAA+B;AACnD,MAAA,eAAe,KAAK,GAAG;AAClB,WAAA;AAAA,EAAA;AAGT,MAAI,OAAO,UAAU,YAAY,CAAC,MAAM,OAAO;AAC7C,UAAM,QAAQ;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS,QAAQ,QAAQ,EACtB,KAAK,MAAM;AAwDV,kBAAU,OAAO,6BAA6B;AAAA,MAAA,CAC/C,EACA,KAAK,CAAC,YAAY;AACjB,cAAM,MAAM,QAAQ;AACpB,cAAM,MAAM,SAAS;AAAA,MAAA,CACtB,EACA,MAAM,CAAC,QAAQ;AACd,cAAM,MAAM,SAAS;AACrB,cAAM,MAAM,QAAQ;AAAA,MACrB,CAAA;AAAA,IACL;AAAA,EAAA;AAGE,MAAA,MAAM,MAAM,WAAW,WAAW;AACpC,UAAM,MAAM,MAAM;AAAA,EAAA;AAGpB,SAAO,MAAM,MAAM;AACrB;"}

package/dist/esm/tests/createServerFn.test-d.d.ts

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

package/dist/esm/useServerFn.d.ts

@@ -0,0 +1 @@
+export declare function useServerFn<T extends (...deps: Array<any>) => Promise<any>>(serverFn: T): (...args: Parameters<T>) => ReturnType<T>;

package/dist/esm/useServerFn.js

@@ -0,0 +1,24 @@
+import { isRedirect } from "@tanstack/router-core";
+import { useRouter } from "@tanstack/react-router";
+function useServerFn(serverFn) {
+  const router = useRouter();
+  return async (...args) => {
+    try {
+      const res = await serverFn(...args);
+      if (isRedirect(res)) {
+        throw res;
+      }
+      return res;
+    } catch (err) {
+      if (isRedirect(err)) {
+        err.options._fromLocation = router.state.location;
+        return router.navigate(router.resolveRedirect(err).options);
+      }
+      throw err;
+    }
+  };
+}
+export {
+  useServerFn
+};
+//# sourceMappingURL=useServerFn.js.map

package/dist/esm/useServerFn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useServerFn.js","sources":["../../src/useServerFn.ts"],"sourcesContent":["import { isRedirect } from '@tanstack/router-core'\nimport { useRouter } from '@tanstack/react-router'\n\nexport function useServerFn<T extends (...deps: Array<any>) => Promise<any>>(\n  serverFn: T,\n): (...args: Parameters<T>) => ReturnType<T> {\n  const router = useRouter()\n\n  return (async (...args: Array<any>) => {\n    try {\n      const res = await serverFn(...args)\n\n      if (isRedirect(res)) {\n        throw res\n      }\n\n      return res\n    } catch (err) {\n      if (isRedirect(err)) {\n        err.options._fromLocation = router.state.location\n        return router.navigate(router.resolveRedirect(err).options)\n      }\n\n      throw err\n    }\n  }) as any\n}\n"],"names":[],"mappings":";;AAGO,SAAS,YACd,UAC2C;AAC3C,QAAM,SAAS,UAAU;AAEzB,SAAQ,UAAU,SAAqB;AACjC,QAAA;AACF,YAAM,MAAM,MAAM,SAAS,GAAG,IAAI;AAE9B,UAAA,WAAW,GAAG,GAAG;AACb,cAAA;AAAA,MAAA;AAGD,aAAA;AAAA,aACA,KAAK;AACR,UAAA,WAAW,GAAG,GAAG;AACf,YAAA,QAAQ,gBAAgB,OAAO,MAAM;AACzC,eAAO,OAAO,SAAS,OAAO,gBAAgB,GAAG,EAAE,OAAO;AAAA,MAAA;AAGtD,YAAA;AAAA,IAAA;AAAA,EAEV;AACF;"}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@tanstack/react-start-client",
+  "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-client"
+  },
+  "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": {
+    "cookie-es": "^1.2.2",
+    "jsesc": "^3.1.0",
+    "tiny-invariant": "^1.3.3",
+    "tiny-warning": "^1.0.3",
+    "@tanstack/react-router": "^1.20.3-alpha.1",
+    "@tanstack/router-core": "^1.20.3-alpha.1",
+    "@tanstack/start-client-core": "^1.20.3-alpha.1"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.2.0",
+    "@types/jsesc": "^3.0.3",
+    "@vitejs/plugin-react": "^4.3.4"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0 || >=19.0.0",
+    "react-dom": ">=18.0.0 || >=19.0.0"
+  },
+  "scripts": {}
+}

package/src/Meta.tsx

@@ -0,0 +1,10 @@
+import { HeadContent } from '@tanstack/react-router'
+
+export const Meta = () => {
+  if (process.env.NODE_ENV === 'development') {
+    console.warn(
+      'The Meta component is deprecated. Use `HeadContent` from `@tanstack/react-router` instead.',
+    )
+  }
+  return <HeadContent />
+}

package/src/Scripts.tsx

@@ -0,0 +1,8 @@
+import { Scripts as RouterScripts } from '@tanstack/react-router'
+
+export const Scripts = () => {
+  if (process.env.NODE_ENV === 'development') {
+    console.warn('The Scripts component was moved to `@tanstack/react-router`')
+  }
+  return <RouterScripts />
+}

package/src/StartClient.tsx

@@ -0,0 +1,21 @@
+import { Await, RouterProvider } from '@tanstack/react-router'
+import { hydrate } from '@tanstack/start-client-core'
+import type { AnyRouter } from '@tanstack/router-core'
+
+let hydrationPromise: Promise<void | Array<Array<void>>> | undefined
+
+export function StartClient(props: { router: AnyRouter }) {
+  if (!hydrationPromise) {
+    if (!props.router.state.matches.length) {
+      hydrationPromise = hydrate(props.router)
+    } else {
+      hydrationPromise = Promise.resolve()
+    }
+  }
+  return (
+    <Await
+      promise={hydrationPromise}
+      children={() => <RouterProvider router={props.router} />}
+    />
+  )
+}

package/src/index.tsx

@@ -0,0 +1,68 @@
+export {
+  mergeHeaders,
+  startSerializer,
+  createIsomorphicFn,
+  createServerFn,
+  createMiddleware,
+  registerGlobalMiddleware,
+  globalMiddleware,
+  serverOnly,
+  clientOnly,
+  json,
+} from '@tanstack/start-client-core'
+export {
+  type DehydratedRouter,
+  type ClientExtractedBaseEntry,
+  type StartSsrGlobal,
+  type ClientExtractedEntry,
+  type SsrMatch,
+  type ClientExtractedPromise,
+  type ClientExtractedStream,
+  type ResolvePromiseState,
+  type IsomorphicFn,
+  type ServerOnlyFn,
+  type ClientOnlyFn,
+  type IsomorphicFnBase,
+  type ServerFn as FetchFn,
+  type ServerFnCtx as FetchFnCtx,
+  type CompiledFetcherFnOptions,
+  type CompiledFetcherFn,
+  type Fetcher,
+  type RscStream,
+  type FetcherData,
+  type FetcherBaseOptions,
+  type ServerFn,
+  type ServerFnCtx,
+  type ServerFnResponseType,
+  type JsonResponse,
+  type IntersectAllValidatorInputs,
+  type IntersectAllValidatorOutputs,
+  type FunctionMiddlewareServerFn,
+  type AnyFunctionMiddleware,
+  type FunctionMiddlewareOptions,
+  type FunctionMiddlewareWithTypes,
+  type FunctionMiddlewareValidator,
+  type FunctionMiddlewareServer,
+  type FunctionMiddlewareAfterClient,
+  type FunctionMiddlewareAfterServer,
+  type FunctionMiddleware,
+  type FunctionMiddlewareClientFnOptions,
+  type FunctionMiddlewareClientFnResult,
+  type FunctionMiddlewareClientNextFn,
+  type FunctionClientResultWithContext,
+  type AssignAllClientContextBeforeNext,
+  type AssignAllMiddleware,
+  type AssignAllServerContext,
+  type FunctionMiddlewareAfterValidator,
+  type FunctionMiddlewareClientFn,
+  type FunctionMiddlewareServerFnResult,
+  type FunctionMiddlewareClient,
+  type FunctionMiddlewareServerFnOptions,
+  type FunctionMiddlewareServerNextFn,
+  type FunctionServerResultWithContext,
+} from '@tanstack/start-client-core'
+export { Meta } from './Meta'
+export { Scripts } from './Scripts'
+export { StartClient } from './StartClient'
+export { renderRsc } from './renderRSC'
+export { useServerFn } from './useServerFn'

package/src/renderRSC.tsx

@@ -0,0 +1,89 @@
+// TODO: RSCs
+import { isValidElement } from 'react'
+import invariant from 'tiny-invariant'
+import type React from 'react'
+
+export function renderRsc(input: any): React.JSX.Element {
+  if (isValidElement(input)) {
+    return input
+  }
+
+  if (typeof input === 'object' && !input.state) {
+    input.state = {
+      status: 'pending',
+      promise: Promise.resolve()
+        .then(() => {
+          let element
+
+          // We're in node
+          // TODO: RSCs
+          // if (reactDom.createFromNodeStream) {
+          //   const stream = await import('node:stream')
+
+          //   let body: any = input
+
+          //   // Unwrap the response
+          //   if (input instanceof Response) {
+          //     body = input.body
+          //   }
+
+          //   // Convert ReadableStream to NodeJS stream.Readable
+          //   if (body instanceof ReadableStream) {
+          //     body = stream.Readable.fromWeb(body as any)
+          //   }
+
+          //   if (stream.Readable.isReadable(body)) {
+          //     // body = copyStreamToRaw(body)
+          //   } else if (input.text) {
+          //     // create a readable stream by awaiting the text method
+          //     body = new stream.Readable({
+          //       async read() {
+          //         input.text().then((value: any) => {
+          //           this.push(value)
+          //           this.push(null)
+          //         })
+          //       },
+          //     })
+          //   } else {
+          //     console.error('input', input)
+          //     throw new Error('Unexpected rsc input type 👆')
+          //   }
+
+          //   element = await reactDom.createFromNodeStream(body)
+          // } else {
+          //   // We're in the browser
+          //   if (input.body instanceof ReadableStream) {
+          //     input = input.body
+          //   }
+
+          //   if (input instanceof ReadableStream) {
+          //     element = await reactDom.createFromReadableStream(input)
+          //   }
+
+          //   if (input instanceof Response) {
+          //     // copy to the response body to cache the raw data
+          //     element = await reactDom.createFromFetch(input)
+          //   }
+          // }
+
+          // return element
+
+          invariant(false, 'renderRSC() is coming soon!')
+        })
+        .then((element) => {
+          input.state.value = element
+          input.state.status = 'success'
+        })
+        .catch((err) => {
+          input.state.status = 'error'
+          input.state.error = err
+        }),
+    }
+  }
+
+  if (input.state.status === 'pending') {
+    throw input.state.promise
+  }
+
+  return input.state.value
+}

package/src/tests/createServerFn.test-d.tsx

@@ -0,0 +1,15 @@
+import { expectTypeOf, test } from 'vitest'
+import { createServerFn } from '@tanstack/start-client-core'
+
+test('createServerFn returns RSC', () => {
+  const fn = createServerFn().handler(() => ({
+    rscs: [
+      <div key="0">I'm an RSC</div>,
+      <div key="1">I'm an RSC</div>,
+    ] as const,
+  }))
+
+  expectTypeOf(fn()).toEqualTypeOf<
+    Promise<{ rscs: readonly [ReadableStream, ReadableStream] }>
+  >()
+})

package/src/tests/setupTests.tsx

@@ -0,0 +1 @@
+import '@testing-library/react'

package/src/useServerFn.ts

@@ -0,0 +1,27 @@
+import { isRedirect } from '@tanstack/router-core'
+import { useRouter } from '@tanstack/react-router'
+
+export function useServerFn<T extends (...deps: Array<any>) => Promise<any>>(
+  serverFn: T,
+): (...args: Parameters<T>) => ReturnType<T> {
+  const router = useRouter()
+
+  return (async (...args: Array<any>) => {
+    try {
+      const res = await serverFn(...args)
+
+      if (isRedirect(res)) {
+        throw res
+      }
+
+      return res
+    } catch (err) {
+      if (isRedirect(err)) {
+        err.options._fromLocation = router.state.location
+        return router.navigate(router.resolveRedirect(err).options)
+      }
+
+      throw err
+    }
+  }) as any
+}