Merge pull request #126 from code-hike/handle-invalid-language

Handle invalid language

Author: pomber

packages/highlighter/src/index.tsx

@@ -47,7 +47,15 @@ export async function highlight({
     await highlighter.loadTheme(theme as IShikiTheme)
   }
   if (missingLang(highlighter, lang)) {
-    await highlighter.loadLanguage(lang as Lang)
+    try {
+      await highlighter.loadLanguage(lang as Lang)
+    } catch (e) {
+      console.warn(
+        "[Code Hike warning]",
+        `${lang} is not a valid language, no syntax highlighting will be applied.`
+      )
+      return highlight({ code, lang: "text", theme })
+    }
   }
 
   const tokenizedLines = highlighter.codeToThemedTokens(

packages/playground/content/simple-code.mdx

@@ -6,6 +6,14 @@ function lorem(ipsum, dolor = 1) {
 }
 ```
 
+```mermaid
+graph LR
+    Start1(Start)
+    --Bot 启动--> check1[检查群内的非 Authing 用户]
+    --> addUser[添加 Authing 用户并消息提醒绑定手机号]
+    --> End1(End)
+```
+
 ```js
 function lorem(ipsum, dolor = 1) {}
 ```