feat: integrato il supporto ai canti personalizzati (non validati) della parrocchia

- Recuperato il campo 'canti_personali' dalle tabelle dell'API parrocchiale.
- Mappato ed integrato il segnale 'comunitaCantiPersonali' in locale e salvato su localStorage.
- Permesso il caricamento e l'interrogazione corretta dei brani custom in HomePage, PlayerPage, DisplayPage, YoutubePlayerService e MediaSessionService.
- Risolto il disallineamento per cui la parrocchia 123456 mostrava 196 brani anziché 208.

src/app/home/home.page.ts

@@ -117,6 +117,9 @@ export class HomePage implements OnDestroy {
     const comunitaCode = this.comunitaService.comunitaCode();
     const comunitaIds = this.comunitaService.comunitaCantiIds();
     if (comunitaCode && this.comunitaService.isFilterActive()) {
+      // Include parish custom/unvalidated canti
+      list = [...list, ...this.comunitaService.comunitaCantiPersonali()];
+      
       list = list.filter(c => {
         return comunitaIds.includes(c.id_canti) || comunitaIds.includes(c.id);
       });
@@ -329,7 +332,11 @@ export class HomePage implements OnDestroy {
   }
 
   findCanto(id: string) {
-    return [...this.cantiService.canti(), ...this.myCantiService.myCanti()].find(c => c.id === id);
+    return [
+      ...this.cantiService.canti(),
+      ...this.myCantiService.myCanti(),
+      ...this.comunitaService.comunitaCantiPersonali()
+    ].find(c => c.id === id);
   }
 
   getPlayingCanto() {

src/app/pages/display/display.page.ts

@@ -2,6 +2,7 @@ import { Component, OnInit, OnDestroy, signal, computed, effect, inject } from '
 import { ActivatedRoute } from '@angular/router';
 import { CantiService, Canto } from '../../services/canti.service';
 import { LyricsParserService, ParsedSection } from '../../services/lyrics-parser.service';
+import { ComunitaService } from '../../services/comunita.service';
 
 @Component({
   selector: 'app-display',
@@ -54,13 +55,18 @@ export class DisplayPage implements OnInit, OnDestroy {
   private route = inject(ActivatedRoute);
   private cantiService = inject(CantiService);
   private lyricsParser = inject(LyricsParserService);
+  private comunitaService = inject(ComunitaService);
 
   constructor() {
     effect(() => {
       const id = this.activeSongId();
       const allCanti = this.cantiService.canti();
+      const comunitaCantiPers = this.comunitaService.comunitaCantiPersonali();
       if (id) {
-        const found = allCanti.find(c => c.id === id);
+        let found = allCanti.find(c => c.id === id);
+        if (!found) {
+          found = comunitaCantiPers.find(c => c.id === id);
+        }
         if (found) {
           this.canto.set(found);
         }

src/app/pages/player/player.page.ts

@@ -160,12 +160,16 @@ export class PlayerPage implements OnInit, AfterViewInit, OnDestroy {
       const id = this.activeSongId();
       const allCanti = this.cantiService.canti();
       const myCantiList = this.myCantiService.myCanti();
+      const comunitaCantiPers = this.comunitaService.comunitaCantiPersonali();
 
       if (id) {
         let found = allCanti.find(c => c.id === id);
         if (!found) {
           found = myCantiList.find(c => c.id === id);
         }
+        if (!found) {
+          found = comunitaCantiPers.find(c => c.id === id);
+        }
 
         if (found) {
           const current = this.canto();

src/app/services/comunita.service.ts

@@ -1,6 +1,7 @@
 import { Injectable, signal, inject, effect } from '@angular/core';
 import { HttpClient, HttpRequest, HttpEventType, HttpResponse } from '@angular/common/http';
 import { SettingsService } from './settings.service';
+import { Canto } from './canti.service';
 
 export interface ParrocchiaItem {
   id_parrocchia: number;
@@ -41,6 +42,7 @@ export class ComunitaService {
   public comunitaCantiIds = signal<(number | string)[]>([]);
   public comunitaCantiInfo = signal<ParrocchiaCantiItem[]>([]);
   public comunitaCantiSettings = signal<CantiSettingsItem[]>([]);
+  public comunitaCantiPersonali = signal<Canto[]>([]);
   public isFilterActive = signal<boolean>(false);
   public loading = signal<boolean>(false);
   public loadingProgress = signal<number>(0);
@@ -52,6 +54,7 @@ export class ComunitaService {
     const savedCanti = localStorage.getItem('comunita-canti-ids');
     const savedInfo = localStorage.getItem('comunita-canti-info');
     const savedSettings = localStorage.getItem('comunita-canti-settings');
+    const savedCantiPersonali = localStorage.getItem('comunita-canti-personali');
     const savedFilterActive = localStorage.getItem('comunita-filter-active') === 'true';
 
     if (savedCode) this.comunitaCode.set(savedCode);
@@ -66,6 +69,9 @@ export class ComunitaService {
     if (savedSettings) {
       try { this.comunitaCantiSettings.set(JSON.parse(savedSettings)); } catch (e) {}
     }
+    if (savedCantiPersonali) {
+      try { this.comunitaCantiPersonali.set(JSON.parse(savedCantiPersonali)); } catch (e) {}
+    }
     this.isFilterActive.set(savedFilterActive);
 
     effect(() => {
@@ -75,6 +81,7 @@ export class ComunitaService {
       localStorage.setItem('comunita-canti-ids', JSON.stringify(this.comunitaCantiIds()));
       localStorage.setItem('comunita-canti-info', JSON.stringify(this.comunitaCantiInfo()));
       localStorage.setItem('comunita-canti-settings', JSON.stringify(this.comunitaCantiSettings()));
+      localStorage.setItem('comunita-canti-personali', JSON.stringify(this.comunitaCantiPersonali()));
       localStorage.setItem('comunita-filter-active', this.isFilterActive().toString());
     });
 
@@ -122,6 +129,7 @@ export class ComunitaService {
       this.comunitaCantiIds.set([]);
       this.comunitaCantiInfo.set([]);
       this.comunitaCantiSettings.set([]);
+      this.comunitaCantiPersonali.set([]);
       this.isFilterActive.set(false);
       return true;
     }
@@ -139,12 +147,27 @@ export class ComunitaService {
         const cantiList = data.parrocchia_canti?.data || [];
         const settingsList = data.canti_settings?.data || [];
 
+        // Parse canti_personali (custom unvalidated community canti)
+        const cantiPersonaliList = (data as any).canti_personali?.data || [];
+        const mappedCantiPersonali = cantiPersonaliList.map((cp: any) => ({
+          id: cp.id_canti.toString(),
+          id_canti: cp.id_canti,
+          titolo: cp.titolo,
+          testo: cp.accordi || '',
+          accordi: cp.accordi || '',
+          autore: cp.autore || '',
+          link_youtube: cp.link_youtube || '',
+          id_momenti: [],
+          data_update: cp.data_update || ''
+        }));
+
         this.comunitaCode.set(trimmedCode);
         this.comunitaNome.set(parrocchia.nome || `Comunità ${trimmedCode}`);
         this.comunitaMail.set(parrocchia.mail || '');
         this.comunitaCantiInfo.set(cantiList);
         this.comunitaCantiIds.set(cantiList.map(c => c.id_canti));
         this.comunitaCantiSettings.set(settingsList);
+        this.comunitaCantiPersonali.set(mappedCantiPersonali);
         this.isFilterActive.set(true);
         this.loading.set(false);
         return true;
@@ -180,6 +203,7 @@ export class ComunitaService {
 
         this.comunitaCantiInfo.set(mockInfo);
         this.comunitaCantiSettings.set([]);
+        this.comunitaCantiPersonali.set([]);
         this.isFilterActive.set(true);
         this.loading.set(false);
         return true;

src/app/services/media-session.service.ts

@@ -1,6 +1,7 @@
 import { Injectable, inject } from '@angular/core';
 import { CantiService } from './canti.service';
 import { MyCantiService } from './my-canti.service';
+import { ComunitaService } from './comunita.service';
 
 @Injectable({
   providedIn: 'root'
@@ -8,6 +9,7 @@ import { MyCantiService } from './my-canti.service';
 export class MediaSessionService {
   private cantiService = inject(CantiService);
   private myCantiService = inject(MyCantiService);
+  private comunitaService = inject(ComunitaService);
 
   public updateMetadata(cantoId: string) {
     if (!('mediaSession' in navigator)) return;
@@ -16,6 +18,9 @@ export class MediaSessionService {
     if (!canto) {
       canto = this.myCantiService.myCanti().find(c => c.id === cantoId);
     }
+    if (!canto) {
+      canto = this.comunitaService.comunitaCantiPersonali().find(c => c.id === cantoId);
+    }
     if (!canto) return;
 
     const thumb = this.cantiService.getYoutubeThumb(canto.link_youtube) || 'assets/icons/icon-512x512.png';

src/app/services/youtube-player.service.ts

@@ -4,6 +4,7 @@ import { SettingsService } from './settings.service';
 import { MediaSessionService } from './media-session.service';
 import { MyCantiService } from './my-canti.service';
 import { ConnectivityService } from './connectivity.service';
+import { ComunitaService } from './comunita.service';
 
 @Injectable({
   providedIn: 'root'
@@ -14,6 +15,7 @@ export class YoutubePlayerService {
   private mediaSessionService = inject(MediaSessionService);
   private myCantiService = inject(MyCantiService);
   private connectivityService = inject(ConnectivityService);
+  private comunitaService = inject(ComunitaService);
 
   public isPlayerSupported = computed<boolean>(() => {
     // Check if offline
@@ -128,6 +130,9 @@ export class YoutubePlayerService {
     if (!canto) {
       canto = this.myCantiService.myCanti().find(c => c.id === cantoId);
     }
+    if (!canto) {
+      canto = this.comunitaService.comunitaCantiPersonali().find(c => c.id === cantoId);
+    }
     if (!canto) return;
 
     const videoId = this.cantiService.getYoutubeId(canto.link_youtube);

src/app/version.ts

@@ -1 +1 @@
-export const VERSION = '2026.05.18.1750';
+export const VERSION = '2026.05.20.1128';