react-relay 11.0.1 → 13.0.0-rc.1

package/relay-hooks/usePaginationFragment.js.flow

@@ -13,24 +13,26 @@
 
 'use strict';
 
-const getPaginationMetadata = require('./getPaginationMetadata');
-const useLoadMoreFunction = require('./useLoadMoreFunction');
-const useRefetchableFragmentNode = require('./useRefetchableFragmentNode');
-const useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
-
-const {useCallback, useDebugValue, useState} = require('react');
-const {getFragment, getFragmentIdentifier} = require('relay-runtime');
-
 import type {LoadMoreFn, UseLoadMoreFunctionArgs} from './useLoadMoreFunction';
 import type {RefetchFnDynamic} from './useRefetchableFragmentNode';
 import type {
+  FragmentType,
   GraphQLResponse,
   GraphQLTaggedNode,
   Observer,
   OperationType,
-  FragmentReference,
 } from 'relay-runtime';
 
+const useLoadMoreFunction = require('./useLoadMoreFunction');
+const useRefetchableFragmentNode = require('./useRefetchableFragmentNode');
+const useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
+const {useCallback, useDebugValue, useState} = require('react');
+const {
+  getFragment,
+  getFragmentIdentifier,
+  getPaginationMetadata,
+} = require('relay-runtime');
+
 export type ReturnType<TQuery: OperationType, TKey, TFragmentData> = {|
   data: TFragmentData,
   loadNext: LoadMoreFn<TQuery>,
@@ -44,7 +46,7 @@ export type ReturnType<TQuery: OperationType, TKey, TFragmentData> = {|
 
 function usePaginationFragment<
   TQuery: OperationType,
-  TKey: ?{+$data?: mixed, +$fragmentRefs: FragmentReference, ...},
+  TKey: ?{+$data?: mixed, +$fragmentSpreads: FragmentType, ...},
 >(
   fragmentInput: GraphQLTaggedNode,
   parentFragmentRef: TKey,
@@ -82,42 +84,34 @@ function usePaginationFragment<
   const fragmentIdentifier = getFragmentIdentifier(fragmentNode, fragmentRef);
 
   // Backward pagination
-  const [
-    loadPrevious,
-    hasPrevious,
-    isLoadingPrevious,
-    disposeFetchPrevious,
-  ] = useLoadMore<TQuery>({
-    componentDisplayName,
-    connectionPathInFragmentData,
-    direction: 'backward',
-    fragmentData,
-    fragmentIdentifier,
-    fragmentNode,
-    fragmentRef,
-    identifierField,
-    paginationMetadata,
-    paginationRequest,
-  });
+  const [loadPrevious, hasPrevious, isLoadingPrevious, disposeFetchPrevious] =
+    useLoadMore<TQuery>({
+      componentDisplayName,
+      connectionPathInFragmentData,
+      direction: 'backward',
+      fragmentData,
+      fragmentIdentifier,
+      fragmentNode,
+      fragmentRef,
+      identifierField,
+      paginationMetadata,
+      paginationRequest,
+    });
 
   // Forward pagination
-  const [
-    loadNext,
-    hasNext,
-    isLoadingNext,
-    disposeFetchNext,
-  ] = useLoadMore<TQuery>({
-    componentDisplayName,
-    connectionPathInFragmentData,
-    direction: 'forward',
-    fragmentData,
-    fragmentIdentifier,
-    fragmentNode,
-    fragmentRef,
-    identifierField,
-    paginationMetadata,
-    paginationRequest,
-  });
+  const [loadNext, hasNext, isLoadingNext, disposeFetchNext] =
+    useLoadMore<TQuery>({
+      componentDisplayName,
+      connectionPathInFragmentData,
+      direction: 'forward',
+      fragmentData,
+      fragmentIdentifier,
+      fragmentNode,
+      fragmentRef,
+      identifierField,
+      paginationMetadata,
+      paginationRequest,
+    });
 
   const refetchPagination: RefetchFnDynamic<TQuery, TKey> = useCallback(
     (variables, options) => {

package/relay-hooks/usePreloadedQuery.js.flow

@@ -13,24 +13,23 @@
 
 'use strict';
 
-const invariant = require('invariant');
+import type {PreloadedQuery} from './EntryPointTypes.flow';
+import type {
+  GraphQLTaggedNode,
+  OperationType,
+  RenderPolicy,
+} from 'relay-runtime';
+
+const {useTrackLoadQueryInRender} = require('./loadQuery');
 const useLazyLoadQueryNode = require('./useLazyLoadQueryNode');
 const useMemoOperationDescriptor = require('./useMemoOperationDescriptor');
 const useRelayEnvironment = require('./useRelayEnvironment');
-const warning = require('warning');
-
-const {useTrackLoadQueryInRender} = require('./loadQuery');
+const invariant = require('invariant');
 const {useDebugValue} = require('react');
 const {
   __internal: {fetchQueryDeduped, fetchQuery},
 } = require('relay-runtime');
-
-import type {PreloadedQuery} from './EntryPointTypes.flow';
-import type {
-  GraphQLTaggedNode,
-  OperationType,
-  RenderPolicy,
-} from 'relay-runtime';
+const warning = require('warning');
 
 function usePreloadedQuery<TQuery: OperationType>(
   gqlQuery: GraphQLTaggedNode,
@@ -38,14 +37,19 @@ function usePreloadedQuery<TQuery: OperationType>(
   options?: {|
     UNSTABLE_renderPolicy?: RenderPolicy,
   |},
-): $ElementType<TQuery, 'response'> {
+): TQuery['response'] {
   // We need to use this hook in order to be able to track if
   // loadQuery was called during render
   useTrackLoadQueryInRender();
 
   const environment = useRelayEnvironment();
-  const {fetchKey, fetchPolicy, source, variables} = preloadedQuery;
-  const operation = useMemoOperationDescriptor(gqlQuery, variables);
+  const {fetchKey, fetchPolicy, source, variables, networkCacheConfig} =
+    preloadedQuery;
+  const operation = useMemoOperationDescriptor(
+    gqlQuery,
+    variables,
+    networkCacheConfig,
+  );
 
   let useLazyLoadQueryNodeParams;
   if (preloadedQuery.kind === 'PreloadedQuery_DEPRECATED') {

package/relay-hooks/useQueryLoader.js.flow

@@ -13,15 +13,9 @@
 
 'use strict';
 
-const useIsMountedRef = require('./useIsMountedRef');
-const useRelayEnvironment = require('./useRelayEnvironment');
-
-const {loadQuery, useTrackLoadQueryInRender} = require('./loadQuery');
-const {useCallback, useEffect, useRef, useState} = require('react');
-
 import type {
-  PreloadableConcreteRequest,
   LoadQueryOptions,
+  PreloadableConcreteRequest,
   PreloadedQuery,
 } from './EntryPointTypes.flow';
 import type {
@@ -30,8 +24,14 @@ import type {
   OperationType,
 } from 'relay-runtime';
 
+const {loadQuery, useTrackLoadQueryInRender} = require('./loadQuery');
+const useIsMountedRef = require('./useIsMountedRef');
+const useRelayEnvironment = require('./useRelayEnvironment');
+const {useCallback, useEffect, useRef, useState} = require('react');
+const {getRequest} = require('relay-runtime');
+
 export type LoaderFn<TQuery: OperationType> = (
-  variables: $ElementType<TQuery, 'variables'>,
+  variables: TQuery['variables'],
   options?: UseQueryLoaderLoadQueryOptions,
 ) => void;
 
@@ -54,6 +54,16 @@ type NullQueryReference = {|
 |};
 const initialNullQueryReferenceState = {kind: 'NullQueryReference'};
 
+function requestIsLiveQuery<TQuery: OperationType>(
+  preloadableRequest: GraphQLTaggedNode | PreloadableConcreteRequest<TQuery>,
+): boolean {
+  if (preloadableRequest.kind === 'PreloadableConcreteRequest') {
+    return (preloadableRequest: $FlowFixMe).params.metadata.live !== undefined;
+  }
+  const request = getRequest(preloadableRequest);
+  return request.params.metadata.live !== undefined;
+}
+
 function useQueryLoader<TQuery: OperationType>(
   preloadableRequest: GraphQLTaggedNode | PreloadableConcreteRequest<TQuery>,
   initialQueryReference?: ?PreloadedQuery<TQuery>,
@@ -93,12 +103,10 @@ function useQueryLoader<TQuery: OperationType>(
     PreloadedQuery<TQuery> | NullQueryReference,
   >(() => initialQueryReferenceInternal);
 
-  const [
-    previousInitialQueryReference,
-    setPreviousInitialQueryReference,
-  ] = useState<PreloadedQuery<TQuery> | NullQueryReference>(
-    () => initialQueryReferenceInternal,
-  );
+  const [previousInitialQueryReference, setPreviousInitialQueryReference] =
+    useState<PreloadedQuery<TQuery> | NullQueryReference>(
+      () => initialQueryReferenceInternal,
+    );
 
   if (initialQueryReferenceInternal !== previousInitialQueryReference) {
     // Rendering the query reference makes it "managed" by this hook, so
@@ -120,7 +128,7 @@ function useQueryLoader<TQuery: OperationType>(
 
   const queryLoaderCallback = useCallback(
     (
-      variables: $ElementType<TQuery, 'variables'>,
+      variables: TQuery['variables'],
       options?: ?UseQueryLoaderLoadQueryOptions,
     ) => {
       const mergedOptions: ?UseQueryLoaderLoadQueryOptions =
@@ -209,24 +217,35 @@ function useQueryLoader<TQuery: OperationType>(
 
         undisposedQueryReferences.delete(undisposedQueryReference);
         if (undisposedQueryReference.kind !== 'NullQueryReference') {
-          undisposedQueryReference.dispose &&
-            undisposedQueryReference.dispose();
+          if (requestIsLiveQuery(preloadableRequest)) {
+            undisposedQueryReference.dispose &&
+              undisposedQueryReference.dispose();
+          } else {
+            undisposedQueryReference.releaseQuery &&
+              undisposedQueryReference.releaseQuery();
+          }
         }
       }
     }
-  }, [queryReference, isMountedRef, queryLoaderCallback]);
+  }, [queryReference, isMountedRef, queryLoaderCallback, preloadableRequest]);
 
   useEffect(() => {
     return function disposeAllRemainingQueryReferences() {
       // undisposedQueryReferences.current is never reassigned
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      for (const unhandledStateChange of undisposedQueryReferencesRef.current) {
-        if (unhandledStateChange.kind !== 'NullQueryReference') {
-          unhandledStateChange.dispose && unhandledStateChange.dispose();
+      for (const undisposedQueryReference of undisposedQueryReferencesRef.current) {
+        if (undisposedQueryReference.kind !== 'NullQueryReference') {
+          if (requestIsLiveQuery(preloadableRequest)) {
+            undisposedQueryReference.dispose &&
+              undisposedQueryReference.dispose();
+          } else {
+            undisposedQueryReference.releaseQuery &&
+              undisposedQueryReference.releaseQuery();
+          }
         }
       }
     };
-  }, []);
+  }, [preloadableRequest]);
 
   return [
     queryReference.kind === 'NullQueryReference' ? null : queryReference,

package/relay-hooks/useRefetchableFragment.js.flow

@@ -13,19 +13,18 @@
 
 'use strict';
 
-const useRefetchableFragmentNode = require('./useRefetchableFragmentNode');
-const useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
-
-const {useDebugValue} = require('react');
-const {getFragment} = require('relay-runtime');
-
 import type {RefetchFnDynamic} from './useRefetchableFragmentNode';
 import type {
+  FragmentType,
   GraphQLTaggedNode,
   OperationType,
-  FragmentReference,
 } from 'relay-runtime';
 
+const useRefetchableFragmentNode = require('./useRefetchableFragmentNode');
+const useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
+const {useDebugValue} = require('react');
+const {getFragment} = require('relay-runtime');
+
 type ReturnType<TQuery: OperationType, TKey: ?{+$data?: mixed, ...}> = [
   // NOTE: This $Call ensures that the type of the returned data is either:
   //   - nullable if the provided ref type is nullable
@@ -41,7 +40,7 @@ type ReturnType<TQuery: OperationType, TKey: ?{+$data?: mixed, ...}> = [
 
 function useRefetchableFragment<
   TQuery: OperationType,
-  TKey: ?{+$data?: mixed, +$fragmentRefs: FragmentReference, ...},
+  TKey: ?{+$data?: mixed, +$fragmentSpreads: FragmentType, ...},
 >(
   fragmentInput: GraphQLTaggedNode,
   fragmentRef: TKey,

package/relay-hooks/useRefetchableFragmentNode.js.flow

@@ -13,27 +13,6 @@
 
 'use strict';
 
-const ProfilerContext = require('./ProfilerContext');
-
-const getRefetchMetadata = require('./getRefetchMetadata');
-const getValueAtPath = require('./getValueAtPath');
-const invariant = require('invariant');
-const useFragmentNode = require('./useFragmentNode');
-const useIsMountedRef = require('./useIsMountedRef');
-const useQueryLoader = require('./useQueryLoader');
-const useRelayEnvironment = require('./useRelayEnvironment');
-const warning = require('warning');
-
-const {getFragmentResourceForEnvironment} = require('./FragmentResource');
-const {getQueryResourceForEnvironment} = require('./QueryResource');
-const {useCallback, useContext, useReducer} = require('react');
-const {
-  __internal: {fetchQuery},
-  createOperationDescriptor,
-  getFragmentIdentifier,
-  getSelector,
-} = require('relay-runtime');
-
 import type {LoaderFn} from './useQueryLoader';
 import type {
   Disposable,
@@ -47,6 +26,25 @@ import type {
   VariablesOf,
 } from 'relay-runtime';
 
+const {getFragmentResourceForEnvironment} = require('./FragmentResource');
+const ProfilerContext = require('./ProfilerContext');
+const {getQueryResourceForEnvironment} = require('./QueryResource');
+const useFragmentNode = require('./useFragmentNode');
+const useIsMountedRef = require('./useIsMountedRef');
+const useQueryLoader = require('./useQueryLoader');
+const useRelayEnvironment = require('./useRelayEnvironment');
+const invariant = require('invariant');
+const {useCallback, useContext, useReducer} = require('react');
+const {
+  __internal: {fetchQuery},
+  createOperationDescriptor,
+  getFragmentIdentifier,
+  getRefetchMetadata,
+  getSelector,
+  getValueAtPath,
+} = require('relay-runtime');
+const warning = require('warning');
+
 export type RefetchFn<
   TQuery: OperationType,
   TOptions = Options,
@@ -176,11 +174,8 @@ function useRefetchableFragmentNode<
   componentDisplayName: string,
 ): ReturnType<TQuery, TKey, InternalOptions> {
   const parentEnvironment = useRelayEnvironment();
-  const {
-    refetchableRequest,
-    fragmentRefPathInResponse,
-    identifierField,
-  } = getRefetchMetadata(fragmentNode, componentDisplayName);
+  const {refetchableRequest, fragmentRefPathInResponse, identifierField} =
+    getRefetchMetadata(fragmentNode, componentDisplayName);
   const fragmentIdentifier = getFragmentIdentifier(
     fragmentNode,
     parentFragmentRef,
@@ -213,9 +208,8 @@ function useRefetchableFragmentNode<
   const shouldReset =
     environment !== mirroredEnvironment ||
     fragmentIdentifier !== mirroredFragmentIdentifier;
-  const [queryRef, loadQuery, disposeQuery] = useQueryLoader<TQuery>(
-    refetchableRequest,
-  );
+  const [queryRef, loadQuery, disposeQuery] =
+    useQueryLoader<TQuery>(refetchableRequest);
 
   let fragmentRef = parentFragmentRef;
   if (shouldReset) {
@@ -436,7 +430,6 @@ function useRefetchFunction<TQuery: OperationType>(
       // all variables required by the fragment when calling `refetch()`.
       // We fill in any variables not passed by the call to `refetch()` with the
       // variables from the original parent fragment owner.
-      // $FlowFixMe[cannot-spread-interface]
       const refetchVariables: VariablesOf<TQuery> = {
         ...(parentVariables: $FlowFixMe),
         ...fragmentVariables,
@@ -500,7 +493,7 @@ function useRefetchFunction<TQuery: OperationType>(
     //   - fragmentNode and parentFragmentRef are also captured by including
     //     fragmentIdentifier
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [fragmentIdentifier, dispatch, disposeQuery, identifierValue],
+    [fragmentIdentifier, dispatch, disposeQuery, identifierValue, loadQuery],
   );
 }
 
@@ -513,7 +506,6 @@ if (__DEV__) {
       environment: IEnvironment,
     ): ?DebugIDandTypename {
       const {Record} = require('relay-runtime');
-      // $FlowFixMe[prop-missing]
       const id = memoRefetchVariables?.id;
       if (
         fragmentRefPathInResponse.length !== 1 ||

package/relay-hooks/useRelayEnvironment.js.flow

@@ -13,13 +13,11 @@
 
 'use strict';
 
-const ReactRelayContext = require('react-relay/ReactRelayContext');
+import type {IEnvironment} from 'relay-runtime';
 
 const invariant = require('invariant');
-
 const {useContext} = require('react');
-
-import type {IEnvironment} from 'relay-runtime';
+const ReactRelayContext = require('react-relay/ReactRelayContext');
 
 function useRelayEnvironment(): IEnvironment {
   const context = useContext(ReactRelayContext);

package/relay-hooks/useStaticFragmentNodeWarning.js.flow

@@ -13,11 +13,10 @@
 
 'use strict';
 
-const warning = require('warning');
+import type {ReaderFragment} from 'relay-runtime';
 
 const {useRef} = require('react');
-
-import type {ReaderFragment} from 'relay-runtime';
+const warning = require('warning');
 
 function useStaticFragmentNodeWarning(
   fragmentNode: ReaderFragment,

package/relay-hooks/useSubscribeToInvalidationState.js.flow

@@ -13,12 +13,11 @@
 
 'use strict';
 
-const useRelayEnvironment = require('./useRelayEnvironment');
+import type {DataID, Disposable, InvalidationState} from 'relay-runtime';
 
+const useRelayEnvironment = require('./useRelayEnvironment');
 const {useEffect, useRef} = require('react');
 
-import type {DataID, Disposable, InvalidationState} from 'relay-runtime';
-
 /**
  * This hook subscribes a callback to the invalidation state of the given data
  * ids.
@@ -35,9 +34,7 @@ function useSubscribeToInvalidationState(
   const environment = useRelayEnvironment();
   const disposableRef = useRef(null);
 
-  const stableDataIDs = Array.from(dataIDs)
-    .sort()
-    .join('');
+  const stableDataIDs = Array.from(dataIDs).sort().join('');
   useEffect(() => {
     const store = environment.getStore();
     const invalidationState = store.lookupInvalidationState(dataIDs);

package/relay-hooks/useSubscription.js.flow

@@ -12,26 +12,36 @@
 
 'use strict';
 
-const React = require('react');
+import type {
+  Disposable,
+  GraphQLSubscriptionConfig,
+  IEnvironment,
+  SubscriptionParameters,
+} from 'relay-runtime';
 
 const useRelayEnvironment = require('./useRelayEnvironment');
-
+const {useEffect} = require('react');
 const {requestSubscription} = require('relay-runtime');
 
-import type {GraphQLSubscriptionConfig} from 'relay-runtime';
+type RequestSubscriptionFn<TSubscriptionParameters: SubscriptionParameters> = (
+  environment: IEnvironment,
+  config: GraphQLSubscriptionConfig<TSubscriptionParameters>,
+) => Disposable;
 
-function useSubscription<TSubscriptionPayload>(
-  config: GraphQLSubscriptionConfig<TSubscriptionPayload>,
-  requestSubscriptionFn?: typeof requestSubscription,
+function useSubscription<TSubscriptionParameters: SubscriptionParameters>(
+  config: GraphQLSubscriptionConfig<TSubscriptionParameters>,
+  requestSubscriptionFn?: RequestSubscriptionFn<TSubscriptionParameters>,
 ): void {
   // N.B. this will re-subscribe every render if config or requestSubscriptionFn
   // are not memoized.
   // Please do not pass an object defined in-line.
-  const actualRequestSubscription =
-    requestSubscriptionFn ?? requestSubscription;
+  const actualRequestSubscription: RequestSubscriptionFn<TSubscriptionParameters> =
+    requestSubscriptionFn ?? (requestSubscription: $FlowFixMe);
   const environment = useRelayEnvironment();
-  React.useEffect(() => {
-    const {dispose} = requestSubscription(environment, config);
+  useEffect(() => {
+    // $FlowFixMe[method-unbinding] added when improving typing for this parameters
+    const {dispose} = actualRequestSubscription(environment, config);
+    // $FlowFixMe[incompatible-call]
     return dispose;
   }, [environment, config, actualRequestSubscription]);
 }

package/lib/relay-hooks/getPaginationMetadata.js

@@ -1,41 +0,0 @@
-/**
- * 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.
- *
- * @emails oncall+relay
- * 
- * @format
- */
-// flowlint ambiguous-object-type:error
-'use strict';
-
-var getRefetchMetadata = require('./getRefetchMetadata');
-
-var invariant = require("fbjs/lib/invariant");
-
-function getPaginationMetadata(fragmentNode, componentDisplayName) {
-  var _fragmentNode$metadat, _fragmentNode$metadat2;
-
-  var _getRefetchMetadata = getRefetchMetadata(fragmentNode, componentDisplayName),
-      paginationRequest = _getRefetchMetadata.refetchableRequest,
-      refetchMetadata = _getRefetchMetadata.refetchMetadata;
-
-  var paginationMetadata = refetchMetadata.connection;
-  !(paginationMetadata != null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: getPaginationMetadata(): Expected fragment `%s` to include a ' + 'connection when using `%s`. Did you forget to add a @connection ' + 'directive to the connection field in the fragment?', componentDisplayName, fragmentNode.name) : invariant(false) : void 0;
-  var connectionPathInFragmentData = paginationMetadata.path;
-  var connectionMetadata = ((_fragmentNode$metadat = (_fragmentNode$metadat2 = fragmentNode.metadata) === null || _fragmentNode$metadat2 === void 0 ? void 0 : _fragmentNode$metadat2.connection) !== null && _fragmentNode$metadat !== void 0 ? _fragmentNode$metadat : [])[0];
-  !(connectionMetadata != null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: getPaginationMetadata(): Expected fragment `%s` to include a ' + 'connection when using `%s`. Did you forget to add a @connection ' + 'directive to the connection field in the fragment?', componentDisplayName, fragmentNode.name) : invariant(false) : void 0;
-  var identifierField = refetchMetadata.identifierField;
-  !(identifierField == null || typeof identifierField === 'string') ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: getRefetchMetadata(): Expected `identifierField` to be a string.') : invariant(false) : void 0;
-  return {
-    connectionPathInFragmentData: connectionPathInFragmentData,
-    identifierField: identifierField,
-    paginationRequest: paginationRequest,
-    paginationMetadata: paginationMetadata,
-    stream: connectionMetadata.stream === true
-  };
-}
-
-module.exports = getPaginationMetadata;

package/lib/relay-hooks/getPaginationVariables.js

@@ -1,67 +0,0 @@
-/**
- * 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.
- *
- * @emails oncall+relay
- * 
- * @format
- */
-// flowlint ambiguous-object-type:error
-'use strict';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var invariant = require("fbjs/lib/invariant");
-
-var warning = require("fbjs/lib/warning");
-
-function getPaginationVariables(direction, count, cursor, baseVariables, extraVariables, paginationMetadata) {
-  var _objectSpread3;
-
-  var backwardMetadata = paginationMetadata.backward,
-      forwardMetadata = paginationMetadata.forward;
-
-  if (direction === 'backward') {
-    var _objectSpread2;
-
-    !(backwardMetadata != null && backwardMetadata.count != null && backwardMetadata.cursor != null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected backward pagination metadata to be available. ' + "If you're seeing this, this is likely a bug in Relay.") : invariant(false) : void 0;
-    process.env.NODE_ENV !== "production" ? warning(!extraVariables.hasOwnProperty(backwardMetadata.cursor), 'Relay: `UNSTABLE_extraVariables` provided by caller should not ' + 'contain cursor variable `%s`. This variable is automatically ' + 'determined by Relay.', backwardMetadata.cursor) : void 0;
-    process.env.NODE_ENV !== "production" ? warning(!extraVariables.hasOwnProperty(backwardMetadata.count), 'Relay: `UNSTABLE_extraVariables` provided by caller should not ' + 'contain count variable `%s`. This variable is automatically ' + 'determined by Relay.', backwardMetadata.count) : void 0; // $FlowFixMe[cannot-spread-interface]
-
-    var _paginationVariables = (0, _objectSpread4["default"])((0, _objectSpread4["default"])((0, _objectSpread4["default"])({}, baseVariables), extraVariables), {}, (_objectSpread2 = {}, (0, _defineProperty2["default"])(_objectSpread2, backwardMetadata.cursor, cursor), (0, _defineProperty2["default"])(_objectSpread2, backwardMetadata.count, count), _objectSpread2));
-
-    if (forwardMetadata && forwardMetadata.cursor) {
-      _paginationVariables[forwardMetadata.cursor] = null;
-    }
-
-    if (forwardMetadata && forwardMetadata.count) {
-      _paginationVariables[forwardMetadata.count] = null;
-    }
-
-    return _paginationVariables;
-  }
-
-  !(forwardMetadata != null && forwardMetadata.count != null && forwardMetadata.cursor != null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected forward pagination metadata to be available. ' + "If you're seeing this, this is likely a bug in Relay.") : invariant(false) : void 0;
-  process.env.NODE_ENV !== "production" ? warning(!extraVariables.hasOwnProperty(forwardMetadata.cursor), 'Relay: `UNSTABLE_extraVariables` provided by caller should not ' + 'contain cursor variable `%s`. This variable is automatically ' + 'determined by Relay.', forwardMetadata.cursor) : void 0;
-  process.env.NODE_ENV !== "production" ? warning(!extraVariables.hasOwnProperty(forwardMetadata.count), 'Relay: `UNSTABLE_extraVariables` provided by caller should not ' + 'contain count variable `%s`. This variable is automatically ' + 'determined by Relay.', forwardMetadata.count) : void 0; // $FlowFixMe[cannot-spread-interface]
-
-  var paginationVariables = (0, _objectSpread4["default"])((0, _objectSpread4["default"])((0, _objectSpread4["default"])({}, baseVariables), extraVariables), {}, (_objectSpread3 = {}, (0, _defineProperty2["default"])(_objectSpread3, forwardMetadata.cursor, cursor), (0, _defineProperty2["default"])(_objectSpread3, forwardMetadata.count, count), _objectSpread3));
-
-  if (backwardMetadata && backwardMetadata.cursor) {
-    paginationVariables[backwardMetadata.cursor] = null;
-  }
-
-  if (backwardMetadata && backwardMetadata.count) {
-    paginationVariables[backwardMetadata.count] = null;
-  }
-
-  return paginationVariables;
-}
-
-module.exports = getPaginationVariables;