chore: setup ESLint and bump deps (#95)

* chore: setup ESLint and bump deps

* chore: manually address ESLint errors

* chore: use stringify

* revert: terser

Author: P0lip

.eslintrc

@@ -0,0 +1,24 @@
+{
+  "extends": "@stoplight",
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": "./tsconfig.json"
+  },
+  "rules": {
+    "no-param-reassign": "off",
+    "@typescript-eslint/prefer-nullish-coalescing": "error",
+    "@typescript-eslint/prefer-for-of": "error",
+    "@typescript-eslint/no-throw-literal": "error",
+    "@typescript-eslint/prefer-optional-chain": "error",
+    "@typescript-eslint/no-floating-promises": ["error", { "ignoreVoid": true }],
+    "no-console": "warn"
+  },
+  "overrides": [
+    {
+      "files": ["*.spec.{ts,tsx}"],
+      "env": {
+        "jest": true
+      }
+    }
+  ]
+}

.prettierrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  ...require('@stoplight/eslint-config/prettier.config'),
+};

__mocks__/react.ts

@@ -1,5 +1,5 @@
 // https://github.com/airbnb/enzyme/issues/1875#issuecomment-451177239
-const r = require.requireActual('react');
+const r = jest.requireActual('react');
 
 module.exports = {
   ...r,

package.json

@@ -23,7 +23,7 @@
     "build": "sl-scripts bundle --sourcemap",
     "build.docs": "build-storybook -c .storybook -o docs-auto",
     "commit": "git-cz",
-    "lint": "tslint -c tslint.json -p tsconfig.json 'src/**/*.{ts,tsx}'",
+    "lint": "eslint 'src/**/*.{ts,tsx}'",
     "lint.fix": "yarn lint --fix",
     "release": "sl-scripts release",
     "release.docs": "sl-scripts release:docs",
@@ -35,62 +35,65 @@
     "test.watch": "yarn test --watch"
   },
   "peerDependencies": {
-    "@stoplight/markdown-viewer": "^3",
+    "@stoplight/markdown-viewer": "^4",
     "@stoplight/ui-kit": "^3",
     "mobx": "^5",
     "react": ">=16.8",
     "react-dom": ">=16.8"
   },
   "dependencies": {
-    "@stoplight/json": "^3.5.1",
+    "@stoplight/json": "^3.10.0",
     "@stoplight/json-schema-merge-allof": "^0.7.2",
     "@stoplight/react-error-boundary": "^1.0.0",
     "@stoplight/tree-list": "^5.0.3",
     "classnames": "^2.2.6",
     "lodash": "^4.17.15",
-    "mobx-react-lite": "^1.4.1",
-    "pluralize": "^8.0.0"
+    "mobx-react-lite": "^1.4.1"
   },
   "devDependencies": {
-    "@emotion/core": "^10.0.16",
-    "@emotion/styled": "^10.0.15",
     "@rollup/plugin-commonjs": "^11.1.0",
     "@rollup/plugin-typescript": "^3.1.1",
     "@sambego/storybook-state": "^1.3.6",
-    "@stoplight/markdown-viewer": "^3.5.5",
+    "@stoplight/eslint-config": "^1.2.0",
+    "@stoplight/markdown-viewer": "^4.3.2",
     "@stoplight/scripts": "^8.2.0",
-    "@stoplight/storybook-config": "^2.0.5",
-    "@stoplight/types": "11.0.0",
-    "@stoplight/ui-kit": "3.0.0-beta.2",
-    "@types/classnames": "^2.2.9",
-    "@types/enzyme": "3.10.3",
-    "@types/jest": "^24.0.18",
-    "@types/json-schema": "^7.0.3",
-    "@types/lodash": "^4.14.149",
+    "@stoplight/storybook-config": "^2.0.6",
+    "@stoplight/types": "^11.9.0",
+    "@stoplight/ui-kit": "3.0.0-beta.39",
+    "@types/classnames": "^2.2.11",
+    "@types/enzyme": "^3.10.8",
+    "@types/jest": "^26.0.18",
+    "@types/json-schema": "^7.0.6",
+    "@types/lodash": "^4.14.165",
     "@types/node": "^12.7.2",
-    "@types/pluralize": "^0.0.29",
     "@types/react": "16.9.2",
     "@types/react-dom": "16.9.0",
     "@types/treeify": "^1.0.0",
-    "babel-jest": "^24.9.0",
-    "babel-loader": "^8.0.6",
-    "copyfiles": "^2.1.1",
-    "emotion-theming": "^10.0.14",
-    "enzyme": "3.10.0",
-    "enzyme-adapter-react-16": "1.14.0",
-    "enzyme-to-json": "3.4.0",
-    "jest": "^24.9.0",
-    "jest-enzyme": "7.1.0",
+    "@typescript-eslint/eslint-plugin": "^4.9.1",
+    "@typescript-eslint/parser": "^4.9.1",
+    "babel-jest": "^26.6.3",
+    "babel-loader": "^8.2.2",
+    "copyfiles": "^2.4.1",
+    "enzyme": "^3.11.0",
+    "enzyme-adapter-react-16": "^1.15.5",
+    "enzyme-to-json": "^3.6.1",
+    "eslint": "^7.15.0",
+    "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-jest": "^24.1.3",
+    "eslint-plugin-prettier": "^3.1.3",
+    "eslint-plugin-react": "^7.21.5",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint-plugin-simple-import-sort": "^5.0.2",
+    "jest": "^26.6.2",
+    "jest-enzyme": "7.1.2",
     "mobx": "^5.13.0",
-    "prettier": "^1.19.1",
-    "react": "16.9.0",
-    "react-dom": "16.9.0",
+    "prettier": "^2.2.1",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
     "rollup-plugin-terser": "^5.3.0",
     "treeify": "^1.1.0",
-    "ts-jest": "^24.0.2",
-    "tslint": "^5.19.0",
-    "tslint-config-stoplight": "^1.4.0",
-    "typescript": "^4.0.3"
+    "ts-jest": "^26.4.4",
+    "typescript": "^4.0.5"
   },
   "lint-staged": {
     "*.{ts,tsx}$": [
@@ -116,10 +119,5 @@
   "release": {
     "extends": "@stoplight/scripts/release"
   },
-  "typings": "src/index.d.ts",
-  "prettier": {
-    "printWidth": 120,
-    "trailingComma": "es5",
-    "singleQuote": true
-  }
+  "typings": "src/index.d.ts"
 }

rollup.config.js

@@ -1,7 +1,7 @@
-import * as path from 'path';
+import commonjs from '@rollup/plugin-commonjs';
 import typescript from '@rollup/plugin-typescript';
+import * as path from 'path';
 import { terser } from 'rollup-plugin-terser';
-import commonjs from '@rollup/plugin-commonjs';
 
 const BASE_PATH = process.cwd();
 

src/__stories__/JsonSchemaViewer.tsx

@@ -1,16 +1,16 @@
-import * as React from 'react';
-
 import { Button, Checkbox, Icon } from '@stoplight/ui-kit';
 import { action } from '@storybook/addon-actions';
 import { boolean, number, object, select, text, withKnobs } from '@storybook/addon-knobs';
 import { storiesOf } from '@storybook/react';
 import { JSONSchema4 } from 'json-schema';
+import * as React from 'react';
+
 import { JsonSchemaViewer, RowRenderer, SchemaRow } from '../';
+import { Wrapper } from './utils/Wrapper';
 
 const allOfSchemaResolved = require('../__fixtures__/allOf/allOf-resolved.json');
 const schema = require('../__fixtures__/default-schema.json');
 const stressSchema = require('../__fixtures__/stress-schema.json');
-import { Wrapper } from './utils/Wrapper';
 
 storiesOf('JsonSchemaViewer', module)
   .addDecorator(withKnobs)