@buoy-gg/highlight-updates 2.1.12 → 2.1.13

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 (64) hide show
  1. package/lib/commonjs/highlight-updates/HighlightUpdatesOverlay.js +1 -285
  2. package/lib/commonjs/highlight-updates/components/HighlightFilterView.js +1 -1371
  3. package/lib/commonjs/highlight-updates/components/HighlightUpdatesModal.js +1 -591
  4. package/lib/commonjs/highlight-updates/components/IdentifierBadge.js +1 -267
  5. package/lib/commonjs/highlight-updates/components/IsolatedRenderList.js +1 -178
  6. package/lib/commonjs/highlight-updates/components/ModalHeaderContent.js +1 -303
  7. package/lib/commonjs/highlight-updates/components/RenderCauseBadge.js +1 -500
  8. package/lib/commonjs/highlight-updates/components/RenderDetailView.js +1 -830
  9. package/lib/commonjs/highlight-updates/components/RenderHistoryViewer.js +1 -894
  10. package/lib/commonjs/highlight-updates/components/RenderListItem.js +1 -220
  11. package/lib/commonjs/highlight-updates/components/StatsDisplay.js +1 -70
  12. package/lib/commonjs/highlight-updates/components/index.js +1 -97
  13. package/lib/commonjs/highlight-updates/utils/HighlightUpdatesController.js +1 -1435
  14. package/lib/commonjs/highlight-updates/utils/PerformanceLogger.js +1 -359
  15. package/lib/commonjs/highlight-updates/utils/ProfilerInterceptor.js +1 -371
  16. package/lib/commonjs/highlight-updates/utils/RenderCauseDetector.js +1 -1828
  17. package/lib/commonjs/highlight-updates/utils/RenderTracker.js +1 -903
  18. package/lib/commonjs/highlight-updates/utils/ViewTypeMapper.js +1 -264
  19. package/lib/commonjs/highlight-updates/utils/renderExportFormatter.js +1 -58
  20. package/lib/commonjs/index.js +1 -311
  21. package/lib/commonjs/preset.js +1 -278
  22. package/lib/module/highlight-updates/HighlightUpdatesOverlay.js +1 -278
  23. package/lib/module/highlight-updates/components/HighlightFilterView.js +1 -1365
  24. package/lib/module/highlight-updates/components/HighlightUpdatesModal.js +1 -585
  25. package/lib/module/highlight-updates/components/IdentifierBadge.js +1 -259
  26. package/lib/module/highlight-updates/components/IsolatedRenderList.js +1 -174
  27. package/lib/module/highlight-updates/components/ModalHeaderContent.js +1 -298
  28. package/lib/module/highlight-updates/components/RenderCauseBadge.js +1 -491
  29. package/lib/module/highlight-updates/components/RenderDetailView.js +1 -826
  30. package/lib/module/highlight-updates/components/RenderHistoryViewer.js +1 -888
  31. package/lib/module/highlight-updates/components/RenderListItem.js +1 -215
  32. package/lib/module/highlight-updates/components/StatsDisplay.js +1 -67
  33. package/lib/module/highlight-updates/components/index.js +1 -16
  34. package/lib/module/highlight-updates/utils/HighlightUpdatesController.js +1 -1431
  35. package/lib/module/highlight-updates/utils/PerformanceLogger.js +1 -353
  36. package/lib/module/highlight-updates/utils/ProfilerInterceptor.js +1 -358
  37. package/lib/module/highlight-updates/utils/RenderCauseDetector.js +1 -1818
  38. package/lib/module/highlight-updates/utils/RenderTracker.js +1 -900
  39. package/lib/module/highlight-updates/utils/ViewTypeMapper.js +1 -255
  40. package/lib/module/highlight-updates/utils/renderExportFormatter.js +1 -54
  41. package/lib/module/index.js +1 -71
  42. package/lib/module/preset.js +1 -272
  43. package/package.json +7 -7
  44. package/lib/typescript/highlight-updates/HighlightUpdatesOverlay.d.ts.map +0 -1
  45. package/lib/typescript/highlight-updates/components/HighlightFilterView.d.ts.map +0 -1
  46. package/lib/typescript/highlight-updates/components/HighlightUpdatesModal.d.ts.map +0 -1
  47. package/lib/typescript/highlight-updates/components/IdentifierBadge.d.ts.map +0 -1
  48. package/lib/typescript/highlight-updates/components/IsolatedRenderList.d.ts.map +0 -1
  49. package/lib/typescript/highlight-updates/components/ModalHeaderContent.d.ts.map +0 -1
  50. package/lib/typescript/highlight-updates/components/RenderCauseBadge.d.ts.map +0 -1
  51. package/lib/typescript/highlight-updates/components/RenderDetailView.d.ts.map +0 -1
  52. package/lib/typescript/highlight-updates/components/RenderHistoryViewer.d.ts.map +0 -1
  53. package/lib/typescript/highlight-updates/components/RenderListItem.d.ts.map +0 -1
  54. package/lib/typescript/highlight-updates/components/StatsDisplay.d.ts.map +0 -1
  55. package/lib/typescript/highlight-updates/components/index.d.ts.map +0 -1
  56. package/lib/typescript/highlight-updates/utils/HighlightUpdatesController.d.ts.map +0 -1
  57. package/lib/typescript/highlight-updates/utils/PerformanceLogger.d.ts.map +0 -1
  58. package/lib/typescript/highlight-updates/utils/ProfilerInterceptor.d.ts.map +0 -1
  59. package/lib/typescript/highlight-updates/utils/RenderCauseDetector.d.ts.map +0 -1
  60. package/lib/typescript/highlight-updates/utils/RenderTracker.d.ts.map +0 -1
  61. package/lib/typescript/highlight-updates/utils/ViewTypeMapper.d.ts.map +0 -1
  62. package/lib/typescript/highlight-updates/utils/renderExportFormatter.d.ts.map +0 -1
  63. package/lib/typescript/index.d.ts.map +0 -1
  64. package/lib/typescript/preset.d.ts.map +0 -1
