Implementation of a simple "Recent keywords" component for the Coveo JavaScript Search Framework

RecentKeywords.js

  var RecentKeywords = (function (_super) {
      function RecentKeywords(element, options, bindings) {
          this.type = 'RecentKeywords';
          Coveo.Component.bindComponentToElement(element, this);
          this.element = element;
          this.options = options;
          this.bindings = bindings;
          this.rootElement = Coveo.$$(this.bindings.root);
          this.rootElement.on(Coveo.QueryEvents.querySuccess, (event) => this.handleQuerySuccess(event));
          this.keywords = [];
      }
      RecentKeywords.prototype.handleQuerySuccess = function (event) {
          this.registerKeyword(event.detail.query.q);
          this.renderKeywords(this.keywords);
      }
      RecentKeywords.prototype.registerKeyword = function (keyword) {
          if (!!keyword && this.keywords.indexOf(keyword) === -1) {
              this.keywords.push(keyword);
          }
      }
      RecentKeywords.prototype.renderKeywords = function (keywords) {
          var currentKeyword = Coveo.state(this.bindings.root, "q");
          var container = document.createElement("ul");

          keywords
              .filter(keyword => keyword != currentKeyword)
              .map(keyword => this.renderOneKeyword(keyword))
              .forEach(child => container.appendChild(child));

          this.element.innerHTML = "";
          this.element.appendChild(container);
      }
      RecentKeywords.prototype.renderOneKeyword = function (keyword) {
          var child = document.createElement("li");
          child.addEventListener("click", () => this.onKeywordClicked(keyword));
          child.innerText = keyword;
          return child;
      }
      RecentKeywords.prototype.onKeywordClicked = function (keyword) {
          Coveo.state(this.bindings.root, "q", keyword);
          Coveo.executeQuery(this.bindings.root);
      }
      RecentKeywords.ID = 'RecentKeywords';
      Coveo.Initialization.registerAutoCreateComponent(RecentKeywords);
  })(Coveo.Component);