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

import * as i18n from '../i18n/i18n.js';
import * as Root from '../root/root.js';
import * as UI from '../ui/ui.js';

// eslint-disable-next-line rulesdir/es_modules_import
import type * as Webauthn from './webauthn.js';

export const UIStrings = {
  /**
  *@description Title of WebAuthn tab in bottom drawer.
  */
  webauthn: 'WebAuthn',
  /**
  *@description Command for showing the WebAuthn tab in bottom drawer.
  */
  showWebauthn: 'Show WebAuthn',
};
const str_ = i18n.i18n.registerUIStrings('webauthn/webauthn-meta.ts', UIStrings);
const i18nString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);

let loadedWebauthnModule: (typeof Webauthn|undefined);

async function loadWebauthnModule(): Promise<typeof Webauthn> {
  if (!loadedWebauthnModule) {
    // Side-effect import resources in module.json
    await Root.Runtime.Runtime.instance().loadModulePromise('webauthn');
    loadedWebauthnModule = await import('./webauthn.js');
  }
  return loadedWebauthnModule;
}

UI.ViewManager.registerViewExtension({
  location: UI.ViewManager.ViewLocationValues.DRAWER_VIEW,
  id: 'webauthn-pane',
  title: i18nString(UIStrings.webauthn),
  commandPrompt: i18nString(UIStrings.showWebauthn),
  order: 100,
  persistence: UI.ViewManager.ViewPersistence.CLOSEABLE,
  async loadView() {
    const Webauthn = await loadWebauthnModule();
    return Webauthn.WebauthnPane.WebauthnPaneImpl.instance();
  },
  experiment: Root.Runtime.ExperimentName.WEBAUTHN_PANE,
});