@atlaskit/codemod-cli 0.17.10 → 0.18.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/codemod-cli
 
+## 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/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.18.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/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/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.18.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/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.18.0",
   "description": "A cli for distributing codemods for atlassian-frontend components and services",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
   "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",
@@ -49,8 +49,6 @@
     "glob": "^7.1.2",
     "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"

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);
-}