@ihk-gfi/lux-components-update 19.6.0 → 21.1.0

package/README.md

@@ -1,39 +1,17 @@
 # LUX-Components-Update
 
-Dieses Projekt enthält alle Updateskripte (umgesetzt mit Angular Schematics) für die LUX-Components.
+Dieses Projekt enthält alle Updateskripte (umgesetzt mit Angular Schematics) für die [LUX-Components](https://www.npmjs.com/package/@ihk-gfi/lux-components).
 
-Updateskripte:
-
-- `update-19.x.x` (aktualisiert das Projekt auf die Version 19.x.x)
-- `add-lux-components` (fügt die LUX-Components zu einem Angular-Projekt hinzu)
-
-## Voraussetzungen
-
-Stellen Sie zunächst sicher, dass Sie die Angular-Schematics-Cli installiert haben:
+## Installation
 
 ```bash
-npm install -g @angular-devkit/schematics-cli
+npm install @ihk-gfi/lux-components-update
 ```
 
 ## LUX-Components im Projekt aktualisieren
 
-Um ein Updateskript zu starten, kann der folgende Befehl verwendet werden:
-
-```bash
-ng generate @ihk-gfi/lux-components-update:update-19.x.x
-```
-
-Falls erst einmal ein Testdurchlauf ohne persistente Änderungen gewünscht ist,
-ist es möglich den Aufruf mit dem Flag "--dry-run" zu versehen:
-
-```bash
-ng generate @ihk-gfi/lux-components-update:update-19.x.x --dry-run
-```
-
-## LUX-Components im Projekt einrichten
-
-Wenn man die LUX-Components in seinem Projekt einrichten möchte, kann der folgende Befehl verwendet werden:
+Um ein Updateskript zu starten, kann folgender Befehl verwendet werden:
 
 ```bash
-ng generate @ihk-gfi/lux-components-update:add-lux-components
+ng generate @ihk-gfi/lux-components-update:update-x.x.x
 ```

package/collection.json

@@ -6,6 +6,16 @@
       "factory": "./src/update-standalone-imports/index#updateStandAloneImports",
       "schema": "./src/update-standalone-imports/schema.json"
     },
