@trpc/client 10.0.0-alpha.16 → 10.0.0-alpha.17

package/dist/index.mjs

@@ -2,12 +2,12 @@ import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import { o as observable, s as share, t as tap } from './tap-4bc60fb0.mjs';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
 import _inherits from '@babel/runtime/helpers/inherits';
 import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
 import _wrapNativeSuper from '@babel/runtime/helpers/wrapNativeSuper';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 
 function getWindow() {
   if (typeof window !== 'undefined') {
@@ -35,6 +35,59 @@ function getFetch(f) {
   throw new Error('No fetch implementation found');
 }
 
+function dedupeLink() {
+  // initialized config
+  return function () {
+    // initialized in app
+    var pending = {};
+    return function (_ref) {
+      var op = _ref.op,
+          next = _ref.next;
+
+      // initialized for request
+      if (op.type !== 'query') {
+        // pass through
+        return next(op);
+      }
+
+      var key = JSON.stringify([op.path, op.input]);
+
+      if (pending[key]) {
+        // console.log('hooking into pending', { op });
+        return observable(function (observer) {
+          return pending[key].subscribe(observer);
+        });
+      }
+
+      var shared$ = observable(function (observer) {
+        function reset() {
+          delete pending[key];
+        }
+
+        var subscription = next(op).subscribe({
+          next: function next(v) {
+            observer.next(v);
+          },
+          error: function error(e) {
+            reset();
+            observer.error(e);
+          },
+          complete: function complete() {
+            reset();
+            observer.complete();
+          }
+        });
+        return function () {
+          reset();
+          subscription.unsubscribe();
+        };
+      }).pipe(share());
+      pending[key] = shared$;
+      return shared$;
+    };
+  };
+}
+
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -309,6 +362,196 @@ function httpBatchLink(opts) {
   };
 }
 
+function httpLink(opts) {
+  var url = opts.url;
+  return function (runtime) {
+    return function (_ref) {
+      var op = _ref.op;
+      return observable(function (observer) {
+        var path = op.path,
+            input = op.input,
+            type = op.type;
+
+        var _httpRequest = httpRequest({
+          runtime: runtime,
+          path: path,
+          input: input,
+          type: type,
+          url: url
+        }),
+            promise = _httpRequest.promise,
+            cancel = _httpRequest.cancel;
+
+        promise.then(function (res) {
+          observer.next({
+            context: res.meta,
+            data: res.json
+          });
+          observer.complete();
+        }).catch(observer.error);
+        return function () {
+          cancel();
+        };
+      });
+    };
+  };
+}
+
+function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var palette = {
+  query: ['72e3ff', '3fb0d8'],
+  mutation: ['c5a3fc', '904dfc'],
+  subscription: ['ff49e1', 'd83fbe']
+};
+
+// maybe this should be moved to it's own package
+var defaultLogger = function defaultLogger() {
+  var c = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : console;
+  return function (props) {
+    var direction = props.direction,
+        input = props.input,
+        type = props.type,
+        path = props.path,
+        context = props.context,
+        id = props.id;
+
+    var _palette$type = _slicedToArray(palette[type], 2),
+        light = _palette$type[0],
+        dark = _palette$type[1];
+
+    var css = "\n    background-color: #".concat(direction === 'up' ? light : dark, "; \n    color: ").concat(direction === 'up' ? 'black' : 'white', ";\n    padding: 2px;\n  ");
+    var parts = ['%c', direction === 'up' ? '>>' : '<<', type, "#".concat(id), "%c".concat(path, "%c"), '%O'];
+    var args = [css, "".concat(css, "; font-weight: bold;"), "".concat(css, "; font-weight: normal;")];
+
+    if (props.direction === 'up') {
+      args.push({
+        input: input,
+        context: context
+      });
+    } else {
+      args.push({
+        input: input,
+        result: props.result,
+        elapsedMs: props.elapsedMs,
+        context: context
+      });
+    }
+
+    var fn = props.direction === 'down' && props.result && (props.result instanceof Error || 'error' in props.result.data) ? 'error' : 'log';
+    c[fn].apply(null, [parts.join(' ')].concat(args));
+  };
+};
+
+function loggerLink() {
+  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _opts$enabled = opts.enabled,
+      enabled = _opts$enabled === void 0 ? function () {
+    return true;
+  } : _opts$enabled;
+  var _opts$logger = opts.logger,
+      logger = _opts$logger === void 0 ? defaultLogger(opts.console) : _opts$logger;
+  return function () {
+    return function (_ref) {
+      var op = _ref.op,
+          next = _ref.next;
+      return observable(function (observer) {
+        // ->
+        enabled(_objectSpread$2(_objectSpread$2({}, op), {}, {
+          direction: 'up'
+        })) && logger(_objectSpread$2(_objectSpread$2({}, op), {}, {
+          direction: 'up'
+        }));
+        var requestStartTime = Date.now();
+
+        function logResult(result) {
+          var elapsedMs = Date.now() - requestStartTime;
+          enabled(_objectSpread$2(_objectSpread$2({}, op), {}, {
+            direction: 'down',
+            result: result
+          })) && logger(_objectSpread$2(_objectSpread$2({}, op), {}, {
+            direction: 'down',
+            elapsedMs: elapsedMs,
+            result: result
+          }));
+        }
+
+        return next(op).pipe(tap({
+          next: function next(result) {
+            logResult(result);
+          },
+          error: function error(result) {
+            logResult(result);
+          }
+        })).subscribe(observer);
+      });
+    };
+  };
+}
+
+function retryLink(opts) {
+  // initialized config
+  return function () {
+    // initialized in app
+    return function (_ref) {
+      var op = _ref.op,
+          next = _ref.next;
+      // initialized for request
+      return observable(function (observer) {
+        var next$ = null;
+        var attempts = 0;
+        var isDone = false;
+
+        function attempt() {
+          var _next$;
+
+          attempts++;
+          (_next$ = next$) === null || _next$ === void 0 ? void 0 : _next$.unsubscribe();
+          next$ = next(op).subscribe({
+            error: function error(_error) {
+              if (attempts >= opts.attempts) {
+                observer.error(_error);
+                return;
+              }
+
+              attempt();
+            },
+            next: function next(result) {
+              if ('result' in result.data) {
+                isDone = true;
+                observer.next(result);
+                return;
+              }
+
+              if (attempts >= opts.attempts) {
+                isDone = true;
+                observer.next(result);
+                return;
+              }
+
+              attempt();
+            },
+            complete: function complete() {
+              if (isDone) {
+                observer.complete();
+              }
+            }
+          });
+        }
+
+        attempt();
+        return function () {
+          var _next$2;
+
+          isDone = true;
+          (_next$2 = next$) === null || _next$2 === void 0 ? void 0 : _next$2.unsubscribe();
+        };
+      });
+    };
+  };
+}
+
 /** @internal */
 function createChain(opts) {
   return observable(function (observer) {
@@ -331,576 +574,9 @@ function createChain(opts) {
   });
 }
 
-function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var TRPCClientError = /*#__PURE__*/function (_Error) {
-  _inherits(TRPCClientError, _Error);
-
-  var _super = /*#__PURE__*/_createSuper$2(TRPCClientError);
-
-  /**
-   * @deprecated use `cause`
-   */
-  function TRPCClientError(message, opts) {
-    var _opts$cause, _opts$result, _opts$result2;
-
-    var _this;
-
-    _classCallCheck(this, TRPCClientError);
-
-    var cause = (_opts$cause = opts === null || opts === void 0 ? void 0 : opts.cause) !== null && _opts$cause !== void 0 ? _opts$cause : opts === null || opts === void 0 ? void 0 : opts.originalError; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore https://github.com/tc39/proposal-error-cause
-
-    _this = _super.call(this, message, {
-      cause: cause
-    });
-    _this.originalError = void 0;
-    _this.cause = void 0;
-    _this.shape = void 0;
-    _this.data = void 0;
-    _this.meta = void 0;
-    _this.meta = opts === null || opts === void 0 ? void 0 : opts.meta;
-    _this.cause = _this.originalError = cause;
-    _this.shape = opts === null || opts === void 0 ? void 0 : (_opts$result = opts.result) === null || _opts$result === void 0 ? void 0 : _opts$result.error;
-    _this.data = opts === null || opts === void 0 ? void 0 : (_opts$result2 = opts.result) === null || _opts$result2 === void 0 ? void 0 : _opts$result2.error.data;
-    _this.name = 'TRPCClientError';
-    Object.setPrototypeOf(_assertThisInitialized(_this), TRPCClientError.prototype);
-    return _this;
-  }
-
-  _createClass(TRPCClientError, null, [{
-    key: "from",
-    value: function from(cause) {
-      var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-      if (!(cause instanceof Error)) {
-        var _message;
-
-        return new TRPCClientError((_message = cause.error.message) !== null && _message !== void 0 ? _message : '', _objectSpread$2(_objectSpread$2({}, opts), {}, {
-          cause: null,
-          result: cause
-        }));
-      }
-
-      if (cause.name === 'TRPCClientError') {
-        return cause;
-      }
-
-      return new TRPCClientError(cause.message, _objectSpread$2(_objectSpread$2({}, opts), {}, {
-        cause: cause,
-        result: null
-      }));
-    }
-  }]);
-
-  return TRPCClientError;
-}( /*#__PURE__*/_wrapNativeSuper(Error));
-
-/** @internal */
-function transformOperationResult$1(result) {
-  var context = result.context;
-
-  if ('error' in result.data) {
-    var error = TRPCClientError.from(result.data);
-    return {
-      ok: false,
-      error: error,
-      context: context
-    };
-  }
-
-  var data = result.data.result.data;
-  return {
-    ok: true,
-    data: data,
-    context: context
-  };
-}
-
-function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var ObservableAbortError = /*#__PURE__*/function (_Error) {
-  _inherits(ObservableAbortError, _Error);
-
-  var _super = /*#__PURE__*/_createSuper$1(ObservableAbortError);
-
-  function ObservableAbortError(message) {
-    var _this;
-
-    _classCallCheck(this, ObservableAbortError);
-
-    _this = _super.call(this, message);
-    _this.name = 'ObservableAbortError';
-    Object.setPrototypeOf(_assertThisInitialized(_this), ObservableAbortError.prototype);
-    return _this;
-  }
-
-  return _createClass(ObservableAbortError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
-/** @internal */
-
-function observableToPromise(observable) {
-  var abort;
-  var promise = new Promise(function (resolve, reject) {
-    var isDone = false;
-
-    function onDone() {
-      if (isDone) {
-        return;
-      }
-
-      isDone = true;
-      reject(new ObservableAbortError('This operation was cancelled.'));
-      obs$.unsubscribe();
-    }
-
-    var obs$ = observable.subscribe({
-      next: function next(data) {
-        isDone = true;
-        resolve(data);
-        onDone();
-      },
-      error: function error(data) {
-        isDone = true;
-        reject(data);
-        onDone();
-      },
-      complete: function complete() {
-        isDone = true;
-        onDone();
-      }
-    });
-    abort = onDone;
-  });
-  return {
-    promise: promise,
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    abort: abort
-  };
-}
-
-var idCounter = 0;
-
-function getRequestId() {
-  return ++idCounter;
-}
-
-var TRPCClient = /*#__PURE__*/function () {
-  function TRPCClient(opts) {
-    var _this = this;
-
-    _classCallCheck(this, TRPCClient);
-
-    this.links = void 0;
-    this.runtime = void 0;
-
-    var _fetch = getFetch(opts === null || opts === void 0 ? void 0 : opts.fetch);
-
-    var AC = getAbortController(opts === null || opts === void 0 ? void 0 : opts.AbortController);
-
-    function getHeadersFn() {
-      if (opts.headers) {
-        var headers = opts.headers;
-        return typeof headers === 'function' ? headers : function () {
-          return headers;
-        };
-      }
-
-      return function () {
-        return {};
-      };
-    }
-
-    this.runtime = {
-      AbortController: AC,
-      fetch: _fetch,
-      headers: getHeadersFn()
-    };
-
-    if ('links' in opts) {
-      this.links = opts.links.map(function (link) {
-        return link(_this.runtime);
-      });
-    } else {
-      this.links = [httpBatchLink({
-        url: opts.url
-      })(this.runtime)];
-    }
-  }
-
-  _createClass(TRPCClient, [{
-    key: "$request",
-    value: function $request(_ref) {
-      var type = _ref.type,
-          input = _ref.input,
-          path = _ref.path,
-          _ref$context = _ref.context,
-          context = _ref$context === void 0 ? {} : _ref$context;
-      var chain$ = createChain({
-        links: this.links,
-        op: {
-          id: getRequestId(),
-          type: type,
-          path: path,
-          input: input,
-          context: context
-        }
-      });
-      return chain$.pipe(share());
-    }
-  }, {
-    key: "requestAsPromise",
-    value: function requestAsPromise(opts) {
-      var req$ = this.$request(opts);
-
-      var _observableToPromise = observableToPromise(req$),
-          promise = _observableToPromise.promise,
-          abort = _observableToPromise.abort;
-
-      var cancellablePromise = new Promise(function (resolve, reject) {
-        promise.then(function (result) {
-          var transformed = transformOperationResult$1(result);
-
-          if (transformed.ok) {
-            resolve(transformed.data);
-            return;
-          }
-
-          reject(transformed.error);
-        }).catch(function (err) {
-          reject(TRPCClientError.from(err));
-        });
-      });
-      cancellablePromise.cancel = abort;
-      return cancellablePromise;
-    }
-  }, {
-    key: "query",
-    value: function query(path) {
-      var _ref2;
-
-      var context = (_ref2 = arguments.length <= 2 ? undefined : arguments[2]) === null || _ref2 === void 0 ? void 0 : _ref2.context;
-      return this.requestAsPromise({
-        type: 'query',
-        path: path,
-        input: arguments.length <= 1 ? undefined : arguments[1],
-        context: context
-      });
-    }
-  }, {
-    key: "mutation",
-    value: function mutation(path) {
-      var _ref3;
-
-      var context = (_ref3 = arguments.length <= 2 ? undefined : arguments[2]) === null || _ref3 === void 0 ? void 0 : _ref3.context;
-      return this.requestAsPromise({
-        type: 'mutation',
-        path: path,
-        input: arguments.length <= 1 ? undefined : arguments[1],
-        context: context
-      });
-    }
-  }, {
-    key: "subscription",
-    value: function subscription(path, input, opts) {
-      var observable$ = this.$request({
-        type: 'subscription',
-        path: path,
-        input: input,
-        context: opts.context
-      });
-      return observable$.subscribe({
-        next: function next(result) {
-          var _opts$next;
-
-          if ('error' in result.data) {
-            var _opts$error;
-
-            var err = TRPCClientError.from(result.data, {
-              meta: result.context
-            });
-            (_opts$error = opts.error) === null || _opts$error === void 0 ? void 0 : _opts$error.call(opts, err);
-            return;
-          }
-
-          (_opts$next = opts.next) === null || _opts$next === void 0 ? void 0 : _opts$next.call(opts, result.data.result);
-        },
-        error: function error(err) {
-          var _opts$error2;
-
-          (_opts$error2 = opts.error) === null || _opts$error2 === void 0 ? void 0 : _opts$error2.call(opts, err);
-        },
-        complete: function complete() {
-          var _opts$complete;
-
-          (_opts$complete = opts.complete) === null || _opts$complete === void 0 ? void 0 : _opts$complete.call(opts);
-        }
-      });
-    }
-  }]);
-
-  return TRPCClient;
-}();
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-function createTRPCClient(opts) {
-  return new TRPCClient(opts);
-}
-
-function dedupeLink() {
-  // initialized config
-  return function () {
-    // initialized in app
-    var pending = {};
-    return function (_ref) {
-      var op = _ref.op,
-          next = _ref.next;
-
-      // initialized for request
-      if (op.type !== 'query') {
-        // pass through
-        return next(op);
-      }
-
-      var key = JSON.stringify([op.path, op.input]);
-
-      if (pending[key]) {
-        // console.log('hooking into pending', { op });
-        return observable(function (observer) {
-          return pending[key].subscribe(observer);
-        });
-      }
-
-      var shared$ = observable(function (observer) {
-        function reset() {
-          delete pending[key];
-        }
-
-        var subscription = next(op).subscribe({
-          next: function next(v) {
-            observer.next(v);
-          },
-          error: function error(e) {
-            reset();
-            observer.error(e);
-          },
-          complete: function complete() {
-            reset();
-            observer.complete();
-          }
-        });
-        return function () {
-          reset();
-          subscription.unsubscribe();
-        };
-      }).pipe(share());
-      pending[key] = shared$;
-      return shared$;
-    };
-  };
-}
-
-function httpLink(opts) {
-  var url = opts.url;
-  return function (runtime) {
-    return function (_ref) {
-      var op = _ref.op;
-      return observable(function (observer) {
-        var path = op.path,
-            input = op.input,
-            type = op.type;
-
-        var _httpRequest = httpRequest({
-          runtime: runtime,
-          path: path,
-          input: input,
-          type: type,
-          url: url
-        }),
-            promise = _httpRequest.promise,
-            cancel = _httpRequest.cancel;
-
-        promise.then(function (res) {
-          observer.next({
-            context: res.meta,
-            data: res.json
-          });
-          observer.complete();
-        }).catch(observer.error);
-        return function () {
-          cancel();
-        };
-      });
-    };
-  };
-}
-
-function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var palette = {
-  query: ['72e3ff', '3fb0d8'],
-  mutation: ['c5a3fc', '904dfc'],
-  subscription: ['ff49e1', 'd83fbe']
-};
-
-// maybe this should be moved to it's own package
-var defaultLogger = function defaultLogger() {
-  var c = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : console;
-  return function (props) {
-    var direction = props.direction,
-        input = props.input,
-        type = props.type,
-        path = props.path,
-        context = props.context,
-        id = props.id;
-
-    var _palette$type = _slicedToArray(palette[type], 2),
-        light = _palette$type[0],
-        dark = _palette$type[1];
-
-    var css = "\n    background-color: #".concat(direction === 'up' ? light : dark, "; \n    color: ").concat(direction === 'up' ? 'black' : 'white', ";\n    padding: 2px;\n  ");
-    var parts = ['%c', direction === 'up' ? '>>' : '<<', type, "#".concat(id), "%c".concat(path, "%c"), '%O'];
-    var args = [css, "".concat(css, "; font-weight: bold;"), "".concat(css, "; font-weight: normal;")];
-
-    if (props.direction === 'up') {
-      args.push({
-        input: input,
-        context: context
-      });
-    } else {
-      args.push({
-        input: input,
-        result: props.result,
-        elapsedMs: props.elapsedMs,
-        context: context
-      });
-    }
-
-    var fn = props.direction === 'down' && props.result && (props.result instanceof Error || 'error' in props.result.data) ? 'error' : 'log';
-    c[fn].apply(null, [parts.join(' ')].concat(args));
-  };
-};
-
-function loggerLink() {
-  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _opts$enabled = opts.enabled,
-      enabled = _opts$enabled === void 0 ? function () {
-    return true;
-  } : _opts$enabled;
-  var _opts$logger = opts.logger,
-      logger = _opts$logger === void 0 ? defaultLogger(opts.console) : _opts$logger;
-  return function () {
-    return function (_ref) {
-      var op = _ref.op,
-          next = _ref.next;
-      return observable(function (observer) {
-        // ->
-        enabled(_objectSpread$1(_objectSpread$1({}, op), {}, {
-          direction: 'up'
-        })) && logger(_objectSpread$1(_objectSpread$1({}, op), {}, {
-          direction: 'up'
-        }));
-        var requestStartTime = Date.now();
-
-        function logResult(result) {
-          var elapsedMs = Date.now() - requestStartTime;
-          enabled(_objectSpread$1(_objectSpread$1({}, op), {}, {
-            direction: 'down',
-            result: result
-          })) && logger(_objectSpread$1(_objectSpread$1({}, op), {}, {
-            direction: 'down',
-            elapsedMs: elapsedMs,
-            result: result
-          }));
-        }
-
-        return next(op).pipe(tap({
-          next: function next(result) {
-            logResult(result);
-          },
-          error: function error(result) {
-            logResult(result);
-          }
-        })).subscribe(observer);
-      });
-    };
-  };
-}
-
-function retryLink(opts) {
-  // initialized config
-  return function () {
-    // initialized in app
-    return function (_ref) {
-      var op = _ref.op,
-          next = _ref.next;
-      // initialized for request
-      return observable(function (observer) {
-        var next$ = null;
-        var attempts = 0;
-        var isDone = false;
-
-        function attempt() {
-          var _next$;
-
-          attempts++;
-          (_next$ = next$) === null || _next$ === void 0 ? void 0 : _next$.unsubscribe();
-          next$ = next(op).subscribe({
-            error: function error(_error) {
-              if (attempts >= opts.attempts) {
-                observer.error(_error);
-                return;
-              }
-
-              attempt();
-            },
-            next: function next(result) {
-              if ('result' in result.data) {
-                isDone = true;
-                observer.next(result);
-                return;
-              }
-
-              if (attempts >= opts.attempts) {
-                isDone = true;
-                observer.next(result);
-                return;
-              }
-
-              attempt();
-            },
-            complete: function complete() {
-              if (isDone) {
-                observer.complete();
-              }
-            }
-          });
-        }
-
-        attempt();
-        return function () {
-          var _next$2;
-
-          isDone = true;
-          (_next$2 = next$) === null || _next$2 === void 0 ? void 0 : _next$2.unsubscribe();
-        };
-      });
-    };
-  };
-}
-
-function asArray(value) {
-  return Array.isArray(value) ? value : [value];
-}
+function asArray(value) {
+  return Array.isArray(value) ? value : [value];
+}
 
 function splitLink(opts) {
   return function (rt) {
@@ -922,17 +598,17 @@ function splitLink(opts) {
   };
 }
 
-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 ownKeys$1(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 _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /**
  * @internal
  */
-function transformOperationResult(result, transformer) {
+function transformOperationResult$1(result, transformer) {
   if ('error' in result.data) {
-    return _objectSpread(_objectSpread({}, result), {}, {
-      data: _objectSpread(_objectSpread({}, result.data), {}, {
+    return _objectSpread$1(_objectSpread$1({}, result), {}, {
+      data: _objectSpread$1(_objectSpread$1({}, result.data), {}, {
         error: transformer.deserialize(result.data.error)
       })
     });
@@ -942,9 +618,9 @@ function transformOperationResult(result, transformer) {
     return result;
   }
 
-  return _objectSpread(_objectSpread({}, result), {}, {
-    data: _objectSpread(_objectSpread({}, result.data), {}, {
-      result: _objectSpread(_objectSpread({}, result.data.result), {}, {
+  return _objectSpread$1(_objectSpread$1({}, result), {}, {
+    data: _objectSpread$1(_objectSpread$1({}, result.data), {}, {
+      result: _objectSpread$1(_objectSpread$1({}, result.data.result), {}, {
         data: transformer.deserialize(result.data.result.data)
       })
     })
@@ -969,11 +645,11 @@ function transformerLink(transformer) {
       var input = _transformer.serialize(props.op.input);
 
       return observable(function (observer) {
-        var subscription = props.next(_objectSpread(_objectSpread({}, props.op), {}, {
+        var subscription = props.next(_objectSpread$1(_objectSpread$1({}, props.op), {}, {
           input: input
         })).subscribe({
           next: function next(value) {
-            var transformed = transformOperationResult(value, _transformer);
+            var transformed = transformOperationResult$1(value, _transformer);
             observer.next(transformed);
           },
           error: function error(err) {
@@ -994,9 +670,80 @@ var retryDelay = function retryDelay(attemptIndex) {
   return attemptIndex === 0 ? 0 : Math.min(1000 * Math.pow(2, attemptIndex), 30000);
 };
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+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 _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var TRPCClientError = /*#__PURE__*/function (_Error) {
+  _inherits(TRPCClientError, _Error);
+
+  var _super = /*#__PURE__*/_createSuper$2(TRPCClientError);
+
+  /**
+   * @deprecated use `cause`
+   */
+  function TRPCClientError(message, opts) {
+    var _opts$cause, _opts$result, _opts$result2;
+
+    var _this;
+
+    _classCallCheck(this, TRPCClientError);
+
+    var cause = (_opts$cause = opts === null || opts === void 0 ? void 0 : opts.cause) !== null && _opts$cause !== void 0 ? _opts$cause : opts === null || opts === void 0 ? void 0 : opts.originalError; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore https://github.com/tc39/proposal-error-cause
+
+    _this = _super.call(this, message, {
+      cause: cause
+    });
+    _this.originalError = void 0;
+    _this.cause = void 0;
+    _this.shape = void 0;
+    _this.data = void 0;
+    _this.meta = void 0;
+    _this.meta = opts === null || opts === void 0 ? void 0 : opts.meta;
+    _this.cause = _this.originalError = cause;
+    _this.shape = opts === null || opts === void 0 ? void 0 : (_opts$result = opts.result) === null || _opts$result === void 0 ? void 0 : _opts$result.error;
+    _this.data = opts === null || opts === void 0 ? void 0 : (_opts$result2 = opts.result) === null || _opts$result2 === void 0 ? void 0 : _opts$result2.error.data;
+    _this.name = 'TRPCClientError';
+    Object.setPrototypeOf(_assertThisInitialized(_this), TRPCClientError.prototype);
+    return _this;
+  }
+
+  _createClass(TRPCClientError, null, [{
+    key: "from",
+    value: function from(cause) {
+      var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      if (!(cause instanceof Error)) {
+        var _message;
+
+        return new TRPCClientError((_message = cause.error.message) !== null && _message !== void 0 ? _message : '', _objectSpread(_objectSpread({}, opts), {}, {
+          cause: null,
+          result: cause
+        }));
+      }
+
+      if (cause.name === 'TRPCClientError') {
+        return cause;
+      }
+
+      return new TRPCClientError(cause.message, _objectSpread(_objectSpread({}, opts), {}, {
+        cause: cause,
+        result: null
+      }));
+    }
+  }]);
+
+  return TRPCClientError;
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
+function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function createWSClient(opts) {
   var url = opts.url,
       _opts$WebSocket = opts.WebSocket,
@@ -1260,7 +1007,7 @@ function createWSClient(opts) {
 var TRPCWebSocketClosedError = /*#__PURE__*/function (_Error) {
   _inherits(TRPCWebSocketClosedError, _Error);
 
-  var _super = /*#__PURE__*/_createSuper(TRPCWebSocketClosedError);
+  var _super = /*#__PURE__*/_createSuper$1(TRPCWebSocketClosedError);
 
   function TRPCWebSocketClosedError(message) {
     var _this;
@@ -1279,7 +1026,7 @@ var TRPCWebSocketClosedError = /*#__PURE__*/function (_Error) {
 var TRPCSubscriptionEndedError = /*#__PURE__*/function (_Error2) {
   _inherits(TRPCSubscriptionEndedError, _Error2);
 
-  var _super2 = /*#__PURE__*/_createSuper(TRPCSubscriptionEndedError);
+  var _super2 = /*#__PURE__*/_createSuper$1(TRPCSubscriptionEndedError);
 
   function TRPCSubscriptionEndedError(message) {
     var _this2;
@@ -1347,4 +1094,257 @@ function wsLink(opts) {
   };
 }
 
+/** @internal */
+function transformOperationResult(result) {
+  var context = result.context;
+
+  if ('error' in result.data) {
+    var error = TRPCClientError.from(result.data);
+    return {
+      ok: false,
+      error: error,
+      context: context
+    };
+  }
+
+  var data = result.data.result.data;
+  return {
+    ok: true,
+    data: data,
+    context: context
+  };
+}
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var ObservableAbortError = /*#__PURE__*/function (_Error) {
+  _inherits(ObservableAbortError, _Error);
+
+  var _super = /*#__PURE__*/_createSuper(ObservableAbortError);
+
+  function ObservableAbortError(message) {
+    var _this;
+
+    _classCallCheck(this, ObservableAbortError);
+
+    _this = _super.call(this, message);
+    _this.name = 'ObservableAbortError';
+    Object.setPrototypeOf(_assertThisInitialized(_this), ObservableAbortError.prototype);
+    return _this;
+  }
+
+  return _createClass(ObservableAbortError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+/** @internal */
+
+function observableToPromise(observable) {
+  var abort;
+  var promise = new Promise(function (resolve, reject) {
+    var isDone = false;
+
+    function onDone() {
+      if (isDone) {
+        return;
+      }
+
+      isDone = true;
+      reject(new ObservableAbortError('This operation was cancelled.'));
+      obs$.unsubscribe();
+    }
+
+    var obs$ = observable.subscribe({
+      next: function next(data) {
+        isDone = true;
+        resolve(data);
+        onDone();
+      },
+      error: function error(data) {
+        isDone = true;
+        reject(data);
+        onDone();
+      },
+      complete: function complete() {
+        isDone = true;
+        onDone();
+      }
+    });
+    abort = onDone;
+  });
+  return {
+    promise: promise,
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    abort: abort
+  };
+}
+
+var idCounter = 0;
+
+function getRequestId() {
+  return ++idCounter;
+}
+
+var TRPCClient = /*#__PURE__*/function () {
+  function TRPCClient(opts) {
+    var _this = this;
+
+    _classCallCheck(this, TRPCClient);
+
+    this.links = void 0;
+    this.runtime = void 0;
+
+    var _fetch = getFetch(opts === null || opts === void 0 ? void 0 : opts.fetch);
+
+    var AC = getAbortController(opts === null || opts === void 0 ? void 0 : opts.AbortController);
+
+    function getHeadersFn() {
+      if (opts.headers) {
+        var headers = opts.headers;
+        return typeof headers === 'function' ? headers : function () {
+          return headers;
+        };
+      }
+
+      return function () {
+        return {};
+      };
+    }
+
+    this.runtime = {
+      AbortController: AC,
+      fetch: _fetch,
+      headers: getHeadersFn()
+    };
+
+    if ('links' in opts) {
+      this.links = opts.links.map(function (link) {
+        return link(_this.runtime);
+      });
+    } else {
+      this.links = [httpBatchLink({
+        url: opts.url
+      })(this.runtime)];
+    }
+  }
+
+  _createClass(TRPCClient, [{
+    key: "$request",
+    value: function $request(_ref) {
+      var type = _ref.type,
+          input = _ref.input,
+          path = _ref.path,
+          _ref$context = _ref.context,
+          context = _ref$context === void 0 ? {} : _ref$context;
+      var chain$ = createChain({
+        links: this.links,
+        op: {
+          id: getRequestId(),
+          type: type,
+          path: path,
+          input: input,
+          context: context
+        }
+      });
+      return chain$.pipe(share());
+    }
+  }, {
+    key: "requestAsPromise",
+    value: function requestAsPromise(opts) {
+      var req$ = this.$request(opts);
+
+      var _observableToPromise = observableToPromise(req$),
+          promise = _observableToPromise.promise,
+          abort = _observableToPromise.abort;
+
+      var cancellablePromise = new Promise(function (resolve, reject) {
+        promise.then(function (result) {
+          var transformed = transformOperationResult(result);
+
+          if (transformed.ok) {
+            resolve(transformed.data);
+            return;
+          }
+
+          reject(transformed.error);
+        }).catch(function (err) {
+          reject(TRPCClientError.from(err));
+        });
+      });
+      cancellablePromise.cancel = abort;
+      return cancellablePromise;
+    }
+  }, {
+    key: "query",
+    value: function query(path) {
+      var _ref2;
+
+      var context = (_ref2 = arguments.length <= 2 ? undefined : arguments[2]) === null || _ref2 === void 0 ? void 0 : _ref2.context;
+      return this.requestAsPromise({
+        type: 'query',
+        path: path,
+        input: arguments.length <= 1 ? undefined : arguments[1],
+        context: context
+      });
+    }
+  }, {
+    key: "mutation",
+    value: function mutation(path) {
+      var _ref3;
+
+      var context = (_ref3 = arguments.length <= 2 ? undefined : arguments[2]) === null || _ref3 === void 0 ? void 0 : _ref3.context;
+      return this.requestAsPromise({
+        type: 'mutation',
+        path: path,
+        input: arguments.length <= 1 ? undefined : arguments[1],
+        context: context
+      });
+    }
+  }, {
+    key: "subscription",
+    value: function subscription(path, input, opts) {
+      var observable$ = this.$request({
+        type: 'subscription',
+        path: path,
+        input: input,
+        context: opts.context
+      });
+      return observable$.subscribe({
+        next: function next(result) {
+          var _opts$next;
+
+          if ('error' in result.data) {
+            var _opts$error;
+
+            var err = TRPCClientError.from(result.data, {
+              meta: result.context
+            });
+            (_opts$error = opts.error) === null || _opts$error === void 0 ? void 0 : _opts$error.call(opts, err);
+            return;
+          }
+
+          (_opts$next = opts.next) === null || _opts$next === void 0 ? void 0 : _opts$next.call(opts, result.data.result);
+        },
+        error: function error(err) {
+          var _opts$error2;
+
+          (_opts$error2 = opts.error) === null || _opts$error2 === void 0 ? void 0 : _opts$error2.call(opts, err);
+        },
+        complete: function complete() {
+          var _opts$complete;
+
+          (_opts$complete = opts.complete) === null || _opts$complete === void 0 ? void 0 : _opts$complete.call(opts);
+        }
+      });
+    }
+  }]);
+
+  return TRPCClient;
+}();
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+function createTRPCClient(opts) {
+  return new TRPCClient(opts);
+}
+
 export { TRPCClientError, createTRPCClient, createWSClient, dedupeLink, getFetch, httpBatchLink, httpLink, loggerLink, retryLink, splitLink, transformerLink, wsLink };