برندگان هکاتون ابزارسازی پایه عبارتند از...

منتشر شده: ۲۷ اکتبر ۲۰۲۵

ماه گذشته، ما هکاتون ابزارسازی پایه (Baseline Tooling Hackathon) را آغاز کردیم و از شما دعوت کردیم تا نوآورانه‌ترین و مفیدترین ابزارهای جدید را برای کمک به توسعه‌دهندگان در پذیرش ویژگی‌های مدرن‌تر وب بسازید. وقتی زمان متوقف شد، نزدیک به ۳۰۰۰ توسعه‌دهنده به این فراخوان پاسخ دادند و صدها پروژه ارسال کردند. تعداد زیادی پروژه هوشمندانه، نوآورانه و سرگرم‌کننده ارسال شد، اما فقط ۳ نفر می‌توانند سهم خود را از جایزه ۱۰،۰۰۰ دلاری برنده شوند. پس از بررسی دقیق، ما داوران بالاخره برندگان خود را انتخاب کردیم.

🥇 برنده‌ی مقام اول eslint-plugin-baseline-js است که توسط ریویا هاسگاوا ارسال شده است!

این یک افزونه ESLint است که وضعیت پایه ویژگی‌های جاوا اسکریپت را بررسی می‌کند و هر چیزی جدیدتر از هدف پایه پیکربندی شده شما را علامت‌گذاری می‌کند. این افزونه در هر دو محیط جاوا اسکریپت و TypeScript کار می‌کند و صدها ویژگی را پوشش می‌دهد.

چیزی که در مورد این پیشنهاد واقعاً برای ما برجسته بود، مفید بودن آن بود؛ احتمال اینکه یک توسعه‌دهنده‌ی معمولی واقعاً شروع به استفاده و بهره‌مندی از این ابزار کند. این ابزار با تکمیل ابزارهای موجود مانند ESLint برای CSS که رسماً پشتیبانی می‌شود و افزونه‌ی انجمن HTML ESLint ، به خوبی در اکوسیستم ESLint جای می‌گیرد. با گزینه‌های پیکربندی آشنا برای اهداف پایه مانند Newly available، Widely available و Baseline years، می‌توانید انتظار یک تجربه‌ی ثابت در تمام کدهای خود را داشته باشید. برای اینکه بتوانید به سرعت آن را راه‌اندازی کنید، مستندات با کیفیتی از جمله دستورالعمل‌های نصب، بهترین شیوه‌ها و مثال‌ها نیز ارائه می‌شود.

در باطن، این افزونه با مجموعه داده‌های web-features به عنوان منبع اعتبار خود برای سازگاری ویژگی‌های وب همگام‌سازی می‌شود. برای شناسایی این ویژگی‌ها در کد منبع، این افزونه به جای تکیه بر عبارات منظم شکننده، با هسته ESLint و eslint-plugin-es-x ادغام می‌شود. همچنین از تجزیه‌گر typescript-eslint پشتیبانی می‌کند که می‌تواند ویژگی‌ها را با اطمینان بسیار بیشتری شناسایی کند.

در مجموع، این یک ابزار بسیار نوآورانه و مفید است که شایسته‌ی جایزه‌ی برتر است و ما شما را تشویق می‌کنیم که آن را امتحان کنید . اگر مایلید کد منبع را بررسی کنید یا مشکلی را مطرح کنید، می‌توانید آن را در گیت‌هاب به آدرس 3ru/eslint-plugin-baseline-js پیدا کنید.

🥈 برنده مقام دوم baseline-mcp است که توسط Technickel Dev ارسال شده است!

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

نمی‌توان انکار کرد که هوش مصنوعی چقدر در توسعه وب رایج شده است، به همین دلیل ابزارهایی مانند این به طور فزاینده‌ای برای هدایت عامل‌ها به سمت تولید کد مدرن‌تر اهمیت پیدا می‌کنند. این پروژه با ارائه چندین ابزار مفید MCP به عامل‌ها برای پاسخ به سوالات مختلف در مورد ویژگی‌های وب، مبتنی بر داده‌های web-features معتبر، به خوبی به این نیاز پاسخ می‌دهد. علاوه بر انجام وظایف تکراری مانند جستجوی وضعیت پایه برای یک شناسه ویژگی مشخص، می‌تواند وظایف منطقی مانند تشخیص شناسه ویژگی صحیح بر اساس زمینه و پیشنهاد جایگزین‌های مدرن برای ویژگی‌های وب منسوخ شده را نیز انجام دهد.

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

🥉 برنده مقام سوم، وضعیت پایه برای ویدیو است که توسط زوران جامبور ارسال شده است!

این یک برنامه وب برای تولید ویجت‌های پایه تعبیه‌شده در ویدیوها است.

نقش Baseline ارائه اطلاعات بدون ابهام در مورد سازگاری مرورگرها در مورد ویژگی‌های وب است که می‌توانید در مقالات MDN، اسناد و IDEهایی مانند VS Code و WebStorm به آنها مراجعه کنید. اما توسعه‌دهندگان اطلاعات خود در مورد ویژگی‌های وب را از جاهای دیگر نیز دریافت می‌کنند - مانند یوتیوب. این پروژه تولید اطلاعات Baseline برای یک ویژگی را به روشی قابل تنظیم و مناسب برای ویدیو برای سازندگان ویدیو و اینفلوئنسرهای وب آسان‌تر می‌کند. با توجه به دسترسی گسترده برخی از محبوب‌ترین اینفلوئنسرهای وب، ما از پتانسیل این ابزار برای کمک به گسترش آگاهی از Baseline به بسیاری از توسعه‌دهندگان دیگر هیجان‌زده‌ایم.

این ابزار توسط کامپوننت وب <baseline-status> پشتیبانی می‌شود که از API داشبورد پلتفرم وب برای دریافت وضعیت پایه و جزئیات پیاده‌سازی مرورگر برای هر شناسه ویژگی که وارد می‌کنید، استفاده می‌کند. این برنامه، ویجت را در حال حرکت به داخل و خارج روی یک پس‌زمینه ثابت ضبط می‌کند که می‌تواند در نرم‌افزار ویرایش، کلیدگذاری شود.

برای امتحان کردن آن، از برنامه‌ی Baseline Status for Video دیدن کنید، یا کد منبع را در GitHub مرور کنید.


تبریک فراوان به همه برندگان! همچنین می‌خواهیم از همه کسانی که پروژه ارسال کردند و نظرسنجی بازخورد را تکمیل کردند، تشکر کنیم. از تمام وقت و تلاشی که برای پروژه‌های خلاقانه و الهام‌بخش خود صرف کردید، بسیار سپاسگزاریم. به 10 برنده جایزه "ارزشمندترین بازخورد" اطلاع داده شده است و در مجموع، پیشنهادات ارزشمند و کاربردی زیادی وجود داشت که ما آنها را به تیم‌های مربوطه ارجاع خواهیم داد تا Baseline را حتی بهتر کنیم.