RocketChat/Rocket.Chat

import { registerAnchor } from './deleteAnchor';

type T = keyof HTMLElementTagNameMap;

export const createAnchor: {
    (id: string, tag?: T): T extends undefined ? HTMLElementTagNameMap['div'] : HTMLElementTagNameMap[T];
} = (id: string, tag = 'div') => {
    const anchor = document.getElementById(id);
    if (anchor && anchor.tagName.toLowerCase() === tag) {
        return anchor as any;
    }
    const a = document.createElement(tag);
    a.id = id;
    document.body.appendChild(a);

    registerAnchor(a, () => document.body.removeChild(a));
    return a;
};