blob: 0cec8ddf37913cd75143c74572ec12ec6864ef5f [file] [log] [blame]
/**
* @license
* Copyright 2015 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import {safeTypesBridge} from '../utils/safe-types-util';
import './font-roboto-local-loader';
// Sets up global Polymer variable, because plugins requires it.
import '../scripts/bundled-polymer';
/**
* setCancelSyntheticClickEvents is set to true by
* default which will cancel synthetic click events
* on older touch device.
* See https://github.com/Polymer/polymer/issues/5289
*/
import {
setPassiveTouchGestures,
setCancelSyntheticClickEvents,
} from '@polymer/polymer/lib/utils/settings';
setCancelSyntheticClickEvents(false);
setPassiveTouchGestures(true);
import {initGlobalVariables} from './gr-app-global-var-init';
import './gr-app-element';
import {Finalizable} from '../services/registry';
import {provide} from '../models/dependency';
import {installPolymerResin} from '../scripts/polymer-resin-install';
import {
createAppContext,
createAppDependencies,
} from '../services/app-context-init';
import {
initVisibilityReporter,
initPerformanceReporter,
initErrorReporter,
initWebVitals,
} from '../services/gr-reporting/gr-reporting_impl';
import {injectAppContext} from '../services/app-context';
import {html, LitElement} from 'lit';
import {customElement} from 'lit/decorators.js';
import {ServiceWorkerInstaller} from '../services/service-worker-installer';
const appContext = createAppContext();
injectAppContext(appContext);
const reportingService = appContext.reportingService;
initVisibilityReporter(reportingService);
initPerformanceReporter(reportingService);
initWebVitals(reportingService);
initErrorReporter(reportingService);
installPolymerResin(safeTypesBridge);
@customElement('gr-app')
export class GrApp extends LitElement {
private finalizables: Finalizable[] = [];
private serviceWorkerInstaller?: ServiceWorkerInstaller;
override connectedCallback() {
super.connectedCallback();
const dependencies = createAppDependencies(appContext);
for (const [token, service] of dependencies) {
this.finalizables.push(service);
provide(this, token, () => service);
}
if (!this.serviceWorkerInstaller) {
this.serviceWorkerInstaller = new ServiceWorkerInstaller(
appContext.flagsService,
appContext.userModel
);
}
}
override disconnectedCallback() {
for (const f of this.finalizables) {
f.finalize();
}
this.finalizables = [];
super.disconnectedCallback();
}
override render() {
return html`<gr-app-element id="app-element"></gr-app-element>`;
}
}
declare global {
interface HTMLElementTagNameMap {
'gr-app': GrApp;
}
}
initGlobalVariables(appContext);