feat(r4.1): socle mobile Expo — connexion démo, Ma journée, lecture hors-ligne

apps/mobile (Expo SDK 57, TS strict, workspace pnpm) : connexion
e-mail/mdp + sélecteur démo ADR-002 (uniquement si l'API l'expose),
tabbar de la maquette validée (onglets futurs marqués R4.2/R4.3),
« Ma journée » triée priorité puis échéance (fonction pure testée),
urgence en tête, pastille de synchro.

D1 en actes (lecture) : cache TanStack persisté dans AsyncStorage
(7 jours), NetInfo → onlineManager + bandeau hors-ligne horodaté ;
jeton en SecureStore ; tokens light/dark répliqués et testés ; client
typé régénéré depuis docs/openapi.json (règle d'or).

API : CORS_ORIGINS opt-in (vide par défaut) — Expo web/debug seulement,
le web de prod reste derrière le proxy, les apps natives n'ont pas
d'Origin.

Vérifié 10/10 en Expo web piloté (connexion démo Ahmed → Ma journée
scopée → hors-ligne servie du cache → retour) ; 6 tests jest-expo ;
lint racine étendu (react-hooks) ; job CI mobile, deploy en dépend.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
pr-daaif
2026-07-17 03:12:34 +01:00
parent 2736a2f3a1
commit 5c8d5aac92
39 changed files with 9873 additions and 22 deletions

View File

@@ -0,0 +1,40 @@
import { Text, View } from 'react-native';
import { useTokens } from '@/theme/tokens';
/** Écran futur du périmètre R4 annoncé — même patron que la sidebar web :
* visible, honnête sur sa release, jamais un cul-de-sac silencieux. */
export function AVenir({ titre, release, detail }: { titre: string; release: string; detail: string }) {
const t = useTokens();
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center', padding: 32, gap: 8 }}>
<Text style={{ fontFamily: 'Manrope_800ExtraBold', fontSize: 18, color: t.encre }}>
{titre}
</Text>
<Text
style={{
fontFamily: 'Manrope_700Bold',
fontSize: 11,
color: t.safran,
backgroundColor: t.safranDoux,
paddingHorizontal: 10,
paddingVertical: 3,
borderRadius: 999,
overflow: 'hidden',
}}
>
Disponible en {release}
</Text>
<Text
style={{
fontFamily: 'Manrope_400Regular',
fontSize: 13,
color: t.encre2,
textAlign: 'center',
maxWidth: 280,
}}
>
{detail}
</Text>
</View>
);
}