جریان استدلال
reasoning-streamانیمیشنکارتی که استدلال عامل را پخش میکنه: متن هر بار دو خط بالا میره، مکث میکنه و بدون پرش دوباره از اول شروع میشه. با هاور میایسته.
اول فایل تنظیمات را میخوانم تا ببینم مسیر خروجی کجاست.
به نظر میرسد مسیر نسبی است و از ریشهی پروژه حساب نمیشود.
پس باید قبل از ساخت، مسیر را با ریشه ترکیب کنم.
تستها را اجرا میکنم تا مطمئن شوم چیزی نشکسته.
همهی تستها سبز شدند؛ تغییر را خلاصه میکنم.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add reasoning-streamنصب دستی
محتوای تب «کد» را در
components/animations/reasoning-stream.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { ReasoningStream } from "@/components/animations/reasoning-stream"23<ReasoningStream text={["اول فایل تنظیمات را میخوانم…", "به نظر میرسد مسیر خروجی اشتباه است."]} />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| text | string | string[] | - | متن یا پاراگرافها. |
| lines | number | 2 | تعداد خط در هر قدم. |
| hold | number | 1200 | میلیثانیه مکث بین قدمها. |
| height | number | 104 | ارتفاع کارت به پیکسل. |