@trpc/client 10.0.0-alpha.4 → 10.0.0-alpha.8

package/dist/index.js

@@ -94,7 +94,7 @@ var ObservableAbortError = /*#__PURE__*/function (_Error) {
     return _this;
   }
 
-  return ObservableAbortError;
+  return _createClass__default["default"](ObservableAbortError);
 }( /*#__PURE__*/_wrapNativeSuper__default["default"](Error));
 /** @internal */
 

package/dist/index.mjs

@@ -81,7 +81,7 @@ var ObservableAbortError = /*#__PURE__*/function (_Error) {
     return _this;
   }
 
-  return ObservableAbortError;
+  return _createClass(ObservableAbortError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 /** @internal */
 

package/dist/internals/dataLoader.d.ts

@@ -8,7 +8,9 @@ declare type BatchLoadFn<TKey, TValue> = (keys: TKey[]) => {
  * Less configuration, no caching, and allows you to cancel requests
  * When cancelling a single fetch the whole batch will be cancelled only when _all_ items are cancelled
  */
-export declare function dataLoader<TKey, TValue>(fetchMany: BatchLoadFn<TKey, TValue>): {
+export declare function dataLoader<TKey, TValue>(fetchMany: BatchLoadFn<TKey, TValue>, opts?: {
+    maxBatchSize?: number;
+}): {
     load: (key: TKey) => PromiseAndCancel<TValue>;
 };
 export {};

package/dist/internals/dataLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataLoader.d.ts","sourceRoot":"","sources":["../../src/internals/dataLoader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAY5D,aAAK,WAAW,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK;IACjD,OAAO,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAC3B,MAAM,EAAE,QAAQ,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC;gBA6BxD,IAAI,KAAG,iBAAiB,MAAM,CAAC;EAwCnD"}
+{"version":3,"file":"dataLoader.d.ts","sourceRoot":"","sources":["../../src/internals/dataLoader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAY5D,aAAK,WAAW,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK;IACjD,OAAO,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAC3B,MAAM,EAAE,QAAQ,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EACrC,SAAS,EAAE,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,EACpC,IAAI,CAAC,EAAE;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE;gBA8Bb,IAAI,KAAG,iBAAiB,MAAM,CAAC;EAiDnD"}

package/dist/links/httpBatchLink.d.ts

@@ -1,5 +1,8 @@
 import { AnyRouter } from '@trpc/server';
 import { TRPCLink } from './types';
 import { HTTPLinkOptions } from './httpUtils';
-export declare function httpBatchLink<TRouter extends AnyRouter>(opts: HTTPLinkOptions): TRPCLink<TRouter>;
+export interface HttpBatchLinkOptions extends HTTPLinkOptions {
+    maxBatchSize?: number;
+}
+export declare function httpBatchLink<TRouter extends AnyRouter>(opts: HttpBatchLinkOptions): TRPCLink<TRouter>;
 //# sourceMappingURL=httpBatchLink.d.ts.map

package/dist/links/httpBatchLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"httpBatchLink.d.ts","sourceRoot":"","sources":["../../src/links/httpBatchLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiB,MAAM,cAAc,CAAC;AAGxD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,eAAe,EAA8B,MAAM,aAAa,CAAC;AAE1E,wBAAgB,aAAa,CAAC,OAAO,SAAS,SAAS,EACrD,IAAI,EAAE,eAAe,GACpB,QAAQ,CAAC,OAAO,CAAC,CA4DnB"}
+{"version":3,"file":"httpBatchLink.d.ts","sourceRoot":"","sources":["../../src/links/httpBatchLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiB,MAAM,cAAc,CAAC;AAGxD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,eAAe,EAA8B,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AACD,wBAAgB,aAAa,CAAC,OAAO,SAAS,SAAS,EACrD,IAAI,EAAE,oBAAoB,GACzB,QAAQ,CAAC,OAAO,CAAC,CA+DnB"}

package/dist/links/httpBatchLink.js

@@ -17,7 +17,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * Less configuration, no caching, and allows you to cancel requests
  * When cancelling a single fetch the whole batch will be cancelled only when _all_ items are cancelled
  */
-function dataLoader(fetchMany) {
+function dataLoader(fetchMany, opts) {
   var batch = null;
   var dispatchTimer = null;
 
@@ -82,6 +82,11 @@ function dataLoader(fetchMany) {
       item.reject = reject;
       item.resolve = resolve;
       thisBatch.items.push(item);
+
+      if (typeof (opts === null || opts === void 0 ? void 0 : opts.maxBatchSize) !== 'undefined' && thisBatch.items.length >= opts.maxBatchSize) {
+        dispatch();
+        return;
+      }
     });
 
     if (!dispatchTimer) {
@@ -113,7 +118,8 @@ function dataLoader(fetchMany) {
 }
 
 function httpBatchLink(opts) {
-  var url = opts.url;
+  var url = opts.url; // initialized config
+
   return function (runtime) {
     var fetcher = function fetcher(type) {
       return function (keyInputPairs) {
@@ -152,9 +158,9 @@ function httpBatchLink(opts) {
       };
     };
 
-    var query = dataLoader(fetcher('query'));
-    var mutation = dataLoader(fetcher('mutation'));
-    var subscription = dataLoader(fetcher('subscription'));
+    var query = dataLoader(fetcher('query'), opts);
+    var mutation = dataLoader(fetcher('mutation'), opts);
+    var subscription = dataLoader(fetcher('subscription'), opts);
     var loaders = {
       query: query,
       subscription: subscription,

package/dist/links/httpBatchLink.mjs

@@ -13,7 +13,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * Less configuration, no caching, and allows you to cancel requests
  * When cancelling a single fetch the whole batch will be cancelled only when _all_ items are cancelled
  */
-function dataLoader(fetchMany) {
+function dataLoader(fetchMany, opts) {
   var batch = null;
   var dispatchTimer = null;
 
@@ -78,6 +78,11 @@ function dataLoader(fetchMany) {
       item.reject = reject;
       item.resolve = resolve;
       thisBatch.items.push(item);
+
+      if (typeof (opts === null || opts === void 0 ? void 0 : opts.maxBatchSize) !== 'undefined' && thisBatch.items.length >= opts.maxBatchSize) {
+        dispatch();
+        return;
+      }
     });
 
     if (!dispatchTimer) {
@@ -109,7 +114,8 @@ function dataLoader(fetchMany) {
 }
 
 function httpBatchLink(opts) {
-  var url = opts.url;
+  var url = opts.url; // initialized config
+
   return function (runtime) {
     var fetcher = function fetcher(type) {
       return function (keyInputPairs) {
@@ -148,9 +154,9 @@ function httpBatchLink(opts) {
       };
     };
 
-    var query = dataLoader(fetcher('query'));
-    var mutation = dataLoader(fetcher('mutation'));
-    var subscription = dataLoader(fetcher('subscription'));
+    var query = dataLoader(fetcher('query'), opts);
+    var mutation = dataLoader(fetcher('mutation'), opts);
+    var subscription = dataLoader(fetcher('subscription'), opts);
     var loaders = {
       query: query,
       subscription: subscription,

package/dist/links/wsLink.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _createClass = require('@babel/runtime/helpers/createClass');
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
 var _inherits = require('@babel/runtime/helpers/inherits');
@@ -11,10 +12,10 @@ var _wrapNativeSuper = require('@babel/runtime/helpers/wrapNativeSuper');
 var observable = require('../observable-85669100.js');
 var TRPCClientError = require('../TRPCClientError-ec6bd2ca.js');
 require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/createClass');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
 var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
 var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
@@ -306,7 +307,7 @@ var TRPCWebSocketClosedError = /*#__PURE__*/function (_Error) {
     return _this;
   }
 
-  return TRPCWebSocketClosedError;
+  return _createClass__default["default"](TRPCWebSocketClosedError);
 }( /*#__PURE__*/_wrapNativeSuper__default["default"](Error));
 
 var TRPCSubscriptionEndedError = /*#__PURE__*/function (_Error2) {
@@ -325,7 +326,7 @@ var TRPCSubscriptionEndedError = /*#__PURE__*/function (_Error2) {
     return _this2;
   }
 
-  return TRPCSubscriptionEndedError;
+  return _createClass__default["default"](TRPCSubscriptionEndedError);
 }( /*#__PURE__*/_wrapNativeSuper__default["default"](Error));
 
 function wsLink(opts) {

package/dist/links/wsLink.mjs

@@ -1,3 +1,4 @@
+import _createClass from '@babel/runtime/helpers/createClass';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
 import _inherits from '@babel/runtime/helpers/inherits';
@@ -7,7 +8,6 @@ import _wrapNativeSuper from '@babel/runtime/helpers/wrapNativeSuper';
 import { o as observable } from '../observable-7e66cb56.mjs';
 import { T as TRPCClientError } from '../TRPCClientError-17b117e1.mjs';
 import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/createClass';
 
 /* istanbul ignore next */
 var retryDelay = function retryDelay(attemptIndex) {
@@ -293,7 +293,7 @@ var TRPCWebSocketClosedError = /*#__PURE__*/function (_Error) {
     return _this;
   }
 
-  return TRPCWebSocketClosedError;
+  return _createClass(TRPCWebSocketClosedError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
 var TRPCSubscriptionEndedError = /*#__PURE__*/function (_Error2) {
@@ -312,7 +312,7 @@ var TRPCSubscriptionEndedError = /*#__PURE__*/function (_Error2) {
     return _this2;
   }
 
-  return TRPCSubscriptionEndedError;
+  return _createClass(TRPCSubscriptionEndedError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
 function wsLink(opts) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trpc/client",
-  "version": "10.0.0-alpha.4",
+  "version": "10.0.0-alpha.8",
   "description": "tRPC Client lib",
   "author": "KATT",
   "license": "MIT",
@@ -74,13 +74,13 @@
     "@babel/runtime": "^7.9.0"
   },
   "peerDependencies": {
-    "@trpc/server": "10.0.0-alpha.4"
+    "@trpc/server": "10.0.0-alpha.8"
   },
   "devDependencies": {
-    "@trpc/server": "10.0.0-alpha.4"
+    "@trpc/server": "10.0.0-alpha.8"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ef9f7f1d36a26339b96069bba001ea0fe5768bb3"
+  "gitHead": "e5ded22d38809f6de68df26ed069ca3cf93bb368"
 }

package/src/internals/dataLoader.ts

@@ -20,7 +20,10 @@ type BatchLoadFn<TKey, TValue> = (keys: TKey[]) => {
  * Less configuration, no caching, and allows you to cancel requests
  * When cancelling a single fetch the whole batch will be cancelled only when _all_ items are cancelled
  */
-export function dataLoader<TKey, TValue>(fetchMany: BatchLoadFn<TKey, TValue>) {
+export function dataLoader<TKey, TValue>(
+  fetchMany: BatchLoadFn<TKey, TValue>,
+  opts?: { maxBatchSize?: number },
+) {
   let batch: Batch<TKey, TValue> | null = null;
   let dispatchTimer: NodeJS.Timer | number | null = null;
 
@@ -69,7 +72,16 @@ export function dataLoader<TKey, TValue>(fetchMany: BatchLoadFn<TKey, TValue>) {
       item.reject = reject;
       item.resolve = resolve;
       thisBatch.items.push(item);
+
+      if (
+        typeof opts?.maxBatchSize !== 'undefined' &&
+        thisBatch.items.length >= opts.maxBatchSize
+      ) {
+        dispatch();
+        return;
+      }
     });
+
     if (!dispatchTimer) {
       dispatchTimer = setTimeout(dispatch);
     }

package/src/links/httpBatchLink.ts

@@ -4,12 +4,17 @@ import { observable } from '../rx/observable';
 import { TRPCLink } from './types';
 import { HTTPLinkOptions, httpRequest, ResponseShape } from './httpUtils';
 
+export interface HttpBatchLinkOptions extends HTTPLinkOptions {
+  maxBatchSize?: number;
+}
 export function httpBatchLink<TRouter extends AnyRouter>(
-  opts: HTTPLinkOptions,
+  opts: HttpBatchLinkOptions,
 ): TRPCLink<TRouter> {
   const { url } = opts;
+  // initialized config
   return (runtime) => {
     type Key = { id: number; path: string; input: unknown };
+
     const fetcher = (type: ProcedureType) => (keyInputPairs: Key[]) => {
       const path = keyInputPairs.map((op) => op.path).join(',');
       const inputs = keyInputPairs.map((op) => op.input);
@@ -38,10 +43,11 @@ export function httpBatchLink<TRouter extends AnyRouter>(
         cancel,
       };
     };
-    const query = dataLoader<Key, ResponseShape>(fetcher('query'));
-    const mutation = dataLoader<Key, ResponseShape>(fetcher('mutation'));
+    const query = dataLoader<Key, ResponseShape>(fetcher('query'), opts);
+    const mutation = dataLoader<Key, ResponseShape>(fetcher('mutation'), opts);
     const subscription = dataLoader<Key, ResponseShape>(
       fetcher('subscription'),
+      opts,
     );
 
     const loaders = { query, subscription, mutation };