@matthamlin/react-client 0.0.0-experimental-b42341dd-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 +556 -326
  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":
@@ -968,6 +1075,25 @@
968
1075
  }
969
1076
  properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]);
970
1077
  }
1078
+ function markAllTracksInOrder() {
1079
+ supportsUserTiming &&
1080
+ (console.timeStamp(
1081
+ "Server Requests Track",
1082
+ 0.001,
1083
+ 0.001,
1084
+ "Server Requests \u269b",
1085
+ void 0,
1086
+ "primary-light"
1087
+ ),
1088
+ console.timeStamp(
1089
+ "Server Components Track",
1090
+ 0.001,
1091
+ 0.001,
1092
+ "Primary",
1093
+ "Server Components \u269b",
1094
+ "primary-light"
1095
+ ));
1096
+ }
971
1097
  function getIOColor(functionName) {
972
1098
  switch (functionName.charCodeAt(0) % 3) {
973
1099
  case 0:
@@ -994,7 +1120,7 @@
994
1120
  env =
995
1121
  "await " +
996
1122
  (isPrimaryEnv || void 0 === env ? name : name + " [" + env + "]");
997
- (asyncInfo = asyncInfo.debugTask)
1123
+ (asyncInfo = asyncInfo.debugTask || asyncInfo.awaited.debugTask)
998
1124
  ? ((name = []),
999
1125
  "object" === typeof value && null !== value
1000
1126
  ? addObjectToProperties(value, name, 0)
@@ -1105,66 +1231,6 @@
1105
1231
  );
1106
1232
  }
1107
1233
  }
