relay-runtime 8.0.0 → 10.0.1

package/lib/store/RelayModernEnvironment.js

@@ -11,6 +11,14 @@
 // flowlint ambiguous-object-type:error
 'use strict';
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var RelayDefaultHandlerProvider = require('../handlers/RelayDefaultHandlerProvider');
 
 var RelayFeatureFlags = require('../util/RelayFeatureFlags');
@@ -29,20 +37,17 @@ var defaultGetDataID = require('./defaultGetDataID');
 
 var generateID = require('../util/generateID');
 
-var getRelayDefaultMissingFieldHandlers = require('../handlers/getRelayDefaultMissingFieldHandlers');
-
 var invariant = require("fbjs/lib/invariant");
 
-var RelayModernEnvironment =
-/*#__PURE__*/
-function () {
+var RelayModernEnvironment = /*#__PURE__*/function () {
   function RelayModernEnvironment(config) {
     var _this = this;
 
-    var _config$log, _config$UNSTABLE_defa, _config$UNSTABLE_DO_N, _config$scheduler, _config$missingFieldH, _config$operationTrac;
+    var _config$log, _config$UNSTABLE_defa, _config$UNSTABLE_DO_N, _config$scheduler, _config$isServer, _config$operationTrac;
 
     this.configName = config.configName;
     var handlerProvider = config.handlerProvider ? config.handlerProvider : RelayDefaultHandlerProvider;
+    this._treatMissingFieldsAsNull = config.treatMissingFieldsAsNull === true;
     var operationLoader = config.operationLoader;
 
     if (process.env.NODE_ENV !== "production") {
@@ -54,12 +59,14 @@ function () {
     this.__log = (_config$log = config.log) !== null && _config$log !== void 0 ? _config$log : emptyFunction;
     this._defaultRenderPolicy = ((_config$UNSTABLE_defa = config.UNSTABLE_defaultRenderPolicy) !== null && _config$UNSTABLE_defa !== void 0 ? _config$UNSTABLE_defa : RelayFeatureFlags.ENABLE_PARTIAL_RENDERING_DEFAULT === true) ? 'partial' : 'full';
     this._operationLoader = operationLoader;
+    this._operationExecutions = new Map();
     this._network = config.network;
     this._getDataID = (_config$UNSTABLE_DO_N = config.UNSTABLE_DO_NOT_USE_getDataID) !== null && _config$UNSTABLE_DO_N !== void 0 ? _config$UNSTABLE_DO_N : defaultGetDataID;
     this._publishQueue = new RelayPublishQueue(config.store, handlerProvider, this._getDataID);
     this._scheduler = (_config$scheduler = config.scheduler) !== null && _config$scheduler !== void 0 ? _config$scheduler : null;
     this._store = config.store;
     this.options = config.options;
+    this._isServer = (_config$isServer = config.isServer) !== null && _config$isServer !== void 0 ? _config$isServer : false;
 
     this.__setNet = function (newNet) {
       return _this._network = newNet;
@@ -84,7 +91,7 @@ function () {
       devToolsHook.registerEnvironment(this);
     }
 
-    this._missingFieldHandlers = (_config$missingFieldH = config.missingFieldHandlers) !== null && _config$missingFieldH !== void 0 ? _config$missingFieldH : getRelayDefaultMissingFieldHandlers();
+    this._missingFieldHandlers = config.missingFieldHandlers;
     this._operationTracker = (_config$operationTrac = config.operationTracker) !== null && _config$operationTrac !== void 0 ? _config$operationTrac : new RelayOperationTracker();
   }
 
@@ -102,6 +109,12 @@ function () {
     return this._operationTracker;
   };
 
+  _proto.isRequestActive = function isRequestActive(requestIdentifier) {
+    var activeState = this._operationExecutions.get(requestIdentifier);
+
+    return activeState === 'active';
+  };
+
   _proto.UNSTABLE_getDefaultRenderPolicy = function UNSTABLE_getDefaultRenderPolicy() {
     return this._defaultRenderPolicy;
   };
@@ -110,14 +123,18 @@ function () {
     var _this2 = this;
 
     var dispose = function dispose() {
-      _this2._publishQueue.revertUpdate(optimisticUpdate);
+      _this2._scheduleUpdates(function () {
+        _this2._publishQueue.revertUpdate(optimisticUpdate);
 
-      _this2._publishQueue.run();
+        _this2._publishQueue.run();
+      });
     };
 
-    this._publishQueue.applyUpdate(optimisticUpdate);
+    this._scheduleUpdates(function () {
+      _this2._publishQueue.applyUpdate(optimisticUpdate);
 
-    this._publishQueue.run();
+      _this2._publishQueue.run();
+    });
 
     return {
       dispose: dispose
@@ -125,36 +142,46 @@ function () {
   };
 
   _proto.revertUpdate = function revertUpdate(update) {
-    this._publishQueue.revertUpdate(update);
+    var _this3 = this;
+
+    this._scheduleUpdates(function () {
+      _this3._publishQueue.revertUpdate(update);
 
-    this._publishQueue.run();
+      _this3._publishQueue.run();
+    });
   };
 
   _proto.replaceUpdate = function replaceUpdate(update, newUpdate) {
-    this._publishQueue.revertUpdate(update);
+    var _this4 = this;
+
+    this._scheduleUpdates(function () {
+      _this4._publishQueue.revertUpdate(update);
 
-    this._publishQueue.applyUpdate(newUpdate);
+      _this4._publishQueue.applyUpdate(newUpdate);
 
-    this._publishQueue.run();
+      _this4._publishQueue.run();
+    });
   };
 
   _proto.applyMutation = function applyMutation(optimisticConfig) {
-    var _this3 = this;
+    var _this5 = this;
 
     var subscription = RelayObservable.create(function (sink) {
       var source = RelayObservable.create(function (_sink) {});
       var executor = RelayModernQueryExecutor.execute({
         operation: optimisticConfig.operation,
-        operationLoader: _this3._operationLoader,
+        operationExecutions: _this5._operationExecutions,
+        operationLoader: _this5._operationLoader,
         optimisticConfig: optimisticConfig,
-        publishQueue: _this3._publishQueue,
-        scheduler: _this3._scheduler,
+        publishQueue: _this5._publishQueue,
+        scheduler: _this5._scheduler,
         sink: sink,
         source: source,
-        store: _this3._store,
+        store: _this5._store,
         updater: null,
-        operationTracker: _this3._operationTracker,
-        getDataID: _this3._getDataID
+        operationTracker: _this5._operationTracker,
+        getDataID: _this5._getDataID,
+        treatMissingFieldsAsNull: _this5._treatMissingFieldsAsNull
       });
       return function () {
         return executor.cancel();
@@ -176,28 +203,26 @@ function () {
   };
 
   _proto.commitPayload = function commitPayload(operation, payload) {
-    var _this4 = this;
+    var _this6 = this;
 
     RelayObservable.create(function (sink) {
       var executor = RelayModernQueryExecutor.execute({
         operation: operation,
-        operationLoader: _this4._operationLoader,
+        operationExecutions: _this6._operationExecutions,
+        operationLoader: _this6._operationLoader,
         optimisticConfig: null,
-        publishQueue: _this4._publishQueue,
-        scheduler: null,
-        // make sure the first payload is sync
+        publishQueue: _this6._publishQueue,
+        scheduler: _this6._scheduler,
         sink: sink,
         source: RelayObservable.from({
-          data: payload,
-          extensions: {
-            is_final: true
-          }
+          data: payload
         }),
-        store: _this4._store,
+        store: _this6._store,
         updater: null,
-        operationTracker: _this4._operationTracker,
-        getDataID: _this4._getDataID,
-        isClientPayload: true
+        operationTracker: _this6._operationTracker,
+        getDataID: _this6._getDataID,
+        isClientPayload: true,
+        treatMissingFieldsAsNull: _this6._treatMissingFieldsAsNull
       });
       return function () {
         return executor.cancel();
@@ -206,9 +231,13 @@ function () {
   };
 
   _proto.commitUpdate = function commitUpdate(updater) {
-    this._publishQueue.commitUpdate(updater);
+    var _this7 = this;
 
-    this._publishQueue.run();
+    this._scheduleUpdates(function () {
+      _this7._publishQueue.commitUpdate(updater);
+
+      _this7._publishQueue.run();
+    });
   };
 
   _proto.lookup = function lookup(readSelector) {
@@ -223,7 +252,13 @@ function () {
     return this._store.retain(operation);
   };
 
+  _proto.isServer = function isServer() {
+    return this._isServer;
+  };
+
   _proto._checkSelectorAndHandleMissingFields = function _checkSelectorAndHandleMissingFields(operation, handlers) {
+    var _this8 = this;
+
     var target = RelayRecordSource.create();
 
     var result = this._store.check(operation, {
@@ -232,12 +267,24 @@ function () {
     });
 
     if (target.size() > 0) {
-      this._publishQueue.commitSource(target);
+      this._scheduleUpdates(function () {
+        _this8._publishQueue.commitSource(target);
 
-      this._publishQueue.run();
+        _this8._publishQueue.run();
+      });
     }
 
     return result;
+  };
+
+  _proto._scheduleUpdates = function _scheduleUpdates(task) {
+    var scheduler = this._scheduler;
+
+    if (scheduler != null) {
+      scheduler.schedule(task);
+    } else {
+      task();
+    }
   }
   /**
    * Returns an Observable of GraphQLResponse resulting from executing the
@@ -250,7 +297,7 @@ function () {
   ;
 
   _proto.execute = function execute(_ref) {
-    var _this5 = this;
+    var _this9 = this;
 
     var operation = _ref.operation,
         cacheConfig = _ref.cacheConfig,
@@ -261,25 +308,27 @@ function () {
         logRequestInfo = _this$__createLogObse[1];
 
     return RelayObservable.create(function (sink) {
-      var source = _this5._network.execute(operation.request.node.params, operation.request.variables, cacheConfig || {}, null, logRequestInfo);
+      var source = _this9._network.execute(operation.request.node.params, operation.request.variables, cacheConfig || {}, null, logRequestInfo)["do"](logObserver);
 
       var executor = RelayModernQueryExecutor.execute({
         operation: operation,
-        operationLoader: _this5._operationLoader,
+        operationExecutions: _this9._operationExecutions,
+        operationLoader: _this9._operationLoader,
         optimisticConfig: null,
-        publishQueue: _this5._publishQueue,
-        scheduler: _this5._scheduler,
+        publishQueue: _this9._publishQueue,
+        scheduler: _this9._scheduler,
         sink: sink,
         source: source,
-        store: _this5._store,
+        store: _this9._store,
         updater: updater,
-        operationTracker: _this5._operationTracker,
-        getDataID: _this5._getDataID
+        operationTracker: _this9._operationTracker,
+        getDataID: _this9._getDataID,
+        treatMissingFieldsAsNull: _this9._treatMissingFieldsAsNull
       });
       return function () {
         return executor.cancel();
       };
-    })["do"](logObserver);
+    });
   }
   /**
    * Returns an Observable of GraphQLResponse resulting from executing the
@@ -294,9 +343,10 @@ function () {
   ;
 
   _proto.executeMutation = function executeMutation(_ref2) {
-    var _this6 = this;
+    var _this10 = this;
 
-    var operation = _ref2.operation,
+    var cacheConfig = _ref2.cacheConfig,
+        operation = _ref2.operation,
         optimisticResponse = _ref2.optimisticResponse,
         optimisticUpdater = _ref2.optimisticUpdater,
         updater = _ref2.updater,
@@ -317,27 +367,29 @@ function () {
         };
       }
 
-      var source = _this6._network.execute(operation.request.node.params, operation.request.variables, {
+      var source = _this10._network.execute(operation.request.node.params, operation.request.variables, _objectSpread({}, cacheConfig, {
         force: true
-      }, uploadables, logRequestInfo);
+      }), uploadables, logRequestInfo)["do"](logObserver);
 
       var executor = RelayModernQueryExecutor.execute({
         operation: operation,
-        operationLoader: _this6._operationLoader,
+        operationExecutions: _this10._operationExecutions,
+        operationLoader: _this10._operationLoader,
         optimisticConfig: optimisticConfig,
-        publishQueue: _this6._publishQueue,
-        scheduler: _this6._scheduler,
+        publishQueue: _this10._publishQueue,
+        scheduler: _this10._scheduler,
         sink: sink,
         source: source,
-        store: _this6._store,
+        store: _this10._store,
         updater: updater,
-        operationTracker: _this6._operationTracker,
-        getDataID: _this6._getDataID
+        operationTracker: _this10._operationTracker,
+        getDataID: _this10._getDataID,
+        treatMissingFieldsAsNull: _this10._treatMissingFieldsAsNull
       });
       return function () {
         return executor.cancel();
       };
-    })["do"](logObserver);
+    });
   }
   /**
    * Returns an Observable of GraphQLResponse resulting from executing the
@@ -351,22 +403,24 @@ function () {
   ;
 
   _proto.executeWithSource = function executeWithSource(_ref3) {
-    var _this7 = this;
+    var _this11 = this;
 
     var operation = _ref3.operation,
         source = _ref3.source;
     return RelayObservable.create(function (sink) {
       var executor = RelayModernQueryExecutor.execute({
         operation: operation,
-        operationLoader: _this7._operationLoader,
-        operationTracker: _this7._operationTracker,
+        operationExecutions: _this11._operationExecutions,
+        operationLoader: _this11._operationLoader,
+        operationTracker: _this11._operationTracker,
         optimisticConfig: null,
-        publishQueue: _this7._publishQueue,
-        scheduler: _this7._scheduler,
+        publishQueue: _this11._publishQueue,
+        scheduler: _this11._scheduler,
         sink: sink,
         source: source,
-        store: _this7._store,
-        getDataID: _this7._getDataID
+        store: _this11._store,
+        getDataID: _this11._getDataID,
+        treatMissingFieldsAsNull: _this11._treatMissingFieldsAsNull
       });
       return function () {
         return executor.cancel();

package/lib/store/RelayModernFragmentSpecResolver.js

@@ -12,10 +12,12 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var RelayFeatureFlags = require('../util/RelayFeatureFlags');
 
 var areEqual = require("fbjs/lib/areEqual");
@@ -27,7 +29,7 @@ var isScalarAndEqual = require('../util/isScalarAndEqual');
 var warning = require("fbjs/lib/warning");
 
 var _require = require('../query/fetchQueryInternal'),
-    getPromiseForRequestInFlight = _require.getPromiseForRequestInFlight;
+    getPromiseForActiveRequest = _require.getPromiseForActiveRequest;
 
 var _require2 = require('./RelayModernOperationDescriptor'),
     createRequestDescriptor = _require2.createRequestDescriptor;
@@ -56,9 +58,7 @@ var _require3 = require('./RelayModernSelector'),
  * the resolver as stale and notify the caller, and the actual results are
  * recomputed the first time `resolve()` is called.
  */
-var RelayModernFragmentSpecResolver =
-/*#__PURE__*/
-function () {
+var RelayModernFragmentSpecResolver = /*#__PURE__*/function () {
   function RelayModernFragmentSpecResolver(context, fragments, props, callback) {
     var _this = this;
 
@@ -105,7 +105,7 @@ function () {
             var nextItem = resolver.resolve();
 
             if (nextData || nextItem !== prevItem) {
-              nextData = nextData || (0, _objectSpread2["default"])({}, prevData);
+              nextData = nextData || _objectSpread({}, prevData);
               nextData[_key2] = nextItem;
             }
           } else {
@@ -114,7 +114,7 @@ function () {
             var _nextItem = prop !== undefined ? prop : null;
 
             if (nextData || !isScalarAndEqual(_nextItem, prevItem)) {
-              nextData = nextData || (0, _objectSpread2["default"])({}, prevData);
+              nextData = nextData || _objectSpread({}, prevData);
               nextData[_key2] = _nextItem;
             }
           }
@@ -192,9 +192,7 @@ function () {
  */
 
 
-var SelectorResolver =
-/*#__PURE__*/
-function () {
+var SelectorResolver = /*#__PURE__*/function () {
   function SelectorResolver(environment, selector, callback) {
     var _this2 = this;
 
@@ -227,7 +225,7 @@ function () {
 
   _proto2.resolve = function resolve() {
     if (RelayFeatureFlags.ENABLE_RELAY_CONTAINERS_SUSPENSE === true && this._isMissingData === true) {
-      var _getPromiseForRequest;
+      var _getPromiseForActiveR;
 
       // NOTE: This branch exists to handle the case in which:
       // - A RelayModern container is rendered as a descendant of a Relay Hook
@@ -250,7 +248,7 @@ function () {
       // This should eventually go away with something like @optional, where we only
       // suspend at specific boundaries depending on whether the boundary
       // can be fulfilled or not.
-      var promise = (_getPromiseForRequest = getPromiseForRequestInFlight(this._environment, this._selector.owner)) !== null && _getPromiseForRequest !== void 0 ? _getPromiseForRequest : this._environment.getOperationTracker().getPromiseForPendingOperationsAffectingOwner(this._selector.owner);
+      var promise = (_getPromiseForActiveR = getPromiseForActiveRequest(this._environment, this._selector.owner)) !== null && _getPromiseForActiveR !== void 0 ? _getPromiseForActiveR : this._environment.getOperationTracker().getPromiseForPendingOperationsAffectingOwner(this._selector.owner);
 
       if (promise != null) {
         process.env.NODE_ENV !== "production" ? warning(false, 'Relay: Relay Container for fragment `%s` suspended. When using ' + 'features such as @defer or @module, use `useFragment` instead ' + 'of a Relay Container.', this._selector.node.name) : void 0;
@@ -307,9 +305,7 @@ function () {
  */
 
 
-var SelectorListResolver =
-/*#__PURE__*/
-function () {
+var SelectorListResolver = /*#__PURE__*/function () {
   function SelectorListResolver(environment, selector, callback) {
     var _this3 = this;