mirror of
https://github.com/go-gitea/gitea.git
synced 2026-09-27 07:45:21 +00:00
silverwind
857d3d3df3
Update eslint and its plugins, enable more rules and fix their findings: 1. `unicorn/no-unsafe-string-replacement` found that uploading a file whose name contains `$&` inserted a broken markdown link, because `String#replace` expands such patterns in the replacement string 2. `@typescript-eslint/require-await` removes `async` from functions that never await 3. Plugin rules not covered by a preset are now listed explicitly --------- Co-authored-by: bircni <bircni@icloud.com>
49 lines
1.7 KiB
TypeScript
49 lines
1.7 KiB
TypeScript
import {displayError} from './common.ts';
|
|
import {queryElems} from '../utils/dom.ts';
|
|
|
|
function targetElement(elCode: Element): {target: Element, displayAsBlock: boolean} {
|
|
// The target element is either the parent "code block with loading indicator", or itself
|
|
// It is designed to work for 2 cases (guaranteed by backend code):
|
|
// * <pre class="code-block"><code class="language-math">...</code></pre>
|
|
// * <code class="language-math">...</code>
|
|
const elPre = elCode.parentElement?.matches('pre.code-block') ? elCode.parentElement : null;
|
|
return {
|
|
target: elPre ?? elCode,
|
|
displayAsBlock: elPre !== null,
|
|
};
|
|
}
|
|
|
|
export function initMarkupCodeMath(elMarkup: HTMLElement): void {
|
|
// .markup code.language-math'
|
|
queryElems(elMarkup, 'code.language-math', async (el) => {
|
|
const [{default: katex}] = await Promise.all([
|
|
import('katex'),
|
|
import('katex/dist/katex.css'),
|
|
]);
|
|
|
|
const MAX_CHARS = 10000;
|
|
const MAX_SIZE = 25;
|
|
const MAX_EXPAND = 1000;
|
|
|
|
const {target, displayAsBlock} = targetElement(el);
|
|
if (target.hasAttribute('data-render-done')) return;
|
|
const source = el.textContent;
|
|
|
|
if (source.length > MAX_CHARS) {
|
|
displayError(target, new Error(`Math source of ${source.length} characters exceeds the maximum allowed length of ${MAX_CHARS}.`));
|
|
return;
|
|
}
|
|
try {
|
|
const tempEl = document.createElement(displayAsBlock ? 'p' : 'span');
|
|
katex.render(source, tempEl, {
|
|
maxSize: MAX_SIZE,
|
|
maxExpand: MAX_EXPAND,
|
|
displayMode: displayAsBlock, // katex: true for display (block) mode, false for inline mode
|
|
});
|
|
target.replaceWith(tempEl);
|
|
} catch (error) {
|
|
displayError(target, error);
|
|
}
|
|
});
|
|
}
|