1108
- function getComponentNameFromType(type) {
1109
- if (null == type) return null;
1110
- if ("function" === typeof type)
1111
- return type.$$typeof === REACT_CLIENT_REFERENCE
1112
- ? null
1113
- : type.displayName || type.name || null;
1114
- if ("string" === typeof type) return type;
1115
- switch (type) {
1116
- case REACT_FRAGMENT_TYPE:
1117
- return "Fragment";
1118
- case REACT_PROFILER_TYPE:
1119
- return "Profiler";
1120
- case REACT_STRICT_MODE_TYPE:
1121
- return "StrictMode";
1122
- case REACT_SUSPENSE_TYPE:
1123
- return "Suspense";
1124
- case REACT_SUSPENSE_LIST_TYPE:
1125
- return "SuspenseList";
1126
- case REACT_ACTIVITY_TYPE:
1127
- return "Activity";
1128
- case REACT_VIEW_TRANSITION_TYPE:
1129
- return "ViewTransition";
1130
- }
1131
- if ("object" === typeof type)
1132
- switch (
1133
- ("number" === typeof type.tag &&
1134
- console.error(
1135
- "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
1136
- ),
1137
- type.$$typeof)
1138
- ) {
1139
- case REACT_PORTAL_TYPE:
1140
- return "Portal";
1141
- case REACT_CONTEXT_TYPE:
1142
- return type.displayName || "Context";
1143
- case REACT_CONSUMER_TYPE:
1144
- return (type._context.displayName || "Context") + ".Consumer";
1145
- case REACT_FORWARD_REF_TYPE:
1146
- var innerType = type.render;
1147
- type = type.displayName;
1148
- type ||
1149
- ((type = innerType.displayName || innerType.name || ""),
1150
- (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
1151
- return type;
1152
- case REACT_MEMO_TYPE:
1153
- return (
1154
- (innerType = type.displayName || null),
1155
- null !== innerType
1156
- ? innerType
1157
- : getComponentNameFromType(type.type) || "Memo"
1158
- );
1159
- case REACT_LAZY_TYPE:
1160
- innerType = type._payload;
1161
- type = type._init;
1162
- try {
1163
- return getComponentNameFromType(type(innerType));
1164
- } catch (x) {}
1165
- }
1166
- return null;
1167
- }
1168
1234
  function ReactPromise(status, value, reason) {
1169
1235
  this.status = status;
1170
1236
  this.value = value;
@@ -1328,23 +1394,7 @@
1328
1394
  var debugChannel = response._debugChannel;
1329
1395
  void 0 !== debugChannel &&
1330
1396
  (debugChannel(""), (response._debugChannel = void 0));
1331
- supportsUserTiming &&
1332
- (console.timeStamp(
1333
- "Server Requests Track",
1334
- 0.001,
1335
- 0.001,
1336
- "Server Requests \u269b",
1337
- void 0,
1338
- "primary-light"
1339
- ),
1340
- console.timeStamp(
1341
- "Server Components Track",
1342
- 0.001,
1343
- 0.001,
1344
- "Primary",
1345
- "Server Components \u269b",
1346
- "primary-light"
1347
- ));
1397
+ markAllTracksInOrder();
1348
1398
  flushComponentPerformance(
1349
1399
  response,
1350
1400
  getChunk(response, 0),
@@ -1372,6 +1422,45 @@
1372
1422
  return "<...>";
1373
1423
  }
1374
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
+ }
1375
1464
  function createLazyChunkWrapper(chunk) {
1376
1465
  var lazyType = {
1377
1466
  $$typeof: REACT_LAZY_TYPE,
@@ -1428,6 +1517,9 @@
1428
1517
  break;
1429
1518
  case "4":
1430
1519
  value._owner = i;
1520
+ break;
1521
+ case "5":
1522
+ value._debugStack = i;
1431
1523
  }
1432
1524
  handler.deps--;
1433
1525
  0 === handler.deps &&
@@ -1927,6 +2019,7 @@
1927
2019
  this._debugChannel = debugChannel;
1928
2020
  this._replayConsole = replayConsole;
1929
2021
  this._rootEnvironmentName = environmentName;
2022
+ markAllTracksInOrder();
1930
2023
  this._fromJSON = createFromJSONCallback(this);
1931
2024
  }
1932
2025
  function resolveDebugHalt(response, id) {
@@ -2707,12 +2800,12 @@
2707
2800
  childResult > trackTime && (trackTime = childResult);
2708
2801
  childResult > componentInfo && (componentInfo = childResult);
2709
2802
  }
2710
- if (previousEndTime) {
2711
- var componentEndTime = 0;
2712
- _i4 = !0;
2713
- info = parentEndTime = -1;
2803
+ if (previousEndTime)
2714
2804
  for (
2715
- entryName = previousEndTime.length - 1;
2805
+ childResult = 0,
2806
+ _i4 = !0,
2807
+ info = parentEndTime = -1,
2808
+ entryName = previousEndTime.length - 1;
2716
2809
  0 <= entryName;
2717
2810
  entryName--
2718
2811
  )
@@ -2720,215 +2813,375 @@
2720
2813
  ((trackTime = previousEndTime[entryName]),
2721
2814
  "number" === typeof trackTime.time)
2722
2815
  ) {
2723
- 0 === componentEndTime && (componentEndTime = trackTime.time);
2816
+ 0 === childResult && (childResult = trackTime.time);
2724
2817
  trackTime = trackTime.time;
2725
2818
  if (-1 < info)
2726
- for (--info; info > entryName; info--)
2727
- if (
2728
- ((childResult = previousEndTime[info]),
2729
- "string" === typeof childResult.name)
2730
- ) {
2731
- componentEndTime > componentInfo &&
2732
- (componentInfo = componentEndTime);
2819
+ for (--info; info > entryName; info--) {
2820
+ var candidateInfo = previousEndTime[info];
2821
+ if ("string" === typeof candidateInfo.name) {
2822
+ childResult > componentInfo && (componentInfo = childResult);
2733
2823
  var response = response$jscomp$0,
2734
- componentInfo$jscomp$0 = childResult,
2824
+ componentInfo$jscomp$0 = candidateInfo,
2735
2825
  trackIdx$jscomp$0 = trackIdx$jscomp$1,
2736
2826
  startTime = trackTime,
2737
- componentEndTime$jscomp$0 = componentEndTime,
2827
+ componentEndTime = childResult,
2738
2828
  childrenEndTime = componentInfo;
2739
- _i4 &&
2740
- "rejected" === root.status &&
2741
- root.reason !== response._closedReason
2742
- ? ((_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),
2743
2838
  supportsUserTiming &&
2744
- ((componentEndTime = componentInfo$jscomp$0.env),
2745
- (componentInfo$jscomp$0 = componentInfo$jscomp$0.name),
2746
- (componentEndTime =
2747
- componentEndTime === response._rootEnvironmentName ||
2748
- void 0 === componentEndTime
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
2749
2844
  ? componentInfo$jscomp$0
2750
2845
  : componentInfo$jscomp$0 +
2751
2846
  " [" +
2752
- componentEndTime +
2847
+ trackIdx$jscomp$0 +
2753
2848
  "]"),
2754
- performance.measure(componentEndTime, {
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, {
2755
2869
  start: 0 > startTime ? 0 : startTime,
2756
- end: childrenEndTime,
2870
+ end: componentEndTime,
2757
2871
  detail: {
2758
2872
  devtools: {
2759
2873
  color: "error",
2760
- track: trackNames[trackIdx$jscomp$0],
2874
+ track: trackNames[childResult],
2761
2875
  trackGroup: "Server Components \u269b",
2762
- tooltipText: componentEndTime + " Errored",
2763
- properties: [
2764
- [
2765
- "Error",
2766
- "object" === typeof _i4 &&
2767
- null !== _i4 &&
2768
- "string" === typeof _i4.message
2769
- ? String(_i4.message)
2770
- : String(_i4)
2771
- ]
2772
- ]
2876
+ tooltipText: response + " Errored",
2877
+ properties: childrenEndTime
2773
2878
  }
2774
2879
  }
2775
- })))
2776
- : ((_i4 = trackIdx$jscomp$0),
2777
- (componentEndTime = startTime),
2778
- (startTime = childrenEndTime),
2779
- supportsUserTiming &&
2780
- 0 <= startTime &&
2781
- 10 > _i4 &&
2782
- ((childrenEndTime = componentInfo$jscomp$0.env),
2783
- (trackIdx$jscomp$0 = componentInfo$jscomp$0.name),
2784
- (response =
2785
- childrenEndTime === response._rootEnvironmentName),
2786
- (componentEndTime$jscomp$0 -= componentEndTime),
2787
- (componentEndTime$jscomp$0 =
2788
- 0.5 > componentEndTime$jscomp$0
2789
- ? response
2790
- ? "primary-light"
2791
- : "secondary-light"
2792
- : 50 > componentEndTime$jscomp$0
2793
- ? response
2794
- ? "primary"
2795
- : "secondary"
2796
- : 500 > componentEndTime$jscomp$0
2797
- ? response
2798
- ? "primary-dark"
2799
- : "secondary-dark"
2800
- : "error"),
2801
- (response =
2802
- response || void 0 === childrenEndTime
2803
- ? trackIdx$jscomp$0
2804
- : trackIdx$jscomp$0 + " [" + childrenEndTime + "]"),
2805
- (componentInfo$jscomp$0 =
2806
- componentInfo$jscomp$0.debugTask)
2807
- ? componentInfo$jscomp$0.run(
2808
- console.timeStamp.bind(
2809
- console,
2810
- response,
2811
- 0 > componentEndTime ? 0 : componentEndTime,
2812
- startTime,
2813
- trackNames[_i4],
2814
- "Server Components \u269b",
2815
- componentEndTime$jscomp$0
2816
- )
2817
- )
2818
- : console.timeStamp(
2819
- response,
2820
- 0 > componentEndTime ? 0 : componentEndTime,
2821
- startTime,
2822
- trackNames[_i4],
2823
- "Server Components \u269b",
2824
- componentEndTime$jscomp$0
2825
- )));
2826
- componentEndTime = trackTime;
2827
- trackIdx.component = childResult;
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
+ }
2956
+ childResult = trackTime;
2957
+ trackIdx.component = candidateInfo;
2828
2958
  _i4 = !1;
2829
- } else if (childResult.awaited)
2959
+ } else if (candidateInfo.awaited)
2830
2960
  if (
2831
2961
  (parentEndTime > componentInfo &&
2832
2962
  (componentInfo = parentEndTime),
2833
- (componentEndTime$jscomp$0 =
2834
- response$jscomp$0._rootEnvironmentName),
2835
- (componentInfo$jscomp$0 = childResult.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(
2843
- childResult,
2971
+ candidateInfo,
2844
2972
  trackIdx$jscomp$1,
2845
2973
  trackTime,
2846
2974
  parentEndTime,
2847
- componentEndTime$jscomp$0,
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 = childResult.env;
2858
- var name = childResult.awaited.name;
2859
- componentEndTime$jscomp$0 =
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$jscomp$0 ||
2862
- void 0 === trackIdx$jscomp$0
2863
- ? name
2864
- : name + " [" + trackIdx$jscomp$0 + "]");
2865
- (childResult = childResult.debugTask)
2866
- ? childResult.run(
2990
+ (componentInfo$jscomp$0 === childrenEndTime ||
2991
+ void 0 === componentInfo$jscomp$0
2992
+ ? isPrimaryEnv
2993
+ : isPrimaryEnv +
2994
+ " [" +
2995
+ componentInfo$jscomp$0 +
2996
+ "]")),
2997
+ (candidateInfo =
2998
+ candidateInfo.debugTask ||
2999
+ candidateInfo.awaited.debugTask)
3000
+ ? candidateInfo.run(
2867
3001
  performance.measure.bind(
2868
3002
  performance,
2869
- componentEndTime$jscomp$0,
3003
+ childrenEndTime,
2870
3004
  {
2871
- start: 0 > response ? 0 : response,
2872
- end: startTime,
3005
+ start: 0 > startTime ? 0 : startTime,
3006
+ end: componentEndTime,
2873
3007
  detail: {
2874
3008
  devtools: {
2875
3009
  color: "error",
2876
- track:
2877
- trackNames[componentInfo$jscomp$0],
3010
+ track: trackNames[response],
2878
3011
  trackGroup: "Server Components \u269b",
2879
3012
  properties: [
2880
3013
  [
2881
3014
  "Rejected",
2882
3015
  "object" ===
2883
- typeof childrenEndTime &&
2884
- null !== childrenEndTime &&
3016
+ typeof trackIdx$jscomp$0 &&
3017
+ null !== trackIdx$jscomp$0 &&
2885
3018
  "string" ===
2886
- typeof childrenEndTime.message
2887
- ? String(childrenEndTime.message)
2888
- : String(childrenEndTime)
3019
+ typeof trackIdx$jscomp$0.message
3020
+ ? String(
3021
+ trackIdx$jscomp$0.message
3022
+ )
3023
+ : String(trackIdx$jscomp$0)
2889
3024
  ]
2890
3025
  ],
2891
3026
  tooltipText:
2892
- componentEndTime$jscomp$0 +
2893
- " Rejected"
3027
+ childrenEndTime + " Rejected"
2894
3028
  }
2895
3029
  }
2896
3030
  }
2897
3031
  )
2898
3032
  )
2899
3033
  : console.timeStamp(
2900
- componentEndTime$jscomp$0,
2901
- 0 > response ? 0 : response,
2902
- startTime,
2903
- trackNames[componentInfo$jscomp$0],
3034
+ childrenEndTime,
3035
+ 0 > startTime ? 0 : startTime,
3036
+ componentEndTime,
3037
+ trackNames[response],
2904
3038
  "Server Components \u269b",
2905
3039
  "error"
2906
- );
2907
- }
3040
+ ));
2908
3041
  break;
2909
3042
  default:
2910
3043
  logComponentAwait(
2911
- childResult,
3044
+ candidateInfo,
2912
3045
  trackIdx$jscomp$1,
2913
3046
  trackTime,
2914
3047
  parentEndTime,
2915
- componentEndTime$jscomp$0,
3048
+ childrenEndTime,
2916
3049
  void 0
2917
3050
  );
2918
3051
  }
2919
3052
  else
2920
3053
  logComponentAwait(
2921
- childResult,
3054
+ candidateInfo,
2922
3055
  trackIdx$jscomp$1,
2923
3056
  trackTime,
2924
3057
  parentEndTime,
2925
- componentEndTime$jscomp$0,
3058
+ childrenEndTime,
2926
3059
  void 0
2927
3060
  );
3061
+ }
3062
+ else
3063
+ for (
3064
+ parentEndTime = trackTime, info = previousEndTime.length - 1;
3065
+ info > entryName;
3066
+ info--
3067
+ )
3068
+ (candidateInfo = previousEndTime[info]),
3069
+ "string" === typeof candidateInfo.name
3070
+ ? (childResult > componentInfo &&
3071
+ (componentInfo = childResult),
3072
+ (_i4 = candidateInfo),
3073
+ (componentEndTime =
3074
+ response$jscomp$0._rootEnvironmentName),
3075
+ (childResult = _i4),
3076
+ (candidateInfo = trackIdx$jscomp$1),
3077
+ (response = trackTime),
3078
+ (startTime = componentInfo),
3079
+ supportsUserTiming &&
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,
3109
+ detail: {
3110
+ devtools: {
3111
+ color: "warning",
3112
+ track: trackNames[candidateInfo],
3113
+ trackGroup: "Server Components \u269b",
3114
+ tooltipText: componentEndTime + " Aborted",
3115
+ properties: childrenEndTime
3116
+ }
3117
+ }
3118
+ })),
3119
+ (childResult = trackTime),
3120
+ (trackIdx.component = _i4),
3121
+ (_i4 = !1))
3122
+ : candidateInfo.awaited &&
3123
+ ((componentEndTime = candidateInfo),
3124
+ (childrenEndTime =
3125
+ response$jscomp$0._rootEnvironmentName),
3126
+ componentEndTime.awaited.end > parentEndTime &&
3127
+ (parentEndTime = componentEndTime.awaited.end),
3128
+ parentEndTime > componentInfo &&
3129
+ (componentInfo = parentEndTime),
3130
+ (candidateInfo = trackIdx$jscomp$1),
3131
+ (response = trackTime),
3132
+ (startTime = parentEndTime),
3133
+ supportsUserTiming &&
3134
+ 0 < startTime &&
3135
+ ((trackIdx$jscomp$0 = componentEndTime.env),
3136
+ (componentInfo$jscomp$0 =
3137
+ componentEndTime.awaited.name),
3138
+ (childrenEndTime =
3139
+ "await " +
3140
+ (trackIdx$jscomp$0 === childrenEndTime ||
3141
+ void 0 === trackIdx$jscomp$0
3142
+ ? componentInfo$jscomp$0
3143
+ : componentInfo$jscomp$0 +
3144
+ " [" +
3145
+ trackIdx$jscomp$0 +
3146
+ "]")),
3147
+ (componentEndTime =
3148
+ componentEndTime.debugTask ||
3149
+ componentEndTime.awaited.debugTask)
3150
+ ? componentEndTime.run(
3151
+ performance.measure.bind(
3152
+ performance,
3153
+ childrenEndTime,
3154
+ {
3155
+ start: 0 > response ? 0 : response,
3156
+ end: startTime,
3157
+ detail: {
3158
+ devtools: {
3159
+ color: "warning",
3160
+ track: trackNames[candidateInfo],
3161
+ trackGroup: "Server Components \u269b",
3162
+ properties: [
3163
+ [
3164
+ "Aborted",
3165
+ "The stream was aborted before this Promise resolved."
3166
+ ]
3167
+ ],
3168
+ tooltipText: childrenEndTime + " Aborted"
3169
+ }
3170
+ }
3171
+ }
3172
+ )
3173
+ )
3174
+ : console.timeStamp(
3175
+ childrenEndTime,
3176
+ 0 > response ? 0 : response,
3177
+ startTime,
3178
+ trackNames[candidateInfo],
3179
+ "Server Components \u269b",
3180
+ "warning"
3181
+ )));
2928
3182
  parentEndTime = trackTime;
