Skip to content

Update Guide v10

Jump to bottom
Thomas Dickhut edited this page Mar 12, 2024 · 1 revision

Update Guide 10

In diesem Update Guide wird beschrieben, wie man die LUX-Components auf eine neue Version aktualisieren kann.

Versionen

Version 10.8.2

  • LUX-Components aktualisieren.

Version 10.8.1

  • LUX-Components aktualisieren.

Version 10.8.0

  • LUX-Components aktualisieren.

Version 10.7.0

  • LUX-Components aktualisieren.

Version 10.6.0

  • In der Datei package.json die Abhängigkeit @ihk-gfi/lux-components auf 10.6.0 setzen.
  • In der Datei package.json prüfen, ob die optionale Abhängigkeit dompurify vorhanden ist.
    • Wenn nein, ist nichts zu tun.
    • Wenn ja, bitte die Version auf 2.0.17 setzen.
    • Details gibt es hier.
  • LUX-Components aktualisieren.
    • npm install

Version 10.5.0

  • LUX-Components aktualisieren.

Version 10.4.0

Wichtige Anmerkung: Dieses Update enthält ein überarbeitetes Theme in Bezug auf die UX und Barrierefreiheit.

Änderungen:

  • Das fokussierte Element wird über einen sichtbaren Rahmen (Outline) hervorgehoben.
  • Elemente, die blau hervorgehoben sind, sollten klickbar sein. Z.B. ist das Datepickericon jetzt blau.
  • Texte (inklusive Überschriften) werden grundsätzlich in normaler dunkler Schriftfarbe dargestellt und nicht länger in Blau.
  • Layoutelemente (z.B. LUX-Card) zeichnen ihren Titel als Überschrift aus.
  • Die Themefarben (z.B. Badge, Chips, Snackbar, Icon,...) wurden angepasst, um einen höheren Kontrast (Barrierefreiheit) zu erreichen.
  • In der neuen Datei "luxcommon.scss" sind Konstanten für die Verwendung in den eigenen SCSS-Dateien enthalten.
  • Bitte NICHT das ganze Theme (z.B. @import '../../../../theming/luxtheme) in die eigenen SCSS-Dateien importieren!

Neue Theme-Konstante verwenden:

@import "../../../../theming/luxcommon";

my-item-class {
  color: $dark-primary-text;
}

Farbe aus der Theme-Palette verwenden:

@import "../../../../theming/luxcommon";

my-item-class {
  color: map-get($lux-palette_darkblue, 500);
}
  • LUX-Components aktualisieren.

Version 10.3.0

  • LUX-Components aktualisieren.

Version 10.2.0

  • LUX-Components aktualisieren.

Version 10.1.0

  • LUX-Components aktualisieren.

Version 10.0.0

Allgemein

  • Changelog 10.0.0
  • Bitten zuerst die vollständige Anleitung lesen und erst danach mit dem Update beginnen.

Vor dem Update

  • Node.js auf 12.x.x oder höher aktualisieren. Bitte ausschließlich LTS-Version verwenden.
  • LUX-Components auf die letzte Version 1.9.x aktualisieren.
  • Angular auf die letzte Version 9.x.x aktualisieren.
    • ng update @angular/core@9 @angular/cli@9
  • Angular auf die Version 10.x.x aktualisieren.
    • ng update @angular/core@10 @angular/cli@10
  • LUX-Components-Updater aktualisieren.
    • npm install @ihk-gfi/lux-components-update@10 --save-dev

Update

  • LUX-Components aktualisieren.
    • ng generate @ihk-gfi/lux-components-update:update
      • Der Updater...
        • ...richtet die LUX-Components 10.x.x im Projekt ein.
        • ...passt die Polyfills im Projekt an, wenn nötig.
        • ...aktualisiert die Locale-Einstellung im Projekt, wenn nötig.
        • ...aktualisiert alle Abhängigkeiten.
        • ...aktualisiert das LUX-Theme.

Nach dem Update

  • Falls es weitere Abhängigkeiten im Projekt gibt, sollten diese ebenfalls aktualisiert werden.
  • Einen Smoketest (build-aot, lint und test) ausführen.
    • npm run smoketest
  • Fertig!

Ergänzung für JAST-Projekte

  • In den Jenkins-Dateien die neue Node.js-Version eintragen.

Weiterführende Verweise bei Interesse oder Problemen

Sidebar

Clone this wiki locally