Function htmlTag

packages/muya/src/inlineRenderer/renderer/htmlTag.ts:8–149

(
    this: Renderer,
    {
        h,
        cursor,
        block,
        token,
        outerClass,
    }: ISyntaxRenderOptions & { token: HTMLTagToken },
)

import sanitize, { isValidAttribute } from '../../utils/dompurify';

export default function htmlTag(
    this: Renderer,
    {
        h,
        cursor,
        block,
        token,
        outerClass,
    }: ISyntaxRenderOptions & { token: HTMLTagToken },
) {
    const { tag, openTag, closeTag, children, attrs } = token;

    const className = children?.length
        ? this.getClassName(outerClass, block, token, cursor)
        : CLASS_NAMES.MU_GRAY;
    const tagClassName
        = className === CLASS_NAMES.MU_HIDE ? className : CLASS_NAMES.MU_HTML_TAG;
    const { start, end } = token.range;
    const openContent = this.highlight(
        h,
        block,
        start,
        start + openTag.length,
        token,
    );
    const closeContent = closeTag
        ? this.highlight(h, block, end - closeTag.length, end, token)
        : '';

    const anchor
        = Array.isArray(children) && children.length && tag !== 'ruby' // important
            ? children.reduce((acc: VNode[], to: Token) => {
                    // The original passed a `className` field here too, but
                    // receivers read `outerClass` — so the field was
                    // silently dropped under the previous `as any` cast.
                    // Preserve that runtime behavior: don't propagate it.
                    const chunk = this.dispatch(snakeToCamel(to.type), {
                        h,
                        cursor,
                        block,
                        token: to,
                    });

                    return Array.isArray(chunk) ? [...acc, ...chunk] : [...acc, chunk];
                }, [])
            : '';

    switch (tag) {
    // Handle html img.
        case 'img': {
            // `<img>` html_tag tokens and markdown image tokens overlap on the
            // fields `image()` actually reads (`raw`, `range`, `attrs.src/alt/
            // title/width/height/'data-align'`), but their static shapes
            // diverge — HTMLTagToken.attrs is `Record<string, string | null>`,
            // ImageToken.attrs is the strict `{ src; title; alt }`. Routing
            // html `<img>` through `image()` is a deliberate runtime contract;
            // express the structural pun in one place.
            // eslint-disable-next-line no-restricted-syntax