+    "update-21.1.0": {
+      "description": "Aktualisiert das LUX-Componentsprojekt auf die Version 21.1.0",
+      "factory": "./src/updates/21.1.0/index#update210100",
+      "schema": "./src/updates/21.1.0/schema.json"
+    },
+    "update-21.0.0": {
+      "description": "Aktualisiert das LUX-Componentsprojekt auf die Version 21.0.0",
+      "factory": "./src/updates/21.0.0/index#update210000",
+      "schema": "./src/updates/21.0.0/schema.json"
+    },
     "update-19.6.0": {
       "description": "Aktualisiert das LUX-Componentsprojekt auf die Version 19.6.0",
       "factory": "./src/updates/19.6.0/index#update190600",
@@ -50,6 +60,16 @@
       "description": "Aktualisiert die englischen Übersetzungen im Projekt",
       "factory": "./src/update-en-messages/index#updateEnMessages",
       "schema": "./src/update-en-messages/schema.json"
+    },
+    "migrate-xlf": {
+      "description": "Migriert die XLF Übersetzungsdateien in das neue Format",
+      "factory": "./src/migrate-xlf/index#migrateXlf",
+      "schema": "./src/migrate-xlf/schema.json"
+    },
+    "migrate-i18n-keys": {
+      "description": "Migriert die I18N-Tags in den HTML-Dateien",
+      "factory": "./src/migrate-i18n-keys/index#migrateI18nKeys",
+      "schema": "./src/migrate-i18n-keys/schema.json"
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ihk-gfi/lux-components-update",
-  "version": "19.6.0",
+  "version": "21.1.0",
   "description": "Schematics für die Aktualisierung von LUX-Applikationen",
   "private": false,
   "publishConfig": {
@@ -9,8 +9,8 @@
   "scripts": {
     "build": "npm run clean && tsc -p tsconfig.json",
     "clean": "del-cli --force ../../dist/updater/",
-    "pack-copy-base-files": "copyfiles -f collection.json package.json README.md ../../LICENSE ./../../dist/updater",
-    "pack-copy-template-dirs": "copyfiles \"./src/**/files/**\" ./../../dist/updater",
+    "pack-copy-base-files": "node ./scripts/copy-base-files.js",
+    "pack-copy-template-dirs": "node ./scripts/copy-template-dirs.js",
     "pack": "npm run build && npm run pack-copy-base-files && npm run pack-copy-template-dirs",
     "security": "npm audit --registry=https://registry.npmjs.org --audit-level high",
     "smoketest": "npm run test && npm run pack",
@@ -35,7 +35,7 @@
     "chalk": "^4.1.2",
     "cheerio": "1.0.0-rc.12",
     "htmlparser2": "^9.1.0",
-    "jsdom": "^25.0.0",
+    "jsdom": "^28.0.0",
     "jsonc-parser": "^3.2.1",
     "semver": "^7.6.0"
   },

package/src/migrate-i18n-keys/index.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateI18nKeys = migrateI18nKeys;
+const schematics_1 = require("@angular-devkit/schematics");
+const files_1 = require("../utility/files");
+const logging_1 = require("../utility/logging");
+const util_1 = require("../utility/util");
+function migrateI18nKeys(options) {
+    return (0, schematics_1.chain)([
+        (0, util_1.messageInfoRule)(`Die I18N-Tags in den HTML-Dateien werden migriert...`),
+        migrateI18nKeysIntern(options),
+        (0, util_1.messageInfoRule)(`Die I18N-Tags in den HTML-Dateien wurden migriert.`)
+    ]);
+}
+function migrateI18nKeysIntern(options) {
+    return (tree, _context) => {
+        (0, files_1.iterateFilesAndModifyContent)(tree, options.path, (filePath, content) => {
+            let result = transformContent(content);
+            if (result.changed) {
+                (0, logging_1.logInfo)(filePath + ' wurde angepasst.');
+                tree.overwrite(filePath, result.content);
+            }
+        }, '.html');
+    };
+}
+function transformContent(content) {
+    let changed = false;
+    // Attribute-level replacements (cases 1 & 2): i18n-attr
+    // Regex explanation:
+    // (\s)                       leading whitespace
+    // (?:([\w:-]+)="[^"]*"\s+i18n-\2|i18n-([\w:-]+))="@@?([^"]+)"
+    // Group 2 or 3 = attribute name; group 4 = key
+    const attrRegex = /(\s)(?:([\w:-]+)="[^"]*"\s+i18n-\2|i18n-([\w:-]+))="@@?([^"]+)"/g;
+    content = content.replace(attrRegex, (m, ws, attrWithValue, attrOnly, key) => {
+        const attrName = attrWithValue || attrOnly;
+        changed = true;
+        return `${ws}${attrName}="{{ '${key}' | transloco }}"`;
+    });
+    // Element-level i18n replacement (case 3): <tag ... i18n="@@key">ExistingText</tag>
+    // Caution: Avoid replacing if already contains transloco pipe.
+    const elemRegex = /(<[a-zA-Z][^>]*?)\s+i18n="@@?([^"]+)"([^>]*>)([\s\S]*?<\/[a-zA-Z][^>]*?>)/g;
+    content = content.replace(elemRegex, (m, startTagStart, key, startTagEnd, innerAndClose) => {
+        // If inner already includes transloco pipe for this key, skip.
+        if (innerAndClose.includes(`'${key}' | transloco`)) {
+            return m; // idempotent
+        }
+        changed = true;
+        // Remove any existing inner text between start and closing tag
+        // Extract closing tag separately to keep structure.
+        const closingTagMatch = innerAndClose.match(/<\/[a-zA-Z][^>]*?>$/);
+        const closingTag = closingTagMatch ? closingTagMatch[0] : '';
+        return `${startTagStart}${startTagEnd}{{ '${key}' | transloco }}${closingTag}`;
+    });
+    return { content, changed };
+}

package/src/migrate-i18n-keys/schema.json

@@ -0,0 +1,23 @@
+{
+    "$schema": "http://json-schema.org/schema",
+    "$id": "migrateI18nKeysSchema",
+    "title": "Migriert die I18N-Tags in den HTML-Dateien.",
+    "type": "object",
+    "description": "Migriert die I18N-Tags in den HTML-Dateien in das neue Format.",
+    "properties": {
+        "project": {
+            "type": "string",
+            "description": "Der Projektname",
+            "$default": {
+                "$source": "projectName"
+            }
+        },
+        "verbose": {
+            "type": "boolean",
+            "description": "Generiert mehr Logausgaben",
+            "default": false
+        }
+    },
+    "required": [],
+    "additionalProperties": false
+}

package/src/migrate-xlf/index.js

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateXlf = migrateXlf;
+const schematics_1 = require("@angular-devkit/schematics");
+const logging_1 = require("../utility/logging");
+const util_1 = require("../utility/util");
+function migrateXlf(options) {
+    return (0, schematics_1.chain)([
+        (0, util_1.messageInfoRule)(`Die XLF-Dateien werden migriert...`),
+        migrateXlfIntern(options, 'de'),
+        migrateXlfIntern(options, 'en'),
+        (0, util_1.messageInfoRule)(`Die XLF-Dateien wurden migriert.`)
+    ]);
+}
+function migrateXlfIntern(options, lang) {
+    return (tree, _context) => {
+        const xlfFilePath = (options.path ?? '') + `/src/locale/messages${lang === 'de' ? '' : '.en'}.xlf`;
+        const jsonFilePath = (options.path ?? '') + `/src/locale/${lang}.json`;
+        if (!tree.exists(xlfFilePath)) {
+            (0, logging_1.logInfo)(`Die Datei '${xlfFilePath}' wurde nicht gefunden. Die Migration wird übersprungen.`);
+            return;
+        }
+        const xlfContent = tree.read(xlfFilePath)?.toString() ?? '';
+        let jsonContent = '';
+        const transUnits = [];
+        const tuRegex = /<trans-unit([^>]*)>([\s\S]*?)<\/trans-unit>/g;
+        let match;
+        while ((match = tuRegex.exec(xlfContent)) !== null) {
+            const attrs = match[1];
+            const body = match[2];
+            const idMatch = /id="([^"]+)"/.exec(attrs);
+            if (!idMatch)
+                continue;
+            const id = idMatch[1].trim();
+            if (id.startsWith('luxc.'))
+                continue;
+            const sourceMatch = /<source>([\s\S]*?)<\/source>/.exec(body);
+            if (!sourceMatch)
+                continue;
+            const targetMatch = /<target[^>]*>([\s\S]*?)<\/target>/.exec(body);
+            const source = normalizeMessage(sourceMatch[1]);
+            const target = targetMatch ? normalizeMessage(targetMatch[1]) : undefined;
+            transUnits.push({ id, source, target });
+        }
+        const namespaces = {};
+        for (const tu of transUnits) {
+            const { ns, key } = resolveNamespaceAndKey(options, tu.id);
+            namespaces[ns] = namespaces[ns] || {};
+            const useTarget = lang && lang.toLowerCase() === 'en';
+            const value = useTarget ? tu.target || tu.source : tu.source;
+            if (useTarget && !tu.target) {
+                (0, logging_1.logWarn)(`[MISSING TARGET] ${tu.id} -> falling back to <source>`);
+            }
+            namespaces[ns][key] = value;
+        }
+        let sortedNamespaces;
+        if (!options.namespace) {
+            const flat = namespaces._flat || {};
+            const sortedFlat = Object.keys(flat)
+                .sort()
+                .reduce((acc, k) => {
+                acc[k] = flat[k];
+                return acc;
+            }, {});
+            jsonContent = JSON.stringify(sortedFlat, null, 2) + '\n';
+            sortedNamespaces = ['(flat)'];
+        }
+        else {
+            sortedNamespaces = Object.keys(namespaces).sort();
+            const aggregate = {};
+            for (const ns of sortedNamespaces) {
+                const obj = namespaces[ns];
+                const sortedKeys = Object.keys(obj)
+                    .sort()
+                    .reduce((acc, k) => {
+                    acc[k] = obj[k];
+                    return acc;
+                }, {});
+                aggregate[ns] = sortedKeys;
+            }
+            jsonContent = JSON.stringify(aggregate, null, 2) + '\n';
+        }
+        if (!tree.exists(jsonFilePath)) {
+            tree.create(jsonFilePath, jsonContent);
+            (0, logging_1.logInfo)(`Die Datei '${jsonFilePath}' wurde erstellt.`);
+        }
+        else {
+            tree.overwrite(jsonFilePath, jsonContent);
+            (0, logging_1.logInfo)(`Die Datei '${jsonFilePath}' wurde aktualisiert.`);
+        }
+    };
+}
+function normalizeMessage(text) {
+    let t = text
+        .replace(/\r?\n/g, ' ')
+        .replace(/\s+/g, ' ')
+        .replace(/&quot;/g, '"')
+        .replace(/&apos;/g, "'")
+        .replace(/&gt;/g, '>')
+        .replace(/&lt;/g, '<')
+        .replace(/&amp;/g, '&')
+        .trim();
+    t = t.replace(/<x [^>]*equiv-text="([^"]+)"[^>]*\/>/g, (_m, p1) => {
+        let val = p1;
+        const interpolation = /\{\{\s*([^}]+?)\s*\}\}/.exec(val);
+        if (interpolation) {
+            return `{{${interpolation[1].trim()}}}`;
+        }
+        const cleaned = val.replace(/[^a-zA-Z0-9_]+/g, '_').replace(/^_+|_+$/g, '');
+        return `{{${cleaned || 'value'}}}`;
+    });
+    return t;
+}
+function resolveNamespaceAndKey(options, id) {
+    let work = id;
+    if (!options.namespace) {
+        return { ns: '_flat', key: work };
+    }
+    const segments = work.split('.');
+    let ns = segments[0];
+    let rest = segments.slice(1).join('.');
+    if (!rest)
+        rest = '_';
+    return { ns, key: rest };
+}

