@microsoft/applicationinsights-debugplugin-js 2.7.5-nightly.2203-03 → 2.7.5

package/package.json

@@ -1,57 +1,54 @@
-{
-    "name": "@microsoft/applicationinsights-debugplugin-js",
-    "version": "2.7.5-nightly.2203-03",
-    "description": "Microsoft Application Insights JavaScript SDK - Debug Plugin extension",
-    "homepage": "https://github.com/microsoft/ApplicationInsights-JS#readme",
-    "author": "Microsoft Application Insights Team",
-    "main": "dist/applicationinsights-debugplugin-js.js",
-    "module": "dist-esm/applicationinsights-debugplugin-js.js",
-    "types": "types/applicationinsights-debugplugin-js.d.ts",
-    "sideEffects": false,
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/microsoft/ApplicationInsights-JS/tree/master/extensions/applicationinsights-debugplugin-js"
-    },
-    "scripts": {
-        "build": "npm run build:esm && npm run build:browser && npm run sri && npm run dtsgen",
-        "build:esm": "grunt debugplugin",
-        "build:browser": "rollup -c",
-        "rebuild": "npm run build",
-        "test": "",
-        "lint": "tslint -p tsconfig.json",
-        "dtsgen": "api-extractor run --local && node ../../scripts/dtsgen.js 'Microsoft.ApplicationInsights'",
-        "sri": "node ../../tools/subResourceIntegrity/generateIntegrityFile.js"
-    },
-    "devDependencies": {
-        "@microsoft/applicationinsights-rollup-plugin-uglify3-js": "1.0.0",
-        "@microsoft/applicationinsights-rollup-es3": "1.1.3",
-        "@microsoft/api-extractor": "^7.18.1",
-        "typescript": "^4.3.4",
-        "tslib": "^2.0.0",
-        "grunt": "^1.4.1",
-        "grunt-cli": "^1.4.3",
-        "grunt-contrib-qunit": "^5.0.1",
-        "@nevware21/grunt-ts-plugin": "^0.4.3",
-        "@nevware21/grunt-eslint-ts": "^0.2.2",
-        "globby": "^11.0.0",
-        "magic-string": "^0.25.7",
-        "@rollup/plugin-commonjs": "^18.0.0",
-        "@rollup/plugin-node-resolve": "^11.2.1",
-        "@rollup/plugin-replace": "^2.3.3",
-        "rollup-plugin-cleanup": "^3.2.1",
-        "rollup": "^2.32.0"
-    },
-    "peerDependencies": {
-        "tslib": "*"
-    },
-    "dependencies": {
-        "@microsoft/dynamicproto-js": "^1.1.4",
-        "@microsoft/applicationinsights-common": "2.7.5-nightly.2203-03",
-        "@microsoft/applicationinsights-core-js": "2.7.5-nightly.2203-03",
-        "@microsoft/applicationinsights-shims": "2.0.1"
-    },
-    "license": "MIT",
-    "publishConfig": {
-        "tag": "nightly"
-    }
-}
+{
+    "name": "@microsoft/applicationinsights-debugplugin-js",
+    "version": "2.7.5",
+    "description": "Microsoft Application Insights JavaScript SDK - Debug Plugin extension",
+    "homepage": "https://github.com/microsoft/ApplicationInsights-JS#readme",
+    "author": "Microsoft Application Insights Team",
+    "main": "dist/applicationinsights-debugplugin-js.js",
+    "module": "dist-esm/applicationinsights-debugplugin-js.js",
+    "types": "types/applicationinsights-debugplugin-js.d.ts",
+    "sideEffects": false,
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/microsoft/ApplicationInsights-JS/tree/master/extensions/applicationinsights-debugplugin-js"
+    },
+    "scripts": {
+        "build": "npm run build:esm && npm run build:browser && npm run sri && npm run dtsgen",
+        "build:esm": "grunt debugplugin",
+        "build:browser": "rollup -c",
+        "rebuild": "npm run build",
+        "test": "",
+        "lint": "tslint -p tsconfig.json",
+        "dtsgen": "api-extractor run --local && node ../../scripts/dtsgen.js 'Microsoft.ApplicationInsights'",
+        "sri": "node ../../tools/subResourceIntegrity/generateIntegrityFile.js"
+    },
+    "devDependencies": {
+        "@microsoft/applicationinsights-rollup-plugin-uglify3-js": "1.0.0",
+        "@microsoft/applicationinsights-rollup-es3": "1.1.3",
+        "@microsoft/api-extractor": "^7.18.1",
+        "typescript": "^4.3.4",
+        "tslib": "^2.0.0",
+        "grunt": "^1.4.1",
+        "grunt-cli": "^1.4.3",
+        "grunt-contrib-qunit": "^5.0.1",
+        "@nevware21/grunt-ts-plugin": "^0.4.3",
+        "@nevware21/grunt-eslint-ts": "^0.2.2",
+        "globby": "^11.0.0",
+        "magic-string": "^0.25.7",
+        "@rollup/plugin-commonjs": "^18.0.0",
+        "@rollup/plugin-node-resolve": "^11.2.1",
+        "@rollup/plugin-replace": "^2.3.3",
+        "rollup-plugin-cleanup": "3.2.1",
+        "rollup": "^2.32.0"
+    },
+    "peerDependencies": {
+        "tslib": "*"
+    },
+    "dependencies": {
+        "@microsoft/dynamicproto-js": "^1.1.5",
+        "@microsoft/applicationinsights-common": "2.7.5",
+        "@microsoft/applicationinsights-core-js": "2.7.5",
+        "@microsoft/applicationinsights-shims": "2.0.1"
+    },
+    "license": "MIT"
+}

