@alexlit/config-stylelint 60.11.0 → 60.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexlit/config-stylelint",
-  "version": "60.11.0",
+  "version": "60.12.1",
   "private": false,
   "description": "Stylelint config",
   "keywords": [
@@ -26,7 +26,8 @@
   "files": [
     "README.md",
     "index.js",
-    "plugins"
+    "plugins",
+    "vendor"
   ],
   "scripts": {
     "lint": "cd ../../ && ./scripts/lint.stylelint.sh",
@@ -42,7 +43,7 @@
     "postcss-html": "^1.8.1",
     "prettier": "^3.8.3",
     "stylelint": "17.11.0",
-    "stylelint-color-format": "^1.1.0",
+    "stylelint-color-format": "file:./vendor/stylelint-color-format",
     "stylelint-config-recommended-vue": "^1.6.1",
     "stylelint-config-standard": "^40.0.0",
     "stylelint-config-standard-scss": "^17.0.0",

package/plugins/color-format.js

@@ -1,9 +1,11 @@
 /**
+ * TODO: update plugin from ^1.1.0
+ *
  * @type {import('stylelint').Config}
  *
  * @see [stylelint-color-format](https://github.com/filipekiss/stylelint-color-format)
  */
 export default {
-  // plugins: ['stylelint-color-format'], //TODO: update plugin from ^1.1.0
-  // rules: { 'color-format/format': { format: 'rgb' } },
+  plugins: ['stylelint-color-format'],
+  rules: { 'color-format/format': { format: 'rgb' } },
 };

package/vendor/stylelint-color-format/index.js

@@ -0,0 +1,5 @@
+const {createPlugin} = require('stylelint');
+
+const rules = require('./rules');
+
+module.exports = [createPlugin('color-format/format', rules['format'])];

package/vendor/stylelint-color-format/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "stylelint-color-format",
+  "version": "1.1.0",
+  "description": "Convert Hex colors to either RGBA or HSLA",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/filipekiss/stylelint-color-format.git"
+  },
+  "dependencies": {
+    "color": "^3.0.0",
+    "style-search": "^0.1.0"
+  },
+  "peerDependencies": {
+    "stylelint": ">=8.0.0"
+  },
+  "devDependencies": {
+    "eslint-config-stylelint": "^8.1.0",
+    "husky": "^0.14.3",
+    "lint-staged": "^7.1.0",
+    "np": "^2.20.1",
+    "prettier": "^1.12.1",
+    "standard-version": "^7.1.0",
+    "stylelint": ">=8.0.0",
+    "stylelint-test-rule-tape": "^0.2.0",
+    "xo": "^0.24.0"
+  },
+  "keywords": [
+    "stylelint",
+    "stylelint-plugin",
+    "css",
+    "sass",
+    "scss"
+  ],
+  "author": "Filipe Kiss <eu@filipekiss.com.br>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/filipekiss/stylelint-color-format/issues"
+  },
+  "homepage": "https://github.com/filipekiss/stylelint-color-format#readme",
+  "engines": {
+    "node": ">=7"
+  }
+}

package/vendor/stylelint-color-format/rules/color-format/format.js

@@ -0,0 +1,119 @@
+/* eslint-disable unicorn/no-abusive-eslint-disable */
+/* eslint-disable */
+const colorConverter = require('color');
+const styleSearch = require('style-search');
+const stylelint = require('stylelint');
+
+const {report, ruleMessages, validateOptions} = stylelint.utils;
+
+const ruleName = 'color-format/format';
+
+const fixColorFormat = (value, fixer) => {
+  if (!value) {
+    return value;
+  }
+
+  // Extract the color from value
+  const hexMatch = value.match(/#[0-9A-Z]+/gi);
+
+  if (!hexMatch) {
+    return value;
+  }
+
+  const colorTranslation = hexMatch.reduce((table, hexColor) => {
+    const color = colorConverter(hexColor);
+
+    table[hexColor] = fixer.fixTo.includes('hsl')
+      ? color.hsl().round().string()
+      : color.rgb().string();
+
+    return table;
+  }, {});
+
+  Object.entries(colorTranslation).forEach(colorTuple => {
+    const hexColor = colorTuple[0];
+    const fixedColor = colorTuple[1];
+
+    value = value.replace(hexColor, fixedColor);
+  });
+
+  return value;
+};
+
+const messages = ruleMessages(ruleName, {
+  custom: message => message,
+  rejected: hex => `Unexpected hex color "${hex}"`,
+});
+
+const rule = function (actual, options, context) {
+  return (root, result) => {
+    const validOptions = validateOptions(result, ruleName, {
+      actual,
+      possible: {
+        format: ['rgb', 'rgba', 'hsl', 'hsla'],
+      },
+    });
+
+    if (!validOptions) {
+      return;
+    }
+
+    root.walkDecls(decl => {
+      const declString = decl.toString();
+      const fixPositions = [];
+
+      styleSearch({source: declString, target: '#'}, match => {
+        // If there's not a colon, comma, or whitespace character before, we'll assume this is
+        // not intended to be a hex color, but is instead something like the
+        // hash in a url() argument
+        if (!/[:,\s]/.test(declString[match.startIndex - 1])) {
+          return;
+        }
+
+        const hexMatch = /^#[0-9A-Z]+/i.exec(
+          declString.slice(match.startIndex)
+        );
+
+        if (!hexMatch) {
+          return;
+        }
+
+        const hexValue = hexMatch[0];
+
+        if (context && context.fix) {
+          fixPositions.unshift({
+            fixTo: actual.format,
+            hexValue,
+            startIndex: match.startIndex,
+          });
+
+          return;
+        }
+
+        const message =
+          actual && actual.message
+            ? messages.custom(actual.message)
+            : messages.rejected(hexValue);
+
+        report({
+          endIndex: match.endIndex,
+          index: match.startIndex,
+          message: message,
+          node: decl,
+          result,
+          ruleName,
+        });
+      });
+
+      if (fixPositions.length > 0) {
+        fixPositions.forEach(fixPosition => {
+          decl.value = fixColorFormat(decl.value, fixPosition);
+        });
+      }
+    });
+  };
+};
+
+rule.ruleName = ruleName;
+rule.messages = messages;
+module.exports = rule;

package/vendor/stylelint-color-format/rules/index.js

@@ -0,0 +1,3 @@
+module.exports = {
+  format: require('./color-format/format'),
+};