جریان استدلال

reasoning-streamانیمیشن

کارتی که استدلال عامل را پخش می‌کنه: متن هر بار دو خط بالا میره، مکث می‌کنه و بدون پرش دوباره از اول شروع میشه. با هاور می‌ایسته.

اول فایل تنظیمات را می‌خوانم تا ببینم مسیر خروجی کجاست.

به نظر می‌رسد مسیر نسبی است و از ریشه‌ی پروژه حساب نمی‌شود.

پس باید قبل از ساخت، مسیر را با ریشه ترکیب کنم.

تست‌ها را اجرا می‌کنم تا مطمئن شوم چیزی نشکسته.

همه‌ی تست‌ها سبز شدند؛ تغییر را خلاصه می‌کنم.

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add reasoning-stream
  2. نصب دستی

    محتوای تب «کد» را در components/animations/reasoning-stream.tsx بگذارید.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { ReasoningStream } from "@/components/animations/reasoning-stream"23<ReasoningStream text={["اول فایل تنظیمات را می‌خوانم…", "به نظر می‌رسد مسیر خروجی اشتباه است."]} />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
textstring | string[]-متن یا پاراگراف‌ها.
linesnumber2تعداد خط در هر قدم.
holdnumber1200میلی‌ثانیه مکث بین قدم‌ها.
heightnumber104ارتفاع کارت به پیکسل.