package/src/migrate-xlf/schema.json

@@ -0,0 +1,28 @@
+{
+    "$schema": "http://json-schema.org/schema",
+    "$id": "migrateXlfSchema",
+    "title": "Migriert die XLF Übersetzungsdateien in das neue Format.",
+    "type": "object",
+    "description": "Migriert die XLF Übersetzungsdateien in das neue Format.",
+    "properties": {
+        "project": {
+            "type": "string",
+            "description": "Der Projektname",
+            "$default": {
+                "$source": "projectName"
+            }
+        },
+        "namespace": {
+            "type": "boolean",
+            "description": "Deaktiviert die Namensräume in den generierten Dateien.",
+            "default": true
+        },
+        "verbose": {
+            "type": "boolean",
+            "description": "Generiert mehr Logausgaben",
+            "default": false
+        }
+    },
+    "required": [],
+    "additionalProperties": false
+}

package/src/updates/21.0.0/files/scripts/move-files.js

@@ -0,0 +1,14 @@
+const fse = require('fs-extra');
+
+console.log('> Script "move-files.js" started...');
+
+if (fse.pathExistsSync('dist/browser')) {
+  console.log('> Move files...');
+  fse.copySync('dist/browser', 'dist/', { overwrite: true });
+  fse.removeSync('dist/browser');
+  console.log('> Success!');
+} else {
+  console.log('> No folder "browser" found. Nothing is to do.');
+}
+
+console.log('> Script "move-de-files.js" finished.');

package/src/updates/21.0.0/files/transloco/base/transloco-loader.ts

@@ -0,0 +1,16 @@
+import { HttpClient } from '@angular/common/http';
+import { inject, Injectable } from '@angular/core';
+import { Translation, TranslocoLoader } from '@jsverse/transloco';
+import { forkJoin, map } from 'rxjs';
+
+@Injectable({ providedIn: 'root' })
+export class TranslocoHttpLoader implements TranslocoLoader {
+  private http = inject(HttpClient);
+
+  getTranslation(lang: string) {
+    const luxc$ = this.http.get<Translation>(`/assets/i18n/luxc-${lang}.json`);
+    const app$ = this.http.get<Translation>(`/assets/i18n/${lang}.json`);
+
+    return forkJoin([luxc$, app$]).pipe(map(([luxc, app]) => ({ ...luxc, ...app })));
+  }
+}

package/src/updates/21.0.0/files/transloco/base/transloco-root.config.ts

@@ -0,0 +1,21 @@
+import { isDevMode } from '@angular/core';
+import { provideTransloco } from '@jsverse/transloco';
+import { TranslocoHttpLoader } from './transloco-loader';
+
+/**
+ * Shared Transloco root provider so the configuration stays in one place.
+ */
+export function provideLuxTranslocoRoot() {
+  return provideTransloco({
+    config: {
+      availableLangs: [
+        { id: 'de', label: 'Deutsch' },
+        { id: 'en', label: 'English' }
+      ],
+      defaultLang: 'de',
+      reRenderOnLangChange: true,
+      prodMode: !isDevMode()
+    },
+    loader: TranslocoHttpLoader
+  });
+}

package/src/updates/21.0.0/files/transloco/i18n/de.json

@@ -0,0 +1,3 @@
+{
+    
+}

package/src/updates/21.0.0/files/transloco/i18n/en.json

@@ -0,0 +1,3 @@
+{
+    
+}

package/src/updates/21.0.0/files/transloco/testing/transloco-test.provider.ts

