@stryke/trpc-next 0.4.0 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/server.cjs
CHANGED
|
@@ -4,11 +4,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.createTRPCServer = createTRPCServer;
|
|
7
|
+
Object.defineProperty(exports, "notFound", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _nextAppDir.experimental_notFound;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "redirect", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function () {
|
|
16
|
+
return _nextAppDir.experimental_redirect;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
7
19
|
var _client = require("@trpc/client");
|
|
8
20
|
var _nextCache = require("@trpc/next/app-dir/links/nextCache");
|
|
9
21
|
var _server = require("@trpc/next/app-dir/server");
|
|
10
22
|
var _headers = require("next/headers");
|
|
11
23
|
var _shared = require("./shared.cjs");
|
|
24
|
+
var _nextAppDir = require("@trpc/server/adapters/next-app-dir");
|
|
12
25
|
function createTRPCServer(r, t = () => ({})) {
|
|
13
26
|
return (0, _server.experimental_createTRPCNextAppDirServer)({
|
|
14
27
|
config() {
|
package/dist/server.d.ts
CHANGED
|
@@ -31,3 +31,4 @@ export type NextAppDirDecorateRouterRecord<TRoot extends AnyRootTypes, TRecord e
|
|
|
31
31
|
* @param createContext - An optional function to generate a context
|
|
32
32
|
*/
|
|
33
33
|
export declare function createTRPCServer<TRouter extends AnyTRPCRouter, TContext extends inferRouterContext<TRouter>>(router: TRouter, createContext?: () => MaybePromise<TContext>): NextAppDirDecorateRouterRecord<TRouter["_def"]["_config"]["$types"], TRouter["_def"]["record"]>;
|
|
34
|
+
export { experimental_notFound as notFound, experimental_redirect as redirect } from "@trpc/server/adapters/next-app-dir";
|
package/dist/server.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{loggerLink as o}from"@trpc/client";import{experimental_nextCacheLink as n}from"@trpc/next/app-dir/links/nextCache";import{experimental_createTRPCNextAppDirServer as p}from"@trpc/next/app-dir/server";import{cookies as u}from"next/headers";import{transformer as i}from"./shared";export function createTRPCServer(r,t=()=>({})){return p({config(){return{links:[o({enabled:e=>!0}),n({revalidate:5,router:r,transformer:i,createContext:async()=>{const e=await Promise.resolve(t());return e.headers??={},e.headers["x-trpc-source"]="rsc-invoke",e.headers.cookie=(await u()).toString(),e}})]}}})}
|
|
1
|
+
import{loggerLink as o}from"@trpc/client";import{experimental_nextCacheLink as n}from"@trpc/next/app-dir/links/nextCache";import{experimental_createTRPCNextAppDirServer as p}from"@trpc/next/app-dir/server";import{cookies as u}from"next/headers";import{transformer as i}from"./shared";export function createTRPCServer(r,t=()=>({})){return p({config(){return{links:[o({enabled:e=>!0}),n({revalidate:5,router:r,transformer:i,createContext:async()=>{const e=await Promise.resolve(t());return e.headers??={},e.headers["x-trpc-source"]="rsc-invoke",e.headers.cookie=(await u()).toString(),e}})]}}})}export{experimental_notFound as notFound,experimental_redirect as redirect}from"@trpc/server/adapters/next-app-dir";
|
|
@@ -7,26 +7,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.createTRPCTanstackQueryClient = createTRPCTanstackQueryClient;
|
|
8
8
|
var _environmentChecks = require("@stryke/env/environment-checks");
|
|
9
9
|
var _reactQuery = require("@tanstack/react-query");
|
|
10
|
-
var _reactQueryDevtools = require("@tanstack/react-query-devtools");
|
|
11
10
|
var _client = require("@trpc/client");
|
|
12
11
|
var _tanstackReactQuery = require("@trpc/tanstack-react-query");
|
|
13
12
|
var _react = require("react");
|
|
14
13
|
var _shared = require("../shared.cjs");
|
|
15
|
-
function createTRPCTanstackQueryClient(t,
|
|
14
|
+
function createTRPCTanstackQueryClient(t, r) {
|
|
16
15
|
const {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
e = (0, _shared.createQueryClient)(o);
|
|
16
|
+
TRPCProvider: o,
|
|
17
|
+
useTRPC: n
|
|
18
|
+
} = (0, _tanstackReactQuery.createTRPCContext)();
|
|
21
19
|
return {
|
|
22
|
-
useTRPCTanstackQuery:
|
|
23
|
-
TRPCTanstackQueryProvider:
|
|
20
|
+
useTRPCTanstackQuery: n,
|
|
21
|
+
TRPCTanstackQueryProvider: i => {
|
|
24
22
|
const {
|
|
25
|
-
children:
|
|
26
|
-
} =
|
|
27
|
-
[
|
|
23
|
+
children: c
|
|
24
|
+
} = i,
|
|
25
|
+
[u] = (0, _react.useState)(() => (0, _client.createTRPCClient)({
|
|
28
26
|
links: [(0, _client.loggerLink)({
|
|
29
|
-
enabled:
|
|
27
|
+
enabled: e => _environmentChecks.isDevelopment || e.direction === "down" && e.result instanceof Error
|
|
30
28
|
}), (0, _client.httpBatchStreamLink)({
|
|
31
29
|
transformer: _shared.transformer,
|
|
32
30
|
url: (0, _shared.getTRPCServerUrl)(t),
|
|
@@ -35,12 +33,12 @@ function createTRPCTanstackQueryClient(t, o) {
|
|
|
35
33
|
}
|
|
36
34
|
})]
|
|
37
35
|
}));
|
|
38
|
-
return React.createElement(
|
|
39
|
-
trpcClient:
|
|
40
|
-
queryClient:
|
|
36
|
+
return React.createElement(o, {
|
|
37
|
+
trpcClient: u,
|
|
38
|
+
queryClient: r
|
|
41
39
|
}, React.createElement(_reactQuery.QueryClientProvider, {
|
|
42
|
-
client:
|
|
43
|
-
},
|
|
40
|
+
client: r
|
|
41
|
+
}, c));
|
|
44
42
|
}
|
|
45
43
|
};
|
|
46
44
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import type { StormURL } from "@stryke/http/types";
|
|
2
|
-
import type {
|
|
2
|
+
import type { QueryClient } from "@tanstack/react-query";
|
|
3
3
|
import type { AnyTRPCRouter } from "@trpc/server";
|
|
4
4
|
/**
|
|
5
5
|
* Create a TRPC Tanstack Query client.
|
|
6
6
|
*
|
|
7
7
|
* @returns The TRPC Tanstack Query client
|
|
8
8
|
*/
|
|
9
|
-
export declare function createTRPCTanstackQueryClient<TRouter extends AnyTRPCRouter>(baseUrl: string | StormURL,
|
|
9
|
+
export declare function createTRPCTanstackQueryClient<TRouter extends AnyTRPCRouter>(baseUrl: string | StormURL, queryClient: QueryClient): {
|
|
10
10
|
useTRPCTanstackQuery: () => import("@trpc/tanstack-react-query").TRPCOptionsProxy<TRouter>;
|
|
11
11
|
TRPCTanstackQueryProvider: (props: {
|
|
12
12
|
children: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{isDevelopment as s}from"@stryke/env/environment-checks";import{QueryClientProvider as
|
|
1
|
+
"use client";import{isDevelopment as s}from"@stryke/env/environment-checks";import{QueryClientProvider as a}from"@tanstack/react-query";import{createTRPCClient as m,httpBatchStreamLink as R,loggerLink as p}from"@trpc/client";import{createTRPCContext as C}from"@trpc/tanstack-react-query";import{useState as l}from"react";import{getTRPCServerUrl as T,transformer as y}from"../shared";export function createTRPCTanstackQueryClient(t,r){const{TRPCProvider:o,useTRPC:n}=C();return{useTRPCTanstackQuery:n,TRPCTanstackQueryProvider:i=>{const{children:c}=i,[u]=l(()=>m({links:[p({enabled:e=>s||e.direction==="down"&&e.result instanceof Error}),R({transformer:y,url:T(t),headers:{"x-trpc-source":"react-query"}})]}));return React.createElement(o,{trpcClient:u,queryClient:r},React.createElement(a,{client:r},c))}}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stryke/trpc-next",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A package to help in using tRPC in modern NextJs applications.",
|
|
6
6
|
"repository": {
|
|
@@ -22,7 +22,6 @@
|
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@js-temporal/polyfill": "^0.5.0",
|
|
24
24
|
"@tanstack/react-query": "^5.70.0",
|
|
25
|
-
"@tanstack/react-query-devtools": "^5.70.0",
|
|
26
25
|
"@trpc/client": "^11.0.1",
|
|
27
26
|
"@trpc/next": "^11.0.1",
|
|
28
27
|
"@trpc/server": "^11.0.1",
|