पब्लिश होने की तारीख: 27 अक्टूबर, 2025
पिछले महीने, हमने बेसलिन टूलिंग हैकथॉन शुरू किया था. इसमें हमने आपसे ऐसे नए टूल बनाने के लिए कहा था जो सबसे ज़्यादा इनोवेटिव और काम के हों. इससे डेवलपर को वेब की ज़्यादा मॉडर्न सुविधाओं को अपनाने में मदद मिलेगी. जब घड़ी रुकी, तब करीब 3,000 डेवलपर ने कॉल का जवाब दिया और सैकड़ों प्रोजेक्ट सबमिट किए. हमें बहुत ही शानदार, नए आइडिया वाले, और मज़ेदार सबमिशन मिले. हालांकि, सिर्फ़ तीन लोगों को 10,000 डॉलर के इनाम में से हिस्सा मिल सकता है. काफ़ी सोच-विचार करने के बाद, हम जजों ने आखिरकार अपने विजेताओं को चुन लिया है.
🥇 पहले नंबर पर eslint-plugin-baseline-js है. इसे Ryuya Hasegawa ने सबमिट किया है!
यह ESLint प्लगिन है. यह JavaScript की सुविधाओं के बेसलाइन स्टेटस की जांच करता है. साथ ही, कॉन्फ़िगर किए गए बेसलाइन टारगेट से नई सुविधाओं को फ़्लैग करता है. यह JavaScript और TypeScript, दोनों एनवायरमेंट में काम करता है. इसमें सैकड़ों सुविधाएं शामिल हैं.
इस सबमिशन में हमें सबसे ज़्यादा यह बात पसंद आई कि यह टूल कितना मददगार है. साथ ही, एक सामान्य डेवलपर के लिए इस टूल का इस्तेमाल करना और इससे फ़ायदा पाना कितना आसान है. यह ESLint के इकोसिस्टम में अच्छी तरह से फ़िट हो जाता है. ऐसा इसलिए, क्योंकि यह ESLint for CSS जैसे आधिकारिक तौर पर सपोर्ट किए जाने वाले टूल और HTML ESLint कम्यूनिटी प्लगिन के साथ काम करता है. इसमें बेसलाइन टारगेट के लिए, जाने-पहचाने कॉन्फ़िगरेशन के विकल्प मिलते हैं. जैसे, नई सुविधा उपलब्ध है, बड़े पैमाने पर उपलब्ध है, और बेसलाइन साल. इसलिए, आपको अपने सभी कोड में एक जैसा अनुभव मिल सकता है. इसे आसानी से इस्तेमाल करने के लिए, इसमें बेहतरीन क्वालिटी का दस्तावेज़ भी शामिल है. इसमें इंस्टॉल करने के निर्देश, सबसे सही तरीके, और उदाहरण शामिल हैं.
यह प्लगिन, वेब सुविधा की कंपैटिबिलिटी के लिए web-features डेटासेट के साथ सिंक होता है. सोर्स कोड में इन सुविधाओं का पता लगाने के लिए, यह प्लगिन ESLint कोर और eslint-plugin-es-x के साथ इंटिग्रेट होता है. यह रेगुलर एक्सप्रेशन पर भरोसा नहीं करता. यह typescript-eslint पार्सर के साथ भी काम करता है. यह पार्सर, सुविधाओं का पता ज़्यादा भरोसेमंद तरीके से लगा सकता है.
कुल मिलाकर, यह एक बहुत ही नया और काम का टूल है. इसलिए, यह टॉप प्राइज़ पाने का हकदार है. हम आपको इसे आज़माने का सुझाव देते हैं. अगर आपको सोर्स कोड के बारे में ज़्यादा जानना है या कोई समस्या सबमिट करनी है, तो इसे GitHub पर 3ru/eslint-plugin-baseline-js पर देखा जा सकता है.
🥈 दूसरे नंबर पर baseline-mcp है. इसे Technickel Dev ने सबमिट किया है!
यह एक एमसीपी सर्वर है. यह एआई की मदद से डेवलपमेंट वर्कफ़्लो उपलब्ध कराता है. साथ ही, वेब फ़ीचर की कंपैटबिलिटी और उनके बेसलाइन स्टेटस के बारे में सटीक जानकारी देता है.
इस बात से इनकार नहीं किया जा सकता कि वेब डेवलपमेंट में एआई का इस्तेमाल काफ़ी बढ़ गया है. इसलिए, इस तरह के टूल का इस्तेमाल करना ज़रूरी हो गया है, ताकि एजेंट को ज़्यादा मॉडर्न कोड जनरेट करने के लिए प्रेरित किया जा सके. यह प्रोजेक्ट, एजेंट की इस ज़रूरत को पूरा करता है. इसके लिए, एजेंट को कई काम के एमसीपी टूल उपलब्ध कराए जाते हैं. इनकी मदद से, एजेंट वेब सुविधाओं के बारे में कई सवालों के जवाब दे पाते हैं. ये जवाब, भरोसेमंद web-features डेटा पर आधारित होते हैं. यह किसी दिए गए फ़ीचर आईडी के लिए, बेसलाइन स्टेटस देखने जैसे सामान्य टास्क के अलावा, लॉजिकल टास्क भी कर सकता है. जैसे, कॉन्टेक्स्ट के आधार पर सही फ़ीचर आईडी का पता लगाना और पुरानी वेब सुविधाओं के लिए आधुनिक विकल्प सुझाना.
इसे वेब क्लाइंट डेमो में आज़माएं. साथ ही, इसे इंस्टॉल करने के निर्देशों, सर्वर से इंटरैक्ट करने के तरीकों, और सोर्स कोड के लिए GitHub repo देखें.
🥉 तीसरे नंबर पर वीडियो के लिए बेसलाइन स्टेटस है. इसे ज़ोरान जंबोर ने सबमिट किया है!
यह एक वेब ऐप्लिकेशन है. इसका इस्तेमाल, वीडियो में एम्बेड किए गए बेसलाइन विजेट जनरेट करने के लिए किया जाता है.
बेसलाइन का काम, वेब सुविधाओं के बारे में ब्राउज़र के साथ काम करने से जुड़ी साफ़ तौर पर जानकारी देना है. इसे MDN लेखों, caniuse दस्तावेज़ों, और VS Code और WebStorm जैसे IDE में देखा जा सकता है. हालांकि, डेवलपर को वेब सुविधाओं के बारे में जानकारी, YouTube जैसे अन्य प्लैटफ़ॉर्म से भी मिलती है. इस प्रोजेक्ट की मदद से, वीडियो क्रिएटर्स और वेब इन्फ़्लुएंसर, किसी सुविधा के लिए बेसलाइन की जानकारी आसानी से जनरेट कर सकते हैं. यह जानकारी, वीडियो के हिसाब से और पसंद के मुताबिक बनाई जा सकती है. कुछ सबसे लोकप्रिय वेब इन्फ़्लुएंसर की पहुंच बहुत ज़्यादा होती है. इसलिए, हमें इस टूल की क्षमता पर भरोसा है. इससे ज़्यादा से ज़्यादा डेवलपर को बेसलाइन के बारे में जानकारी मिल पाएगी.
यह टूल, <baseline-status> वेब कॉम्पोनेंट की मदद से काम करता है. यह कॉम्पोनेंट, Web Platform Dashboard API का इस्तेमाल करके, आपके डाले गए किसी भी फ़ीचर आईडी के लिए, बेसलाइन स्टेटस और ब्राउज़र में लागू करने से जुड़ी जानकारी देता है. ऐप्लिकेशन, एक ही रंग के बैकग्राउंड पर विजेट के ऐनिमेशन को रिकॉर्ड करता है. इसे एडिटिंग सॉफ़्टवेयर में हटाया जा सकता है.
इसे खुद आज़माने के लिए, वीडियो के लिए बेसलाइन स्टेटस ऐप्लिकेशन पर जाएं. इसके अलावा, GitHub पर जाकर सोर्स कोड भी देखा जा सकता है.
सभी विजेताओं को बहुत-बहुत बधाई! हम उन सभी लोगों का भी शुक्रिया अदा करना चाहते हैं जिन्होंने प्रोजेक्ट सबमिट किया और सुझाव/राय देने या शिकायत करने से जुड़ा सर्वे पूरा किया. आपने अपने क्रिएटिव और प्रेरणा देने वाले प्रोजेक्ट पर जो समय और मेहनत की है उसके लिए हम आपके शुक्रगुज़ार हैं. "सबसे अहम सुझाव" के लिए चुने गए 10 विजेताओं को सूचना दे दी गई है. हमें कई अहम और कार्रवाई करने लायक सुझाव मिले हैं. हम इन सुझावों को सही टीमों के साथ शेयर करेंगे, ताकि Baseline को और बेहतर बनाया जा सके.