Move long npm scripts to separate bash files

Author: nmuldavin

packages/uikit/.babelrc

@@ -2,7 +2,7 @@
   "presets": [
     ["@babel/preset-env", { "useBuiltIns": "usage" }],
     "@babel/preset-react",
-    "@babel/preset-stage-3",
+    "@babel/preset-stage-3"
   ],
   "env": {
     "development": {

packages/uikit/.prettierrc

@@ -1,4 +1,4 @@
 {
   "singleQuote": true,
-  "trailingComma": "all",
+  "trailingComma": "all"
 }

packages/uikit/package.json

@@ -5,24 +5,21 @@
   "author": "Puppet, Inc.",
   "license": "UNLICENSED",
   "scripts": {
-    "build":
-      "NODE_ENV=production webpack --config=config/bundle.webpack.config.js",
-    "build:styleguide":
-      "(export $(cat config/.env.production | xargs) && webpack --config=config/production.webpack.config.js)",
+    "build": "./scripts/build",
+    "build:styleguide": "./scripts/build-styleguide",
     "precommit": "lint-staged",
     "prepare": "echo 'Building uikit' && npm run build",
-    "format":
-      "eslint --fix src styleguide config && prettier --write --list-different '{src,styleguide,config}/**/*.{js,jsx,mjs,graphql,json,css,md}'",
-    "lint": "eslint src styleguide config --ext .js --ext .jsx",
+    "format": "./scripts/format",
+    "lint": "./scripts/lint",
     "start": "node --experimental-modules styleguide/server/dev.mjs",
     "serve": "node --experimental-modules styleguide/server/prod.mjs",
     "test": "jest",
     "test:coverage": "jest --collectCoverage",
     "test:watch": "jest --watch"
   },
   "lint-staged": {
-    "*.{js, jsx, mjs}": ["eslint --fix"],
-    "*.{js,jsx,mjs,graphql,json,css,md}": [
+    "*.{js,jsx,mjs}": ["eslint --fix", "git add"],
+    "*.{graphql,json,css,md}": [
       "prettier --single-quote --trailing-comma=all --write",
       "git add"
     ]

packages/uikit/postcss.config.js

@@ -1,4 +1,4 @@
-const parseVariables = require('./scripts/parseVariables');
+const parseVariables = require('./utils/parseVariables');
 
 const variables = {
   ...parseVariables('src/styles/colors.css'),

packages/uikit/scripts/build

@@ -0,0 +1,3 @@
+#!/bin/bash
+
+NODE_ENV=production webpack --config=config/bundle.webpack.config.js

packages/uikit/scripts/build-styleguide

@@ -0,0 +1,3 @@
+#!/bin/bash
+
+(export $(cat config/.env.production | xargs) && webpack --config=config/production.webpack.config.js)

packages/uikit/scripts/format

@@ -0,0 +1,10 @@
+#!/bin/bash
+
+ESLINT_EXTS=\{js,jsx,mjs\}
+ESLINT_EXTRAS=( jest.config.js postcss.config.js )
+PRETTIER_EXTS=\{graphql,json,css,md\}
+PRETTIER_EXTRAS=( .babelrc .prettierrc package.json README.md )
+SRC_DIRS=\{config,jest,scripts,src,styleguide,utils\}
+
+eslint --fix $SRC_DIRS/**/*.$ESLINT_EXTS ${ESLINT_EXTRAS[@]} && \
+prettier --write $SRC_DIRS/**/*.$PRETTIER_EXTS ${PRETTIER_EXTRAS[@]}

packages/uikit/scripts/lint

@@ -0,0 +1,7 @@
+#!/bin/bash
+
+ESLINT_EXTS=\{js,jsx,mjs\}
+ESLINT_EXTRAS=( jest.config.js postcss.config.js )
+SRC_DIRS=\{config,jest,scripts,src,styleguide,utils\}
+
+eslint $SRC_DIRS/**/*.$ESLINT_EXTS ${ESLINT_EXTRAS[@]}