@@ -1,264 +1 @@
1
- /**
2
- * ViewTypeMapper
3
- *
4
- * Maps native view class names (e.g., "RCTView", "RCTText") to their
5
- * developer-friendly React Native component names (e.g., "View", "Text").
6
- *
7
- * This makes the render tracking UI more understandable since developers
8
- * work with component names, not native class names.
9
- *
10
- * Sources:
11
- * - React Native core: packages/react-native/Libraries/Components/*
12
- * - React Native Android: ReactAndroid/src/main/java/com/facebook/react/views/*
13
- * - FabricNameComponentMapping.kt
14
- * - Common third-party libraries (react-native-svg, gesture-handler, etc.)
15
- */
16
-
17
- "use strict";
18
-
19
- /**
20
- * Mapping from native view class names to React component names.
21
- *
22
- * Format: { "NativeClassName": "ComponentName" }
23
- */
24
- Object.defineProperty(exports, "__esModule", {
25
- value: true
26
- });
27
- exports.default = exports.VIEW_TYPE_MAP = void 0;
28
- exports.getAllComponentNames = getAllComponentNames;
29
- exports.getAllNativeViewTypes = getAllNativeViewTypes;
30
- exports.getComponentDisplayName = getComponentDisplayName;
31
- exports.getNativeViewType = getNativeViewType;
32
- exports.isKnownViewType = isKnownViewType;
33
- const VIEW_TYPE_MAP = exports.VIEW_TYPE_MAP = {
34
- // ==========================================================================
35
- // REACT NATIVE CORE - Views
36
- // ==========================================================================
37
- RCTView: "View",
38
- RCTSafeAreaView: "SafeAreaView",
39
- RCTModalHostView: "Modal",
40
- // ==========================================================================
41
- // REACT NATIVE CORE - Text
42
- // ==========================================================================
43
- RCTText: "Text",
44
- RCTRawText: "RawText",
45
- RCTVirtualText: "VirtualText",
46
- RCTTextInlineImage: "TextInlineImage",
47
- // ==========================================================================
48
- // REACT NATIVE CORE - Images
49
- // ==========================================================================
50
- RCTImageView: "Image",
51
- RCTImage: "Image",
52
- // ==========================================================================
53
- // REACT NATIVE CORE - ScrollView
54
- // ==========================================================================
55
- RCTScrollView: "ScrollView",
56
- RCTScrollContentView: "ScrollContentView",
57
- AndroidHorizontalScrollView: "HorizontalScrollView",
58
- AndroidHorizontalScrollContentView: "HorizontalScrollContentView",
59
- // ==========================================================================
60
- // REACT NATIVE CORE - TextInput
61
- // ==========================================================================
62
- RCTSinglelineTextInputView: "TextInput",
63
- RCTMultilineTextInputView: "TextInput (Multiline)",
64
- AndroidTextInput: "TextInput",
65
- RCTInputAccessoryView: "InputAccessoryView",
66
- // ==========================================================================
67
- // REACT NATIVE CORE - Lists (FlatList/SectionList internals)
68
- // ==========================================================================
69
- RCTRefreshControl: "RefreshControl",
70
- AndroidSwipeRefreshLayout: "RefreshControl",
71
- PullToRefreshView: "RefreshControl",
72
- // ==========================================================================
73
- // REACT NATIVE CORE - Buttons & Touchables
74
- // ==========================================================================
75
- RCTSwitch: "Switch",
76
- AndroidSwitch: "Switch",
77
- RCTSlider: "Slider",
78
- // ==========================================================================
79
- // REACT NATIVE CORE - Activity Indicators
80
- // ==========================================================================
81
- RCTActivityIndicatorView: "ActivityIndicator",
82
- AndroidProgressBar: "ActivityIndicator",
83
- // ==========================================================================
84
- // REACT NATIVE CORE - Android-specific
85
- // ==========================================================================
86
- AndroidDrawerLayout: "DrawerLayout",
87
- VirtualView: "VirtualView",
88
- VirtualViewExperimental: "VirtualView",
89
- // ==========================================================================
90
- // REACT NATIVE CORE - Debugging & Internal
91
- // ==========================================================================
92
- DebuggingOverlay: "DebuggingOverlay",
93
- LayoutConformance: "LayoutConformance",
94
- UnimplementedNativeView: "UnimplementedView",
95
- // ==========================================================================
96
- // REACT NATIVE CORE - Legacy/Deprecated
97
- // ==========================================================================
98
- RKShimmeringView: "ShimmeringView",
99
- RCTTemplateView: "TemplateView",
100
- RCTAxialGradientView: "AxialGradientView",
101
- // "RCTVideo": "Video",
102
- RCTMap: "Map",
103
- RCTWebView: "WebView",
104
- RCTKeyframes: "Keyframes",
105
- RCTImpressionTrackingView: "ImpressionTrackingView",
106
- // ==========================================================================
107
- // REACT-NATIVE-SVG
108
- // ==========================================================================
109
- RNSVGSvgView: "Svg",
110
- RNSVGGroup: "G",
111
- RNSVGPath: "Path",
112
- RNSVGText: "SvgText",
113
- RNSVGTSpan: "TSpan",
114
- RNSVGTextPath: "TextPath",
115
- RNSVGImage: "SvgImage",
116
- RNSVGCircle: "Circle",
117
- RNSVGEllipse: "Ellipse",
118
- RNSVGLine: "Line",
119
- RNSVGRect: "Rect",
120
- RNSVGClipPath: "ClipPath",
121
- RNSVGDefs: "Defs",
122
- RNSVGUse: "Use",
123
- RNSVGSymbol: "Symbol",
124
- RNSVGPattern: "Pattern",
125
- RNSVGMask: "Mask",
126
- RNSVGForeignObject: "ForeignObject",
127
- RNSVGMarker: "Marker",
128
- RNSVGLinearGradient: "LinearGradient",
129
- RNSVGRadialGradient: "RadialGradient",
130
- RNSVGFilter: "Filter",
131
- RNSVGFeBlend: "FeBlend",
132
- RNSVGFeColorMatrix: "FeColorMatrix",
133
- RNSVGFeComposite: "FeComposite",
134
- RNSVGFeFlood: "FeFlood",
135
- RNSVGFeGaussianBlur: "FeGaussianBlur",
136
- RNSVGFeMerge: "FeMerge",
137
- RNSVGFeOffset: "FeOffset",
138
- RNSVGPolygon: "Polygon",
139
- RNSVGPolyline: "Polyline",
140
- RNSVGStop: "Stop",
141
- // ==========================================================================
142
- // REACT-NATIVE-GESTURE-HANDLER
143
- // ==========================================================================
144
- RNGestureHandlerRootView: "GestureHandlerRootView",
145
- RNGestureHandlerButton: "GestureHandlerButton",
146
- // ==========================================================================
147
- // REACT-NATIVE-SAFE-AREA-CONTEXT
148
- // ==========================================================================
149
- RNCSafeAreaProvider: "SafeAreaProvider",
150
- RNCSafeAreaView: "SafeAreaView",
151
- // ==========================================================================
152
- // REACT-NATIVE-SCREENS (React Navigation)
153
- // ==========================================================================
154
- RNSScreen: "Screen",
155
- RNSScreenContainer: "ScreenContainer",
156
- RNSScreenStack: "ScreenStack",
157
- RNSScreenStackHeaderConfig: "ScreenStackHeaderConfig",
158
- RNSScreenStackHeaderSubview: "ScreenStackHeaderSubview",
159
- RNSSearchBar: "SearchBar",
160
- RNSFullWindowOverlay: "FullWindowOverlay",
161
- RNSModalScreen: "ModalScreen",
162
- // ==========================================================================
163
- // REACT-NATIVE-REANIMATED
164
- // ==========================================================================
165
- ReanimatedView: "Animated.View",
166
- // ==========================================================================
167
- // EXPO MODULES
168
- // ==========================================================================
169
- ExpoView: "ExpoView",
170
- ExpoBlurView: "BlurView",
171
- ExpoLinearGradient: "LinearGradient",
172
- ExpoImage: "ExpoImage",
173
- ExpoVideoView: "VideoView",
174
- ExpoCamera: "Camera",
175
- ExpoBarCodeScannerView: "BarCodeScanner",
176
- // ==========================================================================
177
- // REACT-NATIVE-WEBVIEW
178
- // ==========================================================================
179
- RNCWebView: "WebView",
180
- // ==========================================================================
181
- // REACT-NATIVE-MAPS
182
- // ==========================================================================
183
- AIRMap: "MapView",
184
- AIRMapMarker: "Marker",
185
- AIRMapPolyline: "Polyline",
186
- AIRMapPolygon: "Polygon",
187
- AIRMapCircle: "Circle",
188
- AIRMapCallout: "Callout",
189
- // ==========================================================================
190
- // REACT-NATIVE-VIDEO
191
- // ==========================================================================
192
- RCTVideo: "Video",
193
- // ==========================================================================
194
- // LOTTIE-REACT-NATIVE
195
- // ==========================================================================
196
- LottieAnimationView: "LottieView",
197
- // ==========================================================================
198
- // REACT-NATIVE-FAST-IMAGE
199
- // ==========================================================================
200
- FastImageView: "FastImage"
201
- };
202
-
203
- /**
204
- * Get the developer-friendly component name for a native view type.
205
- * Returns the original viewType if no mapping exists.
206
- *
207
- * @param viewType - The native view class name (e.g., "RCTView")
208
- * @returns The component name (e.g., "View")
209
- */
210
- function getComponentDisplayName(viewType) {
211
- return VIEW_TYPE_MAP[viewType] || viewType;
212
- }
213
-
214
- /**
215
- * Get the native view class name for a component name (reverse lookup).
216
- * Returns null if no mapping exists.
217
- *
218
- * @param componentName - The component name (e.g., "View")
219
- * @returns The native view class name (e.g., "RCTView") or null
220
- */
221
- function getNativeViewType(componentName) {
222
- for (const [native, display] of Object.entries(VIEW_TYPE_MAP)) {
223
- if (display === componentName) {
224
- return native;
225
- }
226
- }
227
- return null;
228
- }
229
-
230
- /**
231
- * Check if a view type is a known native component.
232
- *
233
- * @param viewType - The native view class name
234
- * @returns true if it's a known component
235
- */
236
- function isKnownViewType(viewType) {
237
- return viewType in VIEW_TYPE_MAP;
238
- }
239
-
240
- /**
241
- * Get all known view types (useful for autocomplete/suggestions).
242
- *
243
- * @returns Array of all native view class names
244
- */
245
- function getAllNativeViewTypes() {
246
- return Object.keys(VIEW_TYPE_MAP);
247
- }
248
-
249
- /**
250
- * Get all known component names (useful for autocomplete/suggestions).
251
- *
252
- * @returns Array of all component display names
253
- */
254
- function getAllComponentNames() {
255
- return [...new Set(Object.values(VIEW_TYPE_MAP))];
256
- }
257
- var _default = exports.default = {
258
- VIEW_TYPE_MAP,
259
- getComponentDisplayName,
260
- getNativeViewType,
261
- isKnownViewType,
262
- getAllNativeViewTypes,
263
- getAllComponentNames
264
- };
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VIEW_TYPE_MAP=void 0,exports.getAllComponentNames=getAllComponentNames,exports.getAllNativeViewTypes=getAllNativeViewTypes,exports.getComponentDisplayName=getComponentDisplayName,exports.getNativeViewType=getNativeViewType,exports.isKnownViewType=isKnownViewType;const VIEW_TYPE_MAP=exports.VIEW_TYPE_MAP={RCTView:"View",RCTSafeAreaView:"SafeAreaView",RCTModalHostView:"Modal",RCTText:"Text",RCTRawText:"RawText",RCTVirtualText:"VirtualText",RCTTextInlineImage:"TextInlineImage",RCTImageView:"Image",RCTImage:"Image",RCTScrollView:"ScrollView",RCTScrollContentView:"ScrollContentView",AndroidHorizontalScrollView:"HorizontalScrollView",AndroidHorizontalScrollContentView:"HorizontalScrollContentView",RCTSinglelineTextInputView:"TextInput",RCTMultilineTextInputView:"TextInput (Multiline)",AndroidTextInput:"TextInput",RCTInputAccessoryView:"InputAccessoryView",RCTRefreshControl:"RefreshControl",AndroidSwipeRefreshLayout:"RefreshControl",PullToRefreshView:"RefreshControl",RCTSwitch:"Switch",AndroidSwitch:"Switch",RCTSlider:"Slider",RCTActivityIndicatorView:"ActivityIndicator",AndroidProgressBar:"ActivityIndicator",AndroidDrawerLayout:"DrawerLayout",VirtualView:"VirtualView",VirtualViewExperimental:"VirtualView",DebuggingOverlay:"DebuggingOverlay",LayoutConformance:"LayoutConformance",UnimplementedNativeView:"UnimplementedView",RKShimmeringView:"ShimmeringView",RCTTemplateView:"TemplateView",RCTAxialGradientView:"AxialGradientView",RCTMap:"Map",RCTWebView:"WebView",RCTKeyframes:"Keyframes",RCTImpressionTrackingView:"ImpressionTrackingView",RNSVGSvgView:"Svg",RNSVGGroup:"G",RNSVGPath:"Path",RNSVGText:"SvgText",RNSVGTSpan:"TSpan",RNSVGTextPath:"TextPath",RNSVGImage:"SvgImage",RNSVGCircle:"Circle",RNSVGEllipse:"Ellipse",RNSVGLine:"Line",RNSVGRect:"Rect",RNSVGClipPath:"ClipPath",RNSVGDefs:"Defs",RNSVGUse:"Use",RNSVGSymbol:"Symbol",RNSVGPattern:"Pattern",RNSVGMask:"Mask",RNSVGForeignObject:"ForeignObject",RNSVGMarker:"Marker",RNSVGLinearGradient:"LinearGradient",RNSVGRadialGradient:"RadialGradient",RNSVGFilter:"Filter",RNSVGFeBlend:"FeBlend",RNSVGFeColorMatrix:"FeColorMatrix",RNSVGFeComposite:"FeComposite",RNSVGFeFlood:"FeFlood",RNSVGFeGaussianBlur:"FeGaussianBlur",RNSVGFeMerge:"FeMerge",RNSVGFeOffset:"FeOffset",RNSVGPolygon:"Polygon",RNSVGPolyline:"Polyline",RNSVGStop:"Stop",RNGestureHandlerRootView:"GestureHandlerRootView",RNGestureHandlerButton:"GestureHandlerButton",RNCSafeAreaProvider:"SafeAreaProvider",RNCSafeAreaView:"SafeAreaView",RNSScreen:"Screen",RNSScreenContainer:"ScreenContainer",RNSScreenStack:"ScreenStack",RNSScreenStackHeaderConfig:"ScreenStackHeaderConfig",RNSScreenStackHeaderSubview:"ScreenStackHeaderSubview",RNSSearchBar:"SearchBar",RNSFullWindowOverlay:"FullWindowOverlay",RNSModalScreen:"ModalScreen",ReanimatedView:"Animated.View",ExpoView:"ExpoView",ExpoBlurView:"BlurView",ExpoLinearGradient:"LinearGradient",ExpoImage:"ExpoImage",ExpoVideoView:"VideoView",ExpoCamera:"Camera",ExpoBarCodeScannerView:"BarCodeScanner",RNCWebView:"WebView",AIRMap:"MapView",AIRMapMarker:"Marker",AIRMapPolyline:"Polyline",AIRMapPolygon:"Polygon",AIRMapCircle:"Circle",AIRMapCallout:"Callout",RCTVideo:"Video",LottieAnimationView:"LottieView",FastImageView:"FastImage"};function getComponentDisplayName(e){return VIEW_TYPE_MAP[e]||e}function getNativeViewType(e){for(const[i,t]of Object.entries(VIEW_TYPE_MAP))if(t===e)return i;return null}function isKnownViewType(e){return e in VIEW_TYPE_MAP}function getAllNativeViewTypes(){return Object.keys(VIEW_TYPE_MAP)}function getAllComponentNames(){return[...new Set(Object.values(VIEW_TYPE_MAP))]}var _default=exports.default={VIEW_TYPE_MAP:VIEW_TYPE_MAP,getComponentDisplayName:getComponentDisplayName,getNativeViewType:getNativeViewType,isKnownViewType:isKnownViewType,getAllNativeViewTypes:getAllNativeViewTypes,getAllComponentNames:getAllComponentNames};
@@ -1,58 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.generateRendersJson = generateRendersJson;
7
- /**
8
- * Render Export Formatter
9
- *
10
- * Simple JSON export for render tracking data.
11
- */
12
-
13
- /**
14
- * Generate JSON export of all tracked renders
15
- */
16
- function generateRendersJson(renders) {
17
- const exportData = {
18
- exportedAt: new Date().toISOString(),
19
- totalComponents: renders.length,
20
- totalRenders: renders.reduce((sum, r) => sum + r.renderCount, 0),
21
- components: renders.map(render => ({
22
- // Identity
23
- componentName: render.componentName || render.displayName,
24
- viewType: render.viewType,
25
- nativeTag: render.nativeTag,
26
- // Identifiers
27
- testID: render.testID,
28
- nativeID: render.nativeID,
29
- accessibilityLabel: render.accessibilityLabel,
30
- // Render stats
31
- renderCount: render.renderCount,
32
- firstRenderTime: render.firstRenderTime,
33
- lastRenderTime: render.lastRenderTime,
34
- // Last render cause
35
- lastRenderCause: render.lastRenderCause ? {
36
- type: render.lastRenderCause.type,
37
- componentCause: render.lastRenderCause.componentCause,
38
- changedKeys: render.lastRenderCause.changedKeys,
39
- hookChanges: render.lastRenderCause.hookChanges?.map(h => ({
40
- type: h.type,
41
- index: h.index,
42
- description: h.description
43
- }))
44
- } : null,
45
- // Render history (if available)
46
- renderHistory: render.renderHistory?.map(event => ({
47
- renderNumber: event.renderNumber,
48
- timestamp: event.timestamp,
49
- cause: {
50
- type: event.cause.type,
51
- componentCause: event.cause.componentCause,
52
- changedKeys: event.cause.changedKeys
53
- }
54
- }))
55
- }))
56
- };
57
- return JSON.stringify(exportData, null, 2);
58
- }
1
+ "use strict";function generateRendersJson(e){const n={exportedAt:(new Date).toISOString(),totalComponents:e.length,totalRenders:e.reduce((e,n)=>e+n.renderCount,0),components:e.map(e=>({componentName:e.componentName||e.displayName,viewType:e.viewType,nativeTag:e.nativeTag,testID:e.testID,nativeID:e.nativeID,accessibilityLabel:e.accessibilityLabel,renderCount:e.renderCount,firstRenderTime:e.firstRenderTime,lastRenderTime:e.lastRenderTime,lastRenderCause:e.lastRenderCause?{type:e.lastRenderCause.type,componentCause:e.lastRenderCause.componentCause,changedKeys:e.lastRenderCause.changedKeys,hookChanges:e.lastRenderCause.hookChanges?.map(e=>({type:e.type,index:e.index,description:e.description}))}:null,renderHistory:e.renderHistory?.map(e=>({renderNumber:e.renderNumber,timestamp:e.timestamp,cause:{type:e.cause.type,componentCause:e.cause.componentCause,changedKeys:e.cause.changedKeys}}))}))};return JSON.stringify(n,null,2)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.generateRendersJson=generateRendersJson;
@@ -1,311 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "CAUSE_CONFIG", {
7
- enumerable: true,
8
- get: function () {
9
- return _RenderCauseBadge.CAUSE_CONFIG;
10
- }
11
- });
12
- Object.defineProperty(exports, "COMPONENT_CAUSE_CONFIG", {
13
- enumerable: true,
14
- get: function () {
15
- return _RenderCauseBadge.COMPONENT_CAUSE_CONFIG;
16
- }
17
- });
18
- Object.defineProperty(exports, "HighlightFilterView", {
19
- enumerable: true,
20
- get: function () {
21
- return _HighlightFilterView.HighlightFilterView;
22
- }
23
- });
24
- Object.defineProperty(exports, "HighlightUpdatesController", {
25
- enumerable: true,
26
- get: function () {
27
- return _HighlightUpdatesController.default;
28
- }
29
- });
30
- Object.defineProperty(exports, "HighlightUpdatesModal", {
31
- enumerable: true,
32
- get: function () {
33
- return _HighlightUpdatesModal.HighlightUpdatesModal;
34
- }
35
- });
36
- Object.defineProperty(exports, "HighlightUpdatesOverlay", {
37
- enumerable: true,
38
- get: function () {
39
- return _HighlightUpdatesOverlay.HighlightUpdatesOverlay;
40
- }
41
- });
42
- Object.defineProperty(exports, "PerformanceLogger", {
43
- enumerable: true,
44
- get: function () {
45
- return _PerformanceLogger.PerformanceLogger;
46
- }
47
- });
48
- Object.defineProperty(exports, "RenderCauseBadge", {
49
- enumerable: true,
50
- get: function () {
51
- return _RenderCauseBadge.RenderCauseBadge;
52
- }
53
- });
54
- Object.defineProperty(exports, "RenderDetailView", {
55
- enumerable: true,
56
- get: function () {
57
- return _RenderDetailView.RenderDetailView;
58
- }
59
- });
60
- Object.defineProperty(exports, "RenderHistoryFooter", {
61
- enumerable: true,
62
- get: function () {
63
- return _RenderHistoryViewer.RenderHistoryFooter;
64
- }
65
- });
66
- Object.defineProperty(exports, "RenderHistoryViewer", {
67
- enumerable: true,
68
- get: function () {
69
- return _RenderHistoryViewer.RenderHistoryViewer;
70
- }
71
- });
72
- Object.defineProperty(exports, "RenderListItem", {
73
- enumerable: true,
74
- get: function () {
75
- return _RenderListItem.RenderListItem;
76
- }
77
- });
78
- Object.defineProperty(exports, "RenderTracker", {
79
- enumerable: true,
80
- get: function () {
81
- return _RenderTracker.RenderTracker;
82
- }
83
- });
84
- Object.defineProperty(exports, "TwoLevelCauseBadge", {
85
- enumerable: true,
86
- get: function () {
87
- return _RenderCauseBadge.TwoLevelCauseBadge;
88
- }
89
- });
90
- Object.defineProperty(exports, "VIEW_TYPE_MAP", {
91
- enumerable: true,
92
- get: function () {
93
- return _ViewTypeMapper.VIEW_TYPE_MAP;
94
- }
95
- });
96
- Object.defineProperty(exports, "capturePropsSnapshot", {
97
- enumerable: true,
98
- get: function () {
99
- return _RenderCauseDetector.capturePropsSnapshot;
100
- }
101
- });
102
- Object.defineProperty(exports, "captureStateSnapshot", {
103
- enumerable: true,
104
- get: function () {
105
- return _RenderCauseDetector.captureStateSnapshot;
106
- }
107
- });
108
- Object.defineProperty(exports, "clearRenderCauseState", {
109
- enumerable: true,
110
- get: function () {
111
- return _RenderCauseDetector.clearRenderCauseState;
112
- }
113
- });
114
- Object.defineProperty(exports, "createHighlightUpdatesModalTool", {
115
- enumerable: true,
116
- get: function () {
117
- return _preset.createHighlightUpdatesModalTool;
118
- }
119
- });
120
- Object.defineProperty(exports, "createHighlightUpdatesTool", {
121
- enumerable: true,
122
- get: function () {
123
- return _preset.createHighlightUpdatesTool;
124
- }
125
- });
126
- Object.defineProperty(exports, "detectRenderCause", {
127
- enumerable: true,
128
- get: function () {
129
- return _RenderCauseDetector.detectRenderCause;
130
- }
131
- });
132
- Object.defineProperty(exports, "disableProfilerLogging", {
133
- enumerable: true,
134
- get: function () {
135
- return _ProfilerInterceptor.disableProfilerLogging;
136
- }
137
- });
138
- Object.defineProperty(exports, "enableProfilerLogging", {
139
- enumerable: true,
140
- get: function () {
141
- return _ProfilerInterceptor.enableProfilerLogging;
142
- }
143
- });
144
- Object.defineProperty(exports, "generateRendersJson", {
145
- enumerable: true,
146
- get: function () {
147
- return _renderExportFormatter.generateRendersJson;
148
- }
149
- });
150
- Object.defineProperty(exports, "getAllComponentNames", {
151
- enumerable: true,
152
- get: function () {
153
- return _ViewTypeMapper.getAllComponentNames;
154
- }
155
- });
156
- Object.defineProperty(exports, "getAllNativeViewTypes", {
157
- enumerable: true,
158
- get: function () {
159
- return _ViewTypeMapper.getAllNativeViewTypes;
160
- }
161
- });
162
- Object.defineProperty(exports, "getComponentDisplayName", {
163
- enumerable: true,
164
- get: function () {
165
- return _ViewTypeMapper.getComponentDisplayName;
166
- }
167
- });
168
- Object.defineProperty(exports, "getNativeViewType", {
169
- enumerable: true,
170
- get: function () {
171
- return _ViewTypeMapper.getNativeViewType;
172
- }
173
- });
174
- Object.defineProperty(exports, "getRenderCauseStats", {
175
- enumerable: true,
176
- get: function () {
177
- return _RenderCauseDetector.getRenderCauseStats;
178
- }
179
- });
180
- Object.defineProperty(exports, "highlightUpdatesModalPreset", {
181
- enumerable: true,
182
- get: function () {
183
- return _preset.highlightUpdatesModalPreset;
184
- }
185
- });
186
- Object.defineProperty(exports, "highlightUpdatesPreset", {
187
- enumerable: true,
188
- get: function () {
189
- return _preset.highlightUpdatesPreset;
190
- }
191
- });
192
- Object.defineProperty(exports, "installProfilerInterceptor", {
193
- enumerable: true,
194
- get: function () {
195
- return _ProfilerInterceptor.installProfilerInterceptor;
196
- }
197
- });
198
- Object.defineProperty(exports, "isInterceptorInstalled", {
199
- enumerable: true,
200
- get: function () {
201
- return _ProfilerInterceptor.isInterceptorInstalled;
202
- }
203
- });
204
- Object.defineProperty(exports, "isKnownViewType", {
205
- enumerable: true,
206
- get: function () {
207
- return _ViewTypeMapper.isKnownViewType;
208
- }
209
- });
210
- Object.defineProperty(exports, "isLoggingEnabled", {
211
- enumerable: true,
212
- get: function () {
213
- return _ProfilerInterceptor.isLoggingEnabled;
214
- }
215
- });
216
- exports.onRenderEvent = void 0;
217
- Object.defineProperty(exports, "removeRenderCauseState", {
218
- enumerable: true,
219
- get: function () {
220
- return _RenderCauseDetector.removeRenderCauseState;
221
- }
222
- });
223
- Object.defineProperty(exports, "safeCloneForHistory", {
224
- enumerable: true,
225
- get: function () {
226
- return _RenderCauseDetector.safeCloneForHistory;
227
- }
228
- });
229
- Object.defineProperty(exports, "setComparisonCallback", {
230
- enumerable: true,
231
- get: function () {
232
- return _ProfilerInterceptor.setComparisonCallback;
233
- }
234
- });
235
- Object.defineProperty(exports, "uninstallProfilerInterceptor", {
236
- enumerable: true,
237
- get: function () {
238
- return _ProfilerInterceptor.uninstallProfilerInterceptor;
239
- }
240
- });
241
- var _preset = require("./preset");
242
- var _HighlightUpdatesController = _interopRequireDefault(require("./highlight-updates/utils/HighlightUpdatesController"));
243
- var _HighlightUpdatesOverlay = require("./highlight-updates/HighlightUpdatesOverlay");
244
- var _ProfilerInterceptor = require("./highlight-updates/utils/ProfilerInterceptor");
245
- var _RenderTracker = require("./highlight-updates/utils/RenderTracker");
246
- var _RenderCauseDetector = require("./highlight-updates/utils/RenderCauseDetector");
247
- var _PerformanceLogger = require("./highlight-updates/utils/PerformanceLogger");
248
- var _ViewTypeMapper = require("./highlight-updates/utils/ViewTypeMapper");
249
- var _HighlightUpdatesModal = require("./highlight-updates/components/HighlightUpdatesModal");
250
- var _RenderListItem = require("./highlight-updates/components/RenderListItem");
251
- var _RenderDetailView = require("./highlight-updates/components/RenderDetailView");
252
- var _HighlightFilterView = require("./highlight-updates/components/HighlightFilterView");
253
- var _RenderCauseBadge = require("./highlight-updates/components/RenderCauseBadge");
254
- var _RenderHistoryViewer = require("./highlight-updates/components/RenderHistoryViewer");
255
- var _renderExportFormatter = require("./highlight-updates/utils/renderExportFormatter");
256
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
257
- /**
258
- * @buoy-gg/highlight-updates
259
- *
260
- * Standalone implementation of React DevTools' "Highlight updates when components
261
- * render" feature. Works without requiring DevTools to be connected.
262
- *
263
- * @example
264
- * ```tsx
265
- * // Toggle-only preset - tap to enable/disable highlights
266
- * import { highlightUpdatesPreset } from '@buoy-gg/highlight-updates';
267
- *
268
- * <FloatingDevTools apps={[highlightUpdatesPreset]} />
269
- *
270
- * // Modal preset - full interface with filters and render list
271
- * import { highlightUpdatesModalPreset } from '@buoy-gg/highlight-updates';
272
- *
273
- * <FloatingDevTools apps={[highlightUpdatesModalPreset]} />
274
- *
275
- * // Or use the standalone controller programmatically
276
- * import { HighlightUpdatesController } from '@buoy-gg/highlight-updates';
277
- *
278
- * HighlightUpdatesController.toggle();
279
- * HighlightUpdatesController.enable();
280
- * HighlightUpdatesController.disable();
281
- * ```
282
- */
283
-
284
- // Preset exports for FloatingDevTools integration
285
-
286
- // Controller export for standalone usage
287
-
288
- // Overlay component - auto-rendered by FloatingDevTools, but exported for manual usage
289
-
290
- // Profiler interceptor for debugging - captures what DevTools detects
291
-
292
- // RenderTracker singleton for tracking render history
293
-
294
- // Convenience export for unified events integration
295
- const onRenderEvent = callback => {
296
- const {
297
- RenderTracker
298
- } = require("./highlight-updates/utils/RenderTracker");
299
- return RenderTracker.onRenderEvent(callback);
300
- };
301
-
302
- // RenderCauseDetector for detecting why components rendered
303
-
304
- // PerformanceLogger for performance measurement and debugging
305
-
306
- // ViewTypeMapper for translating native view names to component names
307
-
308
- // Modal components for custom integrations
309
-
310
- // Simple JSON export for renders
311
- exports.onRenderEvent = onRenderEvent;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CAUSE_CONFIG",{enumerable:!0,get:function(){return _RenderCauseBadge.CAUSE_CONFIG}}),Object.defineProperty(exports,"COMPONENT_CAUSE_CONFIG",{enumerable:!0,get:function(){return _RenderCauseBadge.COMPONENT_CAUSE_CONFIG}}),Object.defineProperty(exports,"HighlightFilterView",{enumerable:!0,get:function(){return _HighlightFilterView.HighlightFilterView}}),Object.defineProperty(exports,"HighlightUpdatesController",{enumerable:!0,get:function(){return _HighlightUpdatesController.default}}),Object.defineProperty(exports,"HighlightUpdatesModal",{enumerable:!0,get:function(){return _HighlightUpdatesModal.HighlightUpdatesModal}}),Object.defineProperty(exports,"HighlightUpdatesOverlay",{enumerable:!0,get:function(){return _HighlightUpdatesOverlay.HighlightUpdatesOverlay}}),Object.defineProperty(exports,"PerformanceLogger",{enumerable:!0,get:function(){return _PerformanceLogger.PerformanceLogger}}),Object.defineProperty(exports,"RenderCauseBadge",{enumerable:!0,get:function(){return _RenderCauseBadge.RenderCauseBadge}}),Object.defineProperty(exports,"RenderDetailView",{enumerable:!0,get:function(){return _RenderDetailView.RenderDetailView}}),Object.defineProperty(exports,"RenderHistoryFooter",{enumerable:!0,get:function(){return _RenderHistoryViewer.RenderHistoryFooter}}),Object.defineProperty(exports,"RenderHistoryViewer",{enumerable:!0,get:function(){return _RenderHistoryViewer.RenderHistoryViewer}}),Object.defineProperty(exports,"RenderListItem",{enumerable:!0,get:function(){return _RenderListItem.RenderListItem}}),Object.defineProperty(exports,"RenderTracker",{enumerable:!0,get:function(){return _RenderTracker.RenderTracker}}),Object.defineProperty(exports,"TwoLevelCauseBadge",{enumerable:!0,get:function(){return _RenderCauseBadge.TwoLevelCauseBadge}}),Object.defineProperty(exports,"VIEW_TYPE_MAP",{enumerable:!0,get:function(){return _ViewTypeMapper.VIEW_TYPE_MAP}}),Object.defineProperty(exports,"capturePropsSnapshot",{enumerable:!0,get:function(){return _RenderCauseDetector.capturePropsSnapshot}}),Object.defineProperty(exports,"captureStateSnapshot",{enumerable:!0,get:function(){return _RenderCauseDetector.captureStateSnapshot}}),Object.defineProperty(exports,"clearRenderCauseState",{enumerable:!0,get:function(){return _RenderCauseDetector.clearRenderCauseState}}),Object.defineProperty(exports,"createHighlightUpdatesModalTool",{enumerable:!0,get:function(){return _preset.createHighlightUpdatesModalTool}}),Object.defineProperty(exports,"createHighlightUpdatesTool",{enumerable:!0,get:function(){return _preset.createHighlightUpdatesTool}}),Object.defineProperty(exports,"detectRenderCause",{enumerable:!0,get:function(){return _RenderCauseDetector.detectRenderCause}}),Object.defineProperty(exports,"disableProfilerLogging",{enumerable:!0,get:function(){return _ProfilerInterceptor.disableProfilerLogging}}),Object.defineProperty(exports,"enableProfilerLogging",{enumerable:!0,get:function(){return _ProfilerInterceptor.enableProfilerLogging}}),Object.defineProperty(exports,"generateRendersJson",{enumerable:!0,get:function(){return _renderExportFormatter.generateRendersJson}}),Object.defineProperty(exports,"getAllComponentNames",{enumerable:!0,get:function(){return _ViewTypeMapper.getAllComponentNames}}),Object.defineProperty(exports,"getAllNativeViewTypes",{enumerable:!0,get:function(){return _ViewTypeMapper.getAllNativeViewTypes}}),Object.defineProperty(exports,"getComponentDisplayName",{enumerable:!0,get:function(){return _ViewTypeMapper.getComponentDisplayName}}),Object.defineProperty(exports,"getNativeViewType",{enumerable:!0,get:function(){return _ViewTypeMapper.getNativeViewType}}),Object.defineProperty(exports,"getRenderCauseStats",{enumerable:!0,get:function(){return _RenderCauseDetector.getRenderCauseStats}}),Object.defineProperty(exports,"highlightUpdatesModalPreset",{enumerable:!0,get:function(){return _preset.highlightUpdatesModalPreset}}),Object.defineProperty(exports,"highlightUpdatesPreset",{enumerable:!0,get:function(){return _preset.highlightUpdatesPreset}}),Object.defineProperty(exports,"installProfilerInterceptor",{enumerable:!0,get:function(){return _ProfilerInterceptor.installProfilerInterceptor}}),Object.defineProperty(exports,"isInterceptorInstalled",{enumerable:!0,get:function(){return _ProfilerInterceptor.isInterceptorInstalled}}),Object.defineProperty(exports,"isKnownViewType",{enumerable:!0,get:function(){return _ViewTypeMapper.isKnownViewType}}),Object.defineProperty(exports,"isLoggingEnabled",{enumerable:!0,get:function(){return _ProfilerInterceptor.isLoggingEnabled}}),exports.onRenderEvent=void 0,Object.defineProperty(exports,"removeRenderCauseState",{enumerable:!0,get:function(){return _RenderCauseDetector.removeRenderCauseState}}),Object.defineProperty(exports,"safeCloneForHistory",{enumerable:!0,get:function(){return _RenderCauseDetector.safeCloneForHistory}}),Object.defineProperty(exports,"setComparisonCallback",{enumerable:!0,get:function(){return _ProfilerInterceptor.setComparisonCallback}}),Object.defineProperty(exports,"uninstallProfilerInterceptor",{enumerable:!0,get:function(){return _ProfilerInterceptor.uninstallProfilerInterceptor}});var _preset=require("./preset"),_HighlightUpdatesController=_interopRequireDefault(require("./highlight-updates/utils/HighlightUpdatesController")),_HighlightUpdatesOverlay=require("./highlight-updates/HighlightUpdatesOverlay"),_ProfilerInterceptor=require("./highlight-updates/utils/ProfilerInterceptor"),_RenderTracker=require("./highlight-updates/utils/RenderTracker"),_RenderCauseDetector=require("./highlight-updates/utils/RenderCauseDetector"),_PerformanceLogger=require("./highlight-updates/utils/PerformanceLogger"),_ViewTypeMapper=require("./highlight-updates/utils/ViewTypeMapper"),_HighlightUpdatesModal=require("./highlight-updates/components/HighlightUpdatesModal"),_RenderListItem=require("./highlight-updates/components/RenderListItem"),_RenderDetailView=require("./highlight-updates/components/RenderDetailView"),_HighlightFilterView=require("./highlight-updates/components/HighlightFilterView"),_RenderCauseBadge=require("./highlight-updates/components/RenderCauseBadge"),_RenderHistoryViewer=require("./highlight-updates/components/RenderHistoryViewer"),_renderExportFormatter=require("./highlight-updates/utils/renderExportFormatter");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const onRenderEvent=e=>{const{RenderTracker:r}=require("./highlight-updates/utils/RenderTracker");return r.onRenderEvent(e)};exports.onRenderEvent=onRenderEvent;