@vkontakte/vkui-codemods 0.0.7 → 1.0.0-beta.1

package/dist/transforms/v7/typography.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parser = void 0;
+exports.default = transformUseAccentWeightAttribute;
+var codemod_helpers_1 = require("../../codemod-helpers");
+exports.parser = 'tsx';
+function isJSXAttribute(attribute) {
+    return (attribute === null || attribute === void 0 ? void 0 : attribute.type) === 'JSXAttribute';
+}
+function removeAttribute(attributes, attribute) {
+    attributes === null || attributes === void 0 ? void 0 : attributes.splice(attributes === null || attributes === void 0 ? void 0 : attributes.indexOf(attribute), 1);
+}
+var componentsToTransform = [
+    'Typography',
+    'Caption',
+    'DisplayTitle',
+    'Footnote',
+    'Headline',
+    'Paragraph',
+    'Subhead',
+    'Text',
+    'Title',
+];
+function transformUseAccentWeightAttribute(file, api, options) {
+    var alias = options.alias;
+    var j = api.jscodeshift;
+    var source = j(file.source);
+    componentsToTransform.forEach(function (componentName) {
+        var localName = (0, codemod_helpers_1.getImportInfo)(j, file, componentName, alias).localName;
+        if (!localName) {
+            return;
+        }
+        source
+            .find(j.JSXOpeningElement)
+            .filter(function (path) { return path.value.name.type === 'JSXIdentifier' && path.value.name.name === localName; })
+            // useAccentWeight по умолчанию теперь false, поэтому, чтобы
+            // пользователи продолжили использовать accent шрифты мы включим accent режим,
+            // добавив useAccentWeight, если его нету.
+            .forEach(function handleUseAccentWeightAttribute(path) {
+            var _a, _b;
+            var attributes = path.node.attributes;
+            if (!attributes) {
+                return;
+            }
+            var accentAttribute = attributes === null || attributes === void 0 ? void 0 : attributes.find(function (attr) { return isJSXAttribute(attr) && attr.name.name === 'useAccentWeight'; });
+            var weightAttribute = attributes === null || attributes === void 0 ? void 0 : attributes.find(function (attr) { return isJSXAttribute(attr) && attr.name.name === 'weight'; });
+            // weight задан и не равен `undefined`
+            var hasDefinedWeightAttribute = Boolean(weightAttribute &&
+                weightAttribute.type === 'JSXAttribute' &&
+                !(((_a = weightAttribute.value) === null || _a === void 0 ? void 0 : _a.type) === 'JSXExpressionContainer' &&
+                    weightAttribute.value.expression.type === 'Identifier' &&
+                    weightAttribute.value.expression.name === 'undefined'));
+            // есть weight и нету useAccentWeight: нужно добавить
+            if (!accentAttribute && hasDefinedWeightAttribute) {
+                attributes.push(j.jsxAttribute(j.jsxIdentifier('useAccentWeight')));
+            }
+            if (!isJSXAttribute(accentAttribute)) {
+                return;
+            }
+            // weight нету, убираем useAccentWeight
+            if (!hasDefinedWeightAttribute) {
+                removeAttribute(attributes, accentAttribute);
+                return;
+            }
+            if (((_b = accentAttribute.value) === null || _b === void 0 ? void 0 : _b.type) === 'JSXExpressionContainer' &&
+                accentAttribute.value.expression.type === 'BooleanLiteral') {
+                // useAccentWeight={true} => useAccentWeight
+                if (accentAttribute.value.expression.value === true) {
+                    accentAttribute.value = null;
+                    // useAccentWeight={false} => совсем убираем
+                }
+                else if (accentAttribute.value.expression.value === false) {
+                    removeAttribute(attributes, accentAttribute);
+                }
+            }
+        });
+    });
+    return source.toSource();
+}

