@matthamlin/react-client 0.0.0-experimental-31d91651-20250625 → 0.0.0-experimental-58ac15cd-20250627

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/cjs/react-client-flight.development.js +455 -333
  2. package/cjs/react-client-flight.production.js +1 -1
  3. package/package.json +2 -2
package/cjs/react-client-flight.development.js CHANGED
@@ -872,6 +872,66 @@
872
872
  registerBoundServerReference(action, id, bound, encodeFormAction);
873
873
  return action;
874
874
  }
875
+ function getComponentNameFromType(type) {
876
+ if (null == type) return null;
877
+ if ("function" === typeof type)
878
+ return type.$$typeof === REACT_CLIENT_REFERENCE
879
+ ? null
880
+ : type.displayName || type.name || null;
881
+ if ("string" === typeof type) return type;
882
+ switch (type) {
883
+ case REACT_FRAGMENT_TYPE:
884
+ return "Fragment";
885
+ case REACT_PROFILER_TYPE:
886
+ return "Profiler";
887
+ case REACT_STRICT_MODE_TYPE:
888
+ return "StrictMode";
889
+ case REACT_SUSPENSE_TYPE:
890
+ return "Suspense";
891
+ case REACT_SUSPENSE_LIST_TYPE:
892
+ return "SuspenseList";
893
+ case REACT_ACTIVITY_TYPE:
894
+ return "Activity";
895
+ case REACT_VIEW_TRANSITION_TYPE:
896
+ return "ViewTransition";
897
+ }
898
+ if ("object" === typeof type)
899
+ switch (
900
+ ("number" === typeof type.tag &&
901
+ console.error(
902
+ "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
903
+ ),
904
+ type.$$typeof)
905
+ ) {
906
+ case REACT_PORTAL_TYPE:
907
+ return "Portal";
908
+ case REACT_CONTEXT_TYPE:
909
+ return type.displayName || "Context";
910
+ case REACT_CONSUMER_TYPE:
911
+ return (type._context.displayName || "Context") + ".Consumer";
912
+ case REACT_FORWARD_REF_TYPE:
913
+ var innerType = type.render;
914
+ type = type.displayName;
915
+ type ||
916
+ ((type = innerType.displayName || innerType.name || ""),
917
+ (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
918
+ return type;
919
+ case REACT_MEMO_TYPE:
920
+ return (
921
+ (innerType = type.displayName || null),
922
+ null !== innerType
923
+ ? innerType
924
+ : getComponentNameFromType(type.type) || "Memo"
925
+ );
926
+ case REACT_LAZY_TYPE:
927
+ innerType = type._payload;
928
+ type = type._init;
929
+ try {
930
+ return getComponentNameFromType(type(innerType));
931
+ } catch (x) {}
932
+ }
933
+ return null;
934
+ }
875
935
  function getArrayKind(array) {
876
936
  for (var kind = 0, i = 0; i < array.length; i++) {
877
937
  var value = array[i];
@@ -909,14 +969,62 @@
909
969
  value = "null";
910
970
  break;
911
971
  } else {
912
- var objectToString = Object.prototype.toString.call(value);
913
- objectToString = objectToString.slice(8, objectToString.length - 1);
914
- if ("Array" === objectToString) {
915
- var kind = getArrayKind(value);
916
- if (2 === kind || 0 === kind) {
972
+ if (value.$$typeof === REACT_ELEMENT_TYPE) {
973
+ var typeName = getComponentNameFromType(value.type) || "\u2026",
974
+ key = value.key;
975
+ value = value.props;
976
+ var propsKeys = Object.keys(value),
977
+ propsLength = propsKeys.length;
978
+ if (null == key && 0 === propsLength) {
979
+ value = "<" + typeName + " />";
980
+ break;
981
+ }
982
+ if (
983
+ 3 > indent ||
984
+ (1 === propsLength &&
985
+ "children" === propsKeys[0] &&
986
+ null == key)
987
+ ) {
988
+ value = "<" + typeName + " \u2026 />";
989
+ break;
990
+ }
991
+ properties.push([
992
+ "\u00a0\u00a0".repeat(indent) + propertyName,
993
+ "<" + typeName
994
+ ]);
995
+ null !== key &&
996
+ addValueToProperties("key", key, properties, indent + 1);
997
+ propertyName = !1;
998
+ for (var propKey in value)
999
+ "children" === propKey
1000
+ ? null != value.children &&
1001
+ (!isArrayImpl(value.children) ||
1002
+ 0 < value.children.length) &&
1003
+ (propertyName = !0)
1004
+ : hasOwnProperty.call(value, propKey) &&
1005
+ "_" !== propKey[0] &&
1006
+ addValueToProperties(
1007
+ propKey,
1008
+ value[propKey],
1009
+ properties,
1010
+ indent + 1
1011
+ );
1012
+ properties.push([
1013
+ "",
1014
+ propertyName ? ">\u2026</" + typeName + ">" : "/>"
1015
+ ]);
1016
+ return;
1017
+ }
1018
+ typeName = Object.prototype.toString.call(value);
1019
+ typeName = typeName.slice(8, typeName.length - 1);
1020
+ if ("Array" === typeName)
1021
+ if (
1022
+ ((propKey = getArrayKind(value)),
1023
+ 2 === propKey || 0 === propKey)
1024
+ ) {
917
1025
  value = JSON.stringify(value);
918
1026
  break;
919
- } else if (3 === kind) {
1027
+ } else if (3 === propKey) {
920
1028
  properties.push([
921
1029
  "\u00a0\u00a0".repeat(indent) + propertyName,
922
1030
  ""
@@ -926,23 +1034,22 @@
926
1034
  propertyName < value.length;
927
1035
  propertyName++
928
1036
  )
929
- (objectToString = value[propertyName]),
1037
+ (typeName = value[propertyName]),
930
1038
  addValueToProperties(
931
- objectToString[0],
932
- objectToString[1],
1039
+ typeName[0],
1040
+ typeName[1],
933
1041
  properties,
934
1042
  indent + 1
935
1043
  );
936
1044
  return;
937
1045
  }
938
- }
939
- "Object" === objectToString &&
940
- (kind = Object.getPrototypeOf(value)) &&
941
- "function" === typeof kind.constructor &&
942
- (objectToString = kind.constructor.name);
1046
+ "Object" === typeName &&
1047
+ (propKey = Object.getPrototypeOf(value)) &&
1048
+ "function" === typeof propKey.constructor &&
1049
+ (typeName = propKey.constructor.name);
943
1050
  properties.push([
944
1051
  "\u00a0\u00a0".repeat(indent) + propertyName,
945
- "Object" === objectToString ? "" : objectToString
1052
+ "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName
946
1053
  ]);
947
1054
  3 > indent && addObjectToProperties(value, properties, indent + 1);
948
1055
  return;
@@ -954,7 +1061,7 @@
954
1061
  value =
955
1062
  "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects." ===
956
1063
  value
957
- ? "..."
1064
+ ? "\u2026"
958
1065
  : JSON.stringify(value);
959
1066
  break;
960
1067
  case "undefined":
@@ -1124,66 +1231,6 @@
1124
1231
  );
1125
1232
  }
1126
1233
  }
1127
- function getComponentNameFromType(type) {
1128
- if (null == type) return null;
1129
- if ("function" === typeof type)
1130
- return type.$$typeof === REACT_CLIENT_REFERENCE
1131
- ? null
1132
- : type.displayName || type.name || null;
1133
- if ("string" === typeof type) return type;
1134
- switch (type) {
1135
- case REACT_FRAGMENT_TYPE:
1136
- return "Fragment";
1137
- case REACT_PROFILER_TYPE:
1138
- return "Profiler";
1139
- case REACT_STRICT_MODE_TYPE:
1140
- return "StrictMode";
1141
- case REACT_SUSPENSE_TYPE:
1142
- return "Suspense";
1143
- case REACT_SUSPENSE_LIST_TYPE:
1144
- return "SuspenseList";
1145
- case REACT_ACTIVITY_TYPE:
1146
- return "Activity";
1147
- case REACT_VIEW_TRANSITION_TYPE:
1148
- return "ViewTransition";
1149
- }
1150
- if ("object" === typeof type)
1151
- switch (
1152
- ("number" === typeof type.tag &&
1153
- console.error(
1154
- "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
1155
- ),
1156
- type.$$typeof)
1157
- ) {
1158
- case REACT_PORTAL_TYPE:
1159
- return "Portal";
1160
- case REACT_CONTEXT_TYPE:
1161
- return type.displayName || "Context";
1162
- case REACT_CONSUMER_TYPE:
1163
- return (type._context.displayName || "Context") + ".Consumer";
1164
- case REACT_FORWARD_REF_TYPE:
1165
- var innerType = type.render;
1166
- type = type.displayName;
1167
- type ||
1168
- ((type = innerType.displayName || innerType.name || ""),
1169
- (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
1170
- return type;
1171
- case REACT_MEMO_TYPE:
1172
- return (
1173
- (innerType = type.displayName || null),
1174
- null !== innerType
1175
- ? innerType
1176
- : getComponentNameFromType(type.type) || "Memo"
1177
- );
1178
- case REACT_LAZY_TYPE:
1179
- innerType = type._payload;
1180
- type = type._init;
1181
- try {
1182
- return getComponentNameFromType(type(innerType));
1183
- } catch (x) {}
1184
- }
1185
- return null;
1186
- }
1187
1234
  function ReactPromise(status, value, reason) {
1188
1235
  this.status = status;
1189
1236
  this.value = value;
@@ -1375,6 +1422,45 @@
1375
1422
  return "<...>";
1376
1423
  }
1377
1424
  }
1425
+ function initializeElement(response, element) {
1426
+ var stack = element._debugStack,
1427
+ owner = element._owner;
1428
+ null === owner && (element._owner = response._debugRootOwner);
1429
+ var env = response._rootEnvironmentName;
1430
+ null !== owner && null != owner.env && (env = owner.env);
1431
+ var normalizedStackTrace = null;
1432
+ null === owner && null != response._debugRootStack
1433
+ ? (normalizedStackTrace = response._debugRootStack)
1434
+ : null !== stack &&
1435
+ (normalizedStackTrace = createFakeJSXCallStackInDEV(
1436
+ response,
1437
+ stack,
1438
+ env
1439
+ ));
1440
+ element._debugStack = normalizedStackTrace;
1441
+ normalizedStackTrace = null;
1442
+ supportsCreateTask &&
1443
+ null !== stack &&
1444
+ ((normalizedStackTrace = console.createTask.bind(
1445
+ console,
1446
+ getTaskName(element.type)
1447
+ )),
1448
+ (stack = buildFakeCallStack(
1449
+ response,
1450
+ stack,
1451
+ env,
1452
+ !1,
1453
+ normalizedStackTrace
1454
+ )),
1455
+ (env = null === owner ? null : initializeFakeTask(response, owner)),
1456
+ null === env
1457
+ ? ((env = response._debugRootTask),
1458
+ (normalizedStackTrace = null != env ? env.run(stack) : stack()))
1459
+ : (normalizedStackTrace = env.run(stack)));
1460
+ element._debugTask = normalizedStackTrace;
1461
+ null !== owner && initializeFakeStack(response, owner);
1462
+ Object.freeze(element.props);
1463
+ }
1378
1464
  function createLazyChunkWrapper(chunk) {
1379
1465
  var lazyType = {
1380
1466
  $$typeof: REACT_LAZY_TYPE,
@@ -1431,6 +1517,9 @@
1431
1517
  break;
1432
1518
  case "4":
1433
1519
  value._owner = i;
1520
+ break;
1521
+ case "5":
1522
+ value._debugStack = i;
1434
1523
  }
1435
1524
  handler.deps--;
1436
1525
  0 === handler.deps &&
@@ -2737,93 +2826,133 @@
2737
2826
  startTime = trackTime,
2738
2827
  componentEndTime = childResult,
2739
2828
  childrenEndTime = componentInfo;
2740
- _i4 &&
2741
- "rejected" === root.status &&
2742
- root.reason !== response._closedReason
2743
- ? ((_i4 = root.reason),
2829
+ if (
2830
+ _i4 &&
2831
+ "rejected" === root.status &&
2832
+ root.reason !== response._closedReason
2833
+ )
2834
+ (_i4 = componentInfo$jscomp$0),
2835
+ (childResult = trackIdx$jscomp$0),
2836
+ (componentEndTime = childrenEndTime),
2837
+ (childrenEndTime = root.reason),
2744
2838
  supportsUserTiming &&
2745
- ((childResult = componentInfo$jscomp$0.env),
2746
- (componentInfo$jscomp$0 = componentInfo$jscomp$0.name),
2747
- (childResult =
2748
- childResult === response._rootEnvironmentName ||
2749
- void 0 === childResult
2839
+ ((trackIdx$jscomp$0 = _i4.env),
2840
+ (componentInfo$jscomp$0 = _i4.name),
2841
+ (response =
2842
+ trackIdx$jscomp$0 === response._rootEnvironmentName ||
2843
+ void 0 === trackIdx$jscomp$0
2750
2844
  ? componentInfo$jscomp$0
2751
2845
  : componentInfo$jscomp$0 +
2752
2846
  " [" +
2753
- childResult +
2847
+ trackIdx$jscomp$0 +
2754
2848
  "]"),
2755
- performance.measure(childResult, {
2849
+ (childrenEndTime = [
2850
+ [
2851
+ "Error",
2852
+ "object" === typeof childrenEndTime &&
2853
+ null !== childrenEndTime &&
2854
+ "string" === typeof childrenEndTime.message
2855
+ ? String(childrenEndTime.message)
2856
+ : String(childrenEndTime)
2857
+ ]
2858
+ ]),
2859
+ null != _i4.key &&
2860
+ addValueToProperties(
2861
+ "key",
2862
+ _i4.key,
2863
+ childrenEndTime,
2864
+ 0
2865
+ ),
2866
+ null != _i4.props &&
2867
+ addObjectToProperties(_i4.props, childrenEndTime, 0),
2868
+ performance.measure(response, {
2756
2869
  start: 0 > startTime ? 0 : startTime,
2757
- end: childrenEndTime,
2870
+ end: componentEndTime,
2758
2871
  detail: {
2759
2872
  devtools: {
2760
2873
  color: "error",
2761
- track: trackNames[trackIdx$jscomp$0],
2874
+ track: trackNames[childResult],
2762
2875
  trackGroup: "Server Components \u269b",
2763
- tooltipText: childResult + " Errored",
2764
- properties: [
2765
- [
2766
- "Error",
2767
- "object" === typeof _i4 &&
2768
- null !== _i4 &&
2769
- "string" === typeof _i4.message
2770
- ? String(_i4.message)
2771
- : String(_i4)
2772
- ]
2773
- ]
2876
+ tooltipText: response + " Errored",
2877
+ properties: childrenEndTime
2774
2878
  }
2775
2879
  }
2776
- })))
2777
- : ((_i4 = trackIdx$jscomp$0),
2778
- (childResult = startTime),
2779
- (startTime = childrenEndTime),
2780
- supportsUserTiming &&
2781
- 0 <= startTime &&
2782
- 10 > _i4 &&
2783
- ((childrenEndTime = componentInfo$jscomp$0.env),
2784
- (trackIdx$jscomp$0 = componentInfo$jscomp$0.name),
2785
- (response =
2786
- childrenEndTime === response._rootEnvironmentName),
2787
- (componentEndTime -= childResult),
2788
- (componentEndTime =
2789
- 0.5 > componentEndTime
2790
- ? response
2791
- ? "primary-light"
2792
- : "secondary-light"
2793
- : 50 > componentEndTime
2794
- ? response
2795
- ? "primary"
2796
- : "secondary"
2797
- : 500 > componentEndTime
2798
- ? response
2799
- ? "primary-dark"
2800
- : "secondary-dark"
2801
- : "error"),
2802
- (response =
2803
- response || void 0 === childrenEndTime
2804
- ? trackIdx$jscomp$0
2805
- : trackIdx$jscomp$0 + " [" + childrenEndTime + "]"),
2806
- (componentInfo$jscomp$0 =
2807
- componentInfo$jscomp$0.debugTask)
2808
- ? componentInfo$jscomp$0.run(
2809
- console.timeStamp.bind(
2810
- console,
2811
- response,
2812
- 0 > childResult ? 0 : childResult,
2813
- startTime,
2814
- trackNames[_i4],
2815
- "Server Components \u269b",
2816
- componentEndTime
2817
- )
2818
- )
2819
- : console.timeStamp(
2820
- response,
2821
- 0 > childResult ? 0 : childResult,
2822
- startTime,
2823
- trackNames[_i4],
2824
- "Server Components \u269b",
2825
- componentEndTime
2826
- )));
2880
+ }));
2881
+ else if (
2882
+ ((_i4 = componentInfo$jscomp$0),
2883
+ (childResult = trackIdx$jscomp$0),
2884
+ supportsUserTiming &&
2885
+ 0 <= childrenEndTime &&
2886
+ 10 > childResult)
2887
+ ) {
2888
+ trackIdx$jscomp$0 = _i4.env;
2889
+ componentInfo$jscomp$0 = _i4.name;
2890
+ var isPrimaryEnv =
2891
+ trackIdx$jscomp$0 === response._rootEnvironmentName;
2892
+ response = componentEndTime - startTime;
2893
+ response =
2894
+ 0.5 > response
2895
+ ? isPrimaryEnv
2896
+ ? "primary-light"
2897
+ : "secondary-light"
2898
+ : 50 > response
2899
+ ? isPrimaryEnv
2900
+ ? "primary"
2901
+ : "secondary"
2902
+ : 500 > response
2903
+ ? isPrimaryEnv
2904
+ ? "primary-dark"
2905
+ : "secondary-dark"
2906
+ : "error";
2907
+ componentEndTime =
2908
+ isPrimaryEnv || void 0 === trackIdx$jscomp$0
2909
+ ? componentInfo$jscomp$0
2910
+ : componentInfo$jscomp$0 +
2911
+ " [" +
2912
+ trackIdx$jscomp$0 +
2913
+ "]";
2914
+ (trackIdx$jscomp$0 = _i4.debugTask)
2915
+ ? ((componentInfo$jscomp$0 = []),
2916
+ null != _i4.key &&
2917
+ addValueToProperties(
2918
+ "key",
2919
+ _i4.key,
2920
+ componentInfo$jscomp$0,
2921
+ 0
2922
+ ),
2923
+ null != _i4.props &&
2924
+ addObjectToProperties(
2925
+ _i4.props,
2926
+ componentInfo$jscomp$0,
2927
+ 0
2928
+ ),
2929
+ trackIdx$jscomp$0.run(
2930
+ performance.measure.bind(
2931
+ performance,
2932
+ componentEndTime,
2933
+ {
2934
+ start: 0 > startTime ? 0 : startTime,
2935
+ end: childrenEndTime,
2936
+ detail: {
2937
+ devtools: {
2938
+ color: response,
2939
+ track: trackNames[childResult],
2940
+ trackGroup: "Server Components \u269b",
2941
+ properties: componentInfo$jscomp$0
2942
+ }
2943
+ }
2944
+ }
2945
+ )
2946
+ ))
2947
+ : console.timeStamp(
2948
+ componentEndTime,
2949
+ 0 > startTime ? 0 : startTime,
2950
+ childrenEndTime,
2951
+ trackNames[childResult],
2952
+ "Server Components \u269b",
2953
+ response
2954
+ );
2955
+ }
2827
2956
  childResult = trackTime;
2828
2957
  trackIdx.component = candidateInfo;
2829
2958
  _i4 = !1;
@@ -2831,12 +2960,11 @@
2831
2960
  if (
2832
2961
  (parentEndTime > componentInfo &&
2833
2962
  (componentInfo = parentEndTime),
2834
- (componentEndTime = response$jscomp$0._rootEnvironmentName),
2835
- (componentInfo$jscomp$0 = candidateInfo.awaited.value))
2963
+ (childrenEndTime = response$jscomp$0._rootEnvironmentName),
2964
+ (response = candidateInfo.awaited.value))
2836
2965
  )
2837
2966
  switch (
2838
- ((childrenEndTime = componentInfo$jscomp$0),
2839
- childrenEndTime.status)
2967
+ ((trackIdx$jscomp$0 = response), trackIdx$jscomp$0.status)
2840
2968
  ) {
2841
2969
  case "fulfilled":
2842
2970
  logComponentAwait(
@@ -2844,68 +2972,72 @@
2844
2972
  trackIdx$jscomp$1,
2845
2973
  trackTime,
2846
2974
  parentEndTime,
2847
- componentEndTime,
2848
- childrenEndTime.value
2975
+ childrenEndTime,
2976
+ trackIdx$jscomp$0.value
2849
2977
  );
2850
2978
  break;
2851
2979
  case "rejected":
2852
- componentInfo$jscomp$0 = trackIdx$jscomp$1;
2853
- response = trackTime;
2854
- startTime = parentEndTime;
2855
- childrenEndTime = childrenEndTime.reason;
2856
- if (supportsUserTiming && 0 < startTime) {
2857
- trackIdx$jscomp$0 = candidateInfo.env;
2858
- var name = candidateInfo.awaited.name;
2859
- componentEndTime =
2980
+ response = trackIdx$jscomp$1;
2981
+ startTime = trackTime;
2982
+ componentEndTime = parentEndTime;
2983
+ trackIdx$jscomp$0 = trackIdx$jscomp$0.reason;
2984
+ supportsUserTiming &&
2985
+ 0 < componentEndTime &&
2986
+ ((componentInfo$jscomp$0 = candidateInfo.env),
2987
+ (isPrimaryEnv = candidateInfo.awaited.name),
2988
+ (childrenEndTime =
2860
2989
  "await " +
2861
- (trackIdx$jscomp$0 === componentEndTime ||
2862
- void 0 === trackIdx$jscomp$0
2863
- ? name
2864
- : name + " [" + trackIdx$jscomp$0 + "]");
2990
+ (componentInfo$jscomp$0 === childrenEndTime ||
2991
+ void 0 === componentInfo$jscomp$0
2992
+ ? isPrimaryEnv
2993
+ : isPrimaryEnv +
2994
+ " [" +
2995
+ componentInfo$jscomp$0 +
2996
+ "]")),
2865
2997
  (candidateInfo =
2866
2998
  candidateInfo.debugTask ||
2867
2999
  candidateInfo.awaited.debugTask)
2868
3000
  ? candidateInfo.run(
2869
3001
  performance.measure.bind(
2870
3002
  performance,
2871
- componentEndTime,
3003
+ childrenEndTime,
2872
3004
  {
2873
- start: 0 > response ? 0 : response,
2874
- end: startTime,
3005
+ start: 0 > startTime ? 0 : startTime,
3006
+ end: componentEndTime,
2875
3007
  detail: {
2876
3008
  devtools: {
2877
3009
  color: "error",
2878
- track:
2879
- trackNames[componentInfo$jscomp$0],
3010
+ track: trackNames[response],
2880
3011
  trackGroup: "Server Components \u269b",
2881
3012
  properties: [
2882
3013
  [
2883
3014
  "Rejected",
2884
3015
  "object" ===
2885
- typeof childrenEndTime &&
2886
- null !== childrenEndTime &&
3016
+ typeof trackIdx$jscomp$0 &&
3017
+ null !== trackIdx$jscomp$0 &&
2887
3018
  "string" ===
2888
- typeof childrenEndTime.message
2889
- ? String(childrenEndTime.message)
2890
- : String(childrenEndTime)
3019
+ typeof trackIdx$jscomp$0.message
3020
+ ? String(
3021
+ trackIdx$jscomp$0.message
3022
+ )
3023
+ : String(trackIdx$jscomp$0)
2891
3024
  ]
2892
3025
  ],
2893
3026
  tooltipText:
2894
- componentEndTime + " Rejected"
3027
+ childrenEndTime + " Rejected"
2895
3028
  }
2896
3029
  }
2897
3030
  }
2898
3031
  )
2899
3032
  )
2900
3033
  : console.timeStamp(
3034
+ childrenEndTime,
3035
+ 0 > startTime ? 0 : startTime,
2901
3036
  componentEndTime,
2902
- 0 > response ? 0 : response,
2903
- startTime,
2904
- trackNames[componentInfo$jscomp$0],
3037
+ trackNames[response],
2905
3038
  "Server Components \u269b",
2906
3039
  "error"
2907
- );
2908
- }
3040
+ ));
2909
3041
  break;
2910
3042
  default:
2911
3043
  logComponentAwait(
@@ -2913,7 +3045,7 @@
2913
3045
  trackIdx$jscomp$1,
2914
3046
  trackTime,
2915
3047
  parentEndTime,
2916
- componentEndTime,
3048
+ childrenEndTime,
2917
3049
  void 0
2918
3050
  );
2919
3051
  }
@@ -2923,7 +3055,7 @@
2923
3055
  trackIdx$jscomp$1,
2924
3056
  trackTime,
2925
3057
  parentEndTime,
2926
- componentEndTime,
3058
+ childrenEndTime,
2927
3059
  void 0
2928
3060
  );
2929
3061
  }
@@ -2938,33 +3070,49 @@
2938
3070
  ? (childResult > componentInfo &&
2939
3071
  (componentInfo = childResult),
2940
3072
  (_i4 = candidateInfo),
2941
- (childResult = response$jscomp$0._rootEnvironmentName),
3073
+ (componentEndTime =
3074
+ response$jscomp$0._rootEnvironmentName),
3075
+ (childResult = _i4),
3076
+ (candidateInfo = trackIdx$jscomp$1),
3077
+ (response = trackTime),
3078
+ (startTime = componentInfo),
2942
3079
  supportsUserTiming &&
2943
- ((candidateInfo = _i4.env),
2944
- (componentInfo$jscomp$0 = _i4.name),
2945
- (childResult =
2946
- candidateInfo === childResult ||
2947
- void 0 === candidateInfo
2948
- ? componentInfo$jscomp$0
2949
- : componentInfo$jscomp$0 +
2950
- " [" +
2951
- candidateInfo +
2952
- "]"),
2953
- performance.measure(childResult, {
2954
- start: 0 > trackTime ? 0 : trackTime,
2955
- end: componentInfo,
3080
+ ((childrenEndTime = childResult.env),
3081
+ (trackIdx$jscomp$0 = childResult.name),
3082
+ (componentEndTime =
3083
+ childrenEndTime === componentEndTime ||
3084
+ void 0 === childrenEndTime
3085
+ ? trackIdx$jscomp$0
3086
+ : trackIdx$jscomp$0 + " [" + childrenEndTime + "]"),
3087
+ (childrenEndTime = [
3088
+ [
3089
+ "Aborted",
3090
+ "The stream was aborted before this Component finished rendering."
3091
+ ]
3092
+ ]),
3093
+ null != childResult.key &&
3094
+ addValueToProperties(
3095
+ "key",
3096
+ childResult.key,
3097
+ childrenEndTime,
3098
+ 0
3099
+ ),
3100
+ null != childResult.props &&
3101
+ addObjectToProperties(
3102
+ childResult.props,
3103
+ childrenEndTime,
3104
+ 0
3105
+ ),
3106
+ performance.measure(componentEndTime, {
3107
+ start: 0 > response ? 0 : response,
3108
+ end: startTime,
2956
3109
  detail: {
2957
3110
  devtools: {
2958
3111
  color: "warning",
2959
- track: trackNames[trackIdx$jscomp$1],
3112
+ track: trackNames[candidateInfo],
2960
3113
  trackGroup: "Server Components \u269b",
2961
- tooltipText: childResult + " Aborted",
2962
- properties: [
2963
- [
2964
- "Aborted",
2965
- "The stream was aborted before this Component finished rendering."
2966
- ]
2967
- ]
3114
+ tooltipText: componentEndTime + " Aborted",
3115
+ properties: childrenEndTime
2968
3116
  }
2969
3117
  }
2970
3118
  })),
@@ -2972,41 +3120,40 @@
2972
3120
  (trackIdx.component = _i4),
2973
3121
  (_i4 = !1))
2974
3122
  : candidateInfo.awaited &&
2975
- ((startTime = candidateInfo),
2976
- (componentEndTime =
3123
+ ((componentEndTime = candidateInfo),
3124
+ (childrenEndTime =
2977
3125
  response$jscomp$0._rootEnvironmentName),
2978
- startTime.awaited.end > parentEndTime &&
2979
- (parentEndTime = startTime.awaited.end),
3126
+ componentEndTime.awaited.end > parentEndTime &&
3127
+ (parentEndTime = componentEndTime.awaited.end),
2980
3128
  parentEndTime > componentInfo &&
2981
3129
  (componentInfo = parentEndTime),
2982
3130
  (candidateInfo = trackIdx$jscomp$1),
2983
- (componentInfo$jscomp$0 = trackTime),
2984
- (response = parentEndTime),
3131
+ (response = trackTime),
3132
+ (startTime = parentEndTime),
2985
3133
  supportsUserTiming &&
2986
- 0 < response &&
2987
- ((childrenEndTime = startTime.env),
2988
- (trackIdx$jscomp$0 = startTime.awaited.name),
2989
- (componentEndTime =
3134
+ 0 < startTime &&
3135
+ ((trackIdx$jscomp$0 = componentEndTime.env),
3136
+ (componentInfo$jscomp$0 =
3137
+ componentEndTime.awaited.name),
3138
+ (childrenEndTime =
2990
3139
  "await " +
2991
- (childrenEndTime === componentEndTime ||
2992
- void 0 === childrenEndTime
2993
- ? trackIdx$jscomp$0
2994
- : trackIdx$jscomp$0 +
3140
+ (trackIdx$jscomp$0 === childrenEndTime ||
3141
+ void 0 === trackIdx$jscomp$0
3142
+ ? componentInfo$jscomp$0
3143
+ : componentInfo$jscomp$0 +
2995
3144
  " [" +
2996
- childrenEndTime +
3145
+ trackIdx$jscomp$0 +
2997
3146
  "]")),
2998
- (startTime =
2999
- startTime.debugTask || startTime.awaited.debugTask)
3000
- ? startTime.run(
3147
+ (componentEndTime =
3148
+ componentEndTime.debugTask ||
3149
+ componentEndTime.awaited.debugTask)
3150
+ ? componentEndTime.run(
3001
3151
  performance.measure.bind(
3002
3152
  performance,
3003
- componentEndTime,
3153
+ childrenEndTime,
3004
3154
  {
3005
- start:
3006
- 0 > componentInfo$jscomp$0
3007
- ? 0
3008
- : componentInfo$jscomp$0,
3009
- end: response,
3155
+ start: 0 > response ? 0 : response,
3156
+ end: startTime,
3010
3157
  detail: {
3011
3158
  devtools: {
3012
3159
  color: "warning",
@@ -3018,18 +3165,16 @@
3018
3165
  "The stream was aborted before this Promise resolved."
3019
3166
  ]
3020
3167
  ],
3021
- tooltipText: componentEndTime + " Aborted"
3168
+ tooltipText: childrenEndTime + " Aborted"
3022
3169
  }
3023
3170
  }
3024
3171
  }
3025
3172
  )
3026
3173
  )
3027
3174
  : console.timeStamp(
3028
- componentEndTime,
3029
- 0 > componentInfo$jscomp$0
3030
- ? 0
3031
- : componentInfo$jscomp$0,
3032
- response,
3175
+ childrenEndTime,
3176
+ 0 > response ? 0 : response,
3177
+ startTime,
3033
3178
  trackNames[candidateInfo],
3034
3179
  "Server Components \u269b",
3035
3180
  "warning"
@@ -3167,98 +3312,75 @@
3167
3312
  if ("string" === typeof value)
3168
3313
  return parseModelString(response, this, key, value);
3169
3314
  if ("object" === typeof value && null !== value) {
3170
- if (value[0] === REACT_ELEMENT_TYPE) {
3171
- var type = value[1];
3172
- key = value[4];
3173
- var stack = value[5],
3174
- validated = value[6];
3175
- value = {
3176
- $$typeof: REACT_ELEMENT_TYPE,
3177
- type: type,
3178
- key: value[2],
3179
- props: value[3],
3180
- _owner: null === key ? response._debugRootOwner : key
3181
- };
3182
- Object.defineProperty(value, "ref", {
3183
- enumerable: !1,
3184
- get: nullRefGetter
3185
- });
3186
- value._store = {};
3187
- Object.defineProperty(value._store, "validated", {
3188
- configurable: !1,
3189
- enumerable: !1,
3190
- writable: !0,
3191
- value: validated
3192
- });
3193
- Object.defineProperty(value, "_debugInfo", {
3194
- configurable: !1,
3195
- enumerable: !1,
3196
- writable: !0,
3197
- value: null
3198
- });
3199
- validated = response._rootEnvironmentName;
3200
- null !== key && null != key.env && (validated = key.env);
3201
- var normalizedStackTrace = null;
3202
- null === key && null != response._debugRootStack
3203
- ? (normalizedStackTrace = response._debugRootStack)
3204
- : null !== stack &&
3205
- (normalizedStackTrace = createFakeJSXCallStackInDEV(
3206
- response,
3207
- stack,
3208
- validated
3209
- ));
3210
- Object.defineProperty(value, "_debugStack", {
3211
- configurable: !1,
3212
- enumerable: !1,
3213
- writable: !0,
3214
- value: normalizedStackTrace
3215
- });
3216
- normalizedStackTrace = null;
3217
- supportsCreateTask &&
3218
- null !== stack &&
3219
- ((type = console.createTask.bind(console, getTaskName(type))),
3220
- (stack = buildFakeCallStack(
3221
- response,
3222
- stack,
3223
- validated,
3224
- !1,
3225
- type
3226
- )),
3227
- (type = null === key ? null : initializeFakeTask(response, key)),
3228
- null === type
3229
- ? ((type = response._debugRootTask),
3230
- (normalizedStackTrace =
3231
- null != type ? type.run(stack) : stack()))
3232
- : (normalizedStackTrace = type.run(stack)));
3233
- Object.defineProperty(value, "_debugTask", {
3234
- configurable: !1,
3235
- enumerable: !1,
3236
- writable: !0,
3237
- value: normalizedStackTrace
3238
- });
3239
- null !== key && initializeFakeStack(response, key);
3240
- null !== initializingHandler
3241
- ? ((stack = initializingHandler),
3242
- (initializingHandler = stack.parent),
3243
- stack.errored
3244
- ? ((key = createErrorChunk(response, stack.value)),
3245
- (stack = {
3246
- name: getComponentNameFromType(value.type) || "",
3247
- owner: value._owner
3248
- }),
3249
- (stack.debugStack = value._debugStack),
3250
- supportsCreateTask && (stack.debugTask = value._debugTask),
3251
- (key._debugInfo = [stack]),
3252
- (value = createLazyChunkWrapper(key)))
3253
- : 0 < stack.deps &&
3254
- ((key = new ReactPromise("blocked", null, null)),
3255
- (stack.value = value),
3256
- (stack.chunk = key),
3257
- (value = Object.freeze.bind(Object, value.props)),
3258
- key.then(value, value),
3259
- (value = createLazyChunkWrapper(key))))
3260
- : Object.freeze(value.props);
3261
- }
3315
+ if (value[0] === REACT_ELEMENT_TYPE)
3316
+ b: {
3317
+ key = value[5];
3318
+ var validated = value[6];
3319
+ value = {
3320
+ $$typeof: REACT_ELEMENT_TYPE,
3321
+ type: value[1],
3322
+ key: value[2],
3323
+ props: value[3],
3324
+ _owner: value[4]
3325
+ };
3326
+ Object.defineProperty(value, "ref", {
3327
+ enumerable: !1,
3328
+ get: nullRefGetter
3329
+ });
3330
+ value._store = {};
3331
+ Object.defineProperty(value._store, "validated", {
3332
+ configurable: !1,
3333
+ enumerable: !1,
3334
+ writable: !0,
3335
+ value: validated
3336
+ });
3337
+ Object.defineProperty(value, "_debugInfo", {
3338
+ configurable: !1,
3339
+ enumerable: !1,
3340
+ writable: !0,
3341
+ value: null
3342
+ });
3343
+ Object.defineProperty(value, "_debugStack", {
3344
+ configurable: !1,
3345
+ enumerable: !1,
3346
+ writable: !0,
3347
+ value: key
3348
+ });
3349
+ Object.defineProperty(value, "_debugTask", {
3350
+ configurable: !1,
3351
+ enumerable: !1,
3352
+ writable: !0,
3353
+ value: null
3354
+ });
3355
+ if (null !== initializingHandler) {
3356
+ validated = initializingHandler;
3357
+ initializingHandler = validated.parent;
3358
+ if (validated.errored) {
3359
+ key = createErrorChunk(response, validated.value);
3360
+ initializeElement(response, value);
3361
+ validated = {
3362
+ name: getComponentNameFromType(value.type) || "",
3363
+ owner: value._owner
3364
+ };
3365
+ validated.debugStack = value._debugStack;
3366
+ supportsCreateTask &&
3367
+ (validated.debugTask = value._debugTask);
3368
+ key._debugInfo = [validated];
3369
+ value = createLazyChunkWrapper(key);
3370
+ break b;
3371
+ }
3372
+ if (0 < validated.deps) {
3373
+ key = new ReactPromise("blocked", null, null);
3374
+ validated.value = value;
3375
+ validated.chunk = key;
3376
+ value = initializeElement.bind(null, response, value);
3377
+ key.then(value, value);
3378
+ value = createLazyChunkWrapper(key);
3379
+ break b;
3380
+ }
3381
+ }
3382
+ initializeElement(response, value);
3383
+ }
3262
3384
  return value;
3263
3385
  }
3264
3386
  return value;
@@ -3311,6 +3433,7 @@
3311
3433
  FunctionBind = Function.prototype.bind,
3312
3434
  ArraySlice = Array.prototype.slice,
3313
3435
  hasOwnProperty = Object.prototype.hasOwnProperty,
3436
+ REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
3314
3437
  supportsUserTiming =
3315
3438
  "undefined" !== typeof console &&
3316
3439
  "function" === typeof console.timeStamp &&
@@ -3320,7 +3443,6 @@
3320
3443
  "Primary Parallel Parallel\u200b Parallel\u200b\u200b Parallel\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b".split(
3321
3444
  " "
3322
3445
  ),
3323
- REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
3324
3446
  prefix,
3325
3447
  suffix;
3326
3448
  new ("function" === typeof WeakMap ? WeakMap : Map)();
@@ -3475,7 +3597,7 @@
3475
3597
  version: rendererVersion,
3476
3598
  rendererPackageName: rendererPackageName,
3477
3599
  currentDispatcherRef: ReactSharedInternals,
3478
- reconcilerVersion: "19.2.0-experimental-31d91651-20250625",
3600
+ reconcilerVersion: "19.2.0-experimental-58ac15cd-20250627",
3479
3601
  getCurrentComponentInfo: getCurrentOwnerInDEV
3480
3602
  };
3481
3603
  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)
package/cjs/react-client-flight.production.js CHANGED
@@ -1600,7 +1600,7 @@ module.exports = function ($$$config) {
1600
1600
  version: rendererVersion,
1601
1601
  rendererPackageName: rendererPackageName,
1602
1602
  currentDispatcherRef: ReactSharedInternals,
1603
- reconcilerVersion: "19.2.0-experimental-31d91651-20250625",
1603
+ reconcilerVersion: "19.2.0-experimental-58ac15cd-20250627",
1604
1604
  getCurrentComponentInfo: getCurrentOwnerInDEV
1605
1605
  };
1606
1606
  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@matthamlin/react-client",
3
3
  "description": "React package for consuming streaming models.",
4
- "version": "0.0.0-experimental-31d91651-20250625",
4
+ "version": "0.0.0-experimental-58ac15cd-20250627",
5
5
  "keywords": [
6
6
  "react"
7
7
  ],
@@ -23,6 +23,6 @@
23
23
  "node": ">=0.10.0"
24
24
  },
25
25
  "peerDependencies": {
26
- "react": "0.0.0-experimental-31d91651-20250625"
26
+ "react": "0.0.0-experimental-58ac15cd-20250627"
27
27
  }
28
28
  }