@atlaskit/codemod-cli 0.17.10 → 0.19.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/codemod-cli
 
+## 0.19.0
+
+### Minor Changes
+
+- [#60956](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60956) [`3c438c899565`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3c438c899565) - Updated glob dependency to 9.0.0 to fix VULN-1129796
+
+## 0.18.0
+
+### Minor Changes
+
+- [#71146](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71146) [`3e20d00d3d46`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3e20d00d3d46) - Moves tokens codemods into the tokens package.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.17.10
 
 ### Patch Changes

package/dist/cjs/filepath.js

@@ -27,7 +27,7 @@ function _findDependentPackagePaths() {
             return "".concat(crawlPath.replace(/^\.\//, ''), "/**/package.json");
           }); // Convert array into glob string
           globString = searchStrings.length > 1 ? "{".concat(searchStrings.join(','), "}") : searchStrings[0];
-          packageJsonPaths = _glob.glob.sync(globString, {
+          packageJsonPaths = (0, _glob.globSync)(globString, {
             ignore: '**/node_modules/**',
             nodir: true
           });

package/dist/cjs/main.js

@@ -305,7 +305,7 @@ function _main() {
         case 4:
           _yield$parseArgs = _context5.sent;
           packages = _yield$parseArgs.packages;
-          _process$env$_PACKAGE = "0.17.10", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.19.0", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
           logger.log(_chalk.default.bgBlue(_chalk.default.black("\uD83D\uDCDA Atlassian-Frontend codemod library @ ".concat(_PACKAGE_VERSION_, " \uD83D\uDCDA"))));
           if (packages && packages.length > 0) {
             logger.log(_chalk.default.gray("Searching for codemods for newer versions of the following packages: ".concat(packages.map(function (pkg) {

package/dist/cjs/presets/index.js

@@ -7,16 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 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("./theme-remove-deprecated-mixins/theme-remove-deprecated-mixins");
-require("./css-to-design-tokens/css-to-design-tokens");
 require("./migrate-to-new-buttons/migrate-to-new-buttons");
 /**
  * Manually import presets to make sure typescript includes them
- * in the final bundle
+ * in the final bundle.
  */
 
-var presets = ['styled-to-emotion', 'theme-to-design-tokens', 'theme-remove-deprecated-mixins', 'css-to-design-tokens', 'migrate-to-new-buttons'].map(function (preset) {
+var presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-new-buttons'].map(function (preset) {
   return _path.default.join(__dirname, preset, "".concat(preset, ".@(ts|js|tsx)"));
 });
 var _default = exports.default = presets;

package/dist/cjs/transforms.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.parseTransformPath = exports.hasTransform = exports.getTransforms = exports.getTransformVersion = exports.getTransformPath = exports.getTransformModule = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _path = _interopRequireDefault(require("path"));
-var _glob = _interopRequireDefault(require("glob"));
+var _glob = require("glob");
 var _semver = _interopRequireDefault(require("semver"));
 var _presets = _interopRequireDefault(require("./presets"));
 var basePath = function basePath(packages) {
@@ -17,7 +17,7 @@ var basePath = function basePath(packages) {
   return _path.default.join.apply(_path.default, [process.cwd(), 'node_modules'].concat(packageDirectory, ['codemods']));
 };
 var hasTransform = exports.hasTransform = function hasTransform(transformPath) {
-  return _glob.default.sync(transformPath).length > 0;
+  return (0, _glob.globSync)(transformPath).length > 0;
 };
 
 /** Retrieves transforms for `packages` if provided, otherwise all transforms including presets */
@@ -27,7 +27,7 @@ var getTransforms = exports.getTransforms = function getTransforms(packages) {
     transforms.unshift.apply(transforms, (0, _toConsumableArray2.default)(_presets.default));
   }
   return transforms.map(function (transform) {
-    return _glob.default.sync(transform);
+    return (0, _glob.globSync)(transform);
   }).reduce(function (acc, val) {
     return acc.concat(val);
   }, []).map(function (transform) {

package/dist/es2019/filepath.js

@@ -1,4 +1,4 @@
-import { glob } from 'glob';
+import { globSync } from 'glob';
 import { promises } from 'fs';
 const {
   readFile
@@ -14,7 +14,7 @@ export async function findDependentPackagePaths(crawlPaths, dependencyPackage) {
 
   // Convert array into glob string
   const globString = searchStrings.length > 1 ? `{${searchStrings.join(',')}}` : searchStrings[0];
-  const packageJsonPaths = glob.sync(globString, {
+  const packageJsonPaths = globSync(globString, {
     ignore: '**/node_modules/**',
     nodir: true
   });

package/dist/es2019/presets/index.js

@@ -2,12 +2,10 @@ import path from 'path';
 
 /**
  * Manually import presets to make sure typescript includes them
- * in the final bundle
+ * in the final bundle.
  */
 import './styled-to-emotion/styled-to-emotion';
-import './theme-to-design-tokens/theme-to-design-tokens';
 import './theme-remove-deprecated-mixins/theme-remove-deprecated-mixins';
-import './css-to-design-tokens/css-to-design-tokens';
 import './migrate-to-new-buttons/migrate-to-new-buttons';
-const presets = ['styled-to-emotion', 'theme-to-design-tokens', 'theme-remove-deprecated-mixins', 'css-to-design-tokens', 'migrate-to-new-buttons'].map(preset => path.join(__dirname, preset, `${preset}.@(ts|js|tsx)`));
+const presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-new-buttons'].map(preset => path.join(__dirname, preset, `${preset}.@(ts|js|tsx)`));
 export default presets;

package/dist/es2019/transforms.js

@@ -1,12 +1,12 @@
 import path from 'path';
-import glob from 'glob';
+import { globSync } from 'glob';
 import semver from 'semver';
 import presets from './presets';
 const basePath = packages => {
   const packageDirectory = packages && packages.length > 0 ? [`{${packages.map(pkg => pkg.name).join(',')},}`] : ['@{atlaskit,atlassian,atlassiansox}', '*'];
   return path.join(process.cwd(), 'node_modules', ...packageDirectory, 'codemods');
 };
-export const hasTransform = transformPath => glob.sync(transformPath).length > 0;
+export const hasTransform = transformPath => globSync(transformPath).length > 0;
 
 /** Retrieves transforms for `packages` if provided, otherwise all transforms including presets */
 export const getTransforms = packages => {
@@ -14,7 +14,7 @@ export const getTransforms = packages => {
   if (!packages) {
     transforms.unshift(...presets);
   }
-  return transforms.map(transform => glob.sync(transform)).reduce((acc, val) => acc.concat(val), []).map(transform => parseTransformPath(transform)).filter(filterTransforms(packages)).sort();
+  return transforms.map(transform => globSync(transform)).reduce((acc, val) => acc.concat(val), []).map(transform => parseTransformPath(transform)).filter(filterTransforms(packages)).sort();
 };
 export const parseTransformPath = transformPath => path.parse(transformPath);
 export const getTransformPath = ({

package/dist/esm/filepath.js

@@ -1,6 +1,6 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { glob } from 'glob';
+import { globSync } from 'glob';
 import { promises } from 'fs';
 var readFile = promises.readFile;
 
@@ -20,7 +20,7 @@ function _findDependentPackagePaths() {
             return "".concat(crawlPath.replace(/^\.\//, ''), "/**/package.json");
           }); // Convert array into glob string
           globString = searchStrings.length > 1 ? "{".concat(searchStrings.join(','), "}") : searchStrings[0];
-          packageJsonPaths = glob.sync(globString, {
+          packageJsonPaths = globSync(globString, {
             ignore: '**/node_modules/**',
             nodir: true
           });

package/dist/esm/main.js

@@ -298,7 +298,7 @@ function _main() {
         case 4:
           _yield$parseArgs = _context5.sent;
           packages = _yield$parseArgs.packages;
-          _process$env$_PACKAGE = "0.17.10", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.19.0", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
           logger.log(chalk.bgBlue(chalk.black("\uD83D\uDCDA Atlassian-Frontend codemod library @ ".concat(_PACKAGE_VERSION_, " \uD83D\uDCDA"))));
           if (packages && packages.length > 0) {
             logger.log(chalk.gray("Searching for codemods for newer versions of the following packages: ".concat(packages.map(function (pkg) {

package/dist/esm/presets/index.js

@@ -2,14 +2,12 @@ import path from 'path';
 
 /**
  * Manually import presets to make sure typescript includes them
- * in the final bundle
+ * in the final bundle.
  */
 import './styled-to-emotion/styled-to-emotion';
-import './theme-to-design-tokens/theme-to-design-tokens';
 import './theme-remove-deprecated-mixins/theme-remove-deprecated-mixins';
-import './css-to-design-tokens/css-to-design-tokens';
 import './migrate-to-new-buttons/migrate-to-new-buttons';
-var presets = ['styled-to-emotion', 'theme-to-design-tokens', 'theme-remove-deprecated-mixins', 'css-to-design-tokens', 'migrate-to-new-buttons'].map(function (preset) {
+var presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-new-buttons'].map(function (preset) {
   return path.join(__dirname, preset, "".concat(preset, ".@(ts|js|tsx)"));
 });
 export default presets;

package/dist/esm/transforms.js

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import path from 'path';
-import glob from 'glob';
+import { globSync } from 'glob';
 import semver from 'semver';
 import presets from './presets';
 var basePath = function basePath(packages) {
@@ -10,7 +10,7 @@ var basePath = function basePath(packages) {
   return path.join.apply(path, [process.cwd(), 'node_modules'].concat(packageDirectory, ['codemods']));
 };
 export var hasTransform = function hasTransform(transformPath) {
-  return glob.sync(transformPath).length > 0;
+  return globSync(transformPath).length > 0;
 };
 
 /** Retrieves transforms for `packages` if provided, otherwise all transforms including presets */
@@ -20,7 +20,7 @@ export var getTransforms = function getTransforms(packages) {
     transforms.unshift.apply(transforms, _toConsumableArray(presets));
   }
   return transforms.map(function (transform) {
-    return glob.sync(transform);
+    return globSync(transform);
   }).reduce(function (acc, val) {
     return acc.concat(val);
   }, []).map(function (transform) {

package/dist/types/presets/index.d.ts

@@ -1,11 +1,9 @@
 /**
  * Manually import presets to make sure typescript includes them
- * in the final bundle
+ * in the final bundle.
  */
 import './styled-to-emotion/styled-to-emotion';
-import './theme-to-design-tokens/theme-to-design-tokens';
 import './theme-remove-deprecated-mixins/theme-remove-deprecated-mixins';
-import './css-to-design-tokens/css-to-design-tokens';
 import './migrate-to-new-buttons/migrate-to-new-buttons';
 declare const presets: string[];
 export default presets;

package/dist/types-ts4.5/presets/index.d.ts

@@ -1,11 +1,9 @@
 /**
  * Manually import presets to make sure typescript includes them
- * in the final bundle
+ * in the final bundle.
  */
 import './styled-to-emotion/styled-to-emotion';
-import './theme-to-design-tokens/theme-to-design-tokens';
 import './theme-remove-deprecated-mixins/theme-remove-deprecated-mixins';
-import './css-to-design-tokens/css-to-design-tokens';
 import './migrate-to-new-buttons/migrate-to-new-buttons';
 declare const presets: string[];
 export default presets;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/codemod-cli",
-  "version": "0.17.10",
+  "version": "0.19.0",
   "description": "A cli for distributing codemods for atlassian-frontend components and services",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,24 +40,21 @@
   "bin": "./bin/codemod-cli.js",
   "dependencies": {
     "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/tokens": "^1.35.0",
+    "@atlaskit/tokens": "^1.37.0",
     "@babel/runtime": "^7.0.0",
     "@codeshift/utils": "^0.2.4",
     "@types/jscodeshift": "^0.11.0",
     "chalk": "^4.1.2",
     "enquirer": "^2.3.4",
-    "glob": "^7.1.2",
+    "glob": "9.0.0",
     "jscodeshift": "^0.13.0",
     "meow": "^8.1.1",
-    "postcss": "^8.4.7",
-    "postcss-less": "^6.0.0",
     "projector-spawn": "^1.0.1",
     "semver": "^7.5.2",
     "simple-git": "^3.16.0"
   },
   "devDependencies": {
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
-    "@types/glob": "^7.1.3",
     "ts-node": "^10.9.1",
     "typescript": "~4.9.5"
   },

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

@@ -1,117 +0,0 @@
-"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 _postcss = _interopRequireDefault(require("postcss"));
-var _postcssLess = _interopRequireDefault(require("postcss-less"));
-var _declaration = require("./lib/declaration");
-var _meta = require("./lib/meta");
-var _tokens = _interopRequireDefault(require("./lib/tokens"));
-var _value = _interopRequireDefault(require("./lib/value"));
-// @ts-ignore
-
-var POSTCSS_OPTIONS = {
-  syntax: _postcssLess.default,
-  from: undefined
-};
-
-// 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 {
-    postcssPlugin: 'UsingTokens',
-    AtRule: function AtRule(atRule, helper) {
-      // @ts-expect-error
-      if (atRule[processed]) {
-        return;
-      }
-
-      // @ts-expect-error: The 'variable' property does not exist on 'AtRule' according to the TypeScript definitions.
-      // However, the 'postcss-less' library adds a 'variable' property to 'AtRule' when parsing LESS variables.
-      // This property indicates whether the 'AtRule' is a LESS variable.
-      if (atRule.variable) {
-        // TODO https://hello.atlassian.net/browse/DCA11Y-637
-      }
-
-      // @ts-expect-error
-      atRule[processed] = true;
-    },
-    Declaration: function Declaration(decl) {
-      // @ts-expect-error
-      if (decl[processed]) {
-        return;
-      }
-      if (decl.value === 'none') {
-        return;
-      }
-      var baseMeta = (0, _meta.getBaseDeclarationMeta)(decl);
-      if ((0, _declaration.isCssDeclaration)(decl.prop)) {
-        // TODO https://hello.atlassian.net/browse/DCA11Y-637
-      }
-      if ((0, _declaration.isColorRelatedProperty)(decl.prop)) {
-        var values = (0, _declaration.splitCssValue)(decl.value);
-        if (!values) {
-          return;
-        }
-        switch (decl.prop) {
-          case 'box-shadow':
-            var meta = values.reduce(function (acc, curr) {
-              var parsedValue = (0, _value.default)(curr);
-              if (!parsedValue) {
-                return acc;
-              }
-              return [].concat((0, _toConsumableArray2.default)(acc), (0, _toConsumableArray2.default)(parsedValue.getMeta()));
-            }, baseMeta);
-            var token = (0, _tokens.default)(meta);
-            decl.value = "var(".concat(token, ", ").concat(decl.value, ")");
-            break;
-          default:
-            var replacedValues = values.map(function (value) {
-              var parsedValue = (0, _value.default)(value);
-              if (!parsedValue) {
-                return value;
-              }
-              return parsedValue.getReplacement(baseMeta);
-            });
-            decl.value = replacedValues.join(' ');
-            break;
-        }
-      }
-
-      // @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) {
-    var processor, src, _yield$processor$proc, css;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          processor = (0, _postcss.default)([plugin()]);
-          src = typeof file === 'string' ? file : file.source;
-          _context.next = 4;
-          return processor.process(src, POSTCSS_OPTIONS);
-        case 4:
-          _yield$processor$proc = _context.sent;
-          css = _yield$processor$proc.css;
-          return _context.abrupt("return", css);
-        case 7:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _transformer.apply(this, arguments);
-}

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

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extractBetweenParentheses = extractBetweenParentheses;
-exports.isGradient = isGradient;
-exports.isKnownCssVariable = isKnownCssVariable;
-exports.isLessFunction = isLessFunction;
-exports.isNamedColor = isNamedColor;
-exports.isRawColor = isRawColor;
-var _legacyColors = require("./legacy-colors");
-var NAMED_COLORS = Object.keys(_legacyColors.knownNamedColors);
-var GRADIENT_TYPES = ['linear', 'radial', 'conic'];
-var LESS_COLOR_FUNCTIONS = ['lighten', 'darken', 'saturate', 'desaturate', 'fadein', 'fadeout', 'fade', 'spin', 'mix', 'greyscale', 'contrast', 'multiply', 'screen', 'overlay', 'softlight', 'hardlight', 'difference', 'exclusion', 'average', 'negation', 'tint', 'shade', 'luma', 'hue', 'saturation', 'lightness', 'alpha', 'red', 'green', 'blue'];
-var REGEXES = {
-  // The CSS regular expression matches CSS variable declarations.
-  // It looks for the string "var(" followed by any characters except a closing parenthesis, and ending with a closing parenthesis.
-  CSS: /var\([^\)]+\)/g,
-  // The RAW_COLOR regular expression matches various CSS color formats including hexadecimal, RGB(A), HSL(A), LAB, LCH, and HWB.
-  // It allows for optional leading and trailing white spaces.
-  // For RGBA and HSLA, it allows any number (including negative numbers and numbers greater than 1) for the alpha channel.
-  // For RGB, HSL, LAB, LCH, and HWB, it expects three comma-separated values.
-  // It also allows optional white spaces around the commas and the values.
-  RAW_COLOR: /^\s*(#([0-9a-f]{3}){1,2}|(rgba|hsla)\(\s*\d{1,3}%?\s*(,\s*\d{1,3}%?\s*){2},\s*-?\d*\.?\d+\s*\)|(rgb|hsl)\(\s*\d{1,3}%?\s*(,\s*\d{1,3}%?\s*){2}\)\s*|(lab|lch)\(\s*\d{1,3}%?\s+\d{1,3}%?\s+\d{1,3}%?\s*\)|hwb\(\s*\d{1,3}\s+\d{1,3}%?\s+\d{1,3}%?\s*\))\s*$/i
-};
-function isKnownCssVariable(value) {
-  return value in _legacyColors.knownVariables;
-}
-function isRawColor(value) {
-  return REGEXES.RAW_COLOR.test(value);
-}
-function isNamedColor(value) {
-  return NAMED_COLORS.includes(value);
-}
-function isGradient(value) {
-  return GRADIENT_TYPES.some(function (gradient) {
-    return value.startsWith("".concat(gradient, "-gradient("));
-  });
-}
-function extractBetweenParentheses(value) {
-  var match = value.match(/\((.*?)\)/);
-  return match ? match[1] : '';
-}
-function isLessFunction(value) {
-  return LESS_COLOR_FUNCTIONS.some(function (func) {
-    return value.startsWith("".concat(func, "("));
-  });
-}

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

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extractCssVarName = extractCssVarName;
-exports.extractLessVarName = extractLessVarName;
-exports.isColorRelatedProperty = isColorRelatedProperty;
-exports.isCssDeclaration = isCssDeclaration;
-exports.splitCssValue = splitCssValue;
-var COLOR_PROPERTIES = ['color', 'background', 'background-color', 'box-shadow', 'border', 'border-left', 'border-right', 'border-top', 'border-bottom', 'border-color', 'border-left-color', 'border-right-color', 'border-top-color', 'border-bottom-color', 'outline', 'outline-color', 'accent-color', 'caret-color', 'scrollbar-color', 'text-stroke'];
-function isColorRelatedProperty(prop) {
-  return COLOR_PROPERTIES.some(function (property) {
-    return property === prop;
-  });
-}
-function isCssDeclaration(prop) {
-  return prop.startsWith('--');
-}
-function extractCssVarName(prop) {
-  return prop.substring(prop.indexOf('(') + 1).split(/\,|\)/)[0];
-}
-function extractLessVarName(prop) {
-  return prop.substring(1);
-}
-function splitCssValue(value) {
-  var regex = /(?:[^\s()]+|\((?:[^()]+|\([^()]*\))*\))+/g;
-  return value.match(regex);
-}