@itwin/frontend-devtools 4.0.0-dev.51 → 4.0.0-dev.54

package/lib/esm/widgets/MemoryTracker.js

@@ -1,238 +1,238 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { assert, BeTimePoint } from "@itwin/core-bentley";
-import { DisclosedTileTreeSet, IModelApp, RenderMemory, } from "@itwin/core-frontend";
-import { createComboBox } from "../ui/ComboBox";
-function collectTileTreeMemory(stats, owner) {
-    const tree = owner.tileTree;
-    if (undefined !== tree)
-        tree.collectStatistics(stats);
-}
-// Includes None (-1) at index 0
-const memLabels = [
-    "None",
-    "Viewed Tile Trees",
-    "Selected Tiles",
-    "All Tile Trees",
-    "Render Target",
-    "Viewport",
-    "System",
-    "All",
-];
-function collectStatisticsForViewedTileTrees(vp, stats) {
-    vp.collectStatistics(stats);
-    const trees = new DisclosedTileTreeSet();
-    vp.discloseTileTrees(trees);
-    return trees.size;
-}
-function collectStatisticsForSelectedTiles(vp, stats) {
-    const trees = new Set();
-    const selectedTiles = IModelApp.tileAdmin.getTilesForUser(vp)?.selected;
-    if (selectedTiles) {
-        for (const tile of selectedTiles) {
-            trees.add(tile.tree);
-            tile.collectStatistics(stats);
-        }
-    }
-    return trees.size;
-}
-function collectStatisticsForAllTileTrees(vp, stats) {
-    let numTrees = 0;
-    vp.view.iModel.tiles.forEachTreeOwner((owner) => {
-        collectTileTreeMemory(stats, owner);
-        if (undefined !== owner.tileTree)
-            ++numTrees;
-    });
-    return numTrees;
-}
-const calcMem = [
-    (stats, vp) => collectStatisticsForViewedTileTrees(vp, stats),
-    (stats, vp) => collectStatisticsForSelectedTiles(vp, stats),
-    (stats, vp) => collectStatisticsForAllTileTrees(vp, stats),
-    (stats, vp) => {
-        vp.target.collectStatistics(stats);
-        return 0;
-    },
-    (stats, vp) => {
-        vp.target.collectStatistics(stats);
-        return collectStatisticsForViewedTileTrees(vp, stats);
-    },
-    (stats, vp) => {
-        vp.target.renderSystem.collectStatistics(stats);
-        return 0;
-    },
-    (stats, vp) => {
-        vp.target.renderSystem.collectStatistics(stats);
-        for (const x of IModelApp.viewManager)
-            x.target.collectStatistics(stats);
-        return collectStatisticsForAllTileTrees(vp, stats);
-    },
-];
-// ###TODO...
-const purgeMem = [
-    undefined,
-    (olderThan) => IModelApp.viewManager.purgeTileTrees(olderThan ? olderThan : BeTimePoint.now()),
-];
-/** @internal */
-export function formatMemory(numBytes) {
-    let suffix = "b";
-    if (numBytes >= 1024) {
-        numBytes /= 1024;
-        suffix = "kb";
-        if (numBytes >= 1024) {
-            numBytes /= 1024;
-            suffix = "mb";
-        }
-    }
-    return numBytes.toFixed(2) + suffix;
-}
-class MemoryPanel {
-    constructor(parent, label, labels) {
-        this._elems = [];
-        this._label = label;
-        this._labels = labels;
-        this._div = document.createElement("div");
-        this._header = document.createElement("label");
-        this._header.style.fontWeight = "bold";
-        this._div.appendChild(this._header);
-        const numElems = labels.length;
-        for (let i = 0; i < numElems; i++) {
-            const elem = document.createElement("label");
-            this._elems.push(elem);
-            this._div.appendChild(elem);
-        }
-        parent.appendChild(this._div);
-    }
-    update(stats, total) {
-        assert(this._labels.length === stats.length);
-        assert(this._labels.length === this._elems.length);
-        this._header.innerHTML = `${this._label}: ${formatMemory(total)}`;
-        for (let i = 0; i < this._labels.length; i++) {
-            const elem = this._elems[i];
-            const stat = stats[i];
-            if (0 === stat.totalBytes) {
-                elem.style.display = "none";
-                continue;
-            }
-            elem.style.display = "block";
-            elem.innerHTML = `${this._labels[i]} (${stat.count}): ${formatMemory(stat.totalBytes)}`; // + "\n(max: " + formatMemory(stat.maxBytes) + ")";
-        }
-    }
-}
-/** Displays GPU memory allocated to tile trees - either all tile trees in the system, or only those associated with a specific Viewport.
- * @beta
- */
-export class MemoryTracker {
-    constructor(parent, vp) {
-        this._stats = new RenderMemory.Statistics();
-        this._memIndex = -1 /* None */;
-        this._vp = vp;
-        this._div = document.createElement("div");
-        this._div.style.display = "none";
-        this._div.style.textAlign = "right";
-        this.addSelector(parent);
-        const table = document.createElement("table");
-        table.style.width = "100%";
-        table.setAttribute("border", "1");
-        this._div.appendChild(table);
-        const row0 = document.createElement("tr");
-        const cell00 = document.createElement("td");
-        const cell01 = document.createElement("td");
-        cell00.style.width = cell01.style.width = "50%";
-        row0.appendChild(cell00);
-        row0.appendChild(cell01);
-        table.appendChild(row0);
-        const row1 = document.createElement("tr");
-        const cell10 = document.createElement("td");
-        const cell11 = document.createElement("td");
-        cell10.style.width = cell11.style.width = "50%";
-        row1.appendChild(cell10);
-        row1.appendChild(cell11);
-        table.appendChild(row1);
-        this._textures = new MemoryPanel(cell00, "Textures", ["Surface Textures", "Vertex Tables", "Edge Tables", "Feature Tables", "Feature Overrides", "Clip Volumes", "Planar Classifiers", "Shadow Maps", "Texture Attachments", "Thematic Textures"]);
-        this._buffers = new MemoryPanel(cell01, "Buffers", ["Surfaces", "Visible Edges", "Silhouettes", "Polyline Edges", "Indexed Edges", "Polylines", "Point Strings", "Point Clouds", "Instances", "Terrain", "Reality Mesh"]);
-        this._totalElem = this.addStatistics(cell10);
-        this._totalTreesElem = this.addStatistics(cell11);
-        this._purgeButton = this.addPurgeButton(this._div);
-        parent.appendChild(this._div);
-    }
-    dispose() {
-        this.clearInterval();
-    }
-    addSelector(parent) {
-        const entries = [];
-        for (let i = -1 /* None */; i < 7 /* COUNT */; i++)
-            entries.push({ name: memLabels[i + 1], value: i });
-        createComboBox({
-            parent,
-            name: "Track Memory: ",
-            id: "memTracker_type",
-            value: -1 /* None */,
-            handler: (select) => this.change(Number.parseInt(select.value, 10)),
-            entries,
-        });
-    }
-    addPurgeButton(parent) {
-        const div = document.createElement("div");
-        div.style.textAlign = "center";
-        const button = document.createElement("button");
-        button.innerText = "Purge";
-        button.addEventListener("click", () => this.purge());
-        div.appendChild(button);
-        parent.appendChild(div);
-        return button;
-    }
-    addStatistics(parent) {
-        const div = document.createElement("div");
-        const text = document.createElement("text");
-        text.style.fontWeight = "bold";
-        div.appendChild(text);
-        parent.appendChild(div);
-        return text;
-    }
-    clearInterval() {
-        if (undefined !== this._curIntervalId) {
-            clearInterval(this._curIntervalId);
-            this._curIntervalId = undefined;
-        }
-    }
-    change(newIndex) {
-        if (newIndex === this._memIndex)
-            return;
-        this._memIndex = newIndex;
-        if (-1 /* None */ === newIndex) {
-            this.clearInterval();
-            this._div.style.display = "none";
-            return;
-        }
-        if (undefined === this._curIntervalId) {
-            this._curIntervalId = setInterval(() => this.update(), 1000);
-            this._div.style.display = "block";
-        }
-        this._purgeButton.disabled = undefined === purgeMem[this._memIndex];
-        this.update();
-    }
-    update() {
-        const calc = calcMem[this._memIndex];
-        this._stats.clear();
-        const numTrees = calc(this._stats, this._vp);
-        this._totalElem.innerText = `Total: ${formatMemory(this._stats.totalBytes)}`;
-        this._totalTreesElem.innerText = `Total Tile Trees: ${numTrees}`;
-        this._textures.update(this._stats.consumers, this._stats.totalBytes - this._stats.buffers.totalBytes);
-        this._buffers.update(this._stats.buffers.consumers, this._stats.buffers.totalBytes);
-    }
-    purge() {
-        const purge = purgeMem[this._memIndex];
-        if (undefined !== purge) {
-            purge();
-            this._vp.invalidateScene(); // to trigger reloading of tiles we actually do want to continue drawing
-            this.update();
-        }
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 { assert, BeTimePoint } from "@itwin/core-bentley";
+import { DisclosedTileTreeSet, IModelApp, RenderMemory, } from "@itwin/core-frontend";
+import { createComboBox } from "../ui/ComboBox";
+function collectTileTreeMemory(stats, owner) {
+    const tree = owner.tileTree;
+    if (undefined !== tree)
+        tree.collectStatistics(stats);
+}
+// Includes None (-1) at index 0
+const memLabels = [
+    "None",
+    "Viewed Tile Trees",
+    "Selected Tiles",
+    "All Tile Trees",
+    "Render Target",
+    "Viewport",
+    "System",
+    "All",
+];
+function collectStatisticsForViewedTileTrees(vp, stats) {
+    vp.collectStatistics(stats);
+    const trees = new DisclosedTileTreeSet();
+    vp.discloseTileTrees(trees);
+    return trees.size;
+}
+function collectStatisticsForSelectedTiles(vp, stats) {
+    const trees = new Set();
+    const selectedTiles = IModelApp.tileAdmin.getTilesForUser(vp)?.selected;
+    if (selectedTiles) {
+        for (const tile of selectedTiles) {
+            trees.add(tile.tree);
+            tile.collectStatistics(stats);
+        }
+    }
+    return trees.size;
+}
+function collectStatisticsForAllTileTrees(vp, stats) {
+    let numTrees = 0;
+    vp.view.iModel.tiles.forEachTreeOwner((owner) => {
+        collectTileTreeMemory(stats, owner);
+        if (undefined !== owner.tileTree)
+            ++numTrees;
+    });
+    return numTrees;
+}
+const calcMem = [
+    (stats, vp) => collectStatisticsForViewedTileTrees(vp, stats),
+    (stats, vp) => collectStatisticsForSelectedTiles(vp, stats),
+    (stats, vp) => collectStatisticsForAllTileTrees(vp, stats),
+    (stats, vp) => {
+        vp.target.collectStatistics(stats);
+        return 0;
+    },
+    (stats, vp) => {
+        vp.target.collectStatistics(stats);
+        return collectStatisticsForViewedTileTrees(vp, stats);
+    },
+    (stats, vp) => {
+        vp.target.renderSystem.collectStatistics(stats);
+        return 0;
+    },
+    (stats, vp) => {
+        vp.target.renderSystem.collectStatistics(stats);
+        for (const x of IModelApp.viewManager)
+            x.target.collectStatistics(stats);
+        return collectStatisticsForAllTileTrees(vp, stats);
+    },
+];
+// ###TODO...
+const purgeMem = [
+    undefined,
+    (olderThan) => IModelApp.viewManager.purgeTileTrees(olderThan ? olderThan : BeTimePoint.now()),
+];
+/** @internal */
+export function formatMemory(numBytes) {
+    let suffix = "b";
+    if (numBytes >= 1024) {
+        numBytes /= 1024;
+        suffix = "kb";
+        if (numBytes >= 1024) {
+            numBytes /= 1024;
+            suffix = "mb";
+        }
+    }
+    return numBytes.toFixed(2) + suffix;
+}
+class MemoryPanel {
+    constructor(parent, label, labels) {
+        this._elems = [];
+        this._label = label;
+        this._labels = labels;
+        this._div = document.createElement("div");
+        this._header = document.createElement("label");
+        this._header.style.fontWeight = "bold";
+        this._div.appendChild(this._header);
+        const numElems = labels.length;
+        for (let i = 0; i < numElems; i++) {
+            const elem = document.createElement("label");
+            this._elems.push(elem);
+            this._div.appendChild(elem);
+        }
+        parent.appendChild(this._div);
+    }
+    update(stats, total) {
+        assert(this._labels.length === stats.length);
+        assert(this._labels.length === this._elems.length);
+        this._header.innerHTML = `${this._label}: ${formatMemory(total)}`;
+        for (let i = 0; i < this._labels.length; i++) {
+            const elem = this._elems[i];
+            const stat = stats[i];
+            if (0 === stat.totalBytes) {
+                elem.style.display = "none";
+                continue;
+            }
+            elem.style.display = "block";
+            elem.innerHTML = `${this._labels[i]} (${stat.count}): ${formatMemory(stat.totalBytes)}`; // + "\n(max: " + formatMemory(stat.maxBytes) + ")";
+        }
+    }
+}
+/** Displays GPU memory allocated to tile trees - either all tile trees in the system, or only those associated with a specific Viewport.
+ * @beta
+ */
+export class MemoryTracker {
+    constructor(parent, vp) {
+        this._stats = new RenderMemory.Statistics();
+        this._memIndex = -1 /* MemIndex.None */;
+        this._vp = vp;
+        this._div = document.createElement("div");
+        this._div.style.display = "none";
+        this._div.style.textAlign = "right";
+        this.addSelector(parent);
+        const table = document.createElement("table");
+        table.style.width = "100%";
+        table.setAttribute("border", "1");
+        this._div.appendChild(table);
+        const row0 = document.createElement("tr");
+        const cell00 = document.createElement("td");
+        const cell01 = document.createElement("td");
+        cell00.style.width = cell01.style.width = "50%";
+        row0.appendChild(cell00);
+        row0.appendChild(cell01);
+        table.appendChild(row0);
+        const row1 = document.createElement("tr");
+        const cell10 = document.createElement("td");
+        const cell11 = document.createElement("td");
+        cell10.style.width = cell11.style.width = "50%";
+        row1.appendChild(cell10);
+        row1.appendChild(cell11);
+        table.appendChild(row1);
+        this._textures = new MemoryPanel(cell00, "Textures", ["Surface Textures", "Vertex Tables", "Edge Tables", "Feature Tables", "Feature Overrides", "Clip Volumes", "Planar Classifiers", "Shadow Maps", "Texture Attachments", "Thematic Textures"]);
+        this._buffers = new MemoryPanel(cell01, "Buffers", ["Surfaces", "Visible Edges", "Silhouettes", "Polyline Edges", "Indexed Edges", "Polylines", "Point Strings", "Point Clouds", "Instances", "Terrain", "Reality Mesh"]);
+        this._totalElem = this.addStatistics(cell10);
+        this._totalTreesElem = this.addStatistics(cell11);
+        this._purgeButton = this.addPurgeButton(this._div);
+        parent.appendChild(this._div);
+    }
+    dispose() {
+        this.clearInterval();
+    }
+    addSelector(parent) {
+        const entries = [];
+        for (let i = -1 /* MemIndex.None */; i < 7 /* MemIndex.COUNT */; i++)
+            entries.push({ name: memLabels[i + 1], value: i });
+        createComboBox({
+            parent,
+            name: "Track Memory: ",
+            id: "memTracker_type",
+            value: -1 /* MemIndex.None */,
+            handler: (select) => this.change(Number.parseInt(select.value, 10)),
+            entries,
+        });
+    }
+    addPurgeButton(parent) {
+        const div = document.createElement("div");
+        div.style.textAlign = "center";
+        const button = document.createElement("button");
+        button.innerText = "Purge";
+        button.addEventListener("click", () => this.purge());
+        div.appendChild(button);
+        parent.appendChild(div);
+        return button;
+    }
+    addStatistics(parent) {
+        const div = document.createElement("div");
+        const text = document.createElement("text");
+        text.style.fontWeight = "bold";
+        div.appendChild(text);
+        parent.appendChild(div);
+        return text;
+    }
+    clearInterval() {
+        if (undefined !== this._curIntervalId) {
+            clearInterval(this._curIntervalId);
+            this._curIntervalId = undefined;
+        }
+    }
+    change(newIndex) {
+        if (newIndex === this._memIndex)
+            return;
+        this._memIndex = newIndex;
+        if (-1 /* MemIndex.None */ === newIndex) {
+            this.clearInterval();
+            this._div.style.display = "none";
+            return;
+        }
+        if (undefined === this._curIntervalId) {
+            this._curIntervalId = setInterval(() => this.update(), 1000);
+            this._div.style.display = "block";
+        }
+        this._purgeButton.disabled = undefined === purgeMem[this._memIndex];
+        this.update();
+    }
+    update() {
+        const calc = calcMem[this._memIndex];
+        this._stats.clear();
+        const numTrees = calc(this._stats, this._vp);
+        this._totalElem.innerText = `Total: ${formatMemory(this._stats.totalBytes)}`;
+        this._totalTreesElem.innerText = `Total Tile Trees: ${numTrees}`;
+        this._textures.update(this._stats.consumers, this._stats.totalBytes - this._stats.buffers.totalBytes);
+        this._buffers.update(this._stats.buffers.consumers, this._stats.buffers.totalBytes);
+    }
+    purge() {
+        const purge = purgeMem[this._memIndex];
+        if (undefined !== purge) {
+            purge();
+            this._vp.invalidateScene(); // to trigger reloading of tiles we actually do want to continue drawing
+            this.update();
+        }
+    }
+}
 //# sourceMappingURL=MemoryTracker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MemoryTracker.js","sourceRoot":"","sources":["../../../src/widgets/MemoryTracker.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EACL,oBAAoB,EAAE,SAAS,EAAE,YAAY,GAC9C,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAiB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE/D,SAAS,qBAAqB,CAAC,KAA8B,EAAE,KAAoB;IACjF,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC;IAC5B,IAAI,SAAS,KAAK,IAAI;QACpB,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAClC,CAAC;AAoBD,gCAAgC;AAChC,MAAM,SAAS,GAAG;IAChB,MAAM;IACN,mBAAmB;IACnB,gBAAgB;IAChB,gBAAgB;IAChB,eAAe;IACf,UAAU;IACV,QAAQ;IACR,KAAK;CACN,CAAC;AAEF,SAAS,mCAAmC,CAAC,EAAY,EAAE,KAA8B;IACvF,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,KAAK,GAAG,IAAI,oBAAoB,EAAE,CAAC;IACzC,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC5B,OAAO,KAAK,CAAC,IAAI,CAAC;AACpB,CAAC;AAED,SAAS,iCAAiC,CAAC,EAAY,EAAE,KAA8B;IACrF,MAAM,KAAK,GAAG,IAAI,GAAG,EAAY,CAAC;IAClC,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;IACxE,IAAI,aAAa,EAAE;QACjB,KAAK,MAAM,IAAI,IAAI,aAAa,EAAE;YAChC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrB,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;SAC/B;KACF;IAED,OAAO,KAAK,CAAC,IAAI,CAAC;AACpB,CAAC;AAED,SAAS,gCAAgC,CAAC,EAAY,EAAE,KAA8B;IACpF,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE;QAC9C,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACpC,IAAI,SAAS,KAAK,KAAK,CAAC,QAAQ;YAC9B,EAAE,QAAQ,CAAC;IACf,CAAC,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,OAAO,GAAc;IACzB,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,mCAAmC,CAAC,EAAE,EAAE,KAAK,CAAC;IAC7D,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,iCAAiC,CAAC,EAAE,EAAE,KAAK,CAAC;IAC3D,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,gCAAgC,CAAC,EAAE,EAAE,KAAK,CAAC;IAC1D,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE;QACZ,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACnC,OAAO,CAAC,CAAC;IACX,CAAC;IACD,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE;QACZ,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACnC,OAAO,mCAAmC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IACxD,CAAC;IACD,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE;QACZ,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAChD,OAAO,CAAC,CAAC;IACX,CAAC;IACD,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE;QACZ,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAChD,KAAK,MAAM,CAAC,IAAI,SAAS,CAAC,WAAW;YACnC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAEpC,OAAO,gCAAgC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IACrD,CAAC;CACF,CAAC;AAEF,aAAa;AACb,MAAM,QAAQ,GAAgC;IAC5C,SAAS;IACT,CAAC,SAAU,EAAE,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;CAChG,CAAC;AAEF,gBAAgB;AAChB,MAAM,UAAU,YAAY,CAAC,QAAgB;IAC3C,IAAI,MAAM,GAAG,GAAG,CAAC;IACjB,IAAI,QAAQ,IAAI,IAAI,EAAE;QACpB,QAAQ,IAAI,IAAI,CAAC;QACjB,MAAM,GAAG,IAAI,CAAC;QACd,IAAI,QAAQ,IAAI,IAAI,EAAE;YACpB,QAAQ,IAAI,IAAI,CAAC;YACjB,MAAM,GAAG,IAAI,CAAC;SACf;KACF;IAED,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;AACtC,CAAC;AAED,MAAM,WAAW;IAOf,YAAmB,MAAmB,EAAE,KAAa,EAAE,MAAgB;QAJtD,WAAM,GAAkB,EAAE,CAAC;QAK1C,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAE,CAAC;QAChD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEpC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;QAC/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE;YACjC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC7C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAC7B;QAED,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAEM,MAAM,CAAC,KAA+B,EAAE,KAAa;QAC1D,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC;QAC7C,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAEnD,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,MAAM,KAAK,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;QAElE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACtB,IAAI,CAAC,KAAK,IAAI,CAAC,UAAU,EAAE;gBACzB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;gBAC5B,SAAS;aACV;YAED,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;YAC7B,IAAI,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,MAAM,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,oDAAoD;SAC9I;IACH,CAAC;CACF;AAED;;GAEG;AACH,MAAM,OAAO,aAAa;IAYxB,YAAmB,MAAmB,EAAE,EAAY;QAXnC,WAAM,GAAG,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;QAIhD,cAAS,iBAAiB;QAQhC,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;QAEd,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;QAEpC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAEzB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC3B,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAE7B,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QAChD,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACzB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACzB,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAExB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QAChD,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACzB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACzB,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAExB,IAAI,CAAC,SAAS,GAAG,IAAI,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,kBAAkB,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,cAAc,EAAE,oBAAoB,EAAE,aAAa,EAAE,qBAAqB,EAAE,mBAAmB,CAAC,CAAC,CAAC;QACnP,IAAI,CAAC,QAAQ,GAAG,IAAI,WAAW,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;QAC1N,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC7C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAElD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEnD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEO,WAAW,CAAC,MAAmB;QACrC,MAAM,OAAO,GAAoB,EAAE,CAAC;QACpC,KAAK,IAAI,CAAC,gBAAgB,EAAE,CAAC,gBAAiB,EAAE,CAAC,EAAE;YACjD,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QAErD,cAAc,CAAC;YACb,MAAM;YACN,IAAI,EAAE,gBAAgB;YACtB,EAAE,EAAE,iBAAiB;YACrB,KAAK,eAAe;YACpB,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACnE,OAAO;SACR,CAAC,CAAC;IACL,CAAC;IAEO,cAAc,CAAC,MAAmB;QACxC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;QAE/B,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,SAAS,GAAG,OAAO,CAAC;QAC3B,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAErD,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACxB,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAExB,OAAO,MAAM,CAAC;IAChB,CAAC;IAEO,aAAa,CAAC,MAAmB;QACvC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QAC/B,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACtB,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,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,QAAkB;QAC/B,IAAI,QAAQ,KAAK,IAAI,CAAC,SAAS;YAC7B,OAAO;QAET,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,kBAAkB,QAAQ,EAAE;YAC9B,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YACjC,OAAO;SACR;QAED,IAAI,SAAS,KAAK,IAAI,CAAC,cAAc,EAAE;YACrC,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,CAAC;YAC7D,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;SACnC;QAED,IAAI,CAAC,YAAY,CAAC,QAAQ,GAAG,SAAS,KAAK,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEpE,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEO,MAAM;QACZ,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACrC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAC7C,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,UAAU,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;QAC7E,IAAI,CAAC,eAAe,CAAC,SAAS,GAAG,qBAAqB,QAAQ,EAAE,CAAC;QAEjE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACtG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IACtF,CAAC;IAEO,KAAK;QACX,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACvC,IAAI,SAAS,KAAK,KAAK,EAAE;YACvB,KAAK,EAAE,CAAC;YACR,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC,wEAAwE;YACpG,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;IACH,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 { assert, BeTimePoint } from \"@itwin/core-bentley\";\r\nimport {\r\n  DisclosedTileTreeSet, IModelApp, RenderMemory, TileTree, TileTreeOwner, Viewport,\r\n} from \"@itwin/core-frontend\";\r\nimport { ComboBoxEntry, createComboBox } from \"../ui/ComboBox\";\r\n\r\nfunction collectTileTreeMemory(stats: RenderMemory.Statistics, owner: TileTreeOwner): void {\r\n  const tree = owner.tileTree;\r\n  if (undefined !== tree)\r\n    tree.collectStatistics(stats);\r\n}\r\n\r\n// Returns the number of tile trees processed.\r\ntype CalcMem = (stats: RenderMemory.Statistics, vp: Viewport) => number;\r\ntype PurgeMem = (olderThan?: BeTimePoint) => void;\r\n\r\nconst enum MemIndex { // eslint-disable-line no-restricted-syntax\r\n  None = -1,\r\n  ViewportTileTrees,\r\n  SelectedTiles,\r\n  AllTileTrees,\r\n  RenderTarget,\r\n  // eslint-disable-next-line @typescript-eslint/no-shadow\r\n  Viewport, // RenderTarget + Viewed Tile Trees\r\n  System,\r\n  All, // All Tile Trees + System + (RenderTarget for each ViewManager viewport)\r\n\r\n  COUNT,\r\n}\r\n\r\n// Includes None (-1) at index 0\r\nconst memLabels = [\r\n  \"None\",\r\n  \"Viewed Tile Trees\",\r\n  \"Selected Tiles\",\r\n  \"All Tile Trees\",\r\n  \"Render Target\",\r\n  \"Viewport\",\r\n  \"System\",\r\n  \"All\",\r\n];\r\n\r\nfunction collectStatisticsForViewedTileTrees(vp: Viewport, stats: RenderMemory.Statistics): number {\r\n  vp.collectStatistics(stats);\r\n  const trees = new DisclosedTileTreeSet();\r\n  vp.discloseTileTrees(trees);\r\n  return trees.size;\r\n}\r\n\r\nfunction collectStatisticsForSelectedTiles(vp: Viewport, stats: RenderMemory.Statistics): number {\r\n  const trees = new Set<TileTree>();\r\n  const selectedTiles = IModelApp.tileAdmin.getTilesForUser(vp)?.selected;\r\n  if (selectedTiles) {\r\n    for (const tile of selectedTiles) {\r\n      trees.add(tile.tree);\r\n      tile.collectStatistics(stats);\r\n    }\r\n  }\r\n\r\n  return trees.size;\r\n}\r\n\r\nfunction collectStatisticsForAllTileTrees(vp: Viewport, stats: RenderMemory.Statistics): number {\r\n  let numTrees = 0;\r\n  vp.view.iModel.tiles.forEachTreeOwner((owner) => {\r\n    collectTileTreeMemory(stats, owner);\r\n    if (undefined !== owner.tileTree)\r\n      ++numTrees;\r\n  });\r\n  return numTrees;\r\n}\r\n\r\nconst calcMem: CalcMem[] = [\r\n  (stats, vp) => collectStatisticsForViewedTileTrees(vp, stats),\r\n  (stats, vp) => collectStatisticsForSelectedTiles(vp, stats),\r\n  (stats, vp) => collectStatisticsForAllTileTrees(vp, stats),\r\n  (stats, vp) => {\r\n    vp.target.collectStatistics(stats);\r\n    return 0;\r\n  },\r\n  (stats, vp) => {\r\n    vp.target.collectStatistics(stats);\r\n    return collectStatisticsForViewedTileTrees(vp, stats);\r\n  },\r\n  (stats, vp) => {\r\n    vp.target.renderSystem.collectStatistics(stats);\r\n    return 0;\r\n  },\r\n  (stats, vp) => {\r\n    vp.target.renderSystem.collectStatistics(stats);\r\n    for (const x of IModelApp.viewManager)\r\n      x.target.collectStatistics(stats);\r\n\r\n    return collectStatisticsForAllTileTrees(vp, stats);\r\n  },\r\n];\r\n\r\n// ###TODO...\r\nconst purgeMem: Array<PurgeMem | undefined> = [\r\n  undefined,\r\n  (olderThan?) => IModelApp.viewManager.purgeTileTrees(olderThan ? olderThan : BeTimePoint.now()),\r\n];\r\n\r\n/** @internal */\r\nexport function formatMemory(numBytes: number): string {\r\n  let suffix = \"b\";\r\n  if (numBytes >= 1024) {\r\n    numBytes /= 1024;\r\n    suffix = \"kb\";\r\n    if (numBytes >= 1024) {\r\n      numBytes /= 1024;\r\n      suffix = \"mb\";\r\n    }\r\n  }\r\n\r\n  return numBytes.toFixed(2) + suffix;\r\n}\r\n\r\nclass MemoryPanel {\r\n  private readonly _label: string;\r\n  private readonly _labels: string[];\r\n  private readonly _elems: HTMLElement[] = [];\r\n  private readonly _div: HTMLDivElement;\r\n  private readonly _header: HTMLElement;\r\n\r\n  public constructor(parent: HTMLElement, label: string, labels: string[]) {\r\n    this._label = label;\r\n    this._labels = labels;\r\n    this._div = document.createElement(\"div\");\r\n\r\n    this._header = document.createElement(\"label\")!;\r\n    this._header.style.fontWeight = \"bold\";\r\n    this._div.appendChild(this._header);\r\n\r\n    const numElems = labels.length;\r\n    for (let i = 0; i < numElems; i++) {\r\n      const elem = document.createElement(\"label\");\r\n      this._elems.push(elem);\r\n      this._div.appendChild(elem);\r\n    }\r\n\r\n    parent.appendChild(this._div);\r\n  }\r\n\r\n  public update(stats: RenderMemory.Consumers[], total: number): void {\r\n    assert(this._labels.length === stats.length);\r\n    assert(this._labels.length === this._elems.length);\r\n\r\n    this._header.innerHTML = `${this._label}: ${formatMemory(total)}`;\r\n\r\n    for (let i = 0; i < this._labels.length; i++) {\r\n      const elem = this._elems[i];\r\n      const stat = stats[i];\r\n      if (0 === stat.totalBytes) {\r\n        elem.style.display = \"none\";\r\n        continue;\r\n      }\r\n\r\n      elem.style.display = \"block\";\r\n      elem.innerHTML = `${this._labels[i]} (${stat.count}): ${formatMemory(stat.totalBytes)}`; // + \"\\n(max: \" + formatMemory(stat.maxBytes) + \")\";\r\n    }\r\n  }\r\n}\r\n\r\n/** Displays GPU memory allocated to tile trees - either all tile trees in the system, or only those associated with a specific Viewport.\r\n * @beta\r\n */\r\nexport class MemoryTracker {\r\n  private readonly _stats = new RenderMemory.Statistics();\r\n  private readonly _vp: Viewport;\r\n  private readonly _div: HTMLDivElement;\r\n  private _curIntervalId?: NodeJS.Timer;\r\n  private _memIndex = MemIndex.None;\r\n  private readonly _totalElem: HTMLElement;\r\n  private readonly _totalTreesElem: HTMLElement;\r\n  private readonly _purgeButton: HTMLButtonElement;\r\n  private readonly _textures: MemoryPanel;\r\n  private readonly _buffers: MemoryPanel;\r\n\r\n  public constructor(parent: HTMLElement, vp: Viewport) {\r\n    this._vp = vp;\r\n\r\n    this._div = document.createElement(\"div\");\r\n    this._div.style.display = \"none\";\r\n    this._div.style.textAlign = \"right\";\r\n\r\n    this.addSelector(parent);\r\n\r\n    const table = document.createElement(\"table\");\r\n    table.style.width = \"100%\";\r\n    table.setAttribute(\"border\", \"1\");\r\n    this._div.appendChild(table);\r\n\r\n    const row0 = document.createElement(\"tr\");\r\n    const cell00 = document.createElement(\"td\");\r\n    const cell01 = document.createElement(\"td\");\r\n    cell00.style.width = cell01.style.width = \"50%\";\r\n    row0.appendChild(cell00);\r\n    row0.appendChild(cell01);\r\n    table.appendChild(row0);\r\n\r\n    const row1 = document.createElement(\"tr\");\r\n    const cell10 = document.createElement(\"td\");\r\n    const cell11 = document.createElement(\"td\");\r\n    cell10.style.width = cell11.style.width = \"50%\";\r\n    row1.appendChild(cell10);\r\n    row1.appendChild(cell11);\r\n    table.appendChild(row1);\r\n\r\n    this._textures = new MemoryPanel(cell00, \"Textures\", [\"Surface Textures\", \"Vertex Tables\", \"Edge Tables\", \"Feature Tables\", \"Feature Overrides\", \"Clip Volumes\", \"Planar Classifiers\", \"Shadow Maps\", \"Texture Attachments\", \"Thematic Textures\"]);\r\n    this._buffers = new MemoryPanel(cell01, \"Buffers\", [\"Surfaces\", \"Visible Edges\", \"Silhouettes\", \"Polyline Edges\", \"Indexed Edges\", \"Polylines\", \"Point Strings\", \"Point Clouds\", \"Instances\", \"Terrain\", \"Reality Mesh\"]);\r\n    this._totalElem = this.addStatistics(cell10);\r\n    this._totalTreesElem = this.addStatistics(cell11);\r\n\r\n    this._purgeButton = this.addPurgeButton(this._div);\r\n\r\n    parent.appendChild(this._div);\r\n  }\r\n\r\n  public dispose(): void {\r\n    this.clearInterval();\r\n  }\r\n\r\n  private addSelector(parent: HTMLElement): void {\r\n    const entries: ComboBoxEntry[] = [];\r\n    for (let i = MemIndex.None; i < MemIndex.COUNT; i++)\r\n      entries.push({ name: memLabels[i + 1], value: i });\r\n\r\n    createComboBox({\r\n      parent,\r\n      name: \"Track Memory: \",\r\n      id: \"memTracker_type\",\r\n      value: MemIndex.None,\r\n      handler: (select) => this.change(Number.parseInt(select.value, 10)),\r\n      entries,\r\n    });\r\n  }\r\n\r\n  private addPurgeButton(parent: HTMLElement): HTMLButtonElement {\r\n    const div = document.createElement(\"div\");\r\n    div.style.textAlign = \"center\";\r\n\r\n    const button = document.createElement(\"button\");\r\n    button.innerText = \"Purge\";\r\n    button.addEventListener(\"click\", () => this.purge());\r\n\r\n    div.appendChild(button);\r\n    parent.appendChild(div);\r\n\r\n    return button;\r\n  }\r\n\r\n  private addStatistics(parent: HTMLElement): HTMLElement {\r\n    const div = document.createElement(\"div\");\r\n    const text = document.createElement(\"text\");\r\n    text.style.fontWeight = \"bold\";\r\n    div.appendChild(text);\r\n    parent.appendChild(div);\r\n    return text;\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 change(newIndex: MemIndex): void {\r\n    if (newIndex === this._memIndex)\r\n      return;\r\n\r\n    this._memIndex = newIndex;\r\n    if (MemIndex.None === newIndex) {\r\n      this.clearInterval();\r\n      this._div.style.display = \"none\";\r\n      return;\r\n    }\r\n\r\n    if (undefined === this._curIntervalId) {\r\n      this._curIntervalId = setInterval(() => this.update(), 1000);\r\n      this._div.style.display = \"block\";\r\n    }\r\n\r\n    this._purgeButton.disabled = undefined === purgeMem[this._memIndex];\r\n\r\n    this.update();\r\n  }\r\n\r\n  private update(): void {\r\n    const calc = calcMem[this._memIndex];\r\n    this._stats.clear();\r\n    const numTrees = calc(this._stats, this._vp);\r\n    this._totalElem.innerText = `Total: ${formatMemory(this._stats.totalBytes)}`;\r\n    this._totalTreesElem.innerText = `Total Tile Trees: ${numTrees}`;\r\n\r\n    this._textures.update(this._stats.consumers, this._stats.totalBytes - this._stats.buffers.totalBytes);\r\n    this._buffers.update(this._stats.buffers.consumers, this._stats.buffers.totalBytes);\r\n  }\r\n\r\n  private purge(): void {\r\n    const purge = purgeMem[this._memIndex];\r\n    if (undefined !== purge) {\r\n      purge();\r\n      this._vp.invalidateScene(); // to trigger reloading of tiles we actually do want to continue drawing\r\n      this.update();\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"MemoryTracker.js","sourceRoot":"","sources":["../../../src/widgets/MemoryTracker.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 { assert, BeTimePoint } from \"@itwin/core-bentley\";\r\nimport {\r\n  DisclosedTileTreeSet, IModelApp, RenderMemory, TileTree, TileTreeOwner, Viewport,\r\n} from \"@itwin/core-frontend\";\r\nimport { ComboBoxEntry, createComboBox } from \"../ui/ComboBox\";\r\n\r\nfunction collectTileTreeMemory(stats: RenderMemory.Statistics, owner: TileTreeOwner): void {\r\n  const tree = owner.tileTree;\r\n  if (undefined !== tree)\r\n    tree.collectStatistics(stats);\r\n}\r\n\r\n// Returns the number of tile trees processed.\r\ntype CalcMem = (stats: RenderMemory.Statistics, vp: Viewport) => number;\r\ntype PurgeMem = (olderThan?: BeTimePoint) => void;\r\n\r\nconst enum MemIndex { // eslint-disable-line no-restricted-syntax\r\n  None = -1,\r\n  ViewportTileTrees,\r\n  SelectedTiles,\r\n  AllTileTrees,\r\n  RenderTarget,\r\n  // eslint-disable-next-line @typescript-eslint/no-shadow\r\n  Viewport, // RenderTarget + Viewed Tile Trees\r\n  System,\r\n  All, // All Tile Trees + System + (RenderTarget for each ViewManager viewport)\r\n\r\n  COUNT,\r\n}\r\n\r\n// Includes None (-1) at index 0\r\nconst memLabels = [\r\n  \"None\",\r\n  \"Viewed Tile Trees\",\r\n  \"Selected Tiles\",\r\n  \"All Tile Trees\",\r\n  \"Render Target\",\r\n  \"Viewport\",\r\n  \"System\",\r\n  \"All\",\r\n];\r\n\r\nfunction collectStatisticsForViewedTileTrees(vp: Viewport, stats: RenderMemory.Statistics): number {\r\n  vp.collectStatistics(stats);\r\n  const trees = new DisclosedTileTreeSet();\r\n  vp.discloseTileTrees(trees);\r\n  return trees.size;\r\n}\r\n\r\nfunction collectStatisticsForSelectedTiles(vp: Viewport, stats: RenderMemory.Statistics): number {\r\n  const trees = new Set<TileTree>();\r\n  const selectedTiles = IModelApp.tileAdmin.getTilesForUser(vp)?.selected;\r\n  if (selectedTiles) {\r\n    for (const tile of selectedTiles) {\r\n      trees.add(tile.tree);\r\n      tile.collectStatistics(stats);\r\n    }\r\n  }\r\n\r\n  return trees.size;\r\n}\r\n\r\nfunction collectStatisticsForAllTileTrees(vp: Viewport, stats: RenderMemory.Statistics): number {\r\n  let numTrees = 0;\r\n  vp.view.iModel.tiles.forEachTreeOwner((owner) => {\r\n    collectTileTreeMemory(stats, owner);\r\n    if (undefined !== owner.tileTree)\r\n      ++numTrees;\r\n  });\r\n  return numTrees;\r\n}\r\n\r\nconst calcMem: CalcMem[] = [\r\n  (stats, vp) => collectStatisticsForViewedTileTrees(vp, stats),\r\n  (stats, vp) => collectStatisticsForSelectedTiles(vp, stats),\r\n  (stats, vp) => collectStatisticsForAllTileTrees(vp, stats),\r\n  (stats, vp) => {\r\n    vp.target.collectStatistics(stats);\r\n    return 0;\r\n  },\r\n  (stats, vp) => {\r\n    vp.target.collectStatistics(stats);\r\n    return collectStatisticsForViewedTileTrees(vp, stats);\r\n  },\r\n  (stats, vp) => {\r\n    vp.target.renderSystem.collectStatistics(stats);\r\n    return 0;\r\n  },\r\n  (stats, vp) => {\r\n    vp.target.renderSystem.collectStatistics(stats);\r\n    for (const x of IModelApp.viewManager)\r\n      x.target.collectStatistics(stats);\r\n\r\n    return collectStatisticsForAllTileTrees(vp, stats);\r\n  },\r\n];\r\n\r\n// ###TODO...\r\nconst purgeMem: Array<PurgeMem | undefined> = [\r\n  undefined,\r\n  (olderThan?) => IModelApp.viewManager.purgeTileTrees(olderThan ? olderThan : BeTimePoint.now()),\r\n];\r\n\r\n/** @internal */\r\nexport function formatMemory(numBytes: number): string {\r\n  let suffix = \"b\";\r\n  if (numBytes >= 1024) {\r\n    numBytes /= 1024;\r\n    suffix = \"kb\";\r\n    if (numBytes >= 1024) {\r\n      numBytes /= 1024;\r\n      suffix = \"mb\";\r\n    }\r\n  }\r\n\r\n  return numBytes.toFixed(2) + suffix;\r\n}\r\n\r\nclass MemoryPanel {\r\n  private readonly _label: string;\r\n  private readonly _labels: string[];\r\n  private readonly _elems: HTMLElement[] = [];\r\n  private readonly _div: HTMLDivElement;\r\n  private readonly _header: HTMLElement;\r\n\r\n  public constructor(parent: HTMLElement, label: string, labels: string[]) {\r\n    this._label = label;\r\n    this._labels = labels;\r\n    this._div = document.createElement(\"div\");\r\n\r\n    this._header = document.createElement(\"label\")!;\r\n    this._header.style.fontWeight = \"bold\";\r\n    this._div.appendChild(this._header);\r\n\r\n    const numElems = labels.length;\r\n    for (let i = 0; i < numElems; i++) {\r\n      const elem = document.createElement(\"label\");\r\n      this._elems.push(elem);\r\n      this._div.appendChild(elem);\r\n    }\r\n\r\n    parent.appendChild(this._div);\r\n  }\r\n\r\n  public update(stats: RenderMemory.Consumers[], total: number): void {\r\n    assert(this._labels.length === stats.length);\r\n    assert(this._labels.length === this._elems.length);\r\n\r\n    this._header.innerHTML = `${this._label}: ${formatMemory(total)}`;\r\n\r\n    for (let i = 0; i < this._labels.length; i++) {\r\n      const elem = this._elems[i];\r\n      const stat = stats[i];\r\n      if (0 === stat.totalBytes) {\r\n        elem.style.display = \"none\";\r\n        continue;\r\n      }\r\n\r\n      elem.style.display = \"block\";\r\n      elem.innerHTML = `${this._labels[i]} (${stat.count}): ${formatMemory(stat.totalBytes)}`; // + \"\\n(max: \" + formatMemory(stat.maxBytes) + \")\";\r\n    }\r\n  }\r\n}\r\n\r\n/** Displays GPU memory allocated to tile trees - either all tile trees in the system, or only those associated with a specific Viewport.\r\n * @beta\r\n */\r\nexport class MemoryTracker {\r\n  private readonly _stats = new RenderMemory.Statistics();\r\n  private readonly _vp: Viewport;\r\n  private readonly _div: HTMLDivElement;\r\n  private _curIntervalId?: NodeJS.Timer;\r\n  private _memIndex = MemIndex.None;\r\n  private readonly _totalElem: HTMLElement;\r\n  private readonly _totalTreesElem: HTMLElement;\r\n  private readonly _purgeButton: HTMLButtonElement;\r\n  private readonly _textures: MemoryPanel;\r\n  private readonly _buffers: MemoryPanel;\r\n\r\n  public constructor(parent: HTMLElement, vp: Viewport) {\r\n    this._vp = vp;\r\n\r\n    this._div = document.createElement(\"div\");\r\n    this._div.style.display = \"none\";\r\n    this._div.style.textAlign = \"right\";\r\n\r\n    this.addSelector(parent);\r\n\r\n    const table = document.createElement(\"table\");\r\n    table.style.width = \"100%\";\r\n    table.setAttribute(\"border\", \"1\");\r\n    this._div.appendChild(table);\r\n\r\n    const row0 = document.createElement(\"tr\");\r\n    const cell00 = document.createElement(\"td\");\r\n    const cell01 = document.createElement(\"td\");\r\n    cell00.style.width = cell01.style.width = \"50%\";\r\n    row0.appendChild(cell00);\r\n    row0.appendChild(cell01);\r\n    table.appendChild(row0);\r\n\r\n    const row1 = document.createElement(\"tr\");\r\n    const cell10 = document.createElement(\"td\");\r\n    const cell11 = document.createElement(\"td\");\r\n    cell10.style.width = cell11.style.width = \"50%\";\r\n    row1.appendChild(cell10);\r\n    row1.appendChild(cell11);\r\n    table.appendChild(row1);\r\n\r\n    this._textures = new MemoryPanel(cell00, \"Textures\", [\"Surface Textures\", \"Vertex Tables\", \"Edge Tables\", \"Feature Tables\", \"Feature Overrides\", \"Clip Volumes\", \"Planar Classifiers\", \"Shadow Maps\", \"Texture Attachments\", \"Thematic Textures\"]);\r\n    this._buffers = new MemoryPanel(cell01, \"Buffers\", [\"Surfaces\", \"Visible Edges\", \"Silhouettes\", \"Polyline Edges\", \"Indexed Edges\", \"Polylines\", \"Point Strings\", \"Point Clouds\", \"Instances\", \"Terrain\", \"Reality Mesh\"]);\r\n    this._totalElem = this.addStatistics(cell10);\r\n    this._totalTreesElem = this.addStatistics(cell11);\r\n\r\n    this._purgeButton = this.addPurgeButton(this._div);\r\n\r\n    parent.appendChild(this._div);\r\n  }\r\n\r\n  public dispose(): void {\r\n    this.clearInterval();\r\n  }\r\n\r\n  private addSelector(parent: HTMLElement): void {\r\n    const entries: ComboBoxEntry[] = [];\r\n    for (let i = MemIndex.None; i < MemIndex.COUNT; i++)\r\n      entries.push({ name: memLabels[i + 1], value: i });\r\n\r\n    createComboBox({\r\n      parent,\r\n      name: \"Track Memory: \",\r\n      id: \"memTracker_type\",\r\n      value: MemIndex.None,\r\n      handler: (select) => this.change(Number.parseInt(select.value, 10)),\r\n      entries,\r\n    });\r\n  }\r\n\r\n  private addPurgeButton(parent: HTMLElement): HTMLButtonElement {\r\n    const div = document.createElement(\"div\");\r\n    div.style.textAlign = \"center\";\r\n\r\n    const button = document.createElement(\"button\");\r\n    button.innerText = \"Purge\";\r\n    button.addEventListener(\"click\", () => this.purge());\r\n\r\n    div.appendChild(button);\r\n    parent.appendChild(div);\r\n\r\n    return button;\r\n  }\r\n\r\n  private addStatistics(parent: HTMLElement): HTMLElement {\r\n    const div = document.createElement(\"div\");\r\n    const text = document.createElement(\"text\");\r\n    text.style.fontWeight = \"bold\";\r\n    div.appendChild(text);\r\n    parent.appendChild(div);\r\n    return text;\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 change(newIndex: MemIndex): void {\r\n    if (newIndex === this._memIndex)\r\n      return;\r\n\r\n    this._memIndex = newIndex;\r\n    if (MemIndex.None === newIndex) {\r\n      this.clearInterval();\r\n      this._div.style.display = \"none\";\r\n      return;\r\n    }\r\n\r\n    if (undefined === this._curIntervalId) {\r\n      this._curIntervalId = setInterval(() => this.update(), 1000);\r\n      this._div.style.display = \"block\";\r\n    }\r\n\r\n    this._purgeButton.disabled = undefined === purgeMem[this._memIndex];\r\n\r\n    this.update();\r\n  }\r\n\r\n  private update(): void {\r\n    const calc = calcMem[this._memIndex];\r\n    this._stats.clear();\r\n    const numTrees = calc(this._stats, this._vp);\r\n    this._totalElem.innerText = `Total: ${formatMemory(this._stats.totalBytes)}`;\r\n    this._totalTreesElem.innerText = `Total Tile Trees: ${numTrees}`;\r\n\r\n    this._textures.update(this._stats.consumers, this._stats.totalBytes - this._stats.buffers.totalBytes);\r\n    this._buffers.update(this._stats.buffers.consumers, this._stats.buffers.totalBytes);\r\n  }\r\n\r\n  private purge(): void {\r\n    const purge = purgeMem[this._memIndex];\r\n    if (undefined !== purge) {\r\n      purge();\r\n      this._vp.invalidateScene(); // to trigger reloading of tiles we actually do want to continue drawing\r\n      this.update();\r\n    }\r\n  }\r\n}\r\n"]}

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

@@ -1,16 +1,16 @@
-/** @packageDocumentation
- * @module Widgets
- */
-export declare class RenderCommandBreakdown {
-    private readonly _div;
-    private readonly _cellDiv;
-    private _curIntervalId?;
-    private readonly _cells;
-    private readonly _total;
-    constructor(parent: HTMLElement);
-    dispose(): void;
-    private toggle;
-    private clearInterval;
-    private update;
-}
+/** @packageDocumentation
+ * @module Widgets
+ */
+export declare class RenderCommandBreakdown {
+    private readonly _div;
+    private readonly _cellDiv;
+    private _curIntervalId?;
+    private readonly _cells;
+    private readonly _total;
+    constructor(parent: HTMLElement);
+    dispose(): void;
+    private toggle;
+    private clearInterval;
+    private update;
+}
 //# sourceMappingURL=RenderCommandBreakdown.d.ts.map