@matthamlin/react-client 0.0.0-experimental-b42341dd-20250625 → 0.0.0-experimental-31d91651-20250625

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 +182 -74
  2. package/cjs/react-client-flight.production.js +1 -1
  3. package/package.json +2 -2
package/cjs/react-client-flight.development.js CHANGED
@@ -968,6 +968,25 @@
968
968
  }
969
969
  properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]);
970
970
  }
971
+ function markAllTracksInOrder() {
972
+ supportsUserTiming &&
973
+ (console.timeStamp(
974
+ "Server Requests Track",
975
+ 0.001,
976
+ 0.001,
977
+ "Server Requests \u269b",
978
+ void 0,
979
+ "primary-light"
980
+ ),
981
+ console.timeStamp(
982
+ "Server Components Track",
983
+ 0.001,
984
+ 0.001,
985
+ "Primary",
986
+ "Server Components \u269b",
987
+ "primary-light"
988
+ ));
989
+ }
971
990
  function getIOColor(functionName) {
972
991
  switch (functionName.charCodeAt(0) % 3) {
973
992
  case 0:
@@ -994,7 +1013,7 @@
994
1013
  env =
995
1014
  "await " +
996
1015
  (isPrimaryEnv || void 0 === env ? name : name + " [" + env + "]");
997
- (asyncInfo = asyncInfo.debugTask)
1016
+ (asyncInfo = asyncInfo.debugTask || asyncInfo.awaited.debugTask)
998
1017
  ? ((name = []),
999
1018
  "object" === typeof value && null !== value
1000
1019
  ? addObjectToProperties(value, name, 0)
@@ -1328,23 +1347,7 @@
1328
1347
  var debugChannel = response._debugChannel;
1329
1348
  void 0 !== debugChannel &&
1330
1349
  (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
- ));
1350
+ markAllTracksInOrder();
1348
1351
  flushComponentPerformance(
1349
1352
  response,
1350
1353
  getChunk(response, 0),
@@ -1927,6 +1930,7 @@
1927
1930
  this._debugChannel = debugChannel;
1928
1931
  this._replayConsole = replayConsole;
1929
1932
  this._rootEnvironmentName = environmentName;
1933
+ markAllTracksInOrder();
1930
1934
  this._fromJSON = createFromJSONCallback(this);
1931
1935
  }
1932
1936
  function resolveDebugHalt(response, id) {
@@ -2707,12 +2711,12 @@
2707
2711
  childResult > trackTime && (trackTime = childResult);
2708
2712
  childResult > componentInfo && (componentInfo = childResult);
2709
2713
  }
2710
- if (previousEndTime) {
2711
- var componentEndTime = 0;
2712
- _i4 = !0;
2713
- info = parentEndTime = -1;
2714
+ if (previousEndTime)
2714
2715
  for (
2715
- entryName = previousEndTime.length - 1;
2716
+ childResult = 0,
2717
+ _i4 = !0,
2718
+ info = parentEndTime = -1,
2719
+ entryName = previousEndTime.length - 1;
2716
2720
  0 <= entryName;
2717
2721
  entryName--
2718
2722
  )
@@ -2720,38 +2724,35 @@
2720
2724
  ((trackTime = previousEndTime[entryName]),
2721
2725
  "number" === typeof trackTime.time)
2722
2726
  ) {
2723
- 0 === componentEndTime && (componentEndTime = trackTime.time);
2727
+ 0 === childResult && (childResult = trackTime.time);
2724
2728
  trackTime = trackTime.time;
2725
2729
  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);
2730
+ for (--info; info > entryName; info--) {
2731
+ var candidateInfo = previousEndTime[info];
2732
+ if ("string" === typeof candidateInfo.name) {
2733
+ childResult > componentInfo && (componentInfo = childResult);
2733
2734
  var response = response$jscomp$0,
2734
- componentInfo$jscomp$0 = childResult,
2735
+ componentInfo$jscomp$0 = candidateInfo,
2735
2736
  trackIdx$jscomp$0 = trackIdx$jscomp$1,
2736
2737
  startTime = trackTime,
2737
- componentEndTime$jscomp$0 = componentEndTime,
2738
+ componentEndTime = childResult,
2738
2739
  childrenEndTime = componentInfo;
2739
2740
  _i4 &&
2740
2741
  "rejected" === root.status &&
2741
2742
  root.reason !== response._closedReason
2742
2743
  ? ((_i4 = root.reason),
2743
2744
  supportsUserTiming &&
2744
- ((componentEndTime = componentInfo$jscomp$0.env),
2745
+ ((childResult = componentInfo$jscomp$0.env),
2745
2746
  (componentInfo$jscomp$0 = componentInfo$jscomp$0.name),
2746
- (componentEndTime =
2747
- componentEndTime === response._rootEnvironmentName ||
2748
- void 0 === componentEndTime
2747
+ (childResult =
2748
+ childResult === response._rootEnvironmentName ||
2749
+ void 0 === childResult
2749
2750
  ? componentInfo$jscomp$0
2750
2751
  : componentInfo$jscomp$0 +
2751
2752
  " [" +
2752
- componentEndTime +
2753
+ childResult +
2753
2754
  "]"),
2754
- performance.measure(componentEndTime, {
2755
+ performance.measure(childResult, {
2755
2756
  start: 0 > startTime ? 0 : startTime,
2756
2757
  end: childrenEndTime,
2757
2758
  detail: {
@@ -2759,7 +2760,7 @@
2759
2760
  color: "error",
2760
2761
  track: trackNames[trackIdx$jscomp$0],
2761
2762
  trackGroup: "Server Components \u269b",
2762
- tooltipText: componentEndTime + " Errored",
2763
+ tooltipText: childResult + " Errored",
2763
2764
  properties: [
2764
2765
  [
2765
2766
  "Error",
@@ -2774,7 +2775,7 @@
2774
2775
  }
2775
2776
  })))
2776
2777
  : ((_i4 = trackIdx$jscomp$0),
2777
- (componentEndTime = startTime),
2778
+ (childResult = startTime),
2778
2779
  (startTime = childrenEndTime),
2779
2780
  supportsUserTiming &&
2780
2781
  0 <= startTime &&
@@ -2783,17 +2784,17 @@
2783
2784
  (trackIdx$jscomp$0 = componentInfo$jscomp$0.name),
2784
2785
  (response =
2785
2786
  childrenEndTime === response._rootEnvironmentName),
2786
- (componentEndTime$jscomp$0 -= componentEndTime),
2787
- (componentEndTime$jscomp$0 =
2788
- 0.5 > componentEndTime$jscomp$0
2787
+ (componentEndTime -= childResult),
2788
+ (componentEndTime =
2789
+ 0.5 > componentEndTime
2789
2790
  ? response
2790
2791
  ? "primary-light"
2791
2792
  : "secondary-light"
2792
- : 50 > componentEndTime$jscomp$0
2793
+ : 50 > componentEndTime
2793
2794
  ? response
2794
2795
  ? "primary"
2795
2796
  : "secondary"
2796
- : 500 > componentEndTime$jscomp$0
2797
+ : 500 > componentEndTime
2797
2798
  ? response
2798
2799
  ? "primary-dark"
2799
2800
  : "secondary-dark"
@@ -2808,31 +2809,30 @@
2808
2809
  console.timeStamp.bind(
2809
2810
  console,
2810
2811
  response,
2811
- 0 > componentEndTime ? 0 : componentEndTime,
2812
+ 0 > childResult ? 0 : childResult,
2812
2813
  startTime,
2813
2814
  trackNames[_i4],
2814
2815
  "Server Components \u269b",
2815
- componentEndTime$jscomp$0
2816
+ componentEndTime
2816
2817
  )
2817
2818
  )
2818
2819
  : console.timeStamp(
2819
2820
  response,
2820
- 0 > componentEndTime ? 0 : componentEndTime,
2821
+ 0 > childResult ? 0 : childResult,
2821
2822
  startTime,
2822
2823
  trackNames[_i4],
2823
2824
  "Server Components \u269b",
2824
- componentEndTime$jscomp$0
2825
+ componentEndTime
2825
2826
  )));
2826
- componentEndTime = trackTime;
2827
- trackIdx.component = childResult;
2827
+ childResult = trackTime;
2828
+ trackIdx.component = candidateInfo;
2828
2829
  _i4 = !1;
2829
- } else if (childResult.awaited)
2830
+ } else if (candidateInfo.awaited)
2830
2831
  if (
2831
2832
  (parentEndTime > componentInfo &&
2832
2833
  (componentInfo = parentEndTime),
2833
- (componentEndTime$jscomp$0 =
2834
- response$jscomp$0._rootEnvironmentName),
2835
- (componentInfo$jscomp$0 = childResult.awaited.value))
2834
+ (componentEndTime = response$jscomp$0._rootEnvironmentName),
2835
+ (componentInfo$jscomp$0 = candidateInfo.awaited.value))
2836
2836
  )
2837
2837
  switch (
2838
2838
  ((childrenEndTime = componentInfo$jscomp$0),
@@ -2840,11 +2840,11 @@
2840
2840
  ) {
2841
2841
  case "fulfilled":
2842
2842
  logComponentAwait(
2843
- childResult,
2843
+ candidateInfo,
2844
2844
  trackIdx$jscomp$1,
2845
2845
  trackTime,
2846
2846
  parentEndTime,
2847
- componentEndTime$jscomp$0,
2847
+ componentEndTime,
2848
2848
  childrenEndTime.value
2849
2849
  );
2850
2850
  break;
@@ -2854,19 +2854,21 @@
2854
2854
  startTime = parentEndTime;
2855
2855
  childrenEndTime = childrenEndTime.reason;
2856
2856
  if (supportsUserTiming && 0 < startTime) {
2857
- trackIdx$jscomp$0 = childResult.env;
2858
- var name = childResult.awaited.name;
2859
- componentEndTime$jscomp$0 =
2857
+ trackIdx$jscomp$0 = candidateInfo.env;
2858
+ var name = candidateInfo.awaited.name;
2859
+ componentEndTime =
2860
2860
  "await " +
2861
- (trackIdx$jscomp$0 === componentEndTime$jscomp$0 ||
2861
+ (trackIdx$jscomp$0 === componentEndTime ||
2862
2862
  void 0 === trackIdx$jscomp$0
2863
2863
  ? name
2864
2864
  : name + " [" + trackIdx$jscomp$0 + "]");
2865
- (childResult = childResult.debugTask)
2866
- ? childResult.run(
2865
+ (candidateInfo =
2866
+ candidateInfo.debugTask ||
2867
+ candidateInfo.awaited.debugTask)
2868
+ ? candidateInfo.run(
2867
2869
  performance.measure.bind(
2868
2870
  performance,
2869
- componentEndTime$jscomp$0,
2871
+ componentEndTime,
2870
2872
  {
2871
2873
  start: 0 > response ? 0 : response,
2872
2874
  end: startTime,
@@ -2889,15 +2891,14 @@
2889
2891
  ]
2890
2892
  ],
2891
2893
  tooltipText:
2892
- componentEndTime$jscomp$0 +
2893
- " Rejected"
2894
+ componentEndTime + " Rejected"
2894
2895
  }
2895
2896
  }
2896
2897
  }
2897
2898
  )
2898
2899
  )
2899
2900
  : console.timeStamp(
2900
- componentEndTime$jscomp$0,
2901
+ componentEndTime,
2901
2902
  0 > response ? 0 : response,
2902
2903
  startTime,
2903
2904
  trackNames[componentInfo$jscomp$0],
@@ -2908,27 +2909,134 @@
2908
2909
  break;
2909
2910
  default:
2910
2911
  logComponentAwait(
2911
- childResult,
2912
+ candidateInfo,
2912
2913
  trackIdx$jscomp$1,
2913
2914
  trackTime,
2914
2915
  parentEndTime,
2915
- componentEndTime$jscomp$0,
2916
+ componentEndTime,
2916
2917
  void 0
2917
2918
  );
2918
2919
  }
2919
2920
  else
2920
2921
  logComponentAwait(
2921
- childResult,
2922
+ candidateInfo,
2922
2923
  trackIdx$jscomp$1,
2923
2924
  trackTime,
2924
2925
  parentEndTime,
2925
- componentEndTime$jscomp$0,
2926
+ componentEndTime,
2926
2927
  void 0
2927
2928
  );
2929
+ }
2930
+ else
2931
+ for (
2932
+ parentEndTime = trackTime, info = previousEndTime.length - 1;
2933
+ info > entryName;
2934
+ info--
2935
+ )
2936
+ (candidateInfo = previousEndTime[info]),
2937
+ "string" === typeof candidateInfo.name
2938
+ ? (childResult > componentInfo &&
2939
+ (componentInfo = childResult),
2940
+ (_i4 = candidateInfo),
2941
+ (childResult = response$jscomp$0._rootEnvironmentName),
2942
+ 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,
2956
+ detail: {
2957
+ devtools: {
2958
+ color: "warning",
2959
+ track: trackNames[trackIdx$jscomp$1],
2960
+ 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
+ ]
2968
+ }
2969
+ }
2970
+ })),
2971
+ (childResult = trackTime),
2972
+ (trackIdx.component = _i4),
2973
+ (_i4 = !1))
2974
+ : candidateInfo.awaited &&
2975
+ ((startTime = candidateInfo),
2976
+ (componentEndTime =
2977
+ response$jscomp$0._rootEnvironmentName),
2978
+ startTime.awaited.end > parentEndTime &&
2979
+ (parentEndTime = startTime.awaited.end),
2980
+ parentEndTime > componentInfo &&
2981
+ (componentInfo = parentEndTime),
2982
+ (candidateInfo = trackIdx$jscomp$1),
2983
+ (componentInfo$jscomp$0 = trackTime),
2984
+ (response = parentEndTime),
2985
+ supportsUserTiming &&
2986
+ 0 < response &&
2987
+ ((childrenEndTime = startTime.env),
2988
+ (trackIdx$jscomp$0 = startTime.awaited.name),
2989
+ (componentEndTime =
2990
+ "await " +
2991
+ (childrenEndTime === componentEndTime ||
2992
+ void 0 === childrenEndTime
2993
+ ? trackIdx$jscomp$0
2994
+ : trackIdx$jscomp$0 +
2995
+ " [" +
2996
+ childrenEndTime +
2997
+ "]")),
2998
+ (startTime =
2999
+ startTime.debugTask || startTime.awaited.debugTask)
3000
+ ? startTime.run(
3001
+ performance.measure.bind(
3002
+ performance,
3003
+ componentEndTime,
3004
+ {
3005
+ start:
3006
+ 0 > componentInfo$jscomp$0
3007
+ ? 0
3008
+ : componentInfo$jscomp$0,
3009
+ end: response,
3010
+ detail: {
3011
+ devtools: {
3012
+ color: "warning",
3013
+ track: trackNames[candidateInfo],
3014
+ trackGroup: "Server Components \u269b",
3015
+ properties: [
3016
+ [
3017
+ "Aborted",
3018
+ "The stream was aborted before this Promise resolved."
3019
+ ]
3020
+ ],
3021
+ tooltipText: componentEndTime + " Aborted"
3022
+ }
3023
+ }
3024
+ }
3025
+ )
3026
+ )
3027
+ : console.timeStamp(
3028
+ componentEndTime,
3029
+ 0 > componentInfo$jscomp$0
3030
+ ? 0
3031
+ : componentInfo$jscomp$0,
3032
+ response,
3033
+ trackNames[candidateInfo],
3034
+ "Server Components \u269b",
3035
+ "warning"
3036
+ )));
2928
3037
  parentEndTime = trackTime;
2929
3038
  info = entryName;
2930
3039
  }
2931
- }
2932
3040
  trackIdx.endTime = componentInfo;
2933
3041
  return trackIdx;
2934
3042
  }
@@ -3367,7 +3475,7 @@
3367
3475
  version: rendererVersion,
3368
3476
  rendererPackageName: rendererPackageName,
3369
3477
  currentDispatcherRef: ReactSharedInternals,
3370
- reconcilerVersion: "19.2.0-experimental-b42341dd-20250625",
3478
+ reconcilerVersion: "19.2.0-experimental-31d91651-20250625",
3371
3479
  getCurrentComponentInfo: getCurrentOwnerInDEV
3372
3480
  };
3373
3481
  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-31d91651-20250625",
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-31d91651-20250625",
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-31d91651-20250625"
27
27
  }
28
28
  }