package/src/DebugPlugin.ts

@@ -5,7 +5,7 @@ import {
     BaseTelemetryPlugin, IConfiguration, arrForEach,
     IAppInsightsCore, IPlugin, ITelemetryItem, IProcessTelemetryContext, _InternalLogMessage, _InternalMessageId,
     ITelemetryPluginChain, InstrumentFunc, IInstrumentCallDetails, InstrumentorHooksCallback, IPerfEvent, IChannelControls,
-    objForEachKey, isFunction, dateNow, isArray, isUndefined, getDebugExt
+    objForEachKey, isFunction, dateNow, isArray, isUndefined, getDebugExt, arrIndexOf
 } from "@microsoft/applicationinsights-core-js";
 import { Dashboard } from "./components/Dashboard";
 import { getTargetName } from "./components/helpers";
@@ -162,16 +162,16 @@ export default class DebugPlugin extends BaseTelemetryPlugin {
                                 }
                             });
 
-                            if (trackers.indexOf("eventsSent") !== -1) {
+                            if (arrIndexOf(trackers, "eventsSent") !== -1) {
                                 foundTrackers.push("eventsSent");
                             }
-                            if (trackers.indexOf("eventsSendRequest") !== -1) {
+                            if (arrIndexOf(trackers, "eventsSendRequest") !== -1) {
                                 foundTrackers.push("eventsSendRequest");
                             }
-                            if (trackers.indexOf("eventsDiscarded") !== -1) {
+                            if (arrIndexOf(trackers, "eventsDiscarded") !== -1) {
                                 foundTrackers.push("eventsDiscarded");
                             }
-                            if (trackers.indexOf("perfEvent") !== -1) {
+                            if (arrIndexOf(trackers, "perfEvent") !== -1) {
                                 foundTrackers.push("perfEvent");
                             }
                         }
@@ -217,7 +217,7 @@ export default class DebugPlugin extends BaseTelemetryPlugin {
                             }, true);
 
                             if (val) {
-                                if (foundTrackers.indexOf(tracker) === -1) {
+                                if (arrIndexOf(foundTrackers, tracker) === -1) {
                                     foundTrackers.push(tracker);
                                 }
                             }
@@ -271,7 +271,7 @@ export default class DebugPlugin extends BaseTelemetryPlugin {
             }
 
             function _addTarget(targetObjects: any[], ext:any) {
-                if (ext && targetObjects.indexOf(ext) === -1) {
+                if (ext && arrIndexOf(targetObjects, ext) === -1) {
                     targetObjects.push(ext);
                     return true;
                 }

package/src/components/Dashboard.ts

@@ -1,4 +1,4 @@
-import { arrForEach } from "@microsoft/applicationinsights-core-js";
+import { arrForEach, arrIndexOf } from "@microsoft/applicationinsights-core-js";
 import dynamicProto from "@microsoft/dynamicproto-js";
 import { tempStyle } from "./styleNodeSrc";
 import { FilterList } from "./filterList";
@@ -138,11 +138,11 @@ export class Dashboard {
                         }
 
                         let type = entry.getKind();
-                        let allowOther = excludedTypes.indexOf("other") === -1;     // Other types are not excluded
-                        if (trackers.indexOf(type) === -1 && !allowOther) {
+                        let allowOther = arrIndexOf(excludedTypes, "other") === -1;     // Other types are not excluded
+                        if (arrIndexOf(trackers, type) === -1 && !allowOther) {
                             // Not a tracked type and we are not allowing other types
                             return;
-                        } else if (excludedTypes.indexOf(type) !== -1) {
+                        } else if (arrIndexOf(excludedTypes, type) !== -1) {
                             // This type is explicitly excluded
                             return;
                         }

package/src/components/LogEntry.ts

@@ -1,4 +1,4 @@
-import { isBoolean, isNumber, isObject, isString, objToString } from "@microsoft/applicationinsights-core-js";
+import { isBoolean, isNumber, isObject, isString } from "@microsoft/applicationinsights-core-js";
 import { makeRegex, traverseAndReplace, toggleClassName, MAX_DEPTH, formatLogElements, getTargetName, getTargetKeys } from "./helpers";
 import { Util } from "@microsoft/applicationinsights-common";
 
@@ -44,7 +44,7 @@ export class LogEntry {
                         }
                     }
                 } else if (isString(value) || isNumber(value) || isBoolean(value)) {
-                    return _testValue(rg, objToString(value));
+                    return _testValue(rg, value.toString());
                 }
             }
 

package/src/components/debugBins.ts

@@ -73,16 +73,15 @@ export class DebugBinParent {
             if (ch instanceof DebugBin) {
                 if (ch.el.parentElement !== _self.el && _self.showChildren) {
                     _self.el.appendChild(ch.el);
-                } else if (ch.el.parentElement === _self.el && !_self.showChildren) {
-                    _self.el.removeChild(ch.el);
                 }
-            } else {
-                if (_self.showChildren) {
-                    _self.el.appendChild(ch);
-                } else {
-                    _self.el.removeChild(ch);
+                else if (ch.el.parentElement === _self.el && !_self.showChildren) {
+                    _self.el.removeChild(ch.el);
                 }
             }
+            else {
+                if (_self.showChildren) { _self.el.appendChild(ch); }
+                else { _self.el.removeChild(ch); }
+            }
         }
     }
 }

package/src/components/filterList.ts

@@ -1,6 +1,8 @@
 // Copyright (c) Microsoft Corporation. All rights reserved.
 // Licensed under the MIT License.
 
+import { arrIndexOf } from "@microsoft/applicationinsights-core-js";
+
 export class FilterList {
 
     private el: HTMLElement;
@@ -70,7 +72,7 @@ export class FilterList {
                             (ch.childNodes[0] as HTMLElement).className = "checkbox off";
                         }
                     }
-                    _self.filterList.splice(_self.filterList.indexOf(t), 1);
+                    _self.filterList.splice(arrIndexOf(_self.filterList, t), 1);
                     checkbox.className = "checkbox on";
                 } else {
                     if (evt.shiftKey) {

package/src/components/helpers.ts

@@ -47,7 +47,8 @@ export function traverseAndReplace(target: Object, maxDepth: number, currentDept
 
             if (targetValue !== null && arrIndexOf(thingsReferenced, targetValue) !== -1) {
                 out[key] = `<circular (${key} - "${getTargetName(targetValue)}")>`;
-            } else if (targetValue !== null && isObject(targetValue)) {
+            }
+            else if (targetValue !== null && isObject(targetValue)) {
                 if (currentDepth >= maxDepth) {
                     out[key] = "<max allowed depth reached>";
                 } else {
@@ -55,7 +56,8 @@ export function traverseAndReplace(target: Object, maxDepth: number, currentDept
                     out[key] = traverseAndReplace(targetValue, maxDepth, currentDepth + 1, thingsReferenced, excludedKeys, includeFunctions);
                     thingsReferenced.pop();
                 }
-            } else {
+            }
+            else {
                 out[key] = targetValue;
             }
         }
@@ -127,9 +129,7 @@ export function focusHandler(evt: Event, target: Object, level: number, excludeK
     }
     lastSelectedElement = (evt.target as HTMLElement);
     for (let i = 0; i < 10; i++) {
-        if (lastSelectedElement.tagName === "DIV") {
-            break;
-        }
+        if (lastSelectedElement.tagName === "DIV") { break; }
         lastSelectedElement = lastSelectedElement.parentElement;
     }
     lastSelectedElement.className += " last-selected-element";
@@ -139,49 +139,41 @@ export function focusHandler(evt: Event, target: Object, level: number, excludeK
 function _navHandler(evt: KeyboardEvent, openHandler?: (evt: Event, forceState?: boolean) => void, currentState?: boolean) {
     const el = evt.target as HTMLElement;
     switch (evt.which) {
-    // Enter
-    case 13: (openHandler) ? openHandler(evt) : void 0; break;
+        // Enter
+        case 13: (openHandler) ? openHandler(evt) : void 0; break;
         // ArrowUp
-    case 38:
-        evt.preventDefault();
-        const prev = el.previousElementSibling as HTMLElement;
-        if (prev && prev.tagName !== "BUTTON") {
-            prev.focus();
-        }
-        break;
+        case 38:
+            evt.preventDefault();
+            const prev = el.previousElementSibling as HTMLElement;
+            if (prev && prev.tagName !== "BUTTON") { prev.focus(); }
+            break;
         // ArrowDown
-    case 40:
-        evt.preventDefault();
-        const next = el.nextElementSibling as HTMLElement;
-        if (next) {
-            next.focus();
-        }
-        break;
+        case 40:
+            evt.preventDefault();
+            const next = el.nextElementSibling as HTMLElement;
+            if (next) { next.focus(); }
+            break;
         // ArrowRight
-    case 39:
-        if (openHandler) {
-            openHandler(evt, true);
-            if (currentState) {
-                (el.firstElementChild.nextSibling as HTMLElement).focus();
+        case 39:
+            if (openHandler) {
+                openHandler(evt, true);
+                if (currentState) {
+                    (el.firstElementChild.nextSibling as HTMLElement).focus();
+                }
             }
-        }
-        break;
+            break;
         // ArrowLeft
-    case 37:
-        if (openHandler) {
-            openHandler(evt, false);
-        }
-        if (!currentState) {
-            (el.parentElement as HTMLElement).focus();
-        }
-        break;
+        case 37:
+            if (openHandler) { openHandler(evt, false); }
+            if (!currentState) { (el.parentElement as HTMLElement).focus(); }
+            break;
         // c
-    case 67:
-        if (evt.ctrlKey) {
-            copySelectedTree();
-            (evt.target as HTMLElement).focus();
-        }
-        break;
+        case 67:
+            if (evt.ctrlKey) {
+                copySelectedTree();
+                (evt.target as HTMLElement).focus();
+            }
+            break;
     }
 }
 
@@ -233,7 +225,7 @@ export function getTargetKeys(target: any, excludedKeys: string[], includeFuncti
                 if (propKeys) {
                     arrForEach(propKeys, (key) => {
                         const theKey = _toString(key);
-                        if (theKey && keys.indexOf(theKey) === -1) {
+                        if (theKey && arrIndexOf(keys, theKey) === -1) {
                             keys.push(key);
                         }
                     });
@@ -253,7 +245,7 @@ export function getTargetKeys(target: any, excludedKeys: string[], includeFuncti
         }
 
         const theKey = _toString(key);
-        if (theKey && excludedKeys.indexOf(theKey) === -1) {
+        if (theKey && arrIndexOf(excludedKeys, theKey) === -1) {
             theKeys.push(theKey);
         }
     });
@@ -298,14 +290,10 @@ export function formatLogElements(target: Object, tmLabel: string, key: string,
     let matched = false;
     let childOpened = false;
     const keys = getTargetKeys(target, excludeKeys, includeFunctions);
-    if (keys.length === 0) {
-        keys.push("<empty>");
-    }
-    if (level >= MAX_DEPTH) {
-        keys.unshift("<maxdepth>");
-    }
+    if (keys.length === 0) { keys.push("<empty>"); }
+    if (level >= MAX_DEPTH) { keys.unshift("<maxdepth>"); }
     for (const key of keys) {
-        if (excludeKeys.indexOf(key) !== -1) {
+        if (arrIndexOf(excludeKeys, key) !== -1) {
             continue;
         }
 
@@ -320,17 +308,20 @@ export function formatLogElements(target: Object, tmLabel: string, key: string,
             builder.innerText = "<max allowed depth reached>";
             children.push(builder);
             break;
-        } else if (key === "<empty>") {
+        }
+        else if (key === "<empty>") {
             const builder = document.createElement("div");
             builder.className = "empty";
             builder.innerText = "<empty>";
             children.push(builder);
-        } else if (targetValue !== null && arrIndexOf(thingsReferenced, targetValue) !== -1) {
+        }
+        else if (targetValue !== null && arrIndexOf(thingsReferenced, targetValue) !== -1) {
             const builder = document.createElement("div");
             builder.className = "empty";
             builder.innerText = `<circular (${key}) - "${getTargetName(targetValue)}">`;
             children.push(builder);
-        } else if (targetValue !== null && (isObject(targetValue) || Util.isError(targetValue))) {
+        }
+        else if (targetValue !== null && (isObject(targetValue) || Util.isError(targetValue))) {
             thingsReferenced.push(target);
             let formatted = formatLogElements(targetValue, null, key, level + 1, textFilter, excludeKeys, thingsReferenced, includeFunctions);
             thingsReferenced.pop();
@@ -430,9 +421,7 @@ export function formatLogElements(target: Object, tmLabel: string, key: string,
         _openNode(currentLine);
     }
     if (isObj) {
-        if (isErr) {
-            rootDiv.className = "exception"
-        }
+        if (isErr) { rootDiv.className = "exception" }
         const openHandler = (evt: Event, forceState?: boolean) => {
             evt.stopPropagation();
             if (Util.getIEVersion()) {
@@ -444,7 +433,8 @@ export function formatLogElements(target: Object, tmLabel: string, key: string,
             if (lastSelectedElement === rootDiv) {
                 if (openState) {
                     _collapseNode(currentLine);
-                } else {
+                }
+                else {
                     _openNode(currentLine);
                 }
             }

package/src/components/styleNodeSrc.ts

@@ -4,15 +4,15 @@
 import { Util } from "@microsoft/applicationinsights-common";
 
 const BG_INFO = "#F0F6FF",
-    BG_ERROR = "#FEF0F1",
-    ICON_ERROR = "#E00B1C",
-    BTN_PRIMARY = "#0078d4",
-    BTN_HOVER = "#106EBE",
-    BTN_ACTIVE = "#005A9E",
-    TEXT_PRIMARY = "#323130",
-    TEXT_MATCHED = "yellow",
-    BORDER_GREY_160 = "1px solid #605E5C",
-    BORDER_GREY_60 = "1px solid #B3B0AD";
+      BG_ERROR = "#FEF0F1",
+      ICON_ERROR = "#E00B1C",
+      BTN_PRIMARY = "#0078d4",
+      BTN_HOVER = "#106EBE",
+      BTN_ACTIVE = "#005A9E",
+      TEXT_PRIMARY = "#323130",
+      TEXT_MATCHED = "yellow",
+      BORDER_GREY_160 = "1px solid #605E5C",
+      BORDER_GREY_60 = "1px solid #B3B0AD";
 
 console.log(Util.getIEVersion());
 
@@ -66,15 +66,15 @@ export const tempStyle = (prefix: string) => `
   }
 
   ${Util.getIEVersion() && Util.getIEVersion() < 9
-        ? ""
-        : `.${prefix}-dbg-lgr .tree-root div::before {
+    ? ""
+    : `.${prefix}-dbg-lgr .tree-root div::before {
       content: '';
       position: absolute;
       left: -1.25em;
       height: 100%;
       border-right: 2px dotted #CCCCCC;
     }`
-}
+  }
 
   .${prefix}-dbg-lgr .tree-root div:hover::before {
     border-right: 2px solid #000;
@@ -111,8 +111,8 @@ export const tempStyle = (prefix: string) => `
   }
 
   ${Util.getIEVersion() && Util.getIEVersion() < 9
-        ? ""
-        : `.${prefix}-dbg-lgr .expandable.open::before {
+    ? ""
+    : `.${prefix}-dbg-lgr .expandable.open::before {
       content: '[-] ';
       font-weight: bold;
     }
@@ -121,7 +121,7 @@ export const tempStyle = (prefix: string) => `
       content: '[+] ';
       font-weight: bold;
     }`
-}
+  }
 
   .${prefix}-dbg-lgr div:hover > .obj-key {
     text-decoration: underline;
@@ -218,8 +218,8 @@ export const tempStyle = (prefix: string) => `
   }
 
   ${Util.getIEVersion() && Util.getIEVersion() < 9
-        ? ""
-        : `.${prefix}-dbg-lgr-dashboard .filterlist-input::after {
+    ? ""
+    : `.${prefix}-dbg-lgr-dashboard .filterlist-input::after {
       content: '';
       width: 8px;
       height: 8px;
@@ -232,7 +232,7 @@ export const tempStyle = (prefix: string) => `
       border-top: none;
       border-left: none;
     }`
-}
+  }
 
   .${prefix}-dbg-lgr-dashboard .filterlist-input:focus {
     border: ${BORDER_GREY_60}
@@ -296,8 +296,8 @@ export const tempStyle = (prefix: string) => `
   }
 
   ${Util.getIEVersion() && Util.getIEVersion() < 9
-        ? ""
-        : `.${prefix}-dbg-lgr-dashboard .checkbox.on::after {
+    ? ""
+    : `.${prefix}-dbg-lgr-dashboard .checkbox.on::after {
       content: '';
       width: 5px;
       height: 10px;
@@ -309,7 +309,7 @@ export const tempStyle = (prefix: string) => `
       border-top: none;
       border-left: none;
     }`
-}
+  }
 
 
   .${prefix}-dbg-lgr-dashboard .checkbox.off {
@@ -317,14 +317,14 @@ export const tempStyle = (prefix: string) => `
   }
 
   ${Util.getIEVersion() && Util.getIEVersion() < 9
-        ? ""
-        : `@media only screen and (max-width: 600px) {
+    ? ""
+    : `@media only screen and (max-width: 600px) {
       .${prefix}-dbg-lgr {
         width: 100%;
         min-width: 200px;
       }
     }`
-}
+  }
 
 `;
 
@@ -332,13 +332,13 @@ export const permStyle = (prefix: string) => `
   .${prefix}-debug-bin-container {
     position: fixed;
     ${Util.getIEVersion() && Util.getIEVersion() < 9
-        ? `width: 100%;
+      ? `width: 100%;
       height: 100%;
       top: 0;
       left: 0;`
-        : `width: 100vw;
+      : `width: 100vw;
       height: 100vh;`
-}
+    }
     pointer-events: none;
   }
 
@@ -411,11 +411,11 @@ export const permStyle = (prefix: string) => `
   }
 
   ${Util.getIEVersion() && Util.getIEVersion() < 9
-        ? ""
-        : `.${prefix}-debug-bin-parent.notify::after {
+    ? ""
+    : `.${prefix}-debug-bin-parent.notify::after {
       content: " (!)";
     }`
-}
+  }
 
   .${prefix}-debug-bin-parent .el-value.incremented {
     transform: scale(1.5);
@@ -424,11 +424,11 @@ export const permStyle = (prefix: string) => `
   }
 
   ${Util.getIEVersion() && Util.getIEVersion() < 9
-        ? ""
-        : `.${prefix}-debug-bin-parent:focus > span::before,
+    ? ""
+    : `.${prefix}-debug-bin-parent:focus > span::before,
     .${prefix}-debug-bin-parent:hover > span::before,
     .${prefix}-debug-bin-parent.active > span::before {
       content: attr(data-name) ": ";
     }`
-}
+  }
 `

package/types/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.19.5"
+      "packageVersion": "7.23.0"
     }
   ]
 }