From ed3cbc91df6197a15d77f2a0e3cb8c91b12136b2 Mon Sep 17 00:00:00 2001
From: Maxime Cannoodt <Maxime.Cannoodt@UGent.be>
Date: Fri, 24 Jun 2022 10:10:58 +0200
Subject: [PATCH] markdown highlight

---
 server/prisma/dev.db                          | Bin 126976 -> 126976 bytes
 .../lib/components/MarkdownRenderer.svelte    |   4 +++-
 webapp/src/lib/marked/extensions.ts           |  22 ++++++++++++++++--
 .../src/lib/marked/renderers/Highlight.svelte |   5 ++++
 4 files changed, 28 insertions(+), 3 deletions(-)
 create mode 100644 webapp/src/lib/marked/renderers/Highlight.svelte

diff --git a/server/prisma/dev.db b/server/prisma/dev.db
index 3497d5b06db7997c7defcdb80001aa6b0b6448f9..e8eff1bc68236c5d6495a9642f00cfc415531a5e 100644
GIT binary patch
delta 396
zcmZ|Gy-vbF003YsF(e3yCT{+1E)3kY*Iql3^3wtaEJYAEuXk;+f|j2i=mO~KpwXGh
z#F;oaIyw6QE<TFBfYUd9v!D3vC;qT4q#t+kLV9`jGL7vdU!USLyqbJ{+uZPzd%Ll$
zK)YzD$O9<=0BDzJ#6_<8;yJ(Bzx%v@|GXEn`9v%ct)#xz7l~*&_Y>3GgZ+4R?JhM>
z{hNjP^GEHfDH=m&wl3OGwd*;9_lh<+&KyQ&#2c<vQaNFHhno{*UFE1Q`7JaVf#E>+
z$EH&$gEFpmbTPo9**w+zYz#2uGOSL=;iXY4M*Yg6obESr_UOFSp~ULdyoy^61Cr@y
z49LAnyDI5EB_|d6CRB}v9dtXzu%&cMwgYno$r$<9gCmB+fu)dUSSV!10lFY{&FZy>
zq#n|+%skKWpsT8kVyI!sMIOXyBtt|Lh5&YDN+4Av$Aubl8Tx}z$N<BNDyhJ6-WT73
Gv-Jyx7=H}_

delta 61
zcmZp8z~1nHeS$Qj)<hX+My-trOX``Wd5%tIZ!q61DA3N+e6(l#(H=&7XAUOrc?`Vg
Rx#t0eCvk6|cbhRu1OS<96-odA

diff --git a/webapp/src/lib/components/MarkdownRenderer.svelte b/webapp/src/lib/components/MarkdownRenderer.svelte
index ccfd325..e882189 100644
--- a/webapp/src/lib/components/MarkdownRenderer.svelte
+++ b/webapp/src/lib/components/MarkdownRenderer.svelte
@@ -7,6 +7,7 @@
 	import extensions from '$lib/marked/extensions';
 	import Link from '$lib/marked/renderers/Link.svelte';
 	import Tag from '$lib/marked/renderers/Tag.svelte';
+	import Highlight from '$lib/marked/renderers/Highlight.svelte';
 
 	export let plaintext: string;
 
@@ -28,7 +29,8 @@ prose-blockquote:first:before:content-['']"
 			list: List,
 			link: Link,
 			'internal-link': InternalLink,
-			tag: Tag
+			tag: Tag,
+			highlight: Highlight
 		}}
 		source={plaintext}
 		{options}
diff --git a/webapp/src/lib/marked/extensions.ts b/webapp/src/lib/marked/extensions.ts
index 2099c22..5b439c7 100644
--- a/webapp/src/lib/marked/extensions.ts
+++ b/webapp/src/lib/marked/extensions.ts
@@ -26,7 +26,6 @@ const TagExtension = {
 	tokenizer(src: string) {
 		const match = src.match(/^#([\w/]+)[\W\s]/);
 		if (match) {
-			console.log(match);
 			return {
 				type: 'tag',
 				raw: match[0].trim(),
@@ -37,6 +36,25 @@ const TagExtension = {
 	}
 };
 
-export default [InternalLinkExtension, TagExtension];
+const HighlightExtension = {
+	name: 'highlight',
+	level: 'inline',
+	start(src: string) {
+		return src.match(/==/)?.index;
+	},
+	tokenizer(src: string) {
+		const match = src.match(/^==(.+)==/);
+		if (match) {
+			return {
+				type: 'highlight',
+				raw: match[0].trim(),
+				text: match[1].trim()
+			};
+		}
+		return false;
+	}
+};
+
+export default [InternalLinkExtension, TagExtension, HighlightExtension];
 
 // ^\#([\w\/]+)\W*
diff --git a/webapp/src/lib/marked/renderers/Highlight.svelte b/webapp/src/lib/marked/renderers/Highlight.svelte
new file mode 100644
index 0000000..9d21975
--- /dev/null
+++ b/webapp/src/lib/marked/renderers/Highlight.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+	export let text: string;
+</script>
+
+<span class="bg-yellow-300">{text}</span>