@trpc/next 10.0.0-alpha.2 → 10.0.0-alpha.22

package/dist/{declarations/src/index.d.ts → index.d.ts}

@@ -1,3 +1,3 @@
-export * from './withTRPC';
-export * from './setupNext';
+export * from './withTRPC';
+export * from './setupNext';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/dist/{trpc-next.cjs.dev.js → index.js}

@@ -5,19 +5,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var react = require('@trpc/react');
 var React = require('react');
 var reactQuery = require('react-query');
-var hydration = require('react-query/hydration');
 var ssrPrepass = require('react-ssr-prepass');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
-var React__default = /*#__PURE__*/_interopDefault(React);
-var ssrPrepass__default = /*#__PURE__*/_interopDefault(ssrPrepass);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var ssrPrepass__default = /*#__PURE__*/_interopDefaultLegacy(ssrPrepass);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function transformQueryOrMutationCacheErrors(result) {
   var error = result.state.error;
@@ -57,38 +64,38 @@ function withTRPC(opts) {
         return {
           queryClient: queryClient,
           trpcClient: trpcClient,
-          isPrepass: false,
+          ssrState: opts.ssr ? 'mounting' : false,
           ssrContext: null
         };
       }),
-          _useState2 = _slicedToArray(_useState, 1),
+          _useState2 = _slicedToArray__default["default"](_useState, 1),
           _useState2$ = _useState2[0],
           queryClient = _useState2$.queryClient,
           trpcClient = _useState2$.trpcClient,
-          isPrepass = _useState2$.isPrepass,
+          ssrState = _useState2$.ssrState,
           ssrContext = _useState2$.ssrContext;
 
       var hydratedState = trpc.useDehydratedState((_props$pageProps = props.pageProps) === null || _props$pageProps === void 0 ? void 0 : _props$pageProps.trpcState);
