Streamdown

Streamdown एक ओपन-सोर्स लाइब्रेरी है जो AI मॉडल द्वारा उत्पन्न Markdown स्ट्रीम को सुरक्षित और साफ तरीके से रेंडर करने के लिए डिजाइन की गई है। यह React पारिस्थितिकी तंत्र में react‑markdown का आसान प्रतिस्थापन है, और Tailwind-आधारित टाइपोग्राफी स्टाइल्स के साथ आता है, जो शीर्षक, सूचियाँ और कोड ब्लॉक्स जैसी दृश्य एकरूपता प्रदान करते हैं। GitHub Flavored Markdown (GFM) को अंतर्निहित रूप से समर्थन करता है, जिसमें तालिकाएँ, कार्य सूची और स्ट्राइक थ्रू शामिल हैं।

विशेषत: Shiki-आधारित हाइलाइटिंग और कॉपी बटन के साथ इंटरैक्टिव कोड ब्लॉक, LaTeX अभिव्यक्तियों के लिए remark‑math और KaTeX समर्थन, और Mermaid आरेखों (diagrams) के लिए रेंडर बटन प्रदान करता है।

यह “अपूर्ण Markdown ब्लॉक्स” जैसे कि खुले कोड, बॉल्ड, इटैलिक, लिंक आदि को भी स्ट्रीमिंग के दौरान सुंदर तरीके से स्टाइल करता है। सुरक्षा को ध्यान में रखते हुए, इमेज और लिंक स्रोतों को सीमित करके prompt injection से सुरक्षा सुनिश्चित करता है। React Props के माध्यम से Tailwind शैलियाँ, प्लगइन्स, थीम आदि को अनुकूलित किया जा सकता है।

Vercel द्वारा प्रदानित, इसे npx ai‑elements add response कमांड के माध्यम से AI Elements Response घटक में एकीकृत या npm i streamdown से स्वतंत्र पैकेज के रूप में स्थापित किया जा सकता है। AI-आधारित स्ट्रीमिंग इंटरफेस निर्माण के लिए यह एक उपयोगी उपकरण है।
(संदर्भ: Vercel आधिकारिक ब्लॉग और GitHub रिपॉज़िटरी)