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
   60
   61
   62
   63
   64


content / browser / resources / webxr_internals / runtime_changelog_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 './runtime_changelog_table.html.js';
import * as TimeUtil from './time_util.js';
import type {RuntimeInfo} from './webxr_internals.mojom-webui.js';
import type {XRDeviceId} from './xr_device.mojom-webui.js';
import * as XRRuntimeUtil from './xr_runtime_util.js';
import * as XRSessionUtil from './xr_session_util.js';

const ADDED_RUNTIME_STATE: string = 'Added';
const REMOVED_RUNTIME_STATE: string = 'Removed';

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

  addRuntimeAddedRecord(runtimeInfo: RuntimeInfo) {
    const {deviceId, supportedFeatures, isArBlendModeSupported} = runtimeInfo;
    const cellValues = [
      XRRuntimeUtil.deviceIdToString(deviceId),
      ADDED_RUNTIME_STATE,
      TimeUtil.getCurrentDateTime(),
      supportedFeatures.map(XRSessionUtil.sessionFeatureToString).join(', '),
      isArBlendModeSupported.toString(),
    ];

    this.addRow(cellValues);
  }

  addRuntimeRemovedRecord(deviceId: XRDeviceId) {
    const cellValues = [
      XRRuntimeUtil.deviceIdToString(deviceId),
      REMOVED_RUNTIME_STATE,
      TimeUtil.getCurrentDateTime(),
    ];

    this.addRow(cellValues);
  }

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

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

// Declare the custom element
declare global {
  interface HTMLElementTagNameMap {
    'runtime-changelog-table': RuntimeChangelogTableElement;
  }
}

customElements.define('runtime-changelog-table', RuntimeChangelogTableElement);