Nowa zakladka w dolnym pasku: react-native-pager-view (pion, natywny snap), dwie instancje createVideoPlayer (aktywna + nastepna w buforze), komorka z posterem, podpisem tworcy i tagami, kolumna przyciskow, pasek postepu. Gesty bez reanimated: tap = dzwiek, double-tap = ulubione z wybuchem serca i haptyka, przytrzymanie = 2x, przesuniecie w lewo = arkusz "show less of this" (tworca / tagi / nisze / seen it, plus blokada tworcy). Onboarding 3 tapow z top tagow, AutoSwipe (off/5/10 s), licznik obejrzanych, nowe rozdanie. Telemetria: SwipeTelemetry zbiera zdarzenia i wysyla paczki co 5 s / 10 zdarzen / w tle; przy opuszczeniu strony impression z dwell, skip (<2 s) albo complete (petla lub >=80%). Serwer z tego uczy wagi i uklada 80% nastepnych stron. Pager to modul natywny, wiec import jest miekki (require w try/catch) i zakladka pokazuje sie tylko od runtime 1.4; ten sam bundle leci OTA na 1.2/1.3 z wpisem "pobierz 0.4.0" (onlyBelowRuntime), a wpis o Swipe ma nowe pole minRuntime. Bump: app.json 0.4.0 / runtime 1.4, versionCode 14, AndroidManifest 1.4, publish_update RUNTIME_DEFAULT 1.4, strona goon-foss.org pod 0.4.0. Sprawdzone na emulatorze (APK 0.4.0): zakladka widoczna, onboarding zapisany na serwerze, feed spersonalizowany 8/2, ExoPlayer dekoduje wideo i audio, swipe daje zdarzenia complete/impression, double-tap daje like + ulubione + wagi. |
||
|---|---|---|
| .. | ||
| android | ||
| assets | ||
| src | ||
| .gitignore | ||
| app.json | ||
| App.tsx | ||
| babel.config.js | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
goon mobile (Expo / React Native)
Mobile client do self-hosted goon backendu. iOS/Android jeden codebase.
Setup
cd mobile
npm install
npx expo start
Następnie:
- Expo Go (iOS/Android): zeskanuj QR z terminala
- Android emulator:
npm run android - iOS simulator:
npm run ios(tylko macOS) - Web preview:
npm run web
Konfiguracja
Po pierwszym uruchomieniu zobaczysz ekran logowania:
- Backend URL — adres twojego goon backendu, np.:
http://192.168.1.10:8000(LAN)https://goon.tvojadomena.dev(przez Cloudflare Tunnel/Caddy)http://100.x.x.x:8000(przez Tailscale)
- API Key — klucz wygenerowany dla backendu, ustawiony w
.env:
Generowanie:API_KEYS=<klucz>python -c "import secrets; print(secrets.token_urlsafe(32))"
Klucz jest trzymany w expo-secure-store (Keychain na iOS, Keystore na Androidzie).
Ekrany
- Login — backend URL + API key, weryfikacja przez
/healthz+/scenes - Scenes — lista scen z search; pull-to-refresh
- Scene detail — performerzy, tagi, źródła, opis
- Merge queue — pending merge candidates, sortowane po score (desc)
- Merge detail — side-by-side dwóch scen + reasons + akcje:
- Merge → keep LEFT (default — left to wcześniejsza/kanoniczna)
- Merge → keep RIGHT (gdy nowsza wersja ma lepsze metadane)
- Reject (keep both) — to nie jest duplikat, zostawiamy oddzielnie
Stack
- Expo SDK 52 + React Native 0.76 (new architecture)
- TypeScript strict
- React Navigation 7 (native stack)
- TanStack Query 5 (cache, optimistic invalidation)
- expo-secure-store (credentials)
Build .apk (sideload na Androida)
npx eas build --profile preview --platform android
Wymaga konta Expo. Bez niego można użyć expo prebuild + gradlew assembleRelease.
Dlaczego nie PWA
Wybrany RN+Expo zamiast PWA bo:
- swipe gestures pasują do triage merge queue
- secure-store jest natywny (Keychain/Keystore) zamiast localStorage
- pull-to-refresh i FlatList virtualization out-of-the-box
- Jeden .apk można rozdać testerom bez App Store