Link Google Maps del luogo degli eventi (m34)

Colonna facoltativa eventi_app.link_maps con CHECK che accetta solo URL https di
Google Maps. Campo nel form di /eventi (admin e allenatori), validazione con
linkMapsValido() e test. Le schede di partita, allenamento ed evento mostrano
«Apri su Google Maps» solo se il link c'è; card e notifiche non cambiano.
Documentazione: calendario.md, DATABASE.md, CHANGELOG.

La migration m34 non è ancora applicata in produzione: va fatto db push prima di
rilasciare questo codice, che legge la nuova colonna.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/integrations/supabase/types.ts

@@ -145,6 +145,7 @@ export type Database = {
           data: string;
           id: string;
           luogo: string;
+          link_maps: string | null;
           note: string;
           ora: string;
           pagelle_chiuse: boolean;
@@ -160,6 +161,7 @@ export type Database = {
           data: string;
           id: string;
           luogo?: string;
+          link_maps?: string | null;
           note?: string;
           ora?: string;
           pagelle_chiuse?: boolean;
@@ -175,6 +177,7 @@ export type Database = {
           data?: string;
           id?: string;
           luogo?: string;
+          link_maps?: string | null;
           note?: string;
           ora?: string;
           pagelle_chiuse?: boolean;

src/lib/eventi.server.ts

@@ -1,7 +1,7 @@
 import { daRiga, type Evento, type RigaEvento } from "./eventi";
 
 const COLONNE =
-  "id, tipo, titolo, luogo, data, ora, note, convocati, campionato, casa, pagelle_chiuse";
+  "id, tipo, titolo, luogo, link_maps, data, ora, note, convocati, campionato, casa, pagelle_chiuse";
 
 /** Lettura eventi lato server (route API): stessa conversione del client. */
 export async function leggiEventi(): Promise<Evento[]> {

src/lib/eventi.ts

@@ -9,6 +9,8 @@ export type Evento = {
   tipo: EventoTipo;
   titolo: string;
   luogo: string;
+  /** Link Google Maps del luogo; assente o vuoto = nessun link. */
+  linkMaps?: string | undefined;
   data: string;
   ora: string;
   note: string;
@@ -30,6 +32,7 @@ export type RigaEvento = {
   tipo: string;
   titolo: string;
   luogo: string;
+  link_maps?: string | null;
   data: string;
   ora: string;
   note: string | null;
@@ -47,6 +50,7 @@ export function daRiga(r: RigaEvento): Evento {
     tipo: (r.tipo as EventoTipo) ?? "evento",
     titolo: r.titolo,
     luogo: r.luogo ?? "",
+    linkMaps: r.link_maps ?? "",
     data: r.data,
     ora: r.ora ?? "",
     note: r.note ?? "",
@@ -59,7 +63,7 @@ export function daRiga(r: RigaEvento): Evento {
 }
 
 const COLONNE =
-  "id, tipo, titolo, luogo, data, ora, note, convocati, campionato, casa, pagelle_chiuse, creato_il";
+  "id, tipo, titolo, luogo, link_maps, data, ora, note, convocati, campionato, casa, pagelle_chiuse, creato_il";
 
 /** Categoria mostrata in interfaccia: le amichevoli sono partite fuori campionato. */
 export type CategoriaEvento = "allenamento" | "partita" | "amichevole" | "evento";
@@ -76,6 +80,17 @@ export function daCategoria(c: CategoriaEvento): Pick<Evento, "tipo" | "campiona
   return { tipo: c, campionato: false };
 }
 
+/**
+ * Il link è accettato solo se punta a Google Maps (stesso criterio del CHECK su
+ * `eventi_app.link_maps`): è un URL che gli utenti toccano, quindi niente `javascript:` né siti terzi.
+ */
+const LINK_MAPS =
+  /^https:\/\/(maps\.app\.goo\.gl\/|goo\.gl\/maps\/|maps\.google\.[a-z.]+\/|(www\.)?google\.[a-z.]+\/maps)\S*$/;
+
+export function linkMapsValido(url: string): boolean {
+  return url.length <= 500 && LINK_MAPS.test(url);
+}
+
 export const EVENTI_KEY = ["eventi"] as const;
 
 async function fetchEventi(): Promise<Evento[]> {
@@ -124,6 +139,7 @@ export function eventoVuoto(): Evento {
     tipo: "allenamento",
     titolo: "",
     luogo: "",
+    linkMaps: "",
     data: new Date().toISOString().slice(0, 10),
     ora: "20:30",
     note: "",
@@ -144,6 +160,7 @@ export function useSalvaEvento() {
           tipo: evento.tipo,
           titolo: evento.titolo,
           luogo: evento.luogo,
+          link_maps: evento.linkMaps?.trim() || null,
           data: evento.data,
           ora: evento.ora,
           note: evento.note,

src/routes/allenamento.$id.tsx

@@ -75,6 +75,16 @@ function AllenamentoDetail() {
             <span className="ml-4 inline-flex items-center gap-2">
               <MapPin className="h-4 w-4" /> {evento.luogo}
             </span>
+            {evento.linkMaps ? (
+              <a
+                href={evento.linkMaps}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="ml-4 inline-flex items-center gap-2 font-semibold text-accent underline"
+              >
+                <MapPin className="h-4 w-4" /> Apri su Google Maps
+              </a>
+            ) : null}
           </div>
 
           {evento.note ? (

src/routes/eventi.tsx

@@ -22,6 +22,7 @@ import {
   categoriaEvento,
   daCategoria,
   eventoVuoto,
+  linkMapsValido,
   useEliminaEvento,
   useSalvaEvento,
   type CategoriaEvento,
@@ -111,6 +112,12 @@ function GestioneEventi() {
       toast.error("Serve un titolo per l'evento");
       return;
     }
+    if ((bozza.linkMaps ?? "").trim() && !linkMapsValido(bozza.linkMaps!.trim())) {
+      toast.error(
+        "Il link deve essere di Google Maps (https://maps.app.goo.gl/… o google.com/maps…)",
+      );
+      return;
+    }
     if (modificaEsistente) {
       setConfermaModifica(true);
       return;
@@ -121,7 +128,11 @@ function GestioneEventi() {
   async function conferma() {
     if (!bozza) return;
     try {
-      await salva.mutateAsync({ ...bozza, titolo: bozza.titolo.trim() });
+      await salva.mutateAsync({
+        ...bozza,
+        titolo: bozza.titolo.trim(),
+        linkMaps: (bozza.linkMaps ?? "").trim(),
+      });
       toast.success("Evento salvato");
       setBozza(null);
     } catch {
@@ -373,6 +384,18 @@ function GestioneEventi() {
               />
             </Campo>
 
+            <Campo label="Link Google Maps (facoltativo)">
+              <input
+                type="url"
+                inputMode="url"
+                value={bozza.linkMaps ?? ""}
+                maxLength={500}
+                placeholder="Incolla il link da Condividi → Copia link"
+                onChange={(e) => aggiorna({ linkMaps: e.target.value })}
+                className={classiInput}
+              />
+            </Campo>
+
             <Campo label="Note">
               <textarea
                 value={bozza.note}

src/routes/evento.$id.tsx

@@ -72,6 +72,16 @@ function EventoDetail() {
             <span className="ml-4 inline-flex items-center gap-2">
               <MapPin className="h-4 w-4" /> {evento.luogo}
             </span>
+            {evento.linkMaps ? (
+              <a
+                href={evento.linkMaps}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="ml-4 inline-flex items-center gap-2 font-semibold text-accent underline"
+              >
+                <MapPin className="h-4 w-4" /> Apri su Google Maps
+              </a>
+            ) : null}
           </div>
 
           {evento.note ? (

src/routes/partita.$id.tsx

@@ -133,6 +133,16 @@ function PartitaDetail() {
             <span className="ml-4 inline-flex items-center gap-2">
               <MapPin className="h-4 w-4" /> {evento.luogo}
             </span>
+            {evento.linkMaps ? (
+              <a
+                href={evento.linkMaps}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="ml-4 inline-flex items-center gap-2 font-semibold text-accent underline"
+              >
+                <MapPin className="h-4 w-4" /> Apri su Google Maps
+              </a>
+            ) : null}
           </div>
 
           {evento.note ? (