@public-ui/kolibri-cli 4.0.0-rc.0 → 4.0.0-rc.1

package/dist/migrate/runner/tasks/v4/events.js

@@ -0,0 +1,102 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenameKolEventNamesTasks = exports.RenameKolEventNamesTask = 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");
+const EVENT_REPLACEMENTS = {
+    kolBlur: 'blur',
+    kolChange: 'change',
+    kolChangeHeaderCells: 'changeheadercells',
+    kolChangePage: 'changepage',
+    kolChangePageSize: 'changepagesize',
+    kolClick: 'click',
+    kolClose: 'close',
+    kolCreate: 'create',
+    kolFocus: 'focus',
+    kolInput: 'input',
+    kolKeydown: 'keydown',
+    kolMousedown: 'mousedown',
+    kolReset: 'reset',
+    kolSelect: 'select',
+    kolSelectionChange: 'selectionchange',
+    kolSort: 'sort',
+    kolSubmit: 'submit',
+    kolToggle: 'toggle',
+};
+class RenameKolEventNamesTask extends abstract_task_1.AbstractTask {
+    constructor(versionRange) {
+        super('rename-kol-events', 'Rename kol* DOM events to their native names', [...types_1.FILE_EXTENSIONS], versionRange);
+    }
+    static getInstance(versionRange) {
+        const identifier = `${versionRange}-rename-kol-events`;
+        if (!this.instances.has(identifier)) {
+            this.instances.set(identifier, new RenameKolEventNamesTask(versionRange));
+        }
+        return this.instances.get(identifier);
+    }
+    run(baseDir) {
+        (0, reuse_1.filterFilesByExt)(baseDir, this.extensions).forEach((file) => {
+            const content = fs_1.default.readFileSync(file, 'utf8');
+            const newContent = this.replaceEventNames(content);
+            if (content !== newContent) {
+                reuse_1.MODIFIED_FILES.add(file);
+                fs_1.default.writeFileSync(file, newContent);
+            }
+        });
+    }
+    replaceEventNames(content) {
+        // Sort by key length descending to ensure longer event names are replaced first
+        // This prevents partial replacements (e.g., kolChange before kolChangeHeaderCells)
+        const sortedEntries = Object.entries(EVENT_REPLACEMENTS).sort(([keyA], [keyB]) => keyB.length - keyA.length);
+        return sortedEntries.reduce((updatedContent, [oldName, newName]) => {
+            return this.replaceEventNameInEventContexts(updatedContent, oldName, newName);
+        }, content);
+    }
+    replaceEventNameInEventContexts(content, oldName, newName) {
+        let updatedContent = content;
+        // Handle addEventListener('kolX', ...)
+        const addEventListenerPattern = new RegExp(`(addEventListener\\s*\\(\\s*['"])${oldName}(['"])`, 'g');
+        updatedContent = updatedContent.replace(addEventListenerPattern, `$1${newName}$2`);
+        // Handle removeEventListener('kolX', ...)
+        const removeEventListenerPattern = new RegExp(`(removeEventListener\\s*\\(\\s*['"])${oldName}(['"])`, 'g');
+        updatedContent = updatedContent.replace(removeEventListenerPattern, `$1${newName}$2`);
+        // Handle new CustomEvent('kolX', ...)
+        const customEventPattern = new RegExp(`(new\\s+CustomEvent\\s*\\(\\s*['"])${oldName}(['"])`, 'g');
+        updatedContent = updatedContent.replace(customEventPattern, `$1${newName}$2`);
+        // Handle assignments and object property values: foo = 'kolX', { event: 'kolX' }
+        const assignmentPattern = new RegExp(`([=:]\\s*['"])${oldName}(['"])`, 'g');
+        updatedContent = updatedContent.replace(assignmentPattern, `$1${newName}$2`);
+        // Handle JSX/TSX event handler props: onKolClick -> onClick, etc.
+        const capitalize = (value) => (value.length === 0 ? value : value[0].toUpperCase() + value.slice(1));
+        const oldPropName = `on${capitalize(oldName)}`;
+        const newPropName = `on${capitalize(newName)}`;
+        const jsxPropPattern = new RegExp(`\\b${oldPropName}\\b`, 'g');
+        updatedContent = updatedContent.replace(jsxPropPattern, newPropName);
+        // Handle simple template literals: `kolX`
+        const templateLiteralPattern = new RegExp(`(\`)${oldName}(\`)`, 'g');
+        updatedContent = updatedContent.replace(templateLiteralPattern, `$1${newName}$2`);
+        const dispatchEventPattern = new RegExp(`(dispatchEvent\\s*\\(\\s*new\\s+Event\\s*\\(\\s*['"])${oldName}(['"])`, 'g');
+        updatedContent = updatedContent.replace(dispatchEventPattern, `$1${newName}$2`);
+        const koliBriCreatorPattern = new RegExp(`(dispatchEvent\\s*\\(\\s*createKoliBriEvent\\s*\\(\\s*['"])${oldName}(['"])`, 'g');
+        updatedContent = updatedContent.replace(koliBriCreatorPattern, `$1${newName}$2`);
+        // Handle bare event names at statement boundaries and as function arguments
+        // Match: (start of line, whitespace, or parenthesis)eventName(whitespace, comma, semicolon, or end of line)
+        // This handles cases like:
+        //   - kolChange (standalone at end of line)
+        //   - addEventListener(kolClick, handler)
+        //   - dispatchEvent(new Event(kolX))
+        // Negative lookahead/lookbehind would be better but JavaScript regex support is limited
+        // So we match the surrounding context and preserve it
+        const bareEventPattern = new RegExp(`(^|[\\s(])${oldName}([\\s,;\\n]|$)`, 'gm');
+        updatedContent = updatedContent.replace(bareEventPattern, `$1${newName}$2`);
+        return updatedContent;
+    }
+}
+exports.RenameKolEventNamesTask = RenameKolEventNamesTask;
+const renameKolEventNamesTaskInstance = RenameKolEventNamesTask.getInstance('^4');
+exports.RenameKolEventNamesTasks = [renameKolEventNamesTaskInstance];

