refactor(demo-app): upgrade configs and improve a11y in demo-app

packages/demo-app/package.json

@@ -24,9 +24,9 @@
     "@parcel/core": "2.7.0",
     "@parcel/transformer-sass": "2.7.0",
     "@silverhand/eslint-config": "1.0.0",
-    "@silverhand/eslint-config-react": "1.0.0",
+    "@silverhand/eslint-config-react": "1.1.0",
     "@silverhand/ts-config": "1.0.0",
-    "@silverhand/ts-config-react": "1.0.0",
+    "@silverhand/ts-config-react": "1.1.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "cross-env": "^7.0.3",

packages/demo-app/src/App.tsx

@@ -77,8 +77,11 @@ const Main = () => {
           </div>
         </div>
         <div
+          role="button"
+          tabIndex={0}
           className={styles.button}
           onClick={async () => signOut(`${window.location.origin}/demo-app`)}
+          onKeyDown={async () => signOut(`${window.location.origin}/demo-app`)}
         >
           {t('sign_out')}
         </div>

pnpm-lock.yaml

@@ -399,9 +399,9 @@ importers:
       '@parcel/core': 2.7.0
       '@parcel/transformer-sass': 2.7.0
       '@silverhand/eslint-config': 1.0.0
-      '@silverhand/eslint-config-react': 1.0.0
+      '@silverhand/eslint-config-react': 1.1.0
       '@silverhand/ts-config': 1.0.0
-      '@silverhand/ts-config-react': 1.0.0
+      '@silverhand/ts-config-react': 1.1.0
       '@types/react': ^18.0.0
       '@types/react-dom': ^18.0.0
       cross-env: ^7.0.3
@@ -425,9 +425,9 @@ importers:
       '@parcel/core': 2.7.0
       '@parcel/transformer-sass': 2.7.0_@parcel+core@2.7.0
       '@silverhand/eslint-config': 1.0.0_swk2g7ygmfleszo5c33j4vooni
-      '@silverhand/eslint-config-react': 1.0.0_qoomm4vc6ijs52fnjlal4yoenm
+      '@silverhand/eslint-config-react': 1.1.0_qoomm4vc6ijs52fnjlal4yoenm
       '@silverhand/ts-config': 1.0.0_typescript@4.7.4
-      '@silverhand/ts-config-react': 1.0.0_typescript@4.7.4
+      '@silverhand/ts-config-react': 1.1.0_typescript@4.7.4
       '@types/react': 18.0.15
       '@types/react-dom': 18.0.6
       cross-env: 7.0.3
@@ -3853,27 +3853,6 @@ packages:
     resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==}
     dev: true
 
-  /@silverhand/eslint-config-react/1.0.0_qoomm4vc6ijs52fnjlal4yoenm:
-    resolution: {integrity: sha512-t+DOdP51k0iP84nkOhnUOTqgXFhy3k6MKckZIzX8h7Poz4o0Xr6Nmeslksce49Mticxw4KE/gLk4X6cidpjNaA==}
-    engines: {node: ^16.0.0 || ^18.0.0}
-    peerDependencies:
-      stylelint: ^14.9.1
-    dependencies:
-      '@silverhand/eslint-config': 1.0.0_swk2g7ygmfleszo5c33j4vooni
-      eslint-config-xo-react: 0.27.0_5dhhqh7zhie7fohiouyxntxzve
-      eslint-plugin-react: 7.29.3_eslint@8.21.0
-      eslint-plugin-react-hooks: 4.3.0_eslint@8.21.0
-      stylelint: 14.9.1
-      stylelint-config-xo-scss: 0.15.0_uyk3cwxn3favstz4untq233szu
-    transitivePeerDependencies:
-      - eslint
-      - eslint-import-resolver-webpack
-      - postcss
-      - prettier
-      - supports-color
-      - typescript
-    dev: true
-
   /@silverhand/eslint-config-react/1.1.0_3jdvf2aalbcoibv3m53iflhmym:
     resolution: {integrity: sha512-I9mmOLMaGtdqr6qMFnYLBUFfhkfLJxl1X9venb+Ek9+IvVr9x9LsgVpgB8CYXIlwwJCUdXAE0VmocISvbBr9BQ==}
     engines: {node: ^16.0.0 || ^18.0.0}
@@ -3896,6 +3875,28 @@ packages:
       - typescript
     dev: true
 
+  /@silverhand/eslint-config-react/1.1.0_qoomm4vc6ijs52fnjlal4yoenm:
+    resolution: {integrity: sha512-I9mmOLMaGtdqr6qMFnYLBUFfhkfLJxl1X9venb+Ek9+IvVr9x9LsgVpgB8CYXIlwwJCUdXAE0VmocISvbBr9BQ==}
+    engines: {node: ^16.0.0 || ^18.0.0}
+    peerDependencies:
+      stylelint: ^14.9.1
+    dependencies:
+      '@silverhand/eslint-config': 1.0.0_swk2g7ygmfleszo5c33j4vooni
+      eslint-config-xo-react: 0.27.0_5dhhqh7zhie7fohiouyxntxzve
+      eslint-plugin-jsx-a11y: 6.6.1_eslint@8.21.0
+      eslint-plugin-react: 7.29.3_eslint@8.21.0
+      eslint-plugin-react-hooks: 4.3.0_eslint@8.21.0
+      stylelint: 14.9.1
+      stylelint-config-xo-scss: 0.15.0_uyk3cwxn3favstz4untq233szu
+    transitivePeerDependencies:
+      - eslint
+      - eslint-import-resolver-webpack
+      - postcss
+      - prettier
+      - supports-color
+      - typescript
+    dev: true
+
   /@silverhand/eslint-config/1.0.0_swk2g7ygmfleszo5c33j4vooni:
     resolution: {integrity: sha512-cRA24+tuVGi8DQpBT7l7qssHZgQCLHoF+4E9/pAmDDLF7rYcImObaBbnkl4DRbeLHQAWvml2If4Xig9K+BZYdQ==}
     engines: {node: ^16.0.0 || ^18.0.0}
@@ -3978,6 +3979,16 @@ packages:
       typescript: 4.7.4
     dev: true
 
+  /@silverhand/ts-config-react/1.1.0_typescript@4.7.4:
+    resolution: {integrity: sha512-vDJIJeIIIG6rkWtKXPEr6JREbZaaejFB9jaetiFCWIcrXb/H28M1LA/OmM+dDxKh/GhzIfX3MxVFbi8e0Q6oNA==}
+    engines: {node: ^16.0.0 || ^18.0.0}
+    peerDependencies:
+      typescript: ^4.7.4
+    dependencies:
+      '@silverhand/ts-config': 1.0.0_typescript@4.7.4
+      typescript: 4.7.4
+    dev: true
+
   /@silverhand/ts-config/1.0.0_typescript@4.7.4:
     resolution: {integrity: sha512-XKBqfHAcb77xZmGFXW+f/NZvalhRjxhm0au5hLxtRbzDPYHWlNn/n6c7xula5tcUbyaLS41K3M05KcKBq9I+eg==}
     engines: {node: ^16.0.0 || ^18.0.0}
@@ -6077,8 +6088,8 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      is-text-path: 1.0.1
       JSONStream: 1.3.5
+      is-text-path: 1.0.1
       lodash: 4.17.21
       meow: 8.1.2
       split2: 3.2.2