react-relay 0.0.0-main-a4e82e93 → 0.0.0-main-5c3febad

package/ReactRelayContext.js

@@ -1,5 +1,5 @@
 /**
- * Relay v0.0.0-main-a4e82e93
+ * Relay v0.0.0-main-5c3febad
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/hooks.js

@@ -1,5 +1,5 @@
 /**
- * Relay v0.0.0-main-a4e82e93
+ * Relay v0.0.0-main-5c3febad
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/index.js

@@ -1,5 +1,5 @@
 /**
- * Relay v0.0.0-main-a4e82e93
+ * Relay v0.0.0-main-5c3febad
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/legacy.js

@@ -1,5 +1,5 @@
 /**
- * Relay v0.0.0-main-a4e82e93
+ * Relay v0.0.0-main-5c3febad
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/lib/relay-hooks/useFragmentInternal_EXPERIMENTAL.js

@@ -431,10 +431,20 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
         isMount: committedFragmentSelectorRef.current === false,
         suspendingLiveResolvers: suspendingLiveResolvers
       });
-      var promise = Promise.all(suspendingLiveResolvers.map(function (liveStateID) {
-        return environment.getStore().getLiveResolverPromise(liveStateID);
-      }));
-      promise.displayName = 'RelayLiveResolver(' + fragmentNode.name + ')';
+      var store = environment.getStore();
+      var promises = suspendingLiveResolvers.map(function (liveStateID) {
+        return store.getLiveResolverPromise(liveStateID);
+      });
+      var described = '';
+      for (var i = 0; i < promises.length; i++) {
+        var liveStateName = promises[i].displayName;
+        if (liveStateName != null && liveStateName !== '') {
+          described = described === '' ? liveStateName : described + ',' + liveStateName;
+        }
+      }
+      var promise = Promise.all(promises);
+      var name = 'RelayLiveResolver(' + fragmentNode.name + ')';
+      promise.displayName = described === '' ? name : name + ' <- ' + described;
       throw promise;
     }
     if (RelayFeatureFlags.ENABLE_RELAY_OPERATION_TRACKER_SUSPENSE || environment !== previousEnvironment || committedFragmentSelectorRef.current === false || !areEqualSelectors(committedFragmentSelectorRef.current, fragmentSelector)) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-relay",
   "description": "A framework for building GraphQL-driven React applications.",
-  "version": "0.0.0-main-a4e82e93",
+  "version": "0.0.0-main-5c3febad",
   "keywords": [
     "graphql",
     "relay",
@@ -20,7 +20,7 @@
     "fbjs": "^3.0.2",
     "invariant": "^2.2.4",
     "nullthrows": "^1.1.1",
-    "relay-runtime": "0.0.0-main-a4e82e93"
+    "relay-runtime": "0.0.0-main-5c3febad"
   },
   "peerDependencies": {
     "react": "^16.9.0 || ^17 || ^18 || ^19"

package/relay-hooks/useFragmentInternal_EXPERIMENTAL.js.flow

@@ -577,14 +577,31 @@ hook useFragmentInternal_EXPERIMENTAL(
         isMount: committedFragmentSelectorRef.current === false,
         suspendingLiveResolvers,
       });
-      const promise = Promise.all(
-        suspendingLiveResolvers.map(liveStateID => {
-          // $FlowFixMe[prop-missing] This is expected to be a RelayModernStore
-          return environment.getStore().getLiveResolverPromise(liveStateID);
-        }),
-      );
+      const store = environment.getStore();
+      const promises = suspendingLiveResolvers.map(liveStateID => {
+        // $FlowFixMe[prop-missing] This is expected to be a RelayModernStore
+        return store.getLiveResolverPromise(liveStateID);
+      });
+      // `Promise.all` yields a new promise, so the names already set on the
+      // promises it wraps are lost. Fold them into this one. Built with a loop
+      // and string concatenation rather than filter/join: this runs on every
+      // suspending read, and the intermediate array is the expensive part.
+      let described = '';
+      for (let i = 0; i < promises.length; i++) {
+        // $FlowFixMe[prop-missing] Expando to annotate Promises.
+        const liveStateName: ?string = promises[i].displayName;
+        if (liveStateName != null && liveStateName !== '') {
+          described =
+            described === '' ? liveStateName : described + ',' + liveStateName;
+        }
+      }
+      const promise = Promise.all(promises);
+      // Appended, not substituted: the `RelayLiveResolver(<fragment>)` form is
+      // pattern-matched by profiling tools, and it is the only part that says
+      // where the spinner rendered.
+      const name = 'RelayLiveResolver(' + fragmentNode.name + ')';
       // $FlowExpectedError[prop-missing] Expando to annotate Promises.
-      promise.displayName = 'RelayLiveResolver(' + fragmentNode.name + ')';
+      promise.displayName = described === '' ? name : name + ' <- ' + described;
       throw promise;
     }
     // Suspend if an active operation bears on this fragment, either the

package/rsc-client_EXPERIMENTAL.js

@@ -1,5 +1,5 @@
 /**
- * Relay v0.0.0-main-a4e82e93
+ * Relay v0.0.0-main-5c3febad
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/rsc_EXPERIMENTAL.js

@@ -1,5 +1,5 @@
 /**
- * Relay v0.0.0-main-a4e82e93
+ * Relay v0.0.0-main-5c3febad
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *