From 23d5b6abc0ef3e622d7309a32946fdc614e0a9ae Mon Sep 17 00:00:00 2001
From: Mishig Davaadorj <dmishig@gmail.com>
Date: Sat, 23 Sep 2023 15:29:21 +0200
Subject: [PATCH 1/7] Remark md escape svelte special chars

---
 kit/package-lock.json | 63 ++++++++++++++++++++++++++++++++++++++++++-
 kit/package.json      |  3 ++-
 kit/preprocess.js     | 16 +++++++++++
 3 files changed, 80 insertions(+), 2 deletions(-)

diff --git a/kit/package-lock.json b/kit/package-lock.json
index de0d4248..fb0f8763 100644
--- a/kit/package-lock.json
+++ b/kit/package-lock.json
@@ -37,7 +37,8 @@
 				"svelte-preprocess": "^4.10.1",
 				"tailwindcss": "^3.0.22",
 				"tslib": "^2.3.1",
-				"typescript": "~4.5.4"
+				"typescript": "~4.5.4",
+				"unist-util-visit": "^5.0.0"
 			}
 		},
 		"node_modules/@babel/code-frame": {
@@ -3471,6 +3472,25 @@
 				"node": ">=4.2.0"
 			}
 		},
+		"node_modules/unist-util-is": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz",
+			"integrity": "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==",
+			"dev": true,
+			"dependencies": {
+				"@types/unist": "^3.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
+		"node_modules/unist-util-is/node_modules/@types/unist": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.0.tgz",
+			"integrity": "sha512-MFETx3tbTjE7Uk6vvnWINA/1iJ7LuMdO4fcq8UfF0pRbj01aGLduVvQcRyswuACJdpnHgg8E3rQLhaRdNEJS0w==",
+			"dev": true
+		},
 		"node_modules/unist-util-stringify-position": {
 			"version": "2.0.3",
 			"resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz",
@@ -3484,6 +3504,47 @@
 				"url": "https://opencollective.com/unified"
 			}
 		},
+		"node_modules/unist-util-visit": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz",
+			"integrity": "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==",
+			"dev": true,
+			"dependencies": {
+				"@types/unist": "^3.0.0",
+				"unist-util-is": "^6.0.0",
+				"unist-util-visit-parents": "^6.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
+		"node_modules/unist-util-visit-parents": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz",
+			"integrity": "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==",
+			"dev": true,
+			"dependencies": {
+				"@types/unist": "^3.0.0",
+				"unist-util-is": "^6.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
+		"node_modules/unist-util-visit-parents/node_modules/@types/unist": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.0.tgz",
+			"integrity": "sha512-MFETx3tbTjE7Uk6vvnWINA/1iJ7LuMdO4fcq8UfF0pRbj01aGLduVvQcRyswuACJdpnHgg8E3rQLhaRdNEJS0w==",
+			"dev": true
+		},
+		"node_modules/unist-util-visit/node_modules/@types/unist": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.0.tgz",
+			"integrity": "sha512-MFETx3tbTjE7Uk6vvnWINA/1iJ7LuMdO4fcq8UfF0pRbj01aGLduVvQcRyswuACJdpnHgg8E3rQLhaRdNEJS0w==",
+			"dev": true
+		},
 		"node_modules/uri-js": {
 			"version": "4.4.1",
 			"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
diff --git a/kit/package.json b/kit/package.json
index 211c010e..c61ab428 100644
--- a/kit/package.json
+++ b/kit/package.json
@@ -38,7 +38,8 @@
 		"svelte-preprocess": "^4.10.1",
 		"tailwindcss": "^3.0.22",
 		"tslib": "^2.3.1",
-		"typescript": "~4.5.4"
+		"typescript": "~4.5.4",
+		"unist-util-visit": "^5.0.0"
 	},
 	"type": "module",
 	"dependencies": {
diff --git a/kit/preprocess.js b/kit/preprocess.js
index 74a1f463..cafebdee 100644
--- a/kit/preprocess.js
+++ b/kit/preprocess.js
@@ -3,6 +3,7 @@ import htmlparser2 from "htmlparser2";
 import hljs from "highlight.js";
 import { mdsvex } from "mdsvex";
 import katex from "katex";
+import { visit } from 'unist-util-visit'
 
 // Preprocessor that converts markdown into Docstring
 // svelte component using mdsvexPreprocess
@@ -423,7 +424,22 @@ function renderKatex(code, markedKatex) {
 	});
 }
 