@@ -0,0 +1,51 @@
+import { inject, makeEnvironmentProviders, provideAppInitializer } from '@angular/core';
+import { provideTransloco, TranslocoLoader, TranslocoService } from '@jsverse/transloco';
+import { of } from 'rxjs';
+// Hinweis: setzt "resolveJsonModule" in tsconfig voraus (in Angular Projekten standardmäßig aktiv)
+// Falls nicht aktiv, bitte in tsconfig.lib.json ergänzen.
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore - Typen aus JSON
+import deBase from '../locale/de.json';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import enBase from '../locale/en.json';
+
+/**
+ * Test-Provider für Transloco.
+ * Lädt standardmäßig die echten Übersetzungen (de/en) und merged optionale Overrides.
+ * Optional können einzelne Keys für spezifische Tests überschrieben werden:
+ *   provideLuxTranslocoTesting({ de: { 'some.key': 'Neuer Wert' } })
+ */
+export function provideLuxTranslocoTesting(customLangs: Record<string, any> = {}) {
+  class TestingLoader implements TranslocoLoader {
+    getTranslation(lang: string) {
+      // Synchronous: real base translations + optional test overrides
+      const base = lang === 'de' ? (deBase as any) : lang === 'en' ? (enBase as any) : {};
+      const merged = { ...base, ...(customLangs[lang] || {}) };
+      return of(merged);
+    }
+  }
+
+  return makeEnvironmentProviders([
+    provideTransloco({
+      config: {
+        availableLangs: [
+          { id: 'de', label: 'Deutsch' },
+          { id: 'en', label: 'English' }
+        ],
+        defaultLang: 'de',
+        reRenderOnLangChange: true,
+        prodMode: true
+      },
+      loader: TestingLoader
+    }),
+    provideAppInitializer(() => {
+      const t = inject(TranslocoService);
+      t.setActiveLang('de');
+      t.setTranslation(deBase as any, 'de', { merge: true });
+      t.setTranslation(enBase as any, 'en', { merge: true });
+      if (customLangs['de']) t.setTranslation(customLangs['de'], 'de', { merge: true });
+      if (customLangs['en']) t.setTranslation(customLangs['en'], 'en', { merge: true });
+    })
+  ]);
+}

package/src/updates/21.0.0/index.js

