relay-runtime 10.0.1 → 10.1.0

package/lib/query/GraphQLTag.js

@@ -21,7 +21,7 @@ var warning = require("fbjs/lib/warning");
  * All calls to this function should be transformed by the plugin.
  */
 function graphql(strings) {
-  !false ? process.env.NODE_ENV !== "production" ? invariant(false, 'graphql: Unexpected invocation at runtime. Either the Babel transform ' + 'was not set up, or it failed to identify this call site. Make sure it ' + 'is being used verbatim as `graphql`.') : invariant(false) : void 0;
+  !false ? process.env.NODE_ENV !== "production" ? invariant(false, 'graphql: Unexpected invocation at runtime. Either the Babel transform ' + 'was not set up, or it failed to identify this call site. Make sure it ' + 'is being used verbatim as `graphql`. Note also that there cannot be ' + 'a space between graphql and the backtick that follows.') : invariant(false) : void 0;
 }
 
 function getNode(taggedNode) {
@@ -100,6 +100,7 @@ function getInlineDataFragment(taggedNode) {
 
 module.exports = {
   getFragment: getFragment,
+  getNode: getNode,
   getPaginationFragment: getPaginationFragment,
   getRefetchableFragment: getRefetchableFragment,
   getRequest: getRequest,

package/lib/query/fetchQuery.js

@@ -28,10 +28,9 @@ function fetchQuery(environment, taggedNode, variables, cacheConfig) {
     throw new Error('fetchQuery: Expected query operation');
   }
 
-  var operation = createOperationDescriptor(query, variables);
+  var operation = createOperationDescriptor(query, variables, cacheConfig);
   return environment.execute({
-    operation: operation,
-    cacheConfig: cacheConfig
+    operation: operation
   }).map(function () {
     return environment.lookup(operation.fragment).data;
   }).toPromise();

package/lib/query/fetchQueryInternal.js

@@ -82,11 +82,10 @@ var requestCachesByEnvironment = WEAKMAP_SUPPORTED ? new WeakMap() : new Map();
  * ```
  */
 
-function fetchQuery(environment, operation, options) {
+function fetchQuery(environment, operation) {
   return fetchQueryDeduped(environment, operation.request.identifier, function () {
     return environment.execute({
-      operation: operation,
-      cacheConfig: options === null || options === void 0 ? void 0 : options.networkCacheConfig
+      operation: operation
     });
   });
 }

package/lib/store/DataChecker.js

@@ -11,9 +11,9 @@
 // flowlint ambiguous-object-type:error
 'use strict';
 
-function _createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { 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 it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, 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 _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { 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 = o[Symbol.iterator](); }, 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(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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); }
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
@@ -27,12 +27,16 @@ var RelayRecordSourceMutator = require('../mutations/RelayRecordSourceMutator');
 
 var RelayRecordSourceProxy = require('../mutations/RelayRecordSourceProxy');
 
+var RelayStoreReactFlightUtils = require('./RelayStoreReactFlightUtils');
+
 var RelayStoreUtils = require('./RelayStoreUtils');
 
 var cloneRelayHandleSourceField = require('./cloneRelayHandleSourceField');
 
 var cloneRelayScalarHandleSourceField = require('./cloneRelayScalarHandleSourceField');
 
+var getOperation = require('../util/getOperation');
+
 var invariant = require("fbjs/lib/invariant");
 
 var _require = require('./ClientID'),
@@ -48,6 +52,7 @@ var _require3 = require('./TypeID'),
 var CONDITION = RelayConcreteNode.CONDITION,
     CLIENT_EXTENSION = RelayConcreteNode.CLIENT_EXTENSION,
     DEFER = RelayConcreteNode.DEFER,
+    FLIGHT_FIELD = RelayConcreteNode.FLIGHT_FIELD,
     FRAGMENT_SPREAD = RelayConcreteNode.FRAGMENT_SPREAD,
     INLINE_FRAGMENT = RelayConcreteNode.INLINE_FRAGMENT,
     LINKED_FIELD = RelayConcreteNode.LINKED_FIELD,
@@ -57,7 +62,8 @@ var CONDITION = RelayConcreteNode.CONDITION,
     SCALAR_HANDLE = RelayConcreteNode.SCALAR_HANDLE,
     STREAM = RelayConcreteNode.STREAM,
     TYPE_DISCRIMINATOR = RelayConcreteNode.TYPE_DISCRIMINATOR;
-var getModuleOperationKey = RelayStoreUtils.getModuleOperationKey,
+var ROOT_ID = RelayStoreUtils.ROOT_ID,
+    getModuleOperationKey = RelayStoreUtils.getModuleOperationKey,
     getStorageKey = RelayStoreUtils.getStorageKey,
     getArgumentValues = RelayStoreUtils.getArgumentValues;
 /**
@@ -358,6 +364,7 @@ var DataChecker = /*#__PURE__*/function () {
           _this2._traverseSelections(selection.selections, dataID);
 
           break;
+        // $FlowFixMe[incompatible-type]
 
         case FRAGMENT_SPREAD:
           !false ? process.env.NODE_ENV !== "production" ? invariant(false, 'RelayAsyncLoader(): Unexpected ast kind `%s`.', selection.kind) : invariant(false) : void 0; // $FlowExpectedError[unreachable-code] - we need the break; for OSS linter
@@ -394,6 +401,15 @@ var DataChecker = /*#__PURE__*/function () {
 
           break;
 
+        case FLIGHT_FIELD:
+          if (RelayFeatureFlags.ENABLE_REACT_FLIGHT_COMPONENT_FIELD) {
+            _this2._checkFlightField(selection, dataID);
+          } else {
+            throw new Error('Flight fields are not yet supported.');
+          }
+
+          break;
+
         default:
           selection;
           !false ? process.env.NODE_ENV !== "production" ? invariant(false, 'RelayAsyncLoader(): Unexpected ast kind `%s`.', selection.kind) : invariant(false) : void 0;
@@ -416,9 +432,11 @@ var DataChecker = /*#__PURE__*/function () {
       return;
     }
 
-    var operation = operationLoader.get(operationReference);
+    var normalizationRootNode = operationLoader.get(operationReference);
+
+    if (normalizationRootNode != null) {
+      var operation = getOperation(normalizationRootNode);
 
-    if (operation != null) {
       this._traverse(operation, dataID);
     } else {
       // If the fragment is not available, we assume that the data cannot have been
@@ -487,6 +505,65 @@ var DataChecker = /*#__PURE__*/function () {
     }
   };
 
+  _proto._checkFlightField = function _checkFlightField(field, dataID) {
+    var storageKey = getStorageKey(field, this._variables);
+
+    var linkedID = this._mutator.getLinkedRecordID(dataID, storageKey);
+
+    if (linkedID == null) {
+      if (linkedID === undefined) {
+        this._handleMissing();
+
+        return;
+      }
+
+      return;
+    }
+
+    var tree = this._mutator.getValue(linkedID, RelayStoreReactFlightUtils.REACT_FLIGHT_TREE_STORAGE_KEY);
+
+    var reachableQueries = this._mutator.getValue(linkedID, RelayStoreReactFlightUtils.REACT_FLIGHT_QUERIES_STORAGE_KEY);
+
+    if (tree == null || !Array.isArray(reachableQueries)) {
+      this._handleMissing();
+
+      return;
+    }
+
+    var operationLoader = this._operationLoader;
+    !(operationLoader !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'DataChecker: Expected an operationLoader to be configured when using ' + 'React Flight.') : invariant(false) : void 0; // In Flight, the variables that are in scope for reachable queries aren't
+    // the same as what's in scope for the outer query.
+
+    var prevVariables = this._variables; // $FlowFixMe[incompatible-cast]
+
+    var _iterator4 = _createForOfIteratorHelper(reachableQueries),
+        _step4;
+
+    try {
+      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        var query = _step4.value;
+        this._variables = query.variables;
+        var normalizationRootNode = operationLoader.get(query.module);
+
+        if (normalizationRootNode != null) {
+          var operation = getOperation(normalizationRootNode);
+
+          this._traverseSelections(operation.selections, ROOT_ID);
+        } else {
+          // If the fragment is not available, we assume that the data cannot have
+          // been processed yet and must therefore be missing.
+          this._handleMissing();
+        }
+      }
+    } catch (err) {
+      _iterator4.e(err);
+    } finally {
+      _iterator4.f();
+    }
+
+    this._variables = prevVariables;
+  };
+
   return DataChecker;
 }();
 

package/lib/store/RelayModernEnvironment.js

@@ -35,6 +35,8 @@ var RelayRecordSource = require('./RelayRecordSource');
 
 var defaultGetDataID = require('./defaultGetDataID');
 
+var defaultRequiredFieldLogger = require('./defaultRequiredFieldLogger');
+
 var generateID = require('../util/generateID');
 
 var invariant = require("fbjs/lib/invariant");
@@ -43,20 +45,26 @@ var RelayModernEnvironment = /*#__PURE__*/function () {
   function RelayModernEnvironment(config) {
     var _this = this;
 
-    var _config$log, _config$UNSTABLE_defa, _config$UNSTABLE_DO_N, _config$scheduler, _config$isServer, _config$operationTrac;
+    var _config$log, _config$requiredField, _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;
+    var reactFlightPayloadDeserializer = config.reactFlightPayloadDeserializer;
 
     if (process.env.NODE_ENV !== "production") {
       if (operationLoader != null) {
         !(typeof operationLoader === 'object' && typeof operationLoader.get === 'function' && typeof operationLoader.load === 'function') ? process.env.NODE_ENV !== "production" ? invariant(false, 'RelayModernEnvironment: Expected `operationLoader` to be an object ' + 'with get() and load() functions, got `%s`.', operationLoader) : invariant(false) : void 0;
       }
+
+      if (reactFlightPayloadDeserializer != null) {
+        !(typeof reactFlightPayloadDeserializer === 'function') ? process.env.NODE_ENV !== "production" ? invariant(false, 'RelayModernEnvironment: Expected `reactFlightPayloadDeserializer` ' + ' to be a function, got `%s`.', reactFlightPayloadDeserializer) : invariant(false) : void 0;
+      }
     }
 
     this.__log = (_config$log = config.log) !== null && _config$log !== void 0 ? _config$log : emptyFunction;
+    this.requiredFieldLogger = (_config$requiredField = config.requiredFieldLogger) !== null && _config$requiredField !== void 0 ? _config$requiredField : defaultRequiredFieldLogger;
     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();
@@ -93,6 +101,7 @@ var RelayModernEnvironment = /*#__PURE__*/function () {
 
     this._missingFieldHandlers = config.missingFieldHandlers;
     this._operationTracker = (_config$operationTrac = config.operationTracker) !== null && _config$operationTrac !== void 0 ? _config$operationTrac : new RelayOperationTracker();
+    this._reactFlightPayloadDeserializer = reactFlightPayloadDeserializer;
   }
 
   var _proto = RelayModernEnvironment.prototype;
@@ -174,6 +183,7 @@ var RelayModernEnvironment = /*#__PURE__*/function () {
         operationLoader: _this5._operationLoader,
         optimisticConfig: optimisticConfig,
         publishQueue: _this5._publishQueue,
+        reactFlightPayloadDeserializer: _this5._reactFlightPayloadDeserializer,
         scheduler: _this5._scheduler,
         sink: sink,
         source: source,
@@ -212,6 +222,7 @@ var RelayModernEnvironment = /*#__PURE__*/function () {
         operationLoader: _this6._operationLoader,
         optimisticConfig: null,
         publishQueue: _this6._publishQueue,
+        reactFlightPayloadDeserializer: _this6._reactFlightPayloadDeserializer,
         scheduler: _this6._scheduler,
         sink: sink,
         source: RelayObservable.from({
@@ -300,7 +311,6 @@ var RelayModernEnvironment = /*#__PURE__*/function () {
     var _this9 = this;
 
     var operation = _ref.operation,
-        cacheConfig = _ref.cacheConfig,
         updater = _ref.updater;
 
     var _this$__createLogObse = this.__createLogObserver(operation.request.node.params, operation.request.variables),
@@ -308,7 +318,7 @@ var RelayModernEnvironment = /*#__PURE__*/function () {
         logRequestInfo = _this$__createLogObse[1];
 
     return RelayObservable.create(function (sink) {
-      var source = _this9._network.execute(operation.request.node.params, operation.request.variables, cacheConfig || {}, null, logRequestInfo)["do"](logObserver);
+      var source = _this9._network.execute(operation.request.node.params, operation.request.variables, operation.request.cacheConfig || {}, null, logRequestInfo)["do"](logObserver);
 
       var executor = RelayModernQueryExecutor.execute({
         operation: operation,
@@ -316,6 +326,7 @@ var RelayModernEnvironment = /*#__PURE__*/function () {
         operationLoader: _this9._operationLoader,
         optimisticConfig: null,
         publishQueue: _this9._publishQueue,
+        reactFlightPayloadDeserializer: _this9._reactFlightPayloadDeserializer,
         scheduler: _this9._scheduler,
         sink: sink,
         source: source,
@@ -345,8 +356,7 @@ var RelayModernEnvironment = /*#__PURE__*/function () {
   _proto.executeMutation = function executeMutation(_ref2) {
     var _this10 = this;
 
-    var cacheConfig = _ref2.cacheConfig,
-        operation = _ref2.operation,
+    var operation = _ref2.operation,
         optimisticResponse = _ref2.optimisticResponse,
         optimisticUpdater = _ref2.optimisticUpdater,
         updater = _ref2.updater,
@@ -367,7 +377,7 @@ var RelayModernEnvironment = /*#__PURE__*/function () {
         };
       }
 
-      var source = _this10._network.execute(operation.request.node.params, operation.request.variables, _objectSpread({}, cacheConfig, {
+      var source = _this10._network.execute(operation.request.node.params, operation.request.variables, _objectSpread(_objectSpread({}, operation.request.cacheConfig), {}, {
         force: true
       }), uploadables, logRequestInfo)["do"](logObserver);
 
@@ -377,6 +387,7 @@ var RelayModernEnvironment = /*#__PURE__*/function () {
         operationLoader: _this10._operationLoader,
         optimisticConfig: optimisticConfig,
         publishQueue: _this10._publishQueue,
+        reactFlightPayloadDeserializer: _this10._reactFlightPayloadDeserializer,
         scheduler: _this10._scheduler,
         sink: sink,
         source: source,
@@ -415,6 +426,7 @@ var RelayModernEnvironment = /*#__PURE__*/function () {
         operationTracker: _this11._operationTracker,
         optimisticConfig: null,
         publishQueue: _this11._publishQueue,
+        reactFlightPayloadDeserializer: _this11._reactFlightPayloadDeserializer,
         scheduler: _this11._scheduler,
         sink: sink,
         source: source,

package/lib/store/RelayModernFragmentSpecResolver.js

@@ -26,6 +26,8 @@ var invariant = require("fbjs/lib/invariant");
 
 var isScalarAndEqual = require('../util/isScalarAndEqual');
 
+var reportMissingRequiredFields = require('../util/reportMissingRequiredFields');
+
 var warning = require("fbjs/lib/warning");
 
 var _require = require('../query/fetchQueryInternal'),
@@ -199,6 +201,7 @@ var SelectorResolver = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_onChange", function (snapshot) {
       _this2._data = snapshot.data;
       _this2._isMissingData = snapshot.isMissingData;
+      _this2._missingRequiredFields = snapshot.missingRequiredFields;
 
       _this2._callback();
     });
@@ -208,6 +211,7 @@ var SelectorResolver = /*#__PURE__*/function () {
     this._callback = callback;
     this._data = _snapshot.data;
     this._isMissingData = _snapshot.isMissingData;
+    this._missingRequiredFields = _snapshot.missingRequiredFields;
     this._environment = environment;
     this._selector = selector;
     this._subscription = environment.subscribe(_snapshot, this._onChange);
@@ -256,6 +260,10 @@ var SelectorResolver = /*#__PURE__*/function () {
       }
     }
 
+    if (this._missingRequiredFields != null) {
+      reportMissingRequiredFields(this._environment, this._missingRequiredFields);
+    }
+
     return this._data;
   };
 
@@ -270,6 +278,7 @@ var SelectorResolver = /*#__PURE__*/function () {
 
     this._data = snapshot.data;
     this._isMissingData = snapshot.isMissingData;
+    this._missingRequiredFields = snapshot.missingRequiredFields;
     this._selector = selector;
     this._subscription = this._environment.subscribe(snapshot, this._onChange);
   };
@@ -287,7 +296,7 @@ var SelectorResolver = /*#__PURE__*/function () {
     } // NOTE: We manually create the request descriptor here instead of
     // calling createOperationDescriptor() because we want to set a
     // descriptor with *unaltered* variables as the fragment owner.
-    // This is a hack that allows us to preserve exisiting (broken)
+    // This is a hack that allows us to preserve existing (broken)
     // behavior of RelayModern containers while using fragment ownership
     // to propagate variables instead of Context.
     // For more details, see the summary of D13999308

package/lib/store/RelayModernOperationDescriptor.js

@@ -30,11 +30,11 @@ var _require3 = require('./RelayStoreUtils'),
  * are filtered to exclude variables that do not match defined arguments on the
  * operation, and default values are populated for null values.
  */
-function createOperationDescriptor(request, variables) {
-  var dataID = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ROOT_ID;
+function createOperationDescriptor(request, variables, cacheConfig) {
+  var dataID = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ROOT_ID;
   var operation = request.operation;
   var operationVariables = getOperationVariables(operation, variables);
-  var requestDescriptor = createRequestDescriptor(request, operationVariables);
+  var requestDescriptor = createRequestDescriptor(request, operationVariables, cacheConfig);
   var operationDescriptor = {
     fragment: createReaderSelector(request.fragment, dataID, operationVariables, requestDescriptor),
     request: requestDescriptor,
@@ -53,11 +53,12 @@ function createOperationDescriptor(request, variables) {
   return operationDescriptor;
 }
 
-function createRequestDescriptor(request, variables) {
+function createRequestDescriptor(request, variables, cacheConfig) {
   var requestDescriptor = {
     identifier: getRequestIdentifier(request.params, variables),
     node: request,
-    variables: variables
+    variables: variables,
+    cacheConfig: cacheConfig
   };
 
   if (process.env.NODE_ENV !== "production") {

package/lib/store/RelayModernQueryExecutor.js

@@ -21,9 +21,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-function _createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { 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 it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, 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 _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { 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 = o[Symbol.iterator](); }, 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(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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); }
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
@@ -37,6 +37,8 @@ var RelayRecordSource = require('./RelayRecordSource');
 
 var RelayResponseNormalizer = require('./RelayResponseNormalizer');
 
+var getOperation = require('../util/getOperation');
+
 var invariant = require("fbjs/lib/invariant");
 
 var stableCopy = require('../util/stableCopy');
@@ -81,7 +83,8 @@ var Executor = /*#__PURE__*/function () {
         operationTracker = _ref.operationTracker,
         treatMissingFieldsAsNull = _ref.treatMissingFieldsAsNull,
         getDataID = _ref.getDataID,
-        isClientPayload = _ref.isClientPayload;
+        isClientPayload = _ref.isClientPayload,
+        reactFlightPayloadDeserializer = _ref.reactFlightPayloadDeserializer;
     this._getDataID = getDataID;
     this._treatMissingFieldsAsNull = treatMissingFieldsAsNull;
     this._incrementalPayloadsPending = false;
@@ -103,6 +106,7 @@ var Executor = /*#__PURE__*/function () {
     this._subscriptions = new Map();
     this._updater = updater;
     this._isClientPayload = isClientPayload === true;
+    this._reactFlightPayloadDeserializer = reactFlightPayloadDeserializer;
     var id = this._nextSubscriptionId++;
     source.subscribe({
       complete: function complete() {
@@ -166,6 +170,12 @@ var Executor = /*#__PURE__*/function () {
     this._incrementalResults.clear();
 
     this._completeOperationTracker();
+
+    if (this._retainDisposable) {
+      this._retainDisposable.dispose();
+
+      this._retainDisposable = null;
+    }
   };
 
   _proto._updateActiveState = function _updateActiveState() {
@@ -387,17 +397,17 @@ var Executor = /*#__PURE__*/function () {
         nonIncrementalResponses = _partitionGraphQLResp[0],
         incrementalResponses = _partitionGraphQLResp[1]; // In theory this doesn't preserve the ordering of the batch.
     // The idea is that a batch is always:
-    //  * at-most one non-incremental payload
-    //  * followed zero or more incremental payloads
+    //  * at most one non-incremental payload
+    //  * followed by zero or more incremental payloads
     // The non-incremental payload can appear if the server sends a batch
-    // w the initial payload followed by some early-to-resolve incremental
+    // with the initial payload followed by some early-to-resolve incremental
     // payloads (although, can that even happen?)
 
 
     if (nonIncrementalResponses.length > 0) {
-      var payloadFollowups = this._processResponses(nonIncrementalResponses); // Please note, that we're passing `this._operation` to the publish
+      var payloadFollowups = this._processResponses(nonIncrementalResponses); // Please note that we're passing `this._operation` to the publish
       // queue here, which will later passed to the store (via notify)
-      // to indicate that this is an operation that cause the store to update
+      // to indicate that this is an operation that caused the store to update
 
 
       var updatedOwners = this._publishQueue.run(this._operation);
@@ -405,6 +415,10 @@ var Executor = /*#__PURE__*/function () {
       this._updateOperationTracker(updatedOwners);
 
       this._processPayloadFollowups(payloadFollowups);
+
+      if (this._incrementalPayloadsPending && !this._retainDisposable) {
+        this._retainDisposable = this._store.retain(this._operation);
+      }
     }
 
     if (incrementalResponses.length > 0) {
@@ -438,6 +452,7 @@ var Executor = /*#__PURE__*/function () {
       var payload = normalizeResponse(response, this._operation.root, ROOT_TYPE, {
         getDataID: this._getDataID,
         path: [],
+        reactFlightPayloadDeserializer: this._reactFlightPayloadDeserializer,
         treatMissingFieldsAsNull: treatMissingFieldsAsNull
       });
       validateOptimisticResponsePayload(payload);
@@ -488,9 +503,9 @@ var Executor = /*#__PURE__*/function () {
           if (operation == null) {
             this._processAsyncOptimisticModuleImport(operationLoader, moduleImportPayload);
           } else {
-            var moduleImportOptimisitcUpdates = this._processOptimisticModuleImport(operation, moduleImportPayload);
+            var moduleImportOptimisticUpdates = this._processOptimisticModuleImport(operation, moduleImportPayload);
 
-            optimisticUpdates.push.apply(optimisticUpdates, (0, _toConsumableArray2["default"])(moduleImportOptimisitcUpdates));
+            optimisticUpdates.push.apply(optimisticUpdates, (0, _toConsumableArray2["default"])(moduleImportOptimisticUpdates));
           }
         }
       } catch (err) {
@@ -508,11 +523,13 @@ var Executor = /*#__PURE__*/function () {
     }, selector, moduleImportPayload.typeName, {
       getDataID: this._getDataID,
       path: moduleImportPayload.path,
+      reactFlightPayloadDeserializer: this._reactFlightPayloadDeserializer,
       treatMissingFieldsAsNull: this._treatMissingFieldsAsNull
     });
   };
 
-  _proto._processOptimisticModuleImport = function _processOptimisticModuleImport(operation, moduleImportPayload) {
+  _proto._processOptimisticModuleImport = function _processOptimisticModuleImport(normalizationRootNode, moduleImportPayload) {
+    var operation = getOperation(normalizationRootNode);
     var optimisticUpdates = [];
 
     var modulePayload = this._normalizeModuleImport(moduleImportPayload, operation);
@@ -537,18 +554,18 @@ var Executor = /*#__PURE__*/function () {
         return;
       }
 
-      var moduleImportOptimisitcUpdates = _this7._processOptimisticModuleImport(operation, moduleImportPayload);
+      var moduleImportOptimisticUpdates = _this7._processOptimisticModuleImport(operation, moduleImportPayload);
 
-      moduleImportOptimisitcUpdates.forEach(function (update) {
+      moduleImportOptimisticUpdates.forEach(function (update) {
         return _this7._publishQueue.applyUpdate(update);
       });
 
       if (_this7._optimisticUpdates == null) {
-        process.env.NODE_ENV !== "production" ? warning(false, 'RelayModernQueryExecutor: Unexpected ModuleImport optimisitc ' + 'update in operation %s.' + _this7._operation.request.node.params.name) : void 0;
+        process.env.NODE_ENV !== "production" ? warning(false, 'RelayModernQueryExecutor: Unexpected ModuleImport optimistic ' + 'update in operation %s.' + _this7._operation.request.node.params.name) : void 0;
       } else {
         var _this$_optimisticUpda;
 
-        (_this$_optimisticUpda = _this7._optimisticUpdates).push.apply(_this$_optimisticUpda, (0, _toConsumableArray2["default"])(moduleImportOptimisitcUpdates));
+        (_this$_optimisticUpda = _this7._optimisticUpdates).push.apply(_this$_optimisticUpda, (0, _toConsumableArray2["default"])(moduleImportOptimisticUpdates));
 
         _this7._publishQueue.run();
       }
@@ -575,8 +592,9 @@ var Executor = /*#__PURE__*/function () {
     return responses.map(function (payloadPart) {
       var relayPayload = normalizeResponse(payloadPart, _this8._operation.root, ROOT_TYPE, {
         getDataID: _this8._getDataID,
-        treatMissingFieldsAsNull: _this8._treatMissingFieldsAsNull,
-        path: []
+        path: [],
+        reactFlightPayloadDeserializer: _this8._reactFlightPayloadDeserializer,
+        treatMissingFieldsAsNull: _this8._treatMissingFieldsAsNull
       });
 
       _this8._publishQueue.commitPayload(_this8._operation, relayPayload, _this8._updater);
@@ -676,12 +694,13 @@ var Executor = /*#__PURE__*/function () {
   _proto._processModuleImportPayload = function _processModuleImportPayload(moduleImportPayload, operationLoader) {
     var _this10 = this;
 
-    var syncOperation = operationLoader.get(moduleImportPayload.operationReference);
+    var node = operationLoader.get(moduleImportPayload.operationReference);
 
-    if (syncOperation != null) {
-      // If the operation module is available synchronously, normalize the
+    if (node != null) {
+      var operation = getOperation(node); // If the operation module is available synchronously, normalize the
       // data synchronously.
-      this._handleModuleImportPayload(moduleImportPayload, syncOperation);
+
+      this._handleModuleImportPayload(moduleImportPayload, operation);
 
       this._maybeCompleteSubscriptionOperationTracking();
     } else {
@@ -705,7 +724,7 @@ var Executor = /*#__PURE__*/function () {
       })).map(function (operation) {
         if (operation != null) {
           _this10._schedule(function () {
-            _this10._handleModuleImportPayload(moduleImportPayload, operation);
+            _this10._handleModuleImportPayload(moduleImportPayload, getOperation(operation));
           });
         }
       }).subscribe({
@@ -917,6 +936,7 @@ var Executor = /*#__PURE__*/function () {
     var relayPayload = normalizeResponse(response, placeholder.selector, placeholder.typeName, {
       getDataID: this._getDataID,
       path: placeholder.path,
+      reactFlightPayloadDeserializer: this._reactFlightPayloadDeserializer,
       treatMissingFieldsAsNull: this._treatMissingFieldsAsNull
     });
 
@@ -1068,6 +1088,7 @@ var Executor = /*#__PURE__*/function () {
     var relayPayload = normalizeResponse(response, selector, typeName, {
       getDataID: this._getDataID,
       path: [].concat((0, _toConsumableArray2["default"])(normalizationPath), [responseKey, String(itemIndex)]),
+      reactFlightPayloadDeserializer: this._reactFlightPayloadDeserializer,
       treatMissingFieldsAsNull: this._treatMissingFieldsAsNull
     });
     return {
@@ -1128,7 +1149,7 @@ function normalizeResponse(response, selector, typeName, options) {
   var record = RelayModernRecord.create(selector.dataID, typeName);
   source.set(selector.dataID, record);
   var relayPayload = RelayResponseNormalizer.normalize(source, selector, data, options);
-  return _objectSpread({}, relayPayload, {
+  return _objectSpread(_objectSpread({}, relayPayload), {}, {
     errors: errors,
     isFinal: ((_response$extensions3 = response.extensions) === null || _response$extensions3 === void 0 ? void 0 : _response$extensions3.is_final) === true
   });