qa-formatter-layer.php

<?php

class qa_html_theme_layer extends qa_html_theme_base {
	function get_pf_version()
	{
		return '1.1.1';
	}

	function getKatexConfig()
	{
		return '
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.js" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/contrib/auto-render.min.js" crossorigin="anonymous"
    onload="katexReady()"></script>
<script>
function _texFromHtml(html) {
    var s = html;
    /* Convert block-level tags to newlines */
    s = s.replace(/<br\\s*\\/?>/gi, "\\n");
    s = s.replace(/<\\/p>/gi, "\\n");
    s = s.replace(/<p[^>]*>/gi, "");
    s = s.replace(/<\\/div>/gi, "\\n");
    s = s.replace(/<div[^>]*>/gi, "");
    /* Handle common HTML entities */
    s = s.replace(/&nbsp;/gi, " ");
    s = s.replace(/&lt;/gi, "<");
    s = s.replace(/&gt;/gi, ">");
    s = s.replace(/&amp;/gi, "&");
    /* Remove other HTML tags but keep content */
    s = s.replace(/<[^>]+>/g, "");
    /* Decode remaining HTML entities */
    var tmp = document.createElement("textarea");
    tmp.innerHTML = s;
    return tmp.value;
}
function _preprocessDisplayMath(el) {
    if (typeof katex === "undefined") return;
    var html = el.innerHTML, orig = html;
    var _annots = [];
    function _protect(h) {
        return h.replace(/<annotation[^>]*>[\\s\\S]*?<\\/annotation>/g, function(m) {
            _annots.push(m); return "<!--KA:" + (_annots.length - 1) + "-->";
        });
    }
    html = html.replace(/(?<!\\\\)\\\\\[/g, "$$$$").replace(/(?<!\\\\)\\\\\]/g, "$$$$");
    html = html.replace(/\\$\\$([\\s\\S]*?)\\$\\$/g, function(m, tex) {
        try { return katex.renderToString(_texFromHtml(tex), {displayMode: true, throwOnError: false}); }
        catch(e) { return m; }
    });
    html = _protect(html);
    html = html.replace(/\\$([^\\$]*?\\\\begin\\{[^\\$]*?)\\$/g, function(m, tex) {
        try { return katex.renderToString(_texFromHtml(tex), {displayMode: false, throwOnError: false}); }
        catch(e) { return m; }
    });
    html = _protect(html);

    html = html.replace(/\\\\begin\\{([^}]+)\\}([\\s\\S]*?)\\\\end\\{\\1\\}/g, function(m, env, inner) {
        try {
            var tex = "\\\\begin{" + env + "}" + _texFromHtml(inner) + "\\\\end{" + env + "}";
            return katex.renderToString(tex, {displayMode: true, throwOnError: false});
        } catch(e) { return m; }
    });
    html = html.replace(/<!--KA:(\\d+)-->/g, function(m, i) {
        return _annots[parseInt(i)];
    });
    if (html !== orig) el.innerHTML = html;
}
var _katexOpts = {
    delimiters: [
        {left: "$$", right: "$$", display: true},
        {left: "$",  right: "$",  display: false},
        {left: "\\\\(", right: "\\\\)", display: false},
        {left: "\\\\[", right: "\\\\]", display: true}
    ],
    throwOnError: false
};
function _fixTextUnderscores(tex) {
    var re = /\\\\text(?:bf|it|rm|sf|tt|normal)?\\s*\\{/g;
    var result = "", i = 0, m;
    while ((m = re.exec(tex)) !== null) {
        var cmd = m[0];
        result += tex.substring(i, m.index);
        var start = m.index + cmd.length, braces = 1, j = start;
        while (j < tex.length && braces > 0) {
            if (tex[j] === "{") braces++;
            else if (tex[j] === "}") braces--;
            if (braces > 0) j++;
        }
        var inner = tex.substring(start, j);
        /* Split on unescaped $ to find nested math */
        var parts = [], last = 0, ci;
        for (ci = 0; ci < inner.length; ci++) {
            if (inner[ci] === "$" && (ci === 0 || inner[ci-1] !== "\\\\")) {
                parts.push(inner.substring(last, ci)); last = ci + 1;
            }
        }
        parts.push(inner.substring(last));
        function _escText(s) { return s.replace(/([^\\\\])_/g,"$1\\\\_").replace(/^_/,"\\\\_").replace(/([^\\\\])#/g,"$1\\\\#").replace(/^#/,"\\\\#"); }
        if (parts.length >= 3) {
            var rebuilt = "";
            for (var pi = 0; pi < parts.length; pi++) {
                if (pi % 2 === 0) {
                    var t = _escText(parts[pi]);
                    if (t.length > 0 || pi === 0) rebuilt += cmd + t + "}";
                } else {
                    rebuilt += parts[pi];
                }
            }
            result += rebuilt;
        } else {
            result += cmd + _escText(inner) + "}";
        }
        i = j + 1; re.lastIndex = i;
    }
    return result + tex.substring(i);
}
function _fixArrayAtCols(tex) {
    var pat = /\\\\begin\\{array\\}\\{/g;
    var result = "", lastEnd = 0, m;
    while ((m = pat.exec(tex)) !== null) {
        result += tex.substring(lastEnd, m.index) + m[0];
        var start = m.index + m[0].length, braces = 1, j = start;
        while (j < tex.length && braces > 0) {
            if (tex[j] === "{") braces++;
            else if (tex[j] === "}") braces--;
            if (braces > 0) j++;
        }
        var spec = tex.substring(start, j), cleaned = "", ci = 0;
        while (ci < spec.length) {
            if (spec[ci] === "@" && ci + 1 < spec.length && spec[ci + 1] === "{") {
                var b = 0; ci++;
                while (ci < spec.length) {
                    if (spec[ci] === "{") b++;
                    else if (spec[ci] === "}") { b--; if (b === 0) { ci++; break; } }
                    ci++;
                }
            } else { cleaned += spec[ci]; ci++; }
        }
        result += cleaned.trim() + "}";
        lastEnd = j + 1; pat.lastIndex = lastEnd;
    }
    return result + tex.substring(lastEnd);
}
function _fixKatexCompat(tex, isDisplay) {
    /* Escape bare underscores inside \\text{}, \\textbf{}, etc. */
    tex = _fixTextUnderscores(tex);
    /* Strip @{...} from array/tabular column specs — unsupported in KaTeX */
    tex = _fixArrayAtCols(tex);
    /* \\color{X}{Y} -> \\textcolor{X}{Y} to avoid scope bleeding */
    tex = tex.replace(/\\\\color\\s*(\\{[^}]*\\})\\s*\\{/g, "\\\\textcolor$1{");
    /* Remove \\hline outside array/tabular environments where KaTeX forbids it */
    if (!/\\\\begin\\{(array|tabular)\\}/.test(tex)) {
        tex = tex.replace(/\\\\hline\\b/g, "");
    }
    /* Strip optional spacing args like \\[1em], \\[3em] after line breaks */
    tex = tex.replace(/\\\\\\\\\\s*\\[\\s*[\\d.]+\\s*(em|ex|pt|mm|cm|in|pc|mu)\\s*\\]/g, "\\\\\\\\");
    /* Strip \\renewcommand{\\arraystretch}{...} — unsupported in KaTeX */
    tex = tex.replace(/\\\\renewcommand\\s*\\{\\s*\\\\arraystretch\\s*\\}\\s*\\{[^}]*\\}/g, "");
    /* \\tag{X} -> \\qquad (X) in inline mode — KaTeX only supports \\tag in display mode */
    if (!isDisplay) {
        tex = tex.replace(/\\\\tag\\*?\\s*\\{([^}]*)\\}/g, "\\\\qquad ($1)");
    }
    /* \\bbox[opts]{X} -> \\boxed{X} — unsupported in KaTeX */
    tex = tex.replace(/\\\\bbox\\s*(?:\\[[^\\]]*\\])?\\s*\\{/g, "\\\\boxed{");
    return tex;
}
var _katexPatched = false;
function _patchKatex() {
    if (_katexPatched || typeof katex === "undefined") return;
    _katexPatched = true;
    var _origRenderToString = katex.renderToString;
    katex.renderToString = function(tex, opts) {
        var disp = opts && opts.displayMode;
        return _origRenderToString.call(katex, _fixKatexCompat(tex, disp), opts);
    };
    var _origRender = katex.render;
    katex.render = function(tex, el, opts) {
        var disp = opts && opts.displayMode;
        return _origRender.call(katex, _fixKatexCompat(tex, disp), el, opts);
    };
}
var _katexQueue = [];
function katexReady() {
    _patchKatex();
    /* Preprocess only specific content areas that may have multiline LaTeX in HTML */
    var contentAreas = document.querySelectorAll(".qa-q-view-content, .qa-q-view-content1, .qa-a-item-content, .qa-c-item-content, .entry-content, .post-content, .qa-form-tall-text");
    contentAreas.forEach(function(el) { _preprocessDisplayMath(el); });
    /* Then let auto-render handle the rest */
    renderMathInElement(document.body, _katexOpts);
    while (_katexQueue.length) { var el = _katexQueue.shift(); if(el) { _preprocessDisplayMath(el); renderMathInElement(el, _katexOpts); } }
}
function typeset(code) {
    try {
        var els = code();
        if (!Array.isArray(els)) els = [els];
        els.forEach(function(el) {
            if (!el) return;
            if (typeof renderMathInElement === "function") {
                _preprocessDisplayMath(el);
                renderMathInElement(el, _katexOpts);
            } else {
                _katexQueue.push(el);
            }
        });
    } catch(e) { console.log("typeset failed: " + e.message); }
    return Promise.resolve();
}
</script>
		';
	}

	function getPreviewString()
	{

		$preview	 ='document.addEventListener("DOMContentLoaded", function (f){


			if("undefined"!=typeof CKEDITOR&&null!=CKEDITOR)
			{
				CKEDITOR.on("instanceLoaded",
					function(e){
						var m=document.createElement("div");
						m.setAttribute("id","qa-cke-prev");
						document.querySelector(".cke").
							parentNode.appendChild(m);
						e.editor.on("change",function(){document.getElementById("qa-cke-prev").innerHTML=e.editor.getData();';
						if(qa_opt('qa-mathjax-enable'))
						{
						$preview .= '
typeset(() => {
  const math = document.querySelector("#qa-cke-prev");
  return [math];
});

';
						}
						if(qa_opt('qa-prettify-enable'))
						{
							$preview .= 'prettyPrint();';
						}

						$preview .= '
								}
							   );
						m.innerHTML=e.editor.getData(true);';
						if(qa_opt('qa-mathjax-enable'))
						{
						$preview .= '
							typeset(() => {
  const math = document.querySelector("#qa-cke-prev");
  return [math];
});
';

						}
						if(qa_opt('qa-prettify-enable'))
						{
							$preview .= 'prettyPrint();';
						}
						$preview .= '});}});';
						return $preview;

	}

	function body_suffix()
	{

		qa_html_theme_base::body_suffix();
		$allowed_templates = array("question", "questions", "blog", "blogs", "qp-quickeditcat-page", "revisions", "ask", "activity", "tag", "user-activity", "user-questions", "user-answers", "unanswered", "search", "qa", "admin", "home", 'user-list', 'qp-quickedit-page', 'category');
		if(in_array($this->template, $allowed_templates))
		{
			if(qa_opt("qa-mathjax-enable"))
			{
				if(qa_opt('qa-katex-enable'))
				{
					$this->output($this->getKatexConfig());
				}
				else if(qa_opt('qa-mathjax-config'))
				{
					$this->output(qa_opt('qa-mathjax-config'));
				}
			}
			if(qa_opt("qa-prettify-enable") && (!qa_opt("qa-ckepreview-enable")))// || ($this->template !== 'ask')))
			{
				$this->output('<script async type="text/javascript" src="'.qa_opt('qa-prettify-url').'"></script>');
			}
			else if(qa_opt("qa-ckepreview-enable"))
			{
				$version = $this->get_pf_version();
				if(qa_opt("qa-prettify-enable"))
				{
					$this->output('
							<script  type="text/javascript" src="'.QA_HTML_THEME_LAYER_URLTOROOT.'pf/prettify.js?v='.$version.'"></script>');
				}
				$this->output('<script type="text/javascript">'.$this->getPreviewString().'prettyPrint();</script>');
			}
		}


	}
	function head_custom()
	{

		qa_html_theme_base::head_custom();
		$allowed_templates = array("question", "questions", "blog", "blogs", "qp-quickeditcat-page", "revisions", "ask", "activity", "tag", "user-activity", "user-questions", "user-answers", "unanswered", "search", "qa", "admin", "home", 'user-list', 'qp-quickedit-page');
		if(in_array($this->template, $allowed_templates))
		{
		if(qa_opt("qa-ckepreview-enable") && qa_opt("qa-prettify-enable"))
		{
			$version = $this->get_pf_version();
			//$this->output('<link rel="stylesheet" defer async type="text/css" href="'.QA_HTML_THEME_LAYER_URLTOROOT.'pf/prettify.css?v='.$version.'">');
		}
			if(qa_opt("qa-ckepreview-enable"))
			{
				$this->output('<style type="text/css">'.
'#qa-cke-prev{
border-top:2px dashed #def; border-bottom:2px dashed #def; padding-top:10px; margin-top:10px;
}
'

.'</style>');
			}

		$this->output('<style type="text/css">'.qa_opt('qa-formatter-css').'</style>');
		}
	}

	function head_metas()
	{
		if (
			$this->template === 'question' &&
			qa_opt('qa-codecogs-meta-description-enable') &&
			strlen($this->content['description'] ?? '') &&
			function_exists('qa_mathjax_convert_to_codecogs')
		) {
			$decoded = html_entity_decode($this->content['description'], ENT_QUOTES | ENT_HTML5, 'UTF-8');
			$converted = qa_mathjax_convert_to_codecogs($decoded, 'url');
			$this->content['description'] = qa_html($converted);
		}

		qa_html_theme_base::head_metas();
	}
}
?>