Added prettier and pretty-quick

Formatted files
Updated setup make

.prettierignore

@@ -1,4 +1,6 @@
 node_modules
 .cache
-*.json
+.git
 public
+reports
+*.json

Makefile

@@ -26,7 +26,14 @@ restart-nginx:
 newcert:
 	webssl --removeOld --addToKeychain
 
+
+# ----------------------------
+# Setup
+
 create-env:
 	cp .env.development .env.production
 
-setup: create-env
+create-reports-dir:
+	mkdir -p reports
+
+setup: create-env create-reports-dir

TODO.md

@@ -24,6 +24,10 @@
   - [ ] Everything pushed to development -> dev.marvin.digital
 - [x] replace React with [Preact][1] (check if it works when finished)
 - [x] add version to GraphQL data not as file...
+- [ ] remove "build brotli from source" with a already finished build
+- [ ] always use latest NGINX image
+- [ ] test prod build locally with SSL and brotli compression
+- [ ] test prod builds Node env
 - [ ] new image for start: me while coding
 - [ ] new image for start: me while writing
 - [ ] MDX pages are not using remark images plugin

package.json

@@ -33,8 +33,9 @@
     "test": "echo \"Write tests! -> https://gatsby.app/unit-testing\"",
     "lint": "eslint src/**/*.{js,jsx}",
     "−−−−−−−−−−−−−−−−−  SCRIPTS/TOOLS  −−−−−−−−−−−−−−−−–−−": "",
+    "preinstall": "make setup",
+    "postinstall": "npm run compose",
     "version": "node ./scripts/version.js",
-    "−−−−−−−−−−−−−−−−−−−−  COMMON  −−−−−−−−−−−−−−−−–−−−−−−": "",
     "pretty": "pretty-quick"
   },
   "dependencies": {
@@ -96,6 +97,7 @@
     "lighthouse": "^5.6.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^1.19.1",
+    "pretty-quick": "^2.0.1",
     "prompts": "^2.3.0",
     "semver": "^7.1.1",
     "taskz": "^1.3.0",

src/components/Link.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Link as NativeLink } from 'gatsby'
 
-const Link = props => {
+const Link = (props) => {
   const DEFAULT_PROPS = {}
   props = { ...props, ...DEFAULT_PROPS }
   return <NativeLink {...props}>{props.children}</NativeLink>

src/components/SEO.jsx

@@ -14,7 +14,7 @@ const SEO = ({
 }) => (
   <StaticQuery
     query={detailsQuery}
-    render={data => {
+    render={(data) => {
       const metaDescription = description || data.site.siteMetadata.description
 
       // set default social-media images

src/storage.js

@@ -30,7 +30,7 @@ function removeItem(key) {
 }
 
 function clearAll() {
-  return new Promise(resolve => {
+  return new Promise((resolve) => {
     localStorage.clear()
     resolve()
   })