@itwin/frontend-devtools 4.0.0-dev.10 → 4.0.0-dev.101

package/lib/esm/widgets/DiagnosticsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiagnosticsPanel.js","sourceRoot":"","sources":["../../../src/widgets/DiagnosticsPanel.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module Widgets\r\n */\r\n\r\nimport { dispose } from \"@itwin/core-bentley\";\r\nimport { Viewport } from \"@itwin/core-frontend\";\r\nimport { FpsTracker } from \"./FpsTracker\";\r\nimport { GpuProfiler } from \"./GpuProfiler\";\r\nimport { KeyinField } from \"./KeyinField\";\r\nimport { MemoryTracker } from \"./MemoryTracker\";\r\nimport { RenderCommandBreakdown } from \"./RenderCommandBreakdown\";\r\nimport { TileMemoryBreakdown } from \"./TileMemoryBreakdown\";\r\nimport { TileStatisticsTracker } from \"./TileStatisticsTracker\";\r\nimport { ToolSettingsTracker } from \"./ToolSettingsTracker\";\r\n\r\n/** Options for configuring a [[DiagnosticsPanel]].\r\n * @beta\r\n */\r\nexport interface DiagnosticsPanelProps {\r\n  /** Widgets to exclude from the panel. */\r\n  exclude?: {\r\n    keyin?: boolean;\r\n    fps?: boolean;\r\n    tileStats?: boolean;\r\n    memory?: boolean;\r\n    tileMemoryBreakdown?: boolean;\r\n    renderCommands?: boolean;\r\n    gpuProfiler?: boolean;\r\n    toolSettings?: boolean;\r\n  };\r\n}\r\n\r\n/** Consolidates many other widgets into a single panel.\r\n * @beta\r\n */\r\nexport class DiagnosticsPanel {\r\n  private readonly _element: HTMLElement;\r\n  private readonly _parentElement?: HTMLElement;\r\n  private readonly _fpsTracker?: FpsTracker;\r\n  private readonly _memoryTracker?: MemoryTracker;\r\n  private readonly _tileMemoryBreakdown?: TileMemoryBreakdown;\r\n  private readonly _renderCommands?: RenderCommandBreakdown;\r\n  private readonly _statsTracker?: TileStatisticsTracker;\r\n  private readonly _gpuProfiler?: GpuProfiler;\r\n  private readonly _toolSettingsTracker?: ToolSettingsTracker;\r\n  public readonly keyinField?: KeyinField;\r\n\r\n  public constructor(vp: Viewport, props?: DiagnosticsPanelProps) {\r\n    const exclude = (undefined !== props && undefined !== props.exclude) ? props.exclude : {};\r\n\r\n    this._element = document.createElement(\"div\");\r\n    this._element.className = \"debugPanel\";\r\n\r\n    if (true !== exclude.fps) {\r\n      this._fpsTracker = new FpsTracker(this._element, vp);\r\n      this.addSeparator();\r\n    }\r\n\r\n    if (true !== exclude.keyin) {\r\n      this.keyinField = new KeyinField({\r\n        parent: this._element,\r\n        baseId: \"diagnosticsPanelKeyin\",\r\n        wantButton: true,\r\n        wantLabel: true,\r\n        historyLength: 20,\r\n      });\r\n\r\n      this.addSeparator();\r\n    }\r\n\r\n    if (true !== exclude.tileStats) {\r\n      this._statsTracker = new TileStatisticsTracker(this._element, vp);\r\n      this.addSeparator();\r\n    }\r\n\r\n    if (true !== exclude.tileMemoryBreakdown) {\r\n      this._tileMemoryBreakdown = new TileMemoryBreakdown(this._element);\r\n      this.addSeparator();\r\n    }\r\n\r\n    if (!exclude.renderCommands) {\r\n      this._renderCommands = new RenderCommandBreakdown(this._element);\r\n      this.addSeparator();\r\n    }\r\n\r\n    if (true !== exclude.memory) {\r\n      this._memoryTracker = new MemoryTracker(this._element, vp);\r\n      this.addSeparator();\r\n    }\r\n\r\n    if (true !== exclude.gpuProfiler) {\r\n      this._gpuProfiler = new GpuProfiler(this._element);\r\n      this.addSeparator();\r\n    }\r\n\r\n    if (true !== exclude.toolSettings)\r\n      this._toolSettingsTracker = new ToolSettingsTracker(this._element, vp);\r\n  }\r\n\r\n  public get element(): HTMLElement { return this._element; }\r\n\r\n  public dispose(): void {\r\n    dispose(this._fpsTracker);\r\n    dispose(this._memoryTracker);\r\n    dispose(this._tileMemoryBreakdown);\r\n    dispose(this._renderCommands);\r\n    dispose(this._statsTracker);\r\n    dispose(this._gpuProfiler);\r\n    dispose(this._toolSettingsTracker);\r\n\r\n    if (undefined !== this._parentElement)\r\n      this._parentElement.removeChild(this._element);\r\n  }\r\n\r\n  private addSeparator(): void {\r\n    this._element.appendChild(document.createElement(\"hr\")!);\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"DiagnosticsPanel.js","sourceRoot":"","sources":["../../../src/widgets/DiagnosticsPanel.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAmB5D;;GAEG;AACH,MAAM,OAAO,gBAAgB;IAY3B,YAAmB,EAAY,EAAE,KAA6B;QAC5D,MAAM,OAAO,GAAG,CAAC,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QAE1F,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,YAAY,CAAC;QAEvC,IAAI,IAAI,KAAK,OAAO,CAAC,GAAG,EAAE;YACxB,IAAI,CAAC,WAAW,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YACrD,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;QAED,IAAI,IAAI,KAAK,OAAO,CAAC,KAAK,EAAE;YAC1B,IAAI,CAAC,UAAU,GAAG,IAAI,UAAU,CAAC;gBAC/B,MAAM,EAAE,IAAI,CAAC,QAAQ;gBACrB,MAAM,EAAE,uBAAuB;gBAC/B,UAAU,EAAE,IAAI;gBAChB,SAAS,EAAE,IAAI;gBACf,aAAa,EAAE,EAAE;aAClB,CAAC,CAAC;YAEH,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;QAED,IAAI,IAAI,KAAK,OAAO,CAAC,SAAS,EAAE;YAC9B,IAAI,CAAC,aAAa,GAAG,IAAI,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAClE,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;QAED,IAAI,IAAI,KAAK,OAAO,CAAC,mBAAmB,EAAE;YACxC,IAAI,CAAC,oBAAoB,GAAG,IAAI,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACnE,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;QAED,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE;YAC3B,IAAI,CAAC,eAAe,GAAG,IAAI,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACjE,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;QAED,IAAI,IAAI,KAAK,OAAO,CAAC,MAAM,EAAE;YAC3B,IAAI,CAAC,cAAc,GAAG,IAAI,aAAa,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAC3D,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;QAED,IAAI,IAAI,KAAK,OAAO,CAAC,WAAW,EAAE;YAChC,IAAI,CAAC,YAAY,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACnD,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;QAED,IAAI,IAAI,KAAK,OAAO,CAAC,YAAY;YAC/B,IAAI,CAAC,oBAAoB,GAAG,IAAI,mBAAmB,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC3E,CAAC;IAED,IAAW,OAAO,KAAkB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEpD,OAAO;QACZ,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1B,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC7B,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACnC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC9B,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC5B,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3B,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QAEnC,IAAI,SAAS,KAAK,IAAI,CAAC,cAAc;YACnC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAE,CAAC,CAAC;IAC3D,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n\n/** @packageDocumentation\n * @module Widgets\n */\n\nimport { dispose } from \"@itwin/core-bentley\";\nimport { Viewport } from \"@itwin/core-frontend\";\nimport { FpsTracker } from \"./FpsTracker\";\nimport { GpuProfiler } from \"./GpuProfiler\";\nimport { KeyinField } from \"./KeyinField\";\nimport { MemoryTracker } from \"./MemoryTracker\";\nimport { RenderCommandBreakdown } from \"./RenderCommandBreakdown\";\nimport { TileMemoryBreakdown } from \"./TileMemoryBreakdown\";\nimport { TileStatisticsTracker } from \"./TileStatisticsTracker\";\nimport { ToolSettingsTracker } from \"./ToolSettingsTracker\";\n\n/** Options for configuring a [[DiagnosticsPanel]].\n * @beta\n */\nexport interface DiagnosticsPanelProps {\n  /** Widgets to exclude from the panel. */\n  exclude?: {\n    keyin?: boolean;\n    fps?: boolean;\n    tileStats?: boolean;\n    memory?: boolean;\n    tileMemoryBreakdown?: boolean;\n    renderCommands?: boolean;\n    gpuProfiler?: boolean;\n    toolSettings?: boolean;\n  };\n}\n\n/** Consolidates many other widgets into a single panel.\n * @beta\n */\nexport class DiagnosticsPanel {\n  private readonly _element: HTMLElement;\n  private readonly _parentElement?: HTMLElement;\n  private readonly _fpsTracker?: FpsTracker;\n  private readonly _memoryTracker?: MemoryTracker;\n  private readonly _tileMemoryBreakdown?: TileMemoryBreakdown;\n  private readonly _renderCommands?: RenderCommandBreakdown;\n  private readonly _statsTracker?: TileStatisticsTracker;\n  private readonly _gpuProfiler?: GpuProfiler;\n  private readonly _toolSettingsTracker?: ToolSettingsTracker;\n  public readonly keyinField?: KeyinField;\n\n  public constructor(vp: Viewport, props?: DiagnosticsPanelProps) {\n    const exclude = (undefined !== props && undefined !== props.exclude) ? props.exclude : {};\n\n    this._element = document.createElement(\"div\");\n    this._element.className = \"debugPanel\";\n\n    if (true !== exclude.fps) {\n      this._fpsTracker = new FpsTracker(this._element, vp);\n      this.addSeparator();\n    }\n\n    if (true !== exclude.keyin) {\n      this.keyinField = new KeyinField({\n        parent: this._element,\n        baseId: \"diagnosticsPanelKeyin\",\n        wantButton: true,\n        wantLabel: true,\n        historyLength: 20,\n      });\n\n      this.addSeparator();\n    }\n\n    if (true !== exclude.tileStats) {\n      this._statsTracker = new TileStatisticsTracker(this._element, vp);\n      this.addSeparator();\n    }\n\n    if (true !== exclude.tileMemoryBreakdown) {\n      this._tileMemoryBreakdown = new TileMemoryBreakdown(this._element);\n      this.addSeparator();\n    }\n\n    if (!exclude.renderCommands) {\n      this._renderCommands = new RenderCommandBreakdown(this._element);\n      this.addSeparator();\n    }\n\n    if (true !== exclude.memory) {\n      this._memoryTracker = new MemoryTracker(this._element, vp);\n      this.addSeparator();\n    }\n\n    if (true !== exclude.gpuProfiler) {\n      this._gpuProfiler = new GpuProfiler(this._element);\n      this.addSeparator();\n    }\n\n    if (true !== exclude.toolSettings)\n      this._toolSettingsTracker = new ToolSettingsTracker(this._element, vp);\n  }\n\n  public get element(): HTMLElement { return this._element; }\n\n  public dispose(): void {\n    dispose(this._fpsTracker);\n    dispose(this._memoryTracker);\n    dispose(this._tileMemoryBreakdown);\n    dispose(this._renderCommands);\n    dispose(this._statsTracker);\n    dispose(this._gpuProfiler);\n    dispose(this._toolSettingsTracker);\n\n    if (undefined !== this._parentElement)\n      this._parentElement.removeChild(this._element);\n  }\n\n  private addSeparator(): void {\n    this._element.appendChild(document.createElement(\"hr\")!);\n  }\n}\n"]}

