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(
			/&lt;\/?script[^&]*&gt;/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);
}