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

package/links/httpBatchLink/dist/trpc-client-links-httpBatchLink.esm.js

@@ -0,0 +1,210 @@
+import _createForOfIteratorHelper from '@babel/runtime/helpers/esm/createForOfIteratorHelper';
+import { T as TRPCAbortError, t as transformRPCResponse, h as httpRequest } from '../../../dist/transformRPCResponse-f7f8b0e1.esm.js';
+import { T as TRPCClientError } from '../../../dist/TRPCClientError-09b8a26b.esm.js';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/assertThisInitialized';
+import '@babel/runtime/helpers/inherits';
+import '@babel/runtime/helpers/createSuper';
+import '@babel/runtime/helpers/wrapNativeSuper';
+import '@babel/runtime/helpers/objectSpread2';
+
+/**
+ * Dataloader that's very inspired by https://github.com/graphql/dataloader
+ * 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, opts) {
+  var batch = null;
+  var dispatchTimer = null;
+
+  var destroyTimerAndBatch = function destroyTimerAndBatch() {
+    clearTimeout(dispatchTimer);
+    dispatchTimer = null;
+    batch = null;
+  };
+
+  function dispatch() {
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    var batchCopy = batch;
+    destroyTimerAndBatch();
+
+    var _fetchMany = fetchMany(batchCopy.items.map(function (v) {
+      return v.key;
+    })),
+        promise = _fetchMany.promise,
+        cancel = _fetchMany.cancel;
+
+    batchCopy.cancel = cancel;
+    promise.then(function (result) {
+      for (var i = 0; i < result.length; i++) {
+        var _value = result[i];
+        batchCopy.items[i].resolve(_value);
+      }
+    }).catch(function (cause) {
+      var _iterator = _createForOfIteratorHelper(batchCopy.items),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var item = _step.value;
+          item.reject(cause);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+  }
+
+  function load(key) {
+    var batchItem = {
+      cancelled: false,
+      key: key
+    };
+
+    if (!batch) {
+      batch = {
+        items: [],
+        cancel: function cancel() {
+          destroyTimerAndBatch();
+        }
+      };
+    }
+
+    var thisBatch = batch;
+    var promise = new Promise(function (resolve, reject) {
+      var item = batchItem;
+      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) {
+      dispatchTimer = setTimeout(dispatch);
+    }
+
+    var cancel = function cancel() {
+      batchItem.cancelled = true;
+
+      if (thisBatch.items.some(function (item) {
+        return !item.cancelled;
+      })) {
+        // there are still things that can be resolved
+        return;
+      }
+
+      thisBatch.cancel();
+    };
+
+    return {
+      promise: promise,
+      cancel: cancel
+    };
+  }
+
+  return {
+    load: load
+  };
+}
+
+function httpBatchLink(opts) {
+  var url = opts.url,
+      maxBatchSize = opts.maxBatchSize; // initialized config
+
+  return function (runtime) {
+    // initialized in app
+    var fetcher = function fetcher(type) {
+      return function (keyInputPairs) {
+        var path = keyInputPairs.map(function (op) {
+          return op.path;
+        }).join(',');
+        var inputs = keyInputPairs.map(function (op) {
+          return op.input;
+        });
+
+        var _httpRequest = httpRequest({
+          url: url,
+          inputs: inputs,
+          path: path,
+          runtime: runtime,
+          type: type
+        }),
+            promise = _httpRequest.promise,
+            cancel = _httpRequest.cancel;
+
+        return {
+          promise: promise.then(function (res) {
+            if (!Array.isArray(res)) {
+              return keyInputPairs.map(function () {
+                return res;
+              });
+            }
+
+            return res;
+          }),
+          cancel: cancel
+        };
+      };
+    };
+
+    var query = dataLoader(fetcher('query'), {
+      maxBatchSize: maxBatchSize
+    });
+    var mutation = dataLoader(fetcher('mutation'), {
+      maxBatchSize: maxBatchSize
+    });
+    var subscription = dataLoader(fetcher('subscription'), {
+      maxBatchSize: maxBatchSize
+    });
+    var loaders = {
+      query: query,
+      subscription: subscription,
+      mutation: mutation
+    };
+    return function (_ref) {
+      var op = _ref.op,
+          prev = _ref.prev,
+          onDestroy = _ref.onDestroy;
+      var loader = loaders[op.type];
+
+      var _loader$load = loader.load(op),
+          promise = _loader$load.promise,
+          cancel = _loader$load.cancel;
+
+      var isDone = false;
+
+      var prevOnce = function prevOnce(result) {
+        if (isDone) {
+          return;
+        }
+
+        isDone = true;
+        prev(result);
+      };
+
+      onDestroy(function () {
+        prevOnce(TRPCClientError.from(new TRPCAbortError(), {
+          isDone: true
+        }));
+        cancel();
+      });
+      promise.then(function (envelope) {
+        prevOnce(transformRPCResponse({
+          envelope: envelope,
+          runtime: runtime
+        }));
+      }).catch(function (cause) {
+        prevOnce(TRPCClientError.from(cause));
+      });
+    };
+  };
+}
+
+export { httpBatchLink };

package/links/httpLink/dist/trpc-client-links-httpLink.cjs.d.ts

@@ -1,11 +1 @@
-// are you seeing an error that a default export doesn't exist but your source file has a default export?
-// you should run `yarn` or `yarn preconstruct dev` if preconstruct dev isn't in your postinstall hook
-
-// curious why you need to?
-// this file exists so that you can import from the entrypoint normally
-// except that it points to your source file and you don't need to run build constantly
-// which means we need to re-export all of the modules from your source file
-// and since export * doesn't include default exports, we need to read your source file
-// to check for a default export and re-export it if it exists
-// it's not ideal, but it works pretty well ¯\_(ツ)_/¯
-export * from "../../../src/links/httpLink";
+export * from "../../../dist/declarations/src/links/httpLink";

package/links/httpLink/dist/trpc-client-links-httpLink.cjs.dev.js

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TRPCClientError = require('../../../dist/TRPCClientError-bfee2bf5.cjs.dev.js');
+var transformRPCResponse = require('../../../dist/transformRPCResponse-57e80136.cjs.dev.js');
+require('@babel/runtime/helpers/objectSpread2');
+require('@babel/runtime/helpers/classCallCheck');
+require('@babel/runtime/helpers/createClass');
+require('@babel/runtime/helpers/assertThisInitialized');
+require('@babel/runtime/helpers/inherits');
+require('@babel/runtime/helpers/createSuper');
+require('@babel/runtime/helpers/wrapNativeSuper');
+
+function httpLink(opts) {
+  var url = opts.url; // initialized config
+
+  return function (runtime) {
+    // initialized in app
+    return function (_ref) {
+      var op = _ref.op,
+          prev = _ref.prev,
+          onDestroy = _ref.onDestroy;
+      var path = op.path,
+          input = op.input,
+          type = op.type;
+
+      var _httpRequest = transformRPCResponse.httpRequest({
+        runtime: runtime,
+        type: type,
+        input: input,
+        url: url,
+        path: path
+      }),
+          promise = _httpRequest.promise,
+          cancel = _httpRequest.cancel;
+
+      var isDone = false;
+
+      var prevOnce = function prevOnce(result) {
+        if (isDone) {
+          return;
+        }
+
+        isDone = true;
+        prev(result);
+      };
+
+      onDestroy(function () {
+        prevOnce(TRPCClientError.TRPCClientError.from(new transformRPCResponse.TRPCAbortError(), {
+          isDone: true
+        }));
+        cancel();
+      });
+      promise.then(function (envelope) {
+        prevOnce(transformRPCResponse.transformRPCResponse({
+          envelope: envelope,
+          runtime: runtime
+        }));
+      }).catch(function (cause) {
+        prevOnce(TRPCClientError.TRPCClientError.from(cause));
+      });
+    };
+  };
+}
+
+exports.httpLink = httpLink;

package/links/httpLink/dist/trpc-client-links-httpLink.cjs.js

@@ -1,16 +1,7 @@
-"use strict";
-// this file might look strange and you might be wondering what it's for
-// it's lets you import your source files by importing this entrypoint
-// as you would import it if it was built with preconstruct build
-// this file is slightly different to some others though
-// it has a require hook which compiles your code with Babel
-// this means that you don't have to set up @babel/register or anything like that
-// but you can still require this module and it'll be compiled
+'use strict';
 
-// this bit of code imports the require hook and registers it
-let unregister = require("../../../../../node_modules/@preconstruct/hook").___internalHook(typeof __dirname === 'undefined' ? undefined : __dirname, "../../../../..", "../../..");
-
-// this re-exports the source file
-module.exports = require("../../../src/links/httpLink.ts");
-
-unregister();
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./trpc-client-links-httpLink.cjs.prod.js");
+} else {
+  module.exports = require("./trpc-client-links-httpLink.cjs.dev.js");
+}

package/links/httpLink/dist/trpc-client-links-httpLink.cjs.prod.js

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TRPCClientError = require('../../../dist/TRPCClientError-e9bf96e9.cjs.prod.js');
+var transformRPCResponse = require('../../../dist/transformRPCResponse-739c13d0.cjs.prod.js');
+require('@babel/runtime/helpers/objectSpread2');
+require('@babel/runtime/helpers/classCallCheck');
+require('@babel/runtime/helpers/createClass');
+require('@babel/runtime/helpers/assertThisInitialized');
+require('@babel/runtime/helpers/inherits');
+require('@babel/runtime/helpers/createSuper');
+require('@babel/runtime/helpers/wrapNativeSuper');
+
+function httpLink(opts) {
+  var url = opts.url; // initialized config
+
+  return function (runtime) {
+    // initialized in app
+    return function (_ref) {
+      var op = _ref.op,
+          prev = _ref.prev,
+          onDestroy = _ref.onDestroy;
+      var path = op.path,
+          input = op.input,
+          type = op.type;
+
+      var _httpRequest = transformRPCResponse.httpRequest({
+        runtime: runtime,
+        type: type,
+        input: input,
+        url: url,
+        path: path
+      }),
+          promise = _httpRequest.promise,
+          cancel = _httpRequest.cancel;
+
+      var isDone = false;
+
+      var prevOnce = function prevOnce(result) {
+        if (isDone) {
+          return;
+        }
+
+        isDone = true;
+        prev(result);
+      };
+
+      onDestroy(function () {
+        prevOnce(TRPCClientError.TRPCClientError.from(new transformRPCResponse.TRPCAbortError(), {
+          isDone: true
+        }));
+        cancel();
+      });
+      promise.then(function (envelope) {
+        prevOnce(transformRPCResponse.transformRPCResponse({
+          envelope: envelope,
+          runtime: runtime
+        }));
+      }).catch(function (cause) {
+        prevOnce(TRPCClientError.TRPCClientError.from(cause));
+      });
+    };
+  };
+}
+
+exports.httpLink = httpLink;

package/links/httpLink/dist/trpc-client-links-httpLink.esm.js

@@ -0,0 +1,63 @@
+import { T as TRPCClientError } from '../../../dist/TRPCClientError-09b8a26b.esm.js';
+import { h as httpRequest, T as TRPCAbortError, t as transformRPCResponse } from '../../../dist/transformRPCResponse-f7f8b0e1.esm.js';
+import '@babel/runtime/helpers/objectSpread2';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/assertThisInitialized';
+import '@babel/runtime/helpers/inherits';
+import '@babel/runtime/helpers/createSuper';
+import '@babel/runtime/helpers/wrapNativeSuper';
+
+function httpLink(opts) {
+  var url = opts.url; // initialized config
+
+  return function (runtime) {
+    // initialized in app
+    return function (_ref) {
+      var op = _ref.op,
+          prev = _ref.prev,
+          onDestroy = _ref.onDestroy;
+      var path = op.path,
+          input = op.input,
+          type = op.type;
+
+      var _httpRequest = httpRequest({
+        runtime: runtime,
+        type: type,
+        input: input,
+        url: url,
+        path: path
+      }),
+          promise = _httpRequest.promise,
+          cancel = _httpRequest.cancel;
+
+      var isDone = false;
+
+      var prevOnce = function prevOnce(result) {
+        if (isDone) {
+          return;
+        }
+
+        isDone = true;
+        prev(result);
+      };
+
+      onDestroy(function () {
+        prevOnce(TRPCClientError.from(new TRPCAbortError(), {
+          isDone: true
+        }));
+        cancel();
+      });
+      promise.then(function (envelope) {
+        prevOnce(transformRPCResponse({
+          envelope: envelope,
+          runtime: runtime
+        }));
+      }).catch(function (cause) {
+        prevOnce(TRPCClientError.from(cause));
+      });
+    };
+  };
+}
+
+export { httpLink };

package/links/loggerLink/dist/trpc-client-links-loggerLink.cjs.d.ts

@@ -1,11 +1 @@
-// are you seeing an error that a default export doesn't exist but your source file has a default export?
-// you should run `yarn` or `yarn preconstruct dev` if preconstruct dev isn't in your postinstall hook
-
-// curious why you need to?
-// this file exists so that you can import from the entrypoint normally
-// except that it points to your source file and you don't need to run build constantly
-// which means we need to re-export all of the modules from your source file
-// and since export * doesn't include default exports, we need to read your source file
-// to check for a default export and re-export it if it exists
-// it's not ideal, but it works pretty well ¯\_(ツ)_/¯
-export * from "../../../src/links/loggerLink";
+export * from "../../../dist/declarations/src/links/loggerLink";

package/links/loggerLink/dist/trpc-client-links-loggerLink.cjs.dev.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+
+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' : '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,
+          prev = _ref.prev;
+      // ->
+      enabled(_objectSpread(_objectSpread({}, op), {}, {
+        direction: 'up'
+      })) && logger(_objectSpread(_objectSpread({}, op), {}, {
+        direction: 'up'
+      }));
+      var requestStartTime = Date.now();
+      next(op, function (result) {
+        var elapsedMs = Date.now() - requestStartTime;
+        enabled(_objectSpread(_objectSpread({}, op), {}, {
+          direction: 'down',
+          result: result
+        })) && logger(_objectSpread(_objectSpread({}, op), {}, {
+          direction: 'down',
+          elapsedMs: elapsedMs,
+          result: result
+        })); // <-
+
+        prev(result);
+      });
+    };
+  };
+}
+
+exports.loggerLink = loggerLink;

package/links/loggerLink/dist/trpc-client-links-loggerLink.cjs.js

@@ -1,16 +1,7 @@
-"use strict";
-// this file might look strange and you might be wondering what it's for
-// it's lets you import your source files by importing this entrypoint
-// as you would import it if it was built with preconstruct build
-// this file is slightly different to some others though
-// it has a require hook which compiles your code with Babel
-// this means that you don't have to set up @babel/register or anything like that
-// but you can still require this module and it'll be compiled
+'use strict';
 
-// this bit of code imports the require hook and registers it
-let unregister = require("../../../../../node_modules/@preconstruct/hook").___internalHook(typeof __dirname === 'undefined' ? undefined : __dirname, "../../../../..", "../../..");
-
-// this re-exports the source file
-module.exports = require("../../../src/links/loggerLink.ts");
-
-unregister();
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./trpc-client-links-loggerLink.cjs.prod.js");
+} else {
+  module.exports = require("./trpc-client-links-loggerLink.cjs.dev.js");
+}

package/links/loggerLink/dist/trpc-client-links-loggerLink.cjs.prod.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+
+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' : '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,
+          prev = _ref.prev;
+      // ->
+      enabled(_objectSpread(_objectSpread({}, op), {}, {
+        direction: 'up'
+      })) && logger(_objectSpread(_objectSpread({}, op), {}, {
+        direction: 'up'
+      }));
+      var requestStartTime = Date.now();
+      next(op, function (result) {
+        var elapsedMs = Date.now() - requestStartTime;
+        enabled(_objectSpread(_objectSpread({}, op), {}, {
+          direction: 'down',
+          result: result
+        })) && logger(_objectSpread(_objectSpread({}, op), {}, {
+          direction: 'down',
+          elapsedMs: elapsedMs,
+          result: result
+        })); // <-
+
+        prev(result);
+      });
+    };
+  };
+}
+
+exports.loggerLink = loggerLink;