@@ -0,0 +1,207 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addOrUpdate = exports.updateNodeMinVersion = exports.updateMinVersion = exports.updateMajorVersion = void 0;
+exports.update210000 = update210000;
+exports.updateProject = updateProject;
+exports.updatePackageJson = updatePackageJson;
+exports.migrateToTransloco = migrateToTransloco;
+exports.updatePackageJsonTransloco = updatePackageJsonTransloco;
+exports.updateStylesScss = updateStylesScss;
+exports.updateAngularJson = updateAngularJson;
+exports.updateKarmaConfJs = updateKarmaConfJs;
+exports.updateAngularJsonTransloco = updateAngularJsonTransloco;
+const schematics_1 = require("@angular-devkit/schematics");
+const chalk = require("chalk");
+const update_dependencies_1 = require("../../update-dependencies");
+const dependencies_1 = require("../../utility/dependencies");
+const files_1 = require("../../utility/files");
+const json_1 = require("../../utility/json");
+const logging_1 = require("../../utility/logging");
+const replace_item_1 = require("../../utility/replace-item");
+const typescript_1 = require("../../utility/typescript");
+const util_1 = require("../../utility/util");
+const validation_1 = require("../../utility/validation");
+exports.updateMajorVersion = '21';
+exports.updateMinVersion = '19.6.0';
+exports.updateNodeMinVersion = '20.0.0';
+exports.addOrUpdate = false;
+function update210000(options) {
+    return (_tree, _context) => {
+        return (0, schematics_1.chain)([check(options), (0, util_1.applyRuleIf)(exports.updateMinVersion, updateProject(options)), (0, util_1.finish)(false, `${chalk.greenBright('Fertig!')}`)]);
+    };
+}
+function updateProject(options) {
+    return (_tree, _context) => {
+        return (0, schematics_1.chain)([
+            (0, util_1.messageInfoRule)(`LUX-Components ${exports.updateMajorVersion} werden aktualisiert...`),
+            updatePackageJson(options),
+            migrateToTransloco(options),
+            updateAngularJson(options),
+            updateKarmaConfJs(options),
+            updateStylesScss(options),
+            (0, util_1.messageSuccessRule)(`LUX-Components ${exports.updateMajorVersion} wurden aktualisiert.`)
+        ]);
+    };
+}
+function check(_options) {
+    return (tree, _context) => {
+        (0, logging_1.logInfoWithDescriptor)(`Vorbedingungen werden geprüft...`);
+        (0, validation_1.validateNodeVersion)(_context, exports.updateNodeMinVersion);
+        (0, validation_1.validateLuxComponentsVersion)(tree, `${exports.updateMinVersion} || ^${exports.updateMajorVersion}.0.0`);
+        (0, logging_1.logSuccess)(`Vorbedingungen wurden geprüft.`);
+        return tree;
+    };
+}
+function updatePackageJson(_options) {
+    return (0, schematics_1.chain)([
+        (0, util_1.messageInfoRule)(`Abhängigkeiten in der Datei "package.json" werden aktualisiert...`),
+        (0, dependencies_1.updateDep)('@ihk-gfi/lux-components', '21.0.0', exports.addOrUpdate),
+        (0, dependencies_1.updateDep)('@ihk-gfi/lux-components-theme', '21.0.0', exports.addOrUpdate),
+        (0, dependencies_1.updateDep)('@ihk-gfi/lux-components-icons-and-fonts', '1.10.0', exports.addOrUpdate),
+        (0, update_dependencies_1.deleteDep)('@angular-devkit/build-angular'),
+        (0, util_1.messageSuccessRule)(`Abhängigkeiten in der Datei "package.json" wurden aktualisiert.`)
+    ]);
+}
+function migrateToTransloco(options) {
+    return (0, schematics_1.chain)([
+        (0, util_1.messageInfoRule)(`I18n wird auf Transloco umgestellt...`),
+        (0, dependencies_1.updateDep)('@jsverse/transloco', '^8.0.2', exports.addOrUpdate),
+        (0, update_dependencies_1.deleteDep)('@angular/localize'),
+        updatePackageJsonTransloco(options),
+        updateAngularJsonTransloco(options),
+        updateMainTsAndTestTs(options),
+        updateCompilerOptions(options),
+        addTranslocoProvider(options),
+        (0, util_1.messageSuccessRule)(`I18n wurde auf Transloco umgestellt.`)
+    ]);
+}
+function updatePackageJsonTransloco(options) {
+    const packageJson = (options.path ?? '') + '/package.json';
+    return (0, schematics_1.chain)([
+        (0, util_1.messageInfoRule)(`"package.json" wird aktualisiert...`),
+        (0, json_1.deleteJsonValue)(packageJson, ['scripts', 'xi18n']),
+        (0, json_1.deleteJsonValue)(packageJson, ['scripts', 'start-en']),
+        (0, files_1.replaceRule)(options, `--localize wird entfernt...`, `--localize wurde entfernt.`, packageJson, new replace_item_1.ReplaceItem(' --localize', '', true)),
+        (0, files_1.deleteFile)(options.path ?? '', 'move-de-files.js'),
+        (0, files_1.moveFilesToDirectory)(options, 'files/scripts', '/scripts'),
+        (0, files_1.moveFilesToDirectory)(options, 'files/transloco/base', '/src/app'),
+        (0, files_1.moveFilesToDirectory)(options, 'files/transloco/i18n', '/src/locale'),
+        (0, files_1.moveFilesToDirectory)(options, 'files/transloco/testing', '/src/testing'),
+        (0, files_1.replaceRule)(options, `move-de-files wird umbenannt in move-files...`, `move-de-files wurde umbenannt in move-files.`, packageJson, new replace_item_1.ReplaceItem('move-de-files', 'move-files', true), new replace_item_1.ReplaceItem('node move-files.js', 'node scripts/move-files.js', true)),
+        (0, util_1.messageSuccessRule)(`"package.json" wurde aktualisiert.`)
+    ]);
+}
+function addTranslocoProvider(options) {
+    return (tree, _context) => {
+        const appConfigTs = (options.path ?? '') + '/src/app/app.config.ts';
+        const appModuleTs = (options.path ?? '') + '/src/app/app.module.ts';
+        const tsFile = tree.exists(appConfigTs) ? appConfigTs : appModuleTs;
+        if (!tree.exists(tsFile)) {
+            (0, logging_1.logError)(`Weder "app.config.ts" noch "app.module.ts" wurde im Pfad "${options.path}/src/app/" gefunden.`);
+            (0, logging_1.logError)(`Der Transloco-Provider konnte nicht hinzugefügt werden.`);
+            return tree;
+        }
+        (0, typescript_1.addImport)(tree, tsFile, '@angular/core', 'inject');
+        (0, typescript_1.addImport)(tree, tsFile, '@angular/core', 'provideAppInitializer');
+        (0, typescript_1.addImport)(tree, tsFile, './transloco-root.config', 'provideLuxTranslocoRoot');
+        (0, typescript_1.addImport)(tree, tsFile, 'ngx-cookie-service', 'CookieService');
+        (0, typescript_1.addImport)(tree, tsFile, '@jsverse/transloco', 'LangDefinition');
+        (0, typescript_1.addImport)(tree, tsFile, '@jsverse/transloco', 'TranslocoService');
+        (0, typescript_1.addImport)(tree, tsFile, 'rxjs', 'firstValueFrom');
+        (0, typescript_1.addComponentProvider)(tree, tsFile, `provideAppInitializer(() => {
+      // Dependencies per inject() to avoid deprecated APP_INITIALIZER pattern.
+      const t = inject(TranslocoService);
+      const cookieService = inject(CookieService);
+
+      // Sprache aus CookieService auslesen (gleiches Cookie wie LuxLangSelectAcComponent)
+      const cookieLang = cookieService.get('X-GFI-LANGUAGE');
+      const available = t.getAvailableLangs().map((l) => (l as LangDefinition).id);
+      const chosen = cookieLang && available.includes(cookieLang) ? cookieLang : 'de';
+
+      // Sprache setzen bevor Komponenten erstellt werden.
+      t.setActiveLang(chosen);
+      // Sicherstellen, dass Ressourcen geladen sind bevor Bootstrap finalisiert.
+      return firstValueFrom(t.load(chosen));
+    })`);
+        (0, typescript_1.addComponentProvider)(tree, tsFile, `CookieService`);
+        (0, typescript_1.addComponentProvider)(tree, tsFile, `provideLuxTranslocoRoot()`);
+        return tree;
+    };
+}
+function updateStylesScss(options) {
+    const filePath = (options.path ?? '') + '/src/styles.scss';
+    return (0, schematics_1.chain)([
+        (0, files_1.replaceRule)(options, `"styles.scss" wird aktualisiert...`, `"styles.scss" wurde aktualisiert.`, filePath, new replace_item_1.ReplaceItem('@ihk-gfi/lux-components-theme/src/base/luxfonts', '@ihk-gfi/lux-components-theme/src/base-templates/common/luxfonts', true))
+    ]);
+}
+function updateAngularJson(options) {
+    const filePath = (options.path ?? '') + '/angular.json';
+    return (0, schematics_1.chain)([
+        (0, files_1.replaceRule)(options, `"angular.json" wird aktualisiert...`, `"angular.json" wurde aktualisiert.`, filePath, new replace_item_1.ReplaceItem('@angular-devkit/build-angular', '@angular/build', true))
+    ]);
+}
+function updateKarmaConfJs(options) {
+    const filePath = (options.path ?? '') + '/karma.conf.js';
+    return (0, schematics_1.chain)([
+        (0, files_1.replaceRule)(options, `"karma.conf.js" wird aktualisiert...`, `"karma.conf.js" wurde aktualisiert.`, filePath, new replace_item_1.ReplaceItem('require(\'@angular-devkit/build-angular/plugins/karma\')', '', true), new replace_item_1.ReplaceItem('require("@angular-devkit/build-angular/plugins/karma")', '', true), new replace_item_1.ReplaceItem('require(\'@angular-devkit/build-angular/plugins/karma\'),', '', true), new replace_item_1.ReplaceItem('require("@angular-devkit/build-angular/plugins/karma"),', '', true))
+    ]);
+}
+function updateAngularJsonTransloco(options) {
+    const angularJson = (options.path ?? '') + '/angular.json';
+    const i18nComponents = {
+        glob: '*.json',
+        input: 'node_modules/@ihk-gfi/lux-components/locale',
+        output: './assets/i18n'
+    };
+    const i18nApp = {
+        glob: '*.json',
+        input: 'src/locale',
+        output: './assets/i18n'
+    };
+    const angularInitFn = (node) => (0, json_1.findStringInArray)(node, '@angular/localize/init');
+    return (0, schematics_1.chain)([
+        (0, util_1.messageInfoRule)(`"angular.json" wird aktualisiert...`),
+        (0, json_1.deleteJsonValue)(angularJson, ['projects', options.project, 'i18n']),
+        (0, json_1.updateJsonArray)(angularJson, ['projects', options.project, 'architect', 'build', 'options', 'assets'], i18nComponents),
+        (0, json_1.updateJsonArray)(angularJson, ['projects', options.project, 'architect', 'build', 'options', 'assets'], i18nApp),
+        (0, json_1.updateJsonArray)(angularJson, ['projects', options.project, 'architect', 'test', 'options', 'assets'], i18nComponents),
+        (0, json_1.updateJsonArray)(angularJson, ['projects', options.project, 'architect', 'test', 'options', 'assets'], i18nApp),
+        (0, json_1.deleteJsonArray)(angularJson, ['projects', options.project, 'architect', 'build', 'options', 'polyfills'], angularInitFn),
+        (0, json_1.deleteJsonArray)(angularJson, ['projects', options.project, 'architect', 'test', 'options', 'polyfills'], angularInitFn),
+        (0, json_1.deleteJsonValue)(angularJson, ['projects', options.project, 'architect', 'build', 'options', 'localize']),
+        (0, json_1.deleteJsonValue)(angularJson, ['projects', options.project, 'architect', 'build', 'options', 'i18nMissingTranslation']),
+        (0, json_1.deleteJsonValue)(angularJson, ['projects', options.project, 'architect', 'build', 'configurations', 'en']),
+        (0, json_1.deleteJsonValue)(angularJson, ['projects', options.project, 'architect', 'extract-i18n']),
+        (0, util_1.messageSuccessRule)(`"angular.json" wurde aktualisiert.`)
+    ]);
+}
+function updateMainTsAndTestTs(options) {
+    return (tree, _context) => {
+        (0, files_1.iterateFilesAndModifyContent)(tree, options.path, (filePath, content) => {
+            let result = content;
+            result = (0, util_1.replaceAll)(result, `/// <reference types="@angular/localize" />`, ``);
+            if (content !== result) {
+                (0, logging_1.logInfo)(filePath + ' wurde angepasst.');
+                tree.overwrite(filePath, result);
+            }
+        }, 'main.ts', 'test.ts');
+    };
+}
+function updateCompilerOptions(options) {
+    return (tree, _context) => {
+        const paths = ['/tsconfig.json', '/tsconfig.spec.json', '/tsconfig.app.json'];
+        const prePath = options.path ?? '';
+        const rules = [];
+        for (const filePath of paths) {
+            const path1 = prePath + filePath;
+            if (tree.exists(path1)) {
+                rules.push((0, json_1.deleteJsonArray)(path1, ['compilerOptions', 'types'], (node) => (0, json_1.findStringInArray)(node, '@angular/localize')));
+            }
+            const path2 = prePath + `/src` + filePath;
+            if (tree.exists(path2)) {
+                rules.push((0, json_1.deleteJsonArray)(path2, ['compilerOptions', 'types'], (node) => (0, json_1.findStringInArray)(node, '@angular/localize')));
+            }
+        }
+        return (0, schematics_1.chain)(rules);
+    };
+}

