Chrome rozszerzenie do automatycznego tłumaczenia LinkedIn

Rozszerzenie Chrome do automatycznego tłumaczenia LinkedIn + limity 10 tłumaczeń dziennie + subskrypcja Pro przez WayForPay

Krótko o projekcie

Potrzebne jest opracowanie bezpiecznego rozszerzenia Chrome MV3, które:

• tłumaczy przychodzące wiadomości w LinkedIn Messaging bezpośrednio w DOM i dodaje tłumaczenie pod oryginalną wiadomością
• automatycznie tłumaczy tekst użytkownika w polu wprowadzania przed wysłaniem
• ma bezpłatny plan z limitem 10 tłumaczeń dziennie oraz płatny plan Pro z nieograniczonym tłumaczeniem za 5 dolarów miesięcznie
• przyjmuje płatności i zarządza subskrypcjami przez WayForPay z automatycznym rozliczaniem
• działa tylko na *.linkedin.com, nie wykonuje automatycznych kliknięć, nie narusza TOS

Podstawowa funkcjonalność rozszerzenia

• Przychodzące wiadomości: określenie języka i dodanie bloku tłumaczenia pod oryginałem z etykietą “Translated xx→yy” i przełącznikiem hide/show
• Wychodzące wiadomości: jeśli tekst jest w języku ukraińskim, po krótkiej przerwie zamienia się na angielski w polu contenteditable. Wysyłanie tylko ręcznie
• Automatyczne określenie kierunku tłumaczenia uk ↔ en. Ustawienia docelowych języków w popupie
• HUD kwoty: w prawym dolnym rogu wyświetla “Free: X/10 today” lub “Pro: unlimited”
• Przełącznik stanu i baner: Alt+Shift+T włącza lub wyłącza, w prawym górnym rogu krótki baner “Autotranslator ON|OFF”
• Szybkie linki w popupie, menu kontekstowym i przez skróty klawiszowe:
  • Wysłane zaproszenia: https://www.linkedin.com/mynetwork/invitation-manager/sent/ (Alt+Shift+I)
  • SSI: https://www.linkedin.com/sales/ssi (Alt+Shift+S)
  • Zniżki premium: https://www.linkedeal.org/Discounts-14341ec4bdd980f1b8bcd2bdc0917b62?source=copy_link (Alt+Shift+D)
• Ustawienia w popupie:
  • Włączone
  • Docelowy przychodzący i wychodzący
  • Proxy URL
  • Token klienta opcjonalnie
  • Token użytkownika obowiązkowo
  • checkboxy Auto translate incoming oraz Auto translate composer

Backend i billing

• Serwer Node.js z SQLite
• Ukrywa klucz OpenAI. Rozszerzenie zwraca się tylko do naszego proxy POST /translate
• Autoryzacja na backendzie przez nagłówek X-User-Token oraz opcjonalny X-Client-Token
• Limity:
  • Free: 10 tłumaczeń dziennie
  • Pro: bez limitu
  • Licznik przechowywać według dni. Strefa czasowa Europe/Kyiv
• Integracja WayForPay:
  • tworzenie płatności z regularnymi obciążeniami (miesięczna subskrypcja). Cena w UAH, ekwiwalent około 5 dolarów
  • hostowana strona płatności lub inny zalecany przepływ
  • webhook serviceUrl z weryfikacją podpisu HMAC MD5. Po zatwierdzeniu aktywujemy plan Pro i przechowujemy recToken
  • RETURN_URL prowadzi do prostego portalu konta
• Proste strony portalu:
  • /portal: uzyskanie tokena użytkownika za email, przycisk Kup Pro
  • /me/status?token=...: JSON z aktualnym planem i limitem
• OpenAI Responses API jako główny mechanizm tłumaczenia
  • systemowy prompt: zachowanie tonu, sensu, interpunkcji, łamań wierszy, nie tłumaczyć imion, marek, URL
  • chunkowanie długich tekstów na około 1500 znaków i łączenie odpowiedzi

Wymagania techniczne

• Chrome MV3. Uprawnienia: storage, activeTab, scripting, notifications, contextMenus
• Skrypt treści:
  • działa tylko na *.linkedin.com
  • wyszukiwanie bąbelków według kilku selektorów i oznaczanie przetworzonych elementów atrybutami data-
  • zamiana tekstu w composerze przez execCommand insertText lub inny bezpieczny sposób
• Background service worker:
  • LRU cache na 500 ostatnich zapytań
  • przetwarzanie poleceń i menu kontekstowego
• Serwer:
  • Node 18+, Express, better-sqlite3
  • Tabele: users, usage, payments
  • API: POST /translate, POST /auth/register (form), POST /billing/checkout, POST /billing/callback, GET /portal, GET /me/status
• Bezpieczeństwo:
  • Klucz OpenAI tylko na serwerze
  • weryfikacja podpisów WayForPay
  • podstawowe limity na rozmiar ciała zapytania oraz limit szybkości na produkcji
• 
  
• Zgodność z TOS LinkedIn:
  • tylko odczyt widocznego DOM i lokalne wstawienia
  • żadne automatyczne kliknięcia, masowe działania, ukryte skrypty lub tła

Niefunkcjonalne wymagania

• Średni czas tłumaczenia krótkiej wiadomości do 1.2 sekundy przy stabilnej sieci
• Płynna praca przy zmianie klas DOM w LinkedIn. Wydzielić selektory do osobnej tablicy
• Sanityzacja wyjścia. Renderowanie tłumaczenia jako tekst, bez innerHTML
• Lokalizacja ciągów i ustawień w języku angielskim i ukraińskim. Minimum - teksty w kodzie

Akceptacja

• Rozszerzenie poprawnie tłumaczy przychodzące i wychodzące wiadomości
• HUD kwoty aktualizuje się po każdym zapytaniu
• Na Free 11. tłumaczenie w tym samym dniu zwraca komunikat o limicie i nie jest realizowane
• Po pomyślnej płatności WayForPay plan staje się Pro i limity są znoszone
• Skróty klawiszowe i menu kontekstowe otwierają odpowiednie linki
• Kod czysty, zorganizowany, z komentarzami. Instrukcje dotyczące uruchamiania lokalnie i wdrażania na VPS

Czego oczekuję od wykonawcy

• Doświadczenie w tworzeniu rozszerzeń Chrome MV3 z skryptami treści i background service worker
• Doświadczenie w integracji bramek płatniczych lub gotowość do szybkiego zapoznania się z WayForPay
• Pewna praca z Node.js, Express, SQLite
• Zrozumienie bezpieczeństwa w sieci, CORS, przechowywania sekretów, walidacji danych wejściowych
• Portfolio z odpowiednimi rozszerzeniami lub narzędziami webowymi
• Krótko opisz proponowaną architekturę, jakie biblioteki i podejścia zastosujesz, oraz podaj orientacyjny harmonogram i koszt

Wynik

• Repozytorium z dwiema folderami: extension oraz server
• Dokumentacja:
  • README z instrukcjami dotyczącymi konfiguracji, lokalnego uruchamiania, wdrażania, zmiany ceny i waluty
  • opis API oraz schematów Bazy Danych
• 
  
• Gotowy pakiet do załadowania rozszerzenia w Chrome w trybie dewelopera
• Skonfigurowany backend na naszym hoście z ważnym SSL i działającym webhookiem