mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 04:46:40 +07:00
71 lines
2 KiB
TypeScript
71 lines
2 KiB
TypeScript
import marked from 'marked';
|
||
import { stripHTMLTags } from '~/utils/stripHTMLTags';
|
||
|
||
/**
|
||
* Cleans youtube urls
|
||
*/
|
||
export const formatTextSanitizeYoutube = (text: string): string =>
|
||
text.replace(
|
||
/(https?:\/\/(www\.)?(youtube\.com|youtu\.be)\/(watch)?(\?v=)?[\w\-\&\=]+)/gim,
|
||
'\n$1\n'
|
||
);
|
||
|
||
/**
|
||
* Removes HTML tags
|
||
*/
|
||
export const formatTextSanitizeTags = (text: string): string => stripHTMLTags(text);
|
||
|
||
/**
|
||
* Returns clickable usernames
|
||
*/
|
||
export const formatTextClickableUsernames = (text: string): string =>
|
||
text.replace(
|
||
/~([\wа-яА-Я-]+)/giu,
|
||
'<span class="username" onClick="window.postMessage({ type: \'username\', username: \'$1\'});">~$1</span>'
|
||
);
|
||
|
||
/**
|
||
* Makes gray comments
|
||
*/
|
||
export const formatTextComments = (text: string): string =>
|
||
text
|
||
.replace(/:\/\//gim, ':|--|')
|
||
.replace(/(\/\/[^\n]+)/gim, '<span class="grey">$1</span>')
|
||
.replace(/(\/\*[\s\S]*?\*\/)/gim, '<span class="grey">$1</span>')
|
||
.replace(/:\|--\|/gim, '://');
|
||
|
||
/**
|
||
* Highlights todos
|
||
*/
|
||
export const formatTextTodos = (text: string): string =>
|
||
text
|
||
.replace(/\/\/\s*(todo|туду):?\s*([^\n]+)/gim, '// <span class="todo">$1</span> $2')
|
||
.replace(
|
||
/\/\/\s*(done|сделано|сделал|готово|fixed|пофикшено|фиксед):?\s*([^\n]+)/gim,
|
||
'// <span class="done">$1</span> $2'
|
||
);
|
||
|
||
/**
|
||
* Formats !!exclamation messages with green color
|
||
*/
|
||
export const formatExclamations = (text: string): string =>
|
||
text.replace(/(\!\![\s\S]*?(\!\!|\n|$))/gim, '<span class="green">$1$2</span>');
|
||
|
||
/**
|
||
* Formats links
|
||
*/
|
||
export const formatLinks = (text: string): string =>
|
||
text.replace(
|
||
/(\b(https?|ftp|file):\/\/([-A-Z0-9+&@#%?=~_|!:,.;]*)([-A-Z0-9+&@#%?\/=~_|!:,.;]*)[-A-Z0-9+&@#\/%=~_|])/gi,
|
||
'<a href="$1" target="blank" rel="nofollow">$1</a>'
|
||
);
|
||
|
||
/**
|
||
* Replaces -- with dash
|
||
*/
|
||
export const formatTextDash = (text: string): string => text.replace(' -- ', ' — ');
|
||
|
||
/**
|
||
* Formats with markdown
|
||
*/
|
||
export const formatTextMarkdown = (text: string): string => marked(text);
|