@trpc/react-query 11.0.0-next-beta.205 → 11.0.0-next-beta.208

package/dist/bundle-analysis.json

@@ -1,11 +1,11 @@
 {
-  "bundleSize": 27176,
+  "bundleSize": 27468,
   "bundleOrigSize": 62493,
-  "bundleReduction": 56.51,
+  "bundleReduction": 56.05,
   "modules": [
     {
       "id": "/src/shared/hooks/createHooksInternal.tsx",
-      "size": 12646,
+      "size": 12843,
       "origSize": 15390,
       "renderedExports": [
         "createRootHooks"
@@ -14,12 +14,12 @@
       "dependents": [
         "/src/createTRPCReact.tsx"
       ],
-      "percent": 46.53,
-      "reduction": 17.83
+      "percent": 46.76,
+      "reduction": 16.55
     },
     {
       "id": "/src/server/ssgProxy.ts",
-      "size": 3635,
+      "size": 3636,
       "origSize": 7113,
       "renderedExports": [
         "createServerSideHelpers"
@@ -28,12 +28,12 @@
       "dependents": [
         "/src/server/index.ts"
       ],
-      "percent": 13.38,
-      "reduction": 48.9
+      "percent": 13.24,
+      "reduction": 48.88
     },
     {
       "id": "/src/utils/createUtilityFunctions.ts",
-      "size": 3264,
+      "size": 3334,
       "origSize": 3695,
       "renderedExports": [
         "createUtilityFunctions"
@@ -43,12 +43,12 @@
         "/src/createTRPCQueryUtils.tsx",
         "/src/shared/hooks/createHooksInternal.tsx"
       ],
-      "percent": 12.01,
-      "reduction": 11.66
+      "percent": 12.14,
+      "reduction": 9.77
     },
     {
       "id": "/src/shared/proxy/utilsProxy.ts",
-      "size": 2660,
+      "size": 2688,
       "origSize": 10430,
       "renderedExports": [
         "getQueryType",
@@ -60,7 +60,7 @@
         "/src/shared/index.ts"
       ],
       "percent": 9.79,
-      "reduction": 74.5
+      "reduction": 74.23
     },
     {
       "id": "/src/internals/getQueryKey.ts",
@@ -73,17 +73,17 @@
       "removedExports": [],
       "dependents": [
         "/src/index.ts",
-        "/src/server/ssgProxy.ts",
         "/src/shared/proxy/utilsProxy.ts",
         "/src/shared/proxy/useQueriesProxy.ts",
-        "/src/shared/hooks/createHooksInternal.tsx"
+        "/src/shared/hooks/createHooksInternal.tsx",
+        "/src/server/ssgProxy.ts"
       ],
-      "percent": 6.97,
+      "percent": 6.9,
       "reduction": 54.95
     },
     {
       "id": "/src/createTRPCReact.tsx",
-      "size": 837,
+      "size": 831,
       "origSize": 8737,
       "renderedExports": [
         "createHooksInternal",
@@ -93,8 +93,8 @@
       "dependents": [
         "/src/index.ts"
       ],
-      "percent": 3.08,
-      "reduction": 90.42
+      "percent": 3.03,
+      "reduction": 90.49
     },
     {
       "id": "/src/shared/proxy/decorationProxy.ts",
@@ -107,12 +107,12 @@
       "dependents": [
         "/src/shared/index.ts"
       ],
-      "percent": 2.9,
+      "percent": 2.87,
       "reduction": 20.42
     },
     {
       "id": "/src/shared/proxy/useQueriesProxy.ts",
-      "size": 549,
+      "size": 550,
       "origSize": 3113,
       "renderedExports": [
         "createUseQueries"
@@ -122,8 +122,8 @@
         "/src/shared/index.ts",
         "/src/shared/hooks/createHooksInternal.tsx"
       ],
-      "percent": 2.02,
-      "reduction": 82.36
+      "percent": 2,
+      "reduction": 82.33
     },
     {
       "id": "/src/internals/getClientArgs.ts",
@@ -135,10 +135,10 @@
       "removedExports": [],
       "dependents": [
         "/src/shared/index.ts",
-        "/src/utils/createUtilityFunctions.ts",
-        "/src/shared/hooks/createHooksInternal.tsx"
+        "/src/shared/hooks/createHooksInternal.tsx",
+        "/src/utils/createUtilityFunctions.ts"
       ],
-      "percent": 0.98,
+      "percent": 0.96,
       "reduction": 27
     },
     {
@@ -152,12 +152,12 @@
       "dependents": [
         "/src/shared/hooks/createHooksInternal.tsx"
       ],
-      "percent": 0.72,
+      "percent": 0.71,
       "reduction": 42.98
     },
     {
       "id": "/src/createTRPCQueryUtils.tsx",
-      "size": 161,
+      "size": 162,
       "origSize": 455,
       "renderedExports": [
         "createTRPCQueryUtils"
@@ -167,7 +167,7 @@
         "/src/index.ts"
       ],
       "percent": 0.59,
-      "reduction": 64.62
+      "reduction": 64.4
     },
     {
       "id": "/src/internals/context.tsx",
@@ -184,7 +184,7 @@
         "/src/shared/proxy/utilsProxy.ts",
         "/src/shared/hooks/createHooksInternal.tsx"
       ],
-      "percent": 0.57,
+      "percent": 0.56,
       "reduction": 97.46
     },
     {
@@ -211,16 +211,6 @@
       "percent": 0,
       "reduction": 100
     },
-    {
-      "id": "/src/server/index.ts",
-      "size": 0,
-      "origSize": 54,
-      "renderedExports": [],
-      "removedExports": [],
-      "dependents": [],
-      "percent": 0,
-      "reduction": 100
-    },
     {
       "id": "/src/shared/index.ts",
       "size": 0,
@@ -234,6 +224,16 @@
       ],
       "percent": 0,
       "reduction": 100
+    },
+    {
+      "id": "/src/server/index.ts",
+      "size": 0,
+      "origSize": 54,
+      "renderedExports": [],
+      "removedExports": [],
+      "dependents": [],
+      "percent": 0,
+      "reduction": 100
     }
   ],
   "moduleCount": 16

package/dist/createTRPCQueryUtils.js

@@ -0,0 +1,16 @@
+'use strict';
+
+require('@trpc/core');
+var utilsProxy = require('./shared/proxy/utilsProxy.js');
+require('@tanstack/react-query');
+require('@trpc/client');
+require('react');
+require('./internals/context.js');
+var createUtilityFunctions = require('./utils/createUtilityFunctions.js');
+
+function createTRPCQueryUtils(opts) {
+    const utils = createUtilityFunctions.createUtilityFunctions(opts);
+    return utilsProxy.createQueryUtilsProxy(utils);
+}
+
+exports.createTRPCQueryUtils = createTRPCQueryUtils;

package/dist/createTRPCQueryUtils.mjs

@@ -0,0 +1,14 @@
+import '@trpc/core';
+import { createQueryUtilsProxy } from './shared/proxy/utilsProxy.mjs';
+import '@tanstack/react-query';
+import '@trpc/client';
+import 'react';
+import './internals/context.mjs';
+import { createUtilityFunctions } from './utils/createUtilityFunctions.mjs';
+
+function createTRPCQueryUtils(opts) {
+    const utils = createUtilityFunctions(opts);
+    return createQueryUtilsProxy(utils);
+}
+
+export { createTRPCQueryUtils };

package/dist/createTRPCReact.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var core = require('@trpc/core');
+var React = require('react');
+var decorationProxy = require('./shared/proxy/decorationProxy.js');
+var utilsProxy = require('./shared/proxy/utilsProxy.js');
+var createHooksInternal$1 = require('./shared/hooks/createHooksInternal.js');
+require('@tanstack/react-query');
+require('./internals/context.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+/**
+ * @internal
+ */ function createHooksInternal(trpc) {
+    return core.createFlatProxy((key)=>{
+        if (key === 'useContext' || key === 'useUtils') {
+            return ()=>{
+                const context = trpc.useUtils();
+                // create a stable reference of the utils context
+                return React__namespace.useMemo(()=>{
+                    return utilsProxy.createReactQueryUtils(context);
+                }, [
+                    context
+                ]);
+            };
+        }
+        if (trpc.hasOwnProperty(key)) {
+            return trpc[key];
+        }
+        return decorationProxy.createReactDecoration(key, trpc);
+    });
+}
+function createTRPCReact(opts) {
+    const hooks = createHooksInternal$1.createRootHooks(opts);
+    const proxy = createHooksInternal(hooks);
+    return proxy;
+}
+
+exports.createHooksInternal = createHooksInternal;
+exports.createTRPCReact = createTRPCReact;

package/dist/createTRPCReact.mjs

@@ -0,0 +1,36 @@
+import { createFlatProxy } from '@trpc/core';
+import * as React from 'react';
+import { createReactDecoration } from './shared/proxy/decorationProxy.mjs';
+import { createReactQueryUtils } from './shared/proxy/utilsProxy.mjs';
+import { createRootHooks } from './shared/hooks/createHooksInternal.mjs';
+import '@tanstack/react-query';
+import './internals/context.mjs';
+
+/**
+ * @internal
+ */ function createHooksInternal(trpc) {
+    return createFlatProxy((key)=>{
+        if (key === 'useContext' || key === 'useUtils') {
+            return ()=>{
+                const context = trpc.useUtils();
+                // create a stable reference of the utils context
+                return React.useMemo(()=>{
+                    return createReactQueryUtils(context);
+                }, [
+                    context
+                ]);
+            };
+        }
+        if (trpc.hasOwnProperty(key)) {
+            return trpc[key];
+        }
+        return createReactDecoration(key, trpc);
+    });
+}
+function createTRPCReact(opts) {
+    const hooks = createRootHooks(opts);
+    const proxy = createHooksInternal(hooks);
+    return proxy;
+}
+
+export { createHooksInternal, createTRPCReact };

package/dist/index.js

@@ -1,72 +1,18 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var client = require('@trpc/client');
-var utilsProxy = require('./utilsProxy-4f6da312.js');
-var core = require('@trpc/core');
-var React = require('react');
-var createHooksInternal$1 = require('./createHooksInternal-f77072af.js');
-require('@tanstack/react-query');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var getQueryKey = require('./internals/getQueryKey.js');
+var createTRPCReact = require('./createTRPCReact.js');
+var createTRPCQueryUtils = require('./createTRPCQueryUtils.js');
 
-/**
- * @internal
- */ function createHooksInternal(trpc) {
-    return core.createFlatProxy((key)=>{
-        if (key === 'useContext' || key === 'useUtils') {
-            return ()=>{
-                const context = trpc.useUtils();
-                // create a stable reference of the utils context
-                return React__namespace.useMemo(()=>{
-                    return utilsProxy.createReactQueryUtils(context);
-                }, [
-                    context
-                ]);
-            };
-        }
-        if (trpc.hasOwnProperty(key)) {
-            return trpc[key];
-        }
-        return createHooksInternal$1.createReactDecoration(key, trpc);
-    });
-}
-function createTRPCReact(opts) {
-    const hooks = createHooksInternal$1.createRootHooks(opts);
-    const proxy = createHooksInternal(hooks);
-    return proxy;
-}
 
-function createTRPCQueryUtils(opts) {
-    const utils = createHooksInternal$1.createUtilityFunctions(opts);
-    return utilsProxy.createQueryUtilsProxy(utils);
-}
 
-exports.getQueryKey = utilsProxy.getQueryKey;
-exports.createTRPCQueryUtils = createTRPCQueryUtils;
-exports.createTRPCReact = createTRPCReact;
+exports.getQueryKey = getQueryKey.getQueryKey;
+exports.createTRPCReact = createTRPCReact.createTRPCReact;
+exports.createTRPCQueryUtils = createTRPCQueryUtils.createTRPCQueryUtils;
 Object.keys(client).forEach(function (k) {
-  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return client[k]; }
-  });
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return client[k]; }
+	});
 });