package/lib/esm/widgets/FpsTracker.d.ts

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module Widgets
- */
-import { Viewport } from "@itwin/core-frontend";
-/** Displays average frames-per-second.
- * NOTE: Enabling fps tracking causes a new frame to render on every tick of the render loop, which may negatively impact battery life.
- * @beta
- */
-export declare class FpsTracker {
-    private readonly _label;
-    private _metrics?;
-    private _curIntervalId?;
-    private readonly _vp;
-    constructor(parent: HTMLElement, viewport: Viewport);
-    dispose(): void;
-    private clearInterval;
-    private toggle;
-    private updateFPS;
-}
+/** @packageDocumentation
+ * @module Widgets
+ */
+import { Viewport } from "@itwin/core-frontend";
+/** Displays average frames-per-second.
+ * NOTE: Enabling fps tracking causes a new frame to render on every tick of the render loop, which may negatively impact battery life.
+ * @beta
+ */
+export declare class FpsTracker {
+    private readonly _label;
+    private _metrics?;
+    private _curIntervalId?;
+    private readonly _vp;
+    constructor(parent: HTMLElement, viewport: Viewport);
+    dispose(): void;
+    private clearInterval;
+    private toggle;
+    private updateFPS;
+}
 //# sourceMappingURL=FpsTracker.d.ts.map

