added prettier

.editorconfig

@@ -5,7 +5,13 @@ root = true
 [*]
 charset = utf-8
 end_of_line = lf
-indent_size = 4
-indent_style = space
+indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true
+indent_style = space
+
+[*.php]
+indent_size = 4
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc

@@ -1,18 +1,17 @@
-
 {
-    "extends": [
-        "eslint-config-nk"
-    ],
-    "globals": {
-        "wp": true
-    },
-    "settings": {
-        "react": {
-            "pragma": "wp"
-        }
-    },
-    "rules": {
-        "react/prefer-stateless-function": "off",
-        "react/prop-types": "off"
+  "extends": [
+    "eslint-config-nk"
+  ],
+  "globals": {
+    "wp": true
+  },
+  "settings": {
+    "react": {
+      "pragma": "wp"
     }
+  },
+  "rules": {
+    "react/prefer-stateless-function": "off",
+    "react/prop-types": "off"
+  }
 }

.prettierignore

@@ -0,0 +1,8 @@
+**/*.css
+**/*.scss
+**/*.html
+**/*.php
+node_modules
+dist
+vendor
+vendors

.prettierrc.js

@@ -0,0 +1 @@
+module.exports = require('prettier-config-nk');

.stylelintignore

@@ -3,5 +3,6 @@
 **/*.min.css
 **/*.build.css
 node_modules
+dist
 vendor
 vendors

.stylelintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['stylelint-config-nk'],
+};

.vscode/extensions.json

@@ -0,0 +1,10 @@
+{
+  "recommendations": [
+    "esbenp.prettier-vscode",
+    "streetsidesoftware.code-spell-checker",
+    "editorconfig.editorconfig",
+    "dbaeumer.vscode-eslint",
+    "stylelint.vscode-stylelint",
+    "bmewburn.vscode-intelephense-client"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,29 @@
+{
+  "editor.defaultFormatter": null,
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[php]": {
+    "editor.defaultFormatter": null
+  },
+  "editor.formatOnSave": true,
+
+  "scss.validate": false,
+  "css.validate": false,
+  "less.validate": false,
+
+  "editor.codeActionsOnSave": {
+    "source.fixAll.stylelint": true
+  },
+  "stylelint.validate": [
+    "css",
+    "scss"
+  ],
+  "stylelint.snippet": [
+    "css",
+    "scss"
+  ],
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}

babel.config.js

@@ -1,11 +1,12 @@
 module.exports = {
-    presets: [
-        '@babel/preset-env',
-    ],
-    plugins: [
-        [ '@babel/plugin-transform-react-jsx', {
-            pragma: 'wp.element.createElement',
-        } ],
-        [ '@babel/plugin-proposal-object-rest-spread' ],
+  presets: ['@babel/preset-env'],
+  plugins: [
+    [
+      '@babel/plugin-transform-react-jsx',
+      {
+        pragma: 'wp.element.createElement',
+      },
     ],
+    ['@babel/plugin-proposal-object-rest-spread'],
+  ],
 };

composer.json

@@ -1,13 +1,13 @@
 {
-    "require-dev": {
-        "wp-coding-standards/wpcs": "^2.3.0",
-        "phpcompatibility/phpcompatibility-wp": "^2.1.2",
-        "wp-cli/i18n-command": "^2.2.9",
-        "dealerdirect/phpcodesniffer-composer-installer": "^0.7.1"
-    },
-    "scripts": {
-        "phpcs": "@php ./vendor/squizlabs/php_codesniffer/bin/phpcs",
-        "phpcbf": "@php ./vendor/squizlabs/php_codesniffer/bin/phpcbf",
-        "wp": "\"vendor/wp-cli/wp-cli/bin/wp\""
-    }
+  "require-dev": {
+    "wp-coding-standards/wpcs": "^2.3.0",
+    "phpcompatibility/phpcompatibility-wp": "^2.1.2",
+    "wp-cli/i18n-command": "^2.2.9",
+    "dealerdirect/phpcodesniffer-composer-installer": "^0.7.1"
+  },
+  "scripts": {
+    "phpcs": "@php ./vendor/squizlabs/php_codesniffer/bin/phpcs",
+    "phpcbf": "@php ./vendor/squizlabs/php_codesniffer/bin/phpcbf",
+    "wp": "\"vendor/wp-cli/wp-cli/bin/wp\""
+  }
 }

lint-staged.config.js

@@ -1,21 +1,21 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
-const micromatch = require( 'micromatch' );
+const micromatch = require('micromatch');
 
-function excludeVendor( lint ) {
-    return ( filenames ) => {
-        const files = micromatch( filenames, '!**/vendor/**/*' );
+function excludeVendor(lint) {
+  return (filenames) => {
+    const files = micromatch(filenames, '!**/vendor/**/*');
 
-        if ( files && files.length ) {
-            return `${ lint } ${ files.join( ' ' ) }`;
-        }
+    if (files && files.length) {
+      return `${lint} ${files.join(' ')}`;
+    }
 
-        return [];
-    };
+    return [];
+  };
 }
 
 module.exports = {
-    'src/**/*.php': excludeVendor( 'composer run-script phpcs' ),
-    'src/**/*.css': excludeVendor( 'stylelint' ),
-    'src/**/*.scss': excludeVendor( 'stylelint --syntax scss' ),
-    'src/**/*.{js,jsx}': excludeVendor( 'eslint' ),
+  'src/**/*.php': excludeVendor('composer run-script phpcs'),
+  'src/**/*.css': excludeVendor('stylelint'),
+  'src/**/*.scss': excludeVendor('stylelint --custom-syntax postcss-scss'),
+  'src/**/*.{js,jsx}': excludeVendor('eslint'),
 };