بوابة إصدارات الواجهة الأمامية

## نظرة عامة
بوابة إصدارات الواجهة الأمامية هي سير عمل ما قبل الإصدار للتغييرات الكبيرة في الواجهة الأمامية. تقوم بتشغيل ثلاث نقاط تحقق آلية للجودة — التحقق من تدفق المتصفح، والتحقق من lint/type، والتدقيق الأمني — بحيث يمكنك الشحن بثقة والتقاط التراجعات قبل وصولها للإنتاج.
## البدء السريع
1. ثبّت الإضافة في مساحة عمل OpenClaw الخاصة بك: `npx skillstore add @frontend-release-gate`
2. قبل دمج فرع UI، شغّل **webapp-testing** لتشغيل اختبارات Playwright: تحقق من التدفق الرئيسي للمستخدم، والتقط لقطات شاشة للشاشات الرئيسية، وراجع مخرجات وحدة التحكم للمتصفح بحثًا عن الأخطاء.
3. شغّل **lint-typecheck** لاكتشاف انتهاكات ESLint وأخطاء أنواع TypeScript عبر قاعدة كود الواجهة الأمامية — مما يحافظ على نظافة الإصدار قبل الدمج.
4. أخيرًا، شغّل **security-audit** لمراجعة معالجة المصادقة والتعرض لمفاتيح API ومخاطر الحقن قبل أن يصبح التغيير مباشرًا.
## الأوامر الرئيسية
- `webapp-testing` — запускает проверки браузера на основе Playwright в вашем локальном веб-приложении; выявляет сломанные потоки пользовательского интерфейса, ошибки консоли и предоставляет скриншоты для визуальной проверки.
- `lint-typecheck` — запускает ESLint и проверку типов `tsc`; выявляет регрессии типов и нарушения линтинга, которые CI может пропустить при устаревших кэшах.
- `security-audit` — аудит путей выполнения команд, разрешений инструментов и обработки ключей API на наличие уязвимостей аутентификации и рисков инъекций.
## نصائح
- شغّل جميع البوابات الثلاث بالتسلسل في كل طلب سحب كبير في UI: webapp-testing → lint-typecheck → security-audit.
- قم بإقرانها مع إضافة خط أنابيب CI (مثل إضافة البناء والاختبار) بحيث تعمل البوابة تلقائيًا في كل طلب سحب بدون استدعاء يدوي.
- إذا أشارت webapp-testing إلى تدفق مكسور، أصلحه قبل المتابعة إلى lint-typecheck — غالبًا ما يخفي التصيير المكسور أخطاء الأنواع في المرحلة التالية.