45 lines
1.3 KiB
JavaScript
45 lines
1.3 KiB
JavaScript
export default function formatSource(source, panelId) {
|
|
source = (source ?? "").trim();
|
|
|
|
if (!source || !panelId) return;
|
|
|
|
const sourceSplit = source.split(/\r?\n/);
|
|
const spaceCount = sourceSplit[sourceSplit.length - 1].search(/\S/);
|
|
if (spaceCount <= 0) return; // empty string
|
|
|
|
const trimRE = new RegExp(`^\\s{${spaceCount}}`);
|
|
|
|
const preDom = document.createElement("pre");
|
|
preDom.append(sourceSplit.map((val) => val.replace(trimRE, "")).join("\n"));
|
|
|
|
preDom.innerHTML = preDom.innerHTML
|
|
// strRegEx must be applied first to prevent false positives
|
|
.replace(/\"[^"]+\"/g, (val) =>
|
|
val !== '"module"' ? `<span class="code-str">${val}</span>` : val,
|
|
)
|
|
.replace(/\/\/.*/g, (val) => `<span class="code-cmnt">${val}</span>`)
|
|
.replace(/\`[^`]+\`/g, (val) => `<span class="code-str">${val}</span>`)
|
|
.replace(/\.\w+/g, (val) =>
|
|
val !== ".js" ? `<span class="code-func">${val}</span>` : val,
|
|
)
|
|
.replace(
|
|
/<\/?script[^&]*>/g,
|
|
(val) => `<span class="code-cmd">${val}</span>`,
|
|
);
|
|
|
|
const sourceHTML = `
|
|
<details class='js-sourceDetails' open="true">
|
|
<summary>Source</summary>
|
|
<div>
|
|
<figure>
|
|
${preDom.outerHTML}
|
|
</figure>
|
|
</div>
|
|
</details>
|
|
`.trim();
|
|
|
|
document
|
|
.getElementById(panelId)
|
|
.insertAdjacentHTML("beforeend", sourceHTML);
|
|
}
|