Use experimental Shiki JS regex parser

Also add more languages including shell which might have caused issues

Author: WarningImHack3r

package.json

@@ -13,7 +13,7 @@
 		"format": "prettier --write ."
 	},
 	"devDependencies": {
-		"@shikijs/rehype": "^1.14.1",
+		"@shikijs/rehype": "^1.15.1",
 		"@sveltejs/adapter-vercel": "^5.4.3",
 		"@sveltejs/kit": "^2.5.25",
 		"@sveltejs/vite-plugin-svelte": "^3.1.2",
@@ -41,7 +41,7 @@
 		"prettier-plugin-tailwindcss": "^0.6.6",
 		"rehype-raw": "^7.0.0",
 		"semver": "^7.6.3",
-		"shiki": "^1.14.1",
+		"shiki": "^1.15.1",
 		"svelte": "^4.2.19",
 		"svelte-check": "^3.8.6",
 		"svelte-exmarkdown": "^3.0.5",

pnpm-lock.yaml

@@ -8,7 +8,7 @@
 		MessagesSquare
 	} from "lucide-svelte";
 	import rehypeShikiFromHighlighter from "@shikijs/rehype/core";
-	import { createHighlighterCore } from "shiki/core";
+	import { createHighlighter, createJavaScriptRegexEngine } from "shiki";
 	import { Badge } from "$lib/components/ui/badge";
 	import { Button } from "$lib/components/ui/button";
 	import { Separator } from "$lib/components/ui/separator";
@@ -22,19 +22,21 @@
 	import BodyRenderer from "$lib/renderers/BodyRenderer.svelte";
 	import BottomCollapsible from "./BottomCollapsible.svelte";
 
-	const highlighterCorePromise = createHighlighterCore({
+	const highlighterCorePromise = createHighlighter({
 		langs: [
 			import("shiki/langs/svelte.mjs"),
 			import("shiki/langs/typescript.mjs"),
 			import("shiki/langs/javascript.mjs"),
 			import("shiki/langs/html.mjs"),
-			import("shiki/langs/css.mjs")
+			import("shiki/langs/css.mjs"),
+			import("shiki/langs/json.mjs"),
+			import("shiki/langs/shell.mjs")
 		],
 		themes: [
 			import("shiki/themes/github-light-default.mjs"),
 			import("shiki/themes/github-dark-default.mjs")
 		],
-		loadWasm: import("shiki/wasm")
+		engine: createJavaScriptRegexEngine()
 	});
 
 	// Utils