@atlaskit/codemod-cli 0.11.4 → 0.12.0

package/dist/cjs/presets/theme-to-design-tokens/theme-to-design-tokens.js

@@ -1,145 +1,97 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = transformer;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _ast = require("./utils/ast");
-
 var _astMeta = require("./utils/ast-meta");
-
 var _color = require("./utils/color");
-
 var _fuzzySearch = _interopRequireDefault(require("./utils/fuzzy-search"));
-
 var _legacyColors = require("./utils/legacy-colors");
-
 var _tokens = require("./utils/tokens");
-
 /* eslint-disable no-console */
-var search = (0, _fuzzySearch.default)(_tokens.tokens, false);
 
+const search = (0, _fuzzySearch.default)(_tokens.tokens, false);
 function hasImportDeclaration(j, source, sourcePath) {
-  return !!source.find(j.ImportDeclaration).filter(function (path) {
-    return path.node.source.value === sourcePath;
-  }).length;
+  return !!source.find(j.ImportDeclaration).filter(path => path.node.source.value === sourcePath).length;
 }
-
 function hasImportSpecifier(j, source, specifier, sourcePath) {
-  return !!source.find(j.ImportDeclaration).filter(function (path) {
-    return path.node.source.value === sourcePath;
-  }).find(j.ImportSpecifier, {
+  return !!source.find(j.ImportDeclaration).filter(path => path.node.source.value === sourcePath).find(j.ImportSpecifier, {
     local: {
       name: specifier
     }
   }).length;
 }
-
 function insertTokenImport(j, source) {
   if (hasImportDeclaration(j, source, '@atlaskit/tokens')) {
     return;
   }
-
-  var newImport = j.importDeclaration([j.importSpecifier(j.identifier('token'))], j.stringLiteral('@atlaskit/tokens'));
+  const newImport = j.importDeclaration([j.importSpecifier(j.identifier('token'))], j.stringLiteral('@atlaskit/tokens'));
   source.get().node.program.body.unshift(newImport);
 }
-
 function buildToken(j, tokenId, node) {
-  var callExpr = j.callExpression(j.identifier('token'), [j.stringLiteral(tokenId), node].filter(Boolean));
+  const callExpr = j.callExpression(j.identifier('token'), [j.stringLiteral(tokenId), node].filter(Boolean));
   return callExpr;
 }
-
-function getTokenFromNode(j, path) {
-  var baseMeta = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var foundMeta = (0, _astMeta.getMetaFromAncestors)(j, path);
-  var meta = (0, _astMeta.cleanMeta)([].concat((0, _toConsumableArray2.default)(foundMeta), (0, _toConsumableArray2.default)(baseMeta)));
-  var results = search.get(meta.join(' '));
-  var tokenId = ['utility.UNSAFE_util.MISSING_TOKEN'];
-
+function getTokenFromNode(j, path, baseMeta = []) {
+  const foundMeta = (0, _astMeta.getMetaFromAncestors)(j, path);
+  const meta = (0, _astMeta.cleanMeta)([...foundMeta, ...baseMeta]);
+  const results = search.get(meta.join(' '));
+  let tokenId = ['MISSING_TOKEN'];
   if (results) {
-    tokenId = results.map(function (result) {
-      return result[1];
-    });
+    tokenId = results.map(result => result[1]);
   }
-
   return tokenId[0];
 }
-
-function transformer(file, api) {
-  var debug = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var j = api.jscodeshift;
-  var source = j(file.source);
-  var transformed = false;
-  source // Handle colors.N100
-  .find(j.MemberExpression).filter(function (path) {
+function transformer(file, api, debug = false) {
+  const j = api.jscodeshift;
+  const source = j(file.source);
+  let transformed = false;
+  source
+  // Handle colors.N100
+  .find(j.MemberExpression).filter(path => {
     return path.value.object.type === 'Identifier' && path.value.object.name === 'colors' && path.value.property.type === 'Identifier' && (0, _color.isLegacyColor)(path.value.property.name);
-  }).filter(function (path) {
-    return !(0, _ast.isDecendantOfToken)(j, path);
-  }).forEach(function (path) {
+  }).filter(path => !(0, _ast.isDecendantOfToken)(j, path)).forEach(path => {
     debug && console.log('file:', file.path);
     insertTokenImport(j, source);
-    var key = path.value.property.type === 'Identifier' ? path.value.property.name : undefined;
-    var colorMeta = _legacyColors.legacyColorMetaMap[key] || [];
-    var tokenId = getTokenFromNode(j, path, colorMeta);
+    const key = path.value.property.type === 'Identifier' ? path.value.property.name : undefined;
+    const colorMeta = _legacyColors.legacyColorMetaMap[key] || [];
+    const tokenId = getTokenFromNode(j, path, colorMeta);
     j(path).replaceWith(buildToken(j, tokenId, path.value));
     transformed = true;
   });
-  source.find(j.ObjectProperty).filter(function (path) {
-    return path.value.value.type === 'Identifier' && ((0, _color.isLegacyColor)(path.value.value.name) || (0, _color.isLegacyNamedColor)(path.value.value.name));
-  }).filter(function (path) {
-    return hasImportSpecifier(j, source, path.value.value.type === 'Identifier' ? path.value.value.name : '', '@atlaskit/theme') || hasImportSpecifier(j, source, path.value.value.type === 'Identifier' ? path.value.value.name : '', '@atlaskit/theme/colors');
-  }).filter(function (path) {
-    return !(0, _ast.isDecendantOfToken)(j, path.value.value);
-  }).forEach(function (path) {
-    var valuePath = path.get('value');
+  source.find(j.ObjectProperty).filter(path => path.value.value.type === 'Identifier' && ((0, _color.isLegacyColor)(path.value.value.name) || (0, _color.isLegacyNamedColor)(path.value.value.name))).filter(path => hasImportSpecifier(j, source, path.value.value.type === 'Identifier' ? path.value.value.name : '', '@atlaskit/theme') || hasImportSpecifier(j, source, path.value.value.type === 'Identifier' ? path.value.value.name : '', '@atlaskit/theme/colors')).filter(path => !(0, _ast.isDecendantOfToken)(j, path.value.value)).forEach(path => {
+    const valuePath = path.get('value');
     debug && console.log('file:', file.path);
     insertTokenImport(j, source);
-    var colorMeta = _legacyColors.legacyColorMetaMap[valuePath.name] || [];
-    var tokenId = getTokenFromNode(j, valuePath, colorMeta);
+    const colorMeta = _legacyColors.legacyColorMetaMap[valuePath.name] || [];
+    const tokenId = getTokenFromNode(j, valuePath, colorMeta);
     j(path).replaceWith(j.objectProperty(path.value.key, buildToken(j, tokenId, valuePath.value)));
     transformed = true;
   });
-  source.find(j.Identifier).filter(function (path) {
-    return (0, _color.isLegacyColor)(path.value.name) || (0, _color.isLegacyNamedColor)(path.value.name);
-  }).filter(function (path) {
-    return hasImportSpecifier(j, source, path.value.name, '@atlaskit/theme') || hasImportSpecifier(j, source, path.value.name, '@atlaskit/theme/colors');
-  }).filter(function (path) {
-    return !['ImportSpecifier', 'MemberExpression', 'ObjectProperty'].includes(path.parentPath.value.type);
-  }).filter(function (path) {
-    return !(0, _ast.isDecendantOfToken)(j, path);
-  }).forEach(function (path) {
+  source.find(j.Identifier).filter(path => (0, _color.isLegacyColor)(path.value.name) || (0, _color.isLegacyNamedColor)(path.value.name)).filter(path => hasImportSpecifier(j, source, path.value.name, '@atlaskit/theme') || hasImportSpecifier(j, source, path.value.name, '@atlaskit/theme/colors')).filter(path => !['ImportSpecifier', 'MemberExpression', 'ObjectProperty'].includes(path.parentPath.value.type)).filter(path => !(0, _ast.isDecendantOfToken)(j, path)).forEach(path => {
     debug && console.log('file:', file.path);
     insertTokenImport(j, source);
-    var colorMeta = _legacyColors.legacyColorMetaMap[path.value.name] || [];
-    var tokenId = getTokenFromNode(j, path, colorMeta);
+    const colorMeta = _legacyColors.legacyColorMetaMap[path.value.name] || [];
+    const tokenId = getTokenFromNode(j, path, colorMeta);
     j(path).replaceWith(buildToken(j, tokenId, path.value));
     transformed = true;
   });
-  source.find(j.Literal).filter(function (path) {
-    return typeof path.value.value === 'string' && ((0, _color.includesHardCodedColor)(path.value.value) || (0, _color.isHardCodedColor)(path.value.value));
-  }).filter(function (path) {
-    return !(0, _ast.isDecendantOfToken)(j, path);
-  }).forEach(function (path) {
+  source.find(j.Literal).filter(path => typeof path.value.value === 'string' && ((0, _color.includesHardCodedColor)(path.value.value) || (0, _color.isHardCodedColor)(path.value.value))).filter(path => !(0, _ast.isDecendantOfToken)(j, path)).forEach(path => {
     var _path$value, _path$value$value;
-
     debug && console.log('file:', file.path);
     insertTokenImport(j, source);
-    var value = path === null || path === void 0 ? void 0 : (_path$value = path.value) === null || _path$value === void 0 ? void 0 : (_path$value$value = _path$value.value) === null || _path$value$value === void 0 ? void 0 : _path$value$value.toString();
-    var colorMeta = _legacyColors.legacyColorMetaMap[value] || [];
-    var tokenId = getTokenFromNode(j, path, colorMeta);
-    var tokenNode = buildToken(j, tokenId, path.value);
+    const value = path === null || path === void 0 ? void 0 : (_path$value = path.value) === null || _path$value === void 0 ? void 0 : (_path$value$value = _path$value.value) === null || _path$value$value === void 0 ? void 0 : _path$value$value.toString();
+    const colorMeta = _legacyColors.legacyColorMetaMap[value] || [];
+    const tokenId = getTokenFromNode(j, path, colorMeta);
+    const tokenNode = buildToken(j, tokenId, path.value);
     j(path).replaceWith((0, _ast.isDecendantOfType)(j, path, j.JSXAttribute) ? j.jsxExpressionContainer(tokenNode) : tokenNode);
     transformed = true;
   });
-
   if (transformed) {
     return source.toSource();
   }
-
   return file.source;
 }

package/dist/cjs/presets/theme-to-design-tokens/utils/ast-meta.js

@@ -1,48 +1,31 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cleanMeta = cleanMeta;
 exports.getMetaFromAncestors = getMetaFromAncestors;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _tokens = require("./tokens");
-
-function getMetaFromAncestors(j, path) {
-  var meta = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var parent = path.parentPath;
-  var grandParent = parent && parent.parentPath;
-
+function getMetaFromAncestors(j, path, meta = []) {
+  const parent = path.parentPath;
+  const grandParent = parent && parent.parentPath;
   if (parent && parent.value.type === 'ObjectProperty') {
-    var value = '';
-
+    let value = '';
     if (parent.value.key.type === 'Literal' || parent.value.key.type === 'StringLiteral' || parent.value.key.type === 'NumericLiteral') {
       value = parent.value.key.value.toString();
     } else {
       value = parent.value.key.name;
     }
-
     meta.push(value);
   }
-
   if (parent && grandParent && grandParent.value.type === 'TemplateLiteral') {
-    var expressionIndex = grandParent.value.expressions.findIndex(function (exp) {
-      return exp.name === path.value.name;
-    });
-    var quasi = grandParent.value.quasis[expressionIndex];
-    var propertyName = (quasi.value.cooked || quasi.value.raw || '').replace(/\n/g, '').split(/;|{|}/).filter(function (el) {
-      return !el.match(/\.|\@|\(|\)/);
-    }).pop().split(/:/g)[0].trim();
-    grandParent.value.quasis.slice(0, expressionIndex + 1).map(function (q) {
-      return q.value.cooked;
-    }) // We reverse so the most nested one is first which we're more likely than not interested in
-    .reverse().some(function (str) {
-      var result = /(hover|active|disabled|focus)/.exec(str.toLowerCase());
-
+    const expressionIndex = grandParent.value.expressions.findIndex(exp => exp.name === path.value.name);
+    const quasi = grandParent.value.quasis[expressionIndex];
+    const propertyName = (quasi.value.cooked || quasi.value.raw || '').replace(/\n/g, '').split(/;|{|}/).filter(el => !el.match(/\.|\@|\(|\)/)).pop().split(/:/g)[0].trim();
+    grandParent.value.quasis.slice(0, expressionIndex + 1).map(q => q.value.cooked)
+    // We reverse so the most nested one is first which we're more likely than not interested in
+    .reverse().some(str => {
+      const result = /(hover|active|disabled|focus)/.exec(str.toLowerCase());
       if (result) {
         meta.push(result[0]);
         return true;
@@ -50,39 +33,29 @@ function getMetaFromAncestors(j, path) {
     });
     meta.push(propertyName);
   }
-
   if (parent && parent.value.type === 'JSXAttribute') {
     if (!['css', 'styles', 'style'].includes(parent.value.name.name)) {
       meta.push(parent.value.name.name);
     }
   }
-
   if (parent && parent.value.type === 'VariableDeclarator') {
     meta.push(parent.value.id.name);
   }
-
   if (parent) {
     return getMetaFromAncestors(j, parent, meta);
   }
-
   return meta;
 }
-
 function cleanMeta(meta) {
-  return meta.reduce(function (accum, val) {
-    return [].concat((0, _toConsumableArray2.default)(accum), (0, _toConsumableArray2.default)(typeof val === 'string' ? val.split(/(?=[A-Z])/g).map(function (e) {
-      return e.toLowerCase();
-    }) : []));
-  }, []).reduce(function (accum, val) {
+  return meta.reduce((accum, val) => [...accum, ...(typeof val === 'string' ? val.split(/(?=[A-Z])/g).map(e => e.toLowerCase()) : [])], []).reduce((accum, val) => {
     accum.push(val.replace(/:/g, '').replace(/,/g, '').replace('grey', 'neutral').replace('skeleton', 'neutral').replace('texts', 'text').replace('red', 'danger').replace('error', 'danger').replace('invalid', 'danger').replace('removed', 'danger').replace('removal', 'danger').replace('remove', 'danger').replace('focus', 'focused').replace('valid', 'success').replace('successful', 'success').replace('risk', 'warning').replace('caution', 'warning').replace('warn', 'warning').replace('primary', 'bold').replace('info', 'bold').replace('secondary', 'subtle').replace('hyperlink', 'link').replace('anchor', 'link').replace('active', 'pressed').replace('hover', 'hovered').replace('dragged', 'overlay').replace('dragging', 'overlay').replace('drag', 'overlay').replace('background-color', 'background').replace('color', 'text').replace('icons', 'icon').replace('glyph', 'icon').replace('stroke', 'border').replace('border-left', 'border').replace('border-right', 'border').replace('border-top', 'border').replace('border-bottom', 'border').replace('box-shadow', 'shadow'));
     return accum;
-  }, []).filter(function (val) {
+  }, []).filter(val => {
     return _tokens.getUniqueWordsFromTokens.includes(val);
-  }).reduce(function (accum, val) {
+  }).reduce((accum, val) => {
     if (!accum.includes(val)) {
       accum.push(val);
     }
-
     return accum;
   }, []);
 }

package/dist/cjs/presets/theme-to-design-tokens/utils/ast.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isDecendantOfToken = isDecendantOfToken;
 exports.isDecendantOfType = isDecendantOfType;
-
 function isDecendantOfToken(j, path) {
   return j(path).closest(j.CallExpression, {
     callee: {
@@ -13,7 +12,6 @@ function isDecendantOfToken(j, path) {
     }
   }).length > 0;
 }
-
 function isDecendantOfType(j, path, type) {
   return j(path).closest(type).length > 0;
 }

package/dist/cjs/presets/theme-to-design-tokens/utils/color.js

@@ -4,56 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isLegacyNamedColor = exports.isLegacyColor = exports.isHardCodedColor = exports.includesHardCodedColor = void 0;
-
 var _legacyColors = require("./legacy-colors");
-
 var _namedColors = require("./named-colors");
-
-var isLegacyColor = function isLegacyColor(value) {
-  return _legacyColors.legacyColors.includes(value);
-};
-
+const isLegacyColor = value => _legacyColors.legacyColors.includes(value);
 exports.isLegacyColor = isLegacyColor;
-
-var isLegacyNamedColor = function isLegacyNamedColor(value) {
-  return _legacyColors.legacyColorMixins.includes(value);
-};
-
+const isLegacyNamedColor = value => _legacyColors.legacyColorMixins.includes(value);
 exports.isLegacyNamedColor = isLegacyNamedColor;
-
-var includesHardCodedColor = function includesHardCodedColor(raw) {
-  var value = raw.toLowerCase();
-
+const includesHardCodedColor = raw => {
+  const value = raw.toLowerCase();
   if (/#(?:[a-f0-9]{3}|[a-f0-9]{6}|[a-f0-9]{8})\b|(?:rgb|hsl)a?\([^\)]*\)/.exec(value.toLowerCase())) {
     return true;
   }
-
-  for (var i = 0; i < _namedColors.namedColors.length; i++) {
-    if (value.includes("".concat(_namedColors.namedColors[i], ";"))) {
+  for (let i = 0; i < _namedColors.namedColors.length; i++) {
+    if (value.includes(`${_namedColors.namedColors[i]};`)) {
       return true;
     }
   }
-
   return false;
 };
-
 exports.includesHardCodedColor = includesHardCodedColor;
-
-var isHardCodedColor = function isHardCodedColor(value) {
+const isHardCodedColor = value => {
   if (_namedColors.namedColors.includes(value.toLowerCase())) {
     return true;
   }
-
   if (value.startsWith('rgb(') || value.startsWith('rgba(') || value.startsWith('hsl(') || value.startsWith('hsla(') || value.startsWith('lch(') || value.startsWith('lab(') || value.startsWith('color(')) {
     return true;
   }
-
-  if (value.startsWith('#') && ( // short hex, hex, or hex with alpha
+  if (value.startsWith('#') && (
+  // short hex, hex, or hex with alpha
   value.length === 4 || value.length === 7 || value.length === 9)) {
     return true;
   }
-
   return false;
 };
-
 exports.isHardCodedColor = isHardCodedColor;