Add Markdown Alert Component Support (#1791)

* feat: add markdown alert component and translations * fix: remove some unused commit * fix: update package.json and pnpm-lock.yaml * Update lock files * feat: make alert type case-insensitive - Add case-insensitive flag to regex pattern - Convert alert type to lowercase before rendering * fix: update alert type regex to support hyphenated types - Change regex pattern from \w+ to [\w-]+ to handle hyphenated types like best-practice * Rename MarkdownAlert component * Update MarkdownAlert import path * fix: update trans files and remove debug code - Fix best-practice key name in translation files - Remove console.log in MarkdownAlert.tsx * remove unused packages * Update pnpm-lock.yaml * Update pnpm-lock.yaml --------- Co-authored-by: Mathijs de Bruin <[email protected]> Co-authored-by: Willy Douhard <[email protected]>
Chainlit · Jan 29, 2025 · de1636e · de1636e
1 parent 5fd6ae9
commit de1636e
Show file tree

Hide file tree

Showing 17 changed files with 504 additions and 12 deletions.
diff --git a/backend/chainlit/translations/bn.json b/backend/chainlit/translations/bn.json
@@ -193,5 +193,22 @@
     "success": {
       "saved": "সফলভাবে সংরক্ষিত হয়েছে"
     }
+  },
+  "alerts": {
+    "info": "Info",
+    "note": "Note",
+    "tip": "Tip",
+    "important": "Important",
+    "warning": "Warning",
+    "caution": "Caution",
+    "debug": "Debug",
+    "example": "Example",
+    "success": "Success",
+    "help": "Help",
+    "idea": "Idea",
+    "pending": "Pending",
+    "security": "Security",
+    "beta": "Beta",
+    "best-practice": "Best Practice"
   }
 }
diff --git a/backend/chainlit/translations/en-US.json b/backend/chainlit/translations/en-US.json
@@ -193,5 +193,22 @@
     "success": {
       "saved": "Saved successfully"
     }
+  },
+  "alerts": {
+    "info": "Info",
+    "note": "Note",
+    "tip": "Tip",
+    "important": "Important",
+    "warning": "Warning",
+    "caution": "Caution",
+    "debug": "Debug",
+    "example": "Example",
+    "success": "Success",
+    "help": "Help",
+    "idea": "Idea",
+    "pending": "Pending",
+    "security": "Security",
+    "beta": "Beta",
+    "best-practice": "Best Practice"
   }
 }
diff --git a/backend/chainlit/translations/gu.json b/backend/chainlit/translations/gu.json
@@ -193,5 +193,22 @@
     "success": {
       "saved": "સફળતાપૂર્વક સાચવ્યું"
     }
+  },
+  "alerts": {
+    "info": "Info",
+    "note": "Note",
+    "tip": "Tip",
+    "important": "Important",
+    "warning": "Warning",
+    "caution": "Caution",
+    "debug": "Debug",
+    "example": "Example",
+    "success": "Success",
+    "help": "Help",
+    "idea": "Idea",
+    "pending": "Pending",
+    "security": "Security",
+    "beta": "Beta",
+    "best-practice": "Best Practice"
   }
 }
diff --git a/backend/chainlit/translations/he-IL.json b/backend/chainlit/translations/he-IL.json
@@ -193,5 +193,22 @@
     "success": {
       "saved": "נשמר בהצלחה"
     }
+  },
+  "alerts": {
+    "info": "Info",
+    "note": "Note",
+    "tip": "Tip",
+    "important": "Important",
+    "warning": "Warning",
+    "caution": "Caution",
+    "debug": "Debug",
+    "example": "Example",
+    "success": "Success",
+    "help": "Help",
+    "idea": "Idea",
+    "pending": "Pending",
+    "security": "Security",
+    "beta": "Beta",
+    "best-practice": "Best Practice"
   }
 }
diff --git a/backend/chainlit/translations/hi.json b/backend/chainlit/translations/hi.json
@@ -193,5 +193,22 @@
     "success": {
       "saved": "सफलतापूर्वक सहेजा गया"
     }
+  },
+  "alerts": {
+    "info": "Info",
+    "note": "Note",
+    "tip": "Tip",
+    "important": "Important",
+    "warning": "Warning",
+    "caution": "Caution",
+    "debug": "Debug",
+    "example": "Example",
+    "success": "Success",
+    "help": "Help",
+    "idea": "Idea",
+    "pending": "Pending",
+    "security": "Security",
+    "beta": "Beta",
+    "best-practice": "Best Practice"
   }
 }
diff --git a/backend/chainlit/translations/ja.json b/backend/chainlit/translations/ja.json
@@ -193,5 +193,22 @@
       "success": {
         "saved": "保存が完了しました"
       }
-    }
+    },
+  "alerts": {
+    "info": "Info",
+    "note": "Note",
+    "tip": "Tip",
+    "important": "Important",
+    "warning": "Warning",
+    "caution": "Caution",
+    "debug": "Debug",
+    "example": "Example",
+    "success": "Success",
+    "help": "Help",
+    "idea": "Idea",
+    "pending": "Pending",
+    "security": "Security",
+    "beta": "Beta",
+    "best-practice": "Best Practice"
+  }
   }
