سایدبرنچ: مقایسهٔ زندهٔ UI بین برنچهای گیت
فرانتاند
تستخلاصهٔ کاملتر
سایدبرنچ یه ابزار متنباز برای مقایسهٔ بصریِ تغییرات رابط کاربری بین برنچهای مختلف گیته، بدون اینکه لازم باشه ورکینگتری خودتو دست بزنی یا مدام برنچ عوض کنی. با یه اکستنشن کروم یا اج نصب میشه، بعد تو مخزن پروژه دستور npx sidebranch init رو میزنی تا یه فایل .sidebranch.json بسازه که توش دستور اجرا و نصب پروژهتو مشخص میکنی.
وقتی دیمونش رو با npx sidebranch start بالا میاری (رو فقط لوکال)، از تو صفحه میتونی هر برنچی رو از یه لیست انتخاب کنی و سایدبرنچ همون برنچو تو یه ورکتری جدا و رو یه دِوسرور مجزا میسازه. بعد دو تا برنچ رو کنار هم -یا با حالتهای blend و onion که تغییرات رو هایلایت میکنن- میبینی. یه گزینهٔ نصب مستقیم پکیج هم هست: npm install --save-dev sidebranch و بعد اضافه کردن یه اسکریپت به build نسخهٔ توسعه.
به گفتهٔ سازنده، این ابزار با هر فریمورکی که رو یه پورت HTTP جواب بده کار میکنه -از Next.js و Vite گرفته تا Django و Rails- و کاملاً بدون وابستگی بیرونیه، چون فقط از ماژولای داخلی Node.js استفاده کرده. دستورای دیگهای هم داره: sidebranch doctor برای چک کردن وضعیت تنظیمات و دیمون، sidebranch stop برای خاموش کردنش، و sidebranch clean برای پاک کردن ورکتریهای پنلها بعد از تموم شدن ریویو.
نکات کلیدی:
- سایدبرنچ با اکستنشن کروم یا اج بههمراه یه پکیج npm کار میکنه و هیچ وابستگی بیرونیای نداره.
- هر برنچ تو یه ورکتری جدا و رو دِوسرور مجزا بالا میاد، بدون دست زدن به ورکینگتری اصلی.
- حالتهای مقایسه شامل نمای کنار هم، blend و onion diff میشه.
- با هر فریمورکی که رو یه پورت HTTP جواب بده کار میکنه: Next.js، Vite، Django، Rails و غیره.
- دستورای doctor، stop و clean برای مدیریت دیمون و ورکتریهای پنلها هستن.
