@itwin/frontend-devtools 4.0.0-dev.24 → 4.0.0-dev.30

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

@@ -1 +1 @@
-{"version":3,"file":"TileStatisticsTracker.js","sourceRoot":"","sources":["../../../src/widgets/TileStatisticsTracker.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 { IModelApp, TileAdmin, Viewport } from \"@itwin/core-frontend\";\r\nimport { createButton } from \"../ui/Button\";\r\nimport { createCheckBox } from \"../ui/CheckBox\";\r\nimport { createNumericInput } from \"../ui/NumericInput\";\r\n\r\ntype GetStatValue = (stats: TileAdmin.Statistics, vp: Viewport) => number;\r\ninterface StatEntry {\r\n  label: string;\r\n  getValue: GetStatValue;\r\n}\r\n\r\nfunction computeProgress(vp: Viewport): number {\r\n  const ready = vp.numReadyTiles;\r\n  const requested = vp.numRequestedTiles;\r\n  const total = ready + requested;\r\n  const ratio = (total > 0) ? (ready / total) : 1.0;\r\n  return Math.round(ratio * 100);\r\n}\r\n\r\nconst statEntries: StatEntry[] = [\r\n  { getValue: (stats, vp) => stats.numActiveRequests + (IModelApp.tileAdmin.getTilesForUser(vp)?.external.requested ?? 0), label: \"Active\" },\r\n  { getValue: (stats, _vp) => stats.numPendingRequests, label: \"Pending\" },\r\n  { getValue: (stats, _vp) => stats.numCanceled, label: \"Canceled\" },\r\n  { getValue: (stats, _vp) => stats.numActiveRequests + stats.numPendingRequests, label: \"Total\" },\r\n  { getValue: (_stats, vp) => vp.numSelectedTiles, label: \"Selected\" },\r\n  { getValue: (_stats, vp) => vp.numReadyTiles, label: \"Ready\" },\r\n  { getValue: (_stats, vp) => computeProgress(vp), label: \"Progress\" },\r\n  { getValue: (stats, _vp) => stats.totalCompletedRequests, label: \"Completed\" },\r\n  { getValue: (stats, _vp) => stats.totalTimedOutRequests, label: \"Timed Out\" },\r\n  { getValue: (stats, _vp) => stats.totalFailedRequests, label: \"Failed\" },\r\n  { getValue: (stats, _vp) => stats.totalEmptyTiles, label: \"Empty\" },\r\n  { getValue: (stats, _vp) => stats.totalUndisplayableTiles, label: \"Undisplayable\" },\r\n  { getValue: (stats, _vp) => stats.totalElidedTiles, label: \"Elided\" },\r\n  { getValue: (stats, _vp) => stats.totalCacheMisses, label: \"Cache Misses\" },\r\n  { getValue: (stats, _vp) => stats.totalDispatchedRequests, label: \"Dispatched\" },\r\n  { getValue: (stats, _vp) => stats.totalAbortedRequests, label: \"Aborted\" },\r\n  { getValue: (stats) => Math.round(stats.decoding.mean), label: \"Decoding mean time (ms)\" },\r\n  { getValue: (stats) => stats.decoding.max, label: \"Decoding max time (ms)\" },\r\n];\r\n\r\nconst indexOfFirstGlobalStatistic = 7; // \"Completed\"\r\n\r\n/** Outputs statistics related to tile requests including the current number of active, pending, selected, and ready tile requests; as well as cumulative statistics for the session including the number of failed, timed-out, empty, and elided tile requests.\r\n * @beta\r\n */\r\nexport class TileStatisticsTracker {\r\n  private readonly _statElements: HTMLElement[] = [];\r\n  private readonly _div: HTMLDivElement;\r\n  private readonly _vp: Viewport;\r\n  private _curIntervalId?: NodeJS.Timer;\r\n\r\n  public constructor(parent: HTMLElement, vp: Viewport) {\r\n    this._vp = vp;\r\n    this.addMaxActive(parent);\r\n    createCheckBox({\r\n      parent,\r\n      name: \"Track Tile Requests\",\r\n      id: \"stats_trackMemory\",\r\n      handler: (_cb) => this.toggle(),\r\n    });\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    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 row = document.createElement(\"tr\");\r\n    const frameColumn = document.createElement(\"td\");\r\n    const globalColumn = document.createElement(\"td\");\r\n    frameColumn.style.width = globalColumn.style.width = \"50%\";\r\n    row.appendChild(frameColumn);\r\n    row.appendChild(globalColumn);\r\n    table.appendChild(row);\r\n\r\n    for (let i = 0; i < statEntries.length; i++) {\r\n      const div = document.createElement(\"div\");\r\n      const elem = document.createElement(\"text\");\r\n      this._statElements[i] = elem;\r\n      div.appendChild(elem);\r\n\r\n      const column = i >= indexOfFirstGlobalStatistic ? globalColumn : frameColumn;\r\n      column.appendChild(div);\r\n    }\r\n\r\n    const resetButton = createButton({\r\n      parent: this._div,\r\n      value: \"Reset\",\r\n      tooltip: \"Reset all cumulative statistics\",\r\n      handler: () => this.reset(),\r\n    });\r\n    resetButton.div.style.textAlign = \"center\";\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 addMaxActive(parent: HTMLElement): void {\r\n    const div = document.createElement(\"div\");\r\n\r\n    const label = document.createElement(\"label\");\r\n    label.style.display = \"inline\";\r\n    label.htmlFor = \"maxActiveRequests\";\r\n    label.innerText = \"Max Active Requests: \";\r\n    div.appendChild(label);\r\n\r\n    createNumericInput({\r\n      parent: div,\r\n      id: \"maxActiveRequests\",\r\n      display: \"inline\",\r\n      min: 0,\r\n      step: 1,\r\n      value: IModelApp.tileAdmin.channels.rpcConcurrency,\r\n      handler: (value, _input) => this.updateMaxActive(value),\r\n    });\r\n\r\n    parent.appendChild(div);\r\n  }\r\n\r\n  private updateMaxActive(value: number): void {\r\n    IModelApp.tileAdmin.channels.setRpcConcurrency(value);\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(): void {\r\n    if (undefined !== this._curIntervalId) {\r\n      // Currently on - turn off.\r\n      this._div.style.display = \"none\";\r\n      this.clearInterval();\r\n    } else {\r\n      // Currently off - turn on.\r\n      this._div.style.display = \"block\";\r\n      this.update();\r\n      this._curIntervalId = setInterval(() => this.update(), 500);\r\n    }\r\n  }\r\n\r\n  private update(): void {\r\n    const stats = IModelApp.tileAdmin.statistics;\r\n    for (let i = 0; i < statEntries.length; i++) {\r\n      const stat = statEntries[i];\r\n      const label = `${stat.label}: ${stat.getValue(stats, this._vp)}`;\r\n      this._statElements[i].innerText = label;\r\n    }\r\n  }\r\n\r\n  private reset(): void {\r\n    IModelApp.tileAdmin.resetStatistics();\r\n    this.update();\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"TileStatisticsTracker.js","sourceRoot":"","sources":["../../../src/widgets/TileStatisticsTracker.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 { IModelApp, TileAdmin, Viewport } from \"@itwin/core-frontend\";\r\nimport { createButton } from \"../ui/Button\";\r\nimport { createCheckBox } from \"../ui/CheckBox\";\r\nimport { createNumericInput } from \"../ui/NumericInput\";\r\n\r\ntype GetStatValue = (stats: TileAdmin.Statistics, vp: Viewport) => number;\r\ninterface StatEntry {\r\n  label: string;\r\n  getValue: GetStatValue;\r\n}\r\n\r\nfunction computeProgress(vp: Viewport): number {\r\n  const ready = vp.numReadyTiles;\r\n  const requested = vp.numRequestedTiles;\r\n  const total = ready + requested;\r\n  const ratio = (total > 0) ? (ready / total) : 1.0;\r\n  return Math.round(ratio * 100);\r\n}\r\n\r\nconst statEntries: StatEntry[] = [\r\n  { getValue: (stats, vp) => stats.numActiveRequests + (IModelApp.tileAdmin.getTilesForUser(vp)?.external.requested ?? 0), label: \"Active\" },\r\n  { getValue: (stats, _vp) => stats.numPendingRequests, label: \"Pending\" },\r\n  { getValue: (stats, _vp) => stats.numCanceled, label: \"Canceled\" },\r\n  { getValue: (stats, _vp) => stats.numActiveRequests + stats.numPendingRequests, label: \"Total\" },\r\n  { getValue: (_stats, vp) => vp.numSelectedTiles, label: \"Selected\" },\r\n  { getValue: (_stats, vp) => vp.numReadyTiles, label: \"Ready\" },\r\n  { getValue: (_stats, vp) => computeProgress(vp), label: \"Progress\" },\r\n  { getValue: (stats, _vp) => stats.totalCompletedRequests, label: \"Completed\" },\r\n  { getValue: (stats, _vp) => stats.totalTimedOutRequests, label: \"Timed Out\" },\r\n  { getValue: (stats, _vp) => stats.totalFailedRequests, label: \"Failed\" },\r\n  { getValue: (stats, _vp) => stats.totalEmptyTiles, label: \"Empty\" },\r\n  { getValue: (stats, _vp) => stats.totalUndisplayableTiles, label: \"Undisplayable\" },\r\n  { getValue: (stats, _vp) => stats.totalElidedTiles, label: \"Elided\" },\r\n  { getValue: (stats, _vp) => stats.totalCacheMisses, label: \"Cache Misses\" },\r\n  { getValue: (stats, _vp) => stats.totalDispatchedRequests, label: \"Dispatched\" },\r\n  { getValue: (stats, _vp) => stats.totalAbortedRequests, label: \"Aborted\" },\r\n  { getValue: (stats) => Math.round(stats.decoding.mean), label: \"Decoding mean time (ms)\" },\r\n  { getValue: (stats) => stats.decoding.max, label: \"Decoding max time (ms)\" },\r\n];\r\n\r\nconst indexOfFirstGlobalStatistic = 7; // \"Completed\"\r\n\r\n/** Outputs statistics related to tile requests including the current number of active, pending, selected, and ready tile requests; as well as cumulative statistics for the session including the number of failed, timed-out, empty, and elided tile requests.\r\n * @beta\r\n */\r\nexport class TileStatisticsTracker {\r\n  private readonly _statElements: HTMLElement[] = [];\r\n  private readonly _div: HTMLDivElement;\r\n  private readonly _vp: Viewport;\r\n  private _curIntervalId?: NodeJS.Timer;\r\n\r\n  public constructor(parent: HTMLElement, vp: Viewport) {\r\n    this._vp = vp;\r\n    this.addMaxActive(parent);\r\n    createCheckBox({\r\n      parent,\r\n      name: \"Track Tile Requests\",\r\n      id: \"stats_trackMemory\",\r\n      handler: (_cb) => this.toggle(),\r\n    });\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    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 row = document.createElement(\"tr\");\r\n    const frameColumn = document.createElement(\"td\");\r\n    const globalColumn = document.createElement(\"td\");\r\n    frameColumn.style.width = globalColumn.style.width = \"50%\";\r\n    row.appendChild(frameColumn);\r\n    row.appendChild(globalColumn);\r\n    table.appendChild(row);\r\n\r\n    for (let i = 0; i < statEntries.length; i++) {\r\n      const div = document.createElement(\"div\");\r\n      const elem = document.createElement(\"text\");\r\n      this._statElements[i] = elem;\r\n      div.appendChild(elem);\r\n\r\n      const column = i >= indexOfFirstGlobalStatistic ? globalColumn : frameColumn;\r\n      column.appendChild(div);\r\n    }\r\n\r\n    const resetButton = createButton({\r\n      parent: this._div,\r\n      value: \"Reset\",\r\n      tooltip: \"Reset all cumulative statistics\",\r\n      handler: () => this.reset(),\r\n    });\r\n    resetButton.div.style.textAlign = \"center\";\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 addMaxActive(parent: HTMLElement): void {\r\n    const div = document.createElement(\"div\");\r\n\r\n    const label = document.createElement(\"label\");\r\n    label.style.display = \"inline\";\r\n    label.htmlFor = \"maxActiveRequests\";\r\n    label.innerText = \"Max Active Requests: \";\r\n    div.appendChild(label);\r\n\r\n    createNumericInput({\r\n      parent: div,\r\n      id: \"maxActiveRequests\",\r\n      display: \"inline\",\r\n      min: 0,\r\n      step: 1,\r\n      value: IModelApp.tileAdmin.channels.rpcConcurrency,\r\n      handler: (value, _input) => this.updateMaxActive(value),\r\n    });\r\n\r\n    parent.appendChild(div);\r\n  }\r\n\r\n  private updateMaxActive(value: number): void {\r\n    IModelApp.tileAdmin.channels.setRpcConcurrency(value);\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(): void {\r\n    if (undefined !== this._curIntervalId) {\r\n      // Currently on - turn off.\r\n      this._div.style.display = \"none\";\r\n      this.clearInterval();\r\n    } else {\r\n      // Currently off - turn on.\r\n      this._div.style.display = \"block\";\r\n      this.update();\r\n      this._curIntervalId = setInterval(() => this.update(), 500);\r\n    }\r\n  }\r\n\r\n  private update(): void {\r\n    const stats = IModelApp.tileAdmin.statistics;\r\n    for (let i = 0; i < statEntries.length; i++) {\r\n      const stat = statEntries[i];\r\n      const label = `${stat.label}: ${stat.getValue(stats, this._vp)}`;\r\n      this._statElements[i].innerText = label;\r\n    }\r\n  }\r\n\r\n  private reset(): void {\r\n    IModelApp.tileAdmin.resetStatistics();\r\n    this.update();\r\n  }\r\n}\r\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/frontend-devtools",
-  "version": "4.0.0-dev.24",
+  "version": "4.0.0-dev.30",
   "description": "Debug menu and supporting UI widgets",
   "main": "lib/cjs/frontend-devtools.js",
   "module": "lib/esm/frontend-devtools.js",
@@ -22,15 +22,15 @@
     "url": "http://www.bentley.com"
   },
   "dependencies": {
-    "@itwin/core-bentley": "4.0.0-dev.24",
-    "@itwin/core-common": "4.0.0-dev.24",
-    "@itwin/core-frontend": "4.0.0-dev.24",
-    "@itwin/core-geometry": "4.0.0-dev.24",
+    "@itwin/core-bentley": "4.0.0-dev.30",
+    "@itwin/core-common": "4.0.0-dev.30",
+    "@itwin/core-frontend": "4.0.0-dev.30",
+    "@itwin/core-geometry": "4.0.0-dev.30",
     "file-saver": "^2.0.2"
   },
   "devDependencies": {
-    "@itwin/build-tools": "4.0.0-dev.24",
-    "@itwin/eslint-plugin": "4.0.0-dev.24",
+    "@itwin/build-tools": "4.0.0-dev.30",
+    "@itwin/eslint-plugin": "4.0.0-dev.30",
     "@types/file-saver": "^2.0.1",
     "@types/node": "^18.11.5",
     "cpx2": "^3.0.0",