davideandClaude Opus 5
f687322c3f
Rilettura completa della documentazione confrontata con il codice. Dove la doc diceva il falso l'ho corretta; dove aveva ragione lei ho corretto il codice. Autovoto (la doc aveva ragione) - migration m12_niente_autovoto: vincoli mvp_no_autovoto e badge_social_no_autovoto, gli stessi che pagelle_voti ha dalla v1.0. Le righe che li violano vengono cancellate prima dell'ALTER, altrimenti fallisce; in locale non ce n'erano. M11 garantisce solo che il voto sia firmato con il proprio votante_id, non che il votato sia un altro: eleggersi MVP restava a un POST di distanza. - VotazioneMvp non mostra più il votante nell'elenco, come già faceva VotoSocial. Test che guardavano la colonna sbagliata - scritture.test.ts verificava che aggiornato_il si muovesse, chiamandolo "quello che alimenta la serie di conferme". È l'opposto: la serie usa risposto_il, che il trigger di M9 deve tenere fermo. Ora il test prova a riscriverlo e controlla che il database abbia tenuto la prima risposta; prima passava anche senza trigger. - destinatariSollecito() esce dalla route sollecita-presenze e diventa una funzione pura in presenze.ts, con i suoi test — stesso trattamento di avvisiPalloniEvento. Tre riletture in meno - giocatori-squadra, scout-store e avatar-store usavano invalidateQueries dove il dato scritto era già noto: ora setQueryData, come il resto dell'app. Resta scout-live, dove il lock può averlo vinto un altro dispositivo. Documentazione riallineata - presenze.md, badge.md, mvp.md: i limiti su RLS aperta e route non autenticata erano superati da M11 e DD-024; - serie-presenze.md: il filtro è e.data < oggi, non <=, e l'evento di oggi non conta (conterebbe come assenza per tutti); aggiunta la tabella risposto_il/aggiornato_il; - ARCHITECTURE.md ed EFFICIENZA_CLOUD.md: una sola eccezione a setQueryData; - DATABASE.md: i vincoli delle tre tabelle di voto; - PROJECT_STATE.md: fermo a M9, ora arriva a M12. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
94 lines
3.0 KiB
TypeScript
94 lines
3.0 KiB
TypeScript
import { useQuery, useQueryClient } from "@tanstack/react-query";
|
|
import { supabase } from "@/integrations/supabase/client";
|
|
|
|
const BUCKET = "avatar-giocatori";
|
|
const NOME_FILE = "avatar.jpg";
|
|
|
|
function percorso(id: string) {
|
|
return `${id}/${NOME_FILE}`;
|
|
}
|
|
|
|
/** URL pubblico e stabile: il bucket è pubblico, nessuna richiesta di rete. */
|
|
export function urlAvatar(id: string): string {
|
|
return supabase.storage.from(BUCKET).getPublicUrl(percorso(id)).data.publicUrl;
|
|
}
|
|
|
|
const chiaveEsiste = (id: string) => ["avatar-esiste", id] as const;
|
|
|
|
/** Solo per il proprio profilo: sapere se mostrare "rimuovi immagine". */
|
|
export function useAvatarEsiste(id: string | undefined) {
|
|
return useQuery({
|
|
queryKey: chiaveEsiste(id ?? ""),
|
|
enabled: !!id,
|
|
staleTime: 60_000,
|
|
queryFn: async () => {
|
|
const { data, error } = await supabase.storage.from(BUCKET).list(id!, { search: NOME_FILE });
|
|
if (error) throw error;
|
|
return (data ?? []).some((f) => f.name === NOME_FILE);
|
|
},
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Dopo un caricamento o una rimozione lo stato è noto: si scrive in cache invece di
|
|
* rileggere l'elenco del bucket (una richiesta in meno per ogni cambio foto).
|
|
*/
|
|
export function useImpostaAvatarEsiste() {
|
|
const qc = useQueryClient();
|
|
return (id: string, esiste: boolean) => qc.setQueryData(chiaveEsiste(id), esiste);
|
|
}
|
|
|
|
/** Ridimensiona e comprime l'immagine scelta in un quadrato JPEG. */
|
|
function fileToBlob(file: File, size = 256): Promise<Blob> {
|
|
return new Promise((resolve, reject) => {
|
|
const reader = new FileReader();
|
|
reader.onerror = () => reject(new Error("Lettura file fallita"));
|
|
reader.onload = () => {
|
|
const img = new Image();
|
|
img.onerror = () => reject(new Error("Immagine non valida"));
|
|
img.onload = () => {
|
|
const lato = Math.min(img.width, img.height);
|
|
const canvas = document.createElement("canvas");
|
|
canvas.width = size;
|
|
canvas.height = size;
|
|
const ctx = canvas.getContext("2d");
|
|
if (!ctx) return reject(new Error("Canvas non disponibile"));
|
|
ctx.drawImage(
|
|
img,
|
|
(img.width - lato) / 2,
|
|
(img.height - lato) / 2,
|
|
lato,
|
|
lato,
|
|
0,
|
|
0,
|
|
size,
|
|
size,
|
|
);
|
|
canvas.toBlob(
|
|
(blob) => (blob ? resolve(blob) : reject(new Error("Conversione fallita"))),
|
|
"image/jpeg",
|
|
0.82,
|
|
);
|
|
};
|
|
img.src = reader.result as string;
|
|
};
|
|
reader.readAsDataURL(file);
|
|
});
|
|
}
|
|
|
|
/** Ridimensiona, comprime e carica la foto profilo: sovrascrive quella precedente. */
|
|
export async function caricaAvatar(id: string, file: File) {
|
|
const blob = await fileToBlob(file);
|
|
const { error } = await supabase.storage.from(BUCKET).upload(percorso(id), blob, {
|
|
contentType: "image/jpeg",
|
|
upsert: true,
|
|
cacheControl: "0",
|
|
});
|
|
if (error) throw error;
|
|
}
|
|
|
|
export async function rimuoviAvatar(id: string) {
|
|
const { error } = await supabase.storage.from(BUCKET).remove([percorso(id)]);
|
|
if (error) throw error;
|
|
}
|