refactor: update starter with new dependecies, linters and convention…

…al commits

.commitlintrc.json

@@ -0,0 +1,21 @@
+{
+  "extends": ["@commitlint/config-conventional"],
+  "rules": {
+    "scope-enum": [
+      2,
+      "always",
+      [
+        "components",
+        "constants",
+        "hooks",
+        "icons",
+        "images",
+        "layouts",
+        "pages",
+        "styles",
+        "templates",
+        "utils"
+      ]
+    ]
+  }
+}

.eslintrc.js

@@ -2,9 +2,8 @@ module.exports = {
   env: {
     browser: true,
     es6: true,
-    node: true,
   },
-  extends: ['plugin:react/recommended', 'airbnb', 'prettier', 'prettier/react'],
+  extends: ['airbnb', 'airbnb/hooks', 'airbnb/whitespace', 'prettier', 'prettier/react'],
   globals: {
     Atomics: 'readonly',
     SharedArrayBuffer: 'readonly',
@@ -18,19 +17,40 @@ module.exports = {
   },
   plugins: ['react'],
   rules: {
-    'react/jsx-filename-extension': [
-      2,
+    'no-shadow': 'off',
+    'react/no-array-index-key': 'off',
+    'react/jsx-props-no-spreading': 'off',
+    'react/no-danger': 'off',
+    'react/jsx-sort-props': [
+      'error',
+      {
+        callbacksLast: true,
+        shorthandLast: true,
+        noSortAlphabetically: true,
+      },
+    ],
+    'import/order': [
+      'error',
       {
-        extensions: ['.js'],
+        groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index', 'object'],
+        'newlines-between': 'always',
+        alphabetize: {
+          order: 'asc',
+          caseInsensitive: true,
+        },
       },
     ],
-    'react/no-array-index-key': 0,
-    'react/jsx-props-no-spreading': 0,
-    'react/no-danger': 0,
     'import/no-extraneous-dependencies': [
       'error',
       {
-        devDependencies: ['gatsby-config.js', 'gatsby-node.js', 'gatsby-ssr.js'],
+        devDependencies: [
+          '.storybook/**',
+          'src/components/**/*.stories.js',
+          'src/components/**/*.stories.jsx',
+          'gatsby-config.js',
+          'gatsby-node.js',
+          'gatsby-ssr.js',
+        ],
       },
     ],
     'jsx-a11y/label-has-associated-control': [

.huskyrc

@@ -1,5 +1,6 @@
 {
   "hooks": {
+    "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
     "pre-commit": "lint-staged --concurrent false"
   }
 }

.lintstagedrc

@@ -1,4 +1,5 @@
 {
-  "*.{js,html,css,scss,md}": "prettier --write",
-  "*.js": "eslint --cache --fix"
-}
+  "*.{js,jsx,html,css,scss,md}": "prettier --write",
+  "*.{js,jsx}": "eslint --cache --fix",
+  "*.{md}": "markdownlint --fix --ignore-path .gitignore"
+}

.markdownlint.json

@@ -0,0 +1,4 @@
+{
+  "line-length": false,
+  "ol-prefix": false
+}

.stylelintrc

@@ -0,0 +1,21 @@
+
+{
+  "extends": [
+    "stylelint-config-standard",
+    "stylelint-config-recommended-scss",
+    "stylelint-config-css-modules",
+    "stylelint-config-recess-order"
+  ],
+  "rules": {
+    "no-descending-specificity": null,
+    "at-rule-no-unknown": null,
+    "scss/at-rule-no-unknown": [
+      true,
+      {
+        "ignoreAtRules": [
+          "value"
+        ]
+      }
+    ]
+  }
+}

.vscode/extensions.json

@@ -0,0 +1,10 @@
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "stylelint.vscode-stylelint",
+    "DavidAnson.vscode-markdownlint",
+    "clinyong.vscode-css-modules",
+    "streetsidesoftware.code-spell-checker",
+    "mrmlnc.vscode-scss"
+  ]
+}

jsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
-    "baseUrl": "src"
+    "baseUrl": "src",
+    "jsx": "react"
   }
 }