package/dist/migrate/runner/tasks/v4/index.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.v4Tasks = void 0;
 const clear_button_1 = require("./clear-button");
+const events_1 = require("./events");
 const focus_1 = require("./focus");
 const id_1 = require("./id");
 const link_1 = require("./link");
@@ -17,6 +18,7 @@ exports.v4Tasks.push(...msg_1.RemoveMsgPropsTasks);
 exports.v4Tasks.push(...clear_button_1.RenameClearButtonPropTasks);
 exports.v4Tasks.push(focus_1.RenameKolFocusMethodsTask.getInstance('^4'));
 exports.v4Tasks.push(modal_1.RenameTagNameKolModalToKolDialog);
+exports.v4Tasks.push(...events_1.RenameKolEventNamesTasks);
 exports.v4Tasks.push(toast_1.RemoveToastVariantTask.getInstance('^4'));
 exports.v4Tasks.push(toaster_1.RemoveToasterGetInstanceOptionsTask.getInstance('^4'));
 exports.v4Tasks.push(loader_1.UpdateLoaderImportPathTask.getInstance('^4'));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/kolibri-cli",
-  "version": "4.0.0-rc.0",
+  "version": "4.0.0-rc.1",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -29,7 +29,8 @@
     "prettier": "3.7.4",
     "prettier-plugin-organize-imports": "4.3.0",
     "semver": "7.7.3",
-    "typed-bem": "1.0.2"
+    "typed-bem": "1.0.2",
+    "@public-ui/components": "4.0.0-rc.1"
   },
   "devDependencies": {
     "@types/node": "24.10.4",
@@ -43,13 +44,15 @@
     "eslint-plugin-json": "3.1.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-react": "7.37.5",
-    "knip": "5.73.4",
+    "knip": "5.80.0",
     "mocha": "11.7.5",
     "nodemon": "3.1.11",
     "rimraf": "6.1.2",
     "ts-node": "10.9.2",
-    "typescript": "5.9.3",
-    "@public-ui/components": "4.0.0-rc.0"
+    "typescript": "5.9.3"
+  },
+  "engines": {
+    "node": ">=22"
   },
   "files": [
     "dist"