1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59


content / browser / resources / webxr_internals / active_runtime_info_table.ts [blame]

// Copyright 2023 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import {CustomElement} from 'chrome://resources/js/custom_element.js';

import {getTemplate} from './active_runtime_info_table.html.js';
import type {RuntimeInfo} from './webxr_internals.mojom-webui.js';
import * as XRRuntimeUtil from './xr_runtime_util.js';
import * as XRSessionUtil from './xr_session_util.js';

export class ActiveRuntimeInfoTableElement extends CustomElement {
  static override get template() {
    return getTemplate();
  }

  recreateActiveRuntimesTable(activeRuntimesInfo: RuntimeInfo[]) {
    const table =
        this.getRequiredElement<HTMLTableElement>('#active-runtimes-table');

    // Preserve the header row and remove all other rows from the table.
    while (table.rows.length > 1) {
      table.deleteRow(1);
    }

    activeRuntimesInfo.forEach((activeRuntimeInfo) => {
      const {deviceId, supportedFeatures, isArBlendModeSupported} =
          activeRuntimeInfo;
      const cellValues = [
        XRRuntimeUtil.deviceIdToString(deviceId),
        supportedFeatures.map(XRSessionUtil.sessionFeatureToString).join(', '),
        isArBlendModeSupported.toString(),
      ];

      this.addRow(cellValues);
    });
  }

  addRow(cellValues: string[]) {
    const table =
        this.getRequiredElement<HTMLTableElement>('#active-runtimes-table');
    const newRow = table.insertRow();

    cellValues.forEach((value) => {
      const cell = newRow.insertCell();
      cell.textContent = value;
    });
  }
}

// Declare the custom element
declare global {
  interface HTMLElementTagNameMap {
    'active-runtime-info-table': ActiveRuntimeInfoTableElement;
  }
}

customElements.define(
    'active-runtime-info-table', ActiveRuntimeInfoTableElement);