package/dist/index.mjs

@@ -1,41 +1,4 @@
 export * from '@trpc/client';
-import { c as createReactQueryUtils, a as createQueryUtilsProxy } from './utilsProxy-12979321.mjs';
-export { g as getQueryKey } from './utilsProxy-12979321.mjs';
-import { createFlatProxy } from '@trpc/core';
-import * as React from 'react';
-import { c as createRootHooks, a as createReactDecoration, b as createUtilityFunctions } from './createHooksInternal-0df35117.mjs';
-import '@tanstack/react-query';
-
-/**
- * @internal
- */ function createHooksInternal(trpc) {
-    return createFlatProxy((key)=>{
-        if (key === 'useContext' || key === 'useUtils') {
-            return ()=>{
-                const context = trpc.useUtils();
-                // create a stable reference of the utils context
-                return React.useMemo(()=>{
-                    return createReactQueryUtils(context);
-                }, [
-                    context
-                ]);
-            };
-        }
-        if (trpc.hasOwnProperty(key)) {
-            return trpc[key];
-        }
-        return createReactDecoration(key, trpc);
-    });
-}
-function createTRPCReact(opts) {
-    const hooks = createRootHooks(opts);
-    const proxy = createHooksInternal(hooks);
-    return proxy;
-}
-
-function createTRPCQueryUtils(opts) {
-    const utils = createUtilityFunctions(opts);
-    return createQueryUtilsProxy(utils);
-}
-
-export { createTRPCQueryUtils, createTRPCReact };
+export { getQueryKey } from './internals/getQueryKey.mjs';
+export { createTRPCReact } from './createTRPCReact.mjs';
+export { createTRPCQueryUtils } from './createTRPCQueryUtils.mjs';