+
+function escapeSvelteSpecialChars() {
+	return transform;
+
+	function transform(tree) {
+		visit(tree, 'text', ontext);
+	}
+
+	function ontext(node) {
+		node.value = node.value.replaceAll("{", '&#123;');
+		node.value = node.value.replaceAll("<", '&#60;');
+	}
+}
+
 const _mdsvexPreprocess = mdsvex({
+	remarkPlugins: [escapeSvelteSpecialChars],
 	extensions: ["mdx"],
 	highlight: {
 		highlighter: function (code, lang) {

From f20be19fc7826730339831bd2b4e173f6ae43f4f Mon Sep 17 00:00:00 2001
From: Mishig Davaadorj <dmishig@gmail.com>
Date: Sat, 23 Sep 2023 15:29:39 +0200
Subject: [PATCH 2/7] Rm unneeded python escaping code

---
 src/doc_builder/convert_md_to_mdx.py | 47 +----------------
 tests/test_convert_md_to_mdx.py      | 75 ----------------------------
 2 files changed, 2 insertions(+), 120 deletions(-)

diff --git a/src/doc_builder/convert_md_to_mdx.py b/src/doc_builder/convert_md_to_mdx.py
index bd6c4c45..9f27b28a 100644
--- a/src/doc_builder/convert_md_to_mdx.py
+++ b/src/doc_builder/convert_md_to_mdx.py
@@ -22,25 +22,6 @@
 
 
 _re_doctest_flags = re.compile(r"^(>>>.*\S)(\s+)# doctest:\s+\+[A-Z_]+\s*$", flags=re.MULTILINE)
-_re_lt_html = re.compile(
-    r"""# This regex is meant to detect any HTML tag or comment, but not standalone '<' characters.
-    <(                   # HTML tag with...
-    (
-        !DOCTYPE         # ... !DOCTYPE
-    |
-        ((\/\s*)?[a-z]+) # ... or any regular tag (i.e. starts with [a-z]
-    )
-    [^><]*?              # ... followed by anything until next closing ">"
-    )>
-    |
-    <(!--[^>]*?--)>      # Or an HTML comment
-    """,
-    re.IGNORECASE | re.VERBOSE,
-)
-_re_lcub_svelte = re.compile(
-    r"<(Question|Tip|Added|Changed|Deprecated|DocNotebookDropdown|CourseFloatingBanner|FrameworkSwitch|audio|PipelineIcon|PipelineTag)(((?!<(Question|Tip|Added|Changed|Deprecated|DocNotebookDropdown|CourseFloatingBanner|FrameworkSwitch|audio|PipelineIcon|PipelineTag)).)*)>|&amp;lcub;(#if|:else}|/if})",
-    re.DOTALL,
-)
 
 
 def convert_md_to_mdx(md_text, page_info):
@@ -83,28 +64,6 @@ def convert_md_to_mdx(md_text, page_info):
     )
 
 
-def convert_special_chars(text):
-    """
-    Convert { and < that have special meanings in MDX.
-    """
-    text = text.replace("{", "&amp;lcub;")
-    # We don't want to escape `{` that are part of svelte syntax
-    text = _re_lcub_svelte.sub(lambda match: match[0].replace("&amp;lcub;", "{"), text)
-    # We don't want to replace those by the HTML code, so we temporarily set them at LTHTML
-    # source is a special tag, it can be standalone (html tag) or closing (doc tag)
-
-    # Temporarily replace all valid HTML tags with LTHTML
-    # Replace with '\1\5' => 2 possible groups to catch the tag but in practice only one is not empty.
-    text = re.sub(_re_lt_html, r"LTHTML\1\5>", text)
-
-    # Encode remaining < symbols
-    text = text.replace("<", "&amp;lt;")
-    # Put back the HTML tags
-    text = text.replace("LTHTML", "<")
-
-    return text
-
-
 def convert_img_links(text, page_info):
     """
     Convert image links to correct URL paths.
@@ -199,13 +158,11 @@ def process_md(text, page_info):
     Processes markdown by:
         1. Converting include
         2. Converting literalinclude
-        3. Converting special characters
-        4. Clean doctest syntax
-        5. Converting image links
+        3. Clean doctest syntax
+        4. Converting image links
     """
     text = convert_include(text, page_info)
     text = convert_literalinclude(text, page_info)
-    text = convert_special_chars(text)
     text = clean_doctest_syntax(text)
     text = convert_img_links(text, page_info)
     return text
diff --git a/tests/test_convert_md_to_mdx.py b/tests/test_convert_md_to_mdx.py
index 1405bd05..4e0e63dc 100644
--- a/tests/test_convert_md_to_mdx.py
+++ b/tests/test_convert_md_to_mdx.py
@@ -22,7 +22,6 @@
     convert_include,
     convert_literalinclude,
     convert_md_to_mdx,
-    convert_special_chars,
     process_md,
 )
 
@@ -65,80 +64,6 @@ def test_convert_md_to_mdx(self):
 Lorem ipsum dolor sit amet, consectetur adipiscing elit"""
         self.assertEqual(convert_md_to_mdx(md_text, page_info), expected_conversion)
 
-    def test_convert_special_chars(self):
-        self.assertEqual(convert_special_chars("{ lala }"), "&amp;lcub; lala }")
-        self.assertEqual(convert_special_chars("< blo"), "&amp;lt; blo")
-        self.assertEqual(convert_special_chars("<source></source>"), "<source></source>")
-        self.assertEqual(convert_special_chars("<br>"), "<br>")
-        self.assertEqual(convert_special_chars("<hr>"), "<hr>")
-        self.assertEqual(convert_special_chars("<source>"), "<source>")
-        self.assertEqual(convert_special_chars("<Youtube id='my_vid' />"), "<Youtube id='my_vid' />")
-        self.assertEqual(convert_special_chars("</br>"), "</br>")
-        self.assertEqual(convert_special_chars("<br />"), "<br />")
-        self.assertEqual(convert_special_chars("<p>5 <= 10</p>"), "<p>5 &amp;lt;= 10</p>")
-        self.assertEqual(
-            convert_special_chars("<p align='center'>5 <= 10</p>"), "<p align='center'>5 &amp;lt;= 10</p>"
-        )
-        self.assertEqual(convert_special_chars("<p>5 <= 10"), "<p>5 &amp;lt;= 10")  # no closing tag
-        self.assertEqual(convert_special_chars("5 <= 10</p>"), "5 &amp;lt;= 10</p>")  # no opening tag
-        self.assertEqual(convert_special_chars("<a>test</b>"), "<a>test</b>")  # mismatched tags
-        self.assertEqual(convert_special_chars("<p>5 < 10</p>"), "<p>5 &amp;lt; 10</p>")
-        self.assertEqual(convert_special_chars("<p>5 > 10</p>"), "<p>5 > 10</p>")
-        self.assertEqual(convert_special_chars("<!--...-->"), "<!--...-->")  # comment
-        self.assertEqual(convert_special_chars("<!-- < -->"), "<!-- &amp;lt; -->")  # comment
-        self.assertEqual(convert_special_chars("<!DOCTYPE html> 1 < 2"), "<!DOCTYPE html> 1 &amp;lt; 2")
-
-        longer_test = """<script lang="ts">
-import Tip from "$lib/Tip.svelte";
-import Youtube from "$lib/Youtube.svelte";
-import Docstring from "$lib/Docstring.svelte";
-import CodeBlock from "$lib/CodeBlock.svelte";
-export let fw: "pt" | "tf"
-</script>"""
-        self.assertEqual(convert_special_chars(longer_test), longer_test)
-
-        nested_test = """<blockquote>
-   sometext
-   <blockquote>
-        sometext
-   </blockquote>
-</blockquote>"""
-        self.assertEqual(convert_special_chars(nested_test), nested_test)
-
-        html_code = '<a href="Some URl">some_text</a>'
-        self.assertEqual(convert_special_chars(html_code), html_code)
-
-        inner_less = """<blockquote>
-   sometext 4 &amp;lt; 5
-</blockquote>"""
-        self.assertEqual(convert_special_chars(inner_less), inner_less)
-
-        img_code = '<img src="someSrc">'
-        self.assertEqual(convert_special_chars(img_code), img_code)
-
-        video_code = '<video src="someSrc">'
-        self.assertEqual(convert_special_chars(video_code), video_code)
-
-        comment = "<!-- comment -->"
-        self.assertEqual(convert_special_chars(comment), comment)
-
-        comment = "<!-- multi line\ncomment -->"
-        self.assertEqual(convert_special_chars(comment), comment)
-
-        # Regression test for https://github.com/huggingface/doc-builder/pull/394
-        # '<' must not be considered an HTML tag before a number
-        self.assertEqual(
-            convert_special_chars("something <5MB something else -> here"),
-            "something &amp;lt;5MB something else -> here",
-        )
-
-        # Regression test for https://github.com/huggingface/doc-builder/pull/398
-        # '10K<n<100K' must be caught correctly and not grouped with the next HTML tag.
-        self.assertEqual(
-            convert_special_chars("""10K<n<100K\n<Tip>\nThis is a tip.\n</Tip>"""),
-            "10K&amp;lt;n&amp;lt;100K\n<Tip>\nThis is a tip.\n</Tip>",
-        )
-
     def test_convert_img_links(self):
         page_info = {"package_name": "transformers", "version": "v4.10.0", "language": "fr"}
 

From fd61ec108e648903b4ddedbe95660dec205f60fe Mon Sep 17 00:00:00 2001
From: Mishig Davaadorj <dmishig@gmail.com>
Date: Sat, 23 Sep 2023 20:39:44 +0200
Subject: [PATCH 3/7] fix katex error

---
 kit/preprocess.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/kit/preprocess.js b/kit/preprocess.js
index cafebdee..55868aa7 100644
--- a/kit/preprocess.js
+++ b/kit/preprocess.js
@@ -392,7 +392,7 @@ function unescapeUnderscores(content) {
  * @param {Record<any, any>} markedKatex
  */
 function markKatex(content, markedKatex) {
-	const REGEX_LATEX_DISPLAY = /\n\$\$([\s\S]+?)\$\$/g;
+	const REGEX_LATEX_DISPLAY = /\$\$([\s\S]+?)\$\$/g;
 	const REGEX_LATEX_INLINE = /\\\\\(([\s\S]+?)\\\\\)/g;
 	let counter = 0;
 	return content
@@ -412,11 +412,14 @@ function markKatex(content, markedKatex) {
 
 function renderKatex(code, markedKatex) {
 	return code.replace(/KATEXPARSE[0-9]+MARKER/g, (marker) => {
-		const { tex, displayMode } = markedKatex[marker];
-		const html = katex.renderToString(renderSvelteChars(tex), {
+		let { tex, displayMode } = markedKatex[marker];
+		tex = tex.replaceAll('&#123;', "{");
+		tex = tex.replaceAll('&#60;', "<");
+		let html = katex.renderToString(renderSvelteChars(tex), {
 			displayMode,
 			throwOnError: false
 		});
+		html = html.replace("katex-html", "katex-html hidden");
 		if (html.includes(`katex-error`)) {
 			throw new Error(`[KaTeX] Error while parsing markdown\n ${html}`);
 		}

From 282eed61a2384be36e2d1b1f1677302acd62fead Mon Sep 17 00:00:00 2001
From: Mishig Davaadorj <dmishig@gmail.com>
Date: Sat, 23 Sep 2023 20:45:08 +0200
Subject: [PATCH 4/7] fix test

---
 tests/test_convert_md_to_mdx.py | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tests/test_convert_md_to_mdx.py b/tests/test_convert_md_to_mdx.py
index 4e0e63dc..425ba34e 100644
--- a/tests/test_convert_md_to_mdx.py
+++ b/tests/test_convert_md_to_mdx.py
@@ -82,8 +82,8 @@ def test_process_md(self):
 {}
 <>"""
         expected_conversion = """[img](/docs/transformers/v4.10.0/fr/imgs/img.gif)
-&amp;lcub;}
-&amp;lt;>"""
+{}
+<>"""
         self.assertEqual(process_md(text, page_info), expected_conversion)
 
     def test_convert_include(self):

From 5d0575a9479a8dcb143368a60713f5f6f0852db8 Mon Sep 17 00:00:00 2001
From: Mishig Davaadorj <dmishig@gmail.com>
Date: Sat, 23 Sep 2023 21:41:20 +0200
Subject: [PATCH 5/7] handle "<UNK>"

---
 kit/package-lock.json | 13 +++++++++++++
 kit/package.json      |  1 +
 kit/preprocess.js     | 16 +++++++++++++---
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/kit/package-lock.json b/kit/package-lock.json
index fb0f8763..4e6c320d 100644
--- a/kit/package-lock.json
+++ b/kit/package-lock.json
@@ -26,6 +26,7 @@
 				"eslint-config-prettier": "^8.3.0",
 				"eslint-plugin-svelte3": "^3.2.1",
 				"highlight.js": "^11.4.0",
+				"html-tags": "^3.3.1",
 				"htmlparser2": "^7.2.0",
 				"katex": "^0.15.2",
 				"mdsvex": "^0.10.5",
@@ -2061,6 +2062,18 @@
 				"node": ">=12.0.0"
 			}
 		},
+		"node_modules/html-tags": {
+			"version": "3.3.1",
+			"resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz",
+			"integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==",
+			"dev": true,
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/htmlparser2": {
 			"version": "7.2.0",
 			"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-7.2.0.tgz",
diff --git a/kit/package.json b/kit/package.json
index c61ab428..31bccc45 100644
--- a/kit/package.json
+++ b/kit/package.json
@@ -27,6 +27,7 @@
 		"eslint-config-prettier": "^8.3.0",
 		"eslint-plugin-svelte3": "^3.2.1",
 		"highlight.js": "^11.4.0",
+		"html-tags": "^3.3.1",
 		"htmlparser2": "^7.2.0",
 		"katex": "^0.15.2",
 		"mdsvex": "^0.10.5",
diff --git a/kit/preprocess.js b/kit/preprocess.js
index 55868aa7..fa67fcfc 100644
--- a/kit/preprocess.js
+++ b/kit/preprocess.js
@@ -3,7 +3,8 @@ import htmlparser2 from "htmlparser2";
 import hljs from "highlight.js";
 import { mdsvex } from "mdsvex";
 import katex from "katex";
-import { visit } from 'unist-util-visit'
+import { visit } from 'unist-util-visit';
+import htmlTags from 'html-tags';
 
 // Preprocessor that converts markdown into Docstring
 // svelte component using mdsvexPreprocess
@@ -432,13 +433,22 @@ function escapeSvelteSpecialChars() {
 	return transform;
 
 	function transform(tree) {
-		visit(tree, 'text', ontext);
+		visit(tree, 'text', onText);
+		visit(tree, 'html', onHtml);
 	}
 
-	function ontext(node) {
+	function onText(node) {
 		node.value = node.value.replaceAll("{", '&#123;');
 		node.value = node.value.replaceAll("<", '&#60;');
 	}
+
+	function onHtml(node) {
+		const RE_TAG_NAME = /<\/?(\w+)/;
+		const tagName = node.value.match(RE_TAG_NAME)[1];
+		if(!htmlTags.includes(tagName)){
+			node.value = node.value.replaceAll("<", '&#60;');
+		}
+	}
 }
 
 const _mdsvexPreprocess = mdsvex({

From edc32ced0f071a51bf9b2d37af22c9a46731d0d8 Mon Sep 17 00:00:00 2001
From: Mishig Davaadorj <dmishig@gmail.com>
Date: Sun, 24 Sep 2023 13:32:08 +0200
Subject: [PATCH 6/7] unescape svelte component names that are used

---
 kit/preprocess.js | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/kit/preprocess.js b/kit/preprocess.js
index fa67fcfc..d9d50d30 100644
--- a/kit/preprocess.js
+++ b/kit/preprocess.js
@@ -5,6 +5,8 @@ import { mdsvex } from "mdsvex";
 import katex from "katex";
 import { visit } from 'unist-util-visit';
 import htmlTags from 'html-tags';
+import { readdir } from 'fs/promises';
+import path from 'path';
 
 // Preprocessor that converts markdown into Docstring
 // svelte component using mdsvexPreprocess
@@ -428,6 +430,29 @@ function renderKatex(code, markedKatex) {
 	});
 }
 
+async function findSvelteComponentNames(startDir) {
+    let svelteFiles = [];
+
+    async function searchDir(directory) {
+        const files = await readdir(directory, { withFileTypes: true });
+
+        for (const file of files) {
+            const filePath = path.join(directory, file.name);
+            if (file.isDirectory()) {
+                await searchDir(filePath);
+            } else if (path.extname(file.name) === '.svelte') {
+                svelteFiles.push(path.basename(file.name, '.svelte')); // strip the directory and .svelte extension
+            }
+        }
+    }
+
+    await searchDir(startDir);
+    return svelteFiles;
+}
+
+const dirPath = './src/lib';
+const svelteTags = await findSvelteComponentNames(dirPath);
+const validTags = [...htmlTags, ...svelteTags];
 
 function escapeSvelteSpecialChars() {
 	return transform;
@@ -444,8 +469,9 @@ function escapeSvelteSpecialChars() {
 
 	function onHtml(node) {
 		const RE_TAG_NAME = /<\/?(\w+)/;
+		// TODO: list current dir in lib and list all of our own stuff
 		const tagName = node.value.match(RE_TAG_NAME)[1];
-		if(!htmlTags.includes(tagName)){
+		if(!validTags.includes(tagName)){
 			node.value = node.value.replaceAll("<", '&#60;');
 		}
 	}

From e533b6f557ca611c2392c5b47728470a02c553d8 Mon Sep 17 00:00:00 2001
From: Mishig Davaadorj <dmishig@gmail.com>
Date: Sun, 24 Sep 2023 13:39:33 +0200
Subject: [PATCH 7/7] chore

---
 kit/preprocess.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/kit/preprocess.js b/kit/preprocess.js
index d9d50d30..9af1bffe 100644
--- a/kit/preprocess.js
+++ b/kit/preprocess.js
@@ -469,10 +469,12 @@ function escapeSvelteSpecialChars() {
 
 	function onHtml(node) {
 		const RE_TAG_NAME = /<\/?(\w+)/;
-		// TODO: list current dir in lib and list all of our own stuff
-		const tagName = node.value.match(RE_TAG_NAME)[1];
-		if(!validTags.includes(tagName)){
-			node.value = node.value.replaceAll("<", '&#60;');
+		const match = node.value.match(RE_TAG_NAME);
+		if(match){
+			const tagName = match[1];
+			if(!validTags.includes(tagName)){
+				node.value = node.value.replaceAll("<", '&#60;');
+			}
 		}
 	}
 }