@atlaskit/codemod-cli 0.11.3 → 0.11.5

package/dist/cjs/utils.js

@@ -4,61 +4,48 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fixLineEnding = void 0;
-
 /* Utility functions to be used in codemod-cli. */
+
 var returnLineEnding = function returnLineEnding(source) {
   var cr = source.split('\r').length;
   var lf = source.split('\n').length;
   var crlf = source.split('\r\n').length;
-
   if (cr + lf === 0) {
     return 'NONE';
   }
-
   if (crlf === cr && crlf === lf) {
     return 'CRLF';
   }
-
   if (cr > lf) {
     return 'CR';
   } else {
     return 'LF';
   }
 };
-
 var getLineEndingRegex = function getLineEndingRegex(type) {
   if (['CR', 'LF', 'CRLF'].indexOf(type) === -1) {
     throw new Error("Line ending '" + type + "' is not supported, use CR, LF or CRLF");
   }
-
   if (type === 'LF') {
     return '\n';
   }
-
   if (type === 'CR') {
     return '\r';
   }
-
   if (type === 'CRLF') {
     return '\r\n';
   }
 };
-
 var fixLineEnding = function fixLineEnding(source, lineEnding) {
   var current = returnLineEnding(source);
-
   if (current === lineEnding) {
     return source;
   }
-
   var regexCurrentLineEnding = getLineEndingRegex(current);
   var regexLineEnding = getLineEndingRegex(lineEnding);
-
   if (current && regexLineEnding && regexCurrentLineEnding) {
     return source.replace(new RegExp(regexCurrentLineEnding, 'g'), regexLineEnding);
   }
-
   return source;
 };
-
 exports.fixLineEnding = fixLineEnding;

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/codemod-cli",
-	"version": "0.11.3"
+	"version": "0.11.5"
 }

package/dist/es2019/filepath.js

@@ -3,30 +3,32 @@ import { promises } from 'fs';
 const {
   readFile
 } = promises;
-/** Return products packages filePaths for running codemods from specified dependent package */
 
+/** Return products packages filePaths for running codemods from specified dependent package */
 export async function findDependentPackagePaths(crawlPaths, dependencyPackage) {
   // Get file paths leading to package.jsons
   const searchStrings = crawlPaths.map(crawlPath => {
     //Replace leading './' due to bug with node-glob not properly ignoring files https://github.com/isaacs/node-glob/issues/309
     return `${crawlPath.replace(/^\.\//, '')}/**/package.json`;
-  }); // Convert array into glob string
+  });
 
+  // Convert array into glob string
   const globString = searchStrings.length > 1 ? `{${searchStrings.join(',')}}` : searchStrings[0];
   const packageJsonPaths = glob.sync(globString, {
     ignore: '**/node_modules/**',
     nodir: true
   });
   let productPackageJsonPathPromises = packageJsonPaths.map(async filePath => {
-    const fileContents = readFile(filePath, 'utf8'); // Grep for installedPackage
-
+    const fileContents = readFile(filePath, 'utf8');
+    // Grep for installedPackage
     const isMatch = (await fileContents).toString().split(/\n/).some(function (line) {
       return line.match(dependencyPackage);
     });
     return isMatch && filePath;
   });
-  const productPackageJsonPaths = (await Promise.all(productPackageJsonPathPromises)).filter(path => path !== false); // Get directory
+  const productPackageJsonPaths = (await Promise.all(productPackageJsonPathPromises)).filter(path => path !== false);
 
+  // Get directory
   const productPackagePaths = productPackageJsonPaths.map(line => line.replace('/package.json', ''));
   return productPackagePaths;
 }

package/dist/es2019/main.js

@@ -3,40 +3,35 @@ import fs from 'fs';
 import spawn from 'projector-spawn';
 import { AutoComplete } from 'enquirer';
 import semver from 'semver';
-
 const jscodeshift = require.resolve('.bin/jscodeshift');
