@public-ui/kolibri-cli 4.0.0-alpha.0 → 4.0.0-alpha.2

package/README.md

@@ -1,8 +1,19 @@
 # KoliBri - CLI-Tools
 
+Command line utilities to help maintain and migrate KoliBri projects.
+
+[![npm](https://img.shields.io/npm/v/@public-ui/kolibri-cli)](https://www.npmjs.com/package/@public-ui/components)
+[![license](https://img.shields.io/npm/l/@public-ui/kolibri-cli)](https://github.com/public-ui/kolibri/blob/main/LICENSE)
+[![downloads](https://img.shields.io/npm/dt/@public-ui/kolibri-cli)](https://www.npmjs.com/package/@public-ui/kolibri-cli)
+[![issues](https://img.shields.io/github/issues/public-ui/kolibri)](https://github.com/public-ui/kolibri/issues)
+[![pull requests](https://img.shields.io/github/issues-pr/public-ui/kolibri)](https://github.com/public-ui/kolibri/pulls)
+[![size](https://img.shields.io/bundlephobia/min/@public-ui/kolibri-cli)](https://bundlephobia.com/result?p=@public-ui/kolibri-cli)
+![contributors](https://img.shields.io/github/contributors/public-ui/kolibri)
+
 ## Motivation
 
 The `KoliBri` CLI-Tools are a collection of tools to support the development with `KoliBri` components.
+They also help migrating projects when new components or design tokens are introduced.
 
 ## Installation
 
@@ -14,6 +25,8 @@ pnpm i -g @public-ui/kolibri-cli
 yarn add -g @public-ui/kolibri-cli
 ```
 
+> **Important:** Install exactly the CLI version you want to upgrade to. The migration tool compares your locally installed `@public-ui/components` version with the CLI version to decide which migration tasks must run and in which order.
+
 ## Usage
 
 The `KoliBri` CLI is intended to be executed in your project root directory. Use the `kolibri` command to start the CLI.
@@ -45,6 +58,7 @@ Commands:
 ```
 
 ### Info
+
 With the `info` command you can show the current system and KoliBri package information.
 
 This command is mainly needed for our bug issue templates.
@@ -77,6 +91,53 @@ Actually the following migration tasks from version 1 to version 2 are available
 - Detection of `_iconOnly` in TSX is not stable ([#5404](https://github.com/public-ui/kolibri/issues/5404)) ⏰
 - Handle the remove `@public-ui/core` package ([#???](https://github.com/public-ui/kolibri/issues/????)) ⏰
 
+#### Theme Migration
+
+The CLI also supports migrating KoliBri themes alongside component updates to ensure theme packages remain synchronized with breaking changes in the component library.
+
+##### Goal
+
+Synchronies breaking changes in components with the styling of each theme package so that upgrades require minimal manual work.
+
+##### Requirements
+
+- Components and themes follow the BEM naming convention via `typed-bem`.
+- Each theme lives under `packages/themes` and keeps its SCSS sources in `src/`.
+- The CLI migration tool can read and modify `.scss` files.
+
+##### Concept
+
+1. **Central BEM schemas**
+   - Every component exports its BEM schema. These schemas are used by the CLI to generate SCSS files and by themes to reference selectors.
+   - When a selector changes, the same schema information allows the migration to update all theme packages consistently.
+
+2. **SCSS migration tasks**
+   The CLI runner is extended with task types operating on SCSS. They behave like the existing property tasks and are idempotent.
+   - `RenameBlockTask` – rename a block selector everywhere in a theme.
+   - `RenameElementTask` – rename an element within a block.
+   - `RenameModifierTask` – rename or replace a modifier.
+   - `AddSelectorTask` and `RemoveSelectorTask` – insert or remove entire rule sets.
+   - `UpdateTokenTask` – adjust variable names or values when tokens change.
+   - `MoveRulesTask` – move declarations from one selector to another if the DOM structure changes.
+
+   Tasks scan the SCSS with regular expressions or an AST parser. If a pattern is missing the task logs a warning instead of failing.
+
+3. **Safe execution**
+   - Migrations abort when uncommitted changes are detected unless `--ignore-uncommitted-changes` is specified.
+   - Each task logs the files it touched. After completion Prettier can format them automatically.
+   - Because tasks are idempotent, rerunning the migration produces no new changes. To undo a run, reset the Git state.
+
+##### Theme Migration Workflow Example
+
+```bash
+pnpm i -g @public-ui/kolibri-cli@2      # install the CLI matching the next version
+kolibri migrate path/to/project         # run all tasks for the upgrade
+pnpm format                             # format changed files
+git diff                                # review results and commit
+```
+
+Using these tasks, theme packages remain aligned with component updates. Future breaking changes can be scripted and applied via the CLI so that projects can upgrade in a controlled and reproducible way.
+
 #### How does it work?
 
 1. The migration command will check your project for clear `git history` and the `installed version` of `KoliBri`. Now it loads all available migration tasks.

package/dist/generate-scss/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const components_1 = require("@public-ui/components");
+const scss_1 = require("typed-bem/scss");
+/**
+ * This function is used to register the scss generator command.
+ * @param {Command} program The program object to register the command
+ */
+function default_1(program) {
+    program
+        .command('generate-scss')
+        .description('Generate SCSS files with BEM selectors for KoliBri components (experimental).')
+        .action(() => {
+        (0, scss_1.generateBemScssFile)(components_1.BEM_ALERT, 'alert');
+        (0, scss_1.generateBemScssFile)(components_1.BEM_ICON, 'icon');
+    });
+}

package/dist/index.js

@@ -6,24 +6,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const commander_1 = require("commander");
 const gradient_string_1 = __importDefault(require("gradient-string"));
+const generate_scss_1 = __importDefault(require("./generate-scss"));
 const info_1 = __importDefault(require("./info"));
 const migrate_1 = __importDefault(require("./migrate"));
 const reuse_1 = require("./migrate/shares/reuse");
 const versionOfPublicUiKoliBriCli = (0, reuse_1.getVersionOfPublicUiKoliBriCli)();
-const banner = gradient_string_1.default.atlas.multiline(`
+const banner = (0, gradient_string_1.default)(['red', 'green'], { interpolation: 'hsv', hsvSpin: 'long' }).multiline(`
 ,--. ,--.         ,--. ,--. ,-----.           ,--.
 |  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'
 |  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.
 |  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |
 \`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'
 🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${versionOfPublicUiKoliBriCli}
-`, {
-    interpolation: 'hsv',
-});
+`);
 console.log(banner);
 const program = new commander_1.Command();
 program.name('kolibri').description('CLI for executing some helpful commands for KoliBri projects.').version(versionOfPublicUiKoliBriCli);
 // Add commands
+(0, generate_scss_1.default)(program);
 (0, info_1.default)(program);
 (0, migrate_1.default)(program);
-program.parse();
+void program.parseAsync();

package/dist/info/index.js

@@ -11,9 +11,22 @@ const fs_1 = __importDefault(require("fs"));
 // Function to get the binary version
 const getBinaryVersion = (command) => {
     try {
+        // For yarn, use a temporary directory to prevent package.json modification
+        // Yarn with Corepack automatically adds packageManager field when executed
+        if (command === 'yarn') {
+            const originalCwd = process.cwd();
+            const tmpDir = os_1.default.tmpdir();
+            process.chdir(tmpDir);
+            try {
+                return (0, child_process_1.execSync)(`${command} --version`, { encoding: 'utf8' }).trim();
+            }
+            finally {
+                process.chdir(originalCwd);
+            }
+        }
         return (0, child_process_1.execSync)(`${command} --version`, { encoding: 'utf8' }).trim();
     }
-    catch (_a) {
+    catch {
         return 'N/A';
     }
 };
@@ -36,16 +49,16 @@ const getRelevantPackagesInfo = () => {
     const packageJson = JSON.parse(fs_1.default.readFileSync(packageJsonPath, 'utf8'));
     const packagePattern = /^@public-ui\//;
     const packagesInfo = {};
-    const allDependencies = Object.assign(Object.assign({}, packageJson === null || packageJson === void 0 ? void 0 : packageJson.dependencies), packageJson === null || packageJson === void 0 ? void 0 : packageJson.devDependencies);
+    const allDependencies = { ...packageJson?.dependencies, ...packageJson?.devDependencies };
     Object.keys(allDependencies).forEach((pkg) => {
         if (packagePattern.test(pkg)) {
-            packagesInfo[pkg] = allDependencies === null || allDependencies === void 0 ? void 0 : allDependencies[pkg];
+            packagesInfo[pkg] = allDependencies?.[pkg];
         }
     });
     // Add specific packages not matching the pattern
     const additionalPackages = ['react', 'react-dom', 'typescript'];
     additionalPackages.forEach((pkg) => {
-        packagesInfo[pkg] = (allDependencies === null || allDependencies === void 0 ? void 0 : allDependencies[pkg]) || 'N/A';
+        packagesInfo[pkg] = allDependencies?.[pkg] || 'N/A';
     });
     return packagesInfo;
 };

package/dist/migrate/index.js

@@ -16,6 +16,8 @@ const tasks_1 = require("./runner/tasks");
 const test_1 = require("./runner/tasks/test");
 const v1_1 = require("./runner/tasks/v1");
 const v2_1 = require("./runner/tasks/v2");
+const v3_1 = require("./runner/tasks/v3");
+const v4_1 = require("./runner/tasks/v4");
 const assets_1 = require("./runner/tasks/v1/assets");
 const reuse_1 = require("./shares/reuse");
 const types_1 = require("./types");
@@ -61,6 +63,12 @@ Current version of @public-ui/*: ${options.overwriteCurrentVersion}
 Target version of @public-ui/*: ${options.overwriteTargetVersion}
 Source folder to migrate: ${baseDir}
 `);
+            if (!fs_1.default.existsSync(baseDir)) {
+                throw (0, reuse_1.logAndCreateError)(`The specified source folder "${baseDir}" does not exist or is inaccessible. Please check the path and try again.`);
+            }
+            if (!(0, reuse_1.hasKoliBriTags)(baseDir)) {
+                console.log(chalk_1.default.yellow(`No KoliBri components (web or React) found under "${baseDir}". Check the path or your task configuration.`));
+            }
             if (!options.ignoreGreaterVersion && semver_1.default.lt(options.overwriteTargetVersion, options.overwriteCurrentVersion)) {
                 throw (0, reuse_1.logAndCreateError)('Your current version of @public-ui/components is greater than the version of @public-ui/kolibri-cli. Please update @public-ui/kolibri-cli or force the migration with --ignore-greater-version.');
             }
@@ -78,6 +86,8 @@ Source folder to migrate: ${baseDir}
             runner.registerTasks(tasks_1.commonTasks);
             runner.registerTasks(v1_1.v1Tasks);
             runner.registerTasks(v2_1.v2Tasks);
+            runner.registerTasks(v3_1.v3Tasks);
+            runner.registerTasks(v4_1.v4Tasks);
             runner.registerTasks((0, assets_1.getAssetTasks)(baseDir));
             if (options.testTasks) {
                 runner.registerTasks(test_1.testTasks);
@@ -143,14 +153,16 @@ Source folder to migrate: ${baseDir}
              * Prints the status of the task runner and the modified files.
              */
             function finish() {
-                var _a, _b;
                 console.log(`
 Status of all executed Tasks:`);
                 const status = runner.getStatus(true);
                 // Merge config with current config of Runner
                 config = {
                     migrate: {
-                        tasks: Object.assign(Object.assign({}, (_a = status.config.migrate) === null || _a === void 0 ? void 0 : _a.tasks), (_b = config.migrate) === null || _b === void 0 ? void 0 : _b.tasks),
+                        tasks: {
+                            ...status.config.migrate?.tasks,
+                            ...config.migrate?.tasks,
+                        },
                     },
                 };
                 fs_1.default.writeFileSync(configFile, JSON.stringify(config, null, 2));
@@ -159,6 +171,9 @@ Modified files: ${reuse_1.MODIFIED_FILES.size}`);
                 reuse_1.MODIFIED_FILES.forEach((file) => {
                     console.log(`- ${file}`);
                 });
+                if (reuse_1.MODIFIED_FILES.size === 0) {
+                    console.log(chalk_1.default.yellow(`No files were modified. Verify the folder "${baseDir}" or check your .kolibri.config.json tasks.`));
+                }
                 if (reuse_1.MODIFIED_FILES.size > 0 && options.format) {
                     console.log(`
 We try to format the modified files with prettier...`);

package/dist/migrate/runner/abstract-task.js

@@ -8,13 +8,20 @@ const semver_1 = __importDefault(require("semver"));
 const types_1 = require("../../types");
 const reuse_1 = require("../shares/reuse");
 class AbstractTask {
+    identifier;
+    title;
+    extensions;
+    versionRange;
+    taskDependencies;
+    status = 'pending';
+    static instances = new Map();
+    description;
     constructor(identifier, title, extensions, versionRange, taskDependencies = [], options = {}) {
         this.identifier = identifier;
         this.title = title;
         this.extensions = extensions;
         this.versionRange = versionRange;
         this.taskDependencies = taskDependencies;
-        this.status = 'pending';
         this.description = options.description;
         this.extensions = this.extensions.filter((ext) => types_1.FILE_EXTENSIONS.includes(ext));
         if (!semver_1.default.validRange(this.versionRange)) {
@@ -44,4 +51,3 @@ class AbstractTask {
     }
 }
 exports.AbstractTask = AbstractTask;
-AbstractTask.instances = new Map();

package/dist/migrate/runner/task-runner.js

@@ -11,20 +11,20 @@ const semver_1 = __importDefault(require("semver"));
 const reuse_1 = require("../shares/reuse");
 const MIN_VERSION_OF_PUBLIC_UI = '1.4.2';
 class TaskRunner {
+    tasks = new Map();
+    baseDir = '/';
+    cliVersion = '0.0.0';
+    projectVersion = '0.0.0';
+    config = {
+        migrate: {
+            tasks: {},
+        },
+    };
     constructor(baseDir, cliVersion, projectVersion, config) {
-        this.tasks = new Map();
-        this.baseDir = '/';
-        this.cliVersion = '0.0.0';
-        this.projectVersion = '0.0.0';
-        this.config = {
-            migrate: {
-                tasks: {},
-            },
-        };
         this.setBaseDir(baseDir);
         this.setCliVersion(cliVersion);
         this.setProjectVersion(projectVersion);
-        this.setConfig(Object.assign({}, config)); // clone config
+        this.setConfig({ ...config }); // clone config
     }
     setBaseDir(baseDir) {
         if (!fs_1.default.existsSync(path_1.default.resolve(process.cwd(), baseDir))) {
@@ -47,9 +47,11 @@ class TaskRunner {
         }
     }
     setConfig(config) {
-        var _a, _b;
-        if ((_a = config.migrate) === null || _a === void 0 ? void 0 : _a.tasks) {
-            this.config.migrate.tasks = Object.assign(Object.assign({}, this.config.migrate.tasks), (_b = config.migrate) === null || _b === void 0 ? void 0 : _b.tasks);
+        if (config.migrate?.tasks) {
+            this.config.migrate.tasks = {
+                ...this.config.migrate.tasks,
+                ...config.migrate?.tasks,
+            };
         }
     }
     registerTasks(tasks) {
@@ -79,8 +81,7 @@ class TaskRunner {
         this.registerTasks([task]);
     }
     runTask(task) {
-        var _a;
-        if (((_a = this.config.migrate) === null || _a === void 0 ? void 0 : _a.tasks[task.getIdentifier()]) === false) {
+        if (this.config.migrate?.tasks[task.getIdentifier()] === false) {
             task.setStatus('skipped');
         }
         else {
@@ -112,18 +113,16 @@ class TaskRunner {
         });
     }
     getPendingMinVersion() {
-        var _a;
         let version = this.cliVersion;
         this.tasks.forEach((task) => {
-            var _a, _b;
             if (task.getStatus() === 'pending') {
-                const minVersion = (_b = (_a = semver_1.default.minVersion(task.getVersionRange())) === null || _a === void 0 ? void 0 : _a.raw) !== null && _b !== void 0 ? _b : this.cliVersion;
+                const minVersion = semver_1.default.minVersion(task.getVersionRange())?.raw ?? this.cliVersion;
                 if (semver_1.default.gt(version, minVersion)) {
                     version = minVersion;
                 }
             }
         });
-        return (_a = semver_1.default.maxSatisfying([version], `>=${MIN_VERSION_OF_PUBLIC_UI}`)) !== null && _a !== void 0 ? _a : MIN_VERSION_OF_PUBLIC_UI;
+        return semver_1.default.maxSatisfying([version], `>=${MIN_VERSION_OF_PUBLIC_UI}`) ?? MIN_VERSION_OF_PUBLIC_UI;
     }
     getStatus(outline = false) {
         let done = 0;

package/dist/migrate/runner/tasks/common/ExecTask.js

@@ -4,6 +4,7 @@ exports.ExecTask = void 0;
 const child_process_1 = require("child_process");
 const abstract_task_1 = require("../../abstract-task");
 class ExecTask extends abstract_task_1.AbstractTask {
+    command;
     constructor(identifier, title, command, versionRange, dependentTasks, options) {
         super(identifier, title, [], versionRange, dependentTasks, options);
         this.command = command;

package/dist/migrate/runner/tasks/common/GenericRenamePropertyTask.js

@@ -11,6 +11,10 @@ const abstract_task_1 = require("../../abstract-task");
 const DATA_REMOVED_REGEXP = /DataRemoved_/gi; // not /DataRemoved-_/g
 const DATA_REMOVEDS_REGEXP = /(data-removed-){2,}/g;
 class GenericRenamePropertyTask extends abstract_task_1.AbstractTask {
+    newProperty;
+    componentRegExp;
+    customElementRegExp;
+    newPropertyInCamelCase;
     constructor(identifier, description, tag, oldProperty, newProperty, versionRange, dependentTasks = [], options = {}) {
         super(identifier, description, types_1.MARKUP_EXTENSIONS, versionRange, dependentTasks, options);
         this.newProperty = newProperty;

package/dist/migrate/runner/tasks/common/GenericRenameSlotNameTask.js

@@ -9,6 +9,11 @@ const types_1 = require("../../../../types");
 const reuse_1 = require("../../../shares/reuse");
 const abstract_task_1 = require("../../abstract-task");
 class GenericRenameSlotNameTask extends abstract_task_1.AbstractTask {
+    newSlotName;
+    slotAttributeName;
+    regExpCurlyBrackets;
+    regExpQuotationMarks;
+    regExpCurlyBracketsAndQuotationMarks;
     constructor(identifier, description, tag, oldSlotName, newSlotName, slotAttributeName, versionRange, dependentTasks, options) {
         super(identifier, description, types_1.MARKUP_EXTENSIONS, versionRange, dependentTasks, options);
         this.newSlotName = newSlotName;

package/dist/migrate/runner/tasks/common/GenericRenameTagNameTask.js

@@ -9,6 +9,11 @@ const types_1 = require("../../../../types");
 const reuse_1 = require("../../../shares/reuse");
 const abstract_task_1 = require("../../abstract-task");
 class GenericRenameTagNameTask extends abstract_task_1.AbstractTask {
+    newTagName;
+    componentRegExp;
+    componentImportRegExp;
+    customElementRegExp;
+    newTagNameInCamelCase;
     constructor(identifier, description, oldTagName, newTagName, versionRange, dependentTasks = [], options = {}) {
         super(identifier, description, types_1.MARKUP_EXTENSIONS, versionRange, dependentTasks, options);
         this.newTagName = newTagName;
@@ -30,7 +35,6 @@ class GenericRenameTagNameTask extends abstract_task_1.AbstractTask {
     transpileComponentFileRename(baseDir) {
         (0, reuse_1.filterFilesByExt)(baseDir, types_1.COMPONENT_FILE_EXTENSIONS).forEach((file) => {
             const content = fs_1.default.readFileSync(file, 'utf8');
-            console.log('CONTENT: ', content);
             const newContent = content
                 // Replacements
                 .replace(this.componentRegExp, `$1${this.newTagNameInCamelCase}$2`)
@@ -39,7 +43,6 @@ class GenericRenameTagNameTask extends abstract_task_1.AbstractTask {
                 reuse_1.MODIFIED_FILES.add(file);
                 fs_1.default.writeFileSync(file, newContent);
             }
-            console.log('NEW CONTENT: ', newContent);
         });
     }
     transpileCustomElementFileRename(baseDir) {

package/dist/migrate/runner/tasks/common/GenericUpdatePropertyValueTask.js

@@ -0,0 +1,70 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GenericUpdatePropertyValueTask = void 0;
+const fs_1 = __importDefault(require("fs"));
+const types_1 = require("../../../../types");
+const reuse_1 = require("../../../shares/reuse");
+const abstract_task_1 = require("../../abstract-task");
+class GenericUpdatePropertyValueTask extends abstract_task_1.AbstractTask {
+    oldValue;
+    newValue;
+    componentRegExp;
+    customElementRegExp;
+    constructor(identifier, description, tag, property, oldValue, newValue, versionRange, dependentTasks = [], options = {}) {
+        super(identifier, description, types_1.MARKUP_EXTENSIONS, versionRange, dependentTasks, options);
+        this.oldValue = oldValue;
+        this.newValue = newValue;
+        if (!reuse_1.isTagKebabCaseRegExp.test(tag)) {
+            throw (0, reuse_1.logAndCreateError)(`Tag "${tag}" is not in kebab case.`);
+        }
+        if (!reuse_1.isPropertyKebabCaseRegExp.test(property)) {
+            throw (0, reuse_1.logAndCreateError)(`Property "${property}" is not in kebab case.`);
+        }
+        const propertyInCamelCase = (0, reuse_1.kebabToCamelCase)(property);
+        // Use propertyInCamelCase for Angular components
+        this.componentRegExp = new RegExp(`<${(0, reuse_1.kebabToCapitalCase)(tag)}[^>]+${propertyInCamelCase}=['"]${oldValue}['"]`, 'g');
+        // Use original property name for custom elements
+        this.customElementRegExp = new RegExp(`<${tag}[^>]+${property}=['"]${oldValue}['"]`, 'g');
+    }
+    run(baseDir) {
+        this.transpileComponentFileUpdate(baseDir);
+        this.transpileCustomElementFileUpdate(baseDir);
+    }
+    transpileComponentFileUpdate(baseDir) {
+        (0, reuse_1.filterFilesByExt)(baseDir, types_1.COMPONENT_FILE_EXTENSIONS).forEach((file) => {
+            const content = fs_1.default.readFileSync(file, 'utf8');
+            const newContent = updateAttributeValue(content, this.componentRegExp, this.oldValue, this.newValue);
+            if (content !== newContent) {
+                reuse_1.MODIFIED_FILES.add(file);
+                fs_1.default.writeFileSync(file, newContent);
+            }
+        });
+    }
+    transpileCustomElementFileUpdate(baseDir) {
+        (0, reuse_1.filterFilesByExt)(baseDir, types_1.CUSTOM_ELEMENT_FILE_EXTENSIONS).forEach((file) => {
+            const content = fs_1.default.readFileSync(file, 'utf8');
+            const newContent = updateAttributeValue(content, this.customElementRegExp, this.oldValue, this.newValue);
+            if (content !== newContent) {
+                reuse_1.MODIFIED_FILES.add(file);
+                fs_1.default.writeFileSync(file, newContent);
+            }
+        });
+    }
+}
+exports.GenericUpdatePropertyValueTask = GenericUpdatePropertyValueTask;
+// Helper function to update attribute values in HTML strings
+/**
+ *
+ * @param htmlString
+ * @param tagRegExp
+ * @param oldValue
+ * @param newValue
+ */
+function updateAttributeValue(htmlString, tagRegExp, oldValue, newValue) {
+    return htmlString.replace(tagRegExp, (match) => {
+        return match.replace(`="${oldValue}"`, `="${newValue}"`).replace(`='${oldValue}'`, `='${newValue}'`);
+    });
+}

package/dist/migrate/runner/tasks/common/GitIgnoreAddRuleTask.js

@@ -9,6 +9,7 @@ const path_1 = __importDefault(require("path"));
 const reuse_1 = require("../../../shares/reuse");
 const abstract_task_1 = require("../../abstract-task");
 class GitIgnoreAddRuleTask extends abstract_task_1.AbstractTask {
+    rule;
     constructor(identifier, rule, versionRange, dependentTasks = [], options = {}) {
         super(identifier, `Add the rule "${rule}" to the .gitignore of your project.`, [], versionRange, dependentTasks, options);
         this.rule = rule;

package/dist/migrate/runner/tasks/common/HandleDependencyTask.js

@@ -5,6 +5,9 @@ const child_process_1 = require("child_process");
 const abstract_task_1 = require("../../abstract-task");
 const reuse_1 = require("../../../shares/reuse");
 class HandleDependencyTask extends abstract_task_1.AbstractTask {
+    command;
+    dependencies;
+    devDependencies;
     constructor(identifier, title, command, dependencies, // Map<string, string | null>
     devDependencies, // Map<string, string | null>
     versionRange, dependentTasks, options) {
@@ -14,18 +17,17 @@ class HandleDependencyTask extends abstract_task_1.AbstractTask {
         this.devDependencies = devDependencies;
     }
     static getInstance(command, dependencies, devDependencies, versionRange, dependentTasks = [], options = {}) {
-        const identifier = `${command}-${Object.keys(dependencies !== null && dependencies !== void 0 ? dependencies : {}).join(',')}-${Object.keys(devDependencies !== null && devDependencies !== void 0 ? devDependencies : {}).join(',')}`;
-        const title = `${command === 'add' ? 'Add' : command === 'install' ? 'Install' : 'Remove'} dependency "${Object.keys(dependencies !== null && dependencies !== void 0 ? dependencies : {}).join(', ')}" and devDependency "${Object.keys(devDependencies !== null && devDependencies !== void 0 ? devDependencies : {}).join(', ')}".`;
+        const identifier = `${command}-${Object.keys(dependencies ?? {}).join(',')}-${Object.keys(devDependencies ?? {}).join(',')}`;
+        const title = `${command === 'add' ? 'Add' : command === 'install' ? 'Install' : 'Remove'} dependency "${Object.keys(dependencies ?? {}).join(', ')}" and devDependency "${Object.keys(devDependencies ?? {}).join(', ')}".`;
         if (!this.instances.has(identifier)) {
             this.instances.set(identifier, new HandleDependencyTask(identifier, title, command, dependencies, devDependencies, versionRange, dependentTasks, options));
         }
         return this.instances.get(identifier);
     }
     run() {
-        var _a, _b, _c, _d;
-        if (Object.keys((_a = this.dependencies) !== null && _a !== void 0 ? _a : {}).length > 0) {
+        if (Object.keys(this.dependencies ?? {}).length > 0) {
             let command = `${(0, reuse_1.getPackageManagerCommand)(this.command)}`;
-            Object.keys((_b = this.dependencies) !== null && _b !== void 0 ? _b : {}).forEach((dependency) => {
+            Object.keys(this.dependencies ?? {}).forEach((dependency) => {
                 command += ` ${dependency}@${this.dependencies[dependency]}`;
             });
             try {
@@ -37,9 +39,9 @@ class HandleDependencyTask extends abstract_task_1.AbstractTask {
                 console.warn(error);
             }
         }
-        if (Object.keys((_c = this.devDependencies) !== null && _c !== void 0 ? _c : {}).length > 0) {
+        if (Object.keys(this.devDependencies ?? {}).length > 0) {
             let command = `${(0, reuse_1.getPackageManagerCommand)(this.command)} -D`;
-            Object.keys((_d = this.devDependencies) !== null && _d !== void 0 ? _d : {}).forEach((dependency) => {
+            Object.keys(this.devDependencies ?? {}).forEach((dependency) => {
                 command += ` ${dependency}`;
             });
             try {

package/dist/migrate/runner/tasks/common/JsonTask.js

@@ -10,6 +10,7 @@ const path_1 = __importDefault(require("path"));
 const reuse_1 = require("../../../shares/reuse");
 const abstract_task_1 = require("../../abstract-task");
 class JsonTask extends abstract_task_1.AbstractTask {
+    json;
     constructor(identifier, key, json, versionRange, dependentTasks = [], options = {}) {
         super(identifier, `Reconfigure "${key}" in package.json of your project.`, [], versionRange, dependentTasks, options);
         this.json = json;
@@ -19,7 +20,7 @@ class JsonTask extends abstract_task_1.AbstractTask {
         try {
             JSON.stringify(json);
         }
-        catch (_a) {
+        catch {
             throw (0, reuse_1.logAndCreateError)(`Value of task "${this.identifier}" is not able to stringify (JSON).`);
         }
     }

package/dist/migrate/runner/tasks/common/LabelExpertSlot.js

@@ -12,6 +12,13 @@ const removeLineBreaksAndSpaces = (match) => {
     return match.replace(/\r?\n/g, ' ').replace(/>\s+/g, '>').replace(/\s+</g, '<');
 };
 class LabelExpertSlot extends abstract_task_1.AbstractTask {
+    tag;
+    property;
+    componentRegExp;
+    componentNoLabelPropRegExp;
+    customElementRegExp;
+    customElementNoLabelPropRegExp;
+    propertyInCamelCase;
     constructor(identifier, tag, property, versionRange, dependentTasks, options) {
         super(identifier, `Move innerText of "${tag}" component to property "${property}"`, types_1.MARKUP_EXTENSIONS, versionRange, dependentTasks, options);
         this.tag = tag;

package/dist/migrate/runner/tasks/common/MergeHtmlTask.js

@@ -8,6 +8,9 @@ const fs_1 = __importDefault(require("fs"));
 const reuse_1 = require("../../../shares/reuse");
 const abstract_task_1 = require("../../abstract-task");
 class MergeHtmlTask extends abstract_task_1.AbstractTask {
+    path;
+    filename;
+    html;
     constructor(identifier, title, path, filename, html, versionRange, dependentTasks, options) {
         super(identifier, title, [], versionRange, dependentTasks, options);
         this.path = path;

package/dist/migrate/runner/tasks/common/NpmRcAddRuleTask.js

@@ -9,6 +9,7 @@ const path_1 = __importDefault(require("path"));
 const reuse_1 = require("../../../shares/reuse");
 const abstract_task_1 = require("../../abstract-task");
 class NpmRcAddRuleTask extends abstract_task_1.AbstractTask {
+    rule;
     constructor(identifier, rule, versionRange, dependentTasks = [], options = {}) {
         super(identifier, `Add the rule "${rule}" to the .npmrc of your project.`, [], versionRange, dependentTasks, options);
         this.rule = rule;

package/dist/migrate/runner/tasks/common/RefactorPropertyErrorToMsg.js

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RefactorPropertyErrorToMsg = void 0;
+const fs_1 = __importDefault(require("fs"));
+const types_1 = require("../../../../types");
+const reuse_1 = require("../../../shares/reuse");
+const abstract_task_1 = require("../../abstract-task");
+class RefactorPropertyErrorToMsg extends abstract_task_1.AbstractTask {
+    componentRegExpCurlyBrackets;
+    componentRegExpQuotationMarks;
+    customElementRegExpQuotationMarks;
+    constructor(identifier, tag, versionRange) {
+        super(identifier, `Refactor property "_error" to "_msg" of "${tag}" component`, types_1.MARKUP_EXTENSIONS, versionRange);
+        if (!reuse_1.isTagKebabCaseRegExp.test(tag)) {
+            throw (0, reuse_1.logAndCreateError)(`Tag "${tag}" is not in kebab case.`);
+        }
+        const tagCapitalCase = (0, reuse_1.kebabToCapitalCase)(tag);
+        this.componentRegExpCurlyBrackets = new RegExp(`(<${tagCapitalCase}[^>]+)_error=\\{([^\\}]+)\\}`, 'g');
+        this.componentRegExpQuotationMarks = new RegExp(`(<${tagCapitalCase}[^>]+)_error="([^"]+)"`, 'g');
+        this.customElementRegExpQuotationMarks = new RegExp(`(<${tag}[^>]+)_error="([^"]+)"`, 'g');
+    }
+    static getInstance(tag, versionRange) {
+        const identifier = `${tag}-refactor-property-error-to-msg`;
+        if (!this.instances.has(identifier)) {
+            this.instances.set(identifier, new RefactorPropertyErrorToMsg(identifier, tag, versionRange));
+        }
+        return this.instances.get(identifier);
+    }
+    run(baseDir) {
+        this.transpileComponentFiles(baseDir);
+        this.transpileCustomElementFiles(baseDir);
+    }
+    transpileComponentFiles(baseDir) {
+        (0, reuse_1.filterFilesByExt)(baseDir, types_1.COMPONENT_FILE_EXTENSIONS).forEach((file) => {
+            const content = fs_1.default.readFileSync(file, 'utf8');
+            const newContent = content
+                .replace(this.componentRegExpCurlyBrackets, `$1_msg={{ _type: 'error', _description: $2 }}`)
+                .replace(this.componentRegExpQuotationMarks, `$1_msg={{ _type: 'error', _description: '$2' }}`);
+            if (content !== newContent) {
+                reuse_1.MODIFIED_FILES.add(file);
+                fs_1.default.writeFileSync(file, newContent);
+            }
+        });
+    }
+    transpileCustomElementFiles(baseDir) {
+        (0, reuse_1.filterFilesByExt)(baseDir, types_1.CUSTOM_ELEMENT_FILE_EXTENSIONS).forEach((file) => {
+            const content = fs_1.default.readFileSync(file, 'utf8');
+            const newContent = content.replace(this.customElementRegExpQuotationMarks, `$1_msg='${JSON.stringify({ _type: 'error', _description: '$2' })}'`);
+            if (content !== newContent) {
+                reuse_1.MODIFIED_FILES.add(file);
+                fs_1.default.writeFileSync(file, newContent);
+            }
+        });
+    }
+}
+exports.RefactorPropertyErrorToMsg = RefactorPropertyErrorToMsg;