@matthamlin/react-client 0.0.0-experimental-12eaef7e-20250623 → 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 +205 -82
  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)
@@ -1325,23 +1344,10 @@
1325
1344
  response._chunks.forEach(function (chunk) {
1326
1345
  "pending" === chunk.status && triggerErrorOnChunk(chunk, error);
1327
1346
  });
1328
- supportsUserTiming &&
1329
- (console.timeStamp(
1330
- "Server Requests Track",
1331
- 0.001,
1332
- 0.001,
1333
- "Server Requests \u269b",
1334
- void 0,
1335
- "primary-light"
1336
- ),
1337
- console.timeStamp(
1338
- "Server Components Track",
1339
- 0.001,
1340
- 0.001,
1341
- "Primary",
1342
- "Server Components \u269b",
1343
- "primary-light"
1344
- ));
1347
+ var debugChannel = response._debugChannel;
1348
+ void 0 !== debugChannel &&
1349
+ (debugChannel(""), (response._debugChannel = void 0));
1350
+ markAllTracksInOrder();
1345
1351
  flushComponentPerformance(
1346
1352
  response,
1347
1353
  getChunk(response, 0),
@@ -1853,6 +1859,9 @@
1853
1859
  }
1854
1860
  case "Y":
1855
1861
  return (
1862
+ 2 < value.length &&
1863
+ (response = response._debugChannel) &&
1864
+ ((value = value.slice(2)), response("R:" + value)),
1856
1865
  Object.defineProperty(parentObject, key, {
1857
1866
  get: function () {
1858
1867
  return "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.";
@@ -1886,7 +1895,8 @@
1886
1895
  temporaryReferences,
1887
1896
  findSourceMapURL,
1888
1897
  replayConsole,
1889
- environmentName
1898
+ environmentName,
1899
+ debugChannel
1890
1900
  ) {
1891
1901
  var chunks = new Map();
1892
1902
  this._bundlerConfig = bundlerConfig;
@@ -1917,8 +1927,10 @@
1917
1927
  '"use ' + environmentName.toLowerCase() + '"'
1918
1928
  ));
1919
1929
  this._debugFindSourceMapURL = findSourceMapURL;
1930
+ this._debugChannel = debugChannel;
1920
1931
  this._replayConsole = replayConsole;
1921
1932
  this._rootEnvironmentName = environmentName;
1933
+ markAllTracksInOrder();
1922
1934
  this._fromJSON = createFromJSONCallback(this);
1923
1935
  }
1924
1936
  function resolveDebugHalt(response, id) {
@@ -2422,15 +2434,20 @@
2422
2434
  return Error("react-stack-top-frame");
2423
2435
  }
2424
2436
  function initializeFakeStack(response, debugInfo) {
2425
- void 0 === debugInfo.debugStack &&
2426
- (null != debugInfo.stack &&
2437
+ if (void 0 === debugInfo.debugStack) {
2438
+ null != debugInfo.stack &&
2427
2439
  (debugInfo.debugStack = createFakeJSXCallStackInDEV(
2428
2440
  response,
2429
2441
  debugInfo.stack,
2430
2442
  null == debugInfo.env ? "" : debugInfo.env
2431
- )),
2432
- null != debugInfo.owner &&
2433
- initializeFakeStack(response, debugInfo.owner));
2443
+ ));
2444
+ var owner = debugInfo.owner;
2445
+ null != owner &&
2446
+ (initializeFakeStack(response, owner),
2447
+ void 0 === owner.debugLocation &&
2448
+ null != debugInfo.debugStack &&
2449
+ (owner.debugLocation = debugInfo.debugStack));
2450
+ }
2434
2451
  }
2435
2452
  function resolveDebugInfo(response, id, debugInfo) {
2436
2453
  void 0 !== debugInfo.stack && initializeFakeTask(response, debugInfo);
@@ -2694,12 +2711,12 @@
2694
2711
  childResult > trackTime && (trackTime = childResult);
2695
2712
  childResult > componentInfo && (componentInfo = childResult);
2696
2713
  }
