@microsoft/applicationinsights-debugplugin-js 2.8.0-beta.2203-07 → 2.8.0-beta.2203-10

package/dist/applicationinsights-debugplugin-js.rollup.d.ts

@@ -1,5 +1,5 @@
 /*
- * Microsoft.ApplicationInsights, 2.8.0-beta.2203-07
+ * Microsoft.ApplicationInsights, 2.8.0-beta.2203-10
  * Copyright (c) Microsoft and contributors. All rights reserved.
  *
  * Microsoft Application Insights Team

package/dist-esm/DebugPlugin.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-07
+ * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-10
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 

package/dist-esm/applicationinsights-debugplugin-js.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-07
+ * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-10
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 

package/dist-esm/components/Dashboard.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-07
+ * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-10
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 import { arrForEach } from "@microsoft/applicationinsights-core-js";

package/dist-esm/components/LogEntry.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-07
+ * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-10
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 import { isBoolean, isNumber, isObject, isString } from "@microsoft/applicationinsights-core-js";

package/dist-esm/components/debugBins.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-07
+ * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-10
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 

package/dist-esm/components/filterList.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-07
+ * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-10
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 

package/dist-esm/components/helpers.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-07
+ * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-10
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 

package/dist-esm/components/styleNodeSrc.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-07
+ * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-10
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 

package/dist-esm/interfaces/IDebugPluginConfig.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-07
+ * Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-10
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@microsoft/applicationinsights-debugplugin-js",
-    "version": "2.8.0-beta.2203-07",
+    "version": "2.8.0-beta.2203-10",
     "description": "Microsoft Application Insights JavaScript SDK - Debug Plugin extension",
     "homepage": "https://github.com/microsoft/ApplicationInsights-JS#readme",
     "author": "Microsoft Application Insights Team",
@@ -46,8 +46,8 @@
     },
     "dependencies": {
         "@microsoft/dynamicproto-js": "^1.1.4",
-        "@microsoft/applicationinsights-common": "2.8.0-beta.2203-07",
-        "@microsoft/applicationinsights-core-js": "2.8.0-beta.2203-07",
+        "@microsoft/applicationinsights-common": "2.8.0-beta.2203-10",
+        "@microsoft/applicationinsights-core-js": "2.8.0-beta.2203-10",
         "@microsoft/applicationinsights-shims": "2.0.1"
     },
     "license": "MIT",

package/src/components/debugBins.ts

@@ -73,14 +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) {
+                } 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 (_self.showChildren) {
+                    _self.el.appendChild(ch);
+                } else {
+                    _self.el.removeChild(ch);
+                }
             }
         }
     }

package/src/components/helpers.ts

@@ -47,8 +47,7 @@ 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 {
@@ -56,8 +55,7 @@ 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;
             }
         }
@@ -129,7 +127,9 @@ 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,41 +139,49 @@ 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;
     }
 }
 
@@ -290,8 +298,12 @@ 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) {
             continue;
@@ -308,20 +320,17 @@ 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();
@@ -421,7 +430,9 @@ 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()) {
@@ -433,8 +444,7 @@ 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) ": ";
     }`
-  }
+}
 `