react-relay 14.1.0 → 15.0.0

package/lib/ReactRelayLocalQueryRenderer.js

@@ -6,49 +6,41 @@
  *
  * 
  * @format
+ * @oncall relay
  */
+
 'use strict';
 
 var ReactRelayContext = require('./ReactRelayContext');
-
 var ReactRelayQueryRendererContext = require('./ReactRelayQueryRendererContext');
-
 var areEqual = require("fbjs/lib/areEqual");
-
 var React = require('react');
-
 var _require = require('relay-runtime'),
-    createOperationDescriptor = _require.createOperationDescriptor,
-    deepFreeze = _require.deepFreeze,
-    getRequest = _require.getRequest;
-
+  createOperationDescriptor = _require.createOperationDescriptor,
+  deepFreeze = _require.deepFreeze,
+  getRequest = _require.getRequest;
 var useLayoutEffect = React.useLayoutEffect,
-    useState = React.useState,
-    useRef = React.useRef,
-    useMemo = React.useMemo;
+  useState = React.useState,
+  useRef = React.useRef,
+  useMemo = React.useMemo;
 var queryRendererContext = {
   rootIsQueryRenderer: true
 };
-
 function useDeepCompare(value) {
   var latestValue = React.useRef(value);
-
   if (!areEqual(latestValue.current, value)) {
     if (process.env.NODE_ENV !== "production") {
       deepFreeze(value);
     }
-
     latestValue.current = value;
   }
-
   return latestValue.current;
 }
-
 function ReactRelayLocalQueryRenderer(props) {
   var environment = props.environment,
-      query = props.query,
-      variables = props.variables,
-      render = props.render;
+    query = props.query,
+    variables = props.variables,
+    render = props.render;
   var latestVariables = useDeepCompare(variables);
   var operation = useMemo(function () {
     var request = getRequest(query);
@@ -58,28 +50,27 @@ function ReactRelayLocalQueryRenderer(props) {
     return {
       environment: environment
     };
-  }, [environment]); // Use a ref to prevent rendering twice when data changes
-  // because of props change
+  }, [environment]);
 
+  // Use a ref to prevent rendering twice when data changes
+  // because of props change
   var dataRef = useRef(null);
-
   var _useState = useState(null),
-      forceUpdate = _useState[1];
-
+    forceUpdate = _useState[1];
   var cleanupFnRef = useRef(null);
   var snapshot = useMemo(function () {
     environment.check(operation);
     var res = environment.lookup(operation.fragment);
-    dataRef.current = res.data; // Run effects here so that the data can be retained
-    // and subscribed before the component commits
+    dataRef.current = res.data;
 
+    // Run effects here so that the data can be retained
+    // and subscribed before the component commits
     var retainDisposable = environment.retain(operation);
     var subscribeDisposable = environment.subscribe(res, function (newSnapshot) {
       dataRef.current = newSnapshot.data;
       forceUpdate(dataRef.current);
     });
     var disposed = false;
-
     function nextCleanupFn() {
       if (!disposed) {
         disposed = true;
@@ -88,11 +79,9 @@ function ReactRelayLocalQueryRenderer(props) {
         subscribeDisposable.dispose();
       }
     }
-
     if (cleanupFnRef.current) {
       cleanupFnRef.current();
     }
-
     cleanupFnRef.current = nextCleanupFn;
     return res;
   }, [environment, operation]);
@@ -110,5 +99,4 @@ function ReactRelayLocalQueryRenderer(props) {
     props: dataRef.current
   })));
 }
-
 module.exports = ReactRelayLocalQueryRenderer;