91 lines
3.8 KiB
TypeScript
91 lines
3.8 KiB
TypeScript
import {BBCodeCustomTag, BBCodeParser, BBCodeSimpleTag} from './parser';
|
|
|
|
const urlFormat = '((?:https?|ftps?|irc)://[^\\s/$.?#"\']+\\.[^\\s"]+)';
|
|
export const findUrlRegex = new RegExp(`(\\[url[=\\]]\\s*)?${urlFormat}`, 'gi');
|
|
export const urlRegex = new RegExp(`^${urlFormat}$`);
|
|
|
|
function domain(url: string): string | undefined {
|
|
const pieces = urlRegex.exec(url);
|
|
if(pieces === null) return;
|
|
const match = pieces[1].match(/(?:(https?|ftps?|irc):)?\/\/(?:www.)?([^\/]+)/);
|
|
return match !== null ? match[2] : undefined;
|
|
}
|
|
|
|
function fixURL(url: string): string {
|
|
if(/^www\./.test(url))
|
|
url = `https://${url}`;
|
|
return url.replace(/ /g, '%20');
|
|
}
|
|
|
|
export class CoreBBCodeParser extends BBCodeParser {
|
|
/*tslint:disable-next-line:typedef*///https://github.com/palantir/tslint/issues/711
|
|
constructor(public makeLinksClickable = true) {
|
|
super();
|
|
this.addTag('b', new BBCodeSimpleTag('b', 'strong'));
|
|
this.addTag('i', new BBCodeSimpleTag('i', 'em'));
|
|
this.addTag('u', new BBCodeSimpleTag('u', 'u'));
|
|
this.addTag('s', new BBCodeSimpleTag('s', 'del'));
|
|
this.addTag('noparse', new BBCodeSimpleTag('noparse', 'span', [], []));
|
|
this.addTag('sub', new BBCodeSimpleTag('sub', 'sub', [], ['b', 'i', 'u', 's']));
|
|
this.addTag('sup', new BBCodeSimpleTag('sup', 'sup', [], ['b', 'i', 'u', 's']));
|
|
this.addTag('color', new BBCodeCustomTag('color', (parser, parent, param) => {
|
|
const el = parser.createElement('span');
|
|
parent.appendChild(el);
|
|
const cregex = /^(red|blue|white|yellow|pink|gray|green|orange|purple|black|brown|cyan)$/;
|
|
if(!cregex.test(param)) {
|
|
parser.warning('Invalid color parameter provided.');
|
|
return el;
|
|
}
|
|
el.className = `${param}Text`;
|
|
return el;
|
|
}));
|
|
this.addTag('url', new BBCodeCustomTag('url', (parser, parent, _) => {
|
|
const el = parser.createElement('span');
|
|
parent.appendChild(el);
|
|
return el;
|
|
}, (parser, element, _, param) => {
|
|
const content = element.textContent!.trim();
|
|
while(element.firstChild !== null) element.removeChild(element.firstChild);
|
|
|
|
let url: string, display: string = content;
|
|
if(param.length > 0) {
|
|
url = param.trim();
|
|
if(content.length === 0) display = param;
|
|
} else if(content.length > 0) url = content;
|
|
else {
|
|
parser.warning('url tag contains no url.');
|
|
element.textContent = '';
|
|
return;
|
|
}
|
|
|
|
// This fixes problems where content based urls are marked as invalid if they contain spaces.
|
|
url = fixURL(url);
|
|
if(!urlRegex.test(url)) {
|
|
element.textContent = `[BAD URL] ${url}`;
|
|
return;
|
|
}
|
|
const fa = parser.createElement('i');
|
|
fa.className = 'fa fa-link';
|
|
element.appendChild(fa);
|
|
const a = parser.createElement('a');
|
|
a.href = url;
|
|
a.rel = 'nofollow noreferrer noopener';
|
|
a.target = '_blank';
|
|
a.className = 'user-link';
|
|
a.title = url;
|
|
a.textContent = display;
|
|
element.appendChild(a);
|
|
const span = document.createElement('span');
|
|
span.className = 'link-domain';
|
|
span.textContent = ` [${domain(url)}]`;
|
|
(<HTMLElement & {bbcodeHide: true}>span).bbcodeHide = true;
|
|
element.appendChild(span);
|
|
}, []));
|
|
}
|
|
|
|
parseEverything(input: string): HTMLElement {
|
|
if(this.makeLinksClickable && input.length > 0)
|
|
input = input.replace(findUrlRegex, (match, tag) => tag === undefined ? `[url]${match}[/url]` : match);
|
|
return super.parseEverything(input);
|
|
}
|
|
} |