@microsoft/applicationinsights-debugplugin-js 2.8.0-beta.2203-08 → 2.8.0-beta.2203-11
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/browser/{ai.dbg.2.8.0-beta.2203-08.cjs.js → ai.dbg.2.8.0-beta.2203-11.cjs.js} +20 -9
- package/browser/ai.dbg.2.8.0-beta.2203-11.cjs.js.map +1 -0
- package/browser/ai.dbg.2.8.0-beta.2203-11.cjs.min.js +6 -0
- package/browser/ai.dbg.2.8.0-beta.2203-11.cjs.min.js.map +1 -0
- package/browser/{ai.dbg.2.8.0-beta.2203-08.gbl.js → ai.dbg.2.8.0-beta.2203-11.gbl.js} +20 -9
- package/browser/ai.dbg.2.8.0-beta.2203-11.gbl.js.map +1 -0
- package/browser/ai.dbg.2.8.0-beta.2203-11.gbl.min.js +6 -0
- package/browser/ai.dbg.2.8.0-beta.2203-11.gbl.min.js.map +1 -0
- package/browser/ai.dbg.2.8.0-beta.2203-11.integrity.json +66 -0
- package/browser/{ai.dbg.2.8.0-beta.2203-08.js → ai.dbg.2.8.0-beta.2203-11.js} +20 -9
- package/browser/ai.dbg.2.8.0-beta.2203-11.js.map +1 -0
- package/browser/ai.dbg.2.8.0-beta.2203-11.min.js +6 -0
- package/browser/ai.dbg.2.8.0-beta.2203-11.min.js.map +1 -0
- package/browser/ai.dbg.2.cjs.js +19 -8
- package/browser/ai.dbg.2.cjs.js.map +1 -1
- package/browser/ai.dbg.2.cjs.min.js +2 -2
- package/browser/ai.dbg.2.cjs.min.js.map +1 -1
- package/browser/ai.dbg.2.gbl.js +19 -8
- package/browser/ai.dbg.2.gbl.js.map +1 -1
- package/browser/ai.dbg.2.gbl.min.js +2 -2
- package/browser/ai.dbg.2.gbl.min.js.map +1 -1
- package/browser/ai.dbg.2.js +19 -8
- package/browser/ai.dbg.2.js.map +1 -1
- package/browser/ai.dbg.2.min.js +2 -2
- package/browser/ai.dbg.2.min.js.map +1 -1
- package/dist/applicationinsights-debugplugin-js.api.json +1 -1
- package/dist/applicationinsights-debugplugin-js.d.ts +1 -1
- package/dist/applicationinsights-debugplugin-js.js +19 -8
- package/dist/applicationinsights-debugplugin-js.js.map +1 -1
- package/dist/applicationinsights-debugplugin-js.min.js +2 -2
- package/dist/applicationinsights-debugplugin-js.min.js.map +1 -1
- package/dist/applicationinsights-debugplugin-js.rollup.d.ts +1 -1
- package/dist-esm/DebugPlugin.js +1 -1
- package/dist-esm/applicationinsights-debugplugin-js.js +1 -1
- package/dist-esm/components/Dashboard.js +1 -1
- package/dist-esm/components/LogEntry.js +3 -3
- package/dist-esm/components/LogEntry.js.map +1 -1
- package/dist-esm/components/debugBins.js +1 -1
- package/dist-esm/components/filterList.js +1 -1
- package/dist-esm/components/helpers.js +1 -1
- package/dist-esm/components/styleNodeSrc.js +1 -1
- package/dist-esm/interfaces/IDebugPluginConfig.js +1 -1
- package/package.json +4 -4
- package/src/components/LogEntry.ts +2 -2
- package/src/components/debugBins.ts +7 -6
- package/src/components/helpers.ts +55 -45
- package/src/components/styleNodeSrc.ts +33 -33
- package/types/tsdoc-metadata.json +1 -1
- package/browser/ai.dbg.2.8.0-beta.2203-08.cjs.js.map +0 -1
- package/browser/ai.dbg.2.8.0-beta.2203-08.cjs.min.js +0 -6
- package/browser/ai.dbg.2.8.0-beta.2203-08.cjs.min.js.map +0 -1
- package/browser/ai.dbg.2.8.0-beta.2203-08.gbl.js.map +0 -1
- package/browser/ai.dbg.2.8.0-beta.2203-08.gbl.min.js +0 -6
- package/browser/ai.dbg.2.8.0-beta.2203-08.gbl.min.js.map +0 -1
- package/browser/ai.dbg.2.8.0-beta.2203-08.integrity.json +0 -66
- package/browser/ai.dbg.2.8.0-beta.2203-08.js.map +0 -1
- package/browser/ai.dbg.2.8.0-beta.2203-08.min.js +0 -6
- package/browser/ai.dbg.2.8.0-beta.2203-08.min.js.map +0 -1
package/dist-esm/DebugPlugin.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-
|
|
2
|
+
* Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-11
|
|
3
3
|
* Copyright (c) Microsoft and contributors. All rights reserved.
|
|
4
4
|
*/
|
|
5
5
|
import { arrForEach } from "@microsoft/applicationinsights-core-js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-
|
|
2
|
+
* Application Insights JavaScript SDK - Debug Plugin, 2.8.0-beta.2203-11
|
|
3
3
|
* Copyright (c) Microsoft and contributors. All rights reserved.
|
|
4
4
|
*/
|
|
5
|
-
import { isBoolean, isNumber, isObject, isString } from "@microsoft/applicationinsights-core-js";
|
|
5
|
+
import { isBoolean, isNumber, isObject, isString, objToString } from "@microsoft/applicationinsights-core-js";
|
|
6
6
|
import { makeRegex, traverseAndReplace, toggleClassName, MAX_DEPTH, formatLogElements, getTargetName, getTargetKeys } from "./helpers";
|
|
7
7
|
import { Util } from "@microsoft/applicationinsights-common";
|
|
8
8
|
var LogEntry = /** @class */ (function () {
|
|
@@ -39,7 +39,7 @@ var LogEntry = /** @class */ (function () {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
else if (isString(value) || isNumber(value) || isBoolean(value)) {
|
|
42
|
-
return _testValue(rg, value
|
|
42
|
+
return _testValue(rg, objToString(value));
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
return false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogEntry.js.map","sources":["LogEntry.js"],"sourcesContent":["import { isBoolean, isNumber, isObject, isString } from \"@microsoft/applicationinsights-core-js\";\r\nimport { makeRegex, traverseAndReplace, toggleClassName, MAX_DEPTH, formatLogElements, getTargetName, getTargetKeys } from \"./helpers\";\r\nimport { Util } from \"@microsoft/applicationinsights-common\";\r\nvar LogEntry = /** @class */ (function () {\r\n function LogEntry(target, tm, key, level, kind, keep) {\r\n var _self = this;\r\n var searchContent = null;\r\n var lastTextFilter;\r\n var theEl = null;\r\n _self.isKeep = function () {\r\n return !!keep;\r\n };\r\n function _testValue(rg, value) {\r\n if (rg && value) {\r\n return rg.exec(value) !== null;\r\n }\r\n return false;\r\n }\r\n function _testObj(rg, value, excludedKeys, includeFunctions) {\r\n if (value !== null && value !== undefined && value !== \"\") {\r\n if (Util.isArray(value)) {\r\n for (var lp = 0; lp < value.length; lp++) {\r\n if (_testObj(rg, value[lp], excludedKeys, includeFunctions)) {\r\n return true;\r\n }\r\n }\r\n }\r\n else if (isObject(value) || Util.isError(value)) {\r\n var keys = getTargetKeys(value, excludedKeys, includeFunctions);\r\n for (var lp = 0; lp < keys.length; lp++) {\r\n var key_1 = keys[lp];\r\n if (_testValue(rg, key_1) || _testObj(rg, value[key_1], excludedKeys, includeFunctions)) {\r\n return true;\r\n }\r\n }\r\n }\r\n else if (isString(value) || isNumber(value) || isBoolean(value)) {\r\n return _testValue(rg, value
|
|
1
|
+
{"version":3,"file":"LogEntry.js.map","sources":["LogEntry.js"],"sourcesContent":["import { isBoolean, isNumber, isObject, isString, objToString } from \"@microsoft/applicationinsights-core-js\";\r\nimport { makeRegex, traverseAndReplace, toggleClassName, MAX_DEPTH, formatLogElements, getTargetName, getTargetKeys } from \"./helpers\";\r\nimport { Util } from \"@microsoft/applicationinsights-common\";\r\nvar LogEntry = /** @class */ (function () {\r\n function LogEntry(target, tm, key, level, kind, keep) {\r\n var _self = this;\r\n var searchContent = null;\r\n var lastTextFilter;\r\n var theEl = null;\r\n _self.isKeep = function () {\r\n return !!keep;\r\n };\r\n function _testValue(rg, value) {\r\n if (rg && value) {\r\n return rg.exec(value) !== null;\r\n }\r\n return false;\r\n }\r\n function _testObj(rg, value, excludedKeys, includeFunctions) {\r\n if (value !== null && value !== undefined && value !== \"\") {\r\n if (Util.isArray(value)) {\r\n for (var lp = 0; lp < value.length; lp++) {\r\n if (_testObj(rg, value[lp], excludedKeys, includeFunctions)) {\r\n return true;\r\n }\r\n }\r\n }\r\n else if (isObject(value) || Util.isError(value)) {\r\n var keys = getTargetKeys(value, excludedKeys, includeFunctions);\r\n for (var lp = 0; lp < keys.length; lp++) {\r\n var key_1 = keys[lp];\r\n if (_testValue(rg, key_1) || _testObj(rg, value[key_1], excludedKeys, includeFunctions)) {\r\n return true;\r\n }\r\n }\r\n }\r\n else if (isString(value) || isNumber(value) || isBoolean(value)) {\r\n return _testValue(rg, objToString(value));\r\n }\r\n }\r\n return false;\r\n }\r\n _self.isMatch = function (textFilter, excludedKeys, includeFunctions) {\r\n var rg = makeRegex(textFilter);\r\n if (rg) {\r\n if (_testValue(rg, key)) {\r\n return true;\r\n }\r\n if (_testValue(rg, getTargetName(_self))) {\r\n return true;\r\n }\r\n if (!searchContent) {\r\n // Delaying creating the search optimization until needed -- for performance\r\n searchContent = traverseAndReplace(target, MAX_DEPTH, level, [], excludedKeys, includeFunctions);\r\n }\r\n return _testObj(rg, searchContent, excludedKeys, includeFunctions);\r\n }\r\n return true;\r\n };\r\n _self.render = function (textFilter, excludeKeys, includeFunctions) {\r\n if (!theEl || lastTextFilter !== textFilter) {\r\n lastTextFilter = textFilter;\r\n var ms = \"\" + tm;\r\n while (ms.length < 4) {\r\n ms = \"0\" + ms;\r\n }\r\n ms = ms.replace(/(.)(\\d{3}){1}$/g, \"$1.$2s\");\r\n while (ms.length <= 9) {\r\n ms = \" \" + ms;\r\n }\r\n theEl = formatLogElements(target, \"[\".concat(ms, \"]\"), key, level, textFilter, excludeKeys, [], includeFunctions).root;\r\n toggleClassName(theEl, \" tree-root\");\r\n }\r\n return theEl;\r\n };\r\n _self.getEl = function () {\r\n return theEl;\r\n };\r\n _self.getKind = function () {\r\n return kind;\r\n };\r\n }\r\n return LogEntry;\r\n}());\r\nexport { LogEntry };\r\n//# sourceMappingURL=LogEntry.js.map"],"names":[],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@microsoft/applicationinsights-debugplugin-js",
|
|
3
|
-
"version": "2.8.0-beta.2203-
|
|
3
|
+
"version": "2.8.0-beta.2203-11",
|
|
4
4
|
"description": "Microsoft Application Insights JavaScript SDK - Debug Plugin extension",
|
|
5
5
|
"homepage": "https://github.com/microsoft/ApplicationInsights-JS#readme",
|
|
6
6
|
"author": "Microsoft Application Insights Team",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@rollup/plugin-commonjs": "^18.0.0",
|
|
39
39
|
"@rollup/plugin-node-resolve": "^11.2.1",
|
|
40
40
|
"@rollup/plugin-replace": "^2.3.3",
|
|
41
|
-
"rollup-plugin-cleanup": "3.2.1",
|
|
41
|
+
"rollup-plugin-cleanup": "^3.2.1",
|
|
42
42
|
"rollup": "^2.32.0"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@microsoft/dynamicproto-js": "^1.1.4",
|
|
49
|
-
"@microsoft/applicationinsights-common": "2.8.0-beta.2203-
|
|
50
|
-
"@microsoft/applicationinsights-core-js": "2.8.0-beta.2203-
|
|
49
|
+
"@microsoft/applicationinsights-common": "2.8.0-beta.2203-11",
|
|
50
|
+
"@microsoft/applicationinsights-core-js": "2.8.0-beta.2203-11",
|
|
51
51
|
"@microsoft/applicationinsights-shims": "2.0.1"
|
|
52
52
|
},
|
|
53
53
|
"license": "MIT",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { isBoolean, isNumber, isObject, isString } from "@microsoft/applicationinsights-core-js";
|
|
1
|
+
import { isBoolean, isNumber, isObject, isString, objToString } from "@microsoft/applicationinsights-core-js";
|
|
2
2
|
import { makeRegex, traverseAndReplace, toggleClassName, MAX_DEPTH, formatLogElements, getTargetName, getTargetKeys } from "./helpers";
|
|
3
3
|
import { Util } from "@microsoft/applicationinsights-common";
|
|
4
4
|
|
|
@@ -44,7 +44,7 @@ export class LogEntry {
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
} else if (isString(value) || isNumber(value) || isBoolean(value)) {
|
|
47
|
-
return _testValue(rg, value
|
|
47
|
+
return _testValue(rg, objToString(value));
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
|
|
@@ -73,14 +73,15 @@ export class DebugBinParent {
|
|
|
73
73
|
if (ch instanceof DebugBin) {
|
|
74
74
|
if (ch.el.parentElement !== _self.el && _self.showChildren) {
|
|
75
75
|
_self.el.appendChild(ch.el);
|
|
76
|
-
}
|
|
77
|
-
else if (ch.el.parentElement === _self.el && !_self.showChildren) {
|
|
76
|
+
} else if (ch.el.parentElement === _self.el && !_self.showChildren) {
|
|
78
77
|
_self.el.removeChild(ch.el);
|
|
79
78
|
}
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
else {
|
|
79
|
+
} else {
|
|
80
|
+
if (_self.showChildren) {
|
|
81
|
+
_self.el.appendChild(ch);
|
|
82
|
+
} else {
|
|
83
|
+
_self.el.removeChild(ch);
|
|
84
|
+
}
|
|
84
85
|
}
|
|
85
86
|
}
|
|
86
87
|
}
|
|
@@ -47,8 +47,7 @@ export function traverseAndReplace(target: Object, maxDepth: number, currentDept
|
|
|
47
47
|
|
|
48
48
|
if (targetValue !== null && arrIndexOf(thingsReferenced, targetValue) !== -1) {
|
|
49
49
|
out[key] = `<circular (${key} - "${getTargetName(targetValue)}")>`;
|
|
50
|
-
}
|
|
51
|
-
else if (targetValue !== null && isObject(targetValue)) {
|
|
50
|
+
} else if (targetValue !== null && isObject(targetValue)) {
|
|
52
51
|
if (currentDepth >= maxDepth) {
|
|
53
52
|
out[key] = "<max allowed depth reached>";
|
|
54
53
|
} else {
|
|
@@ -56,8 +55,7 @@ export function traverseAndReplace(target: Object, maxDepth: number, currentDept
|
|
|
56
55
|
out[key] = traverseAndReplace(targetValue, maxDepth, currentDepth + 1, thingsReferenced, excludedKeys, includeFunctions);
|
|
57
56
|
thingsReferenced.pop();
|
|
58
57
|
}
|
|
59
|
-
}
|
|
60
|
-
else {
|
|
58
|
+
} else {
|
|
61
59
|
out[key] = targetValue;
|
|
62
60
|
}
|
|
63
61
|
}
|
|
@@ -129,7 +127,9 @@ export function focusHandler(evt: Event, target: Object, level: number, excludeK
|
|
|
129
127
|
}
|
|
130
128
|
lastSelectedElement = (evt.target as HTMLElement);
|
|
131
129
|
for (let i = 0; i < 10; i++) {
|
|
132
|
-
if (lastSelectedElement.tagName === "DIV") {
|
|
130
|
+
if (lastSelectedElement.tagName === "DIV") {
|
|
131
|
+
break;
|
|
132
|
+
}
|
|
133
133
|
lastSelectedElement = lastSelectedElement.parentElement;
|
|
134
134
|
}
|
|
135
135
|
lastSelectedElement.className += " last-selected-element";
|
|
@@ -139,41 +139,49 @@ export function focusHandler(evt: Event, target: Object, level: number, excludeK
|
|
|
139
139
|
function _navHandler(evt: KeyboardEvent, openHandler?: (evt: Event, forceState?: boolean) => void, currentState?: boolean) {
|
|
140
140
|
const el = evt.target as HTMLElement;
|
|
141
141
|
switch (evt.which) {
|
|
142
|
-
|
|
143
|
-
|
|
142
|
+
// Enter
|
|
143
|
+
case 13: (openHandler) ? openHandler(evt) : void 0; break;
|
|
144
144
|
// ArrowUp
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
145
|
+
case 38:
|
|
146
|
+
evt.preventDefault();
|
|
147
|
+
const prev = el.previousElementSibling as HTMLElement;
|
|
148
|
+
if (prev && prev.tagName !== "BUTTON") {
|
|
149
|
+
prev.focus();
|
|
150
|
+
}
|
|
151
|
+
break;
|
|
150
152
|
// ArrowDown
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
153
|
+
case 40:
|
|
154
|
+
evt.preventDefault();
|
|
155
|
+
const next = el.nextElementSibling as HTMLElement;
|
|
156
|
+
if (next) {
|
|
157
|
+
next.focus();
|
|
158
|
+
}
|
|
159
|
+
break;
|
|
156
160
|
// ArrowRight
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
}
|
|
161
|
+
case 39:
|
|
162
|
+
if (openHandler) {
|
|
163
|
+
openHandler(evt, true);
|
|
164
|
+
if (currentState) {
|
|
165
|
+
(el.firstElementChild.nextSibling as HTMLElement).focus();
|
|
163
166
|
}
|
|
164
|
-
|
|
167
|
+
}
|
|
168
|
+
break;
|
|
165
169
|
// ArrowLeft
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
+
case 37:
|
|
171
|
+
if (openHandler) {
|
|
172
|
+
openHandler(evt, false);
|
|
173
|
+
}
|
|
174
|
+
if (!currentState) {
|
|
175
|
+
(el.parentElement as HTMLElement).focus();
|
|
176
|
+
}
|
|
177
|
+
break;
|
|
170
178
|
// c
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
179
|
+
case 67:
|
|
180
|
+
if (evt.ctrlKey) {
|
|
181
|
+
copySelectedTree();
|
|
182
|
+
(evt.target as HTMLElement).focus();
|
|
183
|
+
}
|
|
184
|
+
break;
|
|
177
185
|
}
|
|
178
186
|
}
|
|
179
187
|
|
|
@@ -290,8 +298,12 @@ export function formatLogElements(target: Object, tmLabel: string, key: string,
|
|
|
290
298
|
let matched = false;
|
|
291
299
|
let childOpened = false;
|
|
292
300
|
const keys = getTargetKeys(target, excludeKeys, includeFunctions);
|
|
293
|
-
if (keys.length === 0) {
|
|
294
|
-
|
|
301
|
+
if (keys.length === 0) {
|
|
302
|
+
keys.push("<empty>");
|
|
303
|
+
}
|
|
304
|
+
if (level >= MAX_DEPTH) {
|
|
305
|
+
keys.unshift("<maxdepth>");
|
|
306
|
+
}
|
|
295
307
|
for (const key of keys) {
|
|
296
308
|
if (excludeKeys.indexOf(key) !== -1) {
|
|
297
309
|
continue;
|
|
@@ -308,20 +320,17 @@ export function formatLogElements(target: Object, tmLabel: string, key: string,
|
|
|
308
320
|
builder.innerText = "<max allowed depth reached>";
|
|
309
321
|
children.push(builder);
|
|
310
322
|
break;
|
|
311
|
-
}
|
|
312
|
-
else if (key === "<empty>") {
|
|
323
|
+
} else if (key === "<empty>") {
|
|
313
324
|
const builder = document.createElement("div");
|
|
314
325
|
builder.className = "empty";
|
|
315
326
|
builder.innerText = "<empty>";
|
|
316
327
|
children.push(builder);
|
|
317
|
-
}
|
|
318
|
-
else if (targetValue !== null && arrIndexOf(thingsReferenced, targetValue) !== -1) {
|
|
328
|
+
} else if (targetValue !== null && arrIndexOf(thingsReferenced, targetValue) !== -1) {
|
|
319
329
|
const builder = document.createElement("div");
|
|
320
330
|
builder.className = "empty";
|
|
321
331
|
builder.innerText = `<circular (${key}) - "${getTargetName(targetValue)}">`;
|
|
322
332
|
children.push(builder);
|
|
323
|
-
}
|
|
324
|
-
else if (targetValue !== null && (isObject(targetValue) || Util.isError(targetValue))) {
|
|
333
|
+
} else if (targetValue !== null && (isObject(targetValue) || Util.isError(targetValue))) {
|
|
325
334
|
thingsReferenced.push(target);
|
|
326
335
|
let formatted = formatLogElements(targetValue, null, key, level + 1, textFilter, excludeKeys, thingsReferenced, includeFunctions);
|
|
327
336
|
thingsReferenced.pop();
|
|
@@ -421,7 +430,9 @@ export function formatLogElements(target: Object, tmLabel: string, key: string,
|
|
|
421
430
|
_openNode(currentLine);
|
|
422
431
|
}
|
|
423
432
|
if (isObj) {
|
|
424
|
-
if (isErr) {
|
|
433
|
+
if (isErr) {
|
|
434
|
+
rootDiv.className = "exception"
|
|
435
|
+
}
|
|
425
436
|
const openHandler = (evt: Event, forceState?: boolean) => {
|
|
426
437
|
evt.stopPropagation();
|
|
427
438
|
if (Util.getIEVersion()) {
|
|
@@ -433,8 +444,7 @@ export function formatLogElements(target: Object, tmLabel: string, key: string,
|
|
|
433
444
|
if (lastSelectedElement === rootDiv) {
|
|
434
445
|
if (openState) {
|
|
435
446
|
_collapseNode(currentLine);
|
|
436
|
-
}
|
|
437
|
-
else {
|
|
447
|
+
} else {
|
|
438
448
|
_openNode(currentLine);
|
|
439
449
|
}
|
|
440
450
|
}
|
|
@@ -4,15 +4,15 @@
|
|
|
4
4
|
import { Util } from "@microsoft/applicationinsights-common";
|
|
5
5
|
|
|
6
6
|
const BG_INFO = "#F0F6FF",
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
7
|
+
BG_ERROR = "#FEF0F1",
|
|
8
|
+
ICON_ERROR = "#E00B1C",
|
|
9
|
+
BTN_PRIMARY = "#0078d4",
|
|
10
|
+
BTN_HOVER = "#106EBE",
|
|
11
|
+
BTN_ACTIVE = "#005A9E",
|
|
12
|
+
TEXT_PRIMARY = "#323130",
|
|
13
|
+
TEXT_MATCHED = "yellow",
|
|
14
|
+
BORDER_GREY_160 = "1px solid #605E5C",
|
|
15
|
+
BORDER_GREY_60 = "1px solid #B3B0AD";
|
|
16
16
|
|
|
17
17
|
console.log(Util.getIEVersion());
|
|
18
18
|
|
|
@@ -66,15 +66,15 @@ export const tempStyle = (prefix: string) => `
|
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
${Util.getIEVersion() && Util.getIEVersion() < 9
|
|
69
|
-
|
|
70
|
-
|
|
69
|
+
? ""
|
|
70
|
+
: `.${prefix}-dbg-lgr .tree-root div::before {
|
|
71
71
|
content: '';
|
|
72
72
|
position: absolute;
|
|
73
73
|
left: -1.25em;
|
|
74
74
|
height: 100%;
|
|
75
75
|
border-right: 2px dotted #CCCCCC;
|
|
76
76
|
}`
|
|
77
|
-
|
|
77
|
+
}
|
|
78
78
|
|
|
79
79
|
.${prefix}-dbg-lgr .tree-root div:hover::before {
|
|
80
80
|
border-right: 2px solid #000;
|
|
@@ -111,8 +111,8 @@ export const tempStyle = (prefix: string) => `
|
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
${Util.getIEVersion() && Util.getIEVersion() < 9
|
|
114
|
-
|
|
115
|
-
|
|
114
|
+
? ""
|
|
115
|
+
: `.${prefix}-dbg-lgr .expandable.open::before {
|
|
116
116
|
content: '[-] ';
|
|
117
117
|
font-weight: bold;
|
|
118
118
|
}
|
|
@@ -121,7 +121,7 @@ export const tempStyle = (prefix: string) => `
|
|
|
121
121
|
content: '[+] ';
|
|
122
122
|
font-weight: bold;
|
|
123
123
|
}`
|
|
124
|
-
|
|
124
|
+
}
|
|
125
125
|
|
|
126
126
|
.${prefix}-dbg-lgr div:hover > .obj-key {
|
|
127
127
|
text-decoration: underline;
|
|
@@ -218,8 +218,8 @@ export const tempStyle = (prefix: string) => `
|
|
|
218
218
|
}
|
|
219
219
|
|
|
220
220
|
${Util.getIEVersion() && Util.getIEVersion() < 9
|
|
221
|
-
|
|
222
|
-
|
|
221
|
+
? ""
|
|
222
|
+
: `.${prefix}-dbg-lgr-dashboard .filterlist-input::after {
|
|
223
223
|
content: '';
|
|
224
224
|
width: 8px;
|
|
225
225
|
height: 8px;
|
|
@@ -232,7 +232,7 @@ export const tempStyle = (prefix: string) => `
|
|
|
232
232
|
border-top: none;
|
|
233
233
|
border-left: none;
|
|
234
234
|
}`
|
|
235
|
-
|
|
235
|
+
}
|
|
236
236
|
|
|
237
237
|
.${prefix}-dbg-lgr-dashboard .filterlist-input:focus {
|
|
238
238
|
border: ${BORDER_GREY_60}
|
|
@@ -296,8 +296,8 @@ export const tempStyle = (prefix: string) => `
|
|
|
296
296
|
}
|
|
297
297
|
|
|
298
298
|
${Util.getIEVersion() && Util.getIEVersion() < 9
|
|
299
|
-
|
|
300
|
-
|
|
299
|
+
? ""
|
|
300
|
+
: `.${prefix}-dbg-lgr-dashboard .checkbox.on::after {
|
|
301
301
|
content: '';
|
|
302
302
|
width: 5px;
|
|
303
303
|
height: 10px;
|
|
@@ -309,7 +309,7 @@ export const tempStyle = (prefix: string) => `
|
|
|
309
309
|
border-top: none;
|
|
310
310
|
border-left: none;
|
|
311
311
|
}`
|
|
312
|
-
|
|
312
|
+
}
|
|
313
313
|
|
|
314
314
|
|
|
315
315
|
.${prefix}-dbg-lgr-dashboard .checkbox.off {
|
|
@@ -317,14 +317,14 @@ export const tempStyle = (prefix: string) => `
|
|
|
317
317
|
}
|
|
318
318
|
|
|
319
319
|
${Util.getIEVersion() && Util.getIEVersion() < 9
|
|
320
|
-
|
|
321
|
-
|
|
320
|
+
? ""
|
|
321
|
+
: `@media only screen and (max-width: 600px) {
|
|
322
322
|
.${prefix}-dbg-lgr {
|
|
323
323
|
width: 100%;
|
|
324
324
|
min-width: 200px;
|
|
325
325
|
}
|
|
326
326
|
}`
|
|
327
|
-
|
|
327
|
+
}
|
|
328
328
|
|
|
329
329
|
`;
|
|
330
330
|
|
|
@@ -332,13 +332,13 @@ export const permStyle = (prefix: string) => `
|
|
|
332
332
|
.${prefix}-debug-bin-container {
|
|
333
333
|
position: fixed;
|
|
334
334
|
${Util.getIEVersion() && Util.getIEVersion() < 9
|
|
335
|
-
|
|
335
|
+
? `width: 100%;
|
|
336
336
|
height: 100%;
|
|
337
337
|
top: 0;
|
|
338
338
|
left: 0;`
|
|
339
|
-
|
|
339
|
+
: `width: 100vw;
|
|
340
340
|
height: 100vh;`
|
|
341
|
-
|
|
341
|
+
}
|
|
342
342
|
pointer-events: none;
|
|
343
343
|
}
|
|
344
344
|
|
|
@@ -411,11 +411,11 @@ export const permStyle = (prefix: string) => `
|
|
|
411
411
|
}
|
|
412
412
|
|
|
413
413
|
${Util.getIEVersion() && Util.getIEVersion() < 9
|
|
414
|
-
|
|
415
|
-
|
|
414
|
+
? ""
|
|
415
|
+
: `.${prefix}-debug-bin-parent.notify::after {
|
|
416
416
|
content: " (!)";
|
|
417
417
|
}`
|
|
418
|
-
|
|
418
|
+
}
|
|
419
419
|
|
|
420
420
|
.${prefix}-debug-bin-parent .el-value.incremented {
|
|
421
421
|
transform: scale(1.5);
|
|
@@ -424,11 +424,11 @@ export const permStyle = (prefix: string) => `
|
|
|
424
424
|
}
|
|
425
425
|
|
|
426
426
|
${Util.getIEVersion() && Util.getIEVersion() < 9
|
|
427
|
-
|
|
428
|
-
|
|
427
|
+
? ""
|
|
428
|
+
: `.${prefix}-debug-bin-parent:focus > span::before,
|
|
429
429
|
.${prefix}-debug-bin-parent:hover > span::before,
|
|
430
430
|
.${prefix}-debug-bin-parent.active > span::before {
|
|
431
431
|
content: attr(data-name) ": ";
|
|
432
432
|
}`
|
|
433
|
-
|
|
433
|
+
}
|
|
434
434
|
`
|