Function transformCustomLinks

pwa/next.config.mjs:15–92

* This handles links after the code is rendered so that * we can link method types and interfaces directly from the code.

()

 * we can link method types and interfaces directly from the code.
 */
function transformCustomLinks() {
    function getLinkNode(text) {
        const linkMatch = text.match(/<a href="(\/\S+)">([^\s<]+)<\/a>/);

        if (!linkMatch) {
            return null;
        }

        const [, linkHref, linkText] = linkMatch;
        return {
            type: "element",
            tagName: "a",
            properties: { href: linkHref },
            children: [{ type: "text", value: linkText }],
        };
    }

    return (tree) => {
        visit(tree, "element", (code) => {
            if (code.tagName !== "code") {
                return CONTINUE;
            }

            let start = null;
            visit(code, "element", (node, index, parent) => {
                if (
                    node.children.length !== 1 ||
                    node.children[0].type !== "text"
                ) {
                    return CONTINUE;
                }

                const text = node.children[0].value.trim();

                if (text === "`<") {
                    start = index;
                    return CONTINUE;
                }

                if (text === ">`") {
                    const text = parent.children
                        .slice(start, index + 1)
                        .map((e) => e.children[0].value);
                    const linkNode = getLinkNode(text.join(""));

                    if (linkNode) {
                        linkNode.children[0].value =
                            " " + linkNode.children[0].value;
                        parent.children.splice(
                            start,
                            index + 1 - start,
                            linkNode
                        );
                    }

                    start = null;
                    return CONTINUE;
                }