46 lines
1.6 KiB
TypeScript
46 lines
1.6 KiB
TypeScript
export class HtmlUtils {
|
|
public static getElementByIdOrFail<T extends HTMLElement>(id: string): T {
|
|
const elem = document.getElementById(id);
|
|
if (HtmlUtils.isHtmlElement<T>(elem)) {
|
|
return elem;
|
|
}
|
|
throw new Error("Cannot find HTML element with id '"+id+"'");
|
|
}
|
|
|
|
public static querySelectorOrFail<T extends HTMLElement>(selector: string): T {
|
|
const elem = document.querySelector<T>(selector);
|
|
if (HtmlUtils.isHtmlElement<T>(elem)) {
|
|
return elem;
|
|
}
|
|
throw new Error("Cannot find HTML element with selector '"+selector+"'");
|
|
}
|
|
|
|
public static removeElementByIdOrFail<T extends HTMLElement>(id: string): T {
|
|
const elem = document.getElementById(id);
|
|
if (HtmlUtils.isHtmlElement<T>(elem)) {
|
|
elem.remove();
|
|
return elem;
|
|
}
|
|
throw new Error("Cannot find HTML element with id '"+id+"'");
|
|
}
|
|
|
|
public static urlify(text: string): HTMLSpanElement {
|
|
const textReturn : HTMLSpanElement = document.createElement('span');
|
|
textReturn.innerText = text;
|
|
const urlRegex = /(https?:\/\/[^\s]+)/g;
|
|
text.replace(urlRegex, (url: string) => {
|
|
let link : HTMLAnchorElement = document.createElement('a');
|
|
link.innerText = ` ${url}`;
|
|
link.href = url;
|
|
link.target = '_blank';
|
|
textReturn.append(link);
|
|
return url;
|
|
});
|
|
return textReturn;
|
|
}
|
|
|
|
private static isHtmlElement<T extends HTMLElement>(elem: HTMLElement | null): elem is T {
|
|
return elem !== null;
|
|
}
|
|
}
|