package/dist/internals/context.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const contextProps = [
+    'client',
+    'ssrContext',
+    'ssrState',
+    'abortOnUnmount'
+];
+const TRPCContext = React__namespace.createContext?.(null);
+
+exports.TRPCContext = TRPCContext;
+exports.contextProps = contextProps;

package/dist/internals/context.mjs

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+const contextProps = [
+    'client',
+    'ssrContext',
+    'ssrState',
+    'abortOnUnmount'
+];
+const TRPCContext = React.createContext?.(null);
+
+export { TRPCContext, contextProps };

package/dist/internals/getClientArgs.js

@@ -0,0 +1,16 @@
+'use strict';
+
+/**
+ * @internal
+ */ function getClientArgs(queryKey, opts, pageParam) {
+    const path = queryKey[0];
+    const input = queryKey[1]?.input;
+    if (pageParam) input.cursor = pageParam;
+    return [
+        path.join('.'),
+        input,
+        opts?.trpc
+    ];
+}
+
+exports.getClientArgs = getClientArgs;

package/dist/internals/getClientArgs.mjs

@@ -0,0 +1,14 @@
+/**
+ * @internal
+ */ function getClientArgs(queryKey, opts, pageParam) {
+    const path = queryKey[0];
+    const input = queryKey[1]?.input;
+    if (pageParam) input.cursor = pageParam;
+    return [
+        path.join('.'),
+        input,
+        opts?.trpc
+    ];
+}
+
+export { getClientArgs };