package/dist/transforms/v7/users-stack.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parser = void 0;
+exports.default = transformer;
+var codemod_helpers_1 = require("../../codemod-helpers");
+var report_1 = require("../../report");
+exports.parser = 'tsx';
+function transformer(file, api, options) {
+    var alias = options.alias;
+    var j = api.jscodeshift;
+    var source = j(file.source);
+    var localName = (0, codemod_helpers_1.getImportInfo)(j, file, 'UsersStack', alias).localName;
+    if (!localName) {
+        return source.toSource();
+    }
+    var attributeToReplace = 'direction';
+    var newAttributeName = 'avatarsPosition';
+    var directionToAvatarsPosition = {
+        'row': 'inline-start',
+        'row-reverse': 'inline-end',
+        'column': 'block-start',
+    };
+    var getValueFromAttribute = function (attribute) {
+        var _a, _b;
+        if (((_a = attribute.value) === null || _a === void 0 ? void 0 : _a.type) === 'StringLiteral') {
+            return attribute.value.value;
+        }
+        if (((_b = attribute.value) === null || _b === void 0 ? void 0 : _b.type) === 'JSXExpressionContainer') {
+            var expression = attribute.value.expression;
+            if (expression.type === 'StringLiteral') {
+                return expression.value;
+            }
+        }
+        return null;
+    };
+    source
+        .find(j.JSXElement, { openingElement: { name: { name: localName } } })
+        .find(j.JSXAttribute, { name: { name: attributeToReplace } })
+        .forEach(function (path) {
+        var avatar = path.node;
+        avatar.name.name = newAttributeName;
+        var value = getValueFromAttribute(avatar);
+        if (!value || !directionToAvatarsPosition[value]) {
+            (0, report_1.report)(api, ": ".concat(localName, " has been changed. Manual changes required: need to change direction prop to avatarsPosition."));
+            return;
+        }
+        avatar.value = j.stringLiteral(directionToAvatarsPosition[value]);
+    });
+    return source.toSource();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-codemods",
-  "version": "0.0.7",
+  "version": "1.0.0-beta.1",
   "description": "Codemods for automatic VKUI major version upgrade",
   "repository": "https://github.com/VKCOM/VKUI",
   "homepage": "https://vkcom.github.io/VKUI/",
@@ -17,17 +17,17 @@
     "chalk": "^4.1.2",
     "commander": "^12.1.0",
     "cross-spawn": "^7.0.3",
-    "jscodeshift": "^0.15.2",
+    "jscodeshift": "^17.0.0",
     "prompts": "^2.4.2",
-    "typescript": "^5.4.5"
+    "typescript": "^5.6.3"
   },
   "devDependencies": {
-    "@swc/core": "^1.6.1",
+    "@swc/core": "^1.7.36",
     "@swc/jest": "^0.2.36",
     "@types/cross-spawn": "^6.0.6",
-    "@types/jest": "^29.5.12",
-    "@types/jscodeshift": "^0.11.11",
-    "@types/node": "^20.14.2",
+    "@types/jest": "^29.5.13",
+    "@types/jscodeshift": "^0.12.0",
+    "@types/node": "^22.7.7",
     "@types/prompts": "^2.4.9",
     "jest": "^29.7.0",
     "ts-node": "^10.9.2"

package/dist/transforms/{horizontal-cell-show-more.js → v6/horizontal-cell-show-more.js}

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parser = void 0;
+exports.default = transformer;
 exports.parser = 'tsx';
 var componentName = 'unstable_HorizontalCellShowMore';
 var componentNameTo = 'HorizontalCellShowMore';
@@ -19,4 +20,3 @@ function transformer(file, api, options) {
     });
     return source.toSource();
 }
-exports.default = transformer;

package/dist/transforms/{range-slider.js → v6/range-slider.js}

@@ -10,6 +10,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parser = void 0;
+exports.default = transformer;
 exports.parser = 'tsx';
 function transformer(file, api, options) {
     var alias = options.alias;
@@ -49,4 +50,3 @@ function transformer(file, api, options) {
     });
     return source.toSource();
 }
-exports.default = transformer;

package/dist/transforms/{visually-hidden-input.js → v6/visually-hidden-input.js}

@@ -10,6 +10,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parser = void 0;
+exports.default = transformer;
 exports.parser = 'tsx';
 function transformer(file, api, options) {
     var alias = options.alias;
@@ -42,4 +43,3 @@ function transformer(file, api, options) {
     });
     return source.toSource();
 }
-exports.default = transformer;