diff --git a/.gitignore b/.gitignore
index 31e9d4b..8ef4db3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,3 +4,9 @@ dist/
.env.local
.DS_Store
.claude/
+
+# iOS build artifacts (Capacitor)
+ios/build/
+ios/App/Pods/
+ios/App/output/
+ios/DerivedData/
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..c22c0ed
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,64 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Commands
+
+```bash
+npm run dev # Vite dev server (default http://localhost:5173)
+npm run build # Production build → dist/
+npm run preview # Serve the built dist/ locally
+```
+
+There is **no test runner and no linter** configured — `package.json` only defines `dev`, `build`, `preview`. Don't suggest `npm test`/`npm run lint`.
+
+Deployment is a two-stage Docker build (`Dockerfile`): Node builds `dist/`, then it's served by nginx (`nginx.conf`) with SPA fallback (`try_files … /index.html`).
+
+## Environment
+
+`VITE_API_URL` (in `.env` / `.env.production`) points at the backend. It's the **only** runtime config — every API call in `src/api/directus.js` reads `import.meta.env.VITE_API_URL`. `.env` is gitignored.
+
+## Architecture
+
+React 19 + Vite SPA, **no router package**. There are no DB cards/feed entries fetched directly — the app talks to a custom backend, not Directus directly (see below).
+
+**Routing** is `useState`-based in `src/App.jsx`: a `PAGES` map (`feed`/`game`/`pro`/`profil`) swaps the active page component, driven by `BottomNav`. `Game` and `Pro` are placeholders.
+
+**Auth gating:** `App.jsx` renders `` unless the user has `username`, `language_native_id`, and `language_target_id`. `AuthContext` (`src/context/AuthContext.jsx`) holds the JWT (localStorage key **`hejyou_token`**), calls `getMe()` on mount, and clears the token on failure. Registration is two steps: `RegisterStep1` (email+password) → `RegisterStep2` (username + native/target language).
+
+### The API client is misnamed
+
+`src/api/directus.js` is **not** a Directus client anymore — the module name is kept "aus historischen Gründen". It is a thin fetch wrapper around a **custom backend (snakkimo-API)** exposing `/auth/*` endpoints:
+
+| Function | Endpoint | Notes |
+|---|---|---|
+| `login` / `registerUser` | `POST /auth/login`, `/auth/register` | return `{ token, userId, needsProfile }` |
+| `getMe` | `GET /auth/me` | basis for auth check + progress (EP/streak/level) |
+| `checkUsername` | `GET /auth/check-username` | |
+| `createProfile` | `POST /auth/profile` | username + native/target lang |
+| `getLanguageOptions` | `GET /auth/languages` | merged with local `LANG_META` (flag + Web Speech code) |
+| `getFeedPairs` | `GET /auth/feed?lang=&limit=` | returns "pairs", the feed unit |
+| `saveProgress` | `POST /auth/progress` | books EP/streak, returns updated `total_ep` |
+
+Several content functions (`getWords`, `getQuestions`, `getActiveLearningPair`, `assetUrl`, …) are **stubs** returning empty/null — content endpoints are not built yet. Don't assume they fetch anything.
+
+### Feed = "pairs" → cards
+
+`src/pages/Feed.jsx` fetches an array of *pairs* and maps each to one card by its `answer_type`:
+
+| `answer_type` | Component | Points (`POINTS` map) |
+|---|---|---|
+| `text` | `PairSentenceCard` | 2 |
+| `yes_no` | `PairYesNoCard` | 2 |
+| `word` | `PairWordCard` | 3 |
+| `question` | `PairWordCard` | 3 |
+
+On completion, `handleComplete` adds the pair id to a local `done` set (cards are hidden, not removed) and POSTs to `saveProgress`. Target language comes from `user.language_target_short` (fallback `de`).
+
+The **`Pair*` cards** (`PairSentenceCard`, `PairYesNoCard`, `PairWordCard`) are the live card components. The other card files (`NewWord*`, `ImagePick/ImageQuiz`, `AudioQuiz`, `LetterOrder`, `SentenceFill`, `LanguageParentCard`) are an **earlier card model** not wired into the current feed — check `Feed.jsx` before assuming a component is in use.
+
+Several cards use the browser **Web Speech API** (`SpeechRecognition` / `speechSynthesis`) for the `speak`/`listen` flow; `src/utils/confetti.js` wraps `canvas-confetti` for correct-answer feedback.
+
+## `knowledge/directus_struktur.md`
+
+A detailed reference for the **backend data model** (collections, fields, relations) and the original app concept. Useful for understanding the domain and DB schema, but note it predates the custom-backend migration: its "Frontend API-Funktionen" table describes **direct Directus calls that no longer exist** — trust `src/api/directus.js` for the actual frontend contract.
diff --git a/FUNKTIONSUEBERSICHT.md b/FUNKTIONSUEBERSICHT.md
new file mode 100644
index 0000000..d814166
--- /dev/null
+++ b/FUNKTIONSUEBERSICHT.md
@@ -0,0 +1,200 @@
+# Funktionsübersicht — Snakkimo iOS-App
+
+> **Zweck:** Vollständige Liste aller Funktionen der **iOS-App** (Endnutzer-App) zur Funktionsüberprüfung durch das Team.
+> Jede Funktion hat eine **Soll-Beschreibung** (so muss es sich verhalten) und eine abhakbare Checkbox.
+> Backend-/Admin-Tools (CMT, Content-Pipeline) sind **nicht** Teil dieses Dokuments.
+
+**Technischer Rahmen**
+- iOS-App = **Capacitor-Wrapper** um eine React-19/Vite-Single-Page-App (`webDir: dist`).
+- Bundle-ID: `com.hyggecraftery.hejyou` · App-Name (iOS-Homescreen): **Snakkimo**.
+- Alle Inhalte/Logins kommen live vom Backend (`VITE_API_URL`) — **es gibt keinen Offline-Modus**, ohne Netz funktioniert die App nicht.
+- Aktiv unterstützte Sprachen: **Deutsch 🇩🇪, Englisch 🇬🇧, Schwedisch 🇸🇪**.
+
+> ⚠️ **Branding-Inkonsistenz (für QA wichtig):** Auf dem Login-Screen steht **„HejYou"**, der iOS-App-Name ist **„Snakkimo"**, der Browser-/Webview-Titel ist **„Language App"**. Bitte als bekannten Punkt behandeln, nicht als neuen Bug.
+
+---
+
+## 1. Allgemeiner Rahmen
+
+| # | Funktion | Soll-Verhalten | OK |
+|---|---|---|---|
+| 1.1 | App-Start / Ladezustand | Beim Start erscheint ein Spinner, bis Profil geladen ist. | ☐ |
+| 1.2 | Auth-Gating | Ohne gültiges Profil (Username + Mutter- + Zielsprache) erscheint immer der Auth-Screen. | ☐ |
+| 1.3 | Session-Persistenz | Login bleibt nach App-Neustart erhalten (Token in `localStorage: hejyou_token`). | ☐ |
+| 1.4 | Auto-Logout bei ungültigem Token | Ist der Token abgelaufen/ungültig, wird er verworfen und der Auth-Screen erscheint. | ☐ |
+| 1.5 | Untere Navigation (BottomNav) | 4 Tabs: **Feed · Game · Pro · Profil**. Aktiver Tab ist hervorgehoben. | ☐ |
+| 1.6 | Seitenwechsel-Animation | Beim Tab-Wechsel spielt eine kurze Einblend-Animation (`page-enter`). | ☐ |
+| 1.7 | Safe-Area / Notch | Layout respektiert iPhone-Notch/Home-Indicator (`viewport-fit=cover`). | ☐ |
+| 1.8 | Design/Theme | Warmes Creme-/Gold-Design, durchgängige Schrift- und Farb-Tokens. | ☐ |
+
+---
+
+## 2. Onboarding & Authentifizierung
+
+### 2.1 Login (Tab „Anmelden")
+| # | Funktion | Soll-Verhalten | OK |
+|---|---|---|---|
+| 2.1.1 | Login/Register-Umschalter | Oben umschaltbar zwischen „Anmelden" und „Registrieren"; letzte Wahl wird gemerkt (`hejyou_last_mode`). | ☐ |
+| 2.1.2 | Eingabe E-Mail + Passwort | Beide Felder Pflicht; leeres Feld → Fehlermeldung „Bitte E-Mail und Passwort eingeben.". | ☐ |
+| 2.1.3 | Erfolgreicher Login | Token wird gespeichert, Profil geladen, App öffnet den Feed. | ☐ |
+| 2.1.4 | Falsche Zugangsdaten | Fehlermeldung vom Server wird angezeigt (z. B. „Invalid credentials"). | ☐ |
+| 2.1.5 | Login eines Accounts ohne Profil | Springt direkt in **Profil-Schritt (Step 2)** statt in den Feed. | ☐ |
+| 2.1.6 | Lade-Status | Button zeigt „Anmelden…" und ist während des Requests deaktiviert. | ☐ |
+
+### 2.2 Registrierung — Schritt 1 (E-Mail + Passwort)
+| # | Funktion | Soll-Verhalten | OK |
+|---|---|---|---|
+| 2.2.1 | Schritt-Anzeige | Zeigt Fortschrittspunkte „Schritt 1 von 2". | ☐ |
+| 2.2.2 | Passwort-Mindestlänge | Passwort < 8 Zeichen → „Passwort muss mindestens 8 Zeichen haben.". | ☐ |
+| 2.2.3 | E-Mail bereits vergeben | Server-Fehler „Email already registered" wird angezeigt. | ☐ |
+| 2.2.4 | Erfolg | Weiter zu Schritt 2 (Profil). | ☐ |
+
+### 2.3 Registrierung — Schritt 2 (Profil)
+| # | Funktion | Soll-Verhalten | OK |
+|---|---|---|---|
+| 2.3.1 | Username-Regeln | 3–20 Zeichen, nur Buchstaben/Zahlen/Unterstrich; Verstoß → klare Fehlermeldung. | ☐ |
+| 2.3.2 | Username-Verfügbarkeit | Vergebener Username → „Dieser Username ist bereits vergeben.". | ☐ |
+| 2.3.3 | Muttersprache wählen | Dropdown mit Flaggen + Sprachnamen (vom Server geladen). | ☐ |
+| 2.3.4 | Zielsprache wählen | Dropdown; **die gewählte Muttersprache ist hier ausgeblendet**. | ☐ |
+| 2.3.5 | Gleiche Sprachen verhindern | Mutter- = Zielsprache → „… dürfen nicht gleich sein.". | ☐ |
+| 2.3.6 | Profil anlegen | Bei Erfolg: Token persistiert, Profil geladen, Erfolgs-Screen erscheint. | ☐ |
+| 2.3.7 | Sprachen-Ladefehler | Können Sprachen nicht geladen werden, ist der Button deaktiviert + Hinweis. | ☐ |
+
+### 2.4 Erfolgs-Screen & Logout
+| # | Funktion | Soll-Verhalten | OK |
+|---|---|---|---|
+| 2.4.1 | Willkommens-Screen | Nach Registrierung: „Willkommen, {Username}!" mit Häkchen-Icon. | ☐ |
+| 2.4.2 | Logout | Über das Logout-Icon im Profil; Token wird gelöscht, zurück zum Auth-Screen. | ☐ |
+
+---
+
+## 3. Feed (Kernbereich „Lernen")
+
+### 3.1 Feed-Grundgerüst
+| # | Funktion | Soll-Verhalten | OK |
+|---|---|---|---|
+| 3.1.1 | Karten laden | Beim Öffnen werden bis zu 20 Lernkarten in der **Zielsprache** geladen. | ☐ |
+| 3.1.2 | EP-Abzeichen oben | Zeigt Fortschritts-Ring (Tagesziel-%), Gesamt-EP und „X/Y heute". | ☐ |
+| 3.1.3 | Karte abschließen | Nach Lösen verschwindet die Karte aus der Liste (bis App-Neustart). | ☐ |
+| 3.1.4 | Fortschritt speichern | Jede gelöste Karte sendet EP/Richtig-Falsch an den Server (EP/Streak aktualisiert sich). | ☐ |
+| 3.1.5 | Ladezustand | „Lade Karten…" während des Ladens. | ☐ |
+| 3.1.6 | Leerer Feed | Keine Inhalte → „Noch keine Inhalte verfügbar.". | ☐ |
+| 3.1.7 | Alles gelöst | Alle Karten erledigt → „Super! Alle Karten abgeschlossen. 🎉". | ☐ |
+
+### 3.2 Gemeinsame Karten-Mechaniken (alle Kartentypen)
+| # | Funktion | Soll-Verhalten | OK |
+|---|---|---|---|
+| 3.2.1 | Bild | Jede Karte zeigt oben ein Bild (Platzhalter 🖼️, falls keins). | ☐ |
+| 3.2.2 | Satz vorlesen (Audio) | Tippen auf den Satz **oder** den Lautsprecher-Button spielt echtes Audio. | ☐ |
+| 3.2.3 | Verlangsamtes Audio | Audio wird bewusst in **0,7-facher Geschwindigkeit** abgespielt. | ☐ |
+| 3.2.4 | Nur ein Audio gleichzeitig | Startet man ein neues Audio, stoppt das vorherige. | ☐ |
+| 3.2.5 | Karaoke-Hervorhebung | Während des Vorlesens wird das **aktuell gesprochene Wort** im Satz hervorgehoben. | ☐ |
+| 3.2.6 | Wort-Chip antippen | Markiertes Wort antippen → zugehöriges **Label-Abzeichen auf dem Bild**. | ☐ |
+| 3.2.7 | Objekt-Chip antippen | Objekt-Wort antippen → **Bildregion umrandet**, Rest abgedunkelt, Label sichtbar. | ☐ |
+| 3.2.8 | Objekt-Sync beim Vorlesen | Wird ein Objekt-Wort vorgelesen, wird seine Bildregion (nur Umriss) live hervorgehoben. | ☐ |
+| 3.2.9 | Übersetzungs-Hinweis | Unter dem Satz steht die Übersetzung in der Muttersprache (Hint). | ☐ |
+| 3.2.10 | Defensive Token-Anzeige | Unaufgelöste Pipeline-Tokens (`⟦PHn:wort⟧`) werden als reines Wort angezeigt, nicht roh. | ☐ |
+
+### 3.3 Kartentyp „Satz / Lesen" (PairSentenceCard, `text`) — **2 EP**
+| # | Funktion | Soll-Verhalten | OK |
+|---|---|---|---|
+| 3.3.1 | „Verstanden" gesperrt | Button ist gesperrt, bis man **entweder** vorgelesen **oder** übersetzt hat. | ☐ |
+| 3.3.2 | Halten-zum-Übersetzen | Übersetzungs-Button **2 Sekunden halten** → Übersetzung blendet ein, Button entsperrt. | ☐ |
+| 3.3.3 | Halte-Fortschrittsring | Während des Haltens läuft ein Ring 2 s lang voll. | ☐ |
+| 3.3.4 | TTS-Fallback | Existiert kein Audio-File, wird per Browser-Sprachsynthese vorgelesen (de/en/sv). | ☐ |
+| 3.3.5 | Vokabel-Chips | Im Satz markierte Vokabeln werden als separate Chips gelistet. | ☐ |
+| 3.3.6 | Abschluss | „Verstanden" → Konfetti, Karte zählt als richtig (2 EP). | ☐ |
+
+### 3.4 Kartentyp „Ja/Nein" (PairYesNoCard, `yes_no`) — **2 EP**
+| # | Funktion | Soll-Verhalten | OK |
+|---|---|---|---|
+| 3.4.1 | Zwei Antwort-Buttons | „✗ Nein" und „✓ Ja". | ☐ |
+| 3.4.2 | Auswertung | Antwort wird gegen die korrekte Lösung des Satzes geprüft. | ☐ |
+| 3.4.3 | Richtig | Konfetti + „✓ Richtig!" (2 EP). | ☐ |
+| 3.4.4 | Falsch | „✗ Die Antwort war: Ja/Nein"; richtige/falsche Buttons farblich markiert. | ☐ |
+| 3.4.5 | Mehrfachklick-Schutz | Nach Beantwortung sind die Buttons gesperrt. | ☐ |
+
+### 3.5 Kartentyp „Wort wählen" (PairWordCard, `word` & `question`) — **3 EP**
+| # | Funktion | Soll-Verhalten | OK |
+|---|---|---|---|
+| 3.5.1 | Frage + Bild + Audio | Zeigt Frage-Satz, Bild und Vorlesen wie alle Karten. | ☐ |
+| 3.5.2 | Wort-Optionen | Mischung aus richtigen + falschen Wörtern, zufällig gemischt. | ☐ |
+| 3.5.3 | Mehrfachauswahl | Mehrere Optionen an-/abwählbar, dann „Bestätigen". | ☐ |
+| 3.5.4 | „Bestätigen" gesperrt | Solange nichts gewählt ist, ist „Bestätigen" gesperrt. | ☐ |
+| 3.5.5 | Auswertung | **Richtig**, wenn nur richtige Wörter gewählt sind (Teilauswahl der richtigen erlaubt, **kein** falsches dabei). | ☐ |
+| 3.5.6 | Feedback richtig/falsch | Richtig → Konfetti + „✓ Richtig!"; falsch → „✗ Richtig wären: …". | ☐ |
+| 3.5.7 | Übersetzungs-Hinweis | Nach Bestätigen werden bei richtigen Optionen die muttersprachlichen Hints gezeigt. | ☐ |
+
+---
+
+## 4. Game (Tab „Game")
+| # | Funktion | Soll-Verhalten | OK |
+|---|---|---|---|
+| 4.1 | Platzhalter-Screen | Zeigt **„Bald verfügbar"**-Karte „Spielend lernen" mit Teaser-Punkten. | ☐ |
+| 4.2 | Keine Funktion | Es gibt **noch keine** spielbare Funktion (bewusst Platzhalter, kein Bug). | ☐ |
+
+## 5. Pro (Tab „Pro")
+| # | Funktion | Soll-Verhalten | OK |
+|---|---|---|---|
+| 5.1 | Platzhalter-Screen | Zeigt **„Bald verfügbar"**-Karte „Snakkimo Pro" mit Teaser-Punkten. | ☐ |
+| 5.2 | Keine Kauf-/Abo-Funktion | Es gibt **noch keine** Bezahl-/Abo-Funktion (bewusst Platzhalter, kein Bug). | ☐ |
+
+---
+
+## 6. Profil (Tab „Profil")
+| # | Funktion | Soll-Verhalten | OK |
+|---|---|---|---|
+| 6.1 | Avatar + Initialen | Kreis mit den ersten 2 Buchstaben des Usernamens, Online-Punkt. | ☐ |
+| 6.2 | Level-Abzeichen | Sechseck mit Level-Zahl (**Level = Gesamt-EP ÷ 500**, abgerundet). | ☐ |
+| 6.3 | Name + Handle | Anzeigename und „@username". | ☐ |
+| 6.4 | Streak-Anzeige | „🔥 X Tage Streak", wenn Streak > 0. | ☐ |
+| 6.5 | Tagesziel-Karte | Ring mit Tagesziel-%, „heutige EP / Ziel", Restwert-Hinweis bzw. „Geschafft 🎉". | ☐ |
+| 6.6 | Fortschritts-Karte | Zielsprache (Flagge+Name), Gesamt-EP, XP-Balken, Level-Pille, „EP bis Level X+1". | ☐ |
+| 6.7 | Wochen-Aktivität | Balkendiagramm der letzten 7 Tage (heutiger Tag markiert). | ☐ |
+| 6.8 | Aktivitäts-Kalender | Heatmap der letzten 12 Wochen (Farbintensität nach EP/Tag). | ☐ |
+| 6.9 | Eckdaten-Kacheln | „Karten geübt", „Genauigkeit %", „Tage Streak". | ☐ |
+| 6.10 | Fähigkeiten-Radar | Radar-Chart **Vokabular / Lesen / Verständnis** (Genauigkeit je Skill). | ☐ |
+| 6.11 | Leerzustand Skills | Ohne Daten: „Leg los — deine Stärken erscheinen, sobald du Karten löst.". | ☐ |
+| 6.12 | Tracking-Hinweis | Ist die Statistik (noch) nicht verfügbar: dezenter Hinweis „… komm morgen wieder! 🌱". | ☐ |
+| 6.13 | Logout | Abmelde-Button oben rechts (siehe 2.4.2). | ☐ |
+
+> **Mapping Skills:** Vokabular = Kartentypen `word` + `question`; Lesen = `text`; Verständnis = `yes_no`.
+
+---
+
+## 7. iOS-spezifische Prüfpunkte
+| # | Funktion | Soll-Verhalten | OK |
+|---|---|---|---|
+| 7.1 | App-Icon & Name | Auf dem Homescreen erscheint **„Snakkimo"**. | ☐ |
+| 7.2 | Start ohne Netz | Ohne Internet lädt nichts (Login/Feed schlagen fehl) — Verhalten dokumentieren. | ☐ |
+| 7.3 | Audio-Wiedergabe iOS | Vorlesen funktioniert auch im iOS-WebView (Touch löst Audio aus). | ☐ |
+| 7.4 | Touch-Halten (Übersetzen) | 2-Sekunden-Halten funktioniert per Touch (nicht nur Maus). | ☐ |
+| 7.5 | Scrollen | Auth- und Profil-Screens lassen sich vollständig scrollen, ohne „Gummiband"-Leaks. | ☐ |
+| 7.6 | Safe-Area / Statusleiste | Kein Inhalt liegt unter Notch/Statusleiste oder Home-Indicator. | ☐ |
+| 7.7 | Hintergrund/Wiederkehr | App nach Hintergrund zurückholen → Session noch aktiv, Feed nutzbar. | ☐ |
+
+---
+
+## 8. Bekannte Einschränkungen / Auffälligkeiten (für QA, kein Bug-Report nötig)
+- **Game & Pro** sind reine „Bald verfügbar"-Platzhalter.
+- **Kein Offline-Modus** — App braucht durchgehend Verbindung zum Backend.
+- **Feed-Wiederholung:** Bereits gelöste Karten verschwinden nur lokal; nach App-Neustart können dieselben Karten erneut erscheinen (keine Spaced-Repetition-Logik in der App).
+- **Branding uneinheitlich:** „HejYou" (Login) vs. „Snakkimo" (App-Name) vs. „Language App" (Webview-Titel).
+- **Nur 3 Sprachen** (de/en/sv) auswählbar.
+- **Inhaltsmenge begrenzt:** Der Feed kann bei intensivem Üben schnell leer sein („Alle Karten abgeschlossen").
+
+---
+
+## 9. Kompakte Test-Checkliste (Smoke-Test, ~10 Min)
+- [ ] Registrierung (neue E-Mail) → Profil anlegen → landet im Feed
+- [ ] Logout → erneuter Login → Feed
+- [ ] Login bleibt nach App-Neustart bestehen
+- [ ] Feed: Satz-Karte vorlesen (Audio + Karaoke-Highlight)
+- [ ] Feed: Wort-Chip antippen → Bild-Label; Objekt-Chip → Bildregion umrandet
+- [ ] Feed: „Verstanden"-Karte über 2-Sek-Halten entsperren und lösen
+- [ ] Feed: Ja/Nein-Karte richtig + falsch testen (Konfetti / korrekte Lösung)
+- [ ] Feed: Wort-Wahl-Karte mit Mehrfachauswahl lösen
+- [ ] EP-Abzeichen oben steigt nach Lösen einer Karte
+- [ ] Profil: EP/Level, Streak, Wochen-Balken, Heatmap, Radar werden angezeigt
+- [ ] Game-Tab & Pro-Tab zeigen „Bald verfügbar"
+- [ ] iOS: Safe-Area korrekt, Touch-Halten & Audio funktionieren
diff --git a/capacitor.config.json b/capacitor.config.json
new file mode 100644
index 0000000..721819c
--- /dev/null
+++ b/capacitor.config.json
@@ -0,0 +1,5 @@
+{
+ "appId": "com.hyggecraftery.snakkimo",
+ "appName": "Snakkimo",
+ "webDir": "dist"
+}
diff --git a/index.html b/index.html
index bdcd71c..6968308 100644
--- a/index.html
+++ b/index.html
@@ -2,8 +2,8 @@
-
- Language App
+
+ Snakkimo
diff --git a/ios/.gitignore b/ios/.gitignore
new file mode 100644
index 0000000..f470299
--- /dev/null
+++ b/ios/.gitignore
@@ -0,0 +1,13 @@
+App/build
+App/Pods
+App/output
+App/App/public
+DerivedData
+xcuserdata
+
+# Cordova plugins for Capacitor
+capacitor-cordova-ios-plugins
+
+# Generated Config files
+App/App/capacitor.config.json
+App/App/config.xml
diff --git a/ios/App/App.xcodeproj/project.pbxproj b/ios/App/App.xcodeproj/project.pbxproj
new file mode 100644
index 0000000..d52493d
--- /dev/null
+++ b/ios/App/App.xcodeproj/project.pbxproj
@@ -0,0 +1,378 @@
+// !$*UTF8*$!
+{
+ archiveVersion = 1;
+ classes = {
+ };
+ objectVersion = 60;
+ objects = {
+
+/* Begin PBXBuildFile section */
+ 2FAD9763203C412B000D30F8 /* config.xml in Resources */ = {isa = PBXBuildFile; fileRef = 2FAD9762203C412B000D30F8 /* config.xml */; };
+ 4D22ABE92AF431CB00220026 /* CapApp-SPM in Frameworks */ = {isa = PBXBuildFile; productRef = 4D22ABE82AF431CB00220026 /* CapApp-SPM */; };
+ 50379B232058CBB4000EE86E /* capacitor.config.json in Resources */ = {isa = PBXBuildFile; fileRef = 50379B222058CBB4000EE86E /* capacitor.config.json */; };
+ 504EC3081FED79650016851F /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 504EC3071FED79650016851F /* AppDelegate.swift */; };
+ 504EC30D1FED79650016851F /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30B1FED79650016851F /* Main.storyboard */; };
+ 504EC30F1FED79650016851F /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30E1FED79650016851F /* Assets.xcassets */; };
+ 504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC3101FED79650016851F /* LaunchScreen.storyboard */; };
+ 50B271D11FEDC1A000F3C39B /* public in Resources */ = {isa = PBXBuildFile; fileRef = 50B271D01FEDC1A000F3C39B /* public */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXFileReference section */
+ 2FAD9762203C412B000D30F8 /* config.xml */ = {isa = PBXFileReference; lastKnownFileType = text.xml; path = config.xml; sourceTree = ""; };
+ 50379B222058CBB4000EE86E /* capacitor.config.json */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.json; path = capacitor.config.json; sourceTree = ""; };
+ 504EC3041FED79650016851F /* App.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = App.app; sourceTree = BUILT_PRODUCTS_DIR; };
+ 504EC3071FED79650016851F /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = ""; };
+ 504EC30C1FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = ""; };
+ 504EC30E1FED79650016851F /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = ""; };
+ 504EC3111FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = ""; };
+ 504EC3131FED79650016851F /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; };
+ 50B271D01FEDC1A000F3C39B /* public */ = {isa = PBXFileReference; lastKnownFileType = folder; path = public; sourceTree = ""; };
+ 958DCC722DB07C7200EA8C5F /* debug.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = debug.xcconfig; path = ../debug.xcconfig; sourceTree = SOURCE_ROOT; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+ 504EC3011FED79650016851F /* Frameworks */ = {
+ isa = PBXFrameworksBuildPhase;
+ buildActionMask = 2147483647;
+ files = (
+ 4D22ABE92AF431CB00220026 /* CapApp-SPM in Frameworks */,
+ );
+ runOnlyForDeploymentPostprocessing = 0;
+ };
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+ 504EC2FB1FED79650016851F = {
+ isa = PBXGroup;
+ children = (
+ 958DCC722DB07C7200EA8C5F /* debug.xcconfig */,
+ 504EC3061FED79650016851F /* App */,
+ 504EC3051FED79650016851F /* Products */,
+ );
+ sourceTree = "";
+ };
+ 504EC3051FED79650016851F /* Products */ = {
+ isa = PBXGroup;
+ children = (
+ 504EC3041FED79650016851F /* App.app */,
+ );
+ name = Products;
+ sourceTree = "";
+ };
+ 504EC3061FED79650016851F /* App */ = {
+ isa = PBXGroup;
+ children = (
+ 50379B222058CBB4000EE86E /* capacitor.config.json */,
+ 504EC3071FED79650016851F /* AppDelegate.swift */,
+ 504EC30B1FED79650016851F /* Main.storyboard */,
+ 504EC30E1FED79650016851F /* Assets.xcassets */,
+ 504EC3101FED79650016851F /* LaunchScreen.storyboard */,
+ 504EC3131FED79650016851F /* Info.plist */,
+ 2FAD9762203C412B000D30F8 /* config.xml */,
+ 50B271D01FEDC1A000F3C39B /* public */,
+ );
+ path = App;
+ sourceTree = "";
+ };
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+ 504EC3031FED79650016851F /* App */ = {
+ isa = PBXNativeTarget;
+ buildConfigurationList = 504EC3161FED79650016851F /* Build configuration list for PBXNativeTarget "App" */;
+ buildPhases = (
+ 504EC3001FED79650016851F /* Sources */,
+ 504EC3011FED79650016851F /* Frameworks */,
+ 504EC3021FED79650016851F /* Resources */,
+ );
+ buildRules = (
+ );
+ dependencies = (
+ );
+ name = App;
+ packageProductDependencies = (
+ 4D22ABE82AF431CB00220026 /* CapApp-SPM */,
+ );
+ productName = App;
+ productReference = 504EC3041FED79650016851F /* App.app */;
+ productType = "com.apple.product-type.application";
+ };
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+ 504EC2FC1FED79650016851F /* Project object */ = {
+ isa = PBXProject;
+ attributes = {
+ LastSwiftUpdateCheck = 0920;
+ LastUpgradeCheck = 0920;
+ TargetAttributes = {
+ 504EC3031FED79650016851F = {
+ CreatedOnToolsVersion = 9.2;
+ LastSwiftMigration = 1100;
+ ProvisioningStyle = Automatic;
+ };
+ };
+ };
+ buildConfigurationList = 504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */;
+ compatibilityVersion = "Xcode 8.0";
+ developmentRegion = en;
+ hasScannedForEncodings = 0;
+ knownRegions = (
+ en,
+ Base,
+ );
+ mainGroup = 504EC2FB1FED79650016851F;
+ packageReferences = (
+ D4C12C0A2AAA248700AAC8A2 /* XCLocalSwiftPackageReference "CapApp-SPM" */,
+ );
+ productRefGroup = 504EC3051FED79650016851F /* Products */;
+ projectDirPath = "";
+ projectRoot = "";
+ targets = (
+ 504EC3031FED79650016851F /* App */,
+ );
+ };
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+ 504EC3021FED79650016851F /* Resources */ = {
+ isa = PBXResourcesBuildPhase;
+ buildActionMask = 2147483647;
+ files = (
+ 504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */,
+ 50B271D11FEDC1A000F3C39B /* public in Resources */,
+ 504EC30F1FED79650016851F /* Assets.xcassets in Resources */,
+ 50379B232058CBB4000EE86E /* capacitor.config.json in Resources */,
+ 504EC30D1FED79650016851F /* Main.storyboard in Resources */,
+ 2FAD9763203C412B000D30F8 /* config.xml in Resources */,
+ );
+ runOnlyForDeploymentPostprocessing = 0;
+ };
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+ 504EC3001FED79650016851F /* Sources */ = {
+ isa = PBXSourcesBuildPhase;
+ buildActionMask = 2147483647;
+ files = (
+ 504EC3081FED79650016851F /* AppDelegate.swift in Sources */,
+ );
+ runOnlyForDeploymentPostprocessing = 0;
+ };
+/* End PBXSourcesBuildPhase section */
+
+/* Begin PBXVariantGroup section */
+ 504EC30B1FED79650016851F /* Main.storyboard */ = {
+ isa = PBXVariantGroup;
+ children = (
+ 504EC30C1FED79650016851F /* Base */,
+ );
+ name = Main.storyboard;
+ sourceTree = "";
+ };
+ 504EC3101FED79650016851F /* LaunchScreen.storyboard */ = {
+ isa = PBXVariantGroup;
+ children = (
+ 504EC3111FED79650016851F /* Base */,
+ );
+ name = LaunchScreen.storyboard;
+ sourceTree = "";
+ };
+/* End PBXVariantGroup section */
+
+/* Begin XCBuildConfiguration section */
+ 504EC3141FED79650016851F /* Debug */ = {
+ isa = XCBuildConfiguration;
+ baseConfigurationReference = 958DCC722DB07C7200EA8C5F /* debug.xcconfig */;
+ buildSettings = {
+ ALWAYS_SEARCH_USER_PATHS = NO;
+ CLANG_ANALYZER_NONNULL = YES;
+ CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+ CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+ CLANG_CXX_LIBRARY = "libc++";
+ CLANG_ENABLE_MODULES = YES;
+ CLANG_ENABLE_OBJC_ARC = YES;
+ CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+ CLANG_WARN_BOOL_CONVERSION = YES;
+ CLANG_WARN_COMMA = YES;
+ CLANG_WARN_CONSTANT_CONVERSION = YES;
+ CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+ CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+ CLANG_WARN_EMPTY_BODY = YES;
+ CLANG_WARN_ENUM_CONVERSION = YES;
+ CLANG_WARN_INFINITE_RECURSION = YES;
+ CLANG_WARN_INT_CONVERSION = YES;
+ CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+ CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+ CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+ CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+ CLANG_WARN_STRICT_PROTOTYPES = YES;
+ CLANG_WARN_SUSPICIOUS_MOVE = YES;
+ CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+ CLANG_WARN_UNREACHABLE_CODE = YES;
+ CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+ CODE_SIGN_IDENTITY = "iPhone Developer";
+ COPY_PHASE_STRIP = NO;
+ DEBUG_INFORMATION_FORMAT = dwarf;
+ ENABLE_STRICT_OBJC_MSGSEND = YES;
+ ENABLE_TESTABILITY = YES;
+ GCC_C_LANGUAGE_STANDARD = gnu11;
+ GCC_DYNAMIC_NO_PIC = NO;
+ GCC_NO_COMMON_BLOCKS = YES;
+ GCC_OPTIMIZATION_LEVEL = 0;
+ GCC_PREPROCESSOR_DEFINITIONS = (
+ "DEBUG=1",
+ "$(inherited)",
+ );
+ GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+ GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+ GCC_WARN_UNDECLARED_SELECTOR = YES;
+ GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+ GCC_WARN_UNUSED_FUNCTION = YES;
+ GCC_WARN_UNUSED_VARIABLE = YES;
+ IPHONEOS_DEPLOYMENT_TARGET = 15.0;
+ MTL_ENABLE_DEBUG_INFO = YES;
+ ONLY_ACTIVE_ARCH = YES;
+ SDKROOT = iphoneos;
+ SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
+ SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+ };
+ name = Debug;
+ };
+ 504EC3151FED79650016851F /* Release */ = {
+ isa = XCBuildConfiguration;
+ buildSettings = {
+ ALWAYS_SEARCH_USER_PATHS = NO;
+ CLANG_ANALYZER_NONNULL = YES;
+ CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+ CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+ CLANG_CXX_LIBRARY = "libc++";
+ CLANG_ENABLE_MODULES = YES;
+ CLANG_ENABLE_OBJC_ARC = YES;
+ CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+ CLANG_WARN_BOOL_CONVERSION = YES;
+ CLANG_WARN_COMMA = YES;
+ CLANG_WARN_CONSTANT_CONVERSION = YES;
+ CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+ CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+ CLANG_WARN_EMPTY_BODY = YES;
+ CLANG_WARN_ENUM_CONVERSION = YES;
+ CLANG_WARN_INFINITE_RECURSION = YES;
+ CLANG_WARN_INT_CONVERSION = YES;
+ CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+ CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+ CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+ CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+ CLANG_WARN_STRICT_PROTOTYPES = YES;
+ CLANG_WARN_SUSPICIOUS_MOVE = YES;
+ CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+ CLANG_WARN_UNREACHABLE_CODE = YES;
+ CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+ CODE_SIGN_IDENTITY = "iPhone Developer";
+ COPY_PHASE_STRIP = NO;
+ DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+ ENABLE_NS_ASSERTIONS = NO;
+ ENABLE_STRICT_OBJC_MSGSEND = YES;
+ GCC_C_LANGUAGE_STANDARD = gnu11;
+ GCC_NO_COMMON_BLOCKS = YES;
+ GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+ GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+ GCC_WARN_UNDECLARED_SELECTOR = YES;
+ GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+ GCC_WARN_UNUSED_FUNCTION = YES;
+ GCC_WARN_UNUSED_VARIABLE = YES;
+ IPHONEOS_DEPLOYMENT_TARGET = 15.0;
+ MTL_ENABLE_DEBUG_INFO = NO;
+ SDKROOT = iphoneos;
+ SWIFT_COMPILATION_MODE = wholemodule;
+ SWIFT_OPTIMIZATION_LEVEL = "-O";
+ VALIDATE_PRODUCT = YES;
+ };
+ name = Release;
+ };
+ 504EC3171FED79650016851F /* Debug */ = {
+ isa = XCBuildConfiguration;
+ baseConfigurationReference = 958DCC722DB07C7200EA8C5F /* debug.xcconfig */;
+ buildSettings = {
+ ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+ CODE_SIGN_STYLE = Automatic;
+ CURRENT_PROJECT_VERSION = 1;
+ DEVELOPMENT_TEAM = LKA5KKQKHY;
+ INFOPLIST_FILE = App/Info.plist;
+ IPHONEOS_DEPLOYMENT_TARGET = 15.0;
+ LD_RUNPATH_SEARCH_PATHS = (
+ "$(inherited)",
+ "@executable_path/Frameworks",
+ );
+ MARKETING_VERSION = 1.0;
+ OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
+ PRODUCT_BUNDLE_IDENTIFIER = com.hyggecraftery.snakkimo;
+ PRODUCT_NAME = "$(TARGET_NAME)";
+ SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
+ SWIFT_VERSION = 5.0;
+ TARGETED_DEVICE_FAMILY = "1,2";
+ };
+ name = Debug;
+ };
+ 504EC3181FED79650016851F /* Release */ = {
+ isa = XCBuildConfiguration;
+ buildSettings = {
+ ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+ CODE_SIGN_STYLE = Automatic;
+ CURRENT_PROJECT_VERSION = 1;
+ DEVELOPMENT_TEAM = LKA5KKQKHY;
+ INFOPLIST_FILE = App/Info.plist;
+ IPHONEOS_DEPLOYMENT_TARGET = 15.0;
+ LD_RUNPATH_SEARCH_PATHS = (
+ "$(inherited)",
+ "@executable_path/Frameworks",
+ );
+ MARKETING_VERSION = 1.0;
+ PRODUCT_BUNDLE_IDENTIFIER = com.hyggecraftery.snakkimo;
+ PRODUCT_NAME = "$(TARGET_NAME)";
+ SWIFT_ACTIVE_COMPILATION_CONDITIONS = "";
+ SWIFT_VERSION = 5.0;
+ TARGETED_DEVICE_FAMILY = "1,2";
+ };
+ name = Release;
+ };
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+ 504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */ = {
+ isa = XCConfigurationList;
+ buildConfigurations = (
+ 504EC3141FED79650016851F /* Debug */,
+ 504EC3151FED79650016851F /* Release */,
+ );
+ defaultConfigurationIsVisible = 0;
+ defaultConfigurationName = Release;
+ };
+ 504EC3161FED79650016851F /* Build configuration list for PBXNativeTarget "App" */ = {
+ isa = XCConfigurationList;
+ buildConfigurations = (
+ 504EC3171FED79650016851F /* Debug */,
+ 504EC3181FED79650016851F /* Release */,
+ );
+ defaultConfigurationIsVisible = 0;
+ defaultConfigurationName = Release;
+ };
+/* End XCConfigurationList section */
+
+/* Begin XCLocalSwiftPackageReference section */
+ D4C12C0A2AAA248700AAC8A2 /* XCLocalSwiftPackageReference "CapApp-SPM" */ = {
+ isa = XCLocalSwiftPackageReference;
+ relativePath = "CapApp-SPM";
+ };
+/* End XCLocalSwiftPackageReference section */
+
+/* Begin XCSwiftPackageProductDependency section */
+ 4D22ABE82AF431CB00220026 /* CapApp-SPM */ = {
+ isa = XCSwiftPackageProductDependency;
+ package = D4C12C0A2AAA248700AAC8A2 /* XCLocalSwiftPackageReference "CapApp-SPM" */;
+ productName = "CapApp-SPM";
+ };
+/* End XCSwiftPackageProductDependency section */
+ };
+ rootObject = 504EC2FC1FED79650016851F /* Project object */;
+}
diff --git a/ios/App/App.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist b/ios/App/App.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
new file mode 100644
index 0000000..18d9810
--- /dev/null
+++ b/ios/App/App.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
@@ -0,0 +1,8 @@
+
+
+
+
+ IDEDidComputeMac32BitWarning
+
+
+
diff --git a/ios/App/App.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved b/ios/App/App.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved
new file mode 100644
index 0000000..81a371c
--- /dev/null
+++ b/ios/App/App.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved
@@ -0,0 +1,15 @@
+{
+ "originHash" : "ba02264f6d4c613de9cfd9120fa05cc1e61acacc858cb62d0cb6cb68ef052757",
+ "pins" : [
+ {
+ "identity" : "capacitor-swift-pm",
+ "kind" : "remoteSourceControl",
+ "location" : "https://github.com/ionic-team/capacitor-swift-pm.git",
+ "state" : {
+ "revision" : "44ae2505f54a80c5e559533950886d0644fc2fca",
+ "version" : "8.4.0"
+ }
+ }
+ ],
+ "version" : 3
+}
diff --git a/ios/App/App/AppDelegate.swift b/ios/App/App/AppDelegate.swift
new file mode 100644
index 0000000..c3cd83b
--- /dev/null
+++ b/ios/App/App/AppDelegate.swift
@@ -0,0 +1,49 @@
+import UIKit
+import Capacitor
+
+@UIApplicationMain
+class AppDelegate: UIResponder, UIApplicationDelegate {
+
+ var window: UIWindow?
+
+ func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
+ // Override point for customization after application launch.
+ return true
+ }
+
+ func applicationWillResignActive(_ application: UIApplication) {
+ // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
+ // Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.
+ }
+
+ func applicationDidEnterBackground(_ application: UIApplication) {
+ // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
+ // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
+ }
+
+ func applicationWillEnterForeground(_ application: UIApplication) {
+ // Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.
+ }
+
+ func applicationDidBecomeActive(_ application: UIApplication) {
+ // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
+ }
+
+ func applicationWillTerminate(_ application: UIApplication) {
+ // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
+ }
+
+ func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
+ // Called when the app was launched with a url. Feel free to add additional processing here,
+ // but if you want the App API to support tracking app url opens, make sure to keep this call
+ return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
+ }
+
+ func application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool {
+ // Called when the app was launched with an activity, including Universal Links.
+ // Feel free to add additional processing here, but if you want the App API to support
+ // tracking app url opens, make sure to keep this call
+ return ApplicationDelegateProxy.shared.application(application, continue: userActivity, restorationHandler: restorationHandler)
+ }
+
+}
diff --git a/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png b/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png
new file mode 100644
index 0000000..147db04
Binary files /dev/null and b/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png differ
diff --git a/ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json b/ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json
new file mode 100644
index 0000000..9b7d382
--- /dev/null
+++ b/ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -0,0 +1,14 @@
+{
+ "images" : [
+ {
+ "filename" : "AppIcon-512@2x.png",
+ "idiom" : "universal",
+ "platform" : "ios",
+ "size" : "1024x1024"
+ }
+ ],
+ "info" : {
+ "author" : "xcode",
+ "version" : 1
+ }
+}
diff --git a/ios/App/App/Assets.xcassets/Contents.json b/ios/App/App/Assets.xcassets/Contents.json
new file mode 100644
index 0000000..da4a164
--- /dev/null
+++ b/ios/App/App/Assets.xcassets/Contents.json
@@ -0,0 +1,6 @@
+{
+ "info" : {
+ "version" : 1,
+ "author" : "xcode"
+ }
+}
\ No newline at end of file
diff --git a/ios/App/App/Assets.xcassets/Splash.imageset/Contents.json b/ios/App/App/Assets.xcassets/Splash.imageset/Contents.json
new file mode 100644
index 0000000..d7d96a6
--- /dev/null
+++ b/ios/App/App/Assets.xcassets/Splash.imageset/Contents.json
@@ -0,0 +1,23 @@
+{
+ "images" : [
+ {
+ "idiom" : "universal",
+ "filename" : "splash-2732x2732-2.png",
+ "scale" : "1x"
+ },
+ {
+ "idiom" : "universal",
+ "filename" : "splash-2732x2732-1.png",
+ "scale" : "2x"
+ },
+ {
+ "idiom" : "universal",
+ "filename" : "splash-2732x2732.png",
+ "scale" : "3x"
+ }
+ ],
+ "info" : {
+ "version" : 1,
+ "author" : "xcode"
+ }
+}
\ No newline at end of file
diff --git a/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-1.png b/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-1.png
new file mode 100644
index 0000000..33ea6c9
Binary files /dev/null and b/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-1.png differ
diff --git a/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-2.png b/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-2.png
new file mode 100644
index 0000000..33ea6c9
Binary files /dev/null and b/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-2.png differ
diff --git a/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732.png b/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732.png
new file mode 100644
index 0000000..33ea6c9
Binary files /dev/null and b/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732.png differ
diff --git a/ios/App/App/Base.lproj/LaunchScreen.storyboard b/ios/App/App/Base.lproj/LaunchScreen.storyboard
new file mode 100644
index 0000000..e7ae5d7
--- /dev/null
+++ b/ios/App/App/Base.lproj/LaunchScreen.storyboard
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ios/App/App/Base.lproj/Main.storyboard b/ios/App/App/Base.lproj/Main.storyboard
new file mode 100644
index 0000000..b44df7b
--- /dev/null
+++ b/ios/App/App/Base.lproj/Main.storyboard
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ios/App/App/Info.plist b/ios/App/App/Info.plist
new file mode 100644
index 0000000..e830f66
--- /dev/null
+++ b/ios/App/App/Info.plist
@@ -0,0 +1,51 @@
+
+
+
+
+ CAPACITOR_DEBUG
+ $(CAPACITOR_DEBUG)
+ CFBundleDevelopmentRegion
+ en
+ CFBundleDisplayName
+ Snakkimo
+ CFBundleExecutable
+ $(EXECUTABLE_NAME)
+ CFBundleIdentifier
+ $(PRODUCT_BUNDLE_IDENTIFIER)
+ CFBundleInfoDictionaryVersion
+ 6.0
+ CFBundleName
+ $(PRODUCT_NAME)
+ CFBundlePackageType
+ APPL
+ CFBundleShortVersionString
+ $(MARKETING_VERSION)
+ CFBundleVersion
+ $(CURRENT_PROJECT_VERSION)
+ LSRequiresIPhoneOS
+
+ UILaunchStoryboardName
+ LaunchScreen
+ UIMainStoryboardFile
+ Main
+ UIRequiredDeviceCapabilities
+
+ armv7
+
+ UISupportedInterfaceOrientations
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ UISupportedInterfaceOrientations~ipad
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationPortraitUpsideDown
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ UIViewControllerBasedStatusBarAppearance
+
+
+
diff --git a/ios/App/CapApp-SPM/.gitignore b/ios/App/CapApp-SPM/.gitignore
new file mode 100644
index 0000000..3b29812
--- /dev/null
+++ b/ios/App/CapApp-SPM/.gitignore
@@ -0,0 +1,9 @@
+.DS_Store
+/.build
+/Packages
+/*.xcodeproj
+xcuserdata/
+DerivedData/
+.swiftpm/config/registries.json
+.swiftpm/xcode/package.xcworkspace/contents.xcworkspacedata
+.netrc
diff --git a/ios/App/CapApp-SPM/Package.swift b/ios/App/CapApp-SPM/Package.swift
new file mode 100644
index 0000000..a2f6c96
--- /dev/null
+++ b/ios/App/CapApp-SPM/Package.swift
@@ -0,0 +1,25 @@
+// swift-tools-version: 5.9
+import PackageDescription
+
+// DO NOT MODIFY THIS FILE - managed by Capacitor CLI commands
+let package = Package(
+ name: "CapApp-SPM",
+ platforms: [.iOS(.v15)],
+ products: [
+ .library(
+ name: "CapApp-SPM",
+ targets: ["CapApp-SPM"])
+ ],
+ dependencies: [
+ .package(url: "https://github.com/ionic-team/capacitor-swift-pm.git", exact: "8.4.0")
+ ],
+ targets: [
+ .target(
+ name: "CapApp-SPM",
+ dependencies: [
+ .product(name: "Capacitor", package: "capacitor-swift-pm"),
+ .product(name: "Cordova", package: "capacitor-swift-pm")
+ ]
+ )
+ ]
+)
diff --git a/ios/App/CapApp-SPM/README.md b/ios/App/CapApp-SPM/README.md
new file mode 100644
index 0000000..03964db
--- /dev/null
+++ b/ios/App/CapApp-SPM/README.md
@@ -0,0 +1,5 @@
+# CapApp-SPM
+
+This package is used to host SPM dependencies for your Capacitor project
+
+Do not modify the contents of it or there may be unintended consequences.
diff --git a/ios/App/CapApp-SPM/Sources/CapApp-SPM/CapApp-SPM.swift b/ios/App/CapApp-SPM/Sources/CapApp-SPM/CapApp-SPM.swift
new file mode 100644
index 0000000..945afec
--- /dev/null
+++ b/ios/App/CapApp-SPM/Sources/CapApp-SPM/CapApp-SPM.swift
@@ -0,0 +1 @@
+public let isCapacitorApp = true
diff --git a/ios/debug.xcconfig b/ios/debug.xcconfig
new file mode 100644
index 0000000..53ce18d
--- /dev/null
+++ b/ios/debug.xcconfig
@@ -0,0 +1 @@
+CAPACITOR_DEBUG = true
diff --git a/package-lock.json b/package-lock.json
index c4e65ed..8781883 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,11 @@
"name": "language-app",
"version": "1.0.0",
"dependencies": {
+ "@capacitor/cli": "^8.4.0",
+ "@capacitor/core": "^8.4.0",
+ "@capacitor/ios": "^8.4.0",
"canvas-confetti": "^1.9.4",
+ "capacitor-secure-storage-plugin": "^0.13.0",
"react": "^19.0.0",
"react-dom": "^19.0.0"
},
@@ -301,6 +305,68 @@
"node": ">=6.9.0"
}
},
+ "node_modules/@capacitor/cli": {
+ "version": "8.4.0",
+ "resolved": "https://registry.npmjs.org/@capacitor/cli/-/cli-8.4.0.tgz",
+ "integrity": "sha512-5Z9RKHxiqJYRTLrfMeZmzR4qrlg5B85MxsWZ5goyXsLkO3bgpW9a1qV/6fR1SX9s5gwLza5y7PZVwITl/hDJ7g==",
+ "license": "MIT",
+ "dependencies": {
+ "@ionic/cli-framework-output": "^2.2.8",
+ "@ionic/utils-subprocess": "^3.0.1",
+ "@ionic/utils-terminal": "^2.3.5",
+ "commander": "^12.1.0",
+ "debug": "^4.4.0",
+ "env-paths": "^2.2.0",
+ "fs-extra": "^11.2.0",
+ "kleur": "^4.1.5",
+ "native-run": "^2.0.3",
+ "open": "^8.4.0",
+ "plist": "^3.1.0",
+ "prompts": "^2.4.2",
+ "rimraf": "^6.0.1",
+ "semver": "^7.6.3",
+ "tar": "^7.5.3",
+ "tslib": "^2.8.1",
+ "xml2js": "^0.6.2"
+ },
+ "bin": {
+ "cap": "bin/capacitor",
+ "capacitor": "bin/capacitor"
+ },
+ "engines": {
+ "node": ">=22.0.0"
+ }
+ },
+ "node_modules/@capacitor/cli/node_modules/semver": {
+ "version": "7.8.4",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
+ "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
+ "license": "ISC",
+ "bin": {
+ "semver": "bin/semver.js"
+ },
+ "engines": {
+ "node": ">=10"
+ }
+ },
+ "node_modules/@capacitor/core": {
+ "version": "8.4.0",
+ "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-8.4.0.tgz",
+ "integrity": "sha512-LrS1xPIrqLtJABBIPDGXxxKmI9OyesrzWw8DiHbxhSC9JoiLUleUAJlX1a0LWIVLRbuY4Szgf9huFeRqYH2SAQ==",
+ "license": "MIT",
+ "dependencies": {
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@capacitor/ios": {
+ "version": "8.4.0",
+ "resolved": "https://registry.npmjs.org/@capacitor/ios/-/ios-8.4.0.tgz",
+ "integrity": "sha512-tnwstEdbTJ2nHAfoAwnurXgYRscWeLY+IIGdz69o24gN2Crfj9Xc0TWo8L5uFLF1LmpbUywH1IT0U1oHV8c+CA==",
+ "license": "MIT",
+ "peerDependencies": {
+ "@capacitor/core": "^8.4.0"
+ }
+ },
"node_modules/@esbuild/aix-ppc64": {
"version": "0.25.12",
"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
@@ -743,6 +809,157 @@
"node": ">=18"
}
},
+ "node_modules/@ionic/cli-framework-output": {
+ "version": "2.2.8",
+ "resolved": "https://registry.npmjs.org/@ionic/cli-framework-output/-/cli-framework-output-2.2.8.tgz",
+ "integrity": "sha512-TshtaFQsovB4NWRBydbNFawql6yul7d5bMiW1WYYf17hd99V6xdDdk3vtF51bw6sLkxON3bDQpWsnUc9/hVo3g==",
+ "license": "MIT",
+ "dependencies": {
+ "@ionic/utils-terminal": "2.3.5",
+ "debug": "^4.0.0",
+ "tslib": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=16.0.0"
+ }
+ },
+ "node_modules/@ionic/utils-array": {
+ "version": "2.1.6",
+ "resolved": "https://registry.npmjs.org/@ionic/utils-array/-/utils-array-2.1.6.tgz",
+ "integrity": "sha512-0JZ1Zkp3wURnv8oq6Qt7fMPo5MpjbLoUoa9Bu2Q4PJuSDWM8H8gwF3dQO7VTeUj3/0o1IB1wGkFWZZYgUXZMUg==",
+ "license": "MIT",
+ "dependencies": {
+ "debug": "^4.0.0",
+ "tslib": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=16.0.0"
+ }
+ },
+ "node_modules/@ionic/utils-fs": {
+ "version": "3.1.7",
+ "resolved": "https://registry.npmjs.org/@ionic/utils-fs/-/utils-fs-3.1.7.tgz",
+ "integrity": "sha512-2EknRvMVfhnyhL1VhFkSLa5gOcycK91VnjfrTB0kbqkTFCOXyXgVLI5whzq7SLrgD9t1aqos3lMMQyVzaQ5gVA==",
+ "license": "MIT",
+ "dependencies": {
+ "@types/fs-extra": "^8.0.0",
+ "debug": "^4.0.0",
+ "fs-extra": "^9.0.0",
+ "tslib": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=16.0.0"
+ }
+ },
+ "node_modules/@ionic/utils-fs/node_modules/fs-extra": {
+ "version": "9.1.0",
+ "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+ "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+ "license": "MIT",
+ "dependencies": {
+ "at-least-node": "^1.0.0",
+ "graceful-fs": "^4.2.0",
+ "jsonfile": "^6.0.1",
+ "universalify": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=10"
+ }
+ },
+ "node_modules/@ionic/utils-object": {
+ "version": "2.1.6",
+ "resolved": "https://registry.npmjs.org/@ionic/utils-object/-/utils-object-2.1.6.tgz",
+ "integrity": "sha512-vCl7sl6JjBHFw99CuAqHljYJpcE88YaH2ZW4ELiC/Zwxl5tiwn4kbdP/gxi2OT3MQb1vOtgAmSNRtusvgxI8ww==",
+ "license": "MIT",
+ "dependencies": {
+ "debug": "^4.0.0",
+ "tslib": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=16.0.0"
+ }
+ },
+ "node_modules/@ionic/utils-process": {
+ "version": "2.1.12",
+ "resolved": "https://registry.npmjs.org/@ionic/utils-process/-/utils-process-2.1.12.tgz",
+ "integrity": "sha512-Jqkgyq7zBs/v/J3YvKtQQiIcxfJyplPgECMWgdO0E1fKrrH8EF0QGHNJ9mJCn6PYe2UtHNS8JJf5G21e09DfYg==",
+ "license": "MIT",
+ "dependencies": {
+ "@ionic/utils-object": "2.1.6",
+ "@ionic/utils-terminal": "2.3.5",
+ "debug": "^4.0.0",
+ "signal-exit": "^3.0.3",
+ "tree-kill": "^1.2.2",
+ "tslib": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=16.0.0"
+ }
+ },
+ "node_modules/@ionic/utils-stream": {
+ "version": "3.1.7",
+ "resolved": "https://registry.npmjs.org/@ionic/utils-stream/-/utils-stream-3.1.7.tgz",
+ "integrity": "sha512-eSELBE7NWNFIHTbTC2jiMvh1ABKGIpGdUIvARsNPMNQhxJB3wpwdiVnoBoTYp+5a6UUIww4Kpg7v6S7iTctH1w==",
+ "license": "MIT",
+ "dependencies": {
+ "debug": "^4.0.0",
+ "tslib": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=16.0.0"
+ }
+ },
+ "node_modules/@ionic/utils-subprocess": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/@ionic/utils-subprocess/-/utils-subprocess-3.0.1.tgz",
+ "integrity": "sha512-cT4te3AQQPeIM9WCwIg8ohroJ8TjsYaMb2G4ZEgv9YzeDqHZ4JpeIKqG2SoaA3GmVQ3sOfhPM6Ox9sxphV/d1A==",
+ "license": "MIT",
+ "dependencies": {
+ "@ionic/utils-array": "2.1.6",
+ "@ionic/utils-fs": "3.1.7",
+ "@ionic/utils-process": "2.1.12",
+ "@ionic/utils-stream": "3.1.7",
+ "@ionic/utils-terminal": "2.3.5",
+ "cross-spawn": "^7.0.3",
+ "debug": "^4.0.0",
+ "tslib": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=16.0.0"
+ }
+ },
+ "node_modules/@ionic/utils-terminal": {
+ "version": "2.3.5",
+ "resolved": "https://registry.npmjs.org/@ionic/utils-terminal/-/utils-terminal-2.3.5.tgz",
+ "integrity": "sha512-3cKScz9Jx2/Pr9ijj1OzGlBDfcmx7OMVBt4+P1uRR0SSW4cm1/y3Mo4OY3lfkuaYifMNBW8Wz6lQHbs1bihr7A==",
+ "license": "MIT",
+ "dependencies": {
+ "@types/slice-ansi": "^4.0.0",
+ "debug": "^4.0.0",
+ "signal-exit": "^3.0.3",
+ "slice-ansi": "^4.0.0",
+ "string-width": "^4.1.0",
+ "strip-ansi": "^6.0.0",
+ "tslib": "^2.0.1",
+ "untildify": "^4.0.0",
+ "wrap-ansi": "^7.0.0"
+ },
+ "engines": {
+ "node": ">=16.0.0"
+ }
+ },
+ "node_modules/@isaacs/fs-minipass": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+ "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
+ "license": "ISC",
+ "dependencies": {
+ "minipass": "^7.0.4"
+ },
+ "engines": {
+ "node": ">=18.0.0"
+ }
+ },
"node_modules/@jridgewell/gen-mapping": {
"version": "0.3.13",
"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
@@ -1202,6 +1419,24 @@
"dev": true,
"license": "MIT"
},
+ "node_modules/@types/fs-extra": {
+ "version": "8.1.5",
+ "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-8.1.5.tgz",
+ "integrity": "sha512-0dzKcwO+S8s2kuF5Z9oUWatQJj5Uq/iqphEtE3GQJVRRYm/tD1LglU2UnXi2A8jLq5umkGouOXOR9y0n613ZwQ==",
+ "license": "MIT",
+ "dependencies": {
+ "@types/node": "*"
+ }
+ },
+ "node_modules/@types/node": {
+ "version": "25.9.3",
+ "resolved": "https://registry.npmjs.org/@types/node/-/node-25.9.3.tgz",
+ "integrity": "sha512-603BddQMv3pUcr4U2dhujk83N2tTDVr/34wII2B6bJy6g+8WD6yUb11jszNs0gdi4PesVWl7ABt8nYMVpnLUcg==",
+ "license": "MIT",
+ "dependencies": {
+ "undici-types": ">=7.24.0 <7.24.7"
+ }
+ },
"node_modules/@types/react": {
"version": "19.2.14",
"resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
@@ -1222,6 +1457,12 @@
"@types/react": "^19.2.0"
}
},
+ "node_modules/@types/slice-ansi": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/@types/slice-ansi/-/slice-ansi-4.0.0.tgz",
+ "integrity": "sha512-+OpjSaq85gvlZAYINyzKpLeiFkSC4EsC6IIiT6v6TLSU5k5U83fHGj9Lel8oKEXM0HqgrMVCjXPDPVICtxF7EQ==",
+ "license": "MIT"
+ },
"node_modules/@vitejs/plugin-react": {
"version": "4.7.0",
"resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
@@ -1243,6 +1484,86 @@
"vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
}
},
+ "node_modules/@xmldom/xmldom": {
+ "version": "0.9.10",
+ "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.9.10.tgz",
+ "integrity": "sha512-A9gOqLdi6cV4ibazAjcQufGj0B1y/vDqYrcuP6d/6x8P27gRS8643Dj9o1dEKtB6O7fwxb2FgBmJS2mX7gpvdw==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=14.6"
+ }
+ },
+ "node_modules/ansi-regex": {
+ "version": "5.0.1",
+ "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+ "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/ansi-styles": {
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+ "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+ "license": "MIT",
+ "dependencies": {
+ "color-convert": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=8"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+ }
+ },
+ "node_modules/astral-regex": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+ "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/at-least-node": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
+ "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
+ "license": "ISC",
+ "engines": {
+ "node": ">= 4.0.0"
+ }
+ },
+ "node_modules/balanced-match": {
+ "version": "4.0.4",
+ "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+ "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+ "license": "MIT",
+ "engines": {
+ "node": "18 || 20 || >=22"
+ }
+ },
+ "node_modules/base64-js": {
+ "version": "1.5.1",
+ "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+ "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/feross"
+ },
+ {
+ "type": "patreon",
+ "url": "https://www.patreon.com/feross"
+ },
+ {
+ "type": "consulting",
+ "url": "https://feross.org/support"
+ }
+ ],
+ "license": "MIT"
+ },
"node_modules/baseline-browser-mapping": {
"version": "2.10.19",
"resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.19.tgz",
@@ -1256,6 +1577,39 @@
"node": ">=6.0.0"
}
},
+ "node_modules/big-integer": {
+ "version": "1.6.52",
+ "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.52.tgz",
+ "integrity": "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==",
+ "license": "Unlicense",
+ "engines": {
+ "node": ">=0.6"
+ }
+ },
+ "node_modules/bplist-parser": {
+ "version": "0.3.2",
+ "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.3.2.tgz",
+ "integrity": "sha512-apC2+fspHGI3mMKj+dGevkGo/tCqVB8jMb6i+OX+E29p0Iposz07fABkRIfVUPNd5A5VbuOz1bZbnmkKLYF+wQ==",
+ "license": "MIT",
+ "dependencies": {
+ "big-integer": "1.6.x"
+ },
+ "engines": {
+ "node": ">= 5.10.0"
+ }
+ },
+ "node_modules/brace-expansion": {
+ "version": "5.0.6",
+ "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
+ "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
+ "license": "MIT",
+ "dependencies": {
+ "balanced-match": "^4.0.2"
+ },
+ "engines": {
+ "node": "18 || 20 || >=22"
+ }
+ },
"node_modules/browserslist": {
"version": "4.28.2",
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
@@ -1290,6 +1644,15 @@
"node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
}
},
+ "node_modules/buffer-crc32": {
+ "version": "0.2.13",
+ "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+ "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+ "license": "MIT",
+ "engines": {
+ "node": "*"
+ }
+ },
"node_modules/caniuse-lite": {
"version": "1.0.30001788",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001788.tgz",
@@ -1321,6 +1684,51 @@
"url": "https://www.paypal.me/kirilvatev"
}
},
+ "node_modules/capacitor-secure-storage-plugin": {
+ "version": "0.13.0",
+ "resolved": "https://registry.npmjs.org/capacitor-secure-storage-plugin/-/capacitor-secure-storage-plugin-0.13.0.tgz",
+ "integrity": "sha512-+rLC/9Z0LTaRRt6L6HjBwcDh5gqgI3NPmDSwo4hk41XQOy3EBrRo81VleIqFsowsMA3oMT+E59Bl8/HiWk0nhQ==",
+ "license": "MIT",
+ "peerDependencies": {
+ "@capacitor/core": ">=8.0.0"
+ }
+ },
+ "node_modules/chownr": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+ "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
+ "license": "BlueOak-1.0.0",
+ "engines": {
+ "node": ">=18"
+ }
+ },
+ "node_modules/color-convert": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+ "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+ "license": "MIT",
+ "dependencies": {
+ "color-name": "~1.1.4"
+ },
+ "engines": {
+ "node": ">=7.0.0"
+ }
+ },
+ "node_modules/color-name": {
+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+ "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+ "license": "MIT"
+ },
+ "node_modules/commander": {
+ "version": "12.1.0",
+ "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
+ "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=18"
+ }
+ },
"node_modules/convert-source-map": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -1328,6 +1736,20 @@
"dev": true,
"license": "MIT"
},
+ "node_modules/cross-spawn": {
+ "version": "7.0.6",
+ "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+ "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+ "license": "MIT",
+ "dependencies": {
+ "path-key": "^3.1.0",
+ "shebang-command": "^2.0.0",
+ "which": "^2.0.1"
+ },
+ "engines": {
+ "node": ">= 8"
+ }
+ },
"node_modules/csstype": {
"version": "3.2.3",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
@@ -1339,7 +1761,6 @@
"version": "4.4.3",
"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
"integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
- "dev": true,
"license": "MIT",
"dependencies": {
"ms": "^2.1.3"
@@ -1353,6 +1774,15 @@
}
}
},
+ "node_modules/define-lazy-prop": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+ "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
"node_modules/electron-to-chromium": {
"version": "1.5.336",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.336.tgz",
@@ -1360,6 +1790,33 @@
"dev": true,
"license": "ISC"
},
+ "node_modules/elementtree": {
+ "version": "0.1.7",
+ "resolved": "https://registry.npmjs.org/elementtree/-/elementtree-0.1.7.tgz",
+ "integrity": "sha512-wkgGT6kugeQk/P6VZ/f4T+4HB41BVgNBq5CDIZVbQ02nvTVqAiVTbskxxu3eA/X96lMlfYOwnLQpN2v5E1zDEg==",
+ "license": "Apache-2.0",
+ "dependencies": {
+ "sax": "1.1.4"
+ },
+ "engines": {
+ "node": ">= 0.4.0"
+ }
+ },
+ "node_modules/emoji-regex": {
+ "version": "8.0.0",
+ "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+ "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+ "license": "MIT"
+ },
+ "node_modules/env-paths": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+ "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=6"
+ }
+ },
"node_modules/esbuild": {
"version": "0.25.12",
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
@@ -1412,6 +1869,15 @@
"node": ">=6"
}
},
+ "node_modules/fd-slicer": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+ "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+ "license": "MIT",
+ "dependencies": {
+ "pend": "~1.2.0"
+ }
+ },
"node_modules/fdir": {
"version": "6.5.0",
"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
@@ -1430,6 +1896,20 @@
}
}
},
+ "node_modules/fs-extra": {
+ "version": "11.3.5",
+ "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.5.tgz",
+ "integrity": "sha512-eKpRKAovdpZtR1WopLHxlBWvAgPny3c4gX1G5Jhwmmw4XJj0ifSD5qB5TOo8hmA0wlRKDAOAhEE1yVPgs6Fgcg==",
+ "license": "MIT",
+ "dependencies": {
+ "graceful-fs": "^4.2.0",
+ "jsonfile": "^6.0.1",
+ "universalify": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=14.14"
+ }
+ },
"node_modules/fsevents": {
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -1455,6 +1935,86 @@
"node": ">=6.9.0"
}
},
+ "node_modules/glob": {
+ "version": "13.0.6",
+ "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.6.tgz",
+ "integrity": "sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==",
+ "license": "BlueOak-1.0.0",
+ "dependencies": {
+ "minimatch": "^10.2.2",
+ "minipass": "^7.1.3",
+ "path-scurry": "^2.0.2"
+ },
+ "engines": {
+ "node": "18 || 20 || >=22"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
+ "node_modules/graceful-fs": {
+ "version": "4.2.11",
+ "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+ "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+ "license": "ISC"
+ },
+ "node_modules/inherits": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+ "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+ "license": "ISC"
+ },
+ "node_modules/ini": {
+ "version": "4.1.3",
+ "resolved": "https://registry.npmjs.org/ini/-/ini-4.1.3.tgz",
+ "integrity": "sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==",
+ "license": "ISC",
+ "engines": {
+ "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+ }
+ },
+ "node_modules/is-docker": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+ "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+ "license": "MIT",
+ "bin": {
+ "is-docker": "cli.js"
+ },
+ "engines": {
+ "node": ">=8"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/is-fullwidth-code-point": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+ "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/is-wsl": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+ "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+ "license": "MIT",
+ "dependencies": {
+ "is-docker": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/isexe": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+ "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+ "license": "ISC"
+ },
"node_modules/js-tokens": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -1488,6 +2048,27 @@
"node": ">=6"
}
},
+ "node_modules/jsonfile": {
+ "version": "6.2.1",
+ "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.1.tgz",
+ "integrity": "sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==",
+ "license": "MIT",
+ "dependencies": {
+ "universalify": "^2.0.0"
+ },
+ "optionalDependencies": {
+ "graceful-fs": "^4.1.6"
+ }
+ },
+ "node_modules/kleur": {
+ "version": "4.1.5",
+ "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+ "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=6"
+ }
+ },
"node_modules/lru-cache": {
"version": "5.1.1",
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -1498,11 +2079,46 @@
"yallist": "^3.0.2"
}
},
+ "node_modules/minimatch": {
+ "version": "10.2.5",
+ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+ "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+ "license": "BlueOak-1.0.0",
+ "dependencies": {
+ "brace-expansion": "^5.0.5"
+ },
+ "engines": {
+ "node": "18 || 20 || >=22"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
+ "node_modules/minipass": {
+ "version": "7.1.3",
+ "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
+ "integrity": "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==",
+ "license": "BlueOak-1.0.0",
+ "engines": {
+ "node": ">=16 || 14 >=14.17"
+ }
+ },
+ "node_modules/minizlib": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.1.0.tgz",
+ "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==",
+ "license": "MIT",
+ "dependencies": {
+ "minipass": "^7.1.2"
+ },
+ "engines": {
+ "node": ">= 18"
+ }
+ },
"node_modules/ms": {
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
- "dev": true,
"license": "MIT"
},
"node_modules/nanoid": {
@@ -1524,6 +2140,31 @@
"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
}
},
+ "node_modules/native-run": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/native-run/-/native-run-2.0.3.tgz",
+ "integrity": "sha512-U1PllBuzW5d1gfan+88L+Hky2eZx+9gv3Pf6rNBxKbORxi7boHzqiA6QFGSnqMem4j0A9tZ08NMIs5+0m/VS1Q==",
+ "license": "MIT",
+ "dependencies": {
+ "@ionic/utils-fs": "^3.1.7",
+ "@ionic/utils-terminal": "^2.3.4",
+ "bplist-parser": "^0.3.2",
+ "debug": "^4.3.4",
+ "elementtree": "^0.1.7",
+ "ini": "^4.1.1",
+ "plist": "^3.1.0",
+ "split2": "^4.2.0",
+ "through2": "^4.0.2",
+ "tslib": "^2.6.2",
+ "yauzl": "^2.10.0"
+ },
+ "bin": {
+ "native-run": "bin/native-run"
+ },
+ "engines": {
+ "node": ">=16.0.0"
+ }
+ },
"node_modules/node-releases": {
"version": "2.0.37",
"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.37.tgz",
@@ -1531,6 +2172,69 @@
"dev": true,
"license": "MIT"
},
+ "node_modules/open": {
+ "version": "8.4.2",
+ "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
+ "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
+ "license": "MIT",
+ "dependencies": {
+ "define-lazy-prop": "^2.0.0",
+ "is-docker": "^2.1.1",
+ "is-wsl": "^2.2.0"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/package-json-from-dist": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+ "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+ "license": "BlueOak-1.0.0"
+ },
+ "node_modules/path-key": {
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+ "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/path-scurry": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.2.tgz",
+ "integrity": "sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg==",
+ "license": "BlueOak-1.0.0",
+ "dependencies": {
+ "lru-cache": "^11.0.0",
+ "minipass": "^7.1.2"
+ },
+ "engines": {
+ "node": "18 || 20 || >=22"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
+ "node_modules/path-scurry/node_modules/lru-cache": {
+ "version": "11.5.1",
+ "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz",
+ "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==",
+ "license": "BlueOak-1.0.0",
+ "engines": {
+ "node": "20 || >=22"
+ }
+ },
+ "node_modules/pend": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+ "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+ "license": "MIT"
+ },
"node_modules/picocolors": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -1551,6 +2255,20 @@
"url": "https://github.com/sponsors/jonschlinkert"
}
},
+ "node_modules/plist": {
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/plist/-/plist-3.1.1.tgz",
+ "integrity": "sha512-ZIfcLJC+7E7FBFnDxm9MPmt7D+DidyQ26lewieO75AdhA2ayMtsJSES0iWzqJQbcVRSrTufQoy0DR94xHue0oA==",
+ "license": "MIT",
+ "dependencies": {
+ "@xmldom/xmldom": "^0.9.10",
+ "base64-js": "^1.5.1",
+ "xmlbuilder": "^15.1.1"
+ },
+ "engines": {
+ "node": ">=10.4.0"
+ }
+ },
"node_modules/postcss": {
"version": "8.5.9",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.9.tgz",
@@ -1580,6 +2298,28 @@
"node": "^10 || ^12 || >=14"
}
},
+ "node_modules/prompts": {
+ "version": "2.4.2",
+ "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
+ "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
+ "license": "MIT",
+ "dependencies": {
+ "kleur": "^3.0.3",
+ "sisteransi": "^1.0.5"
+ },
+ "engines": {
+ "node": ">= 6"
+ }
+ },
+ "node_modules/prompts/node_modules/kleur": {
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+ "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=6"
+ }
+ },
"node_modules/react": {
"version": "19.2.5",
"resolved": "https://registry.npmjs.org/react/-/react-19.2.5.tgz",
@@ -1611,6 +2351,39 @@
"node": ">=0.10.0"
}
},
+ "node_modules/readable-stream": {
+ "version": "3.6.2",
+ "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+ "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+ "license": "MIT",
+ "dependencies": {
+ "inherits": "^2.0.3",
+ "string_decoder": "^1.1.1",
+ "util-deprecate": "^1.0.1"
+ },
+ "engines": {
+ "node": ">= 6"
+ }
+ },
+ "node_modules/rimraf": {
+ "version": "6.1.3",
+ "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-6.1.3.tgz",
+ "integrity": "sha512-LKg+Cr2ZF61fkcaK1UdkH2yEBBKnYjTyWzTJT6KNPcSPaiT7HSdhtMXQuN5wkTX0Xu72KQ1l8S42rlmexS2hSA==",
+ "license": "BlueOak-1.0.0",
+ "dependencies": {
+ "glob": "^13.0.3",
+ "package-json-from-dist": "^1.0.1"
+ },
+ "bin": {
+ "rimraf": "dist/esm/bin.mjs"
+ },
+ "engines": {
+ "node": "20 || >=22"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
"node_modules/rollup": {
"version": "4.60.1",
"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.1.tgz",
@@ -1656,6 +2429,32 @@
"fsevents": "~2.3.2"
}
},
+ "node_modules/safe-buffer": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+ "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/feross"
+ },
+ {
+ "type": "patreon",
+ "url": "https://www.patreon.com/feross"
+ },
+ {
+ "type": "consulting",
+ "url": "https://feross.org/support"
+ }
+ ],
+ "license": "MIT"
+ },
+ "node_modules/sax": {
+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/sax/-/sax-1.1.4.tgz",
+ "integrity": "sha512-5f3k2PbGGp+YtKJjOItpg3P99IMD84E4HOvcfleTb5joCHNXYLsR9yWFPOYGgaeMPDubQILTCMdsFb2OMeOjtg==",
+ "license": "ISC"
+ },
"node_modules/scheduler": {
"version": "0.27.0",
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
@@ -1672,6 +2471,56 @@
"semver": "bin/semver.js"
}
},
+ "node_modules/shebang-command": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+ "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+ "license": "MIT",
+ "dependencies": {
+ "shebang-regex": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/shebang-regex": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+ "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/signal-exit": {
+ "version": "3.0.7",
+ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+ "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+ "license": "ISC"
+ },
+ "node_modules/sisteransi": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
+ "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
+ "license": "MIT"
+ },
+ "node_modules/slice-ansi": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+ "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+ "license": "MIT",
+ "dependencies": {
+ "ansi-styles": "^4.0.0",
+ "astral-regex": "^2.0.0",
+ "is-fullwidth-code-point": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+ }
+ },
"node_modules/source-map-js": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -1682,6 +2531,84 @@
"node": ">=0.10.0"
}
},
+ "node_modules/split2": {
+ "version": "4.2.0",
+ "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+ "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+ "license": "ISC",
+ "engines": {
+ "node": ">= 10.x"
+ }
+ },
+ "node_modules/string_decoder": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+ "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+ "license": "MIT",
+ "dependencies": {
+ "safe-buffer": "~5.2.0"
+ }
+ },
+ "node_modules/string-width": {
+ "version": "4.2.3",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+ "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+ "license": "MIT",
+ "dependencies": {
+ "emoji-regex": "^8.0.0",
+ "is-fullwidth-code-point": "^3.0.0",
+ "strip-ansi": "^6.0.1"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/strip-ansi": {
+ "version": "6.0.1",
+ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+ "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+ "license": "MIT",
+ "dependencies": {
+ "ansi-regex": "^5.0.1"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/tar": {
+ "version": "7.5.16",
+ "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.16.tgz",
+ "integrity": "sha512-56adEpPMouktRlBLXiaYFFzZ/3+JXa8P9n7WbR+ibIjtviN55mEaOkiysCnPnWm+7kkui1Dn8J9l+g6zV8731w==",
+ "license": "BlueOak-1.0.0",
+ "dependencies": {
+ "@isaacs/fs-minipass": "^4.0.0",
+ "chownr": "^3.0.0",
+ "minipass": "^7.1.2",
+ "minizlib": "^3.1.0",
+ "yallist": "^5.0.0"
+ },
+ "engines": {
+ "node": ">=18"
+ }
+ },
+ "node_modules/tar/node_modules/yallist": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+ "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
+ "license": "BlueOak-1.0.0",
+ "engines": {
+ "node": ">=18"
+ }
+ },
+ "node_modules/through2": {
+ "version": "4.0.2",
+ "resolved": "https://registry.npmjs.org/through2/-/through2-4.0.2.tgz",
+ "integrity": "sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==",
+ "license": "MIT",
+ "dependencies": {
+ "readable-stream": "3"
+ }
+ },
"node_modules/tinyglobby": {
"version": "0.2.16",
"resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
@@ -1699,6 +2626,45 @@
"url": "https://github.com/sponsors/SuperchupuDev"
}
},
+ "node_modules/tree-kill": {
+ "version": "1.2.2",
+ "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+ "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+ "license": "MIT",
+ "bin": {
+ "tree-kill": "cli.js"
+ }
+ },
+ "node_modules/tslib": {
+ "version": "2.8.1",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+ "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+ "license": "0BSD"
+ },
+ "node_modules/undici-types": {
+ "version": "7.24.6",
+ "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.24.6.tgz",
+ "integrity": "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==",
+ "license": "MIT"
+ },
+ "node_modules/universalify": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+ "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 10.0.0"
+ }
+ },
+ "node_modules/untildify": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz",
+ "integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
"node_modules/update-browserslist-db": {
"version": "1.2.3",
"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
@@ -1730,6 +2696,12 @@
"browserslist": ">= 4.21.0"
}
},
+ "node_modules/util-deprecate": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+ "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+ "license": "MIT"
+ },
"node_modules/vite": {
"version": "6.4.2",
"resolved": "https://registry.npmjs.org/vite/-/vite-6.4.2.tgz",
@@ -1805,12 +2777,85 @@
}
}
},
+ "node_modules/which": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+ "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+ "license": "ISC",
+ "dependencies": {
+ "isexe": "^2.0.0"
+ },
+ "bin": {
+ "node-which": "bin/node-which"
+ },
+ "engines": {
+ "node": ">= 8"
+ }
+ },
+ "node_modules/wrap-ansi": {
+ "version": "7.0.0",
+ "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+ "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+ "license": "MIT",
+ "dependencies": {
+ "ansi-styles": "^4.0.0",
+ "string-width": "^4.1.0",
+ "strip-ansi": "^6.0.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+ }
+ },
+ "node_modules/xml2js": {
+ "version": "0.6.2",
+ "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.6.2.tgz",
+ "integrity": "sha512-T4rieHaC1EXcES0Kxxj4JWgaUQHDk+qwHcYOCFHfiwKz7tOVPLq7Hjq9dM1WCMhylqMEfP7hMcOIChvotiZegA==",
+ "license": "MIT",
+ "dependencies": {
+ "sax": ">=0.6.0",
+ "xmlbuilder": "~11.0.0"
+ },
+ "engines": {
+ "node": ">=4.0.0"
+ }
+ },
+ "node_modules/xml2js/node_modules/xmlbuilder": {
+ "version": "11.0.1",
+ "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
+ "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=4.0"
+ }
+ },
+ "node_modules/xmlbuilder": {
+ "version": "15.1.1",
+ "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-15.1.1.tgz",
+ "integrity": "sha512-yMqGBqtXyeN1e3TGYvgNgDVZ3j84W4cwkOXQswghol6APgZWaff9lnbvN7MHYJOiXsvGPXtjTYJEiC9J2wv9Eg==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=8.0"
+ }
+ },
"node_modules/yallist": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
"integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
"dev": true,
"license": "ISC"
+ },
+ "node_modules/yauzl": {
+ "version": "2.10.0",
+ "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+ "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+ "license": "MIT",
+ "dependencies": {
+ "buffer-crc32": "~0.2.3",
+ "fd-slicer": "~1.1.0"
+ }
}
}
}
diff --git a/package.json b/package.json
index b60e97b..33dd44b 100644
--- a/package.json
+++ b/package.json
@@ -1 +1 @@
-{"name":"language-app","version":"1.0.0","type":"module","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"canvas-confetti":"^1.9.4","react":"^19.0.0","react-dom":"^19.0.0"},"devDependencies":{"@types/react":"^19.0.0","@types/react-dom":"^19.0.0","@vitejs/plugin-react":"^4.3.4","vite":"^6.3.1"}}
\ No newline at end of file
+{"name":"snakkimo","version":"1.0.0","type":"module","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"@capacitor/cli":"^8.4.0","@capacitor/core":"^8.4.0","@capacitor/ios":"^8.4.0","canvas-confetti":"^1.9.4","capacitor-secure-storage-plugin":"^0.13.0","react":"^19.0.0","react-dom":"^19.0.0"},"devDependencies":{"@types/react":"^19.0.0","@types/react-dom":"^19.0.0","@vitejs/plugin-react":"^4.3.4","vite":"^6.3.1"}}
\ No newline at end of file
diff --git a/setup_auth.mjs b/setup_auth.mjs
new file mode 100644
index 0000000..0d6e34b
--- /dev/null
+++ b/setup_auth.mjs
@@ -0,0 +1,776 @@
+#!/usr/bin/env node
+// Führe aus: node setup_auth.js
+// Im Verzeichnis: /Users/tim/Documents/GitTea/Language
+
+import { writeFileSync, mkdirSync } from 'fs'
+import { join } from 'path'
+
+const ROOT = '/Users/tim/Documents/GitTea/Language'
+
+const files = {
+ // ─── .env (falls noch nicht vorhanden) ───────────────────
+ '.env': `VITE_DIRECTUS_URL=https://db.hejyou.com
+VITE_DIRECTUS_TOKEN=j6YyjhoFidnU3cI3MSrcgTXqO3t2wbZG
+`,
+
+ // ─── API Service ─────────────────────────────────────────
+ 'src/api/directus.js': `const BASE = import.meta.env.VITE_DIRECTUS_URL
+const TOKEN = import.meta.env.VITE_DIRECTUS_TOKEN
+
+const headers = {
+ 'Content-Type': 'application/json',
+ 'Authorization': \`Bearer \${TOKEN}\`,
+}
+
+export async function login(email, password) {
+ const res = await fetch(\`\${BASE}/auth/login\`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ email, password }),
+ })
+ const data = await res.json()
+ if (!res.ok) throw new Error(data.errors?.[0]?.message || 'Login fehlgeschlagen.')
+ return data.data
+}
+
+export async function getMe(userToken) {
+ const res = await fetch(
+ \`\${BASE}/users/me?fields=id,username,language_native,language_target\`,
+ { headers: { 'Authorization': \`Bearer \${userToken}\` } }
+ )
+ const data = await res.json()
+ if (!res.ok) throw new Error('Profil konnte nicht geladen werden.')
+ return data.data
+}
+
+export async function registerUser(email, password) {
+ const res = await fetch(\`\${BASE}/users\`, {
+ method: 'POST',
+ headers,
+ body: JSON.stringify({ email, password }),
+ })
+ const data = await res.json()
+ if (!res.ok) throw new Error(data.errors?.[0]?.message || 'Registrierung fehlgeschlagen.')
+ return data.data
+}
+
+export async function checkUsername(username) {
+ const clean = username.toLowerCase().replace(/[^a-z0-9_]/g, '')
+ const res = await fetch(
+ \`\${BASE}/items/users_language?filter[username_lowercases][_eq]=\${encodeURIComponent(clean)}&fields=id&limit=1\`,
+ { headers }
+ )
+ const data = await res.json()
+ return data.data?.length === 0
+}
+
+export async function createProfile({ userId, username, nativeLang, targetLang, userToken }) {
+ const clean = username.toLowerCase().replace(/[^a-z0-9_]/g, '')
+ const authHeaders = userToken
+ ? { 'Content-Type': 'application/json', 'Authorization': \`Bearer \${userToken}\` }
+ : headers
+
+ const profileRes = await fetch(\`\${BASE}/items/users_language\`, {
+ method: 'POST',
+ headers,
+ body: JSON.stringify({ username_public: username, username_lowercases: clean, status: 'published' }),
+ })
+ const profileData = await profileRes.json()
+ if (!profileRes.ok) throw new Error(profileData.errors?.[0]?.message || 'Profil konnte nicht erstellt werden.')
+ const profileId = profileData.data.id
+
+ await fetch(\`\${BASE}/users/\${userId}\`, {
+ method: 'PATCH',
+ headers: authHeaders,
+ body: JSON.stringify({ username: profileId, language_native: nativeLang, language_target: targetLang }),
+ })
+
+ await fetch(\`\${BASE}/items/users_language/\${profileId}\`, {
+ method: 'PATCH',
+ headers,
+ body: JSON.stringify({ user: userId }),
+ })
+
+ await fetch(\`\${BASE}/items/learning_pairs\`, {
+ method: 'POST',
+ headers,
+ body: JSON.stringify({
+ user: profileId,
+ language_from: nativeLang,
+ language_to: targetLang,
+ active: true,
+ current_level: 1,
+ points: 0,
+ }),
+ })
+
+ return profileId
+}
+
+export const LANGUAGE_OPTIONS = [
+ { id: '88053026-3d7e-4799-b10d-67187f7c1709', label: 'Deutsch', flag: '🇩🇪' },
+ { id: '99fbaa9d-3cac-48cb-a5e2-dcb320e913e4', label: 'Englisch', flag: '🇬🇧' },
+ { id: '25350b32-e9ab-4fec-946e-c0f11eff70dd', label: 'Schwedisch', flag: '🇸🇪' },
+]
+`,
+
+ // ─── Auth Context ─────────────────────────────────────────
+ 'src/context/AuthContext.jsx': `import { createContext, useContext, useState, useEffect } from 'react'
+import { getMe } from '../api/directus'
+
+const AuthContext = createContext(null)
+
+export function AuthProvider({ children }) {
+ const [token, setToken] = useState(() => localStorage.getItem('hejyou_token'))
+ const [user, setUser] = useState(null)
+ const [loading, setLoading] = useState(true)
+
+ useEffect(() => {
+ if (!token) { setLoading(false); return }
+ getMe(token)
+ .then(setUser)
+ .catch(() => { localStorage.removeItem('hejyou_token'); setToken(null) })
+ .finally(() => setLoading(false))
+ }, [token])
+
+ const saveToken = (t) => {
+ localStorage.setItem('hejyou_token', t)
+ setToken(t)
+ }
+
+ const logout = () => {
+ localStorage.removeItem('hejyou_token')
+ setToken(null)
+ setUser(null)
+ }
+
+ return (
+
+ {children}
+
+ )
+}
+
+export const useAuth = () => useContext(AuthContext)
+`,
+
+ // ─── UI Components ────────────────────────────────────────
+ 'src/components/auth/ui.jsx': `import { useState } from 'react'
+import styles from './auth.module.css'
+
+export function FormGroup({ label, children }) {
+ return (
+
+ {label && }
+ {children}
+
+ )
+}
+
+export function Input({ className, ...props }) {
+ return
+}
+
+export function Select({ children, ...props }) {
+ return (
+
+ )
+}
+
+export function Button({ loading, children, ...props }) {
+ return (
+
+ )
+}
+
+export function Alert({ message }) {
+ if (!message) return null
+ return {message}
+}
+
+export function StepDots({ current, total }) {
+ return (
+
+ {Array.from({ length: total }).map((_, i) => (
+
+ ))}
+
Schritt {current + 1} von {total}
+
+ )
+}
+`,
+
+ // ─── Auth CSS Module ──────────────────────────────────────
+ 'src/components/auth/auth.module.css': `:root {
+ --bg: #F5F0E8;
+ --surface: #FFFCF7;
+ --border: #E2DAD0;
+ --text: #2C2520;
+ --muted: #9A8F85;
+ --accent: #5C7A5E;
+ --accent-lt: #EAF0EA;
+ --danger: #C0544A;
+ --danger-lt: #FBF0EF;
+ --radius: 14px;
+}
+
+.formGroup { margin-bottom: 16px; }
+
+.label {
+ display: block;
+ font-size: 11px;
+ font-weight: 500;
+ color: var(--muted);
+ letter-spacing: 0.06em;
+ text-transform: uppercase;
+ margin-bottom: 6px;
+}
+
+.input {
+ width: 100%;
+ padding: 12px 14px;
+ border: 1px solid var(--border);
+ border-radius: var(--radius);
+ background: var(--bg);
+ font-family: 'DM Sans', sans-serif;
+ font-size: 15px;
+ color: var(--text);
+ outline: none;
+ transition: border-color 0.2s, box-shadow 0.2s;
+ appearance: none;
+ -webkit-appearance: none;
+}
+.input:focus {
+ border-color: var(--accent);
+ box-shadow: 0 0 0 3px rgba(92,122,94,0.12);
+ background: var(--surface);
+}
+
+.selectWrap { position: relative; }
+.selectArrow {
+ position: absolute;
+ right: 14px; top: 50%;
+ transform: translateY(-50%);
+ width: 0; height: 0;
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-top: 6px solid var(--muted);
+ pointer-events: none;
+}
+.selectWrap .input { padding-right: 36px; cursor: pointer; }
+
+.btn {
+ width: 100%;
+ padding: 13px;
+ margin-top: 8px;
+ background: var(--accent);
+ color: #fff;
+ border: none;
+ border-radius: var(--radius);
+ font-family: 'DM Sans', sans-serif;
+ font-size: 15px;
+ font-weight: 500;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 8px;
+ transition: background 0.2s, transform 0.1s;
+}
+.btn:hover { background: #4a6650; }
+.btn:active { transform: scale(0.98); }
+.btn:disabled { background: var(--border); color: var(--muted); cursor: not-allowed; }
+
+.spinner {
+ width: 14px; height: 14px;
+ border: 2px solid rgba(255,255,255,0.35);
+ border-top-color: #fff;
+ border-radius: 50%;
+ animation: spin 0.7s linear infinite;
+}
+
+.alert {
+ background: var(--danger-lt);
+ border: 1px solid #EBCBC8;
+ border-radius: var(--radius);
+ padding: 10px 14px;
+ font-size: 13px;
+ color: var(--danger);
+ margin-bottom: 16px;
+}
+
+.stepDots {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ margin-bottom: 24px;
+}
+.stepDot {
+ height: 6px;
+ border-radius: 3px;
+ transition: all 0.25s ease;
+}
+.stepLabel {
+ font-size: 11px;
+ color: var(--muted);
+ margin-left: 4px;
+}
+
+@keyframes spin { to { transform: rotate(360deg); } }
+`,
+
+ // ─── Login Form ───────────────────────────────────────────
+ 'src/components/auth/LoginForm.jsx': `import { useState } from 'react'
+import { login, getMe } from '../../api/directus'
+import { useAuth } from '../../context/AuthContext'
+import { FormGroup, Input, Button, Alert } from './ui'
+
+export default function LoginForm({ onNeedsProfile }) {
+ const { saveToken, setUser } = useAuth()
+ const [email, setEmail] = useState('')
+ const [pw, setPw] = useState('')
+ const [error, setError] = useState('')
+ const [loading, setLoading] = useState(false)
+
+ const handleSubmit = async (e) => {
+ e?.preventDefault()
+ if (!email || !pw) { setError('Bitte E-Mail und Passwort eingeben.'); return }
+ setError('')
+ setLoading(true)
+ try {
+ const { access_token } = await login(email, pw)
+ saveToken(access_token)
+ const me = await getMe(access_token)
+ setUser(me)
+ if (!me.username || !me.language_native || !me.language_target) {
+ onNeedsProfile(me.id, access_token)
+ }
+ } catch (err) {
+ setError(err.message)
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ return (
+
+ )
+}
+`,
+
+ // ─── Register Step 1 ──────────────────────────────────────
+ 'src/components/auth/RegisterStep1.jsx': `import { useState } from 'react'
+import { registerUser, login } from '../../api/directus'
+import { useAuth } from '../../context/AuthContext'
+import { FormGroup, Input, Button, Alert, StepDots } from './ui'
+
+export default function RegisterStep1({ onSuccess }) {
+ const { saveToken } = useAuth()
+ const [email, setEmail] = useState('')
+ const [pw, setPw] = useState('')
+ const [error, setError] = useState('')
+ const [loading, setLoading] = useState(false)
+
+ const handleSubmit = async (e) => {
+ e?.preventDefault()
+ if (!email || !pw) { setError('Bitte alle Felder ausfüllen.'); return }
+ if (pw.length < 8) { setError('Passwort muss mindestens 8 Zeichen haben.'); return }
+ setError('')
+ setLoading(true)
+ try {
+ const newUser = await registerUser(email, pw)
+ const { access_token } = await login(email, pw)
+ saveToken(access_token)
+ onSuccess(newUser.id, access_token)
+ } catch (err) {
+ setError(err.message)
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ return (
+
+ )
+}
+`,
+
+ // ─── Register Step 2 ──────────────────────────────────────
+ 'src/components/auth/RegisterStep2.jsx': `import { useState, useRef, useCallback } from 'react'
+import { checkUsername, createProfile, LANGUAGE_OPTIONS } from '../../api/directus'
+import { useAuth } from '../../context/AuthContext'
+import { FormGroup, Input, Select, Button, Alert, StepDots } from './ui'
+import styles from './auth.module.css'
+
+export default function RegisterStep2({ userId, userToken, onSuccess }) {
+ const { setUser } = useAuth()
+ const [username, setUsername] = useState('')
+ const [nativeLang, setNativeLang] = useState('')
+ const [targetLang, setTargetLang] = useState('')
+ const [error, setError] = useState('')
+ const [loading, setLoading] = useState(false)
+ const [usernameState, setUsernameState] = useState('idle')
+ const debounceRef = useRef(null)
+
+ const handleUsernameChange = useCallback((val) => {
+ setUsername(val)
+ setUsernameState('idle')
+ clearTimeout(debounceRef.current)
+ if (val.length < 3) return
+ setUsernameState('checking')
+ debounceRef.current = setTimeout(async () => {
+ try {
+ const available = await checkUsername(val)
+ setUsernameState(available ? 'available' : 'taken')
+ } catch { setUsernameState('idle') }
+ }, 450)
+ }, [])
+
+ const handleSubmit = async (e) => {
+ e?.preventDefault()
+ if (!username) { setError('Bitte einen Username wählen.'); return }
+ if (usernameState !== 'available') { setError('Bitte einen verfügbaren Username wählen.'); return }
+ if (!nativeLang) { setError('Bitte Muttersprache wählen.'); return }
+ if (!targetLang) { setError('Bitte Zielsprache wählen.'); return }
+ if (nativeLang === targetLang) { setError('Mutter- und Zielsprache dürfen nicht gleich sein.'); return }
+ setError('')
+ setLoading(true)
+ try {
+ await createProfile({ userId, username, nativeLang, targetLang, userToken })
+ setUser(prev => ({ ...prev, username: true, language_native: nativeLang, language_target: targetLang }))
+ onSuccess(username)
+ } catch (err) {
+ setError(err.message)
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ const statusColor = { idle: 'var(--muted)', checking: 'var(--muted)', available: 'var(--accent)', taken: 'var(--danger)' }
+ const statusText = { idle: '', checking: '…', available: '✓ verfügbar', taken: '✕ vergeben' }
+
+ return (
+
+ )
+}
+`,
+
+ // ─── Auth Screen ──────────────────────────────────────────
+ 'src/components/auth/AuthScreen.jsx': `import { useState } from 'react'
+import LoginForm from './LoginForm'
+import RegisterStep1 from './RegisterStep1'
+import RegisterStep2 from './RegisterStep2'
+import styles from './AuthScreen.module.css'
+
+function Brand() {
+ return (
+
+
+
HejYou
+
Sprachen lernen wie ein Kind
+
+ )
+}
+
+function ModeToggle({ mode, onChange }) {
+ return (
+
+ {['login', 'register'].map(m => (
+
+ ))}
+
+ )
+}
+
+function SuccessScreen({ username }) {
+ return (
+
+
+
Willkommen{username ? \`, \${username}\` : ''}!
+
Dein Abenteuer beginnt jetzt.
+
+ )
+}
+
+export default function AuthScreen() {
+ const [mode, setMode] = useState(() => localStorage.getItem('hejyou_last_mode') || 'login')
+ const [step, setStep] = useState('main')
+ const [pendingUserId, setPendingUserId] = useState(null)
+ const [pendingToken, setPendingToken] = useState(null)
+ const [successName, setSuccessName] = useState('')
+ const [showToggle, setShowToggle] = useState(true)
+
+ const handleModeChange = (m) => {
+ setMode(m)
+ localStorage.setItem('hejyou_last_mode', m)
+ setStep('main')
+ setShowToggle(true)
+ }
+
+ const handleNeedsProfile = (userId, token) => {
+ setPendingUserId(userId); setPendingToken(token)
+ setShowToggle(false); setStep('profile')
+ }
+
+ return (
+
+
+
+ {showToggle && step === 'main' && }
+ {step === 'main' && mode === 'login' && }
+ {step === 'main' && mode === 'register' && handleNeedsProfile(id, t)} />}
+ {step === 'profile' && { setSuccessName(name); setStep('success') }} />}
+ {step === 'success' && }
+
+
+ )
+}
+`,
+
+ // ─── AuthScreen CSS Module ────────────────────────────────
+ 'src/components/auth/AuthScreen.module.css': `.page {
+ min-height: 100vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 24px;
+ background: var(--bg, #F5F0E8);
+}
+
+.card {
+ background: var(--surface, #FFFCF7);
+ border: 1px solid var(--border, #E2DAD0);
+ border-radius: 24px;
+ padding: 48px 44px;
+ width: 100%;
+ max-width: 420px;
+ box-shadow: 0 2px 40px rgba(44,37,32,0.06);
+ animation: fadeUp 0.3s ease;
+}
+
+.brand { text-align: center; margin-bottom: 36px; }
+.brandMark {
+ width: 48px; height: 48px;
+ background: var(--accent, #5C7A5E);
+ border-radius: 50%;
+ margin: 0 auto 14px;
+ display: flex; align-items: center; justify-content: center;
+}
+.brandTitle {
+ font-family: 'Lora', serif;
+ font-size: 22px; font-weight: 500;
+ letter-spacing: -0.3px;
+ color: var(--text, #2C2520);
+}
+.brandSub { font-size: 13px; color: var(--muted, #9A8F85); margin-top: 4px; }
+
+.toggle {
+ display: flex;
+ background: var(--bg, #F5F0E8);
+ border: 1px solid var(--border, #E2DAD0);
+ border-radius: 10px;
+ padding: 3px; gap: 3px;
+ margin-bottom: 32px;
+}
+.toggleBtn {
+ flex: 1; padding: 8px;
+ border: none; border-radius: 8px;
+ background: transparent;
+ font-family: 'DM Sans', sans-serif;
+ font-size: 13px; font-weight: 500;
+ color: var(--muted, #9A8F85);
+ cursor: pointer;
+ transition: all 0.2s;
+}
+.toggleBtnActive {
+ background: var(--surface, #FFFCF7);
+ color: var(--text, #2C2520);
+ box-shadow: 0 1px 4px rgba(44,37,32,0.08);
+}
+
+.success { text-align: center; padding: 24px 0; }
+.successCheck {
+ width: 52px; height: 52px;
+ background: var(--accent-lt, #EAF0EA);
+ border-radius: 50%;
+ display: flex; align-items: center; justify-content: center;
+ margin: 0 auto 16px;
+}
+.successTitle {
+ font-family: 'Lora', serif;
+ font-size: 18px;
+ display: block; margin-bottom: 8px;
+}
+.successSub { font-size: 14px; color: var(--muted, #9A8F85); }
+
+@keyframes fadeUp {
+ from { opacity: 0; transform: translateY(8px); }
+ to { opacity: 1; transform: none; }
+}
+`,
+
+ // ─── App.jsx (ersetzt bestehende) ─────────────────────────
+ 'src/App.jsx': `import { AuthProvider, useAuth } from './context/AuthContext'
+import AuthScreen from './components/auth/AuthScreen'
+
+function AppContent() {
+ const { user, loading, logout } = useAuth()
+
+ if (loading) {
+ return (
+
+ )
+ }
+
+ // Nicht eingeloggt oder Profil unvollständig → Auth Screen
+ if (!user || !user.username || !user.language_native || !user.language_target) {
+ return
+ }
+
+ // ─── Eingeloggt → hier kommt dein bestehender App-Content ──
+ return (
+
+ {/* TODO: Deine bestehenden Pages/Routes hier einbauen */}
+
+ Eingeloggt ✓ — hier kommt der Feed.
+
+
+
+ )
+}
+
+export default function App() {
+ return (
+
+
+
+ )
+}
+`,
+}
+
+// Erstelle alle Verzeichnisse und schreibe Dateien
+const dirs = new Set()
+for (const path of Object.keys(files)) {
+ const parts = path.split('/')
+ for (let i = 1; i < parts.length; i++) {
+ dirs.add(join(ROOT, ...parts.slice(0, i)))
+ }
+}
+for (const dir of dirs) {
+ try { mkdirSync(dir, { recursive: true }) } catch {}
+}
+
+let written = 0
+for (const [path, content] of Object.entries(files)) {
+ const fullPath = join(ROOT, path)
+ // .env nur schreiben wenn noch nicht vorhanden
+ if (path === '.env') {
+ try {
+ const existing = await import('fs').then(m => m.readFileSync(fullPath, 'utf8'))
+ console.log('⏭ .env bereits vorhanden – übersprungen')
+ continue
+ } catch {}
+ }
+ writeFileSync(fullPath, content, 'utf8')
+ console.log(`✓ ${path}`)
+ written++
+}
+
+console.log(\`\nFertig! \${written} Dateien geschrieben.\`)
+console.log('\nJetzt starten:')
+console.log(' npm install (falls neue Abhängigkeiten fehlen)')
+console.log(' npm run dev')
diff --git a/src/App.jsx b/src/App.jsx
index 5c2e3f6..ae079ff 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -15,7 +15,7 @@ function AppContent() {
if (loading) {
return (
-
+
)
diff --git a/src/api/directus.js b/src/api/directus.js
index a8689e2..b1488c0 100644
--- a/src/api/directus.js
+++ b/src/api/directus.js
@@ -80,9 +80,11 @@ export function langById(id, options) {
// ── Feed ──────────────────────────────────────────────────────────────────────
-export async function getFeedPairs(userToken, lang = 'de', limit = 20) {
+export async function getFeedPairs(userToken, lang = 'de', limit = 20, exclude = []) {
+ const params = new URLSearchParams({ lang, limit: String(limit) })
+ if (exclude.length) params.set('exclude', exclude.join(','))
const res = await fetch(
- `${BASE}/auth/feed?lang=${encodeURIComponent(lang)}&limit=${limit}`,
+ `${BASE}/auth/feed?${params}`,
{ headers: auth(userToken) }
)
const data = await res.json()
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
new file mode 100644
index 0000000..b0a3792
--- /dev/null
+++ b/src/assets/logo.svg
@@ -0,0 +1,34 @@
+
diff --git a/src/components/PairSentenceCard.jsx b/src/components/PairSentenceCard.jsx
index 4331a72..7c8238f 100644
--- a/src/components/PairSentenceCard.jsx
+++ b/src/components/PairSentenceCard.jsx
@@ -1,6 +1,9 @@
-import { useState, useRef } from 'react'
+import { useState, useRef, useMemo } from 'react'
import confetti from 'canvas-confetti'
import usePairAudio from '../hooks/usePairAudio'
+import SelectionOverlay from './SelectionOverlay'
+import { buildChipTimings, activeChipIdAt } from '../utils/chipTimings'
+import { speak } from '../utils/speak'
import './PairCards.css'
function triggerConfetti() {
@@ -14,42 +17,6 @@ function triggerConfetti() {
})
}
-function SelectionOverlay({ chip }) {
- const sels = chip?.selections
- if (!sels?.length) return null
- const maskId = `selmask-${chip.id.slice(0, 8)}`
- const label = chip.label || ''
- const toPoints = pts => pts.map(p => `${p.x * 100},${p.y * 100}`).join(' ')
- const firstPts = sels[0].points
- const xs = firstPts.map(p => p.x * 100)
- const ys = firstPts.map(p => p.y * 100)
- const cx = (Math.min(...xs) + Math.max(...xs)) / 2
- const labelY = Math.min(Math.max(...ys) + 6, 94)
- return (
-
- )
-}
-
// Sentence format: {{label.w:uuid}} or {{label.o:uuid}}
function resolveSentence(sentence, placeholders, onChipClick, activeId) {
if (!sentence) return null
@@ -87,16 +54,7 @@ function extractVocab(sentence) {
.map(m => ({ label: m[1], id: m[2] }))
}
-// Strip placeholders to plain text for TTS
-function toPlainText(sentence) {
- if (!sentence) return ''
- return sentence
- .replace(/\{\{([^.]+)\.[wo]:[0-9a-f-]{36}\}\}/g, '$1')
- .replace(/[⟦〚]PH\d+:([^⟧〛]*)[⟧〛]/g, '$1')
-}
-
const LANG_LABELS = { sv: 'Svenska', en: 'English', de: 'Deutsch' }
-const LANG_TTS = { sv: 'sv-SE', en: 'en-US', de: 'de-DE' }
// Circumference of r=16 circle ≈ 100.53
const RING_C = 2 * Math.PI * 16
@@ -117,7 +75,17 @@ export default function PairSentenceCard({ card, onComplete }) {
const hint = stmt?.[`sentence_${native}`] || null
const pic = card.picture?.url
- const { play, playing } = usePairAudio(stmt?.audio_url)
+ const { play, playing, currentTime } = usePairAudio(stmt?.audio_url)
+
+ // Karaoke: aktives Chip aus den Audio-Timestamps ableiten, solange vorgelesen wird.
+ const timings = useMemo(
+ () => buildChipTimings(sentence, stmt?.audio_alignment),
+ [sentence, stmt?.audio_alignment],
+ )
+ const audioChipId = playing ? activeChipIdAt(timings, currentTime) : null
+ const audioObject = audioChipId && card.placeholders?.[audioChipId]?.type === 'object'
+ ? { id: audioChipId, ...card.placeholders[audioChipId] }
+ : null
const isWord = activeChip && activeChip.type === 'word'
const isObject = activeChip && activeChip.type === 'object' && activeChip.selections?.length
@@ -129,7 +97,7 @@ export default function PairSentenceCard({ card, onComplete }) {
}
function handleConfirm() {
- if (!unlocked) return
+ if (done || !unlocked) return
setDone(true)
setActiveChip(null)
triggerConfetti()
@@ -137,15 +105,10 @@ export default function PairSentenceCard({ card, onComplete }) {
}
function handlePlay() {
+ // play() liefert false, wenn kein Audio-File da ist ODER es nicht geladen
+ // werden konnte → stiller TTS-Fallback.
if (play()) { setUnlocked(true); return }
- // Fallback: Browser-TTS, falls kein Audio-File vorhanden
- if (!window.speechSynthesis || !sentence) return
- window.speechSynthesis.cancel()
- const utt = new SpeechSynthesisUtterance(toPlainText(sentence))
- utt.lang = LANG_TTS[lang] || 'de-DE'
- utt.rate = 0.9
- window.speechSynthesis.speak(utt)
- setUnlocked(true)
+ if (speak(sentence, lang)) setUnlocked(true)
}
function startHold() {
@@ -179,6 +142,7 @@ export default function PairSentenceCard({ card, onComplete }) {
)}
{isObject && }
+ {!isObject && audioObject && }
e.stopPropagation()} style={{ paddingTop: 18 }}>
@@ -189,7 +153,7 @@ export default function PairSentenceCard({ card, onComplete }) {
- {resolveSentence(sentence, card.placeholders, handleChipClick, activeChip?.id)}
+ {resolveSentence(sentence, card.placeholders, handleChipClick, audioChipId ?? activeChip?.id)}
{hint && (
pts.map(p => `${p.x * 100},${p.y * 100}`).join(' ')
- const firstPts = sels[0].points
- const xs = firstPts.map(p => p.x * 100)
- const ys = firstPts.map(p => p.y * 100)
- const cx = (Math.min(...xs) + Math.max(...xs)) / 2
- const labelY = Math.min(Math.max(...ys) + 6, 94)
- return (
-
- )
-}
-
// Sentence format: {{label.w:uuid}} or {{label.o:uuid}}
function resolveSentence(sentence, placeholders, onChipClick, activeId) {
if (!sentence) return null
@@ -106,7 +73,17 @@ export default function PairWordCard({ card, onComplete }) {
const hint = q?.[`sentence_${native}`] || null
const pic = card.picture?.url
- const { play, playing } = usePairAudio(q?.audio_url)
+ const { play, playing, currentTime } = usePairAudio(q?.audio_url)
+
+ // Karaoke: aktives Chip aus den Audio-Timestamps der Frage ableiten.
+ const timings = useMemo(
+ () => buildChipTimings(sentence, q?.audio_alignment),
+ [sentence, q?.audio_alignment],
+ )
+ const audioChipId = playing ? activeChipIdAt(timings, currentTime) : null
+ const audioObject = audioChipId && card.placeholders?.[audioChipId]?.type === 'object'
+ ? { id: audioChipId, ...card.placeholders[audioChipId] }
+ : null
const options = useMemo(() => {
const pos = (stmt?.positive_words || []).map(w => ({ ...w, correct: true }))
@@ -118,6 +95,11 @@ export default function PairWordCard({ card, onComplete }) {
setActiveChip(prev => prev?.id === id ? null : { id, ...entry })
}
+ // Audio-File abspielen; bei fehlendem/nicht ladbarem File still auf TTS zurückfallen.
+ function handlePlay() {
+ if (!play()) speak(sentence, lang)
+ }
+
function handleSelect(opt) {
if (confirmed) return
setSelectedIds(prev => {
@@ -156,14 +138,15 @@ export default function PairWordCard({ card, onComplete }) {
)}
{isObject &&
}
+ {!isObject && audioObject &&
}
e.stopPropagation()} style={{ paddingTop: 18 }}>
-
play()}>
- {resolveSentence(sentence, card.placeholders, handleChipClick, activeChip?.id)}
+
+ {resolveSentence(sentence, card.placeholders, handleChipClick, audioChipId ?? activeChip?.id)}
{hint && !confirmed && (
@@ -171,7 +154,7 @@ export default function PairWordCard({ card, onComplete }) {
)}
-
)}
{isObject &&
}
+ {!isObject && audioObject &&
}
e.stopPropagation()} style={{ paddingTop: 18 }}>
@@ -134,7 +117,7 @@ export default function PairYesNoCard({ card, onComplete }) {
play()}>
- {resolveSentence(sentence, card.placeholders, handleChipClick, activeChip?.id)}
+ {resolveSentence(sentence, card.placeholders, handleChipClick, audioChipId ?? activeChip?.id)}
{hint && !result && (
@@ -142,7 +125,7 @@ export default function PairYesNoCard({ card, onComplete }) {
)}
-
play()} title="Vorlesen">
+
diff --git a/src/components/SelectionOverlay.jsx b/src/components/SelectionOverlay.jsx
new file mode 100644
index 0000000..2f07ad2
--- /dev/null
+++ b/src/components/SelectionOverlay.jsx
@@ -0,0 +1,42 @@
+// Bildregion-Overlay für Objekt-Chips.
+// Standard: Rest des Bildes verdunkeln + Region umranden + Label (Klick-Highlight).
+// outlineOnly: nur die Region umranden, kein Verdunkeln, kein Label (Karaoke-Vorlesen).
+export default function SelectionOverlay({ chip, outlineOnly = false }) {
+ const sels = chip?.selections
+ if (!sels?.length) return null
+ const maskId = `selmask-${chip.id.slice(0, 8)}`
+ const label = chip.label || ''
+ const toPoints = pts => pts.map(p => `${p.x * 100},${p.y * 100}`).join(' ')
+ const firstPts = sels[0].points
+ const xs = firstPts.map(p => p.x * 100)
+ const ys = firstPts.map(p => p.y * 100)
+ const cx = (Math.min(...xs) + Math.max(...xs)) / 2
+ const labelY = Math.min(Math.max(...ys) + 6, 94)
+ return (
+
+ {!outlineOnly && (
+ <>
+
+
+
+ {sels.map((s, i) => )}
+
+
+
+ >
+ )}
+ {sels.map((s, i) => (
+
+ ))}
+ {!outlineOnly && label && (
+
+ {label}
+
+ )}
+
+ )
+}
diff --git a/src/components/auth/AuthScreen.jsx b/src/components/auth/AuthScreen.jsx
index dd0da60..6822620 100644
--- a/src/components/auth/AuthScreen.jsx
+++ b/src/components/auth/AuthScreen.jsx
@@ -16,14 +16,14 @@ const css = `
`
export default function AuthScreen() {
- const [mode, setMode] = useState(() => localStorage.getItem('hejyou_last_mode') || 'login')
+ const [mode, setMode] = useState(() => localStorage.getItem('snakkimo_last_mode') || 'login')
const [step, setStep] = useState('main')
const [pendingUserId, setPendingUserId] = useState(null)
const [pendingToken, setPendingToken] = useState(null)
const [successName, setSuccessName] = useState('')
const handleModeChange = (m) => {
- setMode(m); localStorage.setItem('hejyou_last_mode', m); setStep('main')
+ setMode(m); localStorage.setItem('snakkimo_last_mode', m); setStep('main')
}
const handleNeedsProfile = (userId, token) => {
@@ -33,7 +33,7 @@ export default function AuthScreen() {
return (
<>
-
+
{/* Brand */}
@@ -43,7 +43,7 @@ export default function AuthScreen() {
-
HejYou
+
Snakkimo
Sprachen lernen wie ein Kind
diff --git a/src/components/auth/LoginForm.jsx b/src/components/auth/LoginForm.jsx
index bb2685f..1d2cd0d 100644
--- a/src/components/auth/LoginForm.jsx
+++ b/src/components/auth/LoginForm.jsx
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useState, useRef } from 'react'
import { login, getMe } from '../../api/directus'
import { useAuth } from '../../context/AuthContext'
import { FormGroup, Input, Button, Alert } from './ui'
@@ -9,10 +9,13 @@ export default function LoginForm({ onNeedsProfile }) {
const [pw, setPw] = useState('')
const [error, setError] = useState('')
const [loading, setLoading] = useState(false)
+ const submittingRef = useRef(false) // race-fester Schutz gegen Doppel-Submit
const handleSubmit = async (e) => {
e?.preventDefault()
+ if (submittingRef.current) return
if (!email || !pw) { setError('Bitte E-Mail und Passwort eingeben.'); return }
+ submittingRef.current = true
setError(''); setLoading(true)
try {
const result = await login(email, pw)
@@ -27,6 +30,7 @@ export default function LoginForm({ onNeedsProfile }) {
} catch (err) {
setError(err.message)
} finally {
+ submittingRef.current = false
setLoading(false)
}
}
diff --git a/src/components/auth/RegisterStep1.jsx b/src/components/auth/RegisterStep1.jsx
index 26c39b8..9be2d2f 100644
--- a/src/components/auth/RegisterStep1.jsx
+++ b/src/components/auth/RegisterStep1.jsx
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useState, useRef } from 'react'
import { registerUser } from '../../api/directus'
import { FormGroup, Input, Button, Alert, StepDots } from './ui'
@@ -7,11 +7,14 @@ export default function RegisterStep1({ onSuccess }) {
const [pw, setPw] = useState('')
const [error, setError] = useState('')
const [loading, setLoading] = useState(false)
+ const submittingRef = useRef(false) // race-fester Schutz gegen Doppel-Submit
const handleSubmit = async (e) => {
e?.preventDefault()
+ if (submittingRef.current) return
if (!email || !pw) { setError('Bitte alle Felder ausfüllen.'); return }
if (pw.length < 8) { setError('Passwort muss mindestens 8 Zeichen haben.'); return }
+ submittingRef.current = true
setError(''); setLoading(true)
try {
const { token, userId } = await registerUser(email, pw)
@@ -19,6 +22,7 @@ export default function RegisterStep1({ onSuccess }) {
} catch (err) {
setError(err.message)
} finally {
+ submittingRef.current = false
setLoading(false)
}
}
diff --git a/src/components/auth/RegisterStep2.jsx b/src/components/auth/RegisterStep2.jsx
index 4c8ba4a..34d2f92 100644
--- a/src/components/auth/RegisterStep2.jsx
+++ b/src/components/auth/RegisterStep2.jsx
@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react'
+import { useState, useEffect, useRef } from 'react'
import { checkUsername, createProfile, getLanguageOptions, getMe } from '../../api/directus'
import { useAuth } from '../../context/AuthContext'
import { FormGroup, Input, Select, Button, Alert, StepDots } from './ui'
@@ -11,6 +11,7 @@ export default function RegisterStep2({ userId, userToken, onSuccess }) {
const [languages, setLanguages] = useState([])
const [error, setError] = useState('')
const [loading, setLoading] = useState(false)
+ const submittingRef = useRef(false) // race-fester Schutz gegen Doppel-Submit
useEffect(() => {
getLanguageOptions()
@@ -20,6 +21,7 @@ export default function RegisterStep2({ userId, userToken, onSuccess }) {
const handleSubmit = async (e) => {
e?.preventDefault()
+ if (submittingRef.current) return
if (!username || !nativeLang || !targetLang) {
setError('Bitte alle Felder ausfüllen.'); return
}
@@ -29,6 +31,7 @@ export default function RegisterStep2({ userId, userToken, onSuccess }) {
if (!/^[a-zA-Z0-9_]{3,20}$/.test(username)) {
setError('Username: 3–20 Zeichen, nur Buchstaben, Zahlen und _'); return
}
+ submittingRef.current = true
setError(''); setLoading(true)
try {
const available = await checkUsername(username, userToken)
@@ -44,6 +47,7 @@ export default function RegisterStep2({ userId, userToken, onSuccess }) {
} catch (err) {
setError(err.message)
} finally {
+ submittingRef.current = false
setLoading(false)
}
}
diff --git a/src/context/AuthContext.jsx b/src/context/AuthContext.jsx
index f7dab78..490a46d 100644
--- a/src/context/AuthContext.jsx
+++ b/src/context/AuthContext.jsx
@@ -1,23 +1,35 @@
import { createContext, useContext, useState, useEffect } from 'react'
import { getMe } from '../api/directus'
+import { getStoredToken, setStoredToken, clearStoredToken } from '../utils/secureToken'
const AuthContext = createContext(null)
export function AuthProvider({ children }) {
- const [token, setToken] = useState(() => localStorage.getItem('hejyou_token'))
+ const [token, setToken] = useState(null)
const [user, setUser] = useState(null)
const [loading, setLoading] = useState(true)
+ const [bootstrapped, setBootstrapped] = useState(false)
+ // Token einmalig aus dem sicheren Speicher laden (inkl. Migration aus localStorage).
useEffect(() => {
+ getStoredToken()
+ .then(setToken)
+ .catch(() => setToken(null))
+ .finally(() => setBootstrapped(true))
+ }, [])
+
+ // Profil laden, sobald der Token bekannt ist.
+ useEffect(() => {
+ if (!bootstrapped) return
if (!token) { setLoading(false); return }
getMe(token)
.then(setUser)
- .catch(() => { localStorage.removeItem('hejyou_token'); setToken(null) })
+ .catch(() => { clearStoredToken(); setToken(null) })
.finally(() => setLoading(false))
- }, [token])
+ }, [token, bootstrapped])
- const saveToken = (t) => { localStorage.setItem('hejyou_token', t); setToken(t) }
- const logout = () => { localStorage.removeItem('hejyou_token'); setToken(null); setUser(null) }
+ const saveToken = async (t) => { await setStoredToken(t); setToken(t) }
+ const logout = async () => { await clearStoredToken(); setToken(null); setUser(null) }
return (
diff --git a/src/hooks/usePairAudio.js b/src/hooks/usePairAudio.js
index 66b7a25..8dc1d18 100644
--- a/src/hooks/usePairAudio.js
+++ b/src/hooks/usePairAudio.js
@@ -3,25 +3,55 @@ import { useEffect, useRef, useState } from 'react'
// Nur eine Stimme gleichzeitig im Feed
let currentAudio = null
+// Reines Vorlesen wird gedrosselt (User-Wunsch). Pitch bleibt durch den
+// Browser-Default `preservesPitch` erhalten.
+const PLAYBACK_RATE = 0.7
+
export default function usePairAudio(url) {
const audioRef = useRef(null)
+ const rafRef = useRef(null)
+ const failedRef = useRef(false)
const [playing, setPlaying] = useState(false)
+ const [currentTime, setCurrentTime] = useState(0)
+ const [failed, setFailed] = useState(false)
+ const markFailed = () => { failedRef.current = true; setFailed(true) }
useEffect(() => {
if (!url) { audioRef.current = null; return }
+ failedRef.current = false
+ setFailed(false)
const audio = new Audio(url)
audio.preload = 'auto'
- const onPlay = () => setPlaying(true)
- const onStop = () => setPlaying(false)
+ audio.playbackRate = PLAYBACK_RATE
+
+ // currentTime ~30fps mitschreiben, solange das Audio läuft (für Karaoke-Sync).
+ let lastTick = 0
+ const tick = (ts) => {
+ if (ts - lastTick >= 33) { lastTick = ts; setCurrentTime(audio.currentTime) }
+ rafRef.current = requestAnimationFrame(tick)
+ }
+ const stopLoop = () => {
+ if (rafRef.current) { cancelAnimationFrame(rafRef.current); rafRef.current = null }
+ }
+
+ const onPlay = () => { setPlaying(true); stopLoop(); rafRef.current = requestAnimationFrame(tick) }
+ const onStop = () => { setPlaying(false); stopLoop(); setCurrentTime(audio.currentTime) }
+ const onEnded = () => { setPlaying(false); stopLoop(); setCurrentTime(0) }
+ // Netz-/Decode-Fehler eines vorhandenen Files → File gilt als nicht abspielbar,
+ // damit play() den TTS-Fallback der Karte greifen lässt.
+ const onError = () => { setPlaying(false); stopLoop(); markFailed() }
audio.addEventListener('play', onPlay)
audio.addEventListener('pause', onStop)
- audio.addEventListener('ended', onStop)
+ audio.addEventListener('ended', onEnded)
+ audio.addEventListener('error', onError)
audioRef.current = audio
return () => {
+ stopLoop()
audio.pause()
audio.removeEventListener('play', onPlay)
audio.removeEventListener('pause', onStop)
- audio.removeEventListener('ended', onStop)
+ audio.removeEventListener('ended', onEnded)
+ audio.removeEventListener('error', onError)
if (currentAudio === audio) currentAudio = null
audio.src = ''
audioRef.current = null
@@ -30,13 +60,16 @@ export default function usePairAudio(url) {
function play() {
const audio = audioRef.current
- if (!audio) return false
+ if (!audio || failedRef.current) return false
if (currentAudio && currentAudio !== audio) currentAudio.pause()
currentAudio = audio
audio.currentTime = 0
- audio.play().catch(() => {})
+ audio.playbackRate = PLAYBACK_RATE
+ // AbortError = von einem pause() unterbrochen (harmlos); echte Quell-/Decode-Fehler
+ // markieren das File als nicht abspielbar → Karte fällt auf TTS zurück.
+ audio.play().catch((err) => { if (err?.name !== 'AbortError') markFailed() })
return true
}
- return { play, playing }
+ return { play, playing, currentTime, failed }
}
diff --git a/src/index.css b/src/index.css
index 82af39b..c9d3eb1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -67,12 +67,25 @@
box-sizing: border-box;
}
+html {
+ height: 100%;
+ width: 100%;
+ position: fixed;
+ inset: 0;
+ overflow: hidden;
+ overscroll-behavior: none;
+}
+
body {
font-family: var(--font-ui);
background: var(--bg);
color: var(--text);
height: 100dvh;
+ width: 100%;
+ position: fixed;
+ inset: 0;
overflow: hidden;
+ overscroll-behavior: none;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
diff --git a/src/pages/Feed.css b/src/pages/Feed.css
index 7b72451..b763108 100644
--- a/src/pages/Feed.css
+++ b/src/pages/Feed.css
@@ -2,15 +2,17 @@
height: 100%;
background: var(--bg);
overflow-y: auto;
+ overflow-x: hidden;
+ overscroll-behavior: contain;
scroll-snap-type: y mandatory;
-webkit-overflow-scrolling: touch;
+ padding-top: calc(var(--sp-4) + env(safe-area-inset-top));
}
.feed-slot {
- scroll-snap-align: start;
- min-height: 100%;
+ scroll-snap-align: center;
display: flex;
- align-items: flex-start;
+ align-items: center;
justify-content: center;
padding: var(--sp-4) var(--sp-5);
padding-bottom: var(--sp-5);
@@ -26,6 +28,12 @@
font-weight: 600;
}
+/* Trigger für Infinite Scroll – unsichtbar, kein eigener Snap-Punkt. */
+.feed-sentinel {
+ height: 1px;
+ flex-shrink: 0;
+}
+
/* EP-Badge + Tagesziel-Ring */
.ep-badge {
position: sticky;
diff --git a/src/pages/Feed.jsx b/src/pages/Feed.jsx
index 3e88f14..2179789 100644
--- a/src/pages/Feed.jsx
+++ b/src/pages/Feed.jsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useState, useRef, useCallback } from 'react'
import './Feed.css'
import { useAuth } from '../context/AuthContext'
import { getFeedPairs, saveProgress, getUserProgress, getStats } from '../api/directus'
@@ -9,6 +9,7 @@ import PairWordCard from '../components/PairWordCard'
// Points per answer_type
const POINTS = { text: 2, yes_no: 2, word: 3, question: 3 }
+const PAGE_SIZE = 20
function buildCard(pair) {
return {
@@ -24,18 +25,29 @@ export default function Feed() {
const [done, setDone] = useState(new Set())
const [loading, setLoading] = useState(true)
const [empty, setEmpty] = useState(false)
+ const [loadingMore, setLoadingMore] = useState(false)
+ const [exhausted, setExhausted] = useState(false)
const [totalEp, setTotalEp] = useState(null)
const [daily, setDaily] = useState(null) // { ep, daily_goal_ep } – wenn /auth/stats verfügbar
+ // Refs für den Nachlade-Pfad: Re-Entrancy-Schutz + immer aktuelle Kartenliste
+ // (Closure im IntersectionObserver wäre sonst veraltet).
+ const loadingMoreRef = useRef(false)
+ const exhaustedRef = useRef(false)
+ const cardsRef = useRef(cards)
+ cardsRef.current = cards
+ const sentinelRef = useRef(null)
+
// Target language from user profile, fall back to 'de'
const lang = user?.language_target_short || 'de'
useEffect(() => {
- getFeedPairs(token, lang, 20)
+ getFeedPairs(token, lang, PAGE_SIZE)
.then(pairs => {
const built = pairs.map(buildCard)
setCards(built)
setEmpty(built.length === 0)
+ if (built.length < PAGE_SIZE) { exhaustedRef.current = true; setExhausted(true) }
})
.catch(err => { console.error('Feed load error', err); setEmpty(true) })
.finally(() => setLoading(false))
@@ -51,6 +63,41 @@ export default function Feed() {
.catch(() => {})
}, [token])
+ // Weitere Karten nachladen: schon geladene (inkl. erledigte) Pair-IDs ausschließen.
+ // Leere Antwort → Server hat keine weiteren Karten → erschöpft.
+ const loadMore = useCallback(async () => {
+ if (loadingMoreRef.current || exhaustedRef.current) return
+ loadingMoreRef.current = true
+ setLoadingMore(true)
+ try {
+ const known = new Set(cardsRef.current.map(c => c.meta.pairId))
+ const pairs = await getFeedPairs(token, lang, PAGE_SIZE, [...known])
+ const fresh = pairs.filter(p => !known.has(p.id)).map(buildCard)
+ if (fresh.length) setCards(prev => [...prev, ...fresh])
+ if (!fresh.length || pairs.length < PAGE_SIZE) { exhaustedRef.current = true; setExhausted(true) }
+ } catch (err) {
+ console.error('Feed loadMore error', err)
+ } finally {
+ loadingMoreRef.current = false
+ setLoadingMore(false)
+ }
+ }, [token, lang])
+
+ // Infinite Scroll: lädt nach, sobald der Sentinel in die Nähe des Sichtbereichs kommt.
+ // Großzügiger rootMargin, weil scroll-snap-mandatory einen winzigen End-Sentinel
+ // sonst schwer erreichbar macht.
+ useEffect(() => {
+ if (loading || exhausted) return
+ const el = sentinelRef.current
+ if (!el) return
+ const io = new IntersectionObserver(
+ (entries) => { if (entries[0].isIntersecting) loadMore() },
+ { root: el.closest('.feed'), rootMargin: '300px' },
+ )
+ io.observe(el)
+ return () => io.disconnect()
+ }, [loading, exhausted, loadMore])
+
function handleComplete(item, result) {
setDone(prev => new Set([...prev, item.meta.pairId]))
const correct = result === 'correct'
@@ -77,14 +124,10 @@ export default function Feed() {
)
}
- if (empty || visible.length === 0) {
+ if (empty) {
return (
-
- {cards.length === 0
- ? 'Noch keine Inhalte verfügbar.'
- : 'Super! Alle Karten abgeschlossen. 🎉'}
-
+
Noch keine Inhalte verfügbar.
)
}
@@ -119,6 +162,11 @@ export default function Feed() {
)
})}
+
+ {/* Nachlade-Bereich */}
+ {!exhausted && }
+ {loadingMore && Lade weitere Karten…
}
+ {exhausted && Super! Alle Karten abgeschlossen. 🎉
}
)
}
diff --git a/src/pages/Profil.css b/src/pages/Profil.css
index 2e967a7..e8ad47a 100644
--- a/src/pages/Profil.css
+++ b/src/pages/Profil.css
@@ -2,14 +2,14 @@
.profil {
min-height: 100%;
background: var(--bg);
- padding: 0 var(--sp-4) var(--sp-6);
+ padding: env(safe-area-inset-top) var(--sp-4) var(--sp-6);
overflow-y: auto;
position: relative;
}
.profil-logout {
position: absolute;
- top: 20px;
+ top: calc(env(safe-area-inset-top) + 20px);
right: 4px;
background: none;
border: none;
@@ -37,11 +37,9 @@
.avatar-ring {
width: 64px; height: 64px;
border-radius: 50%;
- background: conic-gradient(from 0deg, var(--bg), var(--gold), var(--accent), var(--border), var(--bg));
- animation: spin-ring 6s linear infinite;
+ background: var(--border-soft);
padding: 2px;
}
-@keyframes spin-ring { to { transform: rotate(360deg); } }
.avatar-inner {
width: 100%; height: 100%;
@@ -59,26 +57,6 @@
font-size: 18px; font-weight: 800; color: #F5EFE6; letter-spacing: 1px;
}
-.online-dot {
- position: absolute; bottom: 2px; right: 2px;
- width: 11px; height: 11px;
- background: var(--success);
- border-radius: 50%;
- border: 2px solid var(--bg);
- z-index: 2;
-}
-.online-dot::after {
- content: '';
- position: absolute; inset: -4px;
- border-radius: 50%;
- border: 2px solid var(--success);
- animation: pulse-ring 2s ease-out infinite;
-}
-@keyframes pulse-ring {
- 0% { opacity: 0.6; transform: scale(0.8); }
- 100% { opacity: 0; transform: scale(1.8); }
-}
-
.avatar-level-badge {
position: absolute; top: -4px; right: -6px; z-index: 3;
filter: drop-shadow(0 1px 3px rgba(74, 55, 40, 0.3));
@@ -86,7 +64,7 @@
.profil-info { display: flex; flex-direction: column; gap: 2px; }
.profil-name { font-family: var(--font-display); font-size: 19px; font-weight: 700; color: var(--text); }
-.profil-handle { font-size: 12px; color: var(--accent); }
+.profil-learning { font-size: 12px; color: var(--text-muted); font-weight: 600; }
.profil-streak { font-size: 12px; color: #C4853A; margin-top: 4px; font-weight: 700; }
/* ── Cards ──────────────────────────────────────────────────── */
@@ -148,14 +126,13 @@
.weekbar-label { font-size: 10px; font-weight: 700; color: var(--text-soft); }
.weekbar-label.today { color: var(--accent); }
-/* ── Heatmap ── */
-.heatmap { display: flex; gap: 4px; justify-content: space-between; }
-.heatmap-col { display: flex; flex-direction: column; gap: 4px; flex: 1; }
+/* ── Heatmap (kompakt) ── */
+.heatmap { display: flex; gap: 3px; justify-content: center; }
+.heatmap-col { display: flex; flex-direction: column; gap: 3px; flex: 0 0 auto; }
.heatmap-cell {
display: block;
- width: 100%;
- aspect-ratio: 1 / 1;
- border-radius: 3px;
+ width: 13px; height: 13px;
+ border-radius: 2px;
background: var(--surface-sunk);
}
.heatmap-cell.lvl-0 { background: var(--surface-sunk); }
@@ -171,6 +148,16 @@
}
.heatmap-legend .heatmap-cell { width: 11px; height: 11px; }
+/* ── Kategorien ── */
+.cat-list { display: flex; flex-direction: column; gap: var(--sp-3); }
+.cat-row { display: flex; flex-direction: column; gap: 6px; }
+.cat-head { display: flex; align-items: center; gap: var(--sp-2); }
+.cat-dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }
+.cat-label { flex: 1; font-size: 13px; font-weight: 700; color: var(--text); }
+.cat-points { font-size: 12px; font-weight: 800; color: var(--accent); }
+.cat-bar { height: 6px; width: 100%; background: var(--surface-2); border-radius: var(--r-pill); overflow: hidden; }
+.cat-bar-fill { height: 100%; border-radius: var(--r-pill); transition: width 0.6s var(--ease); }
+
/* ── Eckdaten ── */
.stat-grid { display: flex; gap: var(--sp-2); margin-bottom: var(--sp-3); }
.stat-tile {
diff --git a/src/pages/Profil.jsx b/src/pages/Profil.jsx
index f8be9f7..fca003e 100644
--- a/src/pages/Profil.jsx
+++ b/src/pages/Profil.jsx
@@ -4,6 +4,9 @@ import { useAuth } from '../context/AuthContext'
import { getProfilData, getStats, getLanguageOptions, langById } from '../api/directus'
import ProgressRing from '../components/ProgressRing'
+// Erdige Palette für die Kategorie-Dots/Balken (harmoniert mit dem Profil-Theme)
+const CAT_COLORS = ['#C4A85A', '#7A5C3A', '#3D7055', '#B5732E', '#5B7DB1', '#9C5A8A']
+
function LogoutButton() {
const { logout } = useAuth()
return (
@@ -142,6 +145,7 @@ export default function Profil() {
const displayName = profil?.username || user?.username || '…'
const initials = displayName.slice(0, 2).toUpperCase()
+ const greeting = profil?.language_target_greeting || 'Hallo'
const points = profil?.total_ep ?? user?.total_ep ?? 0
const level = profil?.level ?? Math.floor(points / 500)
const epIntoLevel = points - level * 500
@@ -160,6 +164,8 @@ export default function Profil() {
const skills = stats?.skills || []
const hasSkillData = skills.some(s => s.seen > 0)
const accuracyPct = totals ? Math.round((totals.accuracy || 0) * 100) : null
+ const categories = stats?.categories || []
+ const maxCatPoints = Math.max(1, ...categories.map(c => c.points))
return (
@@ -171,7 +177,6 @@ export default function Profil() {
-
@@ -185,8 +190,8 @@ export default function Profil() {
-
{displayName}
-
@{displayName.toLowerCase()}
+
{greeting}, {displayName}
+
lernt {langLabel}
{streak > 0 && (
🔥 {streak} Tag{streak !== 1 ? 'e' : ''} Streak
)}
@@ -230,6 +235,35 @@ export default function Profil() {
)}
+ {/* ── Kategorien (Punkte je Thema) ── */}
+ {stats && (
+
+
KATEGORIEN
+ {categories.length ? (
+
+ {categories.map((c, i) => {
+ const color = CAT_COLORS[i % CAT_COLORS.length]
+ return (
+
+
+
+ {c.label || 'Allgemein'}
+ {c.points} P
+
+
+
+ )
+ })}
+
+ ) : (
+
Sammle Punkte — deine Themen erscheinen hier.
+ )}
+
+ )}
+
{/* ── Streak-Kalender ── */}
{stats && (
diff --git a/src/utils/chipTimings.js b/src/utils/chipTimings.js
new file mode 100644
index 0000000..134bf42
--- /dev/null
+++ b/src/utils/chipTimings.js
@@ -0,0 +1,48 @@
+// Karaoke-Timing: aus dem Satz + ElevenLabs-`alignment` pro Wort-/Objekt-Chip
+// ein Zeitfenster (Medienzeit in Sekunden) berechnen, damit beim Vorlesen das
+// gerade gesprochene Chip markiert werden kann.
+//
+// alignment-Format (ElevenLabs /with-timestamps):
+// { characters: string[],
+// character_start_times_seconds: number[],
+// character_end_times_seconds: number[] }
+// `characters.join('')` entspricht dem vertonten Klartext (Platzhalter durch Labels ersetzt).
+
+const CHIP_RE = /\{\{([^.]+)\.(w|o):([0-9a-f-]{36})\}\}/g
+
+// Liefert [{ id, label, start, end }] – ein Eintrag pro Chip-Vorkommen im Satz.
+export function buildChipTimings(sentence, alignment) {
+ if (!sentence || !alignment) return []
+ const chars = alignment.characters
+ const starts = alignment.character_start_times_seconds
+ const ends = alignment.character_end_times_seconds
+ if (!Array.isArray(chars) || !Array.isArray(starts) || !Array.isArray(ends) || !chars.length) return []
+
+ const plain = chars.join('')
+ // Satz in derselben Reihenfolge nach Chip-Tokens absuchen; Labels sequenziell
+ // im Klartext lokalisieren (toleriert kleine Whitespace-Unterschiede).
+ const timings = []
+ let cursor = 0
+ for (const m of sentence.matchAll(CHIP_RE)) {
+ const label = m[1]
+ const id = m[3]
+ const startIdx = plain.indexOf(label, cursor)
+ if (startIdx === -1) continue
+ const endIdx = startIdx + label.length - 1
+ cursor = endIdx + 1
+ const start = starts[startIdx]
+ const end = ends[Math.min(endIdx, ends.length - 1)]
+ if (typeof start !== 'number' || typeof end !== 'number') continue
+ timings.push({ id, label, start, end })
+ }
+ return timings
+}
+
+// Id des Chips, dessen Zeitfenster t (Sekunden) enthält – sonst null.
+export function activeChipIdAt(timings, t) {
+ if (!timings?.length || typeof t !== 'number') return null
+ for (const c of timings) {
+ if (t >= c.start && t < c.end) return c.id
+ }
+ return null
+}
diff --git a/src/utils/secureToken.js b/src/utils/secureToken.js
new file mode 100644
index 0000000..9c1bd90
--- /dev/null
+++ b/src/utils/secureToken.js
@@ -0,0 +1,40 @@
+// Sicherer Token-Speicher: iOS-Keychain (nativ, nicht aus dem WebView lesbar),
+// im Browser-Dev fällt das Plugin auf localStorage zurück.
+import { SecureStoragePlugin } from 'capacitor-secure-storage-plugin'
+
+const KEY = 'snakkimo_token'
+const LEGACY_LS_KEY = 'hejyou_token' // Alt-Token aus der localStorage-Ära
+
+// get() wirft, wenn der Key fehlt → als "kein Token" behandeln.
+async function rawGet() {
+ try {
+ const { value } = await SecureStoragePlugin.get({ key: KEY })
+ return value || null
+ } catch {
+ return null
+ }
+}
+
+export async function setStoredToken(token) {
+ await SecureStoragePlugin.set({ key: KEY, value: token })
+}
+
+export async function clearStoredToken() {
+ try { await SecureStoragePlugin.remove({ key: KEY }) } catch {}
+}
+
+// Token aus dem sicheren Speicher lesen. Migriert dabei einmalig einen evtl. noch
+// in localStorage liegenden Alt-Token, damit eingeloggte Nutzer eingeloggt bleiben.
+export async function getStoredToken() {
+ const existing = await rawGet()
+ if (existing) return existing
+ try {
+ const legacy = localStorage.getItem(LEGACY_LS_KEY)
+ if (legacy) {
+ await setStoredToken(legacy)
+ localStorage.removeItem(LEGACY_LS_KEY)
+ return legacy
+ }
+ } catch { /* localStorage nicht verfügbar – ignorieren */ }
+ return null
+}
diff --git a/src/utils/speak.js b/src/utils/speak.js
new file mode 100644
index 0000000..17c151b
--- /dev/null
+++ b/src/utils/speak.js
@@ -0,0 +1,23 @@
+// Browser-TTS-Fallback fürs Vorlesen, wenn kein (ladbares) Audio-File vorhanden ist.
+
+const LANG_TTS = { sv: 'sv-SE', en: 'en-US', de: 'de-DE' }
+
+// {{label.w/o:uuid}} und ⟦PHn:wort⟧-Tokens auf reinen Text reduzieren.
+export function toPlainText(sentence) {
+ if (!sentence) return ''
+ return sentence
+ .replace(/\{\{([^.]+)\.[wo]:[0-9a-f-]{36}\}\}/g, '$1')
+ .replace(/[⟦〚]PH\d+:([^⟧〛]*)[⟧〛]/g, '$1')
+}
+
+// Liest den Satz per SpeechSynthesis vor. Gibt true zurück, wenn tatsächlich
+// vorgelesen wurde (für Karten, die daran ein Unlock koppeln).
+export function speak(sentence, lang) {
+ if (!window.speechSynthesis || !sentence) return false
+ window.speechSynthesis.cancel()
+ const utt = new SpeechSynthesisUtterance(toPlainText(sentence))
+ utt.lang = LANG_TTS[lang] || 'de-DE'
+ utt.rate = 0.7
+ window.speechSynthesis.speak(utt)
+ return true
+}