relay-compiler 9.0.0 → 10.1.0

package/lib/transforms/MatchTransform.js

@@ -12,10 +12,14 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
+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 IRTransformer = require('../core/IRTransformer');
 
 var getLiteralArgumentValues = require('../core/getLiteralArgumentValues');
@@ -23,6 +27,7 @@ var getLiteralArgumentValues = require('../core/getLiteralArgumentValues');
 var getNormalizationOperationName = require('../core/getNormalizationOperationName');
 
 var _require = require('../core/CompilerError'),
+    createCompilerError = _require.createCompilerError,
     createUserError = _require.createUserError;
 
 var _require2 = require('relay-runtime'),
@@ -34,7 +39,7 @@ var JS_FIELD_TYPE = 'JSDependency';
 var JS_FIELD_MODULE_ARG = 'module';
 var JS_FIELD_ID_ARG = 'id';
 var JS_FIELD_NAME = 'js';
-var SCHEMA_EXTENSION = "\n  directive @match on FIELD\n\n  directive @module(\n    name: String!\n  ) on FRAGMENT_SPREAD\n";
+var SCHEMA_EXTENSION = "\n  directive @match(key: String) on FIELD\n\n  directive @module(\n    name: String!\n  ) on FRAGMENT_SPREAD\n";
 
 /**
  * This transform rewrites LinkedField nodes with @match and rewrites them
@@ -50,6 +55,8 @@ function matchTransform(context) {
   }, function (node) {
     return {
       documentName: node.name,
+      matchesForPath: new Map(),
+      moduleKey: null,
       parentType: node.type,
       path: []
     };
@@ -57,7 +64,7 @@ function matchTransform(context) {
 }
 
 function visitInlineFragment(node, state) {
-  return this.traverse(node, (0, _objectSpread2["default"])({}, state, {
+  return this.traverse(node, _objectSpread(_objectSpread({}, state), {}, {
     parentType: node.typeCondition
   }));
 }
@@ -84,14 +91,31 @@ function visitScalarField(field) {
 function visitLinkedField(node, state) {
   var context = this.getContext();
   var schema = context.getSchema();
-  state.path.push(node.alias);
-  var transformedNode = this.traverse(node, (0, _objectSpread2["default"])({}, state, {
+  var matchDirective = node.directives.find(function (directive) {
+    return directive.name === 'match';
+  });
+  var moduleKey = null;
+
+  if (matchDirective != null) {
+    var _getLiteralArgumentVa = getLiteralArgumentValues(matchDirective.args);
+
+    moduleKey = _getLiteralArgumentVa.key;
+
+    if (moduleKey != null && (typeof moduleKey !== 'string' || !moduleKey.startsWith(state.documentName))) {
+      var _matchDirective$args$;
+
+      throw createUserError("Expected the 'key' argument of @match to be a literal string starting " + "with the document name, e.g. '".concat(state.documentName, "_<localName>'."), [((_matchDirective$args$ = matchDirective.args.find(function (arg) {
+        return arg.name === 'key';
+      })) !== null && _matchDirective$args$ !== void 0 ? _matchDirective$args$ : matchDirective).loc]);
+    }
+  }
+
+  state.path.push(node);
+  var transformedNode = this.traverse(node, _objectSpread(_objectSpread({}, state), {}, {
+    moduleKey: moduleKey,
     parentType: node.type
   }));
   state.path.pop();
-  var matchDirective = transformedNode.directives.find(function (directive) {
-    return directive.name === 'match';
-  });
 
   if (matchDirective == null) {
     return transformedNode;
@@ -105,14 +129,23 @@ function visitLinkedField(node, state) {
   }
 
   var currentField = schema.getFieldConfig(schema.expectField(schema.assertCompositeType(rawType), transformedNode.name));
-  var supportedArgumentDefinition = currentField.args.find(function (_ref4) {
-    var name = _ref4.name;
+  var supportedArgumentDefinition = currentField.args.find(function (_ref) {
+    var name = _ref.name;
     return name === SUPPORTED_ARGUMENT_NAME;
   });
-  var supportedArgType = supportedArgumentDefinition != null ? schema.getNullableType(supportedArgumentDefinition.type) : null;
+
+  if (supportedArgumentDefinition == null) {
+    if (moduleKey == null) {
+      throw createUserError('@match on a field without the `supported` argument is a no-op, please remove the `@match`.', [node.loc]);
+    }
+
+    return transformedNode;
+  }
+
+  var supportedArgType = schema.getNullableType(supportedArgumentDefinition.type);
   var supportedArgOfType = supportedArgType != null && schema.isList(supportedArgType) ? schema.getListItemType(supportedArgType) : null;
 
-  if (supportedArgumentDefinition == null || supportedArgType == null || supportedArgOfType == null || !schema.isString(schema.getNullableType(supportedArgOfType))) {
+  if (supportedArgType == null || supportedArgOfType == null || !schema.isString(schema.getNullableType(supportedArgOfType))) {
     throw createUserError("@match used on incompatible field '".concat(transformedNode.name, "'. ") + '@match may only be used with fields that accept a ' + "'supported: [String!]!' argument.", [node.loc]);
   }
 
@@ -137,12 +170,6 @@ function visitLinkedField(node, state) {
     }
 
     var matchedType = matchSelection.typeCondition;
-    var previousTypeUsage = seenTypes.get(matchedType);
-
-    if (previousTypeUsage) {
-      throw createUserError('Invalid @match selection: each concrete variant/implementor of ' + "'".concat(schema.getTypeString(rawFieldType), "' may be matched against at-most once, ") + "but '".concat(schema.getTypeString(matchedType), "' was matched against multiple times."), [matchSelection.loc, previousTypeUsage.loc]);
-    }
-
     seenTypes.set(matchedType, matchSelection);
     selections.push(matchSelection);
   });
@@ -187,11 +214,13 @@ function visitLinkedField(node, state) {
 } // Transform @module
 
 
-function visitFragmentSpread(spread, _ref5) {
-  var _ref, _moduleDirective$args2, _ref2, _moduleDirective$args3, _ref3, _moduleDirective$args4;
+function visitFragmentSpread(spread, _ref2) {
+  var _moduleDirective$args2, _moduleDirective$args3, _moduleDirective$args4, _moduleDirective$args5, _moduleDirective$args6, _moduleDirective$args7;
 
-  var documentName = _ref5.documentName,
-      path = _ref5.path;
+  var documentName = _ref2.documentName,
+      path = _ref2.path,
+      matchesForPath = _ref2.matchesForPath,
+      moduleKeyFromParent = _ref2.moduleKey;
   var transformedNode = this.traverse(spread);
   var moduleDirective = transformedNode.directives.find(function (directive) {
     return directive.name === 'module';
@@ -247,8 +276,8 @@ function visitFragmentSpread(spread, _ref5) {
     throw createUserError("@module used on invalid fragment spread '...".concat(spread.name, "'. @module ") + 'may not have additional directives.', [spread.loc]);
   }
 
-  var _getLiteralArgumentVa = getLiteralArgumentValues(moduleDirective.args),
-      moduleName = _getLiteralArgumentVa.name;
+  var _getLiteralArgumentVa2 = getLiteralArgumentValues(moduleDirective.args),
+      moduleName = _getLiteralArgumentVa2.name;
 
   if (typeof moduleName !== 'string') {
     var _moduleDirective$args;
@@ -258,9 +287,61 @@ function visitFragmentSpread(spread, _ref5) {
     })) !== null && _moduleDirective$args !== void 0 ? _moduleDirective$args : spread).loc]);
   }
 
-  var moduleId = [documentName].concat((0, _toConsumableArray2["default"])(path)).join('.');
+  var parentField = path[path.length - 1];
+  var moduleKey = moduleKeyFromParent !== null && moduleKeyFromParent !== void 0 ? moduleKeyFromParent : documentName;
+  var aliasPath = path.map(function (x) {
+    return x.alias;
+  }).join('.');
+  var moduleId = aliasPath === '' ? documentName : "".concat(documentName, ".").concat(aliasPath);
+  var typeName = schema.getTypeString(fragment.type);
+  var matches = matchesForPath.get(aliasPath);
+
+  if (matches == null) {
+    var _parentField$loc;
+
+    if (matchesForPath.size !== 0) {
+      var existingMatchWithKey = Array.from(matchesForPath.values()).find(function (entry) {
+        return entry.key === moduleKey;
+      });
+
+      if (existingMatchWithKey != null) {
+        if (parentField == null) {
+          throw createCompilerError('Cannot have @module selections at multiple paths unless the selections are within fields.', [spread.loc]);
+        }
+
+        throw createUserError('Invalid @module selection: documents with multiple fields ' + "containing 3D selections must specify a unique 'key' value " + "for each field: use '".concat(parentField.alias, " @match(key: \"").concat(documentName, "_<localName>\")'."), [parentField.loc]);
+      }
+    }
+
+    matches = {
+      key: moduleKey,
+      location: (_parentField$loc = parentField === null || parentField === void 0 ? void 0 : parentField.loc) !== null && _parentField$loc !== void 0 ? _parentField$loc : spread.loc,
+      types: new Map()
+    };
+    matchesForPath.set(aliasPath, matches);
+  }
+
+  if (moduleKey !== matches.key) {
+    var _parentField$loc2;
+
+    // The user can't override the key locally (per @module),
+    // so this is just an internal sanity check
+    throw createCompilerError('Invalid @module selection: expected all selections at path ' + "'".concat(aliasPath, " to have the same 'key', got '").concat(moduleKey, "' and '").concat(matches.key, "'."), [(_parentField$loc2 = parentField === null || parentField === void 0 ? void 0 : parentField.loc) !== null && _parentField$loc2 !== void 0 ? _parentField$loc2 : spread.loc]);
+  }
+
+  var previousMatchForType = matches.types.get(typeName);
+
+  if (previousMatchForType != null && (previousMatchForType.fragment !== spread.name || previousMatchForType.module !== moduleName)) {
+    throw createUserError('Invalid @module selection: concrete type ' + "'".concat(typeName, "' was matched multiple times at path ") + "'".concat(aliasPath, "' but with a different fragment or module name."), [spread.loc, previousMatchForType.location]);
+  }
+
+  matches.types.set(typeName, {
+    location: spread.loc,
+    fragment: spread.name,
+    module: moduleName
+  });
   var normalizationName = getNormalizationOperationName(spread.name) + '.graphql';
-  var componentKey = getModuleComponentKey(documentName);
+  var componentKey = getModuleComponentKey(moduleKey);
   var componentField = {
     alias: componentKey,
     args: [{
@@ -269,7 +350,7 @@ function visitFragmentSpread(spread, _ref5) {
       type: jsFieldModuleArg.type,
       value: {
         kind: 'Literal',
-        loc: (_ref = (_moduleDirective$args2 = moduleDirective.args[0]) === null || _moduleDirective$args2 === void 0 ? void 0 : _moduleDirective$args2.loc) !== null && _ref !== void 0 ? _ref : moduleDirective.loc,
+        loc: (_moduleDirective$args2 = (_moduleDirective$args3 = moduleDirective.args[0]) === null || _moduleDirective$args3 === void 0 ? void 0 : _moduleDirective$args3.loc) !== null && _moduleDirective$args2 !== void 0 ? _moduleDirective$args2 : moduleDirective.loc,
         value: moduleName
       },
       loc: moduleDirective.loc
@@ -279,7 +360,7 @@ function visitFragmentSpread(spread, _ref5) {
       type: jsFieldIdArg.type,
       value: {
         kind: 'Literal',
-        loc: (_ref2 = (_moduleDirective$args3 = moduleDirective.args[0]) === null || _moduleDirective$args3 === void 0 ? void 0 : _moduleDirective$args3.loc) !== null && _ref2 !== void 0 ? _ref2 : moduleDirective.loc,
+        loc: (_moduleDirective$args4 = (_moduleDirective$args5 = moduleDirective.args[0]) === null || _moduleDirective$args5 === void 0 ? void 0 : _moduleDirective$args5.loc) !== null && _moduleDirective$args4 !== void 0 ? _moduleDirective$args4 : moduleDirective.loc,
         value: moduleId
       },
       loc: moduleDirective.loc
@@ -294,7 +375,7 @@ function visitFragmentSpread(spread, _ref5) {
     name: JS_FIELD_NAME,
     type: jsModuleType
   };
-  var operationKey = getModuleOperationKey(documentName);
+  var operationKey = getModuleOperationKey(moduleKey);
   var operationField = {
     alias: operationKey,
     args: [{
@@ -313,7 +394,7 @@ function visitFragmentSpread(spread, _ref5) {
       type: jsFieldIdArg.type,
       value: {
         kind: 'Literal',
-        loc: (_ref3 = (_moduleDirective$args4 = moduleDirective.args[0]) === null || _moduleDirective$args4 === void 0 ? void 0 : _moduleDirective$args4.loc) !== null && _ref3 !== void 0 ? _ref3 : moduleDirective.loc,
+        loc: (_moduleDirective$args6 = (_moduleDirective$args7 = moduleDirective.args[0]) === null || _moduleDirective$args7 === void 0 ? void 0 : _moduleDirective$args7.loc) !== null && _moduleDirective$args6 !== void 0 ? _moduleDirective$args6 : moduleDirective.loc,
         value: moduleId
       },
       loc: moduleDirective.loc
@@ -336,11 +417,12 @@ function visitFragmentSpread(spread, _ref5) {
     selections: [{
       kind: 'ModuleImport',
       loc: moduleDirective.loc,
-      documentName: documentName,
+      key: moduleKey,
       id: moduleId,
       module: moduleName,
+      sourceDocument: documentName,
       name: spread.name,
-      selections: [(0, _objectSpread2["default"])({}, spread, {
+      selections: [_objectSpread(_objectSpread({}, spread), {}, {
         directives: spread.directives.filter(function (directive) {
           return directive !== moduleDirective;
         })

package/lib/transforms/ReactFlightComponentTransform.js

@@ -0,0 +1,162 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ * @format
+ * @emails oncall+relay
+ */
+'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 IRTransformer = require('../core/IRTransformer');
+
+var _require = require('../core/CompilerError'),
+    createUserError = _require.createUserError,
+    createCompilerError = _require.createCompilerError;
+
+var _require2 = require('relay-runtime'),
+    RelayFeatureFlags = _require2.RelayFeatureFlags;
+
+var FLIGHT_FIELD_COMPONENT_ARGUMENT_TYPE = 'String';
+var FLIGHT_FIELD_COMPONENT_ARGUMENT_NAME = 'component';
+var FLIGHT_FIELD_PROPS_ARGUMENT_NAME = 'props';
+var FLIGHT_FIELD_PROPS_TYPE = 'ReactFlightProps';
+var FLIGHT_FIELD_RETURN_TYPE = 'ReactFlightComponent';
+
+/**
+ * Experimental transform for React Flight.
+ */
+function reactFlightComponentTransform(context) {
+  var schema = context.getSchema();
+  var propsType = schema.getTypeFromString(FLIGHT_FIELD_PROPS_TYPE);
+  propsType = propsType ? schema.asInputType(propsType) : null;
+  var componentType = schema.getTypeFromString(FLIGHT_FIELD_RETURN_TYPE);
+  componentType = componentType ? schema.asScalarFieldType(componentType) : null;
+
+  if (!RelayFeatureFlags.ENABLE_REACT_FLIGHT_COMPONENT_FIELD || propsType == null || componentType == null) {
+    return context;
+  }
+
+  var types = {
+    propsType: propsType,
+    componentType: componentType
+  };
+  return IRTransformer.transform(context, {
+    ScalarField: visitScalarField,
+    LinkedField: visitLinkedField,
+    InlineFragment: visitInlineFragment
+  }, function (node) {
+    return {
+      parentType: node.type,
+      types: types
+    };
+  });
+}
+
+function visitInlineFragment(fragment, state) {
+  var _fragment$typeConditi;
+
+  return this.traverse(fragment, {
+    parentType: (_fragment$typeConditi = fragment.typeCondition) !== null && _fragment$typeConditi !== void 0 ? _fragment$typeConditi : state.parentType,
+    types: state.types
+  });
+}
+
+function visitLinkedField(field, state) {
+  return this.traverse(field, {
+    parentType: field.type,
+    types: state.types
+  });
+}
+
+function visitScalarField(field, state) {
+  // use the return type to quickly determine if this is a flight field
+  var schema = this.getContext().getSchema();
+
+  if (schema.getRawType(field.type) !== state.types.componentType) {
+    return field;
+  } // get the name of the component that provides this field
+
+
+  var clientField = schema.getFieldByName(state.parentType, field.name);
+
+  if (clientField == null) {
+    throw createCompilerError("Definition not found for field '".concat(schema.getTypeString(state.parentType), ".").concat(field.name, "'"), [field.loc]);
+  }
+
+  var componentDirective = clientField.directives.find(function (directive) {
+    return directive.name === 'react_flight_component';
+  });
+  var componentNameArg = componentDirective === null || componentDirective === void 0 ? void 0 : componentDirective.args.find(function (arg) {
+    return arg.name === 'name';
+  });
+
+  if (componentNameArg == null || componentNameArg.value.kind !== 'StringValue' || typeof componentNameArg.value.value !== 'string') {
+    throw createUserError('Invalid Flight field, expected the schema extension to specify ' + "the component's module name with the '@react_flight_component' directive", [field.loc]);
+  }
+
+  var componentName = componentNameArg.value.value; // validate that the parent type has a `flight(component, props)` field
+
+  var flightField = schema.getFieldByName(state.parentType, 'flight');
+
+  if (flightField == null) {
+    throw createUserError("Invalid Flight field, expected the parent type '".concat(schema.getTypeString(state.parentType), "' ") + "to define a 'flight(component: String, props: ReactFlightProps): ReactFlightComponent' field", [field.loc]);
+  }
+
+  var componentArg = flightField.args.get(FLIGHT_FIELD_COMPONENT_ARGUMENT_NAME);
+  var propsArg = flightField.args.get(FLIGHT_FIELD_PROPS_ARGUMENT_NAME);
+
+  if (componentArg == null || propsArg == null || schema.getRawType(componentArg.type) !== schema.getTypeFromString(FLIGHT_FIELD_COMPONENT_ARGUMENT_TYPE) || schema.getRawType(propsArg.type) !== state.types.propsType || schema.getRawType(flightField.type) !== state.types.componentType) {
+    throw createUserError("Invalid Flight field, expected the parent type '".concat(schema.getTypeString(state.parentType), "' ") + "to define a 'flight(component: String, props: ReactFlightProps): ReactFlightComponent' field", [field.loc]);
+  }
+
+  return _objectSpread(_objectSpread({}, field), {}, {
+    name: 'flight',
+    args: [{
+      kind: 'Argument',
+      loc: field.loc,
+      name: FLIGHT_FIELD_COMPONENT_ARGUMENT_NAME,
+      type: schema.getTypeFromString(FLIGHT_FIELD_COMPONENT_ARGUMENT_TYPE),
+      value: {
+        kind: 'Literal',
+        value: componentName,
+        loc: field.loc
+      }
+    }, {
+      kind: 'Argument',
+      loc: field.loc,
+      name: FLIGHT_FIELD_PROPS_ARGUMENT_NAME,
+      type: state.types.propsType,
+      value: {
+        kind: 'ObjectValue',
+        fields: field.args.map(function (arg) {
+          return {
+            kind: 'ObjectFieldValue',
+            loc: arg.loc,
+            name: arg.name,
+            value: arg.value
+          };
+        }),
+        loc: field.loc
+      }
+    }],
+    metadata: _objectSpread(_objectSpread({}, field.metadata || {}), {}, {
+      flight: true
+    }),
+    type: state.types.componentType
+  });
+}
+
+module.exports = {
+  transform: reactFlightComponentTransform
+};

