fix(audit): mobile critique + sécurité mobile + verifyMobileToken async
All checks were successful
CI / Lint, Unit Tests & Build (push) Successful in 5m21s
CI / Deploy production (on server) (push) Successful in 23s

Mobile fixes (CRITIQUE):
- theme.ts: C.surface + emerald/blue/amber/purple ajoutés (crash Révision fix)
- note/[id].tsx: édition préserve le HTML (titre seulement, contenu read-only)
  + message explicatif 'utilisez la version web'
- store.ts: logout appelle POST /api/mobile/auth/logout avant clearToken

Mobile auth (SÉCURITÉ):
- Nouvelle route /api/mobile/auth/logout — blacklist Redis du token (TTL 90j)
- verifyMobileToken devient async + check Redis blacklist
- getMobileUserId devient async

Note: Publication IA mode + templates déjà dans note-editor-toolbar.tsx (pas manquant)
Note: Structured Views Wizard déjà branché via StructuredViewsIntro (pas orphelin)
This commit is contained in:
Antigravity
2026-07-05 16:30:01 +00:00
parent d586048b52
commit df2b9c2c7b
5 changed files with 47 additions and 14 deletions

View File

@@ -158,7 +158,6 @@ export default function NoteScreen() {
const handleEdit = () => { const handleEdit = () => {
if (!note) return if (!note) return
setEditTitle(note.title) setEditTitle(note.title)
setEditContent(htmlToPlainText(note.content ?? ''))
setEditMode(true) setEditMode(true)
} }
@@ -168,10 +167,10 @@ export default function NoteScreen() {
try { try {
const res = await apiFetch(ENDPOINTS.note(note.id), { const res = await apiFetch(ENDPOINTS.note(note.id), {
method: 'PUT', method: 'PUT',
body: JSON.stringify({ title: editTitle.trim(), content: editContent }), body: JSON.stringify({ title: editTitle.trim() }),
}) })
if (!res.ok) throw new Error('Erreur de sauvegarde') if (!res.ok) throw new Error('Erreur de sauvegarde')
setNote((prev) => prev ? { ...prev, title: editTitle.trim(), content: editContent } : prev) setNote((prev) => prev ? { ...prev, title: editTitle.trim() } : prev)
setEditMode(false) setEditMode(false)
} catch (e: any) { } catch (e: any) {
Alert.alert('Erreur', e.message) Alert.alert('Erreur', e.message)
@@ -257,20 +256,21 @@ export default function NoteScreen() {
/> />
)} )}
{/* Mode édition */} {/* Mode édition — titre uniquement, contenu preserve HTML */}
{note && editMode && ( {note && editMode && (
<View style={{ flex: 1 }}> <View style={{ flex: 1 }}>
<TextInput value={editTitle} onChangeText={setEditTitle} style={s.editTitle} placeholder="Titre…" placeholderTextColor={C.border} /> <TextInput value={editTitle} onChangeText={setEditTitle} style={s.editTitle} placeholder="Titre…" placeholderTextColor={C.border} autoFocus />
<View style={s.editDivider} /> <View style={s.editDivider} />
<TextInput value={editContent} onChangeText={setEditContent} style={s.editContent} placeholder="Contenu…" placeholderTextColor={C.concrete} multiline textAlignVertical="top" scrollEnabled /> <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center', paddingHorizontal: 20 }}>
<Text style={{ fontSize: 14, color: C.concrete, textAlign: 'center', lineHeight: 22 }}>
Le contenu enrichi ne peut pas être édité depuis mobile.{`\n\n`}Utilisez la version web pour modifier le texte.
</Text>
</View>
{/* Barre outils */} {/* Barre outils */}
<View style={s.toolbar}> <View style={s.toolbar}>
<MicButton state={audioState} onPress={handleMic} /> <TouchableOpacity onPress={handleSave} disabled={saving} style={[s.aiBtn, { flex: 1, justifyContent: 'center' }]} activeOpacity={0.8}>
{audioState === 'recording' <Text style={s.aiBtnText}>{saving ? 'Sauvegarde…' : 'Enregistrer le titre'}</Text>
? <Text style={s.recordHint}> Enregistrement Appuyez pour arrêter</Text> </TouchableOpacity>
: <TouchableOpacity onPress={() => setAiSheetOpen(true)} disabled={!editContent.trim()} style={[s.aiBtn, !editContent.trim() && { opacity: 0.35 }]} activeOpacity={0.8}>
<Text style={s.aiBtnText}> Améliorer avec l'IA</Text>
</TouchableOpacity>}
</View> </View>
</View> </View>
)} )}

View File

@@ -43,6 +43,7 @@ export const useAuthStore = create<AuthState>((set) => ({
}, },
logout: async () => { logout: async () => {
try { await apiFetch(ENDPOINTS.logout, { method: 'POST' }) } catch {}
await clearToken() await clearToken()
set({ user: null }) set({ user: null })
}, },

View File

@@ -6,7 +6,13 @@ export const C = {
concrete: '#8A8A82', concrete: '#8A8A82',
border: '#E8E6E0', border: '#E8E6E0',
white: '#FFFFFF', white: '#FFFFFF',
surface: '#F5F4F0',
rose: '#e11d48', rose: '#e11d48',
roseBg: '#fff1f2', roseBg: '#fff1f2',
roseBorder: '#fecdd3', roseBorder: '#fecdd3',
emerald: '#10b981',
emeraldBg: '#ecfdf5',
blue: '#3b82f6',
amber: '#f59e0b',
purple: '#8b5cf6',
} }

View File

@@ -0,0 +1,19 @@
import { NextResponse } from 'next/server'
import { getMobileUserId } from '@/lib/mobile-auth'
import { redis } from '@/lib/redis'
export async function POST(req: Request) {
const userId = getMobileUserId(req)
if (!userId) return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
const auth = req.headers.get('Authorization') ?? ''
const token = auth.startsWith('Bearer ') ? auth.slice(7) : ''
if (token) {
try {
await redis.setex(`mobile:revoked:${token}`, 90 * 24 * 60 * 60, '1')
} catch {}
}
return NextResponse.json({ success: true })
}

View File

@@ -19,8 +19,15 @@ export function createMobileToken(userId: string): string {
return Buffer.from(`${payload}:${sig}`).toString('base64url') return Buffer.from(`${payload}:${sig}`).toString('base64url')
} }
export function verifyMobileToken(token: string): string | null { export async function verifyMobileToken(token: string): Promise<string | null> {
try { try {
// Check Redis blacklist first (non-blocking — if Redis is down, allow)
try {
const { redis } = await import('@/lib/redis')
const revoked = await redis.get(`mobile:revoked:${token}`)
if (revoked) return null
} catch {}
const decoded = Buffer.from(token, 'base64url').toString('utf-8') const decoded = Buffer.from(token, 'base64url').toString('utf-8')
const lastColon = decoded.lastIndexOf(':') const lastColon = decoded.lastIndexOf(':')
if (lastColon === -1) return null if (lastColon === -1) return null
@@ -41,7 +48,7 @@ export function verifyMobileToken(token: string): string | null {
} }
} }
export function getMobileUserId(request: Request): string | null { export async function getMobileUserId(request: Request): Promise<string | null> {
const auth = request.headers.get('Authorization') const auth = request.headers.get('Authorization')
if (!auth?.startsWith('Bearer ')) return null if (!auth?.startsWith('Bearer ')) return null
return verifyMobileToken(auth.slice(7)) return verifyMobileToken(auth.slice(7))