package/src/updates/21.0.0/schema.json

@@ -0,0 +1,23 @@
+{
+    "$schema": "http://json-schema.org/schema",
+    "$id": "luxUpdateSchema",
+    "title": "Aktualisiert das LUX-Componentsprojekt",
+    "type": "object",
+    "description": "Aktualisiert das LUX-Componentsprojekt",
+    "properties": {
+        "project": {
+            "type": "string",
+            "description": "Der Projektname",
+            "$default": {
+                "$source": "projectName"
+            }
+        },
+        "verbose": {
+            "type": "boolean",
+            "description": "Generiert mehr Logausgaben",
+            "default": false
+        }
+    },
+    "required": [],
+    "additionalProperties": false
+}

package/src/updates/21.1.0/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.update210100 = update210100;
+const schematics_1 = require("@angular-devkit/schematics");
+const chalk = require("chalk");
+const index_1 = require("../../update-dependencies/index");
+const util_1 = require("../../utility/util");
+function update210100(_options, runNpmInstall = true) {
+    return (_tree, _context) => {
+        return (0, schematics_1.chain)([
+            (0, util_1.messageInfoRule)(`Die LUX-Components werden auf die Version 21.1.0 aktualisiert...`),
+            (0, util_1.messageInfoRule)(`Die Datei "package.json" wird angepasst...`),
+            (0, index_1.updateDep)('@ihk-gfi/lux-components', '21.1.0', false),
+            (0, index_1.updateDep)('@ihk-gfi/lux-components-theme', '21.1.0', false),
+            (0, util_1.messageSuccessRule)(`Die LUX-Components wurden auf die Version 21.1.0 aktualisiert.`),
+            (0, util_1.finish)(runNpmInstall, `${chalk.yellowBright('Fertig!')}`)
+        ]);
+    };
+}

package/src/updates/21.1.0/schema.json

