Mises à jour (NodeJS, NPM, Angular et Devextreme)

1. Aller sur le site officiel : https://nodejs.org/
2. Télécharger la version Current, pas LTS).
3. Lancer l'installateur et suivre les instructions.
4. Vérifier la version : node -v

1. npm install -g npm@latest
2. Vérifier la version : npm -v

Pour la librairie, faire cette étape dans chaque lib

1. Pour une install clean : npm ci
2. Si ça bloque :
   1. Redémarrer son PC (pour qu'il prenne en compte la MàJ de node)
   2. Supprimer le fichier package-lock.json et le dossier node_modules
   3. Nettoyer le cache npm : npm cache clean –force
   4. Réinstaller toutes les dépendances : npm install

Pour la librairie, revenir à la racine

1. Vérifier la version exacte de Node.js et npm : node -v puis npm -v
2. Tester la compilation : .\Compile.bat

Pour la librairie, revenir à la racine

- Mettre à jour Angular v18.0 → v19.0 :

1. Mettre à jour Angular : ng update @angular/core@19 @angular/cli@19
2. à la question « Use application builder ? » faire Espace puis Entrée
3. à la question « Provide initializer » faire Entrée

- Mettre à jour Angular v19.0 → v20.0 : suivre :

1. Mettre à jour Angular : ng update @angular/core@19 @angular/cli@19
2. à la question « Use application builder ? » faire Espace puis Entrée
3. à la question « Provide initializer » faire Entrée
4. mettre à jourangular/material : ng update @angular/material@19

• Option 1 : Mettre à jour automatiquement à la dernière version compatible
  1. ng update typescript cela mettra à jour TypeScript vers la version recommandée pour ta version actuelle d’Angular.
• Option 2 : Installer une version spécifique (TypeScript 5.8 ou plus pour Angular 20)
  1. npm install typescript@latest –save-dev

Remplacer le main.ts par :

import { bootstrapApplication } from '@angular/platform-browser';
import { provideHttpClient } from '@angular/common/http';
import { provideRouter, withNavigationErrorHandler } from '@angular/router';
import { AppComponent } from './app.component';
import { ThemeService } from './theme.service';
import { Route } from './app.routes';

// Définition de ton gestionnaire d'erreurs personnalisé
function myCustomErrorHandler(error: any) {
  console.error('Navigation error:', error);
}

bootstrapApplication(AppComponent, {
  providers: [
    provideHttpClient(),
    ThemeService,
    provideRouter(Route, withNavigationErrorHandler(myCustomErrorHandler)) // ✅ Nouvelle méthode
  ]
})
  .catch((err) => console.error(err));

1. npm install devextreme@25.1 –save –save-exact
2. npm install devextreme-angular@25.1 –save –save-exact
3. uniquement pour la lib :
   1. npm install devextreme-themebuilder@25.1 –save –save-exact
   2. npm run build-themes

La mise à jour de TypeScript, qui est de moins en moins permissif, entraine des erreurs lors de la compilation (voir la documentation).
La mise à jour de Devextreme également, entraine pour sa part, des erreurs liées à certaines propriétés des composants de sa bibliothèque qui sont désormais dépréciés ou inexistants.
La mise à jour de Angular, provoque des erreurs liées aux usages des method et variables.

exemples d'erreur remontées :

(valueChange)="handleDateBoxFieldChanged($event)"

handleDateBoxFieldChanged(itemValue: Date | number | string ) {
  this.item.valueString = this.item.formatDateOnly(new Date(itemValue));
  this.item.value = this.item.valueString;
  this.dateBoxFieldChange.emit(this.item);
}

handleDateBoxFieldChanged(itemValue: Date | number | string | null) {
  if(!itemValue) {
    this.item.valueString = '';
  }else {
    this.item.valueString = this.item.formatDateOnly(new Date(itemValue));
  }
  this.item.value = this.item.valueString;
  this.dateBoxFieldChange.emit(this.item);
}

@if (DG.isDroitsFichierLectureComptable) {...}

@if (DG.isDroitsFichierLectureComptable()) {...}

[closeOnOutsideClick]="false" 

[hideOnOutsideClick]="false"