2929
3183
  info = entryName;
2930
3184
  }
2931
- }
2932
3185
  trackIdx.endTime = componentInfo;
2933
3186
  return trackIdx;
2934
3187
  }
@@ -3059,98 +3312,75 @@
3059
3312
  if ("string" === typeof value)
3060
3313
  return parseModelString(response, this, key, value);
3061
3314
  if ("object" === typeof value && null !== value) {
3062
- if (value[0] === REACT_ELEMENT_TYPE) {
3063
- var type = value[1];
3064
- key = value[4];
3065
- var stack = value[5],
3066
- validated = value[6];
3067
- value = {
3068
- $$typeof: REACT_ELEMENT_TYPE,
3069
- type: type,
3070
- key: value[2],
3071
- props: value[3],
3072
- _owner: null === key ? response._debugRootOwner : key
3073
- };
3074
- Object.defineProperty(value, "ref", {
3075
- enumerable: !1,
3076
- get: nullRefGetter
3077
- });
3078
- value._store = {};
3079
- Object.defineProperty(value._store, "validated", {
3080
- configurable: !1,
3081
- enumerable: !1,
3082
- writable: !0,
3083
- value: validated
3084
- });
3085
- Object.defineProperty(value, "_debugInfo", {
3086
- configurable: !1,
3087
- enumerable: !1,
3088
- writable: !0,
3089
- value: null
3090
- });
3091
- validated = response._rootEnvironmentName;
3092
- null !== key && null != key.env && (validated = key.env);
3093
- var normalizedStackTrace = null;
3094
- null === key && null != response._debugRootStack
3095
- ? (normalizedStackTrace = response._debugRootStack)
3096
- : null !== stack &&
3097
- (normalizedStackTrace = createFakeJSXCallStackInDEV(
3098
- response,
3099
- stack,
3100
- validated
3101
- ));
3102
- Object.defineProperty(value, "_debugStack", {
3103
- configurable: !1,
3104
- enumerable: !1,
3105
- writable: !0,
3106
- value: normalizedStackTrace
3107
- });
3108
- normalizedStackTrace = null;
3109
- supportsCreateTask &&
3110
- null !== stack &&
3111
- ((type = console.createTask.bind(console, getTaskName(type))),
3112
- (stack = buildFakeCallStack(
3113
- response,
3114
- stack,
3115
- validated,
3116
- !1,
3117
- type
3118
- )),
3119
- (type = null === key ? null : initializeFakeTask(response, key)),
3120
- null === type
3121
- ? ((type = response._debugRootTask),
3122
- (normalizedStackTrace =
3123
- null != type ? type.run(stack) : stack()))
3124
- : (normalizedStackTrace = type.run(stack)));
3125
- Object.defineProperty(value, "_debugTask", {
3126
- configurable: !1,
3127
- enumerable: !1,
3128
- writable: !0,
3129
- value: normalizedStackTrace
3130
- });
3131
- null !== key && initializeFakeStack(response, key);
3132
- null !== initializingHandler
3133
- ? ((stack = initializingHandler),
3134
- (initializingHandler = stack.parent),
3135
- stack.errored
3136
- ? ((key = createErrorChunk(response, stack.value)),
3137
- (stack = {
3138
- name: getComponentNameFromType(value.type) || "",
3139
- owner: value._owner
3140
- }),
3141
- (stack.debugStack = value._debugStack),
3142
- supportsCreateTask && (stack.debugTask = value._debugTask),
3143
- (key._debugInfo = [stack]),
3144
- (value = createLazyChunkWrapper(key)))
3145
- : 0 < stack.deps &&
3146
- ((key = new ReactPromise("blocked", null, null)),
3147
- (stack.value = value),
3148
- (stack.chunk = key),
3149
- (value = Object.freeze.bind(Object, value.props)),
3150
- key.then(value, value),
3151
- (value = createLazyChunkWrapper(key))))
3152
- : Object.freeze(value.props);
3153
- }
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
+ }
3154
3384
  return value;
