Migration Angular 18 -> 19 (ng update, standalone par defaut, build OK)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-10 14:47:19 +02:00
parent d772e969ea
commit 05bbe64841
75 changed files with 3267 additions and 2013 deletions
--- a/web/src/app/shared/ai-chat-drawer/ai-chat-drawer.component.ts
+++ b/web/src/app/shared/ai-chat-drawer/ai-chat-drawer.component.ts
@@ -30,11 +30,10 @@ export interface ChatPrimaryAction {
 *    ou la conversation n'a aucune valeur au-dela de l'usage immediat).
 */
@Component({
-  selector: 'app-ai-chat-drawer',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule, MarkdownPipe],
-  templateUrl: './ai-chat-drawer.component.html',
-  styleUrls: ['./ai-chat-drawer.component.scss'],
+    selector: 'app-ai-chat-drawer',
+    imports: [CommonModule, FormsModule, LucideAngularModule, MarkdownPipe],
+    templateUrl: './ai-chat-drawer.component.html',
+    styleUrls: ['./ai-chat-drawer.component.scss']
 })
 export class AiChatDrawerComponent implements OnInit, OnChanges, OnDestroy {
  readonly X = X;
--- a/web/src/app/shared/breadcrumb/breadcrumb.component.ts
+++ b/web/src/app/shared/breadcrumb/breadcrumb.component.ts
@@ -22,11 +22,10 @@ export interface BreadcrumbItem {
 *   ]"></app-breadcrumb>
 */
@Component({
-  selector: 'app-breadcrumb',
-  standalone: true,
-  imports: [CommonModule, RouterLink],
-  templateUrl: './breadcrumb.component.html',
-  styleUrls: ['./breadcrumb.component.scss']
+    selector: 'app-breadcrumb',
+    imports: [CommonModule, RouterLink],
+    templateUrl: './breadcrumb.component.html',
+    styleUrls: ['./breadcrumb.component.scss']
 })
 export class BreadcrumbComponent {
  @Input() items: BreadcrumbItem[] = [];
--- a/web/src/app/shared/chips-input/chips-input.component.ts
+++ b/web/src/app/shared/chips-input/chips-input.component.ts
@@ -20,11 +20,10 @@ import { LucideAngularModule, X } from 'lucide-angular';
 *  - Clic sur X retire le chip
 */
@Component({
-  selector: 'app-chips-input',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule],
-  templateUrl: './chips-input.component.html',
-  styleUrls: ['./chips-input.component.scss']
+    selector: 'app-chips-input',
+    imports: [CommonModule, FormsModule, LucideAngularModule],
+    templateUrl: './chips-input.component.html',
+    styleUrls: ['./chips-input.component.scss']
 })
 export class ChipsInputComponent {
  readonly X = X;
--- a/web/src/app/shared/confirm-dialog/confirm-dialog-host.component.ts
+++ b/web/src/app/shared/confirm-dialog/confirm-dialog-host.component.ts
@@ -4,10 +4,9 @@ import { ConfirmDialogComponent } from './confirm-dialog.component';
 import { ConfirmDialogService } from './confirm-dialog.service';

@Component({
-  selector: 'app-confirm-dialog-host',
-  standalone: true,
-  imports: [CommonModule, ConfirmDialogComponent],
-  template: `
+    selector: 'app-confirm-dialog-host',
+    imports: [CommonModule, ConfirmDialogComponent],
+    template: `
    <app-confirm-dialog
      *ngIf="(svc.state$ | async) as s"
      [open]="s.open"
--- a/web/src/app/shared/confirm-dialog/confirm-dialog.component.ts
+++ b/web/src/app/shared/confirm-dialog/confirm-dialog.component.ts
@@ -5,11 +5,10 @@ import { LucideAngularModule, TriangleAlert, X } from 'lucide-angular';
 export type ConfirmDialogVariant = 'warning' | 'danger' | 'info';

@Component({
-  selector: 'app-confirm-dialog',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule],
-  templateUrl: './confirm-dialog.component.html',
-  styleUrls: ['./confirm-dialog.component.scss']
+    selector: 'app-confirm-dialog',
+    imports: [CommonModule, LucideAngularModule],
+    templateUrl: './confirm-dialog.component.html',
+    styleUrls: ['./confirm-dialog.component.scss']
 })
 export class ConfirmDialogComponent {
  readonly TriangleAlert = TriangleAlert;
--- a/web/src/app/shared/dynamic-fields-form/dynamic-fields-form.component.ts
+++ b/web/src/app/shared/dynamic-fields-form/dynamic-fields-form.component.ts
@@ -16,11 +16,10 @@ import { ImageGalleryComponent } from '../image-gallery/image-gallery.component'
 * qui gere l'upload, la suppression et le respect du layout.
 */
@Component({
-  selector: 'app-dynamic-fields-form',
-  standalone: true,
-  imports: [CommonModule, FormsModule, ImageGalleryComponent],
-  templateUrl: './dynamic-fields-form.component.html',
-  styleUrls: ['./dynamic-fields-form.component.scss']
+    selector: 'app-dynamic-fields-form',
+    imports: [CommonModule, FormsModule, ImageGalleryComponent],
+    templateUrl: './dynamic-fields-form.component.html',
+    styleUrls: ['./dynamic-fields-form.component.scss']
 })
 export class DynamicFieldsFormComponent {
  @Input() fields: TemplateField[] = [];
--- a/web/src/app/shared/expandable-section/expandable-section.component.ts
+++ b/web/src/app/shared/expandable-section/expandable-section.component.ts
@@ -12,11 +12,10 @@ import { LucideAngularModule, ChevronDown, ChevronUp } from 'lucide-angular';
 *   </app-expandable-section>
 */
@Component({
-  selector: 'app-expandable-section',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule],
-  templateUrl: './expandable-section.component.html',
-  styleUrls: ['./expandable-section.component.scss']
+    selector: 'app-expandable-section',
+    imports: [CommonModule, LucideAngularModule],
+    templateUrl: './expandable-section.component.html',
+    styleUrls: ['./expandable-section.component.scss']
 })
 export class ExpandableSectionComponent {
  readonly ChevronDown = ChevronDown;
--- a/web/src/app/shared/global-search/global-search.component.ts
+++ b/web/src/app/shared/global-search/global-search.component.ts
@@ -30,11 +30,10 @@ interface SearchResult {
 * Navigation clavier : ↑↓ ↵ Esc.
 */
@Component({
-  selector: 'app-global-search',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule],
-  templateUrl: './global-search.component.html',
-  styleUrls: ['./global-search.component.scss']
+    selector: 'app-global-search',
+    imports: [CommonModule, FormsModule, LucideAngularModule],
+    templateUrl: './global-search.component.html',
+    styleUrls: ['./global-search.component.scss']
 })
 export class GlobalSearchComponent implements OnInit, OnDestroy {
  readonly Search = Search;
--- a/web/src/app/shared/icon-picker/icon-picker.component.ts
+++ b/web/src/app/shared/icon-picker/icon-picker.component.ts
@@ -19,10 +19,9 @@ export interface IconPickerOption {
 * d'icones lui-meme — l'appelant lui passe la banque a afficher.
 */
@Component({
-  selector: 'app-icon-picker',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule],
-  template: `
+    selector: 'app-icon-picker',
+    imports: [CommonModule, LucideAngularModule],
+    template: `
    <div class="icon-grid">
      <button
        type="button"
@@ -36,7 +35,7 @@ export interface IconPickerOption {
      </button>
    </div>
  `,
-  styleUrls: ['./icon-picker.component.scss']
+    styleUrls: ['./icon-picker.component.scss']
 })
 export class IconPickerComponent {
  @Input() options: IconPickerOption[] = [];
--- a/web/src/app/shared/image-gallery/image-gallery.component.ts
+++ b/web/src/app/shared/image-gallery/image-gallery.component.ts
@@ -26,11 +26,10 @@ import { ImageUploaderComponent } from '../image-uploader/image-uploader.compone
 *                      (imageIdsChange)="tempIds = $event"></app-image-gallery>
 */
@Component({
-  selector: 'app-image-gallery',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule, ImageUploaderComponent],
-  templateUrl: './image-gallery.component.html',
-  styleUrls: ['./image-gallery.component.scss']
+    selector: 'app-image-gallery',
+    imports: [CommonModule, LucideAngularModule, ImageUploaderComponent],
+    templateUrl: './image-gallery.component.html',
+    styleUrls: ['./image-gallery.component.scss']
 })
 export class ImageGalleryComponent {
  readonly X = X;
--- a/web/src/app/shared/image-uploader/image-uploader.component.ts
+++ b/web/src/app/shared/image-uploader/image-uploader.component.ts
@@ -18,11 +18,10 @@ import { Image } from '../../services/image.model';
 *  - Afficher l'etat loading et les erreurs
 */
@Component({
-  selector: 'app-image-uploader',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule],
-  templateUrl: './image-uploader.component.html',
-  styleUrls: ['./image-uploader.component.scss']
+    selector: 'app-image-uploader',
+    imports: [CommonModule, LucideAngularModule],
+    templateUrl: './image-uploader.component.html',
+    styleUrls: ['./image-uploader.component.scss']
 })
 export class ImageUploaderComponent {
  readonly Upload = Upload;
--- a/web/src/app/shared/lore-link-picker/lore-link-picker.component.ts
+++ b/web/src/app/shared/lore-link-picker/lore-link-picker.component.ts
@@ -25,11 +25,10 @@ import { Page } from '../../services/page.model';
 *  - Exclut la page courante et les pages déjà sélectionnées
 */
@Component({
-  selector: 'app-lore-link-picker',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule],
-  templateUrl: './lore-link-picker.component.html',
-  styleUrls: ['./lore-link-picker.component.scss']
+    selector: 'app-lore-link-picker',
+    imports: [CommonModule, FormsModule, LucideAngularModule],
+    templateUrl: './lore-link-picker.component.html',
+    styleUrls: ['./lore-link-picker.component.scss']
 })
 export class LoreLinkPickerComponent {
  readonly X = X;
--- a/web/src/app/shared/persona-view/persona-view.component.ts
+++ b/web/src/app/shared/persona-view/persona-view.component.ts
@@ -33,11 +33,10 @@ export interface PersonaLike {
 }

@Component({
-  selector: 'app-persona-view',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule, ImageGalleryComponent],
-  templateUrl: './persona-view.component.html',
-  styleUrls: ['./persona-view.component.scss']
+    selector: 'app-persona-view',
+    imports: [CommonModule, LucideAngularModule, ImageGalleryComponent],
+    templateUrl: './persona-view.component.html',
+    styleUrls: ['./persona-view.component.scss']
 })
 export class PersonaViewComponent {
  readonly BookOpen = BookOpen;
--- a/web/src/app/shared/playthrough-flags-manager/playthrough-flags-manager.component.ts
+++ b/web/src/app/shared/playthrough-flags-manager/playthrough-flags-manager.component.ts
@@ -14,11 +14,10 @@ import { forkJoin } from 'rxjs';
 * met à jour la valeur du Playthrough courant.</p>
 */
@Component({
-  selector: 'app-playthrough-flags-manager',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule],
-  templateUrl: './playthrough-flags-manager.component.html',
-  styleUrls: ['./playthrough-flags-manager.component.scss']
+    selector: 'app-playthrough-flags-manager',
+    imports: [CommonModule, FormsModule, LucideAngularModule],
+    templateUrl: './playthrough-flags-manager.component.html',
+    styleUrls: ['./playthrough-flags-manager.component.scss']
 })
 export class PlaythroughFlagsManagerComponent implements OnInit, OnChanges {

--- a/web/src/app/shared/prerequisite-editor/prerequisite-editor.component.ts
+++ b/web/src/app/shared/prerequisite-editor/prerequisite-editor.component.ts
@@ -12,11 +12,10 @@ import { Chapter, Prerequisite } from '../../services/campaign.model';
 * un menu à 3 entrées (quête, session, fait).
 */
@Component({
-  selector: 'app-prerequisite-editor',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule],
-  templateUrl: './prerequisite-editor.component.html',
-  styleUrls: ['./prerequisite-editor.component.scss']
+    selector: 'app-prerequisite-editor',
+    imports: [CommonModule, FormsModule, LucideAngularModule],
+    templateUrl: './prerequisite-editor.component.html',
+    styleUrls: ['./prerequisite-editor.component.scss']
 })
 export class PrerequisiteEditorComponent {
  /** Liste courante. */
--- a/web/src/app/shared/quest-status-badge/quest-status-badge.component.ts
+++ b/web/src/app/shared/quest-status-badge/quest-status-badge.component.ts
@@ -8,11 +8,10 @@ import { QuestStatus } from '../../services/campaign.model';
 * Composant standalone, sans dépendance métier.
 */
@Component({
-  selector: 'app-quest-status-badge',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule],
-  templateUrl: './quest-status-badge.component.html',
-  styleUrls: ['./quest-status-badge.component.scss']
+    selector: 'app-quest-status-badge',
+    imports: [CommonModule, LucideAngularModule],
+    templateUrl: './quest-status-badge.component.html',
+    styleUrls: ['./quest-status-badge.component.scss']
 })
 export class QuestStatusBadgeComponent {
  @Input() status: QuestStatus | undefined | null = 'AVAILABLE';
--- a/web/src/app/shared/rooms-editor/rooms-editor.component.ts
+++ b/web/src/app/shared/rooms-editor/rooms-editor.component.ts
@@ -14,11 +14,10 @@ import { Room, RoomBranch } from '../../services/campaign.model';
 * Les branches (graphe inter-pièces) sont éditables dans la card expand.
 */
@Component({
-  selector: 'app-rooms-editor',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule],
-  templateUrl: './rooms-editor.component.html',
-  styleUrls: ['./rooms-editor.component.scss']
+    selector: 'app-rooms-editor',
+    imports: [CommonModule, FormsModule, LucideAngularModule],
+    templateUrl: './rooms-editor.component.html',
+    styleUrls: ['./rooms-editor.component.scss']
 })
 export class RoomsEditorComponent {

--- a/web/src/app/shared/secondary-sidebar/secondary-sidebar.component.ts
+++ b/web/src/app/shared/secondary-sidebar/secondary-sidebar.component.ts
@@ -6,11 +6,10 @@ import { TreeItem, TreeCreateAction, SidebarAction, BottomPanel, BottomPanelItem
 import { resolveIcon } from '../../lore/lore-icons';

@Component({
-  selector: 'app-secondary-sidebar',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule],
-  templateUrl: './secondary-sidebar.component.html',
-  styleUrls: ['./secondary-sidebar.component.scss']
+    selector: 'app-secondary-sidebar',
+    imports: [CommonModule, LucideAngularModule],
+    templateUrl: './secondary-sidebar.component.html',
+    styleUrls: ['./secondary-sidebar.component.scss']
 })
 export class SecondarySidebarComponent implements OnDestroy {
  @Input() title = '';
--- a/web/src/app/shared/single-image-picker/single-image-picker.component.ts
+++ b/web/src/app/shared/single-image-picker/single-image-picker.component.ts
@@ -20,11 +20,10 @@ import { ImageUploaderComponent } from '../image-uploader/image-uploader.compone
 * lien (passe imageId a null). L'image reste accessible via d'autres entites.
 */
@Component({
-  selector: 'app-single-image-picker',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule, ImageUploaderComponent],
-  templateUrl: './single-image-picker.component.html',
-  styleUrls: ['./single-image-picker.component.scss']
+    selector: 'app-single-image-picker',
+    imports: [CommonModule, LucideAngularModule, ImageUploaderComponent],
+    templateUrl: './single-image-picker.component.html',
+    styleUrls: ['./single-image-picker.component.scss']
 })
 export class SingleImagePickerComponent {
  readonly X = X;
--- a/web/src/app/shared/template-fields-editor/template-fields-editor.component.ts
+++ b/web/src/app/shared/template-fields-editor/template-fields-editor.component.ts
@@ -15,11 +15,10 @@ import { TemplateField, FieldType, ImageLayout } from '../../services/template.m
 * mais c'est le parent qui decide du blocage du submit.
 */
@Component({
-  selector: 'app-template-fields-editor',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule],
-  templateUrl: './template-fields-editor.component.html',
-  styleUrls: ['./template-fields-editor.component.scss']
+    selector: 'app-template-fields-editor',
+    imports: [CommonModule, FormsModule, LucideAngularModule],
+    templateUrl: './template-fields-editor.component.html',
+    styleUrls: ['./template-fields-editor.component.scss']
 })
 export class TemplateFieldsEditorComponent {
  readonly Plus = Plus;
--- a/web/src/app/shared/update-banner/update-banner.component.ts
+++ b/web/src/app/shared/update-banner/update-banner.component.ts
@@ -9,11 +9,10 @@ import { VersionCheckerService } from '../../services/version-checker.service';
 * ouvert. Propose un reload en un clic.
 */
@Component({
-  selector: 'app-update-banner',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule],
-  templateUrl: './update-banner.component.html',
-  styleUrls: ['./update-banner.component.scss']
+    selector: 'app-update-banner',
+    imports: [CommonModule, LucideAngularModule],
+    templateUrl: './update-banner.component.html',
+    styleUrls: ['./update-banner.component.scss']
 })
 export class UpdateBannerComponent {
  readonly RefreshCw = RefreshCw;