@tanstack/react-start-client 1.121.0-alpha.27 → 1.121.0-alpha.28

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 (40) hide show
  1. package/dist/esm/StartClient.js.map +1 -1
  2. package/dist/esm/index.d.ts +2 -3
  3. package/dist/esm/index.js +0 -4
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/esm/renderRSC.js.map +1 -1
  6. package/dist/esm/serializer.d.ts +6 -0
  7. package/dist/esm/useServerFn.js +18 -14
  8. package/dist/esm/useServerFn.js.map +1 -1
  9. package/package.json +4 -10
  10. package/src/index.tsx +1 -11
  11. package/src/serializer.ts +7 -0
  12. package/src/useServerFn.ts +19 -15
  13. package/dist/cjs/Meta.cjs +0 -14
  14. package/dist/cjs/Meta.cjs.map +0 -1
  15. package/dist/cjs/Meta.d.cts +0 -1
  16. package/dist/cjs/Scripts.cjs +0 -12
  17. package/dist/cjs/Scripts.cjs.map +0 -1
  18. package/dist/cjs/Scripts.d.cts +0 -1
  19. package/dist/cjs/StartClient.cjs +0 -24
  20. package/dist/cjs/StartClient.cjs.map +0 -1
  21. package/dist/cjs/StartClient.d.cts +0 -4
  22. package/dist/cjs/index.cjs +0 -54
  23. package/dist/cjs/index.cjs.map +0 -1
  24. package/dist/cjs/index.d.cts +0 -7
  25. package/dist/cjs/renderRSC.cjs +0 -29
  26. package/dist/cjs/renderRSC.cjs.map +0 -1
  27. package/dist/cjs/renderRSC.d.cts +0 -2
  28. package/dist/cjs/tests/createServerFn.test-d.d.cts +0 -1
  29. package/dist/cjs/tests/setupTests.d.cts +0 -0
  30. package/dist/cjs/useServerFn.cjs +0 -24
  31. package/dist/cjs/useServerFn.cjs.map +0 -1
  32. package/dist/cjs/useServerFn.d.cts +0 -1
  33. package/dist/esm/Meta.d.ts +0 -1
  34. package/dist/esm/Meta.js +0 -14
  35. package/dist/esm/Meta.js.map +0 -1
  36. package/dist/esm/Scripts.d.ts +0 -1
  37. package/dist/esm/Scripts.js +0 -12
  38. package/dist/esm/Scripts.js.map +0 -1
  39. package/src/Meta.tsx +0 -10
  40. package/src/Scripts.tsx +0 -8
@@ -1 +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;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;"}
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;"}
@@ -1,7 +1,6 @@
1
1
  export { mergeHeaders, startSerializer, createIsomorphicFn, createServerFn, createMiddleware, registerGlobalMiddleware, globalMiddleware, serverOnly, clientOnly, json, } from '@tanstack/start-client-core';
2
- 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 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';
3
- export { Meta } from './Meta.js';
4
- export { Scripts } from './Scripts.js';
2
+ 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';
5
3
  export { StartClient } from './StartClient.js';
6
4
  export { renderRsc } from './renderRSC.js';
7
5
  export { useServerFn } from './useServerFn.js';
6
+ export * from './serializer.js';
package/dist/esm/index.js CHANGED
@@ -1,12 +1,8 @@
1
1
  import { clientOnly, createIsomorphicFn, createMiddleware, createServerFn, globalMiddleware, json, mergeHeaders, registerGlobalMiddleware, serverOnly, startSerializer } from "@tanstack/start-client-core";
2
- import { Meta } from "./Meta.js";
3
- import { Scripts } from "./Scripts.js";
4
2
  import { StartClient } from "./StartClient.js";
5
3
  import { renderRsc } from "./renderRSC.js";
6
4
  import { useServerFn } from "./useServerFn.js";
