@atlaskit/codemod-cli 0.11.4 → 0.11.5

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

@@ -1,35 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = transformer;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _postcss = _interopRequireDefault(require("postcss"));
-
 var _postcssLess = _interopRequireDefault(require("postcss-less"));
-
 var _tokensRaw = require("@atlaskit/tokens/tokens-raw");
-
 var _tokenNames = _interopRequireDefault(require("@atlaskit/tokens/token-names"));
-
 var _fuzzySearch = _interopRequireDefault(require("../theme-to-design-tokens/utils/fuzzy-search"));
-
 var _legacyColors = require("./utils/legacy-colors");
-
 var _meta = require("./utils/meta");
-
 // @ts-ignore
+
 var tokens = _tokensRaw.light.filter(function (t) {
   return t.attributes.state === 'active';
 }).map(function (t) {
@@ -37,90 +25,69 @@ var tokens = _tokensRaw.light.filter(function (t) {
 }).filter(function (t) {
   return !t.includes('UNSAFE') && !t.includes('interaction');
 });
-
 var search = (0, _fuzzySearch.default)(tokens, false);
-
 function isRule(node) {
   return node.type === 'rule';
 }
-
 function getParentSelectors(node) {
   if (isRule(node)) {
     // @ts-expect-error
     return getParentSelectors(node.parent) + ' ' + node.selector;
   }
-
   if (node.parent) {
     return getParentSelectors(node.parent);
   }
-
   return '';
 }
-
 function stripVar(prop) {
   return prop.substring(prop.indexOf('(') + 1).split(/\,|\)/)[0];
 }
-
 function stripLessVar(prop) {
   return prop.substring(1);
 }
-
 function isColorProperty(prop) {
   return prop === 'color' || prop === 'background' || prop === 'background-color' || prop === 'box-shadow' || prop === 'border' || prop === 'border-left' || prop === 'border-right' || prop === 'border-top' || prop === 'border-bottom' || prop === 'border-color';
 }
-
 function getDeclarationMeta(decl) {
   if (decl.prop === 'color') {
     return 'text';
   }
-
   if (decl.prop.startsWith('background')) {
     return 'background';
   }
-
   if (decl.prop.includes('shadow')) {
     return 'shadow';
   }
-
   if (decl.prop.includes('border')) {
     return 'border';
   }
-
   return '';
 }
-
 function isDesignToken(tokenName) {
   return Boolean(Object.entries(_tokenNames.default).find(function (_ref) {
     var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-        _ = _ref2[0],
-        value = _ref2[1];
-
+      _ = _ref2[0],
+      value = _ref2[1];
     return tokenName === value;
   }));
 }
-
 function getMetaFromCssVar(tokenName) {
   var meta = _legacyColors.knownVariables[tokenName];
-
   if (!meta || meta.length === 0) {
     return tokenName.split('-');
   }
-
   return meta;
 }
-
 function getMetaFromRawColor(rawColor) {
   var cleanColor = rawColor.toLowerCase();
-
   if (cleanColor.length === 4) {
     cleanColor = cleanColor + cleanColor.substring(cleanColor.indexOf('#') + 1);
   }
-
   return _legacyColors.knownRawColors[cleanColor];
-} // https://github.com/postcss/postcss/blob/main/docs/writing-a-plugin.md
-// https://astexplorer.net/#/2uBU1BLuJ1
-
+}
 