-      return /*#__PURE__*/React__default['default'].createElement(trpc.Provider, {
+      return /*#__PURE__*/React__default["default"].createElement(trpc.Provider, {
         client: trpcClient,
         queryClient: queryClient,
-        isPrepass: isPrepass,
+        ssrState: ssrState,
         ssrContext: ssrContext
-      }, /*#__PURE__*/React__default['default'].createElement(reactQuery.QueryClientProvider, {
+      }, /*#__PURE__*/React__default["default"].createElement(reactQuery.QueryClientProvider, {
         client: queryClient
-      }, /*#__PURE__*/React__default['default'].createElement(hydration.Hydrate, {
+      }, /*#__PURE__*/React__default["default"].createElement(reactQuery.Hydrate, {
         state: hydratedState
-      }, /*#__PURE__*/React__default['default'].createElement(AppOrPage, props))));
+      }, /*#__PURE__*/React__default["default"].createElement(AppOrPage, props))));
     };
 
     if (AppOrPage.getInitialProps || opts.ssr) {
       WithTRPC.getInitialProps = /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee(appOrPageCtx) {
-          var _opts$responseMeta, _opts$responseMeta2;
+        var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(appOrPageCtx) {
+          var _opts$responseMeta;
 
           var AppTree, isApp, ctx, pageProps, _originalProps$pagePr, originalProps, originalPageProps, getAppTreeProps, config, trpcClient, queryClient, trpcProp, prepassProps, dehydratedCache, dehydratedCacheWithErrors, appTreeProps, meta, _i, _Object$entries, _Object$entries$_i, key, value, _ctx$res;
 
-          return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
+          return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
@@ -136,7 +143,7 @@ function withTRPC(opts) {
                     config: config,
                     trpcClient: trpcClient,
                     queryClient: queryClient,
-                    isPrepass: true,
+                    ssrState: 'prepass',
                     ssrContext: ctx
                   };
                   prepassProps = {
@@ -148,7 +155,7 @@ function withTRPC(opts) {
                 case 18:
 
                   _context.next = 21;
-                  return ssrPrepass__default['default']( /*#__PURE__*/React.createElement(AppTree, prepassProps));
+                  return ssrPrepass__default["default"]( /*#__PURE__*/React.createElement(AppTree, prepassProps));
 
                 case 21:
                   if (queryClient.isFetching()) {
@@ -174,7 +181,7 @@ function withTRPC(opts) {
                   break;
 
                 case 27:
-                  dehydratedCache = hydration.dehydrate(queryClient, {
+                  dehydratedCache = reactQuery.dehydrate(queryClient, {
                     shouldDehydrateQuery: function shouldDehydrateQuery() {
                       // makes sure errors are also dehydrated
                       return true;
@@ -188,17 +195,17 @@ function withTRPC(opts) {
 
                   pageProps.trpcState = opts.transformer ? opts.transformer.serialize(dehydratedCacheWithErrors) : dehydratedCacheWithErrors;
                   appTreeProps = getAppTreeProps(pageProps);
-                  meta = (_opts$responseMeta = (_opts$responseMeta2 = opts.responseMeta) === null || _opts$responseMeta2 === void 0 ? void 0 : _opts$responseMeta2.call(opts, {
+                  meta = ((_opts$responseMeta = opts.responseMeta) === null || _opts$responseMeta === void 0 ? void 0 : _opts$responseMeta.call(opts, {
                     ctx: ctx,
-                    clientErrors: [].concat(_toConsumableArray(dehydratedCache.queries), _toConsumableArray(dehydratedCache.mutations)).map(function (v) {
+                    clientErrors: [].concat(_toConsumableArray__default["default"](dehydratedCache.queries), _toConsumableArray__default["default"](dehydratedCache.mutations)).map(function (v) {
                       return v.state.error;
                     }).flatMap(function (err) {
                       return err instanceof Error && err.name === 'TRPCClientError' ? [err] : [];
                     })
-                  })) !== null && _opts$responseMeta !== void 0 ? _opts$responseMeta : {};
+                  })) || {};
 
-                  for (_i = 0, _Object$entries = Object.entries(meta); _i < _Object$entries.length; _i++) {
-                    _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2), key = _Object$entries$_i[0], value = _Object$entries$_i[1];
+                  for (_i = 0, _Object$entries = Object.entries(meta.headers || {}); _i < _Object$entries.length; _i++) {
+                    _Object$entries$_i = _slicedToArray__default["default"](_Object$entries[_i], 2), key = _Object$entries$_i[0], value = _Object$entries$_i[1];
 
                     if (typeof value === 'string') {
                       (_ctx$res = ctx.res) === null || _ctx$res === void 0 ? void 0 : _ctx$res.setHeader(key, value);
@@ -232,7 +239,7 @@ function withTRPC(opts) {
 }
 
 function setupTRPC(opts) {
-  var hooks = react.createReactQueryHooks(opts);
+  var hooks = react.createReactQueryHooks(opts); // TODO: maybe set TSSRContext to `never` when using `WithTRPCNoSSROptions`
 
   var _withTRPC = withTRPC(opts);
 

package/dist/{trpc-next.esm.js → index.mjs}

@@ -1,14 +1,17 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _asyncToGenerator from '@babel/runtime/helpers/esm/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { createReactQueryHooks, createTRPCClient } from '@trpc/react';
 import React, { useState, createElement } from 'react';
-import { QueryClient, QueryClientProvider } from 'react-query';
-import { Hydrate, dehydrate } from 'react-query/hydration';
+import { QueryClient, QueryClientProvider, Hydrate, dehydrate } from 'react-query';
 import ssrPrepass from 'react-ssr-prepass';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function transformQueryOrMutationCacheErrors(result) {
   var error = result.state.error;
 
@@ -47,7 +50,7 @@ function withTRPC(opts) {
         return {
           queryClient: queryClient,
           trpcClient: trpcClient,
-          isPrepass: false,
+          ssrState: opts.ssr ? 'mounting' : false,
           ssrContext: null
         };
       }),
@@ -55,14 +58,14 @@ function withTRPC(opts) {
           _useState2$ = _useState2[0],
           queryClient = _useState2$.queryClient,
           trpcClient = _useState2$.trpcClient,
-          isPrepass = _useState2$.isPrepass,
+          ssrState = _useState2$.ssrState,
           ssrContext = _useState2$.ssrContext;
 
       var hydratedState = trpc.useDehydratedState((_props$pageProps = props.pageProps) === null || _props$pageProps === void 0 ? void 0 : _props$pageProps.trpcState);
       return /*#__PURE__*/React.createElement(trpc.Provider, {
         client: trpcClient,
         queryClient: queryClient,
-        isPrepass: isPrepass,
+        ssrState: ssrState,
         ssrContext: ssrContext
       }, /*#__PURE__*/React.createElement(QueryClientProvider, {
         client: queryClient
@@ -74,7 +77,7 @@ function withTRPC(opts) {
     if (AppOrPage.getInitialProps || opts.ssr) {
       WithTRPC.getInitialProps = /*#__PURE__*/function () {
         var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appOrPageCtx) {
-          var _opts$responseMeta, _opts$responseMeta2;
+          var _opts$responseMeta;
 
           var AppTree, isApp, ctx, pageProps, _originalProps$pagePr, originalProps, originalPageProps, getAppTreeProps, config, trpcClient, queryClient, trpcProp, prepassProps, dehydratedCache, dehydratedCacheWithErrors, appTreeProps, meta, _i, _Object$entries, _Object$entries$_i, key, value, _ctx$res;
 
@@ -126,7 +129,7 @@ function withTRPC(opts) {
                     config: config,
                     trpcClient: trpcClient,
                     queryClient: queryClient,
-                    isPrepass: true,
+                    ssrState: 'prepass',
                     ssrContext: ctx
                   };
                   prepassProps = {
@@ -178,16 +181,16 @@ function withTRPC(opts) {
 
                   pageProps.trpcState = opts.transformer ? opts.transformer.serialize(dehydratedCacheWithErrors) : dehydratedCacheWithErrors;
                   appTreeProps = getAppTreeProps(pageProps);
-                  meta = (_opts$responseMeta = (_opts$responseMeta2 = opts.responseMeta) === null || _opts$responseMeta2 === void 0 ? void 0 : _opts$responseMeta2.call(opts, {
+                  meta = ((_opts$responseMeta = opts.responseMeta) === null || _opts$responseMeta === void 0 ? void 0 : _opts$responseMeta.call(opts, {
                     ctx: ctx,
                     clientErrors: [].concat(_toConsumableArray(dehydratedCache.queries), _toConsumableArray(dehydratedCache.mutations)).map(function (v) {
                       return v.state.error;
                     }).flatMap(function (err) {
                       return err instanceof Error && err.name === 'TRPCClientError' ? [err] : [];
                     })
-                  })) !== null && _opts$responseMeta !== void 0 ? _opts$responseMeta : {};
+                  })) || {};
 
-                  for (_i = 0, _Object$entries = Object.entries(meta); _i < _Object$entries.length; _i++) {
+                  for (_i = 0, _Object$entries = Object.entries(meta.headers || {}); _i < _Object$entries.length; _i++) {
                     _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2), key = _Object$entries$_i[0], value = _Object$entries$_i[1];
 
                     if (typeof value === 'string') {
@@ -222,7 +225,7 @@ function withTRPC(opts) {
 }
 
 function setupTRPC(opts) {
-  var hooks = createReactQueryHooks(opts);
+  var hooks = createReactQueryHooks(opts); // TODO: maybe set TSSRContext to `never` when using `WithTRPCNoSSROptions`
 
   var _withTRPC = withTRPC(opts);
 

package/dist/index.ts.js

@@ -0,0 +1 @@
+

package/dist/setupNext.d.ts

@@ -0,0 +1,51 @@
+import { AnyRouter } from '@trpc/server';
+import { NextPageContext } from 'next/types';
+import { WithTRPCNoSSROptions, WithTRPCSSROptions } from './withTRPC';
+export declare function setupTRPC<TRouter extends AnyRouter, TSSRContext extends NextPageContext = NextPageContext>(opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>): {
+    useContext: () => import("@trpc/react").TRPCContextState<TRouter, unknown>;
+    useInfiniteQuery: <TPath_3 extends { [TPath in keyof TRouter["_def"]["queries"]]: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath]> extends {
+        cursor?: any;
+    } ? TPath : never; }[keyof TRouter["_def"]["queries"]] & string>(pathAndInput: [path: TPath_3, input: Omit<{ [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_3]["input"], "cursor">], opts?: import("@trpc/react").UseTRPCInfiniteQueryOptions<TPath_3, Omit<{ [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_3]["input"], "cursor">, { [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_3]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>> | undefined) => import("react-query").UseInfiniteQueryResult<{ [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_3]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>>;
+    useMutation: <TPath_1 extends keyof TRouter["_def"]["mutations"] & string>(path: TPath_1 | [TPath_1], opts?: import("@trpc/react").UseTRPCMutationOptions<{ [TPath_2 in keyof TRouter["_def"]["mutations"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_2]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["mutations"][TPath_2]["call"]>>;
+    }; }[TPath_1]["input"], import("@trpc/react").TRPCClientErrorLike<TRouter>, { [TPath_2 in keyof TRouter["_def"]["mutations"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_2]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["mutations"][TPath_2]["call"]>>;
+    }; }[TPath_1]["output"]> | undefined) => import("react-query").UseMutationResult<{ [TPath_2 in keyof TRouter["_def"]["mutations"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_2]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["mutations"][TPath_2]["call"]>>;
+    }; }[TPath_1]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>, { [TPath_2 in keyof TRouter["_def"]["mutations"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_2]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["mutations"][TPath_2]["call"]>>;
+    }; }[TPath_1]["input"], unknown>;
+    useQuery: <TPath_4 extends keyof TRouter["_def"]["queries"] & string>(pathAndInput: [path: TPath_4, ...args: import("@trpc/server").inferHandlerInput<TRouter["_def"]["queries"][TPath_4]>], opts?: import("@trpc/react").UseTRPCQueryOptions<TPath_4, { [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_4]["input"], { [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_4]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>> | undefined) => import("react-query").UseQueryResult<{ [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_4]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>>;
+    useSubscription: <TPath_2 extends keyof TRouter["_def"]["subscriptions"] & string, TOutput extends import("@trpc/server/observable").inferObservableValue<import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["subscriptions"][TPath_2]["call"]>>>>(pathAndInput: [path: TPath_2, ...args: import("@trpc/server").inferHandlerInput<TRouter["_def"]["subscriptions"][TPath_2]>], opts: {
+        enabled?: boolean | undefined;
+        error?: ((err: import("@trpc/react").TRPCClientErrorLike<TRouter>) => void) | undefined;
+        next: (data: TOutput) => void;
+    }) => void;
+    withTRPC: (AppOrPage: import("next/types").NextComponentType<any, any, any>) => import("next/types").NextComponentType<NextPageContext, {}, {}>;
+};
+//# sourceMappingURL=setupNext.d.ts.map

package/dist/setupNext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupNext.d.ts","sourceRoot":"","sources":["../src/setupNext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAY,MAAM,YAAY,CAAC;AAEhF,wBAAgB,SAAS,CACvB,OAAO,SAAS,SAAS,EACzB,WAAW,SAAS,eAAe,GAAG,eAAe,EACrD,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAalE"}

package/dist/{declarations/src/withTRPC.d.ts → withTRPC.d.ts}

@@ -1,31 +1,31 @@
-/**
- * Heavily based on urql's ssr
- * https://github.com/FormidableLabs/urql/blob/main/packages/next-urql/src/with-urql-client.ts
- */
-import { TRPCClientError, CreateReactQueryHooksOptions } from '@trpc/react';
-import type { AnyRouter, ResponseMeta } from '@trpc/server';
-import { NextComponentType, NextPageContext } from 'next/dist/shared/lib/utils';
-import type { CreateTRPCClientOptions } from '@trpc/client/src/internals/TRPCClient';
-import { QueryClient } from 'react-query';
-declare type QueryClientConfig = ConstructorParameters<typeof QueryClient>[0];
-export declare type WithTRPCConfig<TRouter extends AnyRouter> = CreateTRPCClientOptions<TRouter> & {
-    queryClientConfig?: QueryClientConfig;
-};
-interface WithTRPCOptions<TRouter extends AnyRouter> extends CreateReactQueryHooksOptions {
-    config: (info: {
-        ctx?: NextPageContext;
-    }) => WithTRPCConfig<TRouter>;
-}
-export interface WithTRPCSSROptions<TRouter extends AnyRouter> extends WithTRPCOptions<TRouter> {
-    ssr: true;
-    responseMeta?: (opts: {
-        ctx: NextPageContext;
-        clientErrors: TRPCClientError<TRouter>[];
-    }) => ResponseMeta;
-}
-export interface WithTRPCNoSSROptions<TRouter extends AnyRouter> extends WithTRPCOptions<TRouter> {
-    ssr?: false;
-}
-export declare function withTRPC<TRouter extends AnyRouter>(opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>): (AppOrPage: NextComponentType<any, any, any>) => NextComponentType;
-export {};
+/**
+ * Heavily based on urql's ssr
+ * https://github.com/FormidableLabs/urql/blob/main/packages/next-urql/src/with-urql-client.ts
+ */
+import type { CreateTRPCClientOptions } from '@trpc/client/src/internals/TRPCClient';
+import { CreateReactQueryHooksOptions, TRPCClientError } from '@trpc/react';
+import type { AnyRouter, ResponseMeta } from '@trpc/server';
+import { NextComponentType, NextPageContext } from 'next/dist/shared/lib/utils';
+import { QueryClient } from 'react-query';
+declare type QueryClientConfig = ConstructorParameters<typeof QueryClient>[0];
+export declare type WithTRPCConfig<TRouter extends AnyRouter> = CreateTRPCClientOptions<TRouter> & {
+    queryClientConfig?: QueryClientConfig;
+};
+interface WithTRPCOptions<TRouter extends AnyRouter> extends CreateReactQueryHooksOptions {
+    config: (info: {
+        ctx?: NextPageContext;
+    }) => WithTRPCConfig<TRouter>;
+}
+export interface WithTRPCSSROptions<TRouter extends AnyRouter> extends WithTRPCOptions<TRouter> {
+    ssr: true;
+    responseMeta?: (opts: {
+        ctx: NextPageContext;
+        clientErrors: TRPCClientError<TRouter>[];
+    }) => ResponseMeta;
+}
+export interface WithTRPCNoSSROptions<TRouter extends AnyRouter> extends WithTRPCOptions<TRouter> {
+    ssr?: false;
+}
+export declare function withTRPC<TRouter extends AnyRouter, TSSRContext extends NextPageContext = NextPageContext>(opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>): (AppOrPage: NextComponentType<any, any, any>) => NextComponentType;
+export {};
 //# sourceMappingURL=withTRPC.d.ts.map

package/dist/withTRPC.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTRPC.d.ts","sourceRoot":"","sources":["../src/withTRPC.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EACL,4BAA4B,EAE5B,eAAe,EAIhB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,SAAS,EAAe,YAAY,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAGL,iBAAiB,EACjB,eAAe,EAChB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAGL,WAAW,EAGZ,MAAM,aAAa,CAAC;AAGrB,aAAK,iBAAiB,GAAG,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AAwBtE,oBAAY,cAAc,CAAC,OAAO,SAAS,SAAS,IAClD,uBAAuB,CAAC,OAAO,CAAC,GAAG;IACjC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,CAAC;AAEJ,UAAU,eAAe,CAAC,OAAO,SAAS,SAAS,CACjD,SAAQ,4BAA4B;IACpC,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,CAAC;IACV,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,CAsKxE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trpc/next",
-  "version": "10.0.0-alpha.2",
+  "version": "10.0.0-alpha.22",
   "description": "tRPC Next lib",
   "author": "KATT",
   "license": "MIT",
@@ -10,15 +10,19 @@
     "url": "git+https://github.com/trpc/trpc.git",
     "directory": "packages/next"
   },
-  "preconstruct": {
-    "entrypoints": [
-      "index.ts"
-    ]
+  "scripts": {
+    "build": "rollup -c"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "typings": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
   },
-  "scripts": {},
-  "main": "dist/trpc-next.cjs.js",
-  "module": "dist/trpc-next.esm.js",
-  "typings": "dist/trpc-next.cjs.d.ts",
   "files": [
     "README.md",
     "dist",
@@ -26,13 +30,17 @@
   ],
   "eslintConfig": {
     "rules": {
-      "react-hooks/exhaustive-deps": "error"
+      "react-hooks/exhaustive-deps": "error",
+      "no-restricted-imports": [
+        "error",
+        "@trpc/next"
+      ]
     }
   },
   "peerDependencies": {
-    "@trpc/client": "10.0.0-alpha.2",
-    "@trpc/react": "10.0.0-alpha.2",
-    "@trpc/server": "10.0.0-alpha.2",
+    "@trpc/client": "10.0.0-alpha.22",
+    "@trpc/react": "10.0.0-alpha.22",
+    "@trpc/server": "10.0.0-alpha.22",
     "next": "*",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
@@ -43,19 +51,19 @@
     "react-ssr-prepass": "^1.5.0"
   },
   "devDependencies": {
-    "@trpc/client": "10.0.0-alpha.2",
-    "@trpc/react": "10.0.0-alpha.2",
-    "@trpc/server": "10.0.0-alpha.2",
+    "@trpc/client": "10.0.0-alpha.22",
+    "@trpc/react": "10.0.0-alpha.22",
+    "@trpc/server": "10.0.0-alpha.22",
     "@types/express": "^4.17.12",
     "express": "^4.17.1",
-    "next": "^12.0.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "next": "^12.1.6",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "react-query": "^3.27.0",
     "zod": "^3.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4d72f1922cfb8a74e2bb03a29b39903418312728"
+  "gitHead": "d720eb2215f0fad6e70f4172a1bf084225d4d6de"
 }

package/src/setupNext.tsx

@@ -1,12 +1,16 @@
 import { createReactQueryHooks } from '@trpc/react';
 import { AnyRouter } from '@trpc/server';
+import { NextPageContext } from 'next/types';
 import { WithTRPCNoSSROptions, WithTRPCSSROptions, withTRPC } from './withTRPC';
 
-export function setupTRPC<TRouter extends AnyRouter>(
-  opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>,
-) {
+export function setupTRPC<
+  TRouter extends AnyRouter,
+  TSSRContext extends NextPageContext = NextPageContext,
+>(opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>) {
   const hooks = createReactQueryHooks<TRouter>(opts);
-  const _withTRPC = withTRPC(opts);
+
+  // TODO: maybe set TSSRContext to `never` when using `WithTRPCNoSSROptions`
+  const _withTRPC = withTRPC<TRouter, TSSRContext>(opts);
   return {
     useContext: hooks.useContext,
     useInfiniteQuery: hooks.useInfiniteQuery,

package/src/withTRPC.tsx

@@ -2,14 +2,14 @@
  * Heavily based on urql's ssr
  * https://github.com/FormidableLabs/urql/blob/main/packages/next-urql/src/with-urql-client.ts
  */
-
+import type { CreateTRPCClientOptions } from '@trpc/client/src/internals/TRPCClient';
 import {
-  createReactQueryHooks,
-  createTRPCClient,
+  CreateReactQueryHooksOptions,
   TRPCClient,
   TRPCClientError,
   TRPCClientErrorLike,
-  CreateReactQueryHooksOptions,
+  createReactQueryHooks,
+  createTRPCClient,
 } from '@trpc/react';
 import type { AnyRouter, Dict, Maybe, ResponseMeta } from '@trpc/server';
 import {
@@ -18,10 +18,14 @@ import {
   NextComponentType,
   NextPageContext,
 } from 'next/dist/shared/lib/utils';
-import type { CreateTRPCClientOptions } from '@trpc/client/src/internals/TRPCClient';
 import React, { createElement, useState } from 'react';
-import { QueryClient, QueryClientProvider } from 'react-query';
-import { dehydrate, DehydratedState, Hydrate } from 'react-query/hydration';
+import {
+  DehydratedState,
+  Hydrate,
+  QueryClient,
+  QueryClientProvider,
+  dehydrate,
+} from 'react-query';
 import ssrPrepass from 'react-ssr-prepass';
 
 type QueryClientConfig = ConstructorParameters<typeof QueryClient>[0];
@@ -71,27 +75,28 @@ export interface WithTRPCNoSSROptions<TRouter extends AnyRouter>
   ssr?: false;
 }
 
-export function withTRPC<TRouter extends AnyRouter>(
-  opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>,
-) {
+export function withTRPC<
+  TRouter extends AnyRouter,
+  TSSRContext extends NextPageContext = NextPageContext,
+>(opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>) {
   const { config: getClientConfig } = opts;
 
   type TRPCPrepassProps = {
     config: WithTRPCConfig<TRouter>;
     queryClient: QueryClient;
     trpcClient: TRPCClient<TRouter>;
-    isPrepass: true;
-    ssrContext: NextPageContext;
+    ssrState: 'prepass';
+    ssrContext: TSSRContext;
   };
   return (AppOrPage: NextComponentType<any, any, any>): NextComponentType => {
-    const trpc = createReactQueryHooks<TRouter, NextPageContext>(opts);
+    const trpc = createReactQueryHooks<TRouter, TSSRContext>(opts);
 
     const WithTRPC = (
       props: AppPropsType & {
         trpc?: TRPCPrepassProps;
       },
     ) => {
-      const [{ queryClient, trpcClient, isPrepass, ssrContext }] = useState(
+      const [{ queryClient, trpcClient, ssrState, ssrContext }] = useState(
         () => {
           if (props.trpc) {
             return props.trpc;
@@ -102,7 +107,7 @@ export function withTRPC<TRouter extends AnyRouter>(
           return {
             queryClient,
             trpcClient,
-            isPrepass: false,
+            ssrState: opts.ssr ? ('mounting' as const) : (false as const),
             ssrContext: null,
           };
         },
@@ -114,7 +119,7 @@ export function withTRPC<TRouter extends AnyRouter>(
         <trpc.Provider
           client={trpcClient}
           queryClient={queryClient}
-          isPrepass={isPrepass}
+          ssrState={ssrState}
           ssrContext={ssrContext}
         >
           <QueryClientProvider client={queryClient}>
@@ -166,8 +171,8 @@ export function withTRPC<TRouter extends AnyRouter>(
           config,
           trpcClient,
           queryClient,
-          isPrepass: true,
-          ssrContext: ctx,
+          ssrState: 'prepass',
+          ssrContext: ctx as TSSRContext,
         };
         const prepassProps = {
           pageProps,
@@ -230,9 +235,9 @@ export function withTRPC<TRouter extends AnyRouter>(
                   ? [err as TRPCClientError<TRouter>]
                   : [],
               ),
-          }) ?? {};
+          }) || {};
 
-        for (const [key, value] of Object.entries(meta)) {
+        for (const [key, value] of Object.entries(meta.headers || {})) {
           if (typeof value === 'string') {
             ctx.res?.setHeader(key, value);
           }

package/dist/declarations/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"../../../src","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/dist/declarations/src/setupNext.d.ts

@@ -1,50 +0,0 @@
-import { AnyRouter } from '@trpc/server';
-import { WithTRPCNoSSROptions, WithTRPCSSROptions } from './withTRPC';
-export declare function setupTRPC<TRouter extends AnyRouter>(opts: WithTRPCNoSSROptions<TRouter> | WithTRPCSSROptions<TRouter>): {
-    useContext: () => import("@trpc/react").TRPCContextState<TRouter, unknown>;
-    useInfiniteQuery: <TPath_1 extends { [TPath in keyof TRouter["_def"]["queries"]]: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath]> extends {
-        cursor?: any;
-    } ? TPath : never; }[keyof TRouter["_def"]["queries"]] & string>(pathAndInput: [path: TPath_1, input: Omit<{ [TPath_2 in keyof TRouter["_def"]["queries"]]: {
-        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_2]>;
-        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_2]["call"]>>;
-    }; }[TPath_1]["input"], "cursor">], opts?: import("@trpc/react").UseTRPCInfiniteQueryOptions<TPath_1, Omit<{ [TPath_2 in keyof TRouter["_def"]["queries"]]: {
-        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_2]>;
-        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_2]["call"]>>;
-    }; }[TPath_1]["input"], "cursor">, { [TPath_2 in keyof TRouter["_def"]["queries"]]: {
-        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_2]>;
-        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_2]["call"]>>;
-    }; }[TPath_1]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>> | undefined) => import("react-query").UseInfiniteQueryResult<{ [TPath_2 in keyof TRouter["_def"]["queries"]]: {
-        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_2]>;
-        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_2]["call"]>>;
-    }; }[TPath_1]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>>;
-    useMutation: <TPath_3 extends keyof TRouter["_def"]["mutations"] & string>(path: TPath_3 | [TPath_3], opts?: import("@trpc/react").UseTRPCMutationOptions<{ [TPath_4 in keyof TRouter["_def"]["mutations"]]: {
-        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_4]>;
-        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["mutations"][TPath_4]["call"]>>;
-    }; }[TPath_3]["input"], import("@trpc/react").TRPCClientErrorLike<TRouter>, { [TPath_4 in keyof TRouter["_def"]["mutations"]]: {
-        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_4]>;
-        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["mutations"][TPath_4]["call"]>>;
-    }; }[TPath_3]["output"]> | undefined) => import("react-query").UseMutationResult<{ [TPath_4 in keyof TRouter["_def"]["mutations"]]: {
-        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_4]>;
-        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["mutations"][TPath_4]["call"]>>;
-    }; }[TPath_3]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>, { [TPath_4 in keyof TRouter["_def"]["mutations"]]: {
-        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_4]>;
-        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["mutations"][TPath_4]["call"]>>;
-    }; }[TPath_3]["input"], unknown>;
-    useQuery: <TPath_5 extends keyof TRouter["_def"]["queries"] & string>(pathAndInput: [path: TPath_5, ...args: import("@trpc/server").inferHandlerInput<TRouter["_def"]["queries"][TPath_5]>], opts?: import("@trpc/react").UseTRPCQueryOptions<TPath_5, { [TPath_2 in keyof TRouter["_def"]["queries"]]: {
-        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_2]>;
-        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_2]["call"]>>;
-    }; }[TPath_5]["input"], { [TPath_2 in keyof TRouter["_def"]["queries"]]: {
-        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_2]>;
-        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_2]["call"]>>;
-    }; }[TPath_5]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>> | undefined) => import("react-query").UseQueryResult<{ [TPath_2 in keyof TRouter["_def"]["queries"]]: {
-        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_2]>;
-        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_2]["call"]>>;
-    }; }[TPath_5]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>>;
-    useSubscription: <TPath_6 extends keyof TRouter["_def"]["subscriptions"] & string, TOutput extends ReturnType<import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["subscriptions"][TPath_6]["call"]>>["output"]>>(pathAndInput: [path: TPath_6, ...args: import("@trpc/server").inferHandlerInput<TRouter["_def"]["subscriptions"][TPath_6]>], opts: {
-        enabled?: boolean | undefined;
-        error?: ((err: import("@trpc/react").TRPCClientErrorLike<TRouter>) => void) | undefined;
-        next: (data: TOutput) => void;
-    }) => void;
-    withTRPC: (AppOrPage: import("next").NextComponentType<any, any, any>) => import("next").NextComponentType<import("next").NextPageContext, {}, {}>;
-};
-//# sourceMappingURL=setupNext.d.ts.map

package/dist/declarations/src/setupNext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"setupNext.d.ts","sourceRoot":"../../../src","sources":["setupNext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAY,MAAM,YAAY,CAAC;AAEhF,wBAAgB,SAAS,CAAC,OAAO,SAAS,SAAS,EACjD,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYlE"}

package/dist/declarations/src/withTRPC.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"withTRPC.d.ts","sourceRoot":"../../../src","sources":["withTRPC.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAIL,eAAe,EAEf,4BAA4B,EAC7B,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,SAAS,EAAe,YAAY,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAGL,iBAAiB,EACjB,eAAe,EAChB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAErF,OAAO,EAAE,WAAW,EAAuB,MAAM,aAAa,CAAC;AAI/D,aAAK,iBAAiB,GAAG,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AAwBtE,oBAAY,cAAc,CAAC,OAAO,SAAS,SAAS,IAClD,uBAAuB,CAAC,OAAO,CAAC,GAAG;IACjC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,CAAC;AAEJ,UAAU,eAAe,CAAC,OAAO,SAAS,SAAS,CACjD,SAAQ,4BAA4B;IACpC,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,CAAC;IACV,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,CAAC,OAAO,SAAS,SAAS,EAChD,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC,eAW9C,kBAAkB,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAG,iBAAiB,CAsKxE"}

package/dist/trpc-next.cjs.d.ts

@@ -1 +0,0 @@
-export * from "./declarations/src/index";

package/dist/trpc-next.cjs.js

@@ -1,7 +0,0 @@
-'use strict';
-
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./trpc-next.cjs.prod.js");
-} else {
-  module.exports = require("./trpc-next.cjs.dev.js");
-}

package/dist/trpc-next.cjs.prod.js

@@ -1,250 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var react = require('@trpc/react');
-var React = require('react');
-var reactQuery = require('react-query');
-var hydration = require('react-query/hydration');
-var ssrPrepass = require('react-ssr-prepass');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
-var React__default = /*#__PURE__*/_interopDefault(React);
-var ssrPrepass__default = /*#__PURE__*/_interopDefault(ssrPrepass);
-
-function transformQueryOrMutationCacheErrors(result) {
-  var error = result.state.error;
-
-  if (error instanceof Error && error.name === 'TRPCClientError') {
-    var newError = {
-      message: error.message,
-      data: error.data,
-      shape: error.shape
-    };
-    return _objectSpread(_objectSpread({}, result), {}, {
-      state: _objectSpread(_objectSpread({}, result.state), {}, {
-        error: newError
-      })
-    });
-  }
-
-  return result;
-}
-
-function withTRPC(opts) {
-  var getClientConfig = opts.config;
-  return function (AppOrPage) {
-    var trpc = react.createReactQueryHooks(opts);
-
-    var WithTRPC = function WithTRPC(props) {
-      var _props$pageProps;
-
-      var _useState = React.useState(function () {
-        if (props.trpc) {
-          return props.trpc;
-        }
-
-        var config = getClientConfig({});
-        var queryClient = new reactQuery.QueryClient(config.queryClientConfig);
-        var trpcClient = trpc.createClient(config);
-        return {
-          queryClient: queryClient,
-          trpcClient: trpcClient,
-          isPrepass: false,
-          ssrContext: null
-        };
-      }),
-          _useState2 = _slicedToArray(_useState, 1),
-          _useState2$ = _useState2[0],
-          queryClient = _useState2$.queryClient,
-          trpcClient = _useState2$.trpcClient,
-          isPrepass = _useState2$.isPrepass,
-          ssrContext = _useState2$.ssrContext;
-
-      var hydratedState = trpc.useDehydratedState((_props$pageProps = props.pageProps) === null || _props$pageProps === void 0 ? void 0 : _props$pageProps.trpcState);
-      return /*#__PURE__*/React__default['default'].createElement(trpc.Provider, {
-        client: trpcClient,
-        queryClient: queryClient,
-        isPrepass: isPrepass,
-        ssrContext: ssrContext
-      }, /*#__PURE__*/React__default['default'].createElement(reactQuery.QueryClientProvider, {
-        client: queryClient
-      }, /*#__PURE__*/React__default['default'].createElement(hydration.Hydrate, {
-        state: hydratedState
-      }, /*#__PURE__*/React__default['default'].createElement(AppOrPage, props))));
-    };
-
-    if (AppOrPage.getInitialProps || opts.ssr) {
-      WithTRPC.getInitialProps = /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee(appOrPageCtx) {
-          var _opts$responseMeta, _opts$responseMeta2;
-
-          var AppTree, isApp, ctx, pageProps, _originalProps$pagePr, originalProps, originalPageProps, getAppTreeProps, config, trpcClient, queryClient, trpcProp, prepassProps, dehydratedCache, dehydratedCacheWithErrors, appTreeProps, meta, _i, _Object$entries, _Object$entries$_i, key, value, _ctx$res;
-
-          return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  AppTree = appOrPageCtx.AppTree; // Determine if we are wrapping an App component or a Page component.
-
-                  isApp = !!appOrPageCtx.Component;
-                  ctx = isApp ? appOrPageCtx.ctx : appOrPageCtx; // Run the wrapped component's getInitialProps function.
-
-                  pageProps = {};
-
-                  if (!AppOrPage.getInitialProps) {
-                    _context.next = 10;
-                    break;
-                  }
-
-                  _context.next = 7;
-                  return AppOrPage.getInitialProps(appOrPageCtx);
-
-                case 7:
-                  originalProps = _context.sent;
-                  originalPageProps = isApp ? (_originalProps$pagePr = originalProps.pageProps) !== null && _originalProps$pagePr !== void 0 ? _originalProps$pagePr : {} : originalProps;
-                  pageProps = _objectSpread(_objectSpread({}, originalPageProps), pageProps);
-
-                case 10:
-                  getAppTreeProps = function getAppTreeProps(props) {
-                    return isApp ? {
-                      pageProps: props
-                    } : props;
-                  };
-
-                  if (!(typeof window !== 'undefined' || !opts.ssr)) {
-                    _context.next = 13;
-                    break;
-                  }
-
-                  return _context.abrupt("return", getAppTreeProps(pageProps));
-
-                case 13:
-                  config = getClientConfig({
-                    ctx: ctx
-                  });
-                  trpcClient = react.createTRPCClient(config);
-                  queryClient = new reactQuery.QueryClient(config.queryClientConfig);
-                  trpcProp = {
-                    config: config,
-                    trpcClient: trpcClient,
-                    queryClient: queryClient,
-                    isPrepass: true,
-                    ssrContext: ctx
-                  };
-                  prepassProps = {
-                    pageProps: pageProps,
-                    trpc: trpcProp
-                  }; // Run the prepass step on AppTree. This will run all trpc queries on the server.
-                  // multiple prepass ensures that we can do batching on the server
-
-                case 18:
-
-                  _context.next = 21;
-                  return ssrPrepass__default['default']( /*#__PURE__*/React.createElement(AppTree, prepassProps));
-
-                case 21:
-                  if (queryClient.isFetching()) {
-                    _context.next = 23;
-                    break;
-                  }
-
-                  return _context.abrupt("break", 27);
-
-                case 23:
-                  _context.next = 25;
-                  return new Promise(function (resolve) {
-                    var unsub = queryClient.getQueryCache().subscribe(function (event) {
-                      if ((event === null || event === void 0 ? void 0 : event.query.getObserversCount()) === 0) {
-                        resolve();
-                        unsub();
-                      }
-                    });
-                  });
-
-                case 25:
-                  _context.next = 18;
-                  break;
-
-                case 27:
-                  dehydratedCache = hydration.dehydrate(queryClient, {
-                    shouldDehydrateQuery: function shouldDehydrateQuery() {
-                      // makes sure errors are also dehydrated
-                      return true;
-                    }
-                  }); // since error instances can't be serialized, let's make them into `TRPCClientErrorLike`-objects
-
-                  dehydratedCacheWithErrors = _objectSpread(_objectSpread({}, dehydratedCache), {}, {
-                    queries: dehydratedCache.queries.map(transformQueryOrMutationCacheErrors),
-                    mutations: dehydratedCache.mutations.map(transformQueryOrMutationCacheErrors)
-                  }); // dehydrate query client's state and add it to the props
-
-                  pageProps.trpcState = opts.transformer ? opts.transformer.serialize(dehydratedCacheWithErrors) : dehydratedCacheWithErrors;
-                  appTreeProps = getAppTreeProps(pageProps);
-                  meta = (_opts$responseMeta = (_opts$responseMeta2 = opts.responseMeta) === null || _opts$responseMeta2 === void 0 ? void 0 : _opts$responseMeta2.call(opts, {
-                    ctx: ctx,
-                    clientErrors: [].concat(_toConsumableArray(dehydratedCache.queries), _toConsumableArray(dehydratedCache.mutations)).map(function (v) {
-                      return v.state.error;
-                    }).flatMap(function (err) {
-                      return err instanceof Error && err.name === 'TRPCClientError' ? [err] : [];
-                    })
-                  })) !== null && _opts$responseMeta !== void 0 ? _opts$responseMeta : {};
-
-                  for (_i = 0, _Object$entries = Object.entries(meta); _i < _Object$entries.length; _i++) {
-                    _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2), key = _Object$entries$_i[0], value = _Object$entries$_i[1];
-
-                    if (typeof value === 'string') {
-                      (_ctx$res = ctx.res) === null || _ctx$res === void 0 ? void 0 : _ctx$res.setHeader(key, value);
-                    }
-                  }
-
-                  if (meta.status && ctx.res) {
-                    ctx.res.statusCode = meta.status;
-                  }
-
-                  return _context.abrupt("return", appTreeProps);
-
-                case 35:
-                case "end":
-                  return _context.stop();
-              }
-            }
-          }, _callee);
-        }));
-
-        return function (_x) {
-          return _ref.apply(this, arguments);
-        };
-      }();
-    }
-
-    var displayName = AppOrPage.displayName || AppOrPage.name || 'Component';
-    WithTRPC.displayName = "withTRPC(".concat(displayName, ")");
-    return WithTRPC;
-  };
-}
-
-function setupTRPC(opts) {
-  var hooks = react.createReactQueryHooks(opts);
-
-  var _withTRPC = withTRPC(opts);
-
-  return {
-    useContext: hooks.useContext,
-    useInfiniteQuery: hooks.useInfiniteQuery,
-    useMutation: hooks.useMutation,
-    useQuery: hooks.useQuery,
-    useSubscription: hooks.useSubscription,
-    withTRPC: _withTRPC
-  };
-}
-
-exports.setupTRPC = setupTRPC;
-exports.withTRPC = withTRPC;