Data publikacji: 27 października 2025 r.
W zeszłym miesiącu rozpoczęliśmy Baseline Tooling Hackathon, zachęcając Cię do tworzenia najbardziej innowacyjnych i przydatnych nowych narzędzi, które pomogą deweloperom wdrażać nowocześniejsze funkcje internetowe. Gdy zegar się zatrzymał, prawie 3000 deweloperów odpowiedziało na wezwanie i przesłało setki projektów. Otrzymaliśmy wiele pomysłowych, innowacyjnych i zabawnych zgłoszeń, ale tylko 3 z nich mogą wygrać część z puli nagród o wartości 10 tys. USD. Po dokładnym rozważeniu wszystkich zgłoszeń wybraliśmy zwycięzców.
🥇 Pierwsze miejsce zajmuje eslint-plugin-baseline-js, zgłoszony przez Ryuya Hasegawa!
Jest to wtyczka ESLint, która sprawdza stan podstawowy funkcji JavaScriptu i oznacza wszystko, co jest nowsze niż skonfigurowany cel podstawowy. Działa w środowiskach JavaScript i TypeScript, obejmując setki funkcji.
W tym zgłoszeniu najbardziej urzekła nas jego przydatność, czyli prawdopodobieństwo, że przeciętny deweloper zacznie korzystać z tego narzędzia i odniesie z niego korzyści. Dobrze pasuje do ekosystemu ESLint, uzupełniając istniejące narzędzia, takie jak oficjalnie obsługiwane ESLint for CSS i wtyczka społeczności HTML ESLint. Dzięki znanym opcjom konfiguracji celów Baseline, takim jak Nowo dostępne, Powszechnie dostępne i Lata bazowe, możesz oczekiwać spójnego działania w całym kodzie. Aby ułatwić Ci rozpoczęcie pracy, udostępniamy też wysokiej jakości dokumentację, w tym instrukcje instalacji, sprawdzone metody i przykłady.
W tle wtyczka synchronizuje się ze zbiorem danych web-features, który jest jej źródłem informacji o zgodności funkcji internetowych. Aby wykrywać te funkcje w kodzie źródłowym, wtyczka integruje się z ESLint Core i eslint-plugin-es-x, zamiast polegać na niestabilnych wyrażeniach regularnych. Obsługuje też typescript-eslint, który może wykrywać funkcje znacznie bardziej niezawodnie.
Ogólnie rzecz biorąc, jest to bardzo innowacyjne i przydatne narzędzie, które zasługuje na najwyższą nagrodę. Zachęcamy do wypróbowania go. Jeśli chcesz zapoznać się z kodem źródłowym lub zgłosić problem, znajdziesz go na GitHubie pod adresem 3ru/eslint-plugin-baseline-js.
🥈 Drugie miejsce zajmuje baseline-mcp, zgłoszony przez Technickel Dev.
Jest to serwer MCP, który zapewnia przepływy pracy oparte na AI z dokładnymi informacjami o zgodności funkcji internetowych i ich stanie w Baseline.
Nie da się zaprzeczyć, że AI stała się bardzo popularna w tworzeniu stron internetowych, dlatego narzędzia takie jak to stają się coraz ważniejsze, aby kierować agentów w stronę generowania bardziej nowoczesnego kodu. Ten projekt dobrze odpowiada na tę potrzebę, ponieważ udostępnia pracownikom obsługi klienta kilka przydatnych narzędzi MCP, które pomagają odpowiadać na różne pytania dotyczące funkcji internetowych na podstawie wiarygodnych danych web-features. Oprócz wykonywania prostych zadań, takich jak sprawdzanie stanu punktu odniesienia dla danego identyfikatora funkcji, może też wykonywać zadania logiczne, np. określać prawidłowy identyfikator funkcji na podstawie kontekstu i sugerować nowoczesne alternatywy dla przestarzałych funkcji internetowych.
Wypróbuj go w wersji demonstracyjnej klienta internetowego i zapoznaj się z repozytorium GitHub, aby uzyskać instrukcje instalacji, sposoby interakcji z serwerem i kod źródłowy.
🥉 Trzecie miejsce zajmuje Baseline Status for Video, zgłoszony przez Zorana Jambora!
Jest to aplikacja internetowa do generowania widżetów Baseline umieszczonych w filmach.
Baseline ma za zadanie dostarczać jednoznaczne informacje o kompatybilności funkcji internetowych z przeglądarkami. Możesz z nich korzystać w artykułach MDN, dokumentach caniuse i środowiskach IDE, takich jak VS Code i WebStorm. Deweloperzy uzyskują jednak informacje o funkcjach internetowych również z innych miejsc, np. z YouTube. Ułatwia on twórcom filmów i influencerom internetowym generowanie informacji o funkcjach w sposób dostosowany do ich potrzeb i przyjazny dla filmów. Biorąc pod uwagę ogromny zasięg niektórych najpopularniejszych influencerów internetowych, jesteśmy podekscytowani potencjałem tego narzędzia, które może pomóc w rozpowszechnianiu informacji o Baseline wśród wielu innych programistów.
Narzędzie to korzysta z komponentu internetowego <baseline-status>, który używa interfejsu Web Platform Dashboard API, aby uzyskać stan Baseline i szczegóły implementacji w przeglądarce dla dowolnego identyfikatora funkcji. Aplikacja nagrywa animację widżetu na jednolitym tle, które można usunąć w programie do edycji.
Aby wypróbować aplikację, otwórz Baseline Status for Video lub przejrzyj kod źródłowy w GitHub.
Gratulujemy wszystkim zwycięzcom! Dziękujemy też wszystkim innym osobom, które przesłały projekt i wypełniły ankietę z opinią. Bardzo doceniamy cały czas i wysiłek, które wkładasz w swoje kreatywne i inspirujące projekty. Powiadomiliśmy już 10 zwycięzców nagrody „Najcenniejsze opinie”. Otrzymaliśmy tak wiele cennych i przydatnych sugestii, że przekażemy je odpowiednim zespołom, aby jeszcze bardziej ulepszyć Baseline.