+// https://github.com/postcss/postcss/blob/main/docs/writing-a-plugin.md
+// https://astexplorer.net/#/2uBU1BLuJ1
 var plugin = function plugin() {
   var processed = Symbol('processed');
   return {
@@ -130,88 +97,74 @@ var plugin = function plugin() {
       if (decl[processed]) {
         return;
       }
-
       if (!isColorProperty(decl.prop)) {
         return;
       }
-
       var searchTerms = [getDeclarationMeta(decl)].concat((0, _toConsumableArray2.default)(getParentSelectors(decl).split(/\-|\.|\,|\ |\:|\&/).filter(function (el) {
         return !!el;
       })));
       var match;
       var cssVarRe = /var\([^\)]+\)/g;
       var lessVarRe = /@[a-zA-Z0-9-]+/g;
-      var rawColorRe = /(#([0-9a-f]{3}){1,2}|(rgba|hsla)\(\d{1,3}%?(,\s?\d{1,3}%?){2},\s?(1|0|0?\.\d+)\)|(rgb|hsl)\(\d{1,3}%?(,\s?\d{1,3}%?){2}\))/i; // CSS variables
+      var rawColorRe = /(#([0-9a-f]{3}){1,2}|(rgba|hsla)\(\d{1,3}%?(,\s?\d{1,3}%?){2},\s?(1|0|0?\.\d+)\)|(rgb|hsl)\(\d{1,3}%?(,\s?\d{1,3}%?){2}\))/i;
 
+      // CSS variables
       var cssVarMatch = decl.value.match(cssVarRe);
-
       if (cssVarMatch) {
         var _getMetaFromCssVar;
-
         match = cssVarMatch[0];
-
         if (isDesignToken(stripVar(match))) {
           return;
         }
-
         searchTerms.push.apply(searchTerms, (0, _toConsumableArray2.default)((_getMetaFromCssVar = getMetaFromCssVar(stripVar(match))) !== null && _getMetaFromCssVar !== void 0 ? _getMetaFromCssVar : []));
-      } // Less variables
-
+      }
 
+      // Less variables
       var lassVarMatch = decl.value.match(lessVarRe);
-
       if (lassVarMatch) {
         var _getMetaFromCssVar2;
-
         match = lassVarMatch[0];
         searchTerms.push.apply(searchTerms, (0, _toConsumableArray2.default)((_getMetaFromCssVar2 = getMetaFromCssVar("--".concat(stripLessVar(match)))) !== null && _getMetaFromCssVar2 !== void 0 ? _getMetaFromCssVar2 : []));
-      } // Raw colors
-
+      }
 
+      // Raw colors
       var rawColorMatch = decl.value.match(rawColorRe);
-
       if (rawColorMatch) {
         var _getMetaFromRawColor;
-
         match = rawColorMatch[0];
         searchTerms.push.apply(searchTerms, (0, _toConsumableArray2.default)((_getMetaFromRawColor = getMetaFromRawColor(match)) !== null && _getMetaFromRawColor !== void 0 ? _getMetaFromRawColor : []));
-      } // Named colors
-
+      }
 
+      // Named colors
       if (_legacyColors.knownColors.hasOwnProperty(decl.value)) {
         var _knownColors$decl$val;
-
         match = decl.value;
         searchTerms.push.apply(searchTerms, (0, _toConsumableArray2.default)((_knownColors$decl$val = _legacyColors.knownColors[decl.value.toLowerCase()]) !== null && _knownColors$decl$val !== void 0 ? _knownColors$decl$val : []));
       }
-
       if (!match) {
         console.warn("Unable to find match for declaration: ".concat(decl.prop, ": ").concat(decl.value));
         return;
       }
-
       var cleanSearchTerms = (0, _meta.cleanMeta)(searchTerms).join(' ');
       var results = search.get(cleanSearchTerms);
-      var replacement = results ? results.map(function (result) {
+      var candidates = results.map(function (result) {
         return result[1];
-      }) : ['utility.UNSAFE_util.MISSING_TOKEN'];
-
+      });
+      var replacement = candidates.length ? _tokenNames.default[candidates[0]] : 'MISSING_TOKEN';
       if (decl.prop === 'box-shadow') {
-        decl.value = "var(".concat(_tokenNames.default[replacement[0]], ", ").concat(decl.value, ")");
+        decl.value = "var(".concat(replacement, ", ").concat(decl.value, ")");
       } else {
-        decl.value = decl.value.split(match).join("var(".concat(_tokenNames.default[replacement[0]], ", ").concat(match, ")"));
-      } // @ts-expect-error
-
+        decl.value = decl.value.split(match).join("var(".concat(replacement, ", ").concat(match, ")"));
+      }
 
+      // @ts-expect-error
       decl[processed] = true;
     }
   };
 };
-
 function transformer(_x) {
   return _transformer.apply(this, arguments);
 }