-
 import { fixLineEnding } from './utils';
 import { getTransforms, getTransformPath, hasTransform, parseTransformPath, getTransformModule } from './transforms';
 import { ValidationError, NoTransformsExistError } from './types';
 import { getPackagesSinceRef } from './sinceRef';
 import { findDependentPackagePaths } from './filepath';
-
 const applyTransformMeta = transforms => transforms.map(transform => {
   const moduleMatch = transform.dir.match(/\/@atlaskit\/[^\/]+\//);
-
   if (moduleMatch) {
     const moduleName = moduleMatch[0].substring(1, moduleMatch[0].length - 1);
     const transformName = transform.name === 'index' ? transform.dir.slice(transform.dir.lastIndexOf('/') + 1) : transform.name;
-    return { ...transform,
+    return {
+      ...transform,
       id: `${moduleName}: ${transformName}`
     };
   }
-
   const presetMatch = transform.dir.match(/\/codemod-cli\/.+\/presets/);
-
   if (presetMatch) {
     const transformName = transform.name === 'index' ? transform.dir.slice(transform.dir.lastIndexOf('/') + 1) : transform.name;
-    return { ...transform,
+    return {
+      ...transform,
       id: `@atlaskit/codemod-cli: ${transformName}`
     };
   }
-
-  return { ...transform,
+  return {
+    ...transform,
     id: `${transform.dir}/${transform.name}`
   };
 });
-
 const getTransformPrompt = async transforms => {
   const transformMeta = applyTransformMeta(transforms);
   return await new AutoComplete({
@@ -53,13 +48,11 @@ const getTransformPrompt = async transforms => {
     }) => id === choice || dir === choice)
   }).run();
 };
-
 const resolveTransform = async (flags, transforms) => {
   if (flags.preset) {
     const transform = transforms.find(({
       name
     }) => name === flags.preset);
-
     if (!transform) {
       console.warn(`No preset found for: ${chalk.bgRed(flags.preset)}`);
     } else {
@@ -70,25 +63,20 @@ const resolveTransform = async (flags, transforms) => {
   if (flags.transform && hasTransform(flags.transform)) {
     return parseTransformPath(flags.transform);
   }
-
   if (flags.transform && !hasTransform(flags.transform)) {
     console.warn(`No available transform found for: ${chalk.bgRed(flags.transform)}`);
   }
-
   return await getTransformPrompt(transforms);
 };
-
 const runTransform = async (filePaths, transform, flags) => {
   const {
     logger
   } = flags;
   logger.log(chalk.green(`Running transform '${chalk.bold(transform.name)}' over ${chalk.bold(filePaths.join(', '))}...`));
   let codemodDirs = filePaths;
-
   if (flags.filterPaths) {
     logger.log(chalk.green(`Running filtering logic for module ${transform.module}...`));
     codemodDirs = await findDependentPackagePaths(filePaths, transform.module);
-
     if (codemodDirs.length === 0) {
       // Fallback to non-filter logic if filtering returns no directories
       logger.log(chalk.yellow(`Could not filter source paths for ${transform.module}, falling back to running over all specified paths. (See --no-filter-paths flag)`));
@@ -97,19 +85,18 @@ const runTransform = async (filePaths, transform, flags) => {
       logger.log(chalk.green(`Running transform '${chalk.bold(transform.name)}' over filtered dirs ${chalk.bold(codemodDirs.join(', '))}...`));
     }
   }
-
   logger.log(chalk.green(`Transforming files matching these extensions '${chalk.bold(flags.extensions)}'...`));
-  const transformPath = getTransformPath(transform); // Limit CPUs to 8 to prevent issues when running on CI with a large amount of cpus
+  const transformPath = getTransformPath(transform);
 
+  // Limit CPUs to 8 to prevent issues when running on CI with a large amount of cpus
   const args = [`--transform=${transformPath}`, `--ignore-pattern=${flags.ignorePattern}`, `--parser=${flags.parser}`, `--extensions=${flags.extensions}`, '--cpus=8', ...codemodDirs];
-
   if (flags.failOnError) {
     args.unshift('--fail-on-error');
-  } // To avoid https://github.com/facebook/jscodeshift/issues/424 where the jscodeshift.js file is `CRLF` ending.
+  }
+
+  // To avoid https://github.com/facebook/jscodeshift/issues/424 where the jscodeshift.js file is `CRLF` ending.
   // The workaround to use only the `node_modules` indicated in this ticket will not work as we run this code as CLI in products repository
   // that may not have jscodeshift installed.
-
-
   const jscodeshiftContent = fs.readFileSync(jscodeshift, 'utf8');
   const jscodeshiftContentNew = fixLineEnding(jscodeshiftContent, 'LF');
   fs.writeFileSync(jscodeshift, jscodeshiftContentNew);
@@ -117,40 +104,32 @@ const runTransform = async (filePaths, transform, flags) => {
     stdio: 'inherit'
   });
 };
-
 const parsePkg = pkg => {
   if (!pkg.startsWith('@')) {
     throw new ValidationError('Package names must be fully qualified and begin with "@"');
   }
-
   let name = pkg;
   let version = null;
   const parts = pkg.split('@');
-
   if (parts.length > 2) {
     name = `@${parts[1]}`;
     version = parts[parts.length - 1];
   }
-
   return {
     name,
     version
   };
 };
-
 const parsePackagesFlag = packages => {
   return packages.split(',').map(parsePkg);
 };
-
 const validatePackages = (packages, errorCallback) => {
   if (!packages) {
     return;
   }
-
   const errors = [];
   const transformedPackages = packages.map(pkg => {
     let version = null;
-
     if (pkg.version != null) {
       if (semver.validRange(pkg.version)) {
         version = semver.valid(semver.minVersion(pkg.version));
@@ -158,26 +137,21 @@ const validatePackages = (packages, errorCallback) => {
         errors.push(`Invalid version "${pkg.version}" for package "${pkg.name}"`);
       }
     }
-
-    return { ...pkg,
+    return {
+      ...pkg,
       version
     };
   });
-
   if (errors.length > 0) {
     errorCallback && errorCallback(errors);
   }
-
   return transformedPackages;
 };
-
 const parseArgs = async (input, flags) => {
   let packages;
-
   if (!input[0]) {
     throw new ValidationError('Please supply a path to the source files you wish to modify');
   }
-
   if (flags.packages) {
     const unvalidatedPackages = parsePackagesFlag(flags.packages);
     packages = validatePackages(unvalidatedPackages, errors => {
@@ -189,12 +163,10 @@ const parseArgs = async (input, flags) => {
       throw new Error(`Detected invalid previous versions of packages upgraded since "${flags.sinceRef}". Previous versions must be valid semver.\n${errors.join('\n')}`);
     });
   }
-
   return {
     packages
   };
 };
-
 const defaultFlags = {
   parser: 'babel',
   extensions: 'js',
@@ -202,7 +174,8 @@ const defaultFlags = {
   logger: console
 };
 export default async function main(input, userFlags) {
-  const flags = { ...defaultFlags,
+  const flags = {
+    ...defaultFlags,
     ...userFlags
   };
   const logger = flags.logger;
@@ -213,36 +186,29 @@ export default async function main(input, userFlags) {
     _PACKAGE_VERSION_ = '0.0.0-dev'
   } = process.env;
   logger.log(chalk.bgBlue(chalk.black(`📚 Atlassian-Frontend codemod library @ ${_PACKAGE_VERSION_} 📚`)));
-
   if (packages && packages.length > 0) {
     logger.log(chalk.gray(`Searching for codemods for newer versions of the following packages: ${packages.map(pkg => `${pkg.name}${pkg.version ? '@' + pkg.version : ''}`)}`));
   }
-
   const shouldHavePackages = flags.sinceRef || flags.packages && flags.packages.length > 0;
-
   if (shouldHavePackages && (packages === null || packages === void 0 ? void 0 : packages.length) === 0) {
     logger.log(chalk.gray(`Did not find updated packages, exiting`));
     return {
       transforms: []
     };
   }
-
   const availableTransforms = getTransforms(packages);
-
   if (availableTransforms.length === 0) {
     throw new NoTransformsExistError('No codemods available. Please make sure you have the latest version of the packages you are trying to upgrade before running the codemod');
   }
-
   const transforms = packages ? availableTransforms : [await resolveTransform(flags, availableTransforms)];
-  const transformsWithModule = transforms.map(transform => ({ ...transform,
+  const transformsWithModule = transforms.map(transform => ({
+    ...transform,
     module: getTransformModule(transform)
   }));
   logger.log(chalk.cyan(`Running the following transforms \n${chalk.bold(transformsWithModule.map(transform => `${transform.module}: ${transform.name}`).join('\n'))}`));
-
   for (const transform of transformsWithModule) {
     await runTransform(input, transform, flags);
   }
-
   return {
     transforms: transformsWithModule
   };

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

@@ -1,5 +1,5 @@
-import postcss from 'postcss'; // @ts-ignore
-
+import postcss from 'postcss';
+// @ts-ignore
 import lessSyntax from 'postcss-less';
 import { light as rawTokens } from '@atlaskit/tokens/tokens-raw';
 import designTokens from '@atlaskit/tokens/token-names';
@@ -8,82 +8,63 @@ import { knownVariables, knownColors, knownRawColors } from './utils/legacy-colo
 import { cleanMeta } from './utils/meta';
 const tokens = rawTokens.filter(t => t.attributes.state === 'active').map(t => t.name.replace(/\.\[default\]/g, '')).filter(t => !t.includes('UNSAFE') && !t.includes('interaction'));
 const search = Search(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(designTokens).find(([_, value]) => tokenName === value));
 }
-
 function getMetaFromCssVar(tokenName) {
   const meta = knownVariables[tokenName];
-
   if (!meta || meta.length === 0) {
     return tokenName.split('-');
   }
-
   return meta;
 }
-
 function getMetaFromRawColor(rawColor) {
   let cleanColor = rawColor.toLowerCase();
-
   if (cleanColor.length === 4) {
     cleanColor = cleanColor + cleanColor.substring(cleanColor.indexOf('#') + 1);
   }
-
   return 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
 const plugin = () => {
   const processed = Symbol('processed');
   return {
@@ -93,80 +74,67 @@ const plugin = () => {
       if (decl[processed]) {
         return;
       }
-
       if (!isColorProperty(decl.prop)) {
         return;
       }
-
       const searchTerms = [getDeclarationMeta(decl), ...getParentSelectors(decl).split(/\-|\.|\,|\ |\:|\&/).filter(el => !!el)];
       let match;
       const cssVarRe = /var\([^\)]+\)/g;
       const lessVarRe = /@[a-zA-Z0-9-]+/g;
-      const 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
+      const 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
       const cssVarMatch = decl.value.match(cssVarRe);
-
       if (cssVarMatch) {
         var _getMetaFromCssVar;
-
         match = cssVarMatch[0];
-
         if (isDesignToken(stripVar(match))) {
           return;
         }
-
         searchTerms.push(...((_getMetaFromCssVar = getMetaFromCssVar(stripVar(match))) !== null && _getMetaFromCssVar !== void 0 ? _getMetaFromCssVar : []));
-      } // Less variables
-
+      }
 
+      // Less variables
       const lassVarMatch = decl.value.match(lessVarRe);
-
       if (lassVarMatch) {
         var _getMetaFromCssVar2;
-
         match = lassVarMatch[0];
         searchTerms.push(...((_getMetaFromCssVar2 = getMetaFromCssVar(`--${stripLessVar(match)}`)) !== null && _getMetaFromCssVar2 !== void 0 ? _getMetaFromCssVar2 : []));
-      } // Raw colors
-
+      }
 
+      // Raw colors
       const rawColorMatch = decl.value.match(rawColorRe);
-
       if (rawColorMatch) {
         var _getMetaFromRawColor;
-
         match = rawColorMatch[0];
         searchTerms.push(...((_getMetaFromRawColor = getMetaFromRawColor(match)) !== null && _getMetaFromRawColor !== void 0 ? _getMetaFromRawColor : []));
-      } // Named colors
-
+      }
 
+      // Named colors
       if (knownColors.hasOwnProperty(decl.value)) {
         var _knownColors$decl$val;
-
         match = decl.value;
         searchTerms.push(...((_knownColors$decl$val = knownColors[decl.value.toLowerCase()]) !== null && _knownColors$decl$val !== void 0 ? _knownColors$decl$val : []));
       }
-
       if (!match) {
         console.warn(`Unable to find match for declaration: ${decl.prop}: ${decl.value}`);
         return;
       }
-
       const cleanSearchTerms = cleanMeta(searchTerms).join(' ');
       const results = search.get(cleanSearchTerms);
-      const replacement = results ? results.map(result => result[1]) : ['utility.UNSAFE_util.MISSING_TOKEN'];
-
+      const candidates = results.map(result => result[1]);
+      const replacement = candidates.length ? designTokens[candidates[0]] : 'MISSING_TOKEN';
       if (decl.prop === 'box-shadow') {
-        decl.value = `var(${designTokens[replacement[0]]}, ${decl.value})`;
+        decl.value = `var(${replacement}, ${decl.value})`;
       } else {
-        decl.value = decl.value.split(match).join(`var(${designTokens[replacement[0]]}, ${match})`);
-      } // @ts-expect-error
-
+        decl.value = decl.value.split(match).join(`var(${replacement}, ${match})`);
+      }
 
+      // @ts-expect-error
       decl[processed] = true;
     }
   };
 };
-
 export default async function transformer(file) {
   return await postcss([plugin()]).process(file.source, {
     syntax: lessSyntax

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

@@ -150,7 +150,6 @@ export const 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/es2019/presets/css-to-design-tokens/utils/meta.js

@@ -3,10 +3,8 @@ const getUniqueWordsFromTokens = Object.keys(designTokens).reduce((accum, val) =
   if (!accum.includes(val)) {
     accum.push(val);
   }
-
   return accum;
 }, []);
-
 function filterDuplciateFoundations(meta) {
   const foundations = ['text', 'background', 'shadow', 'border'];
   let hasFoundation = false;
@@ -15,15 +13,12 @@ function filterDuplciateFoundations(meta) {
       hasFoundation = true;
       return true;
     }
-
     if (hasFoundation && foundations.includes(val)) {
       return false;
     }
-
     return true;
   });
 }
-
 export function cleanMeta(meta) {
   const cleanMeta = 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('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('arrow', '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'));
@@ -32,7 +27,6 @@ export function cleanMeta(meta) {
     if (!accum.includes(val)) {
       accum.push(val);
     }
-
     return accum;
   }, []);
   return filterDuplciateFoundations(cleanMeta);

package/dist/es2019/presets/index.js

@@ -1,9 +1,9 @@
 import path from 'path';
+
 /**
  * Manually import presets to make sure typescript includes them
  * in the final bundle
  */
-
 import './styled-to-emotion/styled-to-emotion';
 import './theme-to-design-tokens/theme-to-design-tokens';
 import './css-to-design-tokens/css-to-design-tokens';

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

@@ -6,12 +6,10 @@ function buildCoreImportDeclaration(j, path) {
   });
   return specifiers.length ? j.importDeclaration(specifiers, j.literal('@emotion/core')) : null;
 }
-
 function buildStyledImportDeclaration(j, path) {
   const specifier = j(path).find(j.ImportDefaultSpecifier).filter(specifier => 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) {
   const themingExports = ['ThemeProvider', 'withTheme'];
   const specifiers = [];
@@ -20,11 +18,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`
  */
-
-
 export default function transformer(fileInfo, {
   jscodeshift: j
 }, options) {