mirror of https://github.com/freeCodeCamp/devdocs
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
2.2 KiB
64 lines
2.2 KiB
// 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;
|
|
}
|
|
};
|