package/dist/internals/getQueryKey.js

@@ -0,0 +1,57 @@
+'use strict';
+
+/**
+ * To allow easy interactions with groups of related queries, such as
+ * invalidating all queries of a router, we use an array as the path when
+ * storing in tanstack query.
+ **/ function getQueryKeyInternal(path, input, type) {
+    // Construct a query key that is easy to destructure and flexible for
+    // partial selecting etc.
+    // https://github.com/trpc/trpc/issues/3128
+    // some parts of the path may be dot-separated, split them up
+    const splitPath = path.flatMap((part)=>part.split('.'));
+    if (!input && (!type || type === 'any')) {
+        // for `utils.invalidate()` to match all queries (including vanilla react-query)
+        // we don't want nested array if path is empty, i.e. `[]` instead of `[[]]`
+        return splitPath.length ? [
+            splitPath
+        ] : [];
+    }
+    if (type === 'infinite' && input && typeof input === 'object' && 'cursor' in input) {
+        const { cursor: _ , ...inputWithoutCursor } = input;
+        return [
+            splitPath,
+            {
+                input: inputWithoutCursor,
+                type: 'infinite'
+            }
+        ];
+    }
+    return [
+        splitPath,
+        {
+            ...typeof input !== 'undefined' && {
+                input: input
+            },
+            ...type && type !== 'any' && {
+                type: type
+            }
+        }
+    ];
+}
+/**
+ * Method to extract the query key for a procedure
+ * @param procedureOrRouter - procedure or AnyRouter
+ * @param input - input to procedureOrRouter
+ * @param type - defaults to `any`
+ * @link https://trpc.io/docs/v11/getQueryKey
+ */ function getQueryKey(..._params) {
+    const [procedureOrRouter, input, type] = _params;
+    // @ts-expect-error - we don't expose _def on the type layer
+    const path = procedureOrRouter._def().path;
+    const queryKey = getQueryKeyInternal(path, input, type ?? 'any');
+    return queryKey;
+}
+
+exports.getQueryKey = getQueryKey;
+exports.getQueryKeyInternal = getQueryKeyInternal;

