refactor(deps): update

package.json

@@ -7,13 +7,14 @@
   "dependencies": {
     "@alch/alchemy-web3": "^1.1.4",
     "@craco/craco": "^6.3.0",
-    "@reach/router": "^1.3.4",
+    "@gatsbyjs/reach-router": "^1.3.7",
+    "@gatsbyjs/reach-router": "^1.3.4",
     "@tailwindcss/ui": "^0.7.2",
     "bootstrap": "^5.1.1",
     "concurrently": "^6.2.1",
-    "console-feed": "^3.2.2",
+    "console-feed": "^3.3.0",
     "cors": "^2.8.5",
-    "ethers": "^5.4.7",
+    "ethers": "^5.6.5",
     "express": "^4.17.1",
     "lodash": "^4.17.21",
     "react": "^17.0.2",
@@ -22,7 +23,7 @@
     "react-syntax-highlighter": "^15.4.4",
     "sturdy-websocket": "^0.2.1",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat@2.1.4",
-    "web-vitals": "^1.0.1",
+    "web-vitals": "1.1.2",
     "web3": "^1.5.2"
   },
   "scripts": {
@@ -54,11 +55,15 @@
     ]
   },
   "devDependencies": {
+    "@popperjs/core": "^2.10.1",
+    "@testing-library/dom": "^8.13.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
+    "@types/node": "^16",
     "autoprefixer": "^9.8.6",
     "postcss": "^7",
-    "prettier": "^2.4.1"
+    "prettier": "^2.4.1",
+    "typescript": "4.6.3"
   }
 }

public/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Manifold",
+    "short_name": "Manifold",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

src/components/methodList.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Link } from '@reach/router';
+import { Link } from '@gatsbyjs/reach-router';
 import { NeedLibMessage } from './needLibMessage';
 import Web3RpcCalls from '../helpers/web3Config';
 

src/containers/codeSampleContainer.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { CodeSample } from '../components';
 import { AppContext } from '../context';
-import { useParams } from '@reach/router';
+import { useParams } from '@gatsbyjs/reach-router';
 import { getCodeSampleFriendlyArguments } from '../helpers/contracts';
 
 const TRACE_CALL = 'trace_call';

src/containers/logsContainer.js

@@ -1,7 +1,7 @@
 import React, { useContext, useEffect, useCallback } from 'react';
 import { Logs } from '../components';
 import { LogContext } from '../context';
-import { useParams } from '@reach/router';
+import { useParams } from '@gatsbyjs/reach-router';
 
 const LogsContainer = () => {
   const { logs, addToLog } = useContext(LogContext);

src/containers/methodCallContainer.js

@@ -10,7 +10,7 @@ import {
   getFormInputsFromMethod,
   onUpdateAbi,
 } from '../helpers/contracts';
-import { navigate, useParams } from '@reach/router';
+import { navigate, useParams } from '@gatsbyjs/reach-router';
 
 const ETH_CALL = 'eth_call';
 const TRACE_CALL = 'trace_call';

src/containers/navBarContainer.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { NavBar } from '../components';
-import { navigate, useParams } from '@reach/router';
+import { navigate, useParams } from '@gatsbyjs/reach-router';
 
 const NavBarContainer = () => {
   const params = useParams();

src/containers/statusBarContainer.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { StatusBar } from '../components';
-import { useParams } from '@reach/router';
+import { useParams } from '@gatsbyjs/reach-router';
 import web3State from '../helpers/web3State';
 
 const StatusBarContainer = () => {

src/containers/web3MenuContainer.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { NeedURLMessage, Web3Menu } from '../components';
-import { navigate, useParams } from '@reach/router';
+import { navigate, useParams } from '@gatsbyjs/reach-router';
 
 const Web3MenuContainer = () => {
   const params = useParams();

src/index.js

@@ -13,7 +13,7 @@ import {
   SponsoredAdContainer,
 } from './containers';
 import { AppProvider } from './context';
-import { Router } from '@reach/router';
+import { Router } from '@gatsbyjs/reach-router';
 
 import './tailwind.output.css';
 

src/tailwind.output.css

@@ -22,7 +22,6 @@ Use a more readable tab size (opinionated).
 */
 
 html {
-  -moz-tab-size: 4;
   tab-size: 4;
 }