package/lib/transforms/RefetchableFragmentTransform.js

@@ -12,7 +12,11 @@
 
 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 IRVisitor = require('../core/IRVisitor');
 
@@ -49,29 +53,29 @@ function refetchableFragmentTransform(context) {
   var schema = context.getSchema();
   var refetchOperations = buildRefetchMap(context);
   var nextContext = context;
-  eachWithCombinedError(refetchOperations, function (_ref2) {
-    var _connectionMetadata;
-
-    var refetchName = _ref2[0],
-        fragment = _ref2[1];
+  eachWithCombinedError(refetchOperations, function (_ref) {
+    var refetchName = _ref[0],
+        fragment = _ref[1];
 
     var _buildRefetchOperatio = buildRefetchOperation(schema, fragment, refetchName),
+        identifierField = _buildRefetchOperatio.identifierField,
         path = _buildRefetchOperatio.path,
         node = _buildRefetchOperatio.node,
         transformedFragment = _buildRefetchOperatio.transformedFragment;
 
     var connectionMetadata = extractConnectionMetadata(context.getSchema(), transformedFragment);
-    nextContext = nextContext.replace((0, _objectSpread2["default"])({}, transformedFragment, {
-      metadata: (0, _objectSpread2["default"])({}, transformedFragment.metadata || {}, {
+    nextContext = nextContext.replace(_objectSpread(_objectSpread({}, transformedFragment), {}, {
+      metadata: _objectSpread(_objectSpread({}, transformedFragment.metadata || {}), {}, {
         refetch: {
-          connection: (_connectionMetadata = connectionMetadata) !== null && _connectionMetadata !== void 0 ? _connectionMetadata : null,
+          connection: connectionMetadata !== null && connectionMetadata !== void 0 ? connectionMetadata : null,
           operation: refetchName,
-          fragmentPathInResult: path
+          fragmentPathInResult: path,
+          identifierField: identifierField
         }
       })
     }));
-    nextContext = nextContext.add((0, _objectSpread2["default"])({}, node, {
-      metadata: (0, _objectSpread2["default"])({}, node.metadata || {}, {
+    nextContext = nextContext.add(_objectSpread(_objectSpread({}, node), {}, {
+      metadata: _objectSpread(_objectSpread({}, node.metadata || {}), {}, {
         derivedFrom: transformedFragment.name,
         isRefetchableQuery: true
       })
@@ -108,9 +112,9 @@ function buildRefetchMap(context) {
     refetchOperations.set(refetchName, node);
   });
   var transformed = inferRootArgumentDefinitions(context);
-  return new Map(Array.from(refetchOperations.entries(), function (_ref3) {
-    var name = _ref3[0],
-        fragment = _ref3[1];
+  return new Map(Array.from(refetchOperations.entries(), function (_ref2) {
+    var name = _ref2[0],
+        fragment = _ref2[1];
     return [name, transformed.getFragment(fragment.name)];
   }));
 }
@@ -224,12 +228,12 @@ function getRefetchQueryName(fragment) {
   if (queryName == null) {
     throw createUserError("Expected the 'queryName' argument of @refetchable to be provided", [refetchableDirective.loc]);
   } else if (typeof queryName !== 'string') {
-    var _ref;
+    var _queryNameArg$loc;
 
     var queryNameArg = refetchableDirective.args.find(function (arg) {
       return arg.name === 'queryName';
     });
-    throw createUserError("Expected the 'queryName' argument of @refetchable to be a string, got '".concat(String(queryName), "'."), [(_ref = queryNameArg === null || queryNameArg === void 0 ? void 0 : queryNameArg.loc) !== null && _ref !== void 0 ? _ref : refetchableDirective.loc]);
+    throw createUserError("Expected the 'queryName' argument of @refetchable to be a string, got '".concat(String(queryName), "'."), [(_queryNameArg$loc = queryNameArg === null || queryNameArg === void 0 ? void 0 : queryNameArg.loc) !== null && _queryNameArg$loc !== void 0 ? _queryNameArg$loc : refetchableDirective.loc]);
   }
 
   return queryName;

package/lib/transforms/RelayDirectiveTransform.js

@@ -12,7 +12,11 @@
 
 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 IRTransformer = require('../core/IRTransformer');
 
@@ -47,11 +51,12 @@ function visitRelayMetadata(metadataFn) {
 
     var argValues = getLiteralArgumentValues(relayDirective.args);
     var metadata = metadataFn(argValues);
-    return this.traverse((0, _objectSpread2["default"])({}, node, {
+    return this.traverse(_objectSpread(_objectSpread({}, node), {}, {
       directives: node.directives.filter(function (directive) {
         return directive !== relayDirective;
       }),
-      metadata: (0, _objectSpread2["default"])({}, node.metadata || {}, metadata)
+      // $FlowFixMe[cannot-spread-indexer]
+      metadata: _objectSpread(_objectSpread({}, node.metadata || {}), metadata)
     }));
   };
 }