diff --git a/backend/chainlit/translations/kn.json b/backend/chainlit/translations/kn.json
@@ -193,5 +193,22 @@
     "success": {
       "saved": "ಯಶಸ್ವಿಯಾಗಿ ಉಳಿಸಲಾಗಿದೆ"
     }
+  },
+  "alerts": {
+    "info": "Info",
+    "note": "Note",
+    "tip": "Tip",
+    "important": "Important",
+    "warning": "Warning",
+    "caution": "Caution",
+    "debug": "Debug",
+    "example": "Example",
+    "success": "Success",
+    "help": "Help",
+    "idea": "Idea",
+    "pending": "Pending",
+    "security": "Security",
+    "beta": "Beta",
+    "best-practice": "Best Practice"
   }
 }
diff --git a/backend/chainlit/translations/ml.json b/backend/chainlit/translations/ml.json
@@ -193,5 +193,22 @@
     "success": {
       "saved": "വിജയകരമായി സംരക്ഷിച്ചു"
     }
+  },
+  "alerts": {
+    "info": "Info",
+    "note": "Note",
+    "tip": "Tip",
+    "important": "Important",
+    "warning": "Warning",
+    "caution": "Caution",
+    "debug": "Debug",
+    "example": "Example",
+    "success": "Success",
+    "help": "Help",
+    "idea": "Idea",
+    "pending": "Pending",
+    "security": "Security",
+    "beta": "Beta",
+    "best-practice": "Best Practice"
   }
 }
diff --git a/backend/chainlit/translations/mr.json b/backend/chainlit/translations/mr.json
@@ -193,5 +193,22 @@
     "success": {
       "saved": "यशस्वीरित्या जतन केले"
     }
+  },
+  "alerts": {
+    "info": "Info",
+    "note": "Note",
+    "tip": "Tip",
+    "important": "Important",
+    "warning": "Warning",
+    "caution": "Caution",
+    "debug": "Debug",
+    "example": "Example",
+    "success": "Success",
+    "help": "Help",
+    "idea": "Idea",
+    "pending": "Pending",
+    "security": "Security",
+    "beta": "Beta",
+    "best-practice": "Best Practice"
   }
 }
diff --git a/backend/chainlit/translations/nl-NL.json b/backend/chainlit/translations/nl-NL.json
@@ -193,5 +193,22 @@
       "success": {
         "saved": "Succesvol opgeslagen"
       }
-    }
+    },
+  "alerts": {
+    "info": "Info",
+    "note": "Note",
+    "tip": "Tip",
+    "important": "Important",
+    "warning": "Warning",
+    "caution": "Caution",
+    "debug": "Debug",
+    "example": "Example",
+    "success": "Success",
+    "help": "Help",
+    "idea": "Idea",
+    "pending": "Pending",
+    "security": "Security",
+    "beta": "Beta",
+    "best-practice": "Best Practice"
+  }
   }
diff --git a/backend/chainlit/translations/ta.json b/backend/chainlit/translations/ta.json
@@ -193,5 +193,22 @@
     "success": {
       "saved": "வெற்றிகரமாக சேமிக்கப்பட்டது"
     }
+  },
+  "alerts": {
+    "info": "Info",
+    "note": "Note",
+    "tip": "Tip",
+    "important": "Important",
+    "warning": "Warning",
+    "caution": "Caution",
+    "debug": "Debug",
+    "example": "Example",
+    "success": "Success",
+    "help": "Help",
+    "idea": "Idea",
+    "pending": "Pending",
+    "security": "Security",
+    "beta": "Beta",
+    "best-practice": "Best Practice"
   }
 }
diff --git a/backend/chainlit/translations/te.json b/backend/chainlit/translations/te.json
@@ -193,5 +193,22 @@
     "success": {
       "saved": "విజయవంతంగా సేవ్ చేయబడింది"
     }
+  },
+  "alerts": {
+    "info": "Info",
+    "note": "Note",
+    "tip": "Tip",
+    "important": "Important",
+    "warning": "Warning",
+    "caution": "Caution",
+    "debug": "Debug",
+    "example": "Example",
+    "success": "Success",
+    "help": "Help",
+    "idea": "Idea",
+    "pending": "Pending",
+    "security": "Security",
+    "beta": "Beta",
+    "best-practice": "Best Practice"
   }
 }
diff --git a/backend/chainlit/translations/zh-CN.json b/backend/chainlit/translations/zh-CN.json
@@ -193,5 +193,22 @@
     "success": {
       "saved": "保存成功"
     }
+  },
+  "alerts": {
+    "info": "信息",
+    "note": "注释",
+    "tip": "提示",
+    "important": "重要",
+    "warning": "警告",
+    "caution": "注意",
+    "debug": "调试",
+    "example": "示例",
+    "success": "成功",
+    "help": "帮助",
+    "idea": "想法",
+    "pending": "待处理",
+    "security": "安全",
+    "beta": "测试",
+    "best-practice": "最佳实践"
   }
 }
diff --git a/frontend/package.json b/frontend/package.json
@@ -61,6 +61,7 @@
     "recoil": "^0.7.7",
     "rehype-katex": "^7.0.0",
     "rehype-raw": "^7.0.0",
+    "remark-directive": "^3.0.1",
     "remark-gfm": "^4.0.0",
     "remark-math": "^6.0.0",
     "sonner": "^1.2.3",