@microsoft/applicationinsights-react-js 3.2.3 → 3.2.4-nightly.2202-03
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/README.md +16 -0
- package/browser/applicationinsights-react-js.js +115 -81
- package/browser/applicationinsights-react-js.js.map +1 -1
- package/browser/applicationinsights-react-js.min.js +2 -2
- package/browser/applicationinsights-react-js.min.js.map +1 -1
- package/dist/applicationinsights-react-js.d.ts +1 -1
- package/dist/applicationinsights-react-js.js +115 -81
- package/dist/applicationinsights-react-js.js.map +1 -1
- package/dist/applicationinsights-react-js.min.js +2 -2
- package/dist/applicationinsights-react-js.min.js.map +1 -1
- package/dist/applicationinsights-react-js.rollup.d.ts +1 -1
- package/dist-esm/AppInsightsContext.js +1 -1
- package/dist-esm/AppInsightsErrorBoundary.js +1 -1
- package/dist-esm/Interfaces/IReactExtensionConfig.js +1 -1
- package/dist-esm/ReactPlugin.js +1 -1
- package/dist-esm/applicationinsights-react-js.js +1 -1
- package/dist-esm/useTrackEvent.js +1 -1
- package/dist-esm/useTrackMetric.js +1 -1
- package/dist-esm/withAITracking.js +1 -1
- package/package.json +74 -71
package/README.md
CHANGED
|
@@ -48,6 +48,22 @@ class MyComponent extends React.Component {
|
|
|
48
48
|
|
|
49
49
|
export default withAITracking(reactPlugin, MyComponent);
|
|
50
50
|
```
|
|
51
|
+
For `react-router v6` or other scenarios where router history is not exposed, appInsights config `enableAutoRouteTracking` can be used to auto track router changes.
|
|
52
|
+
|
|
53
|
+
```js
|
|
54
|
+
var reactPlugin = new ReactPlugin();
|
|
55
|
+
var appInsights = new ApplicationInsights({
|
|
56
|
+
config: {
|
|
57
|
+
instrumentationKey: 'YOUR_INSTRUMENTATION_KEY_GOES_HERE',
|
|
58
|
+
enableAutoRouteTracking: true,
|
|
59
|
+
extensions: [reactPlugin]
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
appInsights.loadAppInsights();
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
|
|
51
67
|
|
|
52
68
|
## Configuration
|
|
53
69
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Application Insights JavaScript SDK - React Plugin, 3.2.
|
|
2
|
+
* Application Insights JavaScript SDK - React Plugin, 3.2.4-nightly.2202-03
|
|
3
3
|
* Copyright (c) Microsoft and contributors. All rights reserved.
|
|
4
4
|
*/
|
|
5
5
|
(function (global, factory) {
|
|
@@ -452,9 +452,24 @@
|
|
|
452
452
|
var strAttachEvent = "attachEvent";
|
|
453
453
|
var strAddEventHelper = "addEventListener";
|
|
454
454
|
var strToISOString = "toISOString";
|
|
455
|
+
var cStrEndsWith = "endsWith";
|
|
456
|
+
var strIndexOf = "indexOf";
|
|
457
|
+
var strMap = "map";
|
|
458
|
+
var strReduce = "reduce";
|
|
459
|
+
var cStrTrim = "trim";
|
|
460
|
+
var strKeys = "keys";
|
|
461
|
+
var strToString = "toString";
|
|
455
462
|
var _objDefineProperty = ObjDefineProperty;
|
|
463
|
+
var StringProto = String[strShimPrototype];
|
|
464
|
+
var _strTrim = StringProto[cStrTrim];
|
|
465
|
+
var _strEndsWith = StringProto[cStrEndsWith];
|
|
466
|
+
var DateProto = Date[strShimPrototype];
|
|
467
|
+
var _dataToISOString = DateProto[strToISOString];
|
|
468
|
+
var _isArray = Array.isArray;
|
|
469
|
+
var _fnToString = ObjHasOwnProperty[strToString];
|
|
470
|
+
_fnToString.call(ObjClass);
|
|
456
471
|
function objToString(obj) {
|
|
457
|
-
return ObjProto.
|
|
472
|
+
return ObjProto[strToString].call(obj);
|
|
458
473
|
}
|
|
459
474
|
function isTypeof(value, theType) {
|
|
460
475
|
return typeof value === theType;
|
|
@@ -469,13 +484,13 @@
|
|
|
469
484
|
return !isNullOrUndefined(value);
|
|
470
485
|
}
|
|
471
486
|
function hasOwnProperty(obj, prop) {
|
|
472
|
-
return obj && ObjHasOwnProperty.call(obj, prop);
|
|
487
|
+
return !!(obj && ObjHasOwnProperty.call(obj, prop));
|
|
473
488
|
}
|
|
474
489
|
function isObject(value) {
|
|
475
|
-
return typeof value === strShimObject;
|
|
490
|
+
return !!(value && typeof value === strShimObject);
|
|
476
491
|
}
|
|
477
492
|
function isFunction(value) {
|
|
478
|
-
return typeof value === strShimFunction;
|
|
493
|
+
return !!(value && typeof value === strShimFunction);
|
|
479
494
|
}
|
|
480
495
|
function attachEvent(obj, eventNameWithoutOn, handlerRef, useCapture) {
|
|
481
496
|
if (useCapture === void 0) { useCapture = false; }
|
|
@@ -506,24 +521,27 @@
|
|
|
506
521
|
}
|
|
507
522
|
}
|
|
508
523
|
function strEndsWith(value, search) {
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
524
|
+
var result = false;
|
|
525
|
+
if (value && search && !(result = value === search)) {
|
|
526
|
+
result = _strEndsWith ? value[cStrEndsWith](search) : _strEndsWithPoly(value, search);
|
|
527
|
+
}
|
|
528
|
+
return result;
|
|
529
|
+
}
|
|
530
|
+
function _strEndsWithPoly(value, search) {
|
|
531
|
+
var result = false;
|
|
532
|
+
var searchLen = search ? search.length : 0;
|
|
533
|
+
var valLen = value ? value.length : 0;
|
|
534
|
+
if (searchLen && valLen && valLen >= searchLen && !(result = value === search)) {
|
|
535
|
+
var pos = valLen - 1;
|
|
536
|
+
for (var lp = searchLen - 1; lp >= 0; lp--) {
|
|
537
|
+
if (value[pos] != search[lp]) {
|
|
538
|
+
return false;
|
|
522
539
|
}
|
|
523
|
-
|
|
540
|
+
pos--;
|
|
524
541
|
}
|
|
542
|
+
result = true;
|
|
525
543
|
}
|
|
526
|
-
return
|
|
544
|
+
return result;
|
|
527
545
|
}
|
|
528
546
|
function strContains(value, search) {
|
|
529
547
|
if (value && search) {
|
|
@@ -532,13 +550,13 @@
|
|
|
532
550
|
return false;
|
|
533
551
|
}
|
|
534
552
|
function isDate(obj) {
|
|
535
|
-
return objToString(obj) === "[object Date]";
|
|
553
|
+
return !!(obj && objToString(obj) === "[object Date]");
|
|
536
554
|
}
|
|
537
555
|
function isArray(obj) {
|
|
538
|
-
return objToString(obj) === "[object Array]";
|
|
556
|
+
return _isArray ? _isArray(obj) : !!(obj && objToString(obj) === "[object Array]");
|
|
539
557
|
}
|
|
540
558
|
function isError(obj) {
|
|
541
|
-
return objToString(obj) === "[object Error]";
|
|
559
|
+
return !!(obj && objToString(obj) === "[object Error]");
|
|
542
560
|
}
|
|
543
561
|
function isString(value) {
|
|
544
562
|
return typeof value === "string";
|
|
@@ -551,26 +569,26 @@
|
|
|
551
569
|
}
|
|
552
570
|
function toISOString(date) {
|
|
553
571
|
if (date) {
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
572
|
+
return _dataToISOString ? date[strToISOString]() : _toISOStringPoly(date);
|
|
573
|
+
}
|
|
574
|
+
}
|
|
575
|
+
function _toISOStringPoly(date) {
|
|
576
|
+
if (date && date.getUTCFullYear) {
|
|
577
|
+
var pad = function (num) {
|
|
578
|
+
var r = String(num);
|
|
579
|
+
if (r.length === 1) {
|
|
580
|
+
r = "0" + r;
|
|
581
|
+
}
|
|
582
|
+
return r;
|
|
583
|
+
};
|
|
584
|
+
return date.getUTCFullYear()
|
|
585
|
+
+ "-" + pad(date.getUTCMonth() + 1)
|
|
586
|
+
+ "-" + pad(date.getUTCDate())
|
|
587
|
+
+ "T" + pad(date.getUTCHours())
|
|
588
|
+
+ ":" + pad(date.getUTCMinutes())
|
|
589
|
+
+ ":" + pad(date.getUTCSeconds())
|
|
590
|
+
+ "." + String((date.getUTCMilliseconds() / 1000).toFixed(3)).slice(2, 5)
|
|
591
|
+
+ "Z";
|
|
574
592
|
}
|
|
575
593
|
}
|
|
576
594
|
function arrForEach(arr, callbackfn, thisArg) {
|
|
@@ -588,60 +606,76 @@
|
|
|
588
606
|
}
|
|
589
607
|
}
|
|
590
608
|
function arrIndexOf(arr, searchElement, fromIndex) {
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
609
|
+
if (arr) {
|
|
610
|
+
if (arr[strIndexOf]) {
|
|
611
|
+
return arr[strIndexOf](searchElement, fromIndex);
|
|
612
|
+
}
|
|
613
|
+
var len = arr.length;
|
|
614
|
+
var from = fromIndex || 0;
|
|
615
|
+
try {
|
|
616
|
+
for (var lp = Math.max(from >= 0 ? from : len - Math.abs(from), 0); lp < len; lp++) {
|
|
617
|
+
if (lp in arr && arr[lp] === searchElement) {
|
|
618
|
+
return lp;
|
|
619
|
+
}
|
|
597
620
|
}
|
|
598
621
|
}
|
|
599
|
-
|
|
600
|
-
|
|
622
|
+
catch (e) {
|
|
623
|
+
}
|
|
601
624
|
}
|
|
602
625
|
return -1;
|
|
603
626
|
}
|
|
604
627
|
function arrMap(arr, callbackfn, thisArg) {
|
|
605
|
-
var
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
628
|
+
var results;
|
|
629
|
+
if (arr) {
|
|
630
|
+
if (arr[strMap]) {
|
|
631
|
+
return arr[strMap](callbackfn, thisArg);
|
|
632
|
+
}
|
|
633
|
+
var len = arr.length;
|
|
634
|
+
var _this = thisArg || arr;
|
|
635
|
+
results = new Array(len);
|
|
636
|
+
try {
|
|
637
|
+
for (var lp = 0; lp < len; lp++) {
|
|
638
|
+
if (lp in arr) {
|
|
639
|
+
results[lp] = callbackfn.call(_this, arr[lp], arr);
|
|
640
|
+
}
|
|
612
641
|
}
|
|
613
642
|
}
|
|
614
|
-
|
|
615
|
-
|
|
643
|
+
catch (e) {
|
|
644
|
+
}
|
|
616
645
|
}
|
|
617
646
|
return results;
|
|
618
647
|
}
|
|
619
648
|
function arrReduce(arr, callbackfn, initialValue) {
|
|
620
|
-
var len = arr.length;
|
|
621
|
-
var lp = 0;
|
|
622
649
|
var value;
|
|
623
|
-
if (
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
else {
|
|
627
|
-
while (lp < len && !(lp in arr)) {
|
|
628
|
-
lp++;
|
|
650
|
+
if (arr) {
|
|
651
|
+
if (arr[strReduce]) {
|
|
652
|
+
return arr[strReduce](callbackfn, initialValue);
|
|
629
653
|
}
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
654
|
+
var len = arr.length;
|
|
655
|
+
var lp = 0;
|
|
656
|
+
if (arguments.length >= 3) {
|
|
657
|
+
value = arguments[2];
|
|
658
|
+
}
|
|
659
|
+
else {
|
|
660
|
+
while (lp < len && !(lp in arr)) {
|
|
661
|
+
lp++;
|
|
662
|
+
}
|
|
663
|
+
value = arr[lp++];
|
|
664
|
+
}
|
|
665
|
+
while (lp < len) {
|
|
666
|
+
if (lp in arr) {
|
|
667
|
+
value = callbackfn(value, arr[lp], lp, arr);
|
|
668
|
+
}
|
|
669
|
+
lp++;
|
|
635
670
|
}
|
|
636
|
-
lp++;
|
|
637
671
|
}
|
|
638
672
|
return value;
|
|
639
673
|
}
|
|
640
674
|
function strTrim(str) {
|
|
641
|
-
if (
|
|
642
|
-
|
|
675
|
+
if (str) {
|
|
676
|
+
str = (_strTrim && str[cStrTrim]) ? str[cStrTrim]() : (str.replace ? str.replace(/^\s+|\s+$/g, "") : str);
|
|
643
677
|
}
|
|
644
|
-
return str
|
|
678
|
+
return str;
|
|
645
679
|
}
|
|
646
680
|
var _objKeysHasDontEnumBug = !({ toString: null }).propertyIsEnumerable("toString");
|
|
647
681
|
var _objKeysDontEnums = [
|
|
@@ -658,6 +692,9 @@
|
|
|
658
692
|
if (objType !== strShimFunction && (objType !== strShimObject || obj === null)) {
|
|
659
693
|
throwTypeError("objKeys called on non-object");
|
|
660
694
|
}
|
|
695
|
+
if (!_objKeysHasDontEnumBug && obj[strKeys]) {
|
|
696
|
+
return obj[strKeys];
|
|
697
|
+
}
|
|
661
698
|
var result = [];
|
|
662
699
|
for (var prop in obj) {
|
|
663
700
|
if (obj && ObjHasOwnProperty.call(obj, prop)) {
|
|
@@ -697,10 +734,7 @@
|
|
|
697
734
|
}
|
|
698
735
|
function dateNow() {
|
|
699
736
|
var dt = Date;
|
|
700
|
-
|
|
701
|
-
return dt.now();
|
|
702
|
-
}
|
|
703
|
-
return new dt().getTime();
|
|
737
|
+
return dt.now ? dt.now() : new dt().getTime();
|
|
704
738
|
}
|
|
705
739
|
function getExceptionName(object) {
|
|
706
740
|
if (isError(object)) {
|