3155
3385
  }
3156
3386
  return value;
@@ -3203,6 +3433,7 @@
3203
3433
  FunctionBind = Function.prototype.bind,
3204
3434
  ArraySlice = Array.prototype.slice,
3205
3435
  hasOwnProperty = Object.prototype.hasOwnProperty,
3436
+ REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
3206
3437
  supportsUserTiming =
3207
3438
  "undefined" !== typeof console &&
3208
3439
  "function" === typeof console.timeStamp &&
@@ -3212,7 +3443,6 @@
3212
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(
3213
3444
  " "
3214
3445
  ),
3215
- REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
3216
3446
  prefix,
3217
3447
  suffix;
3218
3448
  new ("function" === typeof WeakMap ? WeakMap : Map)();
@@ -3367,7 +3597,7 @@
3367
3597
  version: rendererVersion,
3368
3598
  rendererPackageName: rendererPackageName,
3369
3599
  currentDispatcherRef: ReactSharedInternals,
3370
- reconcilerVersion: "19.2.0-experimental-b42341dd-20250625",
3600
+ reconcilerVersion: "19.2.0-experimental-58ac15cd-20250627",
3371
3601
  getCurrentComponentInfo: getCurrentOwnerInDEV
3372
3602
  };
3373
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-b42341dd-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-b42341dd-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-b42341dd-20250625"
26
+ "react": "0.0.0-experimental-58ac15cd-20250627"
27
27
  }
28
28
  }