39 lines
1.4 KiB
TypeScript
39 lines
1.4 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(selector);
|
|
if (elem === null) {
|
|
throw new Error("Cannot find HTML element with selector '"+selector+"'");
|
|
}
|
|
// FIXME: does not check the type of the returned type
|
|
return elem as T;
|
|
}
|
|
|
|
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): string {
|
|
const urlRegex = /(https?:\/\/[^\s]+)/g;
|
|
return text.replace(urlRegex, (url: string) => {
|
|
return '<a href="' + url + '" target="_blank" style=":visited {color: white}">' + url + '</a>';
|
|
})
|
|
}
|
|
|
|
private static isHtmlElement<T extends HTMLElement>(elem: HTMLElement | null): elem is T {
|
|
return elem !== null;
|
|
}
|
|
}
|