@@ -0,0 +1,23 @@
+{
+    "$schema": "http://json-schema.org/schema",
+    "$id": "luxupdate210100Schema",
+    "title": "Aktualisiert das LUX-Componentsprojekt",
+    "type": "object",
+    "description": "Aktualisiert das LUX-Componentsprojekt",
+    "properties": {
+        "project": {
+            "type": "string",
+            "description": "Der Projektname",
+            "$default": {
+                "$source": "projectName"
+            }
+        },
+        "verbose": {
+            "type": "boolean",
+            "description": "Generiert mehr Logausgaben",
+            "default": false
+        }
+    },
+    "required": [],
+    "additionalProperties": false
+}

package/src/utility/dependencies.js

@@ -1,15 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NodeDependencyType = void 0;
-exports.hasPackageJsonDependency = hasPackageJsonDependency;
-exports.getPackageJsonDependency = getPackageJsonDependency;
-exports.updateDependency = updateDependency;
-exports.updateDependencyDev = updateDependencyDev;
-exports.updatePackageJsonDependency = updatePackageJsonDependency;
-exports.deletePackageJsonDependency = deletePackageJsonDependency;
-const chalk = require("chalk");
+exports.hasDep = hasDep;
+exports.getDep = getDep;
+exports.updateDep = updateDep;
+exports.deleteDep = deleteDep;
+exports.updateDevDep = updateDevDep;
+exports.deleteDevDep = deleteDevDep;
 const jsonc_parser_1 = require("jsonc-parser");
-const files_1 = require("./files");
 const json_1 = require("./json");
 const logging_1 = require("./logging");
 var NodeDependencyType;
@@ -24,7 +22,7 @@ var NodeDependencyType;
  * @param tree
  * @param name
  */
