reverted message formatter

src/utils/changelog.js

@@ -14,6 +14,17 @@
 
 const config = [
 
+  {
+    version: 5.5,
+    title: "Oopsies!",
+    shortTitle: "",
+    date: "25/07/2019",
+    headColor: "rgba(15, 65, 70, 0.77)",
+    fix: [
+      'Removed codeblock highlighter due to some problems. Will be back in the future.',
+    ],
+  },
+
   {
     version: 5.4,
     title: "Bug Fixes!",

src/utils/messageFormatter.js

@@ -2,8 +2,6 @@ import Formatter from 'futoji'
 import twemoji from 'twemoji'
 import emojiParser from '@/utils/emojiParser';
 import config from "@/config.js";
-import hljs from 'highlight.js'
-import { escape as escapeHTML, unescape as unescapeHTML } from 'validator'
 
 const futoji = new Formatter();
 const emojiFormatter = new Formatter();
@@ -13,23 +11,24 @@ emojiFormatter.addTransformer({
 	symbol: ':',
 	padding: false,
 	recursive: false,
-	validate: text => /.+?&(.+?)/.test(text),
+	validate: text => /.+?&(.+?)/.test(text),
 	transformer: owo
 })
 
 function owo (text) {
-	const split = escapeHTML(text).split('&');
+	const split = text.split('&');
 	if (!split || split.length <= 1) return `:${text}:`;
 	const url = split[split.length - 1].slice(4);
 	return `<img class="emoji" draggable="false" alt=":${split[0]}:" src="${config.domain + "/files/" + url}">`
 }
 
+
 futoji.addTransformer({
 	name: 'custom emoji',
 	symbol: ':',
 	padding: false,
 	recursive: false,
-	validate: text => /.+?&amp;(.+?)/.test(text),
+	validate: text => /.+?&(.+?)/.test(text),
 	transformer: text => {
 		const formattedInner = emojiFormatter.format(text);
 		return owo(formattedInner);
@@ -37,85 +36,80 @@ futoji.addTransformer({
 	}
 })
 
+
+
 futoji.addTransformer({
 	name: 'url',
 	open: 'http',
 	close: ' ',
 	recursive: false,
 	validate: text => /(https?:\/\/[^\s]+)/g.test('http' + text),
-	transformer: text => '<a class="msg-link" target="_blank" href="http' + escapeHTML(text) + '">http' + escapeHTML(text) + '</a> '
+	transformer: text => '<a class="msg-link" target="_blank" href="http' + text + '">http' + text + '</a> '
 })
 
+
 futoji.addTransformer({
 	name: 'bold-and-italic',
 	symbol: '***',
-	transformer: text => `<strong><em>${escapeHTML(text)}</em></strong>`
+	transformer: text => `<strong><em>${text}</em></strong>`
 })
 
 futoji.addTransformer({
 	name: 'bold',
 	symbol: '**',
-	transformer: text => `<strong>${escapeHTML(text)}</strong>`
+	transformer: text => `<strong>${text}</strong>`
 })
 
 futoji.addTransformer({
 	name: 'italic',
 	symbol: '*',
-	transformer: text => `<em>${escapeHTML(text)}</em>`
+	transformer: text => `<em>${text}</em>`
 })
 
 futoji.addTransformer({
 	name: 'underline',
 	symbol: '__',
-	transformer: text => `<u>${escapeHTML(text)}</u>`
+	transformer: text => `<u>${text}</u>`
 })
 futoji.addTransformer({
 	name: 'italic',
 	symbol: '_',
-	transformer: text => `<em>${escapeHTML(text)}</em>`
+	transformer: text => `<em>${text}</em>`
 })
 futoji.addTransformer({
 	name: 'srike',
 	symbol: '~~',
-	transformer: text => `<s>${escapeHTML(text).trim()}</s>`
+	transformer: text => `<s>${text.trim()}</s>`
 })
 
 futoji.addTransformer({
 	name: 'code-block',
 	symbol: '```',
 	recursive: false,
-	transformer: text => {
-		let formatted = formatCode(text)
-
-		let highlighted
-		if(formatted.lang.length === 0) {
-			return `<div class="codeblock"><code>${escapeHTML(formatted.code)}</code></div>`
-		} else if(hljs.listLanguages().includes(formatted.lang)) {
-			highlighted = hljs.highlight(formatted.lang, formatted.code, true)
-		} else {
-			highlighted = hljs.highlightAuto(formatted.code)
-		}
-
-		return `<div class="codeblock"><code lang="${escapeHTML(highlighted.language)}">${highlighted.value}</code></div>`
-	}
+	transformer: text => `<div class="codeblock"><code>${formatCode(text).trim()}</code></div>`,
 })
 
 futoji.addTransformer({
 	name: 'code',
 	symbol: '`',
 	recursive: false,
-	transformer: text => `<code>${escapeHTML(text)}</code>`,
+	transformer: text => `<code>${text}</code>`,
 })
 
 export default (message) => {
+
 	message = futoji.format(escapeHtml(message + ' ')).trim();
 
 	message = emojiParser.replaceEmojis(message);
+
 	return message;
 }
 
+
+
+
 /**
- * format code to get language and code
+ * format code to add syntax highlighting
  */
 function formatCode(text) {
 	// matches if word until newline
@@ -126,19 +120,14 @@ function formatCode(text) {
 		let language = nameRegex.exec(text)[1]
 		let newText = text.replace(nameRegex, '')
 
-		return {
-			lang: language,
-			code: newText
-		}
+		// TODO: format newText with language
+
+		return newText
 	}
 
-	return {
-		lang: '',
-		code: text.replace(/^\n/, '')
-	}
+	return text
 }
 
-// todo: replace with well tested / faster method
 function escapeHtml(unsafe) {
 	return unsafe
 		.replace(/&/g, "&amp;")