Merge pull request #38 from dargaCode/yarn

Yarn and linting

Author: dargaCode

.eslintrc.js

@@ -9,12 +9,17 @@ module.exports = {
     "plugin:css-modules/recommended",
     "plugin:jest/style",
     "plugin:jest/recommended",
+    "plugin:json/recommended",
+    "plugin:markdown/recommended",
+    "plugin:promise/recommended",
+    "plugin:security/recommended",
+    "plugin:storybook/recommended",
     "plugin:@typescript-eslint/recommended",
     "plugin:@typescript-eslint/recommended-requiring-type-checking", // slower but more powerful
     "prettier/@typescript-eslint", // disable eslint rules which conflict with prettier
     "plugin:prettier/recommended" // enables eslint-plugin-prettier and eslint-config-prettier. this will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
   ],
-  plugins: ["react", "css-modules", "prettier", "spellcheck"],
+  plugins: ["react", "css-modules", "prettier", "promise", "spellcheck"],
   parser: "@typescript-eslint/parser",
   parserOptions: {
     ecmaVersion: 2018,
@@ -54,6 +59,10 @@ module.exports = {
     "react/require-default-props": [2, { forbidDefaultForRequired: true }],
     "react/default-props-match-prop-types": [2],
     "react/static-property-placement": "off",
+    /* prefer typescript rule, which doesn't cause false positives with React import */
+    "no-use-before-define": "off",
+    "@typescript-eslint/no-use-before-define": ["error"],
+    "@typescript-eslint/no-loss-of-precision": "off",
     "no-plusplus": [2, { allowForLoopAfterthoughts: true }],
     "capitalized-comments": [1, "never", { ignorePattern: "TODO" }],
     "spellcheck/spell-checker": [

.gitignore

@@ -3,3 +3,11 @@
 node_modules
 dist
 
+# Yarn
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs

@@ -0,0 +1,32 @@
+nodeLinker: node-modules
+
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
+    spec: "@yarnpkg/plugin-interactive-tools"
+  - path: .yarn/plugins/@yarnpkg/plugin-typescript.cjs
+    spec: "@yarnpkg/plugin-typescript"
+
+yarnPath: .yarn/releases/yarn-3.2.1.cjs
+
+packageExtensions:
+  "@storybook/addon-actions@*":
+    dependencies:
+      react-dom: "^16"
+      regenerator-runtime: "*"
+  "@storybook/addon-knobs@*":
+    dependencies:
+      react-dom: "^16"
+      regenerator-runtime: "*"
+  "@storybook/addons@*":
+    dependencies:
+      regenerator-runtime: "*"
+  "@storybook/api@*":
+    dependencies:
+      react-dom: "^16"
+  "react-dev-utils@*":
+    dependencies:
+      typescript: "*"
+      webpack: "^4"
+  "react-docgen-typescript-loader@*":
+    dependencies:
+      webpack: "^4"

.yarn/plugins/@yarnpkg/plugin-typescript.cjs

@@ -1,4 +1,6 @@
 module.exports = {
+  testEnvironment: "jest-environment-jsdom",
+  testEnvironmentOptions: {},
   testMatch: ["**/?(*.)+(test.(ts|tsx))"],
   setupFilesAfterEnv: ["<rootDir>/.jest/setupTests.ts"],
   moduleNameMapper: {