Add stylelint-order; remove stylefmt in favor of stylelint --fix (#1310)

Author: frenzzy

.eslintrc.js

@@ -10,56 +10,56 @@
 // ESLint configuration
 // http://eslint.org/docs/user-guide/configuring
 module.exports = {
-    parser: 'babel-eslint',
+  parser: 'babel-eslint',
 
-    extends: [
-      'airbnb',
-      'plugin:css-modules/recommended',
-    ],
+  extends: [
+    'airbnb',
+    'plugin:css-modules/recommended',
+  ],
 
-    plugins: [
-      'css-modules',
-    ],
+  plugins: [
+    'css-modules',
+  ],
 
-    globals: {
-      __DEV__: true,
-    },
+  globals: {
+    __DEV__: true,
+  },
 
-    env: {
-      browser: true,
-    },
+  env: {
+    browser: true,
+  },
 
-    rules: {
-      // `js` and `jsx` are common extensions
-      // `mjs` is for `universal-router` only, for now
-      'import/extensions': [
-        'error',
-        'always',
-        {
-          js: 'never',
-          jsx: 'never',
-          mjs: 'never',
-        },
-      ],
+  rules: {
+    // `js` and `jsx` are common extensions
+    // `mjs` is for `universal-router` only, for now
+    'import/extensions': [
+      'error',
+      'always',
+      {
+        js: 'never',
+        jsx: 'never',
+        mjs: 'never',
+      },
+    ],
 
-      // Not supporting nested package.json yet
-      // https://github.com/benmosher/eslint-plugin-import/issues/458
-      'import/no-extraneous-dependencies': 'off',
+    // Not supporting nested package.json yet
+    // https://github.com/benmosher/eslint-plugin-import/issues/458
+    'import/no-extraneous-dependencies': 'off',
 
-      // Recommend not to leave any console.log in your code
-      // Use console.error, console.warn and console.info instead
-      'no-console': [
-        'error',
-        {
-          allow: ['warn', 'error', 'info'],
-        },
-      ],
+    // Recommend not to leave any console.log in your code
+    // Use console.error, console.warn and console.info instead
+    'no-console': [
+      'error',
+      {
+        allow: ['warn', 'error', 'info'],
+      },
+    ],
 
-      // Allow js files to use jsx syntax, too
-      'react/jsx-filename-extension': 'off',
+    // Allow js files to use jsx syntax, too
+    'react/jsx-filename-extension': 'off',
 
-      // https://github.com/kriasoft/react-starter-kit/pull/961
-      // You can reopen this if you still want this rule
-      'react/prefer-stateless-function': 'off',
-    },
-  };
+    // https://github.com/kriasoft/react-starter-kit/pull/961
+    // You can reopen this if you still want this rule
+    'react/prefer-stateless-function': 'off',
+  },
+};

.gitignore

@@ -1,11 +1,30 @@
-# Include your project-specific ignores in this file
-# Read about how to use .gitignore: https://help.github.com/articles/ignoring-files
+# See https://help.github.com/ignore-files/ for more about ignoring files.
 
-.idea
+# Dependencies
+node_modules/
+
+# Compiled output
 build
+
+# Runtime data
 database.sqlite
-node_modules
-npm-debug.log
-yarn-error.log
+
+# Test coverage
 coverage
 .nyc_output
+
+# Logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editors and IDEs
+.idea
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# Misc
+.DS_Store

.stylelintrc.js

@@ -15,24 +15,42 @@ module.exports = {
   // https://github.com/stylelint/stylelint-config-standard
   extends: 'stylelint-config-standard',
 
+  plugins: [
+    // stylelint plugin to sort CSS rules content with specified order
+    // https://github.com/hudochenkov/stylelint-order
+    'stylelint-order',
+  ],
+
   rules: {
     'property-no-unknown': [true, {
       ignoreProperties: [
         // CSS Modules composition
         // https://github.com/css-modules/css-modules#composition
-        'composes'
-      ]
+        'composes',
+      ],
     }],
 
     'selector-pseudo-class-no-unknown': [true, {
       ignorePseudoClasses: [
         // CSS Modules :global scope
         // https://github.com/css-modules/css-modules#exceptions
-        'global'
-      ]
+        'global',
+      ],
     }],
 
     // Opinionated rule, you can disable it if you want
     'string-quotes': 'single',
+
+    // https://github.com/hudochenkov/stylelint-order/blob/master/rules/order/README.md
+    'order/order': [
+      'custom-properties',
+      'dollar-variables',
+      'declarations',
+      'at-rules',
+      'rules',
+    ],
+
+    // https://github.com/hudochenkov/stylelint-order/blob/master/rules/properties-order/README.md
+    'order/properties-order': [],
   },
 };

.travis.yml

@@ -1,5 +1,6 @@
 language: node_js
 node_js:
+  - '8'
   - '7'
   - '6'
 env:

package.json

@@ -123,9 +123,9 @@
     "rimraf": "^2.6.1",
     "sass-loader": "6.0.3",
     "sinon": "^2.3.4",
-    "stylefmt": "^6.0.0",
     "stylelint": "^7.11.0",
     "stylelint-config-standard": "^16.0.0",
+    "stylelint-order": "^0.5.0",
     "url-loader": "^0.5.8",
     "webpack": "^2.6.1",
     "webpack-bundle-analyzer": "^2.8.2",
@@ -165,13 +165,12 @@
       "git add"
     ],
     "*.{css,less,scss,sss}": [
-      "stylefmt",
-      "stylelint",
+      "stylelint --fix",
       "git add"
     ]
   },
   "scripts": {
-    "lint:js": "eslint src tools",
+    "lint:js": "eslint --ignore-path .gitignore --ignore-pattern \"!**/.*\" .",
     "lint:css": "stylelint \"src/**/*.{css,less,scss,sss}\"",
     "lint:staged": "lint-staged",
     "lint": "yarn run lint:js && yarn run lint:css",