(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

.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.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",

src/index.tsx

@@ -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
 }
 

tsconfig.eslint.json

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