browser-extension-developer

Umiejętność do tworzenia i utrzymania rozszerzeń przeglądarki w strukturze projektu Repomix. Wspiera Chrome, Firefox i Edge z użyciem frameworku WXT i Manifest V3. Zawiera gotowe skrypty tła i treści, konfigurację dla 12 języków oraz narzędzia do budowania i testowania. Idealny do dodawania funkcji, naprawy błędów i lokalizacji interfejsu rozszerzenia.

1. Przejdź do katalogu browser/ w projekcie, gdzie znajduje się struktura rozszerzenia z plikami konfiguracyjnymi WXT i skryptami entrypoints.

2. Aby rozpocząć pracę w trybie deweloperskim dla Chrome, uruchom npm run dev — rozszerzenie będzie się automatycznie przebudowywać przy zmianach kodu.

3. Jeśli rozwijasz dla Firefox, użyj npm run dev:firefox zamiast domyślnego polecenia Chrome.

4. Edytuj skrypty w katalogu entrypoints/ (background.ts dla logiki tła, content.ts dla skryptów wstrzykiwanych na strony) oraz pliki lokalizacji w public/_locales/ dla każdego z 12 obsługiwanych języków.

5. Przed ukończeniem pracy uruchom npm run lint i npm run test, aby sprawdzić jakość kodu i poprawność funkcjonalności.

6. Aby zbudować rozszerzenie dla wszystkich przeglądarek naraz, wykonaj npm run build-all — wyniki trafią do katalogu .output/ z osobnymi wersjami dla Chrome (MV3), Firefox (MV2) i Edge.