package/lib/esm/widgets/FpsTracker.js

@@ -1,53 +1,53 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widgets
- */
-import { PerformanceMetrics } from "@itwin/core-frontend";
-import { createCheckBox } from "../ui/CheckBox";
-/** Displays average frames-per-second.
- * NOTE: Enabling fps tracking causes a new frame to render on every tick of the render loop, which may negatively impact battery life.
- * @beta
- */
-export class FpsTracker {
-    constructor(parent, viewport) {
-        this._vp = viewport;
-        this._label = createCheckBox({
-            parent,
-            name: "Track FPS",
-            id: "fpsTracker_toggle",
-            handler: (cb) => this.toggle(cb.checked),
-        }).label;
-    }
-    dispose() {
-        this.toggle(false);
-    }
-    clearInterval() {
-        if (undefined !== this._curIntervalId) {
-            clearInterval(this._curIntervalId);
-            this._curIntervalId = undefined;
-        }
-    }
-    toggle(enabled) {
-        this._vp.continuousRendering = enabled;
-        if (enabled) {
-            this._metrics = new PerformanceMetrics(false, true);
-            this._curIntervalId = setInterval(() => this.updateFPS(), 500);
-            this._label.innerText = "Tracking FPS...";
-        }
-        else {
-            this._metrics = undefined;
-            this.clearInterval();
-            this._label.innerText = "Track FPS";
-        }
-        this._vp.target.performanceMetrics = this._metrics;
-    }
-    updateFPS() {
-        const metrics = this._metrics;
-        const fps = (metrics.spfTimes.length / metrics.spfSum).toFixed(2);
-        this._label.innerText = `FPS: ${fps}`;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widgets
+ */
+import { PerformanceMetrics } from "@itwin/core-frontend";
+import { createCheckBox } from "../ui/CheckBox";
+/** Displays average frames-per-second.
+ * NOTE: Enabling fps tracking causes a new frame to render on every tick of the render loop, which may negatively impact battery life.
+ * @beta
+ */
+export class FpsTracker {
+    constructor(parent, viewport) {
+        this._vp = viewport;
+        this._label = createCheckBox({
+            parent,
+            name: "Track FPS",
+            id: "fpsTracker_toggle",
+            handler: (cb) => this.toggle(cb.checked),
+        }).label;
+    }
+    dispose() {
+        this.toggle(false);
+    }
+    clearInterval() {
+        if (undefined !== this._curIntervalId) {
+            clearInterval(this._curIntervalId);
+            this._curIntervalId = undefined;
+        }
+    }
+    toggle(enabled) {
+        this._vp.continuousRendering = enabled;
+        if (enabled) {
+            this._metrics = new PerformanceMetrics(false, true);
+            this._curIntervalId = setInterval(() => this.updateFPS(), 500);
+            this._label.innerText = "Tracking FPS...";
+        }
+        else {
+            this._metrics = undefined;
+            this.clearInterval();
+            this._label.innerText = "Track FPS";
+        }
+        this._vp.target.performanceMetrics = this._metrics;
+    }
+    updateFPS() {
+        const metrics = this._metrics;
+        const fps = (metrics.spfTimes.length / metrics.spfSum).toFixed(2);
+        this._label.innerText = `FPS: ${fps}`;
+    }
+}
 //# sourceMappingURL=FpsTracker.js.map

package/lib/esm/widgets/FpsTracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"FpsTracker.js","sourceRoot":"","sources":["../../../src/widgets/FpsTracker.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAoB,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;;GAGG;AACH,MAAM,OAAO,UAAU;IAMrB,YAAmB,MAAmB,EAAE,QAAkB;QACxD,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC;QACpB,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC;YAC3B,MAAM;YACN,IAAI,EAAE,WAAW;YACjB,EAAE,EAAE,mBAAmB;YACvB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC;SACzC,CAAC,CAAC,KAAK,CAAC;IACX,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC;IAEO,aAAa;QACnB,IAAI,SAAS,KAAK,IAAI,CAAC,cAAc,EAAE;YACrC,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YACnC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;SACjC;IACH,CAAC;IAEO,MAAM,CAAC,OAAgB;QAC7B,IAAI,CAAC,GAAG,CAAC,mBAAmB,GAAG,OAAO,CAAC;QACvC,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,QAAQ,GAAG,IAAI,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YACpD,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,GAAG,CAAC,CAAC;YAC/D,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,iBAAiB,CAAC;SAC3C;aAAM;YACL,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;YAC1B,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,WAAW,CAAC;SACrC;QAEA,IAAI,CAAC,GAAG,CAAC,MAAiB,CAAC,kBAAkB,GAAG,IAAI,CAAC,QAAQ,CAAC;IACjE,CAAC;IAEO,SAAS;QACf,MAAM,OAAO,GAAG,IAAI,CAAC,QAAS,CAAC;QAC/B,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAClE,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,EAAE,CAAC;IACxC,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module Widgets\r\n */\r\n\r\nimport { PerformanceMetrics, Target, Viewport } from \"@itwin/core-frontend\";\r\nimport { createCheckBox } from \"../ui/CheckBox\";\r\n\r\n/** Displays average frames-per-second.\r\n * NOTE: Enabling fps tracking causes a new frame to render on every tick of the render loop, which may negatively impact battery life.\r\n * @beta\r\n */\r\nexport class FpsTracker {\r\n  private readonly _label: HTMLLabelElement;\r\n  private _metrics?: PerformanceMetrics;\r\n  private _curIntervalId?: NodeJS.Timer;\r\n  private readonly _vp: Viewport;\r\n\r\n  public constructor(parent: HTMLElement, viewport: Viewport) {\r\n    this._vp = viewport;\r\n    this._label = createCheckBox({\r\n      parent,\r\n      name: \"Track FPS\",\r\n      id: \"fpsTracker_toggle\",\r\n      handler: (cb) => this.toggle(cb.checked),\r\n    }).label;\r\n  }\r\n\r\n  public dispose(): void {\r\n    this.toggle(false);\r\n  }\r\n\r\n  private clearInterval(): void {\r\n    if (undefined !== this._curIntervalId) {\r\n      clearInterval(this._curIntervalId);\r\n      this._curIntervalId = undefined;\r\n    }\r\n  }\r\n\r\n  private toggle(enabled: boolean): void {\r\n    this._vp.continuousRendering = enabled;\r\n    if (enabled) {\r\n      this._metrics = new PerformanceMetrics(false, true);\r\n      this._curIntervalId = setInterval(() => this.updateFPS(), 500);\r\n      this._label.innerText = \"Tracking FPS...\";\r\n    } else {\r\n      this._metrics = undefined;\r\n      this.clearInterval();\r\n      this._label.innerText = \"Track FPS\";\r\n    }\r\n\r\n    (this._vp.target as Target).performanceMetrics = this._metrics;\r\n  }\r\n\r\n  private updateFPS(): void {\r\n    const metrics = this._metrics!;\r\n    const fps = (metrics.spfTimes.length / metrics.spfSum).toFixed(2);\r\n    this._label.innerText = `FPS: ${fps}`;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"FpsTracker.js","sourceRoot":"","sources":["../../../src/widgets/FpsTracker.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAoB,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;;GAGG;AACH,MAAM,OAAO,UAAU;IAMrB,YAAmB,MAAmB,EAAE,QAAkB;QACxD,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC;QACpB,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC;YAC3B,MAAM;YACN,IAAI,EAAE,WAAW;YACjB,EAAE,EAAE,mBAAmB;YACvB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC;SACzC,CAAC,CAAC,KAAK,CAAC;IACX,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC;IAEO,aAAa;QACnB,IAAI,SAAS,KAAK,IAAI,CAAC,cAAc,EAAE;YACrC,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YACnC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;SACjC;IACH,CAAC;IAEO,MAAM,CAAC,OAAgB;QAC7B,IAAI,CAAC,GAAG,CAAC,mBAAmB,GAAG,OAAO,CAAC;QACvC,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,QAAQ,GAAG,IAAI,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YACpD,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,GAAG,CAAC,CAAC;YAC/D,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,iBAAiB,CAAC;SAC3C;aAAM;YACL,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;YAC1B,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,WAAW,CAAC;SACrC;QAEA,IAAI,CAAC,GAAG,CAAC,MAAiB,CAAC,kBAAkB,GAAG,IAAI,CAAC,QAAQ,CAAC;IACjE,CAAC;IAEO,SAAS;QACf,MAAM,OAAO,GAAG,IAAI,CAAC,QAAS,CAAC;QAC/B,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAClE,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,EAAE,CAAC;IACxC,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n\n/** @packageDocumentation\n * @module Widgets\n */\n\nimport { PerformanceMetrics, Target, Viewport } from \"@itwin/core-frontend\";\nimport { createCheckBox } from \"../ui/CheckBox\";\n\n/** Displays average frames-per-second.\n * NOTE: Enabling fps tracking causes a new frame to render on every tick of the render loop, which may negatively impact battery life.\n * @beta\n */\nexport class FpsTracker {\n  private readonly _label: HTMLLabelElement;\n  private _metrics?: PerformanceMetrics;\n  private _curIntervalId?: NodeJS.Timer;\n  private readonly _vp: Viewport;\n\n  public constructor(parent: HTMLElement, viewport: Viewport) {\n    this._vp = viewport;\n    this._label = createCheckBox({\n      parent,\n      name: \"Track FPS\",\n      id: \"fpsTracker_toggle\",\n      handler: (cb) => this.toggle(cb.checked),\n    }).label;\n  }\n\n  public dispose(): void {\n    this.toggle(false);\n  }\n\n  private clearInterval(): void {\n    if (undefined !== this._curIntervalId) {\n      clearInterval(this._curIntervalId);\n      this._curIntervalId = undefined;\n    }\n  }\n\n  private toggle(enabled: boolean): void {\n    this._vp.continuousRendering = enabled;\n    if (enabled) {\n      this._metrics = new PerformanceMetrics(false, true);\n      this._curIntervalId = setInterval(() => this.updateFPS(), 500);\n      this._label.innerText = \"Tracking FPS...\";\n    } else {\n      this._metrics = undefined;\n      this.clearInterval();\n      this._label.innerText = \"Track FPS\";\n    }\n\n    (this._vp.target as Target).performanceMetrics = this._metrics;\n  }\n\n  private updateFPS(): void {\n    const metrics = this._metrics!;\n    const fps = (metrics.spfTimes.length / metrics.spfSum).toFixed(2);\n    this._label.innerText = `FPS: ${fps}`;\n  }\n}\n"]}

package/lib/esm/widgets/GpuProfiler.d.ts

@@ -1,17 +1,17 @@
-/** @alpha */
-export declare class GpuProfiler {
-    private readonly _div;
-    private readonly _resultsDiv;
-    private readonly _results;
-    private readonly _debugControl;
-    private readonly _recordButton;
-    private _recordedResults;
-    private _isRecording;
-    constructor(parent: HTMLElement);
-    dispose(): void;
-    private toggleProfileCheckBox;
-    private _clickRecord;
-    private stopRecording;
-    private _resultsCallback;
-}
+/** @alpha */
+export declare class GpuProfiler {
+    private readonly _div;
+    private readonly _resultsDiv;
+    private readonly _results;
+    private readonly _debugControl;
+    private readonly _recordButton;
+    private _recordedResults;
+    private _isRecording;
+    constructor(parent: HTMLElement);
+    dispose(): void;
+    private toggleProfileCheckBox;
+    private _clickRecord;
+    private stopRecording;
+    private _resultsCallback;
+}
 //# sourceMappingURL=GpuProfiler.d.ts.map

package/lib/esm/widgets/GpuProfiler.js

@@ -1,189 +1,189 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widgets
- */
-import { saveAs } from "file-saver";
-import { IModelApp } from "@itwin/core-frontend";
-import { createCheckBox } from "../ui/CheckBox";
-const dummyArgs = { 0: 0 }; // Reuse instead of allocating for each entry
-/**
- * @param name Label for the trace event
- * @param start Timestamp in microseconds of when trace event started
- * @param duration Duration in microseconds of trace event
- */
-function createTraceEvent(name, start, duration) {
-    return {
-        pid: 1,
-        ts: start,
-        dur: duration,
-        ph: "X",
-        name,
-        args: dummyArgs,
-    };
-}
-function createTraceFromTimerResults(timerResults) {
-    const traceEvents = [];
-    const addChildren = (startTime, children) => {
-        for (const child of children) {
-            if (child.nanoseconds < 100)
-                continue;
-            const microseconds = child.nanoseconds / 1E3;
-            traceEvents.push(createTraceEvent(child.label, startTime, microseconds));
-            if (child.children)
-                addChildren(startTime, child.children);
-            startTime += microseconds;
-        }
-    };
-    let frameStartTime = 0;
-    let frameNumber = 0;
-    for (const tr of timerResults) {
-        const microseconds = tr.nanoseconds / 1E3;
-        traceEvents.push(createTraceEvent(`Frame ${frameNumber}`, frameStartTime, microseconds));
-        if (tr.children)
-            addChildren(frameStartTime, tr.children);
-        frameStartTime += microseconds;
-        ++frameNumber;
-    }
-    return { traceEvents };
-}
-/** @alpha */
-export class GpuProfiler {
-    constructor(parent) {
-        this._clickRecord = () => {
-            if (!this._isRecording) {
-                this._isRecording = true;
-                this._recordButton.innerText = "Stop Recording";
-                return;
-            }
-            this.stopRecording();
-        };
-        this._resultsCallback = (result) => {
-            if (this._isRecording)
-                this._recordedResults.push(result);
-            const fragment = document.createDocumentFragment();
-            const numSavedFrames = 120;
-            let lastValue;
-            const changedResults = new Array(this._results.length); // default values false
-            const printDepth = (depth, currentRes) => {
-                const index = this._results.findIndex((res) => res.label === currentRes.label);
-                if (index < 0) { // Add brand new entry
-                    const data = {
-                        label: currentRes.label,
-                        paddingLeft: `${depth}em`,
-                        sum: currentRes.nanoseconds,
-                        values: [currentRes.nanoseconds],
-                    };
-                    if (lastValue === undefined) {
-                        this._results.unshift(data);
-                        changedResults.unshift(true);
-                    }
-                    else if (currentRes.label === "Read Pixels") {
-                        this._results.push(data); // Read Pixels should go at the end of the list
-                        changedResults.push(true);
-                    }
-                    else {
-                        const prevIndex = this._results.findIndex((res) => res.label === lastValue);
-                        this._results.splice(prevIndex + 1, 0, data);
-                        changedResults.splice(prevIndex + 1, 0, true);
-                    }
-                }
-                else { // Edit old entry
-                    let oldVal = 0.0;
-                    const savedResults = this._results[index];
-                    if (savedResults.values.length >= numSavedFrames) { // keep up to numSavedFrames values to average between
-                        oldVal = savedResults.values.shift();
-                    }
-                    const newVal = currentRes.nanoseconds < 100 ? 0.0 : currentRes.nanoseconds; // high-pass filter, empty queries have some noise
-                    savedResults.sum += newVal - oldVal;
-                    savedResults.values.push(newVal);
-                    changedResults[index] = true;
-                }
-                lastValue = currentRes.label;
-                if (!currentRes.children)
-                    return;
-                for (const childRes of currentRes.children)
-                    printDepth(depth + 1, childRes);
-            };
-            printDepth(0, result);
-            this._results.forEach((value, index) => {
-                if (!changedResults[index]) { // if no data received on this item, add a value of 0.0 to the avg.
-                    const oldVal = value.values.length >= numSavedFrames ? value.values.shift() : 0.0;
-                    value.sum -= oldVal;
-                    value.values.push(0.0);
-                }
-                const div = document.createElement("div");
-                div.style.display = "flex";
-                div.style.width = "75%";
-                const textLabel = document.createElement("text");
-                textLabel.innerText = `${value.label}`;
-                textLabel.style.paddingLeft = value.paddingLeft;
-                div.appendChild(textLabel);
-                const divLine = document.createElement("div");
-                divLine.style.flexGrow = "1";
-                divLine.style.borderBottom = "dotted 1px";
-                div.appendChild(divLine);
-                const textValue = document.createElement("text");
-                textValue.innerText = `${(value.sum / value.values.length / 1.E6).toFixed(3)} ms\n`;
-                div.appendChild(textValue);
-                fragment.appendChild(div);
-            });
-            this._resultsDiv.innerHTML = "";
-            this._resultsDiv.appendChild(fragment);
-        };
-        this._debugControl = IModelApp.renderSystem.debugControl;
-        const checkBox = createCheckBox({
-            parent,
-            name: "Profile GPU",
-            id: "gpu-profiler-toggle",
-            handler: (cb) => this.toggleProfileCheckBox(cb.checked),
-        });
-        if (!this._debugControl.isGLTimerSupported) {
-            checkBox.checkbox.disabled = true;
-            checkBox.div.title = "EXT_disjoint_timer_query is not available in this browser";
-        }
-        this._div = document.createElement("div");
-        this._div.style.display = "none";
-        this._recordButton = document.createElement("button");
-        this._recordButton.style.textAlign = "center";
-        this._isRecording = false;
-        this._recordButton.innerText = "Record Profile";
-        this._recordButton.title = "Record a profile to open with chrome://tracing";
-        this._recordedResults = [];
-        this._recordButton.addEventListener("click", this._clickRecord);
-        this._div.appendChild(this._recordButton);
-        this._results = [];
-        this._resultsDiv = document.createElement("div");
-        this._resultsDiv.style.textAlign = "left";
-        this._div.appendChild(this._resultsDiv);
-        parent.appendChild(this._div);
-    }
-    dispose() {
-        this._debugControl.resultsCallback = undefined;
-    }
-    toggleProfileCheckBox(isEnabled) {
-        if (isEnabled) {
-            this._debugControl.resultsCallback = this._resultsCallback;
-            this._resultsDiv.innerHTML = "";
-            this._div.style.display = "block";
-        }
-        else {
-            this._debugControl.resultsCallback = undefined;
-            this._div.style.display = "none";
-            this.stopRecording();
-        }
-    }
-    stopRecording() {
-        this._isRecording = false;
-        this._recordButton.innerText = "Record Profile";
-        if (this._recordedResults.length !== 0) {
-            const chromeTrace = createTraceFromTimerResults(this._recordedResults);
-            const blob = new Blob([JSON.stringify(chromeTrace)], { type: "application/json;charset=utf-8" });
-            saveAs(blob, "gpu-profile.json");
-            this._recordedResults = [];
-        }
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widgets
+ */
+import { saveAs } from "file-saver";
+import { IModelApp } from "@itwin/core-frontend";
+import { createCheckBox } from "../ui/CheckBox";
+const dummyArgs = { 0: 0 }; // Reuse instead of allocating for each entry
+/**
+ * @param name Label for the trace event
+ * @param start Timestamp in microseconds of when trace event started
+ * @param duration Duration in microseconds of trace event
+ */
+function createTraceEvent(name, start, duration) {
+    return {
+        pid: 1,
+        ts: start,
+        dur: duration,
+        ph: "X",
+        name,
+        args: dummyArgs,
+    };
+}
+function createTraceFromTimerResults(timerResults) {
+    const traceEvents = [];
+    const addChildren = (startTime, children) => {
+        for (const child of children) {
+            if (child.nanoseconds < 100)
+                continue;
+            const microseconds = child.nanoseconds / 1E3;
+            traceEvents.push(createTraceEvent(child.label, startTime, microseconds));
+            if (child.children)
+                addChildren(startTime, child.children);
+            startTime += microseconds;
+        }
+    };
+    let frameStartTime = 0;
+    let frameNumber = 0;
+    for (const tr of timerResults) {
+        const microseconds = tr.nanoseconds / 1E3;
+        traceEvents.push(createTraceEvent(`Frame ${frameNumber}`, frameStartTime, microseconds));
+        if (tr.children)
+            addChildren(frameStartTime, tr.children);
+        frameStartTime += microseconds;
+        ++frameNumber;
+    }
+    return { traceEvents };
+}
+/** @alpha */
+export class GpuProfiler {
+    constructor(parent) {
+        this._clickRecord = () => {
+            if (!this._isRecording) {
+                this._isRecording = true;
+                this._recordButton.innerText = "Stop Recording";
+                return;
+            }
+            this.stopRecording();
+        };
+        this._resultsCallback = (result) => {
+            if (this._isRecording)
+                this._recordedResults.push(result);
+            const fragment = document.createDocumentFragment();
+            const numSavedFrames = 120;
+            let lastValue;
+            const changedResults = new Array(this._results.length); // default values false
+            const printDepth = (depth, currentRes) => {
+                const index = this._results.findIndex((res) => res.label === currentRes.label);
+                if (index < 0) { // Add brand new entry
+                    const data = {
+                        label: currentRes.label,
+                        paddingLeft: `${depth}em`,
+                        sum: currentRes.nanoseconds,
+                        values: [currentRes.nanoseconds],
+                    };
+                    if (lastValue === undefined) {
+                        this._results.unshift(data);
+                        changedResults.unshift(true);
+                    }
+                    else if (currentRes.label === "Read Pixels") {
+                        this._results.push(data); // Read Pixels should go at the end of the list
+                        changedResults.push(true);
+                    }
+                    else {
+                        const prevIndex = this._results.findIndex((res) => res.label === lastValue);
+                        this._results.splice(prevIndex + 1, 0, data);
+                        changedResults.splice(prevIndex + 1, 0, true);
+                    }
+                }
+                else { // Edit old entry
+                    let oldVal = 0.0;
+                    const savedResults = this._results[index];
+                    if (savedResults.values.length >= numSavedFrames) { // keep up to numSavedFrames values to average between
+                        oldVal = savedResults.values.shift();
+                    }
+                    const newVal = currentRes.nanoseconds < 100 ? 0.0 : currentRes.nanoseconds; // high-pass filter, empty queries have some noise
+                    savedResults.sum += newVal - oldVal;
+                    savedResults.values.push(newVal);
+                    changedResults[index] = true;
+                }
+                lastValue = currentRes.label;
+                if (!currentRes.children)
+                    return;
+                for (const childRes of currentRes.children)
+                    printDepth(depth + 1, childRes);
+            };
+            printDepth(0, result);
+            this._results.forEach((value, index) => {
+                if (!changedResults[index]) { // if no data received on this item, add a value of 0.0 to the avg.
+                    const oldVal = value.values.length >= numSavedFrames ? value.values.shift() : 0.0;
+                    value.sum -= oldVal;
+                    value.values.push(0.0);
+                }
+                const div = document.createElement("div");
+                div.style.display = "flex";
+                div.style.width = "75%";
+                const textLabel = document.createElement("text");
+                textLabel.innerText = `${value.label}`;
+                textLabel.style.paddingLeft = value.paddingLeft;
+                div.appendChild(textLabel);
+                const divLine = document.createElement("div");
+                divLine.style.flexGrow = "1";
+                divLine.style.borderBottom = "dotted 1px";
+                div.appendChild(divLine);
+                const textValue = document.createElement("text");
+                textValue.innerText = `${(value.sum / value.values.length / 1.E6).toFixed(3)} ms\n`;
+                div.appendChild(textValue);
+                fragment.appendChild(div);
+            });
+            this._resultsDiv.innerHTML = "";
+            this._resultsDiv.appendChild(fragment);
+        };
+        this._debugControl = IModelApp.renderSystem.debugControl;
+        const checkBox = createCheckBox({
+            parent,
+            name: "Profile GPU",
+            id: "gpu-profiler-toggle",
+            handler: (cb) => this.toggleProfileCheckBox(cb.checked),
+        });
+        if (!this._debugControl.isGLTimerSupported) {
+            checkBox.checkbox.disabled = true;
+            checkBox.div.title = "EXT_disjoint_timer_query is not available in this browser";
+        }
+        this._div = document.createElement("div");
+        this._div.style.display = "none";
+        this._recordButton = document.createElement("button");
+        this._recordButton.style.textAlign = "center";
+        this._isRecording = false;
+        this._recordButton.innerText = "Record Profile";
+        this._recordButton.title = "Record a profile to open with chrome://tracing";
+        this._recordedResults = [];
+        this._recordButton.addEventListener("click", this._clickRecord);
+        this._div.appendChild(this._recordButton);
+        this._results = [];
+        this._resultsDiv = document.createElement("div");
+        this._resultsDiv.style.textAlign = "left";
+        this._div.appendChild(this._resultsDiv);
+        parent.appendChild(this._div);
+    }
+    dispose() {
+        this._debugControl.resultsCallback = undefined;
+    }
+    toggleProfileCheckBox(isEnabled) {
+        if (isEnabled) {
+            this._debugControl.resultsCallback = this._resultsCallback;
+            this._resultsDiv.innerHTML = "";
+            this._div.style.display = "block";
+        }
+        else {
+            this._debugControl.resultsCallback = undefined;
+            this._div.style.display = "none";
+            this.stopRecording();
+        }
+    }
+    stopRecording() {
+        this._isRecording = false;
+        this._recordButton.innerText = "Record Profile";
+        if (this._recordedResults.length !== 0) {
+            const chromeTrace = createTraceFromTimerResults(this._recordedResults);
+            const blob = new Blob([JSON.stringify(chromeTrace)], { type: "application/json;charset=utf-8" });
+            saveAs(blob, "gpu-profile.json");
+            this._recordedResults = [];
+        }
+    }
+}
 //# sourceMappingURL=GpuProfiler.js.map