@microsoft/applicationinsights-debugplugin-js 3.0.0-beta.2303-11 → 3.0.0-nightly3.2304-28

package/src/components/styleNodeSrc.ts

@@ -1,435 +0,0 @@
-// Copyright (c) Microsoft Corporation. All rights reserved.
-// Licensed under the MIT License.
-// @skip-file-minify
-
-import { getIEVersion } from "@microsoft/applicationinsights-core-js";
-
-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";
-
-console.log(getIEVersion());
-
-export const tempStyle = (prefix: string) => `
-  .${prefix}-dbg-lgr-dashboard {
-    z-index: 1000
-  }
-
-  .${prefix}-dbg-lgr-dashboard .controls {
-    width: 90%;
-    min-width: 600px;
-    position: relative;
-    margin: auto;
-    left: 0;
-    right: 0;
-    font-family: monospace;
-    font-size: 16px;
-    border-color: ${BG_INFO};
-    border: 1px solid;
-    background-color: transparent;
-    display: block;
-    padding-top: 3px;
-    padding-bottom: 3px;
-  }
-
-  .${prefix}-dbg-lgr-dashboard .controls > div {
-    display: inline-block;
-    position: relative;
-    padding: 3px 20px;
-    z-index: 1010
-  }
-
-  .${prefix}-dbg-lgr {
-    width: 90%;
-    min-width: 600px;
-    height: 80%;
-    position: relative;
-    margin: auto;
-    left: 0;
-    right: 0;
-    font-family: monospace;
-    font-size: 16px;
-    overflow-y: scroll;
-    overflow-x: ${(getIEVersion()) ? "scroll" : "hidden"};
-    border: ${BORDER_GREY_160};
-    border-radius: 2px;
-  }
-
-  .${prefix}-dbg-lgr div:focus {
-    outline: 2px solid black;
-  }
-
-  ${getIEVersion() && getIEVersion() < 9
-        ? ""
-        : `.${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;
-  }
-
-  .${prefix}-dbg-lgr > div {
-    display: block;
-    position: relative;
-  }
-
-  .${prefix}-dbg-lgr > div:not(.controls) div {
-    display: block;
-    position: relative;
-    margin-left: 2em;
-    width: 100%;
-  }
-
-  .${prefix}-dbg-lgr .expandable {
-    cursor: pointer;
-  }
-
-  .${prefix}-dbg-lgr > .tree-root div > span {
-    width: 100%;
-    display: block;
-  }
-
-  .${prefix}-dbg-lgr .exception {
-    background-color: ${BG_ERROR};
-    color: ${TEXT_PRIMARY};
-  }
-
-  .${prefix}-dbg-lgr .matched-text-filter {
-    background-color: ${TEXT_MATCHED};
-  }
-
-  ${getIEVersion() && getIEVersion() < 9
-        ? ""
-        : `.${prefix}-dbg-lgr .expandable.open::before {
-      content: '[-] ';
-      font-weight: bold;
-    }
-
-    .${prefix}-dbg-lgr .expandable.closed::before {
-      content: '[+] ';
-      font-weight: bold;
-    }`
-}
-
-  .${prefix}-dbg-lgr div:hover > .obj-key {
-    text-decoration: underline;
-  }
-
-  .${prefix}-dbg-lgr .obj-time {
-    padding-right: 15px;
-    color: #605E5C;
-  }
-  
-  .${prefix}-dbg-lgr .object {pointer-events: auto;}
-  .${prefix}-dbg-lgr .function {color: #881391;}
-  .${prefix}-dbg-lgr .string {color: #CB3632;}
-  .${prefix}-dbg-lgr .number {color: #1C00CF;}
-  .${prefix}-dbg-lgr .key {color: #881391; font-weight: bold;}
-  .${prefix}-dbg-lgr .empty {color: #AAAAAA; font-style: italic;}
-
-  .${prefix}-dbg-lgr-dashboard ${prefix}-last-selected-element > span {
-    display: block;
-    background-color: black;
-    border-radius: 2px;
-    color: white
-  }
-  .${prefix}-last-selected-element > span > span,
-  .${prefix}-last-selected-element > span > span[class] {
-    color: white;
-  }
-
-  .${prefix}-dbg-lgr-dashboard #close-dashboard {
-    float: right;
-    margin-right: 2em;
-  }
-
-  .${prefix}-dbg-lgr-dashboard .btn-primary {
-    display: inline-block;
-    background-color: ${BTN_PRIMARY};
-    color: #FFFFFF;
-    border-radius: 2px;
-    cursor: pointer;
-    border: 1px solid;
-    padding: 3px 20px;
-    margin-left: 2em;
-    height: 24px;
-    min-width: 80px;
-  }
-
-  .${prefix}-dbg-lgr-dashboard .btn-primary:hover {
-    background-color: ${BTN_HOVER};
-  }
-
-  .${prefix}-dbg-lgr-dashboard .btn-primary:active {
-    background-color: ${BTN_ACTIVE};
-  }
-
-  .${prefix}-dbg-lgr-dashboard .btn-secondary {
-    display: inline-block;
-    border: 1px solid;
-    bolder-color: ${BTN_PRIMARY};
-    color: ${BTN_PRIMARY};
-    background-color: transparent;
-    border-radius: 2px;
-    cursor: pointer;
-    border: 1px solid;
-    padding: 3px 20px;
-    margin-left: 2em;
-    height: 24px;
-  }
-
-  .${prefix}-dbg-lgr-dashboard .btn-secondary:hover {
-    background-color: ${BTN_HOVER};
-    color: #FFFFFF;
-  }
-
-  .${prefix}-dbg-lgr-dashboard .btn-secondary:active {
-    background-color: ${BTN_ACTIVE};
-    color: #FFFFFF;
-  }
-  
-  .${prefix}-dbg-lgr-dashboard .filterlist {
-    position: relative;
-    display: inline-block;
-    vertical-align: middle;
-    width: 180px;
-    min-height: 24px;
-    margin-left: 2em;
-    user-select: none;
-    cursor: pointer;
-  }
-  .${prefix}-dbg-lgr-dashboard .filterlist-input {
-    position: relative;
-    padding: 3px 8px;
-    border: ${BORDER_GREY_60};
-    border-radius: 2px;
-  }
-
-  ${getIEVersion() && getIEVersion() < 9
-        ? ""
-        : `.${prefix}-dbg-lgr-dashboard .filterlist-input::after {
-      content: '';
-      width: 8px;
-      height: 8px;
-      position: absolute;
-      right: 8px;
-      top: 5px;
-      margin: auto;
-      transform: rotate(45deg);
-      border: ${BORDER_GREY_160};
-      border-top: none;
-      border-left: none;
-    }`
-}
-
-  .${prefix}-dbg-lgr-dashboard .filterlist-input:focus {
-    border: ${BORDER_GREY_60}
-  }
-
-  .${prefix}-dbg-lgr-dashboard .filterlist-dropdown {
-    position: absolute;
-    top: 100%;
-    margin: auto;
-    background-color: #FFFFFF;
-    overflow: hidden;
-    min-width: 180px;
-    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.16);
-  }
-
-  .${prefix}-dbg-lgr-dashboard .filterlist-toggle {
-    position: relative;
-    padding: 3px 8px;
-    height: 32px;
-    width: 100%;
-    ${(getIEVersion()) ? "" : "box-sizing: border-box;"}
-  }
-
-  .${prefix}-dbg-lgr-dashboard .filterlist-toggle:focus {
-    outline: none;
-    border: ${BORDER_GREY_60};
-  }
-
-  .${prefix}-dbg-lgr-dashboard .text-filter-input {
-    font-family: monospace;
-    margin-left: 2em;
-    padding: 3px 8px;
-    width: 180px;
-    height: 24px;
-    border-radius: 2px;
-    border: ${BORDER_GREY_160};
-  }
-
-  .${prefix}-dbg-lgr-dashboard .text-filter-input:focus {
-    border: ${BORDER_GREY_60};
-  }
-
-  .${prefix}-dbg-lgr-dashboard .label {
-    vertical-align: middle;
-    width: 80%;
-    display: inline-block;
-  }
-
-  .${prefix}-dbg-lgr-dashboard .checkbox {
-    display: inline-block;
-    width: 18px;
-    height: 18px;
-    border-radius: 2px;
-    vertical-align: middle;
-    margin-right: 8px;
-    ${(getIEVersion()) ? "" : "box-sizing: border-box;"}
-  }
-
-  .${prefix}-dbg-lgr-dashboard .checkbox.on {
-    background-color: #0078D4;
-  }
-
-  ${getIEVersion() && getIEVersion() < 9
-        ? ""
-        : `.${prefix}-dbg-lgr-dashboard .checkbox.on::after {
-      content: '';
-      width: 5px;
-      height: 10px;
-      display: inline-block;
-      margin: 2px 6px;
-      padding: 0;
-      transform: rotate(45deg);
-      border: 1px solid #FFFFFF;
-      border-top: none;
-      border-left: none;
-    }`
-}
-
-
-  .${prefix}-dbg-lgr-dashboard .checkbox.off {
-    border: ${BORDER_GREY_160};
-  }
-
-  ${getIEVersion() && getIEVersion() < 9
-        ? ""
-        : `@media only screen and (max-width: 600px) {
-      .${prefix}-dbg-lgr {
-        width: 100%;
-        min-width: 200px;
-      }
-    }`
-}
-
-`;
-
-export const permStyle = (prefix: string) => `
-  .${prefix}-debug-bin-container {
-    position: fixed;
-    ${getIEVersion() && getIEVersion() < 9
-        ? `width: 100%;
-      height: 100%;
-      top: 0;
-      left: 0;`
-        : `width: 100vw;
-      height: 100vh;`
-}
-    pointer-events: none;
-  }
-
-  .${prefix}-debug-bin-parent {
-    position: fixed;
-    right: 20px;
-    margin: auto;
-    padding: 10px;
-    border-radius: 2px;
-    min-height: 20px;
-    min-width: 20px;
-    overflow: hidden;
-    pointer-events: auto;
-    text-align: right;
-    font-family: monospace;
-    font-size: 16px;
-    color: #FFFFFF;
-    background-color: ${BTN_PRIMARY};
-    border: 2px solid #FFFFFF;
-    transition: 2s color linear;
-    cursor: pointer;
-    transition: .2s width ease-in-out, .2s height ease-in-out;
-    ${(getIEVersion()) ? "" : "box-sizing: border-box;"}
-  }
-
-  .${prefix}-debug-bin-parent.active {
-    background-color: ${BG_INFO};
-    color: ${TEXT_PRIMARY};
-  }
-
-  .${prefix}-debug-bin-parent:focus {
-    border: ${BORDER_GREY_160};
-    outline: none;
-  }
-
-  .${prefix}-debug-bin-parent.notify {
-    background-color: ${ICON_ERROR};
-  }
-
-  .${prefix}-debug-bin-parent button {
-    display: block;
-    width: 100%;
-    background-color: ${BTN_PRIMARY};
-    color: #FFFFFF;
-    border-radius: 2px;
-    margin-bottom: 5px;
-    margin-top: 10px;
-    cursor: pointer;
-    border: none;
-    padding: 3px 20px;
-    height: 24px;
-  }
-
-  .${prefix}-debug-bin-parent button:hover {
-    background-color: ${BTN_HOVER};
-  }
-
-  .${prefix}-debug-bin-parent button:active {
-    background-color: ${BTN_ACTIVE};
-  }
-
-  .${prefix}-debug-bin-parent .el-name {
-    text-align: left;
-  }
-
-  .${prefix}-debug-bin-parent .el-value {
-    display: inline-block;
-    transform: scale(1);
-    transition: 2s transform linear, 0s 2s font-weight linear;
-  }
-
-  ${getIEVersion() && getIEVersion() < 9
-        ? ""
-        : `.${prefix}-debug-bin-parent.notify::after {
-      content: " (!)";
-    }`
-}
-
-  .${prefix}-debug-bin-parent .el-value.incremented {
-    transform: scale(1.5);
-    font-weight: bold;
-    transition: 0s transform linear, 0s font-weight linear;
-  }
-
-  ${getIEVersion() && getIEVersion() < 9
-        ? ""
-        : `.${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/src/interfaces/IDebugPluginConfig.ts

@@ -1,39 +0,0 @@
-// Copyright (c) Microsoft Corporation. All rights reserved.
-// Licensed under the MIT License.
-
-import { IConfiguration } from "@microsoft/applicationinsights-core-js";
-
-export interface IDebugPluginConfig extends IConfiguration{
-  
-  trackers?: string[];
-
-  /**
-   * The prefix to use for the css styles, defaults to 'ai'
-   */
-  cssPrefix?: string;
-
-  /**
-   * Disable listening to notifications from the notification manager. Defaults to false
-   */
-  disableNotifications?: boolean;
-
-  /**
-   * [Optional] Dump extra debug information to the console as well as the dashboard
-   */
-  dumpToConsole?: boolean;
-
-  /**
-   * [Optional] The maximum number of messages to retain, older messages will be dropped - defaults to 5,000.
-   */
-  maxMessages?: number;
-
-  /**
-   * [Optional] Flag for whether to include functions in the DebugPlugin dashboard. Defaults to false
-   */
-  showFunctions?: boolean;
-
-  /**
-   * [Optional] If processTelemetry is not included in the trackers should the DebugPlugin log the arguments - defaults to false
-   */
-  logProcessTelemetry?: boolean;
-}

package/types/DebugPlugin.d.ts

@@ -1,9 +0,0 @@
-import { BaseTelemetryPlugin, IAppInsightsCore, IConfiguration, IPlugin, IProcessTelemetryContext, ITelemetryItem, ITelemetryPluginChain } from "@microsoft/applicationinsights-core-js";
-import { IDebugPluginConfig } from "./interfaces/IDebugPluginConfig";
-export default class DebugPlugin extends BaseTelemetryPlugin {
-    static identifier: string;
-    identifier: string;
-    constructor();
-    initialize(config: IConfiguration | IDebugPluginConfig, core: IAppInsightsCore, extensions: IPlugin[], pluginChain?: ITelemetryPluginChain): void;
-    processTelemetry(event: ITelemetryItem, itemCtx?: IProcessTelemetryContext): void;
-}

package/types/__DynamicConstants.d.ts

@@ -1,39 +0,0 @@
-export declare const _DYN_IDENTIFIER = "identifier";
-export declare const _DYN_TRACKERS = "trackers";
-export declare const _DYN_DISABLE_NOTIFICATION0 = "disableNotifications";
-export declare const _DYN_NEW_LOG_ENTRY = "newLogEntry";
-export declare const _DYN_PUSH = "push";
-export declare const _DYN_EXCLUDE_KEYS = "excludeKeys";
-export declare const _DYN_MAX_MESSAGES = "maxMessages";
-export declare const _DYN_CREATE_ELEMENT = "createElement";
-export declare const _DYN_CLASS_NAME = "className";
-export declare const _DYN_INNER_HTML = "innerHTML";
-export declare const _DYN_APPEND_CHILD = "appendChild";
-export declare const _DYN_STOP_PROPAGATION = "stopPropagation";
-export declare const _DYN_IS_DISPLAYED = "isDisplayed";
-export declare const _DYN_NAME = "name";
-export declare const _DYN_LENGTH = "length";
-export declare const _DYN_SHOW_CHILDREN = "showChildren";
-export declare const _DYN_DUMP_TO_CONSOLE = "dumpToConsole";
-export declare const _DYN_LOG_PROCESS_TELEMETR1 = "logProcessTelemetry";
-export declare const _DYN_INCLUDE_FUNCTIONS = "includeFunctions";
-export declare const _DYN_POINTER_EVENTS = "pointerEvents";
-export declare const _DYN_PARENT_ELEMENT = "parentElement";
-export declare const _DYN_SET_TEXT_FILTER = "setTextFilter";
-export declare const _DYN_RENDER = "render";
-export declare const _DYN_GET_EL = "getEl";
-export declare const _DYN_REMOVE_CHILD = "removeChild";
-export declare const _DYN_SET_ATTRIBUTE = "setAttribute";
-export declare const _DYN_ONKEYUP = "onkeyup";
-export declare const _DYN_INNER_TEXT = "innerText";
-export declare const _DYN_ONCLICK = "onclick";
-export declare const _DYN_ONTOUCHEND = "ontouchend";
-export declare const _DYN_ONKEYDOWN = "onkeydown";
-export declare const _DYN_PREVENT_DEFAULT = "preventDefault";
-export declare const _DYN_TARGET = "target";
-export declare const _DYN_CHILDREN = "children";
-export declare const _DYN_FILTER_LIST = "filterList";
-export declare const _DYN_FOCUS = "focus";
-export declare const _DYN_REPLACE = "replace";
-export declare const _DYN_SUBSTRING = "substring";
-export declare const _DYN_TO_STRING = "toString";

package/types/components/Dashboard.d.ts

@@ -1,19 +0,0 @@
-export interface IDashboardConfig {
-    prefix: string;
-    trackers: string[];
-    excludeKeys: string[];
-    maxMessages: number;
-    includeFunctions: boolean;
-}
-export declare class Dashboard {
-    constructor(config: IDashboardConfig);
-    getElm(): HTMLElement;
-    isDisplayed(): boolean;
-    getTextFilter(): string;
-    setTextFilter(value: string): void;
-    getTrackers(): string[];
-    newLogEntry(target: Object, tm: number, key?: string, level?: number, kind?: string, keep?: boolean): void;
-    render(): void;
-    show(): void;
-    hide(): void;
-}

package/types/components/LogEntry.d.ts

@@ -1,9 +0,0 @@
-import { _DYN_GET_EL, _DYN_RENDER } from "../__DynamicConstants";
-export declare class LogEntry {
-    isKeep: () => boolean;
-    isMatch: (textFilter: string, excludedKeys: string[], includeFunctions: boolean) => boolean;
-    [_DYN_RENDER]: (searchText: string, excludeKeys: string[], includeFunctions: boolean) => HTMLElement;
-    [_DYN_GET_EL]: () => HTMLElement;
-    getKind: () => string;
-    constructor(target: Object, tm: number, key?: string, level?: number, kind?: string, keep?: boolean);
-}

package/types/components/debugBins.d.ts

@@ -1,24 +0,0 @@
-export declare class DebugBinParent {
-    private parent;
-    private children;
-    showChildren: boolean;
-    private el;
-    private elSpan;
-    private value;
-    constructor(parent: HTMLDivElement, children: Array<DebugBin | HTMLButtonElement>, bottomDistance: number, prefix: string);
-    addClassToEl(name: string): void;
-    addChild(bin: DebugBin | HTMLButtonElement): void;
-    addButton(handler: (evt: MouseEvent) => void, label: string): void;
-    increment(): void;
-    render(): void;
-}
-export declare class DebugBin {
-    private name;
-    private value;
-    private parent;
-    el: HTMLDivElement;
-    private elName;
-    private elValue;
-    constructor(name: string, value: number, parent: DebugBinParent, bottomDistance: number, backgroundColor?: string);
-    increment(): void;
-}

package/types/components/filterList.d.ts

@@ -1,7 +0,0 @@
-export declare class FilterList {
-    private el;
-    private filterList;
-    private children;
-    constructor(parent: HTMLElement, trackers: string[], toggleCb: () => void);
-    getCurrentFilter: () => string[];
-}

package/types/components/helpers.d.ts

@@ -1,9 +0,0 @@
-export declare const MAX_DEPTH = 16;
-export declare function makeRegex(value: string): RegExp;
-export declare function toggleClassName(el: HTMLElement, className: string): void;
-export declare function traverseAndReplace(target: Object, maxDepth: number, currentDepth: number, thingsReferenced: any[], excludedKeys: string[], includeFunctions: boolean): Object;
-export declare function copySelectedTree(): void;
-export declare function focusHandler(evt: Event, target: Object, level: number, excludeKeys: string[], includeFunctions: boolean): void;
-export declare function getTargetName(target: any): any;
-export declare function getTargetKeys(target: any, excludedKeys: string[], includeFunctions: boolean): string[];
-export declare function formatLogElements(target: Object, tmLabel: string, key: string, level: number, textFilter: string, excludeKeys: string[], thingsReferenced?: any[], includeFunctions?: boolean): any;

package/types/components/styleNodeSrc.d.ts

@@ -1,2 +0,0 @@
-export declare const tempStyle: (prefix: string) => string;
-export declare const permStyle: (prefix: string) => string;

package/types/interfaces/IDebugPluginConfig.d.ts

@@ -1,28 +0,0 @@
-import { IConfiguration } from "@microsoft/applicationinsights-core-js";
-export interface IDebugPluginConfig extends IConfiguration {
-    trackers?: string[];
-    /**
-     * The prefix to use for the css styles, defaults to 'ai'
-     */
-    cssPrefix?: string;
-    /**
-     * Disable listening to notifications from the notification manager. Defaults to false
-     */
-    disableNotifications?: boolean;
-    /**
-     * [Optional] Dump extra debug information to the console as well as the dashboard
-     */
-    dumpToConsole?: boolean;
-    /**
-     * [Optional] The maximum number of messages to retain, older messages will be dropped - defaults to 5,000.
-     */
-    maxMessages?: number;
-    /**
-     * [Optional] Flag for whether to include functions in the DebugPlugin dashboard. Defaults to false
-     */
-    showFunctions?: boolean;
-    /**
-     * [Optional] If processTelemetry is not included in the trackers should the DebugPlugin log the arguments - defaults to false
-     */
-    logProcessTelemetry?: boolean;
-}

package/types/tsdoc-metadata.json

@@ -1,11 +0,0 @@
-// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
-// It should be published with your NPM package.  It should not be tracked by Git.
-{
-  "tsdocVersion": "0.12",
-  "toolPackages": [
-    {
-      "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.34.4"
-    }
-  ]
-}