nuxt-devtools-observatory 0.1.32 → 0.1.33

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 (31) hide show
  1. package/README.md +5 -0
  2. package/client/.env.example +1 -0
  3. package/client/dist/assets/index-BqKYgjVB.js +20 -0
  4. package/client/dist/assets/index-bs1JBJ2u.css +1 -0
  5. package/client/dist/index.html +2 -2
  6. package/client/src/App.vue +4 -0
  7. package/client/src/components/Flamegraph.vue +4 -4
  8. package/client/src/components/SpanInspector.vue +1 -1
  9. package/client/src/composables/composable-search.ts +3 -0
  10. package/client/src/composables/trace-render-aggregation.ts +11 -2
  11. package/client/src/composables/useVirtualizationConfig.ts +40 -0
  12. package/client/src/composables/useVirtualizationFlags.ts +129 -0
  13. package/client/src/views/ComposableTracker.vue +212 -71
  14. package/client/src/views/FetchDashboard.vue +181 -16
  15. package/client/src/views/ProvideInjectGraph.vue +41 -18
  16. package/client/src/views/RenderHeatmap.vue +329 -75
  17. package/client/src/views/TraceViewer.vue +190 -20
  18. package/client/src/views/TransitionTimeline.vue +112 -19
  19. package/dist/module.d.mts +5 -0
  20. package/dist/module.json +1 -1
  21. package/dist/module.mjs +11 -22
  22. package/dist/runtime/composables/render-registry.js +6 -4
  23. package/dist/runtime/instrumentation/asyncData.d.ts +1 -1
  24. package/dist/runtime/instrumentation/fetch.d.ts +7 -1
  25. package/dist/runtime/instrumentation/fetch.js +22 -1
  26. package/dist/runtime/plugin.js +4 -1
  27. package/dist/runtime/test-bridge.d.ts +18 -0
  28. package/dist/runtime/test-bridge.js +86 -0
  29. package/package.json +14 -3
  30. package/client/dist/assets/index-5Wl1XYRH.js +0 -17
  31. package/client/dist/assets/index-DT_QUiIh.css +0 -1
package/README.md CHANGED
@@ -52,6 +52,7 @@ Options set in `nuxt.config.ts` take precedence over environment variables.
52
52
  - `heatmapHideInternals` (boolean) — Hide node_modules and internal components in the render heatmap for a cleaner view
53
53
  - `debugRpc` (boolean) — Enable RPC handshake debug logs in the Observatory iframe/host bridge (set via `OBSERVATORY_DEBUG_RPC`)
54
54
  - `maxFetchEntries` (number) — Max fetch entries to keep in memory
55
+ - `fetchPageSize` (number) — Rows loaded per infinite-scroll step in the useFetch Dashboard (set via `OBSERVATORY_FETCH_PAGE_SIZE`)
55
56
  - `maxPayloadBytes` (number) — Max payload size (bytes) per fetch entry
56
57
  - `maxTransitions` (number) — Max transition entries to keep in memory
57
58
  - `maxComposableHistory` (number) — Max composable history events per entry
@@ -80,6 +81,7 @@ export default defineNuxtConfig({
80
81
  heatmapHideInternals: true, // Hide node_modules and internal components in the render heatmap
81
82
  debugRpc: false, // Enable RPC handshake debug logs (useful for troubleshooting)
82
83
  maxFetchEntries: 200, // Max fetch entries to keep in memory
84
+ fetchPageSize: 20, // Rows loaded per infinite-scroll step in the useFetch Dashboard
83
85
  maxPayloadBytes: 10000, // Max payload size (bytes) per fetch entry
84
86
  maxTransitions: 500, // Max transition entries to keep in memory
85
87
  maxComposableHistory: 50, // Max composable history events per entry
@@ -115,6 +117,9 @@ A Vite plugin wraps `useFetch` / `useAsyncData` calls with a thin shim that reco
115
117
  A Nitro plugin captures server-side fetch timing independently and tunnels it to the
116
118
  client over the HMR WebSocket.
117
119
 
120
+ The table supports infinite-scroll paging with row virtualization. `fetchPageSize`
121
+ controls how many rows are added per scroll step.
122
+
118
123
  ### provide/inject Graph
119
124
 
120
125
  [![provide/inject Graph](https://github.com/victorlmneves/nuxt-devtools-observatory/blob/main/docs/screenshots/provide-inject-graph.png)](https://github.com/victorlmneves/nuxt-devtools-observatory/blob/main/docs/screenshots/provide-inject-graph.png)
package/client/.env.example CHANGED
@@ -6,6 +6,7 @@ VITE_OBSERVATORY_RENDER_HEATMAP=true
6
6
  VITE_OBSERVATORY_TRANSITION_TRACKER=true
7
7
  VITE_OBSERVATORY_TRACE_VIEWER=true
8
8
  VITE_OBSERVATORY_MAX_FETCH_ENTRIES=200
9
+ VITE_OBSERVATORY_FETCH_PAGE_SIZE=20
9
10
  VITE_OBSERVATORY_MAX_PAYLOAD_BYTES=10000
10
11
  VITE_OBSERVATORY_MAX_TRANSITIONS=500
11
12
  VITE_OBSERVATORY_MAX_COMPOSABLE_HISTORY=50