2697
- if (previousEndTime) {
2698
- var componentEndTime = 0;
2699
- _i4 = !0;
2700
- info = parentEndTime = -1;
2714
+ if (previousEndTime)
2701
2715
  for (
2702
- entryName = previousEndTime.length - 1;
2716
+ childResult = 0,
2717
+ _i4 = !0,
2718
+ info = parentEndTime = -1,
2719
+ entryName = previousEndTime.length - 1;
2703
2720
  0 <= entryName;
2704
2721
  entryName--
2705
2722
  )
@@ -2707,38 +2724,35 @@
2707
2724
  ((trackTime = previousEndTime[entryName]),
2708
2725
  "number" === typeof trackTime.time)
2709
2726
  ) {
2710
- 0 === componentEndTime && (componentEndTime = trackTime.time);
2727
+ 0 === childResult && (childResult = trackTime.time);
2711
2728
  trackTime = trackTime.time;
2712
2729
  if (-1 < info)
2713
- for (--info; info > entryName; info--)
2714
- if (
2715
- ((childResult = previousEndTime[info]),
2716
- "string" === typeof childResult.name)
2717
- ) {
2718
- componentEndTime > componentInfo &&
2719
- (componentInfo = componentEndTime);
2730
+ for (--info; info > entryName; info--) {
2731
+ var candidateInfo = previousEndTime[info];
2732
+ if ("string" === typeof candidateInfo.name) {
2733
+ childResult > componentInfo && (componentInfo = childResult);
2720
2734
  var response = response$jscomp$0,
2721
- componentInfo$jscomp$0 = childResult,
2735
+ componentInfo$jscomp$0 = candidateInfo,
2722
2736
  trackIdx$jscomp$0 = trackIdx$jscomp$1,
2723
2737
  startTime = trackTime,
2724
- componentEndTime$jscomp$0 = componentEndTime,
2738
+ componentEndTime = childResult,
2725
2739
  childrenEndTime = componentInfo;
2726
2740
  _i4 &&
2727
2741
  "rejected" === root.status &&
2728
2742
  root.reason !== response._closedReason
2729
2743
  ? ((_i4 = root.reason),
2730
2744
  supportsUserTiming &&
2731
- ((componentEndTime = componentInfo$jscomp$0.env),
2745
+ ((childResult = componentInfo$jscomp$0.env),
2732
2746
  (componentInfo$jscomp$0 = componentInfo$jscomp$0.name),
2733
- (componentEndTime =
2734
- componentEndTime === response._rootEnvironmentName ||
2735
- void 0 === componentEndTime
2747
+ (childResult =
2748
+ childResult === response._rootEnvironmentName ||
2749
+ void 0 === childResult
2736
2750
  ? componentInfo$jscomp$0
2737
2751
  : componentInfo$jscomp$0 +
2738
2752
  " [" +
2739
- componentEndTime +
2753
+ childResult +
2740
2754
  "]"),
2741
- performance.measure(componentEndTime, {
2755
+ performance.measure(childResult, {
2742
2756
  start: 0 > startTime ? 0 : startTime,
2743
2757
  end: childrenEndTime,
2744
2758
  detail: {
@@ -2746,7 +2760,7 @@
2746
2760
  color: "error",
2747
2761
  track: trackNames[trackIdx$jscomp$0],
2748
2762
  trackGroup: "Server Components \u269b",
2749
- tooltipText: componentEndTime + " Errored",
2763
+ tooltipText: childResult + " Errored",
2750
2764
  properties: [
2751
2765
  [
2752
2766
  "Error",
@@ -2761,7 +2775,7 @@
2761
2775
  }
2762
2776
  })))
2763
2777
  : ((_i4 = trackIdx$jscomp$0),
2764
- (componentEndTime = startTime),
2778
+ (childResult = startTime),
2765
2779
  (startTime = childrenEndTime),
2766
2780
  supportsUserTiming &&
2767
2781
  0 <= startTime &&
@@ -2770,17 +2784,17 @@
2770
2784
  (trackIdx$jscomp$0 = componentInfo$jscomp$0.name),
2771
2785
  (response =
2772
2786
  childrenEndTime === response._rootEnvironmentName),
2773
- (componentEndTime$jscomp$0 -= componentEndTime),
2774
- (componentEndTime$jscomp$0 =
2775
- 0.5 > componentEndTime$jscomp$0
2787
+ (componentEndTime -= childResult),
2788
+ (componentEndTime =
2789
+ 0.5 > componentEndTime
2776
2790
  ? response
2777
2791
  ? "primary-light"
2778
2792
  : "secondary-light"
2779
- : 50 > componentEndTime$jscomp$0
2793
+ : 50 > componentEndTime
2780
2794
  ? response
2781
2795
  ? "primary"
2782
2796
  : "secondary"
2783
- : 500 > componentEndTime$jscomp$0
2797
+ : 500 > componentEndTime
2784
2798
  ? response
2785
2799
  ? "primary-dark"
2786
2800
  : "secondary-dark"
@@ -2795,31 +2809,30 @@
2795
2809
  console.timeStamp.bind(
2796
2810
  console,
2797
2811
  response,
2798
- 0 > componentEndTime ? 0 : componentEndTime,
2812
+ 0 > childResult ? 0 : childResult,
2799
2813
  startTime,
2800
2814
  trackNames[_i4],
2801
2815
  "Server Components \u269b",
2802
- componentEndTime$jscomp$0
2816
+ componentEndTime
2803
2817
  )
2804
2818
  )
2805
2819
  : console.timeStamp(
2806
2820
  response,
2807
- 0 > componentEndTime ? 0 : componentEndTime,
2821
+ 0 > childResult ? 0 : childResult,
2808
2822
  startTime,
2809
2823
  trackNames[_i4],
2810
2824
  "Server Components \u269b",
2811
- componentEndTime$jscomp$0
2825
+ componentEndTime
2812
2826
  )));
2813
- componentEndTime = trackTime;
2814
- trackIdx.component = childResult;
2827
+ childResult = trackTime;
2828
+ trackIdx.component = candidateInfo;
2815
2829
  _i4 = !1;
2816
- } else if (childResult.awaited)
2830
+ } else if (candidateInfo.awaited)
2817
2831
  if (
2818
2832
  (parentEndTime > componentInfo &&
2819
2833
  (componentInfo = parentEndTime),
2820
- (componentEndTime$jscomp$0 =
2821
- response$jscomp$0._rootEnvironmentName),
2822
- (componentInfo$jscomp$0 = childResult.awaited.value))
2834
+ (componentEndTime = response$jscomp$0._rootEnvironmentName),
2835
+ (componentInfo$jscomp$0 = candidateInfo.awaited.value))
2823
2836
  )
2824
2837
  switch (
2825
2838
  ((childrenEndTime = componentInfo$jscomp$0),
@@ -2827,11 +2840,11 @@
2827
2840
  ) {
2828
2841
  case "fulfilled":
2829
2842
  logComponentAwait(
2830
- childResult,
2843
+ candidateInfo,
2831
2844
  trackIdx$jscomp$1,
2832
2845
  trackTime,
2833
2846
  parentEndTime,
2834
- componentEndTime$jscomp$0,
2847
+ componentEndTime,
2835
2848
  childrenEndTime.value
2836
2849
  );
2837
2850
  break;
@@ -2841,19 +2854,21 @@
2841
2854
  startTime = parentEndTime;
2842
2855
  childrenEndTime = childrenEndTime.reason;
2843
2856
  if (supportsUserTiming && 0 < startTime) {
2844
- trackIdx$jscomp$0 = childResult.env;
2845
- var name = childResult.awaited.name;
2846
- componentEndTime$jscomp$0 =
2857
+ trackIdx$jscomp$0 = candidateInfo.env;
2858
+ var name = candidateInfo.awaited.name;
2859
+ componentEndTime =
2847
2860
  "await " +
2848
- (trackIdx$jscomp$0 === componentEndTime$jscomp$0 ||
2861
+ (trackIdx$jscomp$0 === componentEndTime ||
2849
2862
  void 0 === trackIdx$jscomp$0
2850
2863
  ? name
2851
2864
  : name + " [" + trackIdx$jscomp$0 + "]");
2852
- (childResult = childResult.debugTask)
2853
- ? childResult.run(
2865
+ (candidateInfo =
2866
+ candidateInfo.debugTask ||
2867
+ candidateInfo.awaited.debugTask)
2868
+ ? candidateInfo.run(
2854
2869
  performance.measure.bind(
2855
2870
  performance,
2856
- componentEndTime$jscomp$0,
2871
+ componentEndTime,
2857
2872
  {
2858
2873
  start: 0 > response ? 0 : response,
2859
2874
  end: startTime,
@@ -2876,15 +2891,14 @@
2876
2891
  ]
2877
2892
  ],
2878
2893
  tooltipText:
2879
- componentEndTime$jscomp$0 +
2880
- " Rejected"
2894
+ componentEndTime + " Rejected"
2881
2895
  }
2882
2896
  }
2883
2897
  }
2884
2898
  )
2885
2899
  )
2886
2900
  : console.timeStamp(
2887
- componentEndTime$jscomp$0,
2901
+ componentEndTime,
2888
2902
  0 > response ? 0 : response,
2889
2903
  startTime,
2890
2904
  trackNames[componentInfo$jscomp$0],
@@ -2895,27 +2909,134 @@
2895
2909
  break;
2896
2910
  default:
2897
2911
  logComponentAwait(
2898
- childResult,
2912
+ candidateInfo,
2899
2913
  trackIdx$jscomp$1,
2900
2914
  trackTime,
2901
2915
  parentEndTime,
2902
- componentEndTime$jscomp$0,
2916
+ componentEndTime,
2903
2917
  void 0
2904
2918
  );
2905
2919
  }
2906
2920
  else
2907
2921
  logComponentAwait(
2908
- childResult,
2922
+ candidateInfo,
2909
2923
  trackIdx$jscomp$1,
2910
2924
  trackTime,
2911
2925
  parentEndTime,
2912
- componentEndTime$jscomp$0,
2926
+ componentEndTime,
2913
2927
  void 0
2914
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
+ )));
2915
3037
  parentEndTime = trackTime;
2916
3038
  info = entryName;
2917
3039
  }
2918
- }
2919
3040
  trackIdx.endTime = componentInfo;
2920
3041
  return trackIdx;
2921
3042
  }
@@ -3328,7 +3449,8 @@
3328
3449
  temporaryReferences,
3329
3450
  findSourceMapURL,
3330
3451
  replayConsole,
3331
- environmentName
3452
+ environmentName,
3453
+ debugChannel
3332
3454
  ) {
3333
3455
  return new ResponseInstance(
3334
3456
  bundlerConfig,
@@ -3340,7 +3462,8 @@
3340
3462
  temporaryReferences,
3341
3463
  findSourceMapURL,
3342
3464
  replayConsole,
3343
- environmentName
3465
+ environmentName,
3466
+ debugChannel
3344
3467
  );
3345
3468
  };
3346
3469
  exports.getRoot = function (response) {
@@ -3352,7 +3475,7 @@
3352
3475
  version: rendererVersion,
3353
3476
  rendererPackageName: rendererPackageName,
3354
3477
  currentDispatcherRef: ReactSharedInternals,
3355
- reconcilerVersion: "19.2.0-experimental-12eaef7e-20250623",
3478
+ reconcilerVersion: "19.2.0-experimental-31d91651-20250625",
3356
3479
  getCurrentComponentInfo: getCurrentOwnerInDEV
3357
3480
  };
3358
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-12eaef7e-20250623",
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-12eaef7e-20250623",
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-12eaef7e-20250623"
26
+ "react": "0.0.0-experimental-31d91651-20250625"
27
27
  }
28
28
  }