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.
87 lines
2.2 KiB
87 lines
2.2 KiB
// TODO: This file was created by bulk-decaffeinate.
|
|
// Sanity-check the conversion and remove this comment.
|
|
/*
|
|
* decaffeinate suggestions:
|
|
* 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) {
|
|
super(el);
|
|
this.entry = entry;
|
|
}
|
|
|
|
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 * 0.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;
|
|
}
|
|
};
|