@trpc/next 10.44.2-canary.30 → 10.44.2-canary.32
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/bundle-analysis.json +15 -15
- package/dist/index.js +20 -3
- package/dist/index.mjs +2 -2
- package/dist/withTRPC.d.ts.map +1 -1
- package/package.json +8 -11
- package/src/withTRPC.tsx +3 -2
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
|
-
"bundleSize":
|
|
3
|
-
"bundleOrigSize":
|
|
4
|
-
"bundleReduction":
|
|
2
|
+
"bundleSize": 21809,
|
|
3
|
+
"bundleOrigSize": 31527,
|
|
4
|
+
"bundleReduction": 30.82,
|
|
5
5
|
"modules": [
|
|
6
6
|
{
|
|
7
7
|
"id": "/src/withTRPC.tsx",
|
|
8
|
-
"size":
|
|
9
|
-
"origSize":
|
|
8
|
+
"size": 7791,
|
|
9
|
+
"origSize": 8971,
|
|
10
10
|
"renderedExports": [
|
|
11
11
|
"withTRPC"
|
|
12
12
|
],
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
"/src/createTRPCNext.tsx",
|
|
16
16
|
"/src/index.ts"
|
|
17
17
|
],
|
|
18
|
-
"percent": 35.
|
|
19
|
-
"reduction":
|
|
18
|
+
"percent": 35.72,
|
|
19
|
+
"reduction": 13.15
|
|
20
20
|
},
|
|
21
21
|
{
|
|
22
22
|
"id": "/src/app-dir/server.ts",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
],
|
|
30
30
|
"removedExports": [],
|
|
31
31
|
"dependents": [],
|
|
32
|
-
"percent": 16.
|
|
32
|
+
"percent": 16.86,
|
|
33
33
|
"reduction": 22.16
|
|
34
34
|
},
|
|
35
35
|
{
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"dependents": [
|
|
45
45
|
"/src/app-dir/client.ts"
|
|
46
46
|
],
|
|
47
|
-
"percent": 15.
|
|
47
|
+
"percent": 15.18,
|
|
48
48
|
"reduction": 44.32
|
|
49
49
|
},
|
|
50
50
|
{
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
],
|
|
57
57
|
"removedExports": [],
|
|
58
58
|
"dependents": [],
|
|
59
|
-
"percent": 11.
|
|
59
|
+
"percent": 11.31,
|
|
60
60
|
"reduction": 7.54
|
|
61
61
|
},
|
|
62
62
|
{
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
],
|
|
69
69
|
"removedExports": [],
|
|
70
70
|
"dependents": [],
|
|
71
|
-
"percent": 5.
|
|
71
|
+
"percent": 5.8,
|
|
72
72
|
"reduction": 32.33
|
|
73
73
|
},
|
|
74
74
|
{
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
],
|
|
81
81
|
"removedExports": [],
|
|
82
82
|
"dependents": [],
|
|
83
|
-
"percent": 5.
|
|
83
|
+
"percent": 5.42,
|
|
84
84
|
"reduction": 30.33
|
|
85
85
|
},
|
|
86
86
|
{
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
"dependents": [
|
|
95
95
|
"/src/index.ts"
|
|
96
96
|
],
|
|
97
|
-
"percent": 4.
|
|
97
|
+
"percent": 4.42,
|
|
98
98
|
"reduction": 59.34
|
|
99
99
|
},
|
|
100
100
|
{
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
"dependents": [
|
|
109
109
|
"/src/app-dir/server.ts"
|
|
110
110
|
],
|
|
111
|
-
"percent": 3.
|
|
111
|
+
"percent": 3.75,
|
|
112
112
|
"reduction": 0.97
|
|
113
113
|
},
|
|
114
114
|
{
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
"/src/app-dir/links/nextCache.ts",
|
|
129
129
|
"/src/app-dir/links/nextHttp.ts"
|
|
130
130
|
],
|
|
131
|
-
"percent": 1.
|
|
131
|
+
"percent": 1.54,
|
|
132
132
|
"reduction": 86.01
|
|
133
133
|
},
|
|
134
134
|
{
|
package/dist/index.js
CHANGED
|
@@ -6,13 +6,29 @@ var reactQuery$1 = require('@tanstack/react-query');
|
|
|
6
6
|
var reactQuery = require('@trpc/react-query');
|
|
7
7
|
var shared = require('@trpc/react-query/shared');
|
|
8
8
|
var React = require('react');
|
|
9
|
-
var ssrPrepass = require('react-ssr-prepass');
|
|
10
9
|
var shared$1 = require('@trpc/server/shared');
|
|
11
10
|
|
|
12
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
12
|
|
|
13
|
+
function _interopNamespace(e) {
|
|
14
|
+
if (e && e.__esModule) return e;
|
|
15
|
+
var n = Object.create(null);
|
|
16
|
+
if (e) {
|
|
17
|
+
Object.keys(e).forEach(function (k) {
|
|
18
|
+
if (k !== 'default') {
|
|
19
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
20
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () { return e[k]; }
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
n["default"] = e;
|
|
28
|
+
return Object.freeze(n);
|
|
29
|
+
}
|
|
30
|
+
|
|
14
31
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
|
-
var ssrPrepass__default = /*#__PURE__*/_interopDefaultLegacy(ssrPrepass);
|
|
16
32
|
|
|
17
33
|
function transformQueryOrMutationCacheErrors(result) {
|
|
18
34
|
const error = result.state.error;
|
|
@@ -121,11 +137,12 @@ function withTRPC(opts) {
|
|
|
121
137
|
pageProps,
|
|
122
138
|
trpc: trpcProp
|
|
123
139
|
};
|
|
140
|
+
const reactDomServer = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-dom/server')); });
|
|
124
141
|
// Run the prepass step on AppTree. This will run all trpc queries on the server.
|
|
125
142
|
// multiple prepass ensures that we can do batching on the server
|
|
126
143
|
while(true){
|
|
127
144
|
// render full tree
|
|
128
|
-
|
|
145
|
+
reactDomServer.renderToString(/*#__PURE__*/ React.createElement(AppTree, prepassProps));
|
|
129
146
|
if (!queryClient.isFetching()) {
|
|
130
147
|
break;
|
|
131
148
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -2,7 +2,6 @@ import { dehydrate, QueryClientProvider, Hydrate } from '@tanstack/react-query';
|
|
|
2
2
|
import { createReactQueryHooks, createTRPCClient } from '@trpc/react-query';
|
|
3
3
|
import { getQueryClient, createHooksInternal, createReactQueryUtilsProxy, createReactProxyDecoration } from '@trpc/react-query/shared';
|
|
4
4
|
import React, { createElement, useState, useMemo } from 'react';
|
|
5
|
-
import ssrPrepass from 'react-ssr-prepass';
|
|
6
5
|
import { createFlatProxy } from '@trpc/server/shared';
|
|
7
6
|
|
|
8
7
|
function transformQueryOrMutationCacheErrors(result) {
|
|
@@ -112,11 +111,12 @@ function withTRPC(opts) {
|
|
|
112
111
|
pageProps,
|
|
113
112
|
trpc: trpcProp
|
|
114
113
|
};
|
|
114
|
+
const reactDomServer = await import('react-dom/server');
|
|
115
115
|
// Run the prepass step on AppTree. This will run all trpc queries on the server.
|
|
116
116
|
// multiple prepass ensures that we can do batching on the server
|
|
117
117
|
while(true){
|
|
118
118
|
// render full tree
|
|
119
|
-
|
|
119
|
+
reactDomServer.renderToString(/*#__PURE__*/ createElement(AppTree, prepassProps));
|
|
120
120
|
if (!queryClient.isFetching()) {
|
|
121
121
|
break;
|
|
122
122
|
}
|
package/dist/withTRPC.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withTRPC.d.ts","sourceRoot":"","sources":["../src/withTRPC.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAIL,eAAe,EAEhB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,sBAAsB,EACtB,gCAAgC,EAEjC,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAGL,iBAAiB,EACjB,eAAe,EAChB,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"withTRPC.d.ts","sourceRoot":"","sources":["../src/withTRPC.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAIL,eAAe,EAEhB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,sBAAsB,EACtB,gCAAgC,EAEjC,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAGL,iBAAiB,EACjB,eAAe,EAChB,MAAM,4BAA4B,CAAC;AA0BpC,MAAM,MAAM,cAAc,CAAC,OAAO,SAAS,SAAS,IAClD,uBAAuB,CAAC,OAAO,CAAC,GAC9B,gCAAgC,GAAG;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEN,UAAU,eAAe,CAAC,OAAO,SAAS,SAAS,CACjD,SAAQ,sBAAsB,CAAC,OAAO,CAAC;IACvC,MAAM,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,CAAC,EAAE,eAAe,CAAA;KAAE,KAAK,cAAc,CAAC,OAAO,CAAC,CAAC;CACtE;AAED,MAAM,WAAW,kBAAkB,CAAC,OAAO,SAAS,SAAS,CAC3D,SAAQ,eAAe,CAAC,OAAO,CAAC;IAChC,GAAG,EAAE,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,eAAe,CAAA;KAAE,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QACpB,GAAG,EAAE,eAAe,CAAC;QACrB,YAAY,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;KAC1C,KAAK,YAAY,CAAC;CACpB;AACD,MAAM,WAAW,oBAAoB,CAAC,OAAO,SAAS,SAAS,CAC7D,SAAQ,eAAe,CAAC,OAAO,CAAC;IAChC,GAAG,CAAC,EAAE,KAAK,CAAC;CACb;AAED,wBAAgB,QAAQ,CACtB,OAAO,SAAS,SAAS,EACzB,WAAW,SAAS,eAAe,GAAG,eAAe,EACrD,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC,eAU9C,kBAAkB,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAG,iBAAiB,CAkMxE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trpc/next",
|
|
3
|
-
"version": "10.44.2-canary.
|
|
3
|
+
"version": "10.44.2-canary.32+196c934cb",
|
|
4
4
|
"description": "The tRPC Next.js library",
|
|
5
5
|
"author": "KATT",
|
|
6
6
|
"license": "MIT",
|
|
@@ -66,21 +66,18 @@
|
|
|
66
66
|
],
|
|
67
67
|
"peerDependencies": {
|
|
68
68
|
"@tanstack/react-query": "^4.18.0",
|
|
69
|
-
"@trpc/client": "10.44.2-canary.
|
|
70
|
-
"@trpc/react-query": "10.44.2-canary.
|
|
71
|
-
"@trpc/server": "10.44.2-canary.
|
|
69
|
+
"@trpc/client": "10.44.2-canary.32+196c934cb",
|
|
70
|
+
"@trpc/react-query": "10.44.2-canary.32+196c934cb",
|
|
71
|
+
"@trpc/server": "10.44.2-canary.32+196c934cb",
|
|
72
72
|
"next": "*",
|
|
73
73
|
"react": ">=16.8.0",
|
|
74
74
|
"react-dom": ">=16.8.0"
|
|
75
75
|
},
|
|
76
|
-
"dependencies": {
|
|
77
|
-
"react-ssr-prepass": "^1.5.0"
|
|
78
|
-
},
|
|
79
76
|
"devDependencies": {
|
|
80
77
|
"@tanstack/react-query": "^4.18.0",
|
|
81
|
-
"@trpc/client": "10.44.2-canary.
|
|
82
|
-
"@trpc/react-query": "10.44.2-canary.
|
|
83
|
-
"@trpc/server": "10.44.2-canary.
|
|
78
|
+
"@trpc/client": "10.44.2-canary.32+196c934cb",
|
|
79
|
+
"@trpc/react-query": "10.44.2-canary.32+196c934cb",
|
|
80
|
+
"@trpc/server": "10.44.2-canary.32+196c934cb",
|
|
84
81
|
"@types/express": "^4.17.17",
|
|
85
82
|
"@types/node": "^20.10.0",
|
|
86
83
|
"@types/react": "^18.2.33",
|
|
@@ -100,5 +97,5 @@
|
|
|
100
97
|
"funding": [
|
|
101
98
|
"https://trpc.io/sponsor"
|
|
102
99
|
],
|
|
103
|
-
"gitHead": "
|
|
100
|
+
"gitHead": "196c934cb871983e882cdc8d6ef714a0ba7b7cb2"
|
|
104
101
|
}
|
package/src/withTRPC.tsx
CHANGED
|
@@ -32,7 +32,6 @@ import {
|
|
|
32
32
|
} from 'next/dist/shared/lib/utils';
|
|
33
33
|
import { NextRouter } from 'next/router';
|
|
34
34
|
import React, { createElement, useState } from 'react';
|
|
35
|
-
import ssrPrepass from 'react-ssr-prepass';
|
|
36
35
|
|
|
37
36
|
function transformQueryOrMutationCacheErrors<
|
|
38
37
|
TState extends
|
|
@@ -205,11 +204,13 @@ export function withTRPC<
|
|
|
205
204
|
trpc: trpcProp,
|
|
206
205
|
};
|
|
207
206
|
|
|
207
|
+
const reactDomServer = await import('react-dom/server');
|
|
208
|
+
|
|
208
209
|
// Run the prepass step on AppTree. This will run all trpc queries on the server.
|
|
209
210
|
// multiple prepass ensures that we can do batching on the server
|
|
210
211
|
while (true) {
|
|
211
212
|
// render full tree
|
|
212
|
-
|
|
213
|
+
reactDomServer.renderToString(createElement(AppTree, prepassProps));
|
|
213
214
|
if (!queryClient.isFetching()) {
|
|
214
215
|
// the render didn't cause the queryClient to fetch anything
|
|
215
216
|
break;
|