react-native-devtools-frontend/front_end/quick_open/QuickOpen.js

// Copyright 2016 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 Root from '../root/root.js';
import * as UI from '../ui/ui.js';  // eslint-disable-line no-unused-vars

import {FilteredListWidget, Provider} from './FilteredListWidget.js';

/** @type {!Array<string>} */
export const history = [];

export class QuickOpenImpl {
  constructor() {
    /** @type {?string} */
    this._prefix = null;
    this._query = '';
    /** @type {!Map<string, function():!Promise<!Provider>>} */
    this._providers = new Map();
    /** @type {!Array<string>} */
    this._prefixes = [];
    /** @type {?FilteredListWidget} */
    this._filteredListWidget = null;
    Root.Runtime.Runtime.instance().extensions(Provider).forEach(this._addProvider.bind(this));
    this._prefixes.sort((a, b) => b.length - a.length);
  }

  /**
   * @param {string} query
   */
  static show(query) {
    const quickOpen = new this();
    const filteredListWidget = new FilteredListWidget(null, history, quickOpen._queryChanged.bind(quickOpen));
    quickOpen._filteredListWidget = filteredListWidget;
    filteredListWidget.setPlaceholder(
        ls`Type '?' to see available commands`, ls`Type question mark to see available commands`);
    filteredListWidget.showAsDialog();
    filteredListWidget.setQuery(query);
  }

  /**
   * @param {!Root.Runtime.Extension} extension
   */
  _addProvider(extension) {
    const prefix = extension.descriptor().prefix;
    if (prefix === null) {
      return;
    }
    this._prefixes.push(prefix);
    this._providers.set(
        prefix, /** @type {function():!Promise<!Provider>} */
        (extension.instance.bind(extension)));
  }

  /**
   * @param {string} query
   */
  _queryChanged(query) {
    const prefix = this._prefixes.find(prefix => query.startsWith(prefix));
    if (typeof prefix !== 'string' || this._prefix === prefix) {
      return;
    }

    this._prefix = prefix;
    if (!this._filteredListWidget) {
      return;
    }
    this._filteredListWidget.setPrefix(prefix);
    this._filteredListWidget.setProvider(null);
    const provider = this._providers.get(prefix);
    if (!provider) {
      return;
    }
    provider().then(provider => {
      if (this._prefix !== prefix || !this._filteredListWidget) {
        return;
      }
      this._filteredListWidget.setProvider(provider);
      this._providerLoadedForTest(provider);
    });
  }

  /**
   * @param {!Provider} provider
   */
  _providerLoadedForTest(provider) {
  }
}

/**
 * @implements {UI.ActionRegistration.ActionDelegate}
 */
export class ShowActionDelegate {
  /**
   * @override
   * @param {!UI.Context.Context} context
   * @param {string} actionId
   * @return {boolean}
   */
  handleAction(context, actionId) {
    switch (actionId) {
      case 'quickOpen.show':
        QuickOpenImpl.show('');
        return true;
    }
    return false;
  }
}