@tanstack/react-start-client 1.132.0-alpha.9 → 1.132.0

package/dist/esm/StartClient.d.ts

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

package/dist/esm/StartClient.js

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

package/dist/esm/StartClient.js.map

@@ -1 +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;AACtC,yBAAmB,QAAQ,MAAM,MAAM;AAAA,IACzC,OAAO;AACL,yBAAmB,QAAQ,QAAA;AAAA,IAC7B;AAAA,EACF;AACA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAU,MAAM,oBAAC,gBAAA,EAAe,QAAQ,MAAM,OAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAG5D;"}
+{"version":3,"file":"StartClient.js","sources":["../../src/StartClient.tsx"],"sourcesContent":["import { Await, RouterProvider } from '@tanstack/react-router'\n\nimport { hydrateStart } from '@tanstack/start-client-core/client'\n\nimport type { AnyRouter } from '@tanstack/router-core'\n\nlet hydrationPromise: Promise<AnyRouter> | undefined\nexport function StartClient() {\n  if (!hydrationPromise) {\n    hydrationPromise = hydrateStart()\n  }\n\n  return (\n    <Await\n      promise={hydrationPromise}\n      children={(router) => <RouterProvider router={router} />}\n    />\n  )\n}\n"],"names":[],"mappings":";;;AAMA,IAAI;AACG,SAAS,cAAc;AAC5B,MAAI,CAAC,kBAAkB;AACrB,uBAAmB,aAAA;AAAA,EACrB;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAU,CAAC,WAAW,oBAAC,kBAAe,OAAA,CAAgB;AAAA,IAAA;AAAA,EAAA;AAG5D;"}

package/dist/esm/index.d.ts

@@ -1,5 +1,3 @@
-export { mergeHeaders, createIsomorphicFn, createServerFn, createMiddleware, registerGlobalMiddleware, globalMiddleware, createServerOnlyFn, createClientOnlyFn, json, createClientRpc, } from '@tanstack/start-client-core';
-export { type DehydratedRouter, type IsomorphicFn, type ServerOnlyFn, type ClientOnlyFn, type IsomorphicFnBase, type CompiledFetcherFnOptions, type CompiledFetcherFn, type Fetcher, type OptionalFetcher, type RequiredFetcher, 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 { StartClient } from './StartClient.js';
 export { renderRsc } from './renderRSC.js';
-export { useServerFn } from './useServerFn.js';
+export { createClientRpc } from '@tanstack/start-client-core/client';

package/dist/esm/index.js

@@ -1,20 +1,9 @@
-import { createClientOnlyFn, createClientRpc, createIsomorphicFn, createMiddleware, createServerFn, createServerOnlyFn, globalMiddleware, json, mergeHeaders, registerGlobalMiddleware } from "@tanstack/start-client-core";
 import { StartClient } from "./StartClient.js";
 import { renderRsc } from "./renderRSC.js";
-import { useServerFn } from "./useServerFn.js";
+import { createClientRpc } from "@tanstack/start-client-core/client";
 export {
   StartClient,
-  createClientOnlyFn,
   createClientRpc,
-  createIsomorphicFn,
-  createMiddleware,
-  createServerFn,
-  createServerOnlyFn,
-  globalMiddleware,
-  json,
-  mergeHeaders,
-  registerGlobalMiddleware,
-  renderRsc,
-  useServerFn
+  renderRsc
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-start-client",
-  "version": "1.132.0-alpha.9",
+  "version": "1.132.0",
   "description": "Modern and scalable routing for React applications",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -40,15 +40,15 @@
     "src"
   ],
   "engines": {
-    "node": ">=12"
+    "node": ">=22.12.0"
   },
   "dependencies": {
     "cookie-es": "^1.2.2",
     "tiny-invariant": "^1.3.3",
     "tiny-warning": "^1.0.3",
-    "@tanstack/react-router": "1.132.0-alpha.8",
-    "@tanstack/router-core": "1.132.0-alpha.8",
-    "@tanstack/start-client-core": "1.132.0-alpha.9"
+    "@tanstack/router-core": "1.132.0",
+    "@tanstack/start-client-core": "1.132.0",
+    "@tanstack/react-router": "1.132.0"
   },
   "devDependencies": {
     "@testing-library/react": "^16.2.0",

package/src/StartClient.tsx

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

package/src/index.tsx

@@ -1,59 +1,3 @@
-export {
-  mergeHeaders,
-  createIsomorphicFn,
-  createServerFn,
-  createMiddleware,
-  registerGlobalMiddleware,
-  globalMiddleware,
-  createServerOnlyFn,
-  createClientOnlyFn,
-  json,
-  createClientRpc,
-} from '@tanstack/start-client-core'
-export {
-  type DehydratedRouter,
-  type IsomorphicFn,
-  type ServerOnlyFn,
-  type ClientOnlyFn,
-  type IsomorphicFnBase,
-  type CompiledFetcherFnOptions,
-  type CompiledFetcherFn,
-  type Fetcher,
-  type OptionalFetcher,
-  type RequiredFetcher,
-  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 { StartClient } from './StartClient'
 export { renderRsc } from './renderRSC'
-export { useServerFn } from './useServerFn'
+export { createClientRpc } from '@tanstack/start-client-core/client'

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

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

package/dist/esm/useServerFn.d.ts

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

package/dist/esm/useServerFn.js

@@ -1,28 +0,0 @@
-import * as React from "react";
-import { isRedirect } from "@tanstack/router-core";
-import { useRouter } from "@tanstack/react-router";
-function useServerFn(serverFn) {
-  const router = useRouter();
-  return React.useCallback(
-    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;
-      }
-    },
-    [router, serverFn]
-  );
-}
-export {
-  useServerFn
-};
-//# sourceMappingURL=useServerFn.js.map

package/dist/esm/useServerFn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useServerFn.js","sources":["../../src/useServerFn.ts"],"sourcesContent":["import * as React from 'react'\nimport { 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 React.useCallback(\n    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    },\n    [router, serverFn],\n  ) as any\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,YACd,UAC2C;AAC3C,QAAM,SAAS,UAAA;AAEf,SAAO,MAAM;AAAA,IACX,UAAU,SAAqB;AAC7B,UAAI;AACF,cAAM,MAAM,MAAM,SAAS,GAAG,IAAI;AAElC,YAAI,WAAW,GAAG,GAAG;AACnB,gBAAM;AAAA,QACR;AAEA,eAAO;AAAA,MACT,SAAS,KAAK;AACZ,YAAI,WAAW,GAAG,GAAG;AACnB,cAAI,QAAQ,gBAAgB,OAAO,MAAM;AACzC,iBAAO,OAAO,SAAS,OAAO,gBAAgB,GAAG,EAAE,OAAO;AAAA,QAC5D;AAEA,cAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,QAAQ;AAAA,EAAA;AAErB;"}

package/src/useServerFn.ts

@@ -1,31 +0,0 @@
-import * as React from 'react'
-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 React.useCallback(
-    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
-      }
-    },
-    [router, serverFn],
-  ) as any
-}