packages/muya/src/inlineRenderer/renderer/referenceLink.ts - develop - githubmirror/marktext

packages/muya/src/inlineRenderer/renderer/referenceLink.ts
126 строк4 KB
Ran Luo
feat(muya): migrate TS rewrite to packages/muya alongside legacy muyajs (#4314)
29 май 2026, 15:35
29 май 2026, 15:350d86641
import type { VNode } from 'snabbdom';
import type { ISyntaxRenderOptions, ReferenceLinkToken, Token } from '../types';
import type Renderer from './index';
import { CLASS_NAMES } from '../../config';
import { snakeToCamel } from '../../utils';
import { sanitizeHyperlink } from '../../utils/url';

export default function referenceLink(
    this: Renderer,
    {
        h,
        cursor,
        block,
        token,
        outerClass,
    }: ISyntaxRenderOptions & { token: ReferenceLinkToken },
) {
    const className = this.getClassName(outerClass, block, token, cursor);
    const labelClass
        = className === CLASS_NAMES.MU_GRAY
            ? CLASS_NAMES.MU_REFERENCE_LABEL
            : className;

    const { start, end } = token.range;
    const { anchor, children, backlash, isFullLink, label } = token;
    const MARKER = '[';
    const key = (label + backlash.second).toLowerCase();
    const backlashStart = start + MARKER.length + anchor.length;
    const content = [
        ...children.reduce((acc: VNode[], to: Token) => {
            // Original passed `className` here too but receivers read
            // `outerClass` — see PR note in delEmStrongFactory.ts.
            const chunk: VNode[] = this.dispatch(snakeToCamel(to.type), {
                h,
                cursor,
                block,
                token: to,
            });

            return Array.isArray(chunk) ? [...acc, ...chunk] : [...acc, chunk];
        }, []),
        ...this.backlashInToken(h, backlash.first, className, backlashStart, token),
    ];

    const { href, title } = this.parent.labels.get(key) ?? {};
    const startMarker = this.highlight(
        h,
        block,
        start,
        start + MARKER.length,
        token,
    );
    const endMarker = this.highlight(
        h,
        block,
        start + MARKER.length + anchor.length + backlash.first.length,
        end,
        token,
    );
    const anchorSelector = href
        ? `a.${CLASS_NAMES.MU_INLINE_RULE}.${CLASS_NAMES.MU_REFERENCE_LINK}`
        : `span.${CLASS_NAMES.MU_REFERENCE_LINK}`;
    const data = {
        attrs: {
            spellcheck: 'false',
        },
        props: {
            title,
        },
        dataset: {
            start: String(start),
            end: String(end),
            raw: token.raw,
        },
    };

    if (href)
        Object.assign(data.props, { href: sanitizeHyperlink(href) });

    if (isFullLink) {
        const labelContent = this.highlight(
            h,
            block,
            start + 3 * MARKER.length + anchor.length + backlash.first.length,
            end - MARKER.length - backlash.second.length,
            token,
        );
        const middleMarker = this.highlight(
            h,
            block,
            start + MARKER.length + anchor.length + backlash.first.length,
            start + 3 * MARKER.length + anchor.length + backlash.first.length,
            token,
        );
        const lastMarker = this.highlight(
            h,
            block,
            end - MARKER.length,
            end,
            token,
        );
        const secondBacklashStart = end - MARKER.length - backlash.second.length;

        return [
            h(`span.${className}`, startMarker),
            h(anchorSelector, data, content),
            h(`span.${className}`, middleMarker),
            h(`span.${labelClass}`, labelContent),
            ...this.backlashInToken(
                h,
                backlash.second,
                className,
                secondBacklashStart,
                token,
            ),
            h(`span.${className}`, lastMarker),
        ];
    }
    else {
        return [
            h(`span.${className}`, startMarker),
            h(anchorSelector, data, content),
            h(`span.${className}`, endMarker),
        ];
    }
}