Merge pull request #8 from dargaCode/feature/minimal-hello-world

Begin stripping down the code for a hello world

Author: Darga Darga

.eslintrc.js

@@ -1,4 +1,4 @@
-const whitelistedWords = require("./spellcheck.allowlist.js");
+const allowedWords = require("./spellcheck.allowlist.js");
 
 module.exports = {
   extends: [
@@ -56,7 +56,7 @@ module.exports = {
     "spellcheck/spell-checker": [
       2,
       {
-        skipWords: whitelistedWords,
+        skipWords: allowedWords,
         skipIfMatch: ["^http"]
       }
     ]

.stylelintrc.js

@@ -1,5 +1,9 @@
 module.exports = {
-  extends: ["stylelint-config-standard", "stylelint-config-sass-guidelines"],
+  extends: [
+    "stylelint-config-standard",
+    "stylelint-config-sass-guidelines",
+    "stylelint-config-prettier"
+  ],
   rules: {
     "max-nesting-depth": [
       1,
@@ -11,6 +15,6 @@ module.exports = {
     "color-no-hex": true,
     "color-no-invalid-hex": true,
     "color-named": "never",
-    "function-whitelist": ["calc", "url", "format", "map-get", "local"] // no rgb colors
+    "function-allowed-list": ["calc", "url", "format", "map-get", "local"] // no rgb colors
   }
 };

package-lock.json

@@ -76,6 +76,7 @@
     "source-map-loader": "^0.2.4",
     "style-loader": "^1.1.2",
     "stylelint": "^13.3.3",
+    "stylelint-config-prettier": "^8.0.2",
     "stylelint-config-sass-guidelines": "^7.0.0",
     "stylelint-config-standard": "^20.0.0",
     "ts-jest": "^26.0.0",

package.json

@@ -1,4 +1,4 @@
-// words to whitelist in eslint
+// words to allow in eslint spellcheck
 module.exports = [
   "api",
   "arg",
@@ -111,7 +111,6 @@ module.exports = [
   "utils",
   "validator",
   "webpack",
-  "whitelist",
   "woff",
   "woff2",
   "www",

spellcheck.allowlist.js

@@ -3,12 +3,12 @@
 
 .content-section {
   background-attachment: scroll;
-  background-image: url('../../img/mountains-grey.jpg');
+  background-image: url("../../img/mountains-grey.jpg");
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   color: config.$about-section-text-color;
-  font-family: 'Roboto', sans-serif;
+  font-family: "Roboto", sans-serif;
   font-size: 20px;
   height: 100vh;
   min-height: 775px;

src/components/about/AboutSection.module.scss

@@ -1,6 +1,6 @@
 import React from "react";
 import { shallow } from "enzyme";
-import { classSelector } from "../../utils/jestUtils";
+import { classSelector } from "../../utils/testUtils";
 import styles from "./Loading.module.scss";
 import Loading from "./Loading";