-
 function _transformer() {
   _transformer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file) {
     return _regenerator.default.wrap(function _callee$(_context) {
@@ -222,10 +175,8 @@ function _transformer() {
             return (0, _postcss.default)([plugin()]).process(file.source, {
               syntax: _postcssLess.default
             }).css;
-
           case 2:
             return _context.abrupt("return", _context.sent);
-
           case 3:
           case "end":
             return _context.stop();

package/dist/cjs/presets/css-to-design-tokens/utils/legacy-colors.js

@@ -156,7 +156,6 @@ var knownVariables = {
   '--adg3-color-green-light': ['accent', 'subtler', 'green'],
   '--adg3-color-green-dark': ['accent', 'bolder', 'green'],
   '--adg3-color-N20-transparent': [],
-
   /* Alias variables */
   '--jpo-theme-color': ['brand'],
   '--jpo-text-default-color': ['text'],

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

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cleanMeta = cleanMeta;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _tokenNames = _interopRequireDefault(require("@atlaskit/tokens/token-names"));
-
 var getUniqueWordsFromTokens = Object.keys(_tokenNames.default).reduce(function (accum, val) {
   return [].concat((0, _toConsumableArray2.default)(accum), (0, _toConsumableArray2.default)(val.split('.')));
 }, []).reduce(function (accum, val) {
@@ -21,10 +17,8 @@ var getUniqueWordsFromTokens = Object.keys(_tokenNames.default).reduce(function
   if (!accum.includes(val)) {
     accum.push(val);
   }
-
   return accum;
 }, []);
-
 function filterDuplciateFoundations(meta) {
   var foundations = ['text', 'background', 'shadow', 'border'];
   var hasFoundation = false;
@@ -33,15 +27,12 @@ function filterDuplciateFoundations(meta) {
       hasFoundation = true;
       return true;
     }
-
     if (hasFoundation && foundations.includes(val)) {
       return false;
     }
-
     return true;
   });
 }
-
 function cleanMeta(meta) {
   var cleanMeta = 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) {
@@ -56,7 +47,6 @@ function cleanMeta(meta) {
     if (!accum.includes(val)) {
       accum.push(val);
     }
-
     return accum;
   }, []);
   return filterDuplciateFoundations(cleanMeta);

package/dist/cjs/presets/index.js

@@ -1,24 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _path = _interopRequireDefault(require("path"));
-
 require("./styled-to-emotion/styled-to-emotion");
-
 require("./theme-to-design-tokens/theme-to-design-tokens");
-
 require("./css-to-design-tokens/css-to-design-tokens");
-
 /**
  * Manually import presets to make sure typescript includes them
  * in the final bundle
  */
+
 var presets = ['styled-to-emotion', 'theme-to-design-tokens', 'css-to-design-tokens'].map(function (preset) {
   return _path.default.join(__dirname, preset, "".concat(preset, ".@(ts|js|tsx)"));
 });

package/dist/cjs/presets/styled-to-emotion/styled-to-emotion.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = transformer;
 exports.parser = void 0;
-
 function buildCoreImportDeclaration(j, path) {
   var coreExports = ['css', 'keyframes'];
   var specifiers = [];
@@ -16,14 +15,12 @@ function buildCoreImportDeclaration(j, path) {
   });
   return specifiers.length ? j.importDeclaration(specifiers, j.literal('@emotion/core')) : null;
 }
-
 function buildStyledImportDeclaration(j, path) {
   var specifier = j(path).find(j.ImportDefaultSpecifier).filter(function (specifier) {
     return specifier.value.local.name === 'styled';
   });
   return specifier && specifier.length ? j.importDeclaration([j.importDefaultSpecifier(j.identifier(specifier.get(0).node.local.name))], j.literal('@emotion/styled')) : null;
 }
-
 function buildThemingImportDeclaration(j, path) {
   var themingExports = ['ThemeProvider', 'withTheme'];
   var specifiers = [];
@@ -34,11 +31,10 @@ function buildThemingImportDeclaration(j, path) {
   });
   return specifiers && specifiers.length ? j.importDeclaration(specifiers, j.literal('emotion-theming')) : null;
 }
+
 /**
  * Converts all imports of `styled-components` to `@emotion/styled`
  */
-
-
 function transformer(fileInfo, _ref, options) {
   var j = _ref.jscodeshift;
   var source = j(fileInfo.source).find(j.ImportDeclaration).filter(function (path) {
@@ -50,6 +46,5 @@ function transformer(fileInfo, _ref, options) {
   });
   return source;
 }
-
 var parser = 'tsx';
 exports.parser = parser;

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

@@ -1,35 +1,25 @@
 "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);
 
+var 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;
 }
-
 function hasImportSpecifier(j, source, specifier, sourcePath) {
   return !!source.find(j.ImportDeclaration).filter(function (path) {
     return path.node.source.value === sourcePath;
@@ -39,43 +29,37 @@ function hasImportSpecifier(j, source, specifier, sourcePath) {
     }
   }).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'));
   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));
   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'];
-
+  var tokenId = ['MISSING_TOKEN'];
   if (results) {
     tokenId = results.map(function (result) {
       return 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
+  source
+  // Handle colors.N100
   .find(j.MemberExpression).filter(function (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) {
@@ -126,7 +110,6 @@ function transformer(file, api) {
     return !(0, _ast.isDecendantOfToken)(j, path);
   }).forEach(function (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();
@@ -136,10 +119,8 @@ function transformer(file, api) {
     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,34 +1,26 @@
 "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;
-
   if (parent && parent.value.type === 'ObjectProperty') {
     var 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;
@@ -39,10 +31,10 @@ function getMetaFromAncestors(j, path) {
     }).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
+    })
+    // 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());
-
       if (result) {
         meta.push(result[0]);
         return true;
@@ -50,24 +42,19 @@ 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) {
@@ -82,7 +69,6 @@ function cleanMeta(meta) {
     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,41 @@ 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);
 };
-
 exports.isLegacyColor = isLegacyColor;
-
 var isLegacyNamedColor = function isLegacyNamedColor(value) {
   return _legacyColors.legacyColorMixins.includes(value);
 };
-
 exports.isLegacyNamedColor = isLegacyNamedColor;
-
 var includesHardCodedColor = function includesHardCodedColor(raw) {
   var 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], ";"))) {
       return true;
     }
   }
-
   return false;
 };
-
 exports.includesHardCodedColor = includesHardCodedColor;
-
 var isHardCodedColor = function 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;