(lint): add standard-with-typescript, fix formatting

- for this commit, just focus on configuration and formatting errors,
  stricter typings will be in next commits

- add tsconfig.eslint.json so that test/ files are linted too

Author: agilgur5

.eslintrc.js

@@ -2,8 +2,13 @@ module.exports = {
   ignorePatterns: ['dist/'],
   extends: [
     'react-app',
-    'standard'
+    'standard', // for any JS
+    'standard-with-typescript' // for all TS
   ],
+  parserOptions: {
+    // same as ./tsconfig.json, but adds test dir to be linted
+    project: './tsconfig.eslint.json',
+  },
   rules: {
     'prettier/prettier': 'off' // override tsdx lint
   }

package-lock.json

@@ -41,8 +41,8 @@
   ],
   "scripts": {
     "start": "parcel example/public/index.html",
-    "lint": "tsdx lint '**/*.js'",
-    "lint:fix": "tsdx lint '**/*.js' --fix",
+    "lint": "tsdx lint '**/*.js' '**/*.ts' '**/*.tsx'",
+    "lint:fix": "npm run lint -- --fix",
     "build": "tsdx build",
     "test": "tsdx test",
     "test:pub": "npm run build && npm pack",
@@ -72,6 +72,7 @@
     "enzyme": "^3.10.0",
     "eslint": "^6.8.0",
     "eslint-config-standard": "^14.1.0",
+    "eslint-config-standard-with-typescript": "^12.0.1",
     "eslint-plugin-import": "^2.20.1",
     "eslint-plugin-node": "^11.0.0",
     "eslint-plugin-promise": "^4.2.1",

package.json

@@ -4,7 +4,7 @@ import SignaturePad from 'signature_pad'
 import trimCanvas from 'trim-canvas'
 
 export interface SignatureCanvasProps extends SignaturePad.SignaturePadOptions {
-  canvasProps?: React.CanvasHTMLAttributes<HTMLCanvasElement>,
+  canvasProps?: React.CanvasHTMLAttributes<HTMLCanvasElement>
   clearOnResize?: boolean
 }
 

src/index.tsx

@@ -0,0 +1,5 @@
+{
+  "extends": "./tsconfig.json",
+  // adds test dir to be linted
+  "include": ["src", "typings", "test"]
+}