PP 102: convert to ts, apply lint and prettier

.env

@@ -1,10 +1,10 @@
-REACT_APP_CONTRACTS_RELAY_HUB=0x86c406E582A360A1BfE363e28988Ae96780bEEe3
-REACT_APP_CONTRACTS_DEPLOY_VERIFIER=0x379E17449269350D1AD846833Dc0438415fe43Ca
-REACT_APP_CONTRACTS_RELAY_VERIFIER=0x22D26470BC3Ff3F0F2af176dF8c39ec5faF48274
-REACT_APP_CONTRACTS_SMART_WALLET_FACTORY=0x0c05f0C33D50A4758E50BC9ECA995eA097Fd4889
-REACT_APP_CONTRACTS_SMART_WALLET=0xFAF0d39D89D41A6A1E6D939cD55126a46a1E75B1
-REACT_APP_CONTRACTS_RIF_TOKEN=0xe639cbf39e10EEF13114006c378B1Aae8b9bD23c
-REACT_APP_CONTRACTS_RELAY_WORKER=0x860f96609aa2bab2fa3bec1d2279ea790e0b51d1
+REACT_APP_CONTRACTS_RELAY_HUB=0xE0825f57Dd05Ef62FF731c27222A86E104CC4Cad
+REACT_APP_CONTRACTS_DEPLOY_VERIFIER=0x1eD614cd3443EFd9c70F04b6d777aed947A4b0c4
+REACT_APP_CONTRACTS_RELAY_VERIFIER=0x5159345aaB821172e795d56274D0f5FDFdC6aBD9
+REACT_APP_CONTRACTS_SMART_WALLET_FACTORY=0x03F23ae1917722d5A27a2Ea0Bcc98725a2a2a49a
+REACT_APP_CONTRACTS_SMART_WALLET=0x73ec81da0C72DD112e06c09A6ec03B5544d26F05
+REACT_APP_CONTRACTS_RIF_TOKEN=0x726ECC75d5D51356AA4d0a5B648790cC345985ED
+REACT_APP_CONTRACTS_RELAY_WORKER=0x69862e277eab81e6a7ea6a7b387c39b2a996e533
 
 REACT_APP_RIF_RELAY_CHAIN_ID=33
 REACT_APP_RIF_RELAY_GAS_PRICE_FACTOR_PERCENT=0

.eslintignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+.github

.eslintrc.js

@@ -0,0 +1,39 @@
+// a11y rules are disabled because of out-of-scope for this sample app
+const a11yOff = Object.keys(require('eslint-plugin-jsx-a11y').rules).reduce(
+    (acc, rule) => {
+        acc[`jsx-a11y/${rule}`] = 'off';
+        return acc;
+    },
+    {}
+);
+
+module.exports = {
+    env: {
+        browser: true,
+        es2021: true
+    },
+    extends: [
+        'plugin:react/recommended',
+        'airbnb',
+        'airbnb-typescript',
+        'prettier'
+    ],
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+        ecmaFeatures: {
+            jsx: true
+        },
+        ecmaVersion: 12,
+        sourceType: 'module',
+        project: './tsconfig.json'
+    },
+    plugins: ['react', '@typescript-eslint'],
+    rules: {
+        'react/react-in-jsx-scope': 'off',
+        'react/require-default-props': 'off',
+        ...a11yOff,
+        'no-alert': 'off',
+        // TODO: we need to replace the console.log calls with a log library
+        'no-console': 'off'
+    }
+};

.gitignore

@@ -22,4 +22,5 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-yarn.lock
+yarn.lock
+.eslintcache

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

.prettierignore

@@ -0,0 +1,14 @@
+.gitignore
+.prettierignore
+package.json
+package-lock.json
+prettierrc.json5
+Readme.md
+tsconfig.json
+.eslintignore
+.eslintrc
+node_modules
+webpack.config.js
+build
+dist
+.github

.prettierrc.json

@@ -0,0 +1,9 @@
+{
+    "trailingComma": "none",
+    "tabWidth": 4,
+    "semi": true,
+    "singleQuote": true,
+    "jsxSingleQuote": true,
+    "bracketSpacing": true,
+    "arrowParens": "always"
+}