package/dist/internals/getQueryKey.mjs

@@ -0,0 +1,54 @@
+/**
+ * To allow easy interactions with groups of related queries, such as
+ * invalidating all queries of a router, we use an array as the path when
+ * storing in tanstack query.
+ **/ function getQueryKeyInternal(path, input, type) {
+    // Construct a query key that is easy to destructure and flexible for
+    // partial selecting etc.
+    // https://github.com/trpc/trpc/issues/3128
+    // some parts of the path may be dot-separated, split them up
+    const splitPath = path.flatMap((part)=>part.split('.'));
+    if (!input && (!type || type === 'any')) {
+        // for `utils.invalidate()` to match all queries (including vanilla react-query)
+        // we don't want nested array if path is empty, i.e. `[]` instead of `[[]]`
+        return splitPath.length ? [
+            splitPath
+        ] : [];
+    }
+    if (type === 'infinite' && input && typeof input === 'object' && 'cursor' in input) {
+        const { cursor: _ , ...inputWithoutCursor } = input;
+        return [
+            splitPath,
+            {
+                input: inputWithoutCursor,
+                type: 'infinite'
+            }
+        ];
+    }
+    return [
+        splitPath,
+        {
+            ...typeof input !== 'undefined' && {
+                input: input
+            },
+            ...type && type !== 'any' && {
+                type: type
+            }
+        }
+    ];
+}
+/**
+ * Method to extract the query key for a procedure
+ * @param procedureOrRouter - procedure or AnyRouter
+ * @param input - input to procedureOrRouter
+ * @param type - defaults to `any`
+ * @link https://trpc.io/docs/v11/getQueryKey
+ */ function getQueryKey(..._params) {
+    const [procedureOrRouter, input, type] = _params;
+    // @ts-expect-error - we don't expose _def on the type layer
+    const path = procedureOrRouter._def().path;
+    const queryKey = getQueryKeyInternal(path, input, type ?? 'any');
+    return queryKey;
+}
+
+export { getQueryKey, getQueryKeyInternal };