@ashokreddydev/react-performance-monitor 0.1.0 → 0.1.1

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @ashokreddydev/react-performance-monitor
2
2
 
3
+ ## 0.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 8e870e2: npm page: the Homepage link now opens the SDK documentation on the Trackora website, and the README starts with a
8
+ link to it.
9
+
3
10
  ## 0.1.0
4
11
 
5
12
  ### Minor Changes
package/README.md CHANGED
@@ -1,5 +1,7 @@
1
1
  # react-performance-monitor
2
2
 
3
+ **Website & docs:** [www.trackora.testforge.co.in/docs](https://www.trackora.testforge.co.in/docs#react-performance-monitor) · [All three Trackora SDKs](https://www.trackora.testforge.co.in/docs)
4
+
3
5
  Performance monitoring for React apps. It measures:
4
6
 
5
7
  - **component render times**, with React's Profiler
@@ -1,8 +1,8 @@
1
- import { usePerformance, usePerformanceMetrics } from './chunk-VVPPYDOB.js';
2
- import { DEFAULT_THRESHOLDS } from './chunk-YUN5C27A.js';
3
- import './chunk-LY4JO6PL.js';
4
- import './chunk-AETFDOCD.js';
5
- import './chunk-5TDZ2PFD.js';
1
+ import { usePerformance, usePerformanceMetrics } from './chunk-Q33ZJQZ2.js';
2
+ import { DEFAULT_THRESHOLDS } from './chunk-4V2B5GPN.js';
3
+ import './chunk-ICEGTP6M.js';
4
+ import './chunk-UGDPZ343.js';
5
+ import './chunk-XKYIKK6C.js';
6
6
  import { useState, useRef, useEffect } from 'react';
7
7
  import { jsxs, jsx } from 'react/jsx-runtime';
8
8
 
@@ -674,5 +674,5 @@ function PerformancePanel({
674
674
  }
675
675
 
676
676
  export { PerformancePanel as default };
677
- //# sourceMappingURL=PerformancePanel-6LHWD52Q.js.map
678
- //# sourceMappingURL=PerformancePanel-6LHWD52Q.js.map
677
+ //# sourceMappingURL=PerformancePanel-F4AYMOBE.js.map
678
+ //# sourceMappingURL=PerformancePanel-F4AYMOBE.js.map
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var chunkUPMG6KIA_cjs = require('./chunk-UPMG6KIA.cjs');
4
- var chunkK4P4CBNG_cjs = require('./chunk-K4P4CBNG.cjs');
5
- require('./chunk-VAQESCDW.cjs');
6
- require('./chunk-Q55RPWQK.cjs');
7
- require('./chunk-DOY37SMY.cjs');
3
+ var chunkLBKL3OKH_cjs = require('./chunk-LBKL3OKH.cjs');
4
+ var chunkK3GFTMEC_cjs = require('./chunk-K3GFTMEC.cjs');
5
+ require('./chunk-MYCOS5WD.cjs');
6
+ require('./chunk-QUF75EA3.cjs');
7
+ require('./chunk-ZY43XLHK.cjs');
8
8
  var react = require('react');
9
9
  var jsxRuntime = require('react/jsx-runtime');
10
10
 
@@ -563,8 +563,8 @@ function PerformancePanel({
563
563
  initialTab = "overview"
564
564
  }) {
565
565
  var _a, _b, _c, _d, _e;
566
- const monitor = chunkUPMG6KIA_cjs.usePerformance();
567
- const snapshot = chunkUPMG6KIA_cjs.usePerformanceMetrics();
566
+ const monitor = chunkLBKL3OKH_cjs.usePerformance();
567
+ const snapshot = chunkLBKL3OKH_cjs.usePerformanceMetrics();
568
568
  const [tab, setTab] = react.useState(initialTab);
569
569
  const [charts, setCharts] = react.useState(null);
570
570
  const [chartsError, setChartsError] = react.useState(false);
@@ -587,7 +587,7 @@ function PerformancePanel({
587
587
  var _a2;
588
588
  (_a2 = dialogRef.current) == null ? void 0 : _a2.focus();
589
589
  }, []);
590
- const thresholds = (_b = (_a = monitor.config) == null ? void 0 : _a.thresholds) != null ? _b : chunkK4P4CBNG_cjs.DEFAULT_THRESHOLDS;
590
+ const thresholds = (_b = (_a = monitor.config) == null ? void 0 : _a.thresholds) != null ? _b : chunkK3GFTMEC_cjs.DEFAULT_THRESHOLDS;
591
591
  const current = (_c = TABS.find((t) => t.id === tab)) != null ? _c : TABS[0];
592
592
  const onTabKey = (e, i) => {
593
593
  var _a2;
@@ -676,5 +676,5 @@ function PerformancePanel({
676
676
  }
677
677
 
678
678
  module.exports = PerformancePanel;
679
- //# sourceMappingURL=PerformancePanel-U3KTU2BT.cjs.map
680
- //# sourceMappingURL=PerformancePanel-U3KTU2BT.cjs.map
679
+ //# sourceMappingURL=PerformancePanel-L3YUAEYG.cjs.map
680
+ //# sourceMappingURL=PerformancePanel-L3YUAEYG.cjs.map
package/dist/axios.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var chunkVAQESCDW_cjs = require('./chunk-VAQESCDW.cjs');
4
- require('./chunk-Q55RPWQK.cjs');
3
+ var chunkMYCOS5WD_cjs = require('./chunk-MYCOS5WD.cjs');
4
+ require('./chunk-QUF75EA3.cjs');
5
5
 
6
6
  // src/collectors/axios.ts
7
7
  var START = /* @__PURE__ */ Symbol.for("rpm.start");
@@ -20,7 +20,7 @@ function instrumentAxios(axios, monitor) {
20
20
  const start = c == null ? void 0 : c[START];
21
21
  if (!c || start === void 0 || !ctx.config) return;
22
22
  const t = { method: ((_a = c.method) != null ? _a : "get").toUpperCase(), url: fullUrl(c), start };
23
- chunkVAQESCDW_cjs.recordApiCall({ config: ctx.config, record: ctx.record }, t, status, "axios");
23
+ chunkMYCOS5WD_cjs.recordApiCall({ config: ctx.config, record: ctx.record }, t, status, "axios");
24
24
  } catch {
25
25
  }
26
26
  };
package/dist/axios.js CHANGED
@@ -1,5 +1,5 @@
1
- import { recordApiCall } from './chunk-LY4JO6PL.js';
2
- import './chunk-AETFDOCD.js';
1
+ import { recordApiCall } from './chunk-ICEGTP6M.js';
2
+ import './chunk-UGDPZ343.js';
3
3
 
4
4
  // src/collectors/axios.ts
5
5
  var START = /* @__PURE__ */ Symbol.for("rpm.start");
@@ -1,5 +1,5 @@
1
- import { templatePath, sanitizeMetadata } from './chunk-AETFDOCD.js';
2
- import { createHttpTransport, RetryableTransportError, PermanentTransportError, backoffDelay } from './chunk-5TDZ2PFD.js';
1
+ import { templatePath, sanitizeMetadata } from './chunk-UGDPZ343.js';
2
+ import { createHttpTransport, RetryableTransportError, PermanentTransportError, backoffDelay } from './chunk-XKYIKK6C.js';
3
3
 
4
4
  // src/utils/sampling.ts
5
5
  function clampRate(rate, fallback = 1) {
@@ -549,7 +549,7 @@ function uuidv4() {
549
549
 
550
550
  // src/core/PerformanceMonitor.ts
551
551
  var SDK_NAME = "react-performance-monitor";
552
- var SDK_VERSION = "0.1.0";
552
+ var SDK_VERSION = "0.1.1";
553
553
  var activeMonitor = null;
554
554
  function getActiveMonitor() {
555
555
  return activeMonitor;
@@ -989,5 +989,5 @@ var PerformanceMonitor = class _PerformanceMonitor {
989
989
  };
990
990
 
991
991
  export { COLLECTOR_NAMES, DEFAULT_THRESHOLDS, EventBuffer, EventCollector, OTHER, PerformanceConfigError, PerformanceMonitor, Reservoir, SDK_NAME, SDK_VERSION, getActiveMonitor, quantile, rateVital, resolveConfig, resolveThresholds, shouldSample };
992
- //# sourceMappingURL=chunk-YUN5C27A.js.map
993
- //# sourceMappingURL=chunk-YUN5C27A.js.map
992
+ //# sourceMappingURL=chunk-4V2B5GPN.js.map
993
+ //# sourceMappingURL=chunk-4V2B5GPN.js.map
@@ -1,4 +1,4 @@
1
- import { sanitizeUrl } from './chunk-AETFDOCD.js';
1
+ import { sanitizeUrl } from './chunk-UGDPZ343.js';
2
2
 
3
3
  // src/collectors/apiPerformance.ts
4
4
  var clock = () => typeof performance !== "undefined" ? performance.now() : Date.now();
@@ -118,5 +118,5 @@ function apiCollector(options = {}) {
118
118
  }
119
119
 
120
120
  export { apiCollector, recordApiCall };
121
- //# sourceMappingURL=chunk-LY4JO6PL.js.map
122
- //# sourceMappingURL=chunk-LY4JO6PL.js.map
121
+ //# sourceMappingURL=chunk-ICEGTP6M.js.map
122
+ //# sourceMappingURL=chunk-ICEGTP6M.js.map
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var chunkQ55RPWQK_cjs = require('./chunk-Q55RPWQK.cjs');
4
- var chunkDOY37SMY_cjs = require('./chunk-DOY37SMY.cjs');
3
+ var chunkQUF75EA3_cjs = require('./chunk-QUF75EA3.cjs');
4
+ var chunkZY43XLHK_cjs = require('./chunk-ZY43XLHK.cjs');
5
5
 
6
6
  // src/utils/sampling.ts
7
7
  function clampRate(rate, fallback = 1) {
@@ -551,7 +551,7 @@ function uuidv4() {
551
551
 
552
552
  // src/core/PerformanceMonitor.ts
553
553
  var SDK_NAME = "react-performance-monitor";
554
- var SDK_VERSION = "0.1.0";
554
+ var SDK_VERSION = "0.1.1";
555
555
  var activeMonitor = null;
556
556
  function getActiveMonitor() {
557
557
  return activeMonitor;
@@ -629,7 +629,7 @@ var PerformanceMonitor = class _PerformanceMonitor {
629
629
  if (live) writeSession(appId, { id: this.sessionId, sampled: this.sampled, rate, seenAt: t });
630
630
  let transport = (_e = deps.transport) != null ? _e : null;
631
631
  if (!transport && (resolved == null ? void 0 : resolved.transport))
632
- transport = isTransport(resolved.transport) ? resolved.transport : chunkDOY37SMY_cjs.createHttpTransport(resolved.transport);
632
+ transport = isTransport(resolved.transport) ? resolved.transport : chunkZY43XLHK_cjs.createHttpTransport(resolved.transport);
633
633
  this.transport = transport;
634
634
  this.ownUrls = (_f = transport == null ? void 0 : transport.ownUrls) != null ? _f : [];
635
635
  this.buffer = new EventBuffer((_g = resolved == null ? void 0 : resolved.maxBufferedEvents) != null ? _g : 10);
@@ -749,11 +749,11 @@ var PerformanceMonitor = class _PerformanceMonitor {
749
749
  }
750
750
  /** The route attached to new events. Routers call this on navigation; default is the templated `location.pathname`. */
751
751
  setRoute(route) {
752
- this.route = chunkQ55RPWQK_cjs.templatePath(String(route)).slice(0, 200);
752
+ this.route = chunkQUF75EA3_cjs.templatePath(String(route)).slice(0, 200);
753
753
  }
754
754
  getRoute() {
755
755
  if (this.route) return this.route;
756
- return hasWindow() ? chunkQ55RPWQK_cjs.templatePath(location.pathname).slice(0, 200) : "/";
756
+ return hasWindow() ? chunkQUF75EA3_cjs.templatePath(location.pathname).slice(0, 200) : "/";
757
757
  }
758
758
  /**
759
759
  * Add one event. Never throws. Accepted from construction on (React Profiler callbacks fire before the provider's
@@ -764,7 +764,7 @@ var PerformanceMonitor = class _PerformanceMonitor {
764
764
  if (this.stopped || !this.collecting || this.recordingDepth > 0) return;
765
765
  this.recordingDepth++;
766
766
  try {
767
- const meta = chunkQ55RPWQK_cjs.sanitizeMetadata(metadata != null ? metadata : input.metadata);
767
+ const meta = chunkQUF75EA3_cjs.sanitizeMetadata(metadata != null ? metadata : input.metadata);
768
768
  const event = {
769
769
  ...input,
770
770
  timestamp: (_a = input.timestamp) != null ? _a : this.now(),
@@ -879,19 +879,19 @@ var PerformanceMonitor = class _PerformanceMonitor {
879
879
  () => this.transportOrThrow().send(this.batch(pending.events, pending.dropped), { unloading: false })
880
880
  ),
881
881
  new Promise((_, reject) => {
882
- timer = setTimeout(() => reject(new chunkDOY37SMY_cjs.RetryableTransportError("send timed out")), this.sendTimeoutMs);
882
+ timer = setTimeout(() => reject(new chunkZY43XLHK_cjs.RetryableTransportError("send timed out")), this.sendTimeoutMs);
883
883
  })
884
884
  ]);
885
885
  } catch (err) {
886
886
  const attempt = pending.attempt + 1;
887
- if (err instanceof chunkDOY37SMY_cjs.PermanentTransportError || attempt > this.settings.maxRetries) {
887
+ if (err instanceof chunkZY43XLHK_cjs.PermanentTransportError || attempt > this.settings.maxRetries) {
888
888
  this.warnOnce("transport", err);
889
889
  this.returnDropped(pending.dropped);
890
890
  this.countDropped("failed", pending.events.length);
891
891
  return;
892
892
  }
893
893
  this.retry = { ...pending, attempt };
894
- const delay = err instanceof chunkDOY37SMY_cjs.RetryableTransportError && err.retryAfterMs !== void 0 ? err.retryAfterMs : chunkDOY37SMY_cjs.backoffDelay(attempt, this.random);
894
+ const delay = err instanceof chunkZY43XLHK_cjs.RetryableTransportError && err.retryAfterMs !== void 0 ? err.retryAfterMs : chunkZY43XLHK_cjs.backoffDelay(attempt, this.random);
895
895
  if (this.running)
896
896
  this.retryTimer = setTimeout(() => {
897
897
  this.retryTimer = void 0;
@@ -1006,5 +1006,5 @@ exports.rateVital = rateVital;
1006
1006
  exports.resolveConfig = resolveConfig;
1007
1007
  exports.resolveThresholds = resolveThresholds;
1008
1008
  exports.shouldSample = shouldSample;
1009
- //# sourceMappingURL=chunk-K4P4CBNG.cjs.map
1010
- //# sourceMappingURL=chunk-K4P4CBNG.cjs.map
1009
+ //# sourceMappingURL=chunk-K3GFTMEC.cjs.map
1010
+ //# sourceMappingURL=chunk-K3GFTMEC.cjs.map
@@ -1,8 +1,8 @@
1
1
  'use strict';
2
2
 
3
- var chunkK4P4CBNG_cjs = require('./chunk-K4P4CBNG.cjs');
4
- var chunkVAQESCDW_cjs = require('./chunk-VAQESCDW.cjs');
5
- var chunkQ55RPWQK_cjs = require('./chunk-Q55RPWQK.cjs');
3
+ var chunkK3GFTMEC_cjs = require('./chunk-K3GFTMEC.cjs');
4
+ var chunkMYCOS5WD_cjs = require('./chunk-MYCOS5WD.cjs');
5
+ var chunkQUF75EA3_cjs = require('./chunk-QUF75EA3.cjs');
6
6
  var webVitals = require('web-vitals');
7
7
  var react = require('react');
8
8
  var jsxRuntime = require('react/jsx-runtime');
@@ -122,7 +122,7 @@ function observeResources(ctx) {
122
122
  if (!slow && !failed) continue;
123
123
  if (sent >= MAX_SENT_RESOURCES) continue;
124
124
  sent++;
125
- const { endpoint, host } = chunkQ55RPWQK_cjs.sanitizeUrl(e.name);
125
+ const { endpoint, host } = chunkQUF75EA3_cjs.sanitizeUrl(e.name);
126
126
  ctx.record({
127
127
  eventType: "resource",
128
128
  duration: Math.round(e.duration),
@@ -222,7 +222,7 @@ function errorCollector() {
222
222
  ctx.record(
223
223
  {
224
224
  eventType: "js_error",
225
- data: { kind, name: chunkQ55RPWQK_cjs.sanitizeName(d.name), message: chunkQ55RPWQK_cjs.sanitizeText(d.message), fingerprint }
225
+ data: { kind, name: chunkQUF75EA3_cjs.sanitizeName(d.name), message: chunkQUF75EA3_cjs.sanitizeText(d.message), fingerprint }
226
226
  },
227
227
  void 0,
228
228
  { localOnly: n > MAX_SENT_PER_ERROR }
@@ -271,7 +271,7 @@ function webVitalsCollector() {
271
271
  ctx.record({
272
272
  eventType: "web_vital",
273
273
  ...name === "CLS" ? {} : { duration: value },
274
- data: { name, value, rating: chunkK4P4CBNG_cjs.rateVital(name, value, ctx.config.thresholds), id: m.id }
274
+ data: { name, value, rating: chunkK3GFTMEC_cjs.rateVital(name, value, ctx.config.thresholds), id: m.id }
275
275
  });
276
276
  };
277
277
  sink = mine;
@@ -299,7 +299,7 @@ function webVitalsCollector() {
299
299
 
300
300
  // src/collectors/index.ts
301
301
  function defaultCollectors() {
302
- return [chunkVAQESCDW_cjs.apiCollector(), webVitalsCollector(), browserCollector(), errorCollector()];
302
+ return [chunkMYCOS5WD_cjs.apiCollector(), webVitalsCollector(), browserCollector(), errorCollector()];
303
303
  }
304
304
  var PerformanceContext = react.createContext(null);
305
305
  function PerformanceProvider({
@@ -310,7 +310,7 @@ function PerformanceProvider({
310
310
  children
311
311
  }) {
312
312
  const [state] = react.useState(() => {
313
- const monitor = external != null ? external : config ? new chunkK4P4CBNG_cjs.PerformanceMonitor(config) : chunkK4P4CBNG_cjs.PerformanceMonitor.disabled();
313
+ const monitor = external != null ? external : config ? new chunkK3GFTMEC_cjs.PerformanceMonitor(config) : chunkK3GFTMEC_cjs.PerformanceMonitor.disabled();
314
314
  for (const c of collectors != null ? collectors : []) monitor.use(c);
315
315
  if (builtInCollectors) for (const c of defaultCollectors()) monitor.use(c);
316
316
  return { monitor, owned: !external };
@@ -327,7 +327,7 @@ var fallback = null;
327
327
  function usePerformance() {
328
328
  const monitor = react.useContext(PerformanceContext);
329
329
  if (monitor) return monitor;
330
- fallback != null ? fallback : fallback = chunkK4P4CBNG_cjs.PerformanceMonitor.disabled();
330
+ fallback != null ? fallback : fallback = chunkK3GFTMEC_cjs.PerformanceMonitor.disabled();
331
331
  return fallback;
332
332
  }
333
333
  function usePerformanceMetrics() {
@@ -343,5 +343,5 @@ exports.errorCollector = errorCollector;
343
343
  exports.usePerformance = usePerformance;
344
344
  exports.usePerformanceMetrics = usePerformanceMetrics;
345
345
  exports.webVitalsCollector = webVitalsCollector;
346
- //# sourceMappingURL=chunk-UPMG6KIA.cjs.map
347
- //# sourceMappingURL=chunk-UPMG6KIA.cjs.map
346
+ //# sourceMappingURL=chunk-LBKL3OKH.cjs.map
347
+ //# sourceMappingURL=chunk-LBKL3OKH.cjs.map
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var chunkQ55RPWQK_cjs = require('./chunk-Q55RPWQK.cjs');
3
+ var chunkQUF75EA3_cjs = require('./chunk-QUF75EA3.cjs');
4
4
 
5
5
  // src/collectors/apiPerformance.ts
6
6
  var clock = () => typeof performance !== "undefined" ? performance.now() : Date.now();
7
7
  function recordApiCall(ctx, t, status, client) {
8
- const { endpoint, host } = chunkQ55RPWQK_cjs.sanitizeUrl(t.url, {
8
+ const { endpoint, host } = chunkQUF75EA3_cjs.sanitizeUrl(t.url, {
9
9
  allowedQueryParams: ctx.config.api.allowedQueryParams,
10
10
  groupEndpoint: ctx.config.api.groupEndpoint
11
11
  });
@@ -121,5 +121,5 @@ function apiCollector(options = {}) {
121
121
 
122
122
  exports.apiCollector = apiCollector;
123
123
  exports.recordApiCall = recordApiCall;
124
- //# sourceMappingURL=chunk-VAQESCDW.cjs.map
125
- //# sourceMappingURL=chunk-VAQESCDW.cjs.map
124
+ //# sourceMappingURL=chunk-MYCOS5WD.cjs.map
125
+ //# sourceMappingURL=chunk-MYCOS5WD.cjs.map
@@ -1,6 +1,6 @@
1
- import { PerformanceMonitor, rateVital } from './chunk-YUN5C27A.js';
2
- import { apiCollector } from './chunk-LY4JO6PL.js';
3
- import { sanitizeUrl, sanitizeText, sanitizeName } from './chunk-AETFDOCD.js';
1
+ import { PerformanceMonitor, rateVital } from './chunk-4V2B5GPN.js';
2
+ import { apiCollector } from './chunk-ICEGTP6M.js';
3
+ import { sanitizeUrl, sanitizeText, sanitizeName } from './chunk-UGDPZ343.js';
4
4
  import { onLCP, onINP, onCLS, onFCP, onTTFB } from 'web-vitals';
5
5
  import { createContext, useState, useEffect, useContext, useSyncExternalStore } from 'react';
6
6
  import { jsx } from 'react/jsx-runtime';
@@ -334,5 +334,5 @@ function usePerformanceMetrics() {
334
334
  }
335
335
 
336
336
  export { PerformanceContext, PerformanceProvider, browserCollector, defaultCollectors, errorCollector, usePerformance, usePerformanceMetrics, webVitalsCollector };
337
- //# sourceMappingURL=chunk-VVPPYDOB.js.map
338
- //# sourceMappingURL=chunk-VVPPYDOB.js.map
337
+ //# sourceMappingURL=chunk-Q33ZJQZ2.js.map
338
+ //# sourceMappingURL=chunk-Q33ZJQZ2.js.map
@@ -179,5 +179,5 @@ exports.sanitizeName = sanitizeName;
179
179
  exports.sanitizeText = sanitizeText;
180
180
  exports.sanitizeUrl = sanitizeUrl;
181
181
  exports.templatePath = templatePath;
182
- //# sourceMappingURL=chunk-Q55RPWQK.cjs.map
183
- //# sourceMappingURL=chunk-Q55RPWQK.cjs.map
182
+ //# sourceMappingURL=chunk-QUF75EA3.cjs.map
183
+ //# sourceMappingURL=chunk-QUF75EA3.cjs.map
@@ -173,5 +173,5 @@ function sanitizeMetadata(input) {
173
173
  }
174
174
 
175
175
  export { sanitizeMetadata, sanitizeName, sanitizeText, sanitizeUrl, templatePath };
176
- //# sourceMappingURL=chunk-AETFDOCD.js.map
177
- //# sourceMappingURL=chunk-AETFDOCD.js.map
176
+ //# sourceMappingURL=chunk-UGDPZ343.js.map
177
+ //# sourceMappingURL=chunk-UGDPZ343.js.map
@@ -70,5 +70,5 @@ function backoffDelay(attempt, random = Math.random, baseMs = 1e3, capMs = 6e4)
70
70
  }
71
71
 
72
72
  export { PermanentTransportError, RetryableTransportError, backoffDelay, createHttpTransport };
73
- //# sourceMappingURL=chunk-5TDZ2PFD.js.map
74
- //# sourceMappingURL=chunk-5TDZ2PFD.js.map
73
+ //# sourceMappingURL=chunk-XKYIKK6C.js.map
74
+ //# sourceMappingURL=chunk-XKYIKK6C.js.map
@@ -75,5 +75,5 @@ exports.PermanentTransportError = PermanentTransportError;
75
75
  exports.RetryableTransportError = RetryableTransportError;
76
76
  exports.backoffDelay = backoffDelay;
77
77
  exports.createHttpTransport = createHttpTransport;
78
- //# sourceMappingURL=chunk-DOY37SMY.cjs.map
79
- //# sourceMappingURL=chunk-DOY37SMY.cjs.map
78
+ //# sourceMappingURL=chunk-ZY43XLHK.cjs.map
79
+ //# sourceMappingURL=chunk-ZY43XLHK.cjs.map
package/dist/index.cjs CHANGED
@@ -1,15 +1,15 @@
1
1
  'use strict';
2
2
 
3
- var chunkUPMG6KIA_cjs = require('./chunk-UPMG6KIA.cjs');
4
- var chunkK4P4CBNG_cjs = require('./chunk-K4P4CBNG.cjs');
5
- var chunkVAQESCDW_cjs = require('./chunk-VAQESCDW.cjs');
6
- var chunkQ55RPWQK_cjs = require('./chunk-Q55RPWQK.cjs');
7
- var chunkDOY37SMY_cjs = require('./chunk-DOY37SMY.cjs');
3
+ var chunkLBKL3OKH_cjs = require('./chunk-LBKL3OKH.cjs');
4
+ var chunkK3GFTMEC_cjs = require('./chunk-K3GFTMEC.cjs');
5
+ var chunkMYCOS5WD_cjs = require('./chunk-MYCOS5WD.cjs');
6
+ var chunkQUF75EA3_cjs = require('./chunk-QUF75EA3.cjs');
7
+ var chunkZY43XLHK_cjs = require('./chunk-ZY43XLHK.cjs');
8
8
  var react = require('react');
9
9
  var jsxRuntime = require('react/jsx-runtime');
10
10
 
11
11
  function ProfiledBoundary({ id, children }) {
12
- const monitor = chunkUPMG6KIA_cjs.usePerformance();
12
+ const monitor = chunkLBKL3OKH_cjs.usePerformance();
13
13
  const onRender = react.useCallback(
14
14
  (_id, phase, actualDuration, baseDuration) => {
15
15
  var _a, _b;
@@ -20,7 +20,7 @@ function ProfiledBoundary({ id, children }) {
20
20
  eventType: "component_render",
21
21
  duration: actual,
22
22
  data: {
23
- component: chunkQ55RPWQK_cjs.sanitizeName(id),
23
+ component: chunkQUF75EA3_cjs.sanitizeName(id),
24
24
  phase: phase === "mount" ? "mount" : phase === "update" ? "update" : "nested-update",
25
25
  actualDuration: actual,
26
26
  baseDuration: Math.round(baseDuration * 100) / 100,
@@ -170,10 +170,10 @@ function themeVars(t) {
170
170
  "--rpm-font": t.fontFamily
171
171
  };
172
172
  }
173
- var PerformancePanel = react.lazy(() => import('./PerformancePanel-U3KTU2BT.cjs'));
173
+ var PerformancePanel = react.lazy(() => import('./PerformancePanel-L3YUAEYG.cjs'));
174
174
  function PerformanceButton(props) {
175
175
  var _a;
176
- const monitor = chunkUPMG6KIA_cjs.usePerformance();
176
+ const monitor = chunkLBKL3OKH_cjs.usePerformance();
177
177
  if (!props.force && !((_a = monitor.config) == null ? void 0 : _a.devtools)) return null;
178
178
  if (!monitor.config) return null;
179
179
  return /* @__PURE__ */ jsxRuntime.jsx(ButtonInner, { ...props });
@@ -189,7 +189,7 @@ function ButtonInner({
189
189
  }) {
190
190
  injectStyles();
191
191
  const [open, setOpen] = react.useState(defaultOpen);
192
- const { errors } = chunkUPMG6KIA_cjs.usePerformanceMetrics().totals;
192
+ const { errors } = chunkLBKL3OKH_cjs.usePerformanceMetrics().totals;
193
193
  const { theme, dark } = useResolvedTheme(mode, themeOverrides);
194
194
  const buttonRef = react.useRef(null);
195
195
  const id = react.useId();
@@ -252,7 +252,7 @@ function ButtonInner({
252
252
  );
253
253
  }
254
254
  function useApiPerformance(match) {
255
- const { apis } = chunkUPMG6KIA_cjs.usePerformanceMetrics();
255
+ const { apis } = chunkLBKL3OKH_cjs.usePerformanceMetrics();
256
256
  const key = match instanceof RegExp ? match.source + match.flags : match;
257
257
  return react.useMemo(() => {
258
258
  if (!match) return apis;
@@ -264,139 +264,139 @@ function useApiPerformance(match) {
264
264
 
265
265
  Object.defineProperty(exports, "PerformanceContext", {
266
266
  enumerable: true,
267
- get: function () { return chunkUPMG6KIA_cjs.PerformanceContext; }
267
+ get: function () { return chunkLBKL3OKH_cjs.PerformanceContext; }
268
268
  });
269
269
  Object.defineProperty(exports, "PerformanceProvider", {
270
270
  enumerable: true,
271
- get: function () { return chunkUPMG6KIA_cjs.PerformanceProvider; }
271
+ get: function () { return chunkLBKL3OKH_cjs.PerformanceProvider; }
272
272
  });
273
273
  Object.defineProperty(exports, "browserCollector", {
274
274
  enumerable: true,
275
- get: function () { return chunkUPMG6KIA_cjs.browserCollector; }
275
+ get: function () { return chunkLBKL3OKH_cjs.browserCollector; }
276
276
  });
277
277
  Object.defineProperty(exports, "defaultCollectors", {
278
278
  enumerable: true,
279
- get: function () { return chunkUPMG6KIA_cjs.defaultCollectors; }
279
+ get: function () { return chunkLBKL3OKH_cjs.defaultCollectors; }
280
280
  });
281
281
  Object.defineProperty(exports, "errorCollector", {
282
282
  enumerable: true,
283
- get: function () { return chunkUPMG6KIA_cjs.errorCollector; }
283
+ get: function () { return chunkLBKL3OKH_cjs.errorCollector; }
284
284
  });
285
285
  Object.defineProperty(exports, "usePerformance", {
286
286
  enumerable: true,
287
- get: function () { return chunkUPMG6KIA_cjs.usePerformance; }
287
+ get: function () { return chunkLBKL3OKH_cjs.usePerformance; }
288
288
  });
289
289
  Object.defineProperty(exports, "usePerformanceMetrics", {
290
290
  enumerable: true,
291
- get: function () { return chunkUPMG6KIA_cjs.usePerformanceMetrics; }
291
+ get: function () { return chunkLBKL3OKH_cjs.usePerformanceMetrics; }
292
292
  });
293
293
  Object.defineProperty(exports, "webVitalsCollector", {
294
294
  enumerable: true,
295
- get: function () { return chunkUPMG6KIA_cjs.webVitalsCollector; }
295
+ get: function () { return chunkLBKL3OKH_cjs.webVitalsCollector; }
296
296
  });
297
297
  Object.defineProperty(exports, "COLLECTOR_NAMES", {
298
298
  enumerable: true,
299
- get: function () { return chunkK4P4CBNG_cjs.COLLECTOR_NAMES; }
299
+ get: function () { return chunkK3GFTMEC_cjs.COLLECTOR_NAMES; }
300
300
  });
301
301
  Object.defineProperty(exports, "DEFAULT_THRESHOLDS", {
302
302
  enumerable: true,
303
- get: function () { return chunkK4P4CBNG_cjs.DEFAULT_THRESHOLDS; }
303
+ get: function () { return chunkK3GFTMEC_cjs.DEFAULT_THRESHOLDS; }
304
304
  });
305
305
  Object.defineProperty(exports, "EventBuffer", {
306
306
  enumerable: true,
307
- get: function () { return chunkK4P4CBNG_cjs.EventBuffer; }
307
+ get: function () { return chunkK3GFTMEC_cjs.EventBuffer; }
308
308
  });
309
309
  Object.defineProperty(exports, "EventCollector", {
310
310
  enumerable: true,
311
- get: function () { return chunkK4P4CBNG_cjs.EventCollector; }
311
+ get: function () { return chunkK3GFTMEC_cjs.EventCollector; }
312
312
  });
313
313
  Object.defineProperty(exports, "OTHER", {
314
314
  enumerable: true,
315
- get: function () { return chunkK4P4CBNG_cjs.OTHER; }
315
+ get: function () { return chunkK3GFTMEC_cjs.OTHER; }
316
316
  });
317
317
  Object.defineProperty(exports, "PerformanceConfigError", {
318
318
  enumerable: true,
319
- get: function () { return chunkK4P4CBNG_cjs.PerformanceConfigError; }
319
+ get: function () { return chunkK3GFTMEC_cjs.PerformanceConfigError; }
320
320
  });
321
321
  Object.defineProperty(exports, "PerformanceMonitor", {
322
322
  enumerable: true,
323
- get: function () { return chunkK4P4CBNG_cjs.PerformanceMonitor; }
323
+ get: function () { return chunkK3GFTMEC_cjs.PerformanceMonitor; }
324
324
  });
325
325
  Object.defineProperty(exports, "Reservoir", {
326
326
  enumerable: true,
327
- get: function () { return chunkK4P4CBNG_cjs.Reservoir; }
327
+ get: function () { return chunkK3GFTMEC_cjs.Reservoir; }
328
328
  });
329
329
  Object.defineProperty(exports, "SDK_NAME", {
330
330
  enumerable: true,
331
- get: function () { return chunkK4P4CBNG_cjs.SDK_NAME; }
331
+ get: function () { return chunkK3GFTMEC_cjs.SDK_NAME; }
332
332
  });
333
333
  Object.defineProperty(exports, "SDK_VERSION", {
334
334
  enumerable: true,
335
- get: function () { return chunkK4P4CBNG_cjs.SDK_VERSION; }
335
+ get: function () { return chunkK3GFTMEC_cjs.SDK_VERSION; }
336
336
  });
337
337
  Object.defineProperty(exports, "getActiveMonitor", {
338
338
  enumerable: true,
339
- get: function () { return chunkK4P4CBNG_cjs.getActiveMonitor; }
339
+ get: function () { return chunkK3GFTMEC_cjs.getActiveMonitor; }
340
340
  });
341
341
  Object.defineProperty(exports, "quantile", {
342
342
  enumerable: true,
343
- get: function () { return chunkK4P4CBNG_cjs.quantile; }
343
+ get: function () { return chunkK3GFTMEC_cjs.quantile; }
344
344
  });
345
345
  Object.defineProperty(exports, "rateVital", {
346
346
  enumerable: true,
347
- get: function () { return chunkK4P4CBNG_cjs.rateVital; }
347
+ get: function () { return chunkK3GFTMEC_cjs.rateVital; }
348
348
  });
349
349
  Object.defineProperty(exports, "resolveConfig", {
350
350
  enumerable: true,
351
- get: function () { return chunkK4P4CBNG_cjs.resolveConfig; }
351
+ get: function () { return chunkK3GFTMEC_cjs.resolveConfig; }
352
352
  });
353
353
  Object.defineProperty(exports, "resolveThresholds", {
354
354
  enumerable: true,
355
- get: function () { return chunkK4P4CBNG_cjs.resolveThresholds; }
355
+ get: function () { return chunkK3GFTMEC_cjs.resolveThresholds; }
356
356
  });
357
357
  Object.defineProperty(exports, "shouldSample", {
358
358
  enumerable: true,
359
- get: function () { return chunkK4P4CBNG_cjs.shouldSample; }
359
+ get: function () { return chunkK3GFTMEC_cjs.shouldSample; }
360
360
  });
361
361
  Object.defineProperty(exports, "apiCollector", {
362
362
  enumerable: true,
363
- get: function () { return chunkVAQESCDW_cjs.apiCollector; }
363
+ get: function () { return chunkMYCOS5WD_cjs.apiCollector; }
364
364
  });
365
365
  Object.defineProperty(exports, "sanitizeMetadata", {
366
366
  enumerable: true,
367
- get: function () { return chunkQ55RPWQK_cjs.sanitizeMetadata; }
367
+ get: function () { return chunkQUF75EA3_cjs.sanitizeMetadata; }
368
368
  });
369
369
  Object.defineProperty(exports, "sanitizeName", {
370
370
  enumerable: true,
371
- get: function () { return chunkQ55RPWQK_cjs.sanitizeName; }
371
+ get: function () { return chunkQUF75EA3_cjs.sanitizeName; }
372
372
  });
373
373
  Object.defineProperty(exports, "sanitizeText", {
374
374
  enumerable: true,
375
- get: function () { return chunkQ55RPWQK_cjs.sanitizeText; }
375
+ get: function () { return chunkQUF75EA3_cjs.sanitizeText; }
376
376
  });
377
377
  Object.defineProperty(exports, "sanitizeUrl", {
378
378
  enumerable: true,
379
- get: function () { return chunkQ55RPWQK_cjs.sanitizeUrl; }
379
+ get: function () { return chunkQUF75EA3_cjs.sanitizeUrl; }
380
380
  });
381
381
  Object.defineProperty(exports, "templatePath", {
382
382
  enumerable: true,
383
- get: function () { return chunkQ55RPWQK_cjs.templatePath; }
383
+ get: function () { return chunkQUF75EA3_cjs.templatePath; }
384
384
  });
385
385
  Object.defineProperty(exports, "PermanentTransportError", {
386
386
  enumerable: true,
387
- get: function () { return chunkDOY37SMY_cjs.PermanentTransportError; }
387
+ get: function () { return chunkZY43XLHK_cjs.PermanentTransportError; }
388
388
  });
389
389
  Object.defineProperty(exports, "RetryableTransportError", {
390
390
  enumerable: true,
391
- get: function () { return chunkDOY37SMY_cjs.RetryableTransportError; }
391
+ get: function () { return chunkZY43XLHK_cjs.RetryableTransportError; }
392
392
  });
393
393
  Object.defineProperty(exports, "backoffDelay", {
394
394
  enumerable: true,
395
- get: function () { return chunkDOY37SMY_cjs.backoffDelay; }
395
+ get: function () { return chunkZY43XLHK_cjs.backoffDelay; }
396
396
  });
397
397
  Object.defineProperty(exports, "createHttpTransport", {
398
398
  enumerable: true,
399
- get: function () { return chunkDOY37SMY_cjs.createHttpTransport; }
399
+ get: function () { return chunkZY43XLHK_cjs.createHttpTransport; }
400
400
  });
401
401
  exports.DARK_THEME = DARK_THEME;
402
402
  exports.LIGHT_THEME = LIGHT_THEME;
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
- import { usePerformance, usePerformanceMetrics } from './chunk-VVPPYDOB.js';
2
- export { PerformanceContext, PerformanceProvider, browserCollector, defaultCollectors, errorCollector, usePerformance, usePerformanceMetrics, webVitalsCollector } from './chunk-VVPPYDOB.js';
3
- export { COLLECTOR_NAMES, DEFAULT_THRESHOLDS, EventBuffer, EventCollector, OTHER, PerformanceConfigError, PerformanceMonitor, Reservoir, SDK_NAME, SDK_VERSION, getActiveMonitor, quantile, rateVital, resolveConfig, resolveThresholds, shouldSample } from './chunk-YUN5C27A.js';
4
- export { apiCollector } from './chunk-LY4JO6PL.js';
5
- import { sanitizeName } from './chunk-AETFDOCD.js';
6
- export { sanitizeMetadata, sanitizeName, sanitizeText, sanitizeUrl, templatePath } from './chunk-AETFDOCD.js';
7
- export { PermanentTransportError, RetryableTransportError, backoffDelay, createHttpTransport } from './chunk-5TDZ2PFD.js';
1
+ import { usePerformance, usePerformanceMetrics } from './chunk-Q33ZJQZ2.js';
2
+ export { PerformanceContext, PerformanceProvider, browserCollector, defaultCollectors, errorCollector, usePerformance, usePerformanceMetrics, webVitalsCollector } from './chunk-Q33ZJQZ2.js';
3
+ export { COLLECTOR_NAMES, DEFAULT_THRESHOLDS, EventBuffer, EventCollector, OTHER, PerformanceConfigError, PerformanceMonitor, Reservoir, SDK_NAME, SDK_VERSION, getActiveMonitor, quantile, rateVital, resolveConfig, resolveThresholds, shouldSample } from './chunk-4V2B5GPN.js';
4
+ export { apiCollector } from './chunk-ICEGTP6M.js';
5
+ import { sanitizeName } from './chunk-UGDPZ343.js';
6
+ export { sanitizeMetadata, sanitizeName, sanitizeText, sanitizeUrl, templatePath } from './chunk-UGDPZ343.js';
7
+ export { PermanentTransportError, RetryableTransportError, backoffDelay, createHttpTransport } from './chunk-XKYIKK6C.js';
8
8
  import { lazy, useCallback, Profiler, useState, useRef, useId, Suspense, useMemo, useSyncExternalStore } from 'react';
9
9
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
10
10
 
@@ -170,7 +170,7 @@ function themeVars(t) {
170
170
  "--rpm-font": t.fontFamily
171
171
  };
172
172
  }
173
- var PerformancePanel = lazy(() => import('./PerformancePanel-6LHWD52Q.js'));
173
+ var PerformancePanel = lazy(() => import('./PerformancePanel-F4AYMOBE.js'));
174
174
  function PerformanceButton(props) {
175
175
  var _a;
176
176
  const monitor = usePerformance();
package/dist/redux.cjs CHANGED
@@ -1,8 +1,8 @@
1
1
  'use strict';
2
2
 
3
- var chunkK4P4CBNG_cjs = require('./chunk-K4P4CBNG.cjs');
4
- var chunkQ55RPWQK_cjs = require('./chunk-Q55RPWQK.cjs');
5
- require('./chunk-DOY37SMY.cjs');
3
+ var chunkK3GFTMEC_cjs = require('./chunk-K3GFTMEC.cjs');
4
+ var chunkQUF75EA3_cjs = require('./chunk-QUF75EA3.cjs');
5
+ require('./chunk-ZY43XLHK.cjs');
6
6
 
7
7
  // src/collectors/reduxPerformance.ts
8
8
  var clock = () => typeof performance !== "undefined" ? performance.now() : Date.now();
@@ -10,7 +10,7 @@ function createPerformanceMiddleware(options = {}) {
10
10
  var _a;
11
11
  const resolve = () => {
12
12
  const m = options.monitor;
13
- if (!m) return chunkK4P4CBNG_cjs.getActiveMonitor();
13
+ if (!m) return chunkK3GFTMEC_cjs.getActiveMonitor();
14
14
  return typeof m === "function" ? m() : m;
15
15
  };
16
16
  const ignore = (_a = options.ignore) != null ? _a : [];
@@ -39,7 +39,7 @@ function createPerformanceMiddleware(options = {}) {
39
39
  {
40
40
  eventType: "redux_action",
41
41
  duration,
42
- data: { actionType: chunkQ55RPWQK_cjs.sanitizeName(type), slow }
42
+ data: { actionType: chunkQUF75EA3_cjs.sanitizeName(type), slow }
43
43
  },
44
44
  { stateChanged: api.getState() !== before },
45
45
  { localOnly: !slow && !((_c = monitor.config) == null ? void 0 : _c.recordActions) }
package/dist/redux.js CHANGED
@@ -1,6 +1,6 @@
1
- import { getActiveMonitor } from './chunk-YUN5C27A.js';
2
- import { sanitizeName } from './chunk-AETFDOCD.js';
3
- import './chunk-5TDZ2PFD.js';
1
+ import { getActiveMonitor } from './chunk-4V2B5GPN.js';
2
+ import { sanitizeName } from './chunk-UGDPZ343.js';
3
+ import './chunk-XKYIKK6C.js';
4
4
 
5
5
  // src/collectors/reduxPerformance.ts
6
6
  var clock = () => typeof performance !== "undefined" ? performance.now() : Date.now();
package/dist/trackora.cjs CHANGED
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var chunkDOY37SMY_cjs = require('./chunk-DOY37SMY.cjs');
3
+ var chunkZY43XLHK_cjs = require('./chunk-ZY43XLHK.cjs');
4
4
 
5
5
  // src/trackora.ts
6
6
  var TRACKORA_BATCH_PATH = "/api/v1/performance/batch";
7
7
  function trackoraTransport({ apiUrl, apiKey }) {
8
- return chunkDOY37SMY_cjs.createHttpTransport({
8
+ return chunkZY43XLHK_cjs.createHttpTransport({
9
9
  endpoint: `${apiUrl.replace(/\/+$/, "")}${TRACKORA_BATCH_PATH}`,
10
10
  headers: { "x-trackora-key": apiKey }
11
11
  });
package/dist/trackora.js CHANGED
@@ -1,4 +1,4 @@
1
- import { createHttpTransport } from './chunk-5TDZ2PFD.js';
1
+ import { createHttpTransport } from './chunk-XKYIKK6C.js';
2
2
 
3
3
  // src/trackora.ts
4
4
  var TRACKORA_BATCH_PATH = "/api/v1/performance/batch";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ashokreddydev/react-performance-monitor",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "description": "Performance monitoring for React apps — renders, API latency, Web Vitals and errors, with any backend",
5
5
  "keywords": [
6
6
  "react",
@@ -17,7 +17,7 @@
17
17
  "url": "git+https://github.com/ashokreddydev/trackora.git",
18
18
  "directory": "packages/react-performance-monitor"
19
19
  },
20
- "homepage": "https://github.com/ashokreddydev/trackora/tree/main/packages/react-performance-monitor#readme",
20
+ "homepage": "https://www.trackora.testforge.co.in/docs#react-performance-monitor",
21
21
  "bugs": {
22
22
  "url": "https://github.com/ashokreddydev/trackora/issues"
23
23
  },