Method initAsync

modules/core/UiSystem.js:70–165

* initAsync * Called after all core objects have been constructed. * @return {Promise} Promise resolved when this component has completed initialization

()

   * @return {Promise} Promise resolved when this component has completed initialization
   */
  initAsync() {
    if (this._initPromise) return this._initPromise;

    for (const id of this.dependencies) {
      if (!this.context.systems[id]) {
        return Promise.reject(`Cannot init:  ${this.id} requires ${id}`);
      }
    }

    const context = this.context;
    const assets = context.systems.assets;
    const gfx = context.systems.gfx;
    const l10n = context.systems.l10n;
    const urlhash = context.systems.urlhash;

    // Many UI components require l10n and gfx (for scene/layers)
    const prerequisites = Promise.all([
      assets.initAsync(),
      l10n.initAsync(),
      gfx.initAsync(),
      urlhash.initAsync(),
    ]);

    return this._initPromise = prerequisites
      .then(() => {
        window.addEventListener('resize', this.resize);

        this._checkEnvironment();  // are we in a dev or staging environment?

        // Create UI components
        this.ApiStatus = new UiApiStatus(context);
        this.AuthModal = uiLoading(context).blocking(true).message(l10n.t('loading_auth'));
        this.Defs = new UiDefs(context);
        this.EditMenu = uiEditMenu(context);
        this.MapRouletteMenu = uiMapRouletteMenu(context);
        this.Flash = uiFlash(context);
        this.Fullscreen = new UiFullscreen(context);
        this.MapFooter = new UiMapFooter(context);
        this.MapToolbar = new UiMapToolbar(context);
        this.Overmap = new UiOvermap(context);
        this.Shortcuts = new UiShortcuts(context);
        this.Sidebar = new UiSidebar(context);

        // These components live below in the tree, but we will hold a reference
        // to them here in the UiSystem, so that other code can find them easily.
        this.InfoCards = this.Overmap.InfoCards;
        this.Minimap = this.Overmap.Minimap;
        this.PhotoViewer = this.Overmap.PhotoViewer;
        this.Spector = this.Overmap.Spector;

        // Setup Event listeners..
        l10n.on('localechange', () => {
          if (this._started) {
            this.render();
          }
        });

        const osm = context.services.osm;