devdocs/assets/javascripts/views/pages/base.js

// TODO: This file was created by bulk-decaffeinate.
// Sanity-check the conversion and remove this comment.
/*
 * decaffeinate suggestions:
 * DS002: Fix invalid constructor
 * DS101: Remove unnecessary use of Array.from
 * DS102: Remove unnecessary code created because of implicit returns
 * DS207: Consider shorter variations of null checks
 * Full docs: https://github.com/decaffeinate/decaffeinate/blob/main/docs/suggestions.md
 */
app.views.BasePage = class BasePage extends app.View {
  constructor(el, entry) { this.paintCode = this.paintCode.bind(this);   this.el = el; this.entry = entry; super(...arguments); }

  deactivate() {
    if (super.deactivate(...arguments)) {
      return this.highlightNodes = [];
    }
  }

  render(content, fromCache) {
    if (fromCache == null) { fromCache = false; }
    this.highlightNodes = [];
    this.previousTiming = null;
    if (!this.constructor.className) { this.addClass(`_${this.entry.doc.type}`); }
    this.html(content);
    if (!fromCache) { this.highlightCode(); }
    this.activate();
    if (this.afterRender) { this.delay(this.afterRender); }
    if (this.highlightNodes.length > 0) {
      $.requestAnimationFrame(() => $.requestAnimationFrame(this.paintCode));
    }
  }

  highlightCode() {
    for (var el of Array.from(this.findAll('pre[data-language]'))) {
      var language = el.getAttribute('data-language');
      el.classList.add(`language-${language}`);
      this.highlightNodes.push(el);
    }
  }

  paintCode(timing) {
    if (this.previousTiming) {
      if (Math.round(1000 / (timing - this.previousTiming)) > 50) { // fps
        this.nodesPerFrame = Math.round(Math.min(this.nodesPerFrame * 1.25, 50));
      } else {
        this.nodesPerFrame = Math.round(Math.max(this.nodesPerFrame * .8, 10));
      }
    } else {
      this.nodesPerFrame = 10;
    }

    for (var el of Array.from(this.highlightNodes.splice(0, this.nodesPerFrame))) {
      var clipEl;
      if (clipEl = el.lastElementChild) { $.remove(clipEl); }
      Prism.highlightElement(el);
      if (clipEl) { $.append(el, clipEl); }
    }

    if (this.highlightNodes.length > 0) { $.requestAnimationFrame(this.paintCode); }
    this.previousTiming = timing;
  }
};