-function hasPackageJsonDependency(tree, name) {
+function hasDep(tree, name) {
     const packageJsonNode = (0, json_1.readJson)(tree, '/package.json');
     let dependency = undefined;
     [NodeDependencyType.Default, NodeDependencyType.Dev, NodeDependencyType.Optional, NodeDependencyType.Peer].forEach((depType) => {
@@ -44,7 +42,7 @@ function hasPackageJsonDependency(tree, name) {
  * @param tree
  * @param name
  */
-function getPackageJsonDependency(tree, name) {
+function getDep(tree, name) {
     const packageJsonNode = (0, json_1.readJson)(tree, '/package.json');
     let dependency = null;
     [NodeDependencyType.Default, NodeDependencyType.Dev, NodeDependencyType.Optional, NodeDependencyType.Peer].forEach((depType) => {
@@ -64,53 +62,15 @@ function getPackageJsonDependency(tree, name) {
         throw (0, logging_1.formattedSchematicsException)(`Dependency ${name} nicht in der package.json gefunden.`);
     }
 }
-/**
- * Aktualisiert eine Dependency in der package.json bzw. fügt diese hinzu, falls sie noch nicht vorhanden ist.
- * @param tree
- * @param name
- * @param verion
- */
-function updateDependency(tree, name, version) {
-    updatePackageJsonDependency(tree, { type: NodeDependencyType.Default, name: name, version: version });
+function updateDep(name, version, onlyUpdate) {
+    return (0, json_1.updateJsonValue)('/package.json', [NodeDependencyType.Default, name], version, onlyUpdate);
 }
-/**
- * Aktualisiert eine Dependency in der package.json bzw. fügt diese hinzu, falls sie noch nicht vorhanden ist.
- * @param tree
- * @param name
- * @param verion
- */
-function updateDependencyDev(tree, name, version) {
-    updatePackageJsonDependency(tree, { type: NodeDependencyType.Dev, name: name, version: version });
+function deleteDep(name) {
+    return (0, json_1.updateJsonValue)('/package.json', [NodeDependencyType.Default, name], void 0, true);
 }
-/**
- * Aktualisiert eine Dependency in der package.json bzw. fügt diese hinzu, falls sie noch nicht vorhanden ist.
- * @param tree
- * @param dependency
- */
-function updatePackageJsonDependency(tree, dependency) {
-    const packageJsonAsNode = (0, json_1.readJson)(tree, '/package.json');
-    let node = (0, jsonc_parser_1.findNodeAtLocation)(packageJsonAsNode, [dependency.type.toString(), dependency.name]);
-    if (node) {
-        if (node && node.value !== dependency.version) {
-            (0, logging_1.logInfo)(`Dependency ` + chalk.yellowBright(`${dependency.name}`) + ` ${node.value} wird ersetzt durch ${dependency.version}.`);
-        }
-    }
-    else {
-        (0, logging_1.logInfo)(`Dependency ` + chalk.yellowBright(`${dependency.name}`) + ` ${dependency.version} wird im Abschnitt ${dependency.type} hinzugefügt.`);
-    }
-    if (!node || node.value !== dependency.version) {
-        const packageJonsAsString = (0, json_1.readJsonAsString)(tree, '/package.json');
-        const edits = (0, jsonc_parser_1.modify)(packageJonsAsString, [dependency.type.toString(), dependency.name], dependency.version, {
-            formattingOptions: json_1.jsonFormattingOptions
-        });
-        if (edits) {
-            tree.overwrite('/package.json', (0, jsonc_parser_1.applyEdits)(packageJonsAsString, edits));
-        }
-    }
+function updateDevDep(name, version, onlyUpdate) {
+    return (0, json_1.updateJsonValue)('/package.json', [NodeDependencyType.Dev, name], version, onlyUpdate);
 }
-function deletePackageJsonDependency(tree, context, dependency) {
-    const changed = (0, files_1.deleteLineFromFile)(tree, context, '/package.json', dependency.name, false);
-    if (changed) {
-        (0, logging_1.logInfo)(`Dependency ` + chalk.yellowBright(`${dependency.name}`) + ` wurde aus dem Abschnitt ${dependency.type} gelöscht.`);
-    }
+function deleteDevDep(name) {
+    return (0, json_1.updateJsonValue)('/package.json', [NodeDependencyType.Dev, name], void 0, true);
 }

package/src/utility/typescript.js

@@ -6,6 +6,8 @@ exports.removeInterface = removeInterface;
 exports.addImport = addImport;
 exports.removeImport = removeImport;
 exports.addComponentImport = addComponentImport;
+exports.addComponentProvider = addComponentProvider;
+exports.addComponent = addComponent;
 exports.removeComponentImport = removeComponentImport;
 exports.removeComponentProvider = removeComponentProvider;
 exports.getSiblings = getSiblings;
@@ -304,11 +306,17 @@ function removeImport(tree, filePath, packageName, importName, logMessage = true
     }
 }
 function addComponentImport(tree, filePath, importName, logMessage = true) {
+    addComponent(tree, filePath, "imports", importName, logMessage);
+}
+function addComponentProvider(tree, filePath, importName, logMessage = true) {
+    addComponent(tree, filePath, "providers", importName, logMessage);
+}
+function addComponent(tree, filePath, property, importName, logMessage = true) {
     const content = tree.read(filePath).toString();
     const fileName = filePath.substring(filePath.lastIndexOf('/') + 1, filePath.length);
     const sourceFile = ts.createSourceFile(`${fileName}`, content, ts.ScriptTarget.Latest, true);
     const nodes = getSourceNodes(sourceFile);
-    const importIdentifierNode = nodes.find((n) => n.kind === ts.SyntaxKind.Identifier && n.getText() === 'imports');
+    const importIdentifierNode = nodes.find((n) => n.kind === ts.SyntaxKind.Identifier && n.getText() === property);
     if (importIdentifierNode) {
         const siblings = importIdentifierNode.parent.getChildren();
         if (siblings) {
@@ -324,7 +332,7 @@ function addComponentImport(tree, filePath, importName, logMessage = true) {
                                 updateRecorder.insertLeft(importChildren[0].pos, `${importName}, `);
                                 tree.commitUpdate(updateRecorder);
                                 if (logMessage) {
-                                    (0, logging_1.logInfo)(`import ${importName} hinzugefügt.`);
+                                    (0, logging_1.logInfo)(`${property} ${importName} hinzugefügt.`);
                                 }
                             }
                         }
@@ -333,7 +341,7 @@ function addComponentImport(tree, filePath, importName, logMessage = true) {
                             updateRecorder.insertLeft(importNode.end, `${importName}`);
                             tree.commitUpdate(updateRecorder);
                             if (logMessage) {
-                                (0, logging_1.logInfo)(`import ${importName} hinzugefügt.`);
+                                (0, logging_1.logInfo)(`${property} ${importName} hinzugefügt.`);
                             }
                         }
                     }
@@ -346,10 +354,10 @@ function addComponentImport(tree, filePath, importName, logMessage = true) {
         if (selectIdentifierNode) {
             const lastNode = selectIdentifierNode.parent.getChildren()[selectIdentifierNode.parent.getChildren().length - 1];
             const updateRecorder = tree.beginUpdate(filePath);
-            updateRecorder.insertLeft(lastNode.end, `,\n  imports: [${importName}]`);
+            updateRecorder.insertLeft(lastNode.end, `,\n  ${property}: [${importName}]`);
             tree.commitUpdate(updateRecorder);
             if (logMessage) {
-                (0, logging_1.logInfo)(`import ${importName} hinzugefügt.`);
+                (0, logging_1.logInfo)(`${property} ${importName} hinzugefügt.`);
             }
         }
     }

package/src/utility/util.js

@@ -116,7 +116,7 @@ function applyRuleIfFileNotExists(rule, path) {
 }
 function applyRuleIf(minVersion, rule) {
     return (tree, _context) => {
-        let version = (0, dependencies_1.getPackageJsonDependency)(tree, '@ihk-gfi/lux-components').version;
+        let version = (0, dependencies_1.getDep)(tree, '@ihk-gfi/lux-components').version;
         if (semver.satisfies(minVersion, version)) {
             return rule;
         }

package/src/utility/validation.js

@@ -16,14 +16,8 @@ function validateNodeVersion(_context, minimumVersion) {
     }
     (0, logging_1.logInfo)(`Nodeversion ${process.versions.node} -> ok`);
 }
-/**
- * Prüft die Angular Version der aufrufenden Applikation und wirft eine SchematicsException, wenn
- * die Version nicht der erforderlichen entspricht.
- * @param tree
- * @param angularVersion
- */
 function validateAngularVersion(tree, angularVersion) {
-    const currentVersion = (0, dependencies_1.getPackageJsonDependency)(tree, '@angular/common').version.replace(/([\^~])/g, '');
+    const currentVersion = (0, dependencies_1.getDep)(tree, '@angular/common').version.replace(/([\^~])/g, '');
     if (!semver.satisfies(currentVersion, angularVersion)) {
         (0, logging_1.logInfo)(`Angularversion ${currentVersion} -> ${chalk.redBright('fail')}`);
         throw (0, logging_1.formattedSchematicsException)(`Sie nutzen die Angular Version ${currentVersion}.`, `Dieser Generator benötigt allerdings eine ${angularVersion}.`, `Bitte nutzen Sie eine neuere Schematic für Ihr Update.`);
@@ -31,7 +25,7 @@ function validateAngularVersion(tree, angularVersion) {
     (0, logging_1.logInfo)(`Angularversion ${currentVersion} -> ok`);
 }
 function validateLuxComponentsVersion(tree, versionRange) {
-    const version = (0, dependencies_1.getPackageJsonDependency)(tree, '@ihk-gfi/lux-components').version.replace(/([\^~])/g, '');
+    const version = (0, dependencies_1.getDep)(tree, '@ihk-gfi/lux-components').version.replace(/([\^~])/g, '');
     if (!semver.satisfies(version, versionRange)) {
         (0, logging_1.logInfo)(`LUX-Componentsversion ${version} -> ${chalk.redBright('fail')}`);
         throw (0, logging_1.formattedSchematicsException)(`Die LUX-Componentsversion ${version} wird nicht unterstützt. ` + `Dieser Updater unterstützt die Versionen ${versionRange}.`);