@quick-game/cli
Version:
Command line interface for rapid qg development
207 lines • 10.1 kB
JavaScript
/*
* Copyright (C) 2011 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
import * as Common from '../../core/common/common.js';
import * as i18n from '../../core/i18n/i18n.js';
import * as UI from '../../ui/legacy/legacy.js';
import { IsolateSelector } from './IsolateSelector.js';
import profileLauncherViewStyles from './profileLauncherView.css.js';
const UIStrings = {
/**
*@description Text in Profile Launcher View of a profiler tool
*/
selectJavascriptVmInstance: 'Select JavaScript VM instance',
/**
*@description Text to load something
*/
load: 'Load',
/**
*@description Control button text content in Profile Launcher View of a profiler tool
*/
takeSnapshot: 'Take snapshot',
/**
*@description Text of an item that stops the running task
*/
stop: 'Stop',
/**
*@description Control button text content in Profile Launcher View of a profiler tool
*/
start: 'Start',
/**
*@description Profile type header element text content in Profile Launcher View of a profiler tool
*/
selectProfilingType: 'Select profiling type',
};
const str_ = i18n.i18n.registerUIStrings('panels/profiler/ProfileLauncherView.ts', UIStrings);
const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
export class ProfileLauncherView extends Common.ObjectWrapper.eventMixin(UI.Widget.VBox) {
panel;
contentElementInternal;
selectedProfileTypeSetting;
profileTypeHeaderElement;
profileTypeSelectorForm;
controlButton;
loadButton;
recordButtonEnabled;
typeIdToOptionElementAndProfileType;
isProfiling;
isInstantProfile;
isEnabled;
constructor(profilesPanel) {
super();
this.panel = profilesPanel;
this.element.classList.add('profile-launcher-view');
this.contentElementInternal =
this.element.createChild('div', 'profile-launcher-view-content vbox');
const profileTypeSelectorElement = this.contentElementInternal.createChild('div', 'vbox');
this.selectedProfileTypeSetting = Common.Settings.Settings.instance().createSetting('selectedProfileType', 'CPU');
this.profileTypeHeaderElement = profileTypeSelectorElement.createChild('h1');
this.profileTypeSelectorForm = profileTypeSelectorElement.createChild('form');
UI.ARIAUtils.markAsRadioGroup(this.profileTypeSelectorForm);
const isolateSelectorElement = this.contentElementInternal.createChild('div', 'vbox profile-isolate-selector-block');
isolateSelectorElement.createChild('h1').textContent = i18nString(UIStrings.selectJavascriptVmInstance);
const isolateSelector = new IsolateSelector();
const isolateSelectorElementChild = isolateSelectorElement.createChild('div', 'vbox profile-launcher-target-list');
isolateSelectorElementChild.classList.add('profile-launcher-target-list-container');
isolateSelector.show(isolateSelectorElementChild);
isolateSelectorElement.appendChild(isolateSelector.totalMemoryElement());
const buttonsDiv = this.contentElementInternal.createChild('div', 'hbox profile-launcher-buttons');
this.controlButton = UI.UIUtils.createTextButton('', this.controlButtonClicked.bind(this), '', /* primary */ true);
this.loadButton = UI.UIUtils.createTextButton(i18nString(UIStrings.load), this.loadButtonClicked.bind(this), '');
buttonsDiv.appendChild(this.controlButton);
buttonsDiv.appendChild(this.loadButton);
this.recordButtonEnabled = true;
this.typeIdToOptionElementAndProfileType = new Map();
}
loadButtonClicked() {
this.panel.showLoadFromFileDialog();
}
updateControls() {
if (this.isEnabled && this.recordButtonEnabled) {
this.controlButton.removeAttribute('disabled');
}
else {
this.controlButton.setAttribute('disabled', '');
}
UI.Tooltip.Tooltip.install(this.controlButton, this.recordButtonEnabled ? '' : UI.UIUtils.anotherProfilerActiveLabel());
if (this.isInstantProfile) {
this.controlButton.classList.remove('running');
this.controlButton.classList.add('primary-button');
this.controlButton.textContent = i18nString(UIStrings.takeSnapshot);
}
else if (this.isProfiling) {
this.controlButton.classList.add('running');
this.controlButton.classList.remove('primary-button');
this.controlButton.textContent = i18nString(UIStrings.stop);
}
else {
this.controlButton.classList.remove('running');
this.controlButton.classList.add('primary-button');
this.controlButton.textContent = i18nString(UIStrings.start);
}
for (const { optionElement } of this.typeIdToOptionElementAndProfileType.values()) {
optionElement.disabled = Boolean(this.isProfiling);
}
}
profileStarted() {
this.isProfiling = true;
this.updateControls();
}
profileFinished() {
this.isProfiling = false;
this.updateControls();
}
updateProfileType(profileType, recordButtonEnabled) {
this.isInstantProfile = profileType.isInstantProfile();
this.recordButtonEnabled = recordButtonEnabled;
this.isEnabled = profileType.isEnabled();
this.updateControls();
}
addProfileType(profileType) {
const labelElement = UI.UIUtils.createRadioLabel('profile-type', profileType.name);
this.profileTypeSelectorForm.appendChild(labelElement);
const optionElement = labelElement.radioElement;
this.typeIdToOptionElementAndProfileType.set(profileType.id, { optionElement, profileType });
optionElement.addEventListener('change', this.profileTypeChanged.bind(this, profileType), false);
const descriptionElement = this.profileTypeSelectorForm.createChild('p');
descriptionElement.textContent = profileType.description;
UI.ARIAUtils.setDescription(optionElement, profileType.description);
const customContent = profileType.customContent();
if (customContent) {
customContent.setAttribute('role', 'group');
customContent.setAttribute('aria-labelledby', `${optionElement.id}`);
this.profileTypeSelectorForm.createChild('p').appendChild(customContent);
profileType.setCustomContentEnabled(false);
}
const headerText = this.typeIdToOptionElementAndProfileType.size > 1 ? i18nString(UIStrings.selectProfilingType) :
profileType.name;
this.profileTypeHeaderElement.textContent = headerText;
UI.ARIAUtils.setLabel(this.profileTypeSelectorForm, headerText);
}
restoreSelectedProfileType() {
let typeId = this.selectedProfileTypeSetting.get();
if (!this.typeIdToOptionElementAndProfileType.has(typeId)) {
typeId = this.typeIdToOptionElementAndProfileType.keys().next().value;
this.selectedProfileTypeSetting.set(typeId);
}
const optionElementAndProfileType = this.typeIdToOptionElementAndProfileType.get(typeId);
optionElementAndProfileType.optionElement.checked = true;
const type = optionElementAndProfileType.profileType;
for (const [id, { profileType }] of this.typeIdToOptionElementAndProfileType) {
const enabled = (id === typeId);
profileType.setCustomContentEnabled(enabled);
}
this.dispatchEventToListeners(Events.ProfileTypeSelected, type);
}
controlButtonClicked() {
this.panel.toggleRecord();
}
profileTypeChanged(profileType) {
const typeId = this.selectedProfileTypeSetting.get();
const type = this.typeIdToOptionElementAndProfileType.get(typeId).profileType;
type.setCustomContentEnabled(false);
profileType.setCustomContentEnabled(true);
this.dispatchEventToListeners(Events.ProfileTypeSelected, profileType);
this.isInstantProfile = profileType.isInstantProfile();
this.isEnabled = profileType.isEnabled();
this.updateControls();
this.selectedProfileTypeSetting.set(profileType.id);
}
wasShown() {
super.wasShown();
this.registerCSSFiles([profileLauncherViewStyles]);
}
}
// TODO(crbug.com/1167717): Make this a const enum again
// eslint-disable-next-line rulesdir/const_enum
export var Events;
(function (Events) {
Events["ProfileTypeSelected"] = "ProfileTypeSelected";
})(Events || (Events = {}));
//# sourceMappingURL=ProfileLauncherView.js.map