7
5
  export {
8
- Meta,
9
- Scripts,
10
6
  StartClient,
11
7
  clientOnly,
12
8
  createIsomorphicFn,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1 +1 @@
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;"}
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;AACvD,MAAI,eAAe,KAAK,GAAG;AACzB,WAAO;AAAA,EACT;AAEA,MAAI,OAAO,UAAU,YAAY,CAAC,MAAM,OAAO;AAC7C,UAAM,QAAQ;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS,QAAQ,QAAA,EACd,KAAK,MAAM;AAwDV,kBAAU,OAAO,6BAA6B;AAAA,MAChD,CAAC,EACA,KAAK,CAAC,YAAY;AACjB,cAAM,MAAM,QAAQ;AACpB,cAAM,MAAM,SAAS;AAAA,MACvB,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,cAAM,MAAM,SAAS;AACrB,cAAM,MAAM,QAAQ;AAAA,MACtB,CAAC;AAAA,IAAA;AAAA,EAEP;AAEA,MAAI,MAAM,MAAM,WAAW,WAAW;AACpC,UAAM,MAAM,MAAM;AAAA,EACpB;AAEA,SAAO,MAAM,MAAM;AACrB;"}
@@ -0,0 +1,6 @@
1
+ import type * as React from 'react';
2
+ declare module '@tanstack/start-client-core' {
3
+ interface SerializerExtensions {
4
+ ReadableStream: React.JSX.Element;
5
+ }
6
+ }
@@ -1,22 +1,26 @@
1
+ import * as React from "react";
1
2
  import { isRedirect } from "@tanstack/router-core";
2
3
  import { useRouter } from "@tanstack/react-router";
3
4
  function useServerFn(serverFn) {
4
5
  const router = useRouter();
5
- return async (...args) => {
6
- try {
7
- const res = await serverFn(...args);
8
- if (isRedirect(res)) {
9
- throw res;
6
+ return React.useCallback(
7
+ async (...args) => {
8
+ try {
9
+ const res = await serverFn(...args);
10
+ if (isRedirect(res)) {
11
+ throw res;
12
+ }
13
+ return res;
14
+ } catch (err) {
15
+ if (isRedirect(err)) {
16
+ err.options._fromLocation = router.state.location;
17
+ return router.navigate(router.resolveRedirect(err).options);
18
+ }
19
+ throw err;
10
20
  }
11
- return res;
12
- } catch (err) {
13
- if (isRedirect(err)) {
14
- err.options._fromLocation = router.state.location;
15
- return router.navigate(router.resolveRedirect(err).options);
16
- }
17
- throw err;
18
- }
19
- };
21
+ },
22
+ [router, serverFn]
23
+ );
20
24
  }
21
25
  export {
22
26
  useServerFn
@@ -1 +1 @@
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;"}
1
+ {"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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/react-start-client",
3
- "version": "1.121.0-alpha.27",
3
+ "version": "1.121.0-alpha.28",
4
4
  "description": "Modern and scalable routing for React applications",
5
5
  "author": "Tanner Linsley",
6
6
  "license": "MIT",
@@ -30,10 +30,6 @@
30
30
  "import": {
31
31
  "types": "./dist/esm/index.d.ts",
32
32
  "default": "./dist/esm/index.js"
33
- },
34
- "require": {
35
- "types": "./dist/cjs/index.d.cts",
36
- "default": "./dist/cjs/index.cjs"
37
33
  }
38
34
  },
39
35
  "./package.json": "./package.json"
@@ -48,16 +44,14 @@
48
44
  },
49
45
  "dependencies": {
50
46
  "cookie-es": "^1.2.2",
51
- "jsesc": "^3.1.0",
52
47
  "tiny-invariant": "^1.3.3",
53
48
  "tiny-warning": "^1.0.3",
54
- "@tanstack/react-router": "^1.121.0-alpha.27",
55
- "@tanstack/router-core": "^1.121.0-alpha.27",
56
- "@tanstack/start-client-core": "^1.121.0-alpha.27"
49
+ "@tanstack/react-router": "1.121.0-alpha.28",
50
+ "@tanstack/start-client-core": "1.121.0-alpha.28",
51
+ "@tanstack/router-core": "1.121.0-alpha.28"
57
52
  },
58
53
  "devDependencies": {
59
54
  "@testing-library/react": "^16.2.0",
60
- "@types/jsesc": "^3.0.3",
61
55
  "@vitejs/plugin-react": "^4.3.4"
62
56
  },
63
57
  "peerDependencies": {
package/src/index.tsx CHANGED
@@ -12,19 +12,10 @@ export {
12
12
  } from '@tanstack/start-client-core'
13
13
  export {
14
14
  type DehydratedRouter,
15
- type ClientExtractedBaseEntry,
16
- type StartSsrGlobal,
17
- type ClientExtractedEntry,
18
- type SsrMatch,
19
- type ClientExtractedPromise,
20
- type ClientExtractedStream,
21
- type ResolvePromiseState,
22
15
  type IsomorphicFn,
23
16
  type ServerOnlyFn,
24
17
  type ClientOnlyFn,
25
18
  type IsomorphicFnBase,
26
- type ServerFn as FetchFn,
27
- type ServerFnCtx as FetchFnCtx,
28
19
  type CompiledFetcherFnOptions,
29
20
  type CompiledFetcherFn,
30
21
  type Fetcher,
@@ -63,8 +54,7 @@ export {
63
54
  type FunctionMiddlewareServerNextFn,
64
55
  type FunctionServerResultWithContext,
65
56
  } from '@tanstack/start-client-core'
66
- export { Meta } from './Meta'
67
- export { Scripts } from './Scripts'
68
57
  export { StartClient } from './StartClient'
69
58
  export { renderRsc } from './renderRSC'
70
59
  export { useServerFn } from './useServerFn'
60
+ export * from './serializer'
@@ -0,0 +1,7 @@
1
+ import type * as React from 'react'
2
+
3
+ declare module '@tanstack/start-client-core' {
4
+ export interface SerializerExtensions {
5
+ ReadableStream: React.JSX.Element
6
+ }
7
+ }
@@ -1,3 +1,4 @@
1
+ import * as React from 'react'
1
2
  import { isRedirect } from '@tanstack/router-core'
2
3
  import { useRouter } from '@tanstack/react-router'
3
4
 
@@ -6,22 +7,25 @@ export function useServerFn<T extends (...deps: Array<any>) => Promise<any>>(
6
7
  ): (...args: Parameters<T>) => ReturnType<T> {
7
8
  const router = useRouter()
8
9
 
9
- return (async (...args: Array<any>) => {
10
- try {
11
- const res = await serverFn(...args)
10
+ return React.useCallback(
11
+ async (...args: Array<any>) => {
12
+ try {
13
+ const res = await serverFn(...args)
12
14
 
13
- if (isRedirect(res)) {
14
- throw res
15
- }
15
+ if (isRedirect(res)) {
16
+ throw res
17
+ }
16
18
 
17
- return res
18
- } catch (err) {
19
- if (isRedirect(err)) {
20
- err.options._fromLocation = router.state.location
21
- return router.navigate(router.resolveRedirect(err).options)
22
- }
19
+ return res
20
+ } catch (err) {
21
+ if (isRedirect(err)) {
22
+ err.options._fromLocation = router.state.location
23
+ return router.navigate(router.resolveRedirect(err).options)
24
+ }
23
25
 
24
- throw err
25
- }
26
- }) as any
26
+ throw err
27
+ }
28
+ },
29
+ [router, serverFn],
30
+ ) as any
27
31
  }
package/dist/cjs/Meta.cjs DELETED
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("react/jsx-runtime");
4
- const reactRouter = require("@tanstack/react-router");
5
- const Meta = () => {
6
- if (process.env.NODE_ENV === "development") {
7
- console.warn(
8
- "The Meta component is deprecated. Use `HeadContent` from `@tanstack/react-router` instead."
9
- );
10
- }
11
- return /* @__PURE__ */ jsxRuntime.jsx(reactRouter.HeadContent, {});
12
- };
13
- exports.Meta = Meta;
14
- //# sourceMappingURL=Meta.cjs.map
@@ -1 +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;;"}
@@ -1 +0,0 @@
1
- export declare const Meta: () => import("react/jsx-runtime").JSX.Element;
@@ -1,12 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("react/jsx-runtime");
4
- const reactRouter = require("@tanstack/react-router");
5
- const Scripts = () => {
6
- if (process.env.NODE_ENV === "development") {
7
- console.warn("The Scripts component was moved to `@tanstack/react-router`");
8
- }
9
- return /* @__PURE__ */ jsxRuntime.jsx(reactRouter.Scripts, {});
10
- };
11
- exports.Scripts = Scripts;
12
- //# sourceMappingURL=Scripts.cjs.map
@@ -1 +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;;"}
@@ -1 +0,0 @@
1
- export declare const Scripts: () => import("react/jsx-runtime").JSX.Element;
@@ -1,24 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("react/jsx-runtime");
4
- const reactRouter = require("@tanstack/react-router");
5
- const startClientCore = require("@tanstack/start-client-core");
6
- let hydrationPromise;
7
- function StartClient(props) {
8
- if (!hydrationPromise) {
9
- if (!props.router.state.matches.length) {
10
- hydrationPromise = startClientCore.hydrate(props.router);
11
- } else {
12
- hydrationPromise = Promise.resolve();
13
- }
14
- }
15
- return /* @__PURE__ */ jsxRuntime.jsx(
16
- reactRouter.Await,
17
- {
18
- promise: hydrationPromise,
19
- children: () => /* @__PURE__ */ jsxRuntime.jsx(reactRouter.RouterProvider, { router: props.router })
20
- }
21
- );
22
- }
23
- exports.StartClient = StartClient;
24
- //# sourceMappingURL=StartClient.cjs.map
@@ -1 +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;;"}
@@ -1,4 +0,0 @@
1
- import { AnyRouter } from '@tanstack/router-core';
2
- export declare function StartClient(props: {
3
- router: AnyRouter;
4
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,54 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const startClientCore = require("@tanstack/start-client-core");
4
- const Meta = require("./Meta.cjs");
5
- const Scripts = require("./Scripts.cjs");
6
- const StartClient = require("./StartClient.cjs");
7
- const renderRSC = require("./renderRSC.cjs");
8
- const useServerFn = require("./useServerFn.cjs");
9
- Object.defineProperty(exports, "clientOnly", {
10
- enumerable: true,
11
- get: () => startClientCore.clientOnly
12
- });
13
- Object.defineProperty(exports, "createIsomorphicFn", {
14
- enumerable: true,
15
- get: () => startClientCore.createIsomorphicFn
16
- });
17
- Object.defineProperty(exports, "createMiddleware", {
18
- enumerable: true,
19
- get: () => startClientCore.createMiddleware
20
- });
21
- Object.defineProperty(exports, "createServerFn", {
22
- enumerable: true,
23
- get: () => startClientCore.createServerFn
24
- });
25
- Object.defineProperty(exports, "globalMiddleware", {
26
- enumerable: true,
27
- get: () => startClientCore.globalMiddleware
28
- });
29
- Object.defineProperty(exports, "json", {
30
- enumerable: true,
31
- get: () => startClientCore.json
32
- });
33
- Object.defineProperty(exports, "mergeHeaders", {
34
- enumerable: true,
35
- get: () => startClientCore.mergeHeaders
36
- });
37
- Object.defineProperty(exports, "registerGlobalMiddleware", {
38
- enumerable: true,
39
- get: () => startClientCore.registerGlobalMiddleware
40
- });
41
- Object.defineProperty(exports, "serverOnly", {
42
- enumerable: true,
43
- get: () => startClientCore.serverOnly
44
- });
45
- Object.defineProperty(exports, "startSerializer", {
46
- enumerable: true,
47
- get: () => startClientCore.startSerializer
48
- });
49
- exports.Meta = Meta.Meta;
50
- exports.Scripts = Scripts.Scripts;
51
- exports.StartClient = StartClient.StartClient;
52
- exports.renderRsc = renderRSC.renderRsc;
53
- exports.useServerFn = useServerFn.useServerFn;
54
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,7 +0,0 @@
1
- export { mergeHeaders, startSerializer, createIsomorphicFn, createServerFn, createMiddleware, registerGlobalMiddleware, globalMiddleware, serverOnly, clientOnly, json, } from '@tanstack/start-client-core';
2
- 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 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';
3
- export { Meta } from './Meta.cjs';
4
- export { Scripts } from './Scripts.cjs';
5
- export { StartClient } from './StartClient.cjs';
6
- export { renderRsc } from './renderRSC.cjs';
7
- export { useServerFn } from './useServerFn.cjs';
@@ -1,29 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const react = require("react");
4
- const invariant = require("tiny-invariant");
5
- function renderRsc(input) {
6
- if (react.isValidElement(input)) {
7
- return input;
8
- }
9
- if (typeof input === "object" && !input.state) {
10
- input.state = {
11
- status: "pending",
12
- promise: Promise.resolve().then(() => {
13
- invariant(false, "renderRSC() is coming soon!");
14
- }).then((element) => {
15
- input.state.value = element;
16
- input.state.status = "success";
17
- }).catch((err) => {
18
- input.state.status = "error";
19
- input.state.error = err;
20
- })
21
- };
22
- }
23
- if (input.state.status === "pending") {
24
- throw input.state.promise;
25
- }
26
- return input.state.value;
27
- }
28
- exports.renderRsc = renderRsc;
29
- //# sourceMappingURL=renderRSC.cjs.map
@@ -1 +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;;"}
@@ -1,2 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare function renderRsc(input: any): React.JSX.Element;
@@ -1 +0,0 @@
1
- export {};
File without changes
@@ -1,24 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const routerCore = require("@tanstack/router-core");
4
- const reactRouter = require("@tanstack/react-router");
5
- function useServerFn(serverFn) {
6
- const router = reactRouter.useRouter();
7
- return async (...args) => {
8
- try {
9
- const res = await serverFn(...args);
10
- if (routerCore.isRedirect(res)) {
11
- throw res;
12
- }
13
- return res;
14
- } catch (err) {
15
- if (routerCore.isRedirect(err)) {
16
- err.options._fromLocation = router.state.location;
17
- return router.navigate(router.resolveRedirect(err).options);
18
- }
19
- throw err;
20
- }
21
- };
22
- }
23
- exports.useServerFn = useServerFn;
24
- //# sourceMappingURL=useServerFn.cjs.map
@@ -1 +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;;"}
@@ -1 +0,0 @@
1
- export declare function useServerFn<T extends (...deps: Array<any>) => Promise<any>>(serverFn: T): (...args: Parameters<T>) => ReturnType<T>;
@@ -1 +0,0 @@
1
- export declare const Meta: () => import("react/jsx-runtime").JSX.Element;
package/dist/esm/Meta.js DELETED
@@ -1,14 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { HeadContent } from "@tanstack/react-router";
3
- const Meta = () => {
4
- if (process.env.NODE_ENV === "development") {
5
- console.warn(
6
- "The Meta component is deprecated. Use `HeadContent` from `@tanstack/react-router` instead."
7
- );
8
- }
9
- return /* @__PURE__ */ jsx(HeadContent, {});
10
- };
11
- export {
12
- Meta
13
- };
14
- //# sourceMappingURL=Meta.js.map
@@ -1 +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;"}
@@ -1 +0,0 @@
1
- export declare const Scripts: () => import("react/jsx-runtime").JSX.Element;
@@ -1,12 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Scripts as Scripts$1 } from "@tanstack/react-router";
3
- const Scripts = () => {
4
- if (process.env.NODE_ENV === "development") {
5
- console.warn("The Scripts component was moved to `@tanstack/react-router`");
6
- }
7
- return /* @__PURE__ */ jsx(Scripts$1, {});
8
- };
9
- export {
10
- Scripts
11
- };
12
- //# sourceMappingURL=Scripts.js.map
@@ -1 +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/src/Meta.tsx DELETED
@@ -1,10 +0,0 @@
1
- import { HeadContent } from '@tanstack/react-router'
2
-
3
- export const Meta = () => {
4
- if (process.env.NODE_ENV === 'development') {
5
- console.warn(
6
- 'The Meta component is deprecated. Use `HeadContent` from `@tanstack/react-router` instead.',
7
- )
8
- }
9
- return <HeadContent />
10
- }
package/src/Scripts.tsx DELETED
@@ -1,8 +0,0 @@
1
- import { Scripts as RouterScripts } from '@tanstack/react-router'
2
-
3
- export const Scripts = () => {
4
- if (process.env.NODE_ENV === 'development') {
5
- console.warn('The Scripts component was moved to `@tanstack/react-router`')
6
- }
7
- return <RouterScripts />
8
- }