[RELEASE] 09/30/2023 (#1714)

Co-authored-by: Trung-Tin Pham <[email protected]> Co-authored-by: vutuanlinh2k2 <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Pavan Soratur <[email protected]>
tangle-network · Sep 29, 2023 · 9c933d3 · 9c933d3
1 parent bd5a8cd
commit 9c933d3
Show file tree

Hide file tree

Showing 75 changed files with 4,266 additions and 3,991 deletions.
diff --git a/.github/workflows/check-build.yml b/.github/workflows/check-build.yml
@@ -20,7 +20,7 @@ jobs:
         uses: styfle/[email protected]
         with:
           access_token: ${{ secrets.GITHUB_TOKEN }}
-      - uses: actions/checkout@v4.0.0
+      - uses: actions/checkout@v4.1.0
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
         with:

diff --git a/.github/workflows/check-lint.yml b/.github/workflows/check-lint.yml
@@ -18,7 +18,7 @@ jobs:
         uses: styfle/[email protected]
         with:
           access_token: ${{ secrets.GITHUB_TOKEN }}
-      - uses: actions/checkout@v4.0.0
+      - uses: actions/checkout@v4.1.0
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
         with:
@@ -40,7 +40,7 @@ jobs:
         uses: styfle/[email protected]
         with:
           access_token: ${{ secrets.GITHUB_TOKEN }}
-      - uses: actions/checkout@v4.0.0
+      - uses: actions/checkout@v4.1.0
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
         with:
@@ -58,7 +58,7 @@ jobs:
         uses: styfle/[email protected]
         with:
           access_token: ${{ secrets.GITHUB_TOKEN }}
-      - uses: actions/checkout@v4.0.0
+      - uses: actions/checkout@v4.1.0
       - name: Link Checker
         uses: lycheeverse/[email protected]
         with:

diff --git a/.github/workflows/codeql-analysis.yml b/.github/workflows/codeql-analysis.yml
@@ -33,7 +33,7 @@ jobs:
         with:
           access_token: ${{ github.token }}
       - name: Checkout repository
-        uses: actions/checkout@v4.0.0
+        uses: actions/checkout@v4.1.0
         with:
           # We must fetch at least the immediate parents so that if this is
           # a pull request then we can checkout the head.

diff --git a/.github/workflows/deploy-bridge-dapp-dev.yml b/.github/workflows/deploy-bridge-dapp-dev.yml
@@ -24,7 +24,7 @@ jobs:
         uses: styfle/[email protected]
         with:
           access_token: ${{ github.token }}
-      - uses: actions/checkout@v4.0.0
+      - uses: actions/checkout@v4.1.0
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
         with:

diff --git a/.github/workflows/deploy-faucet.yml b/.github/workflows/deploy-faucet.yml
@@ -29,7 +29,7 @@ jobs:
         with:
           access_token: ${{ secrets.GITHUB_TOKEN }}
 
-      - uses: actions/checkout@v4.0.0
+      - uses: actions/checkout@v4.1.0
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
         with:

diff --git a/.github/workflows/deploy-stats-dapp-dev.yml b/.github/workflows/deploy-stats-dapp-dev.yml
@@ -24,7 +24,7 @@ jobs:
         uses: styfle/[email protected]
         with:
           access_token: ${{ secrets.GITHUB_TOKEN }}
-      - uses: actions/checkout@v4.0.0
+      - uses: actions/checkout@v4.1.0
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
         with:

diff --git a/.github/workflows/deploy-storybook-docs.yml b/.github/workflows/deploy-storybook-docs.yml
@@ -13,7 +13,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v4.0.0
+        uses: actions/checkout@v4.1.0
         with:
           persist-credentials: false
       - name: Install and Build 🔧

diff --git a/.github/workflows/deploy-tangle-website.yml b/.github/workflows/deploy-tangle-website.yml
@@ -29,7 +29,7 @@ jobs:
         with:
           access_token: ${{ secrets.GITHUB_TOKEN }}
 
-      - uses: actions/checkout@v4.0.0
+      - uses: actions/checkout@v4.1.0
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
         with:

diff --git a/.github/workflows/deploy-webbsite-dev.yml b/.github/workflows/deploy-webbsite-dev.yml
@@ -29,7 +29,7 @@ jobs:
         with:
           access_token: ${{ secrets.GITHUB_TOKEN }}
 
-      - uses: actions/checkout@v4.0.0
+      - uses: actions/checkout@v4.1.0
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
         with:

diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -26,7 +26,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       #Check out
-      - uses: actions/checkout@v4.0.0
+      - uses: actions/checkout@v4.1.0
         with:
           fetch-depth: 100
 

diff --git a/.github/workflows/ui-review.yml b/.github/workflows/ui-review.yml
@@ -18,7 +18,7 @@ jobs:
     runs-on: ubuntu-latest
     # Job steps
     steps:
-      - uses: actions/checkout@v4.0.0
+      - uses: actions/checkout@v4.1.0
         with:
           fetch-depth: 0
       - name: Install dependencies

diff --git a/.lycheeignore b/.lycheeignore
@@ -20,7 +20,9 @@ https://github.com/webb-tools/webb-dapp/releases/tag/v0.0.13
 https://github.com/webb-tools/webb-dapp/releases/tag/v0.0.14
 https://github.com/webb-tools/webb-dapp/releases/tag/v0.0.15
 https://github.com/webb-tools/webb-dapp/releases/tag/v0.0.16
+https://github.com/webb-tools/webb-dapp/releases/tag/v0.0.17
 https://github.com/webb-tools/webb-dapp/releases/tag/v1.0.0
 https://github.com/webb-tools/webb-dapp/releases/tag/v1.0.1
 https://github.com/webb-tools/webb-dapp/releases/tag/v1.0.2
 https://github.com/webb-tools/webb-dapp/releases/tag/v1.0.3
+https://github.com/webb-tools/webb-dapp/releases/tag/v1.0.4
diff --git a/apps/bridge-dapp/CHANGELOG.md b/apps/bridge-dapp/CHANGELOG.md
@@ -186,3 +186,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed, Changed and Added
 
 - Iterative Improvement For Hubble Bridge ([#1662](https://github.com/webb-tools/webb-dapp/pull/1662))
+
+## [1.0.4] - 2023-09-30
+
+### Fixed, Changed and Added
+
+- Content fixes, spelling fix ([#1685](https://github.com/webb-tools/webb-dapp/pull/1695))
+- Updates bridge header dropdown menu items ([#1701](https://github.com/webb-tools/webb-dapp/pull/1701))
+- Remove forced goerli connection on wallet reconnect ([#1709](https://github.com/webb-tools/webb-dapp/pull/1709))
+- Fix warning badge 0 balance state ([#1715](https://github.com/webb-tools/webb-dapp/pull/1715))
+- Sort all non-active chains alphabetically ([#1716](https://github.com/webb-tools/webb-dapp/pull/1716))
diff --git a/apps/bridge-dapp/package.json b/apps/bridge-dapp/package.json
@@ -1,5 +1,5 @@
 {
   "name": "@webb-tools/bridge-dapp",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "main": "./src/index.js"
 }
diff --git a/apps/bridge-dapp/src/components/Header/Header.tsx b/apps/bridge-dapp/src/components/Header/Header.tsx
@@ -16,6 +16,7 @@ import {
   WEBB_FAUCET_URL,
   WEBB_MKT_URL,
   SOCIAL_URLS_RECORD,
+  WEBB_DOCS_URL,
 } from '@webb-tools/webb-ui-components/constants';
 import { FC, useCallback, useMemo } from 'react';
 import { NavLink, useLocation } from 'react-router-dom';
@@ -110,6 +111,7 @@ export const Header: FC<HeaderProps> = () => {
           {/** TODO: Refactor these links into a config file and make the menu items dynamically based on the config */}
           <NavigationMenuContent
             version={process.env.BRIDGE_VERSION}
+            onDocsClick={() => window.open(WEBB_DOCS_URL, '_blank')}
             onTestnetClick={() =>
               window.open(TANGLE_STANDALONE_EXPLORER_URL, '_blank')
             }

diff --git a/apps/bridge-dapp/src/components/Header/WalletModal.tsx b/apps/bridge-dapp/src/components/Header/WalletModal.tsx
@@ -9,7 +9,6 @@ import {
   useWebbUI,
 } from '@webb-tools/webb-ui-components';
 import { FC, useCallback, useMemo } from 'react';
-
 import { useConnectWallet } from '../../hooks';
 import { getDefaultConnection } from '../../utils';
 
@@ -28,21 +27,25 @@ export const WalletModal: FC = () => {
 
   const { notificationApi } = useWebbUI();
 
-  const { apiConfig, chains } = useWebContext();
+  const { apiConfig, chains, activeChain } = useWebContext();
+
+  const chainToSwitchTo = useMemo(() => {
+    if (!activeChain) {
+      if (!selectedChain) {
+        return getDefaultConnection(chains);
+      }
 
-  const chain = useMemo(() => {
-    if (!selectedChain) {
-      return getDefaultConnection(chains);
+      return selectedChain;
     }
 
-    return selectedChain;
-  }, [chains, selectedChain]);
+    return activeChain;
+  }, [activeChain, selectedChain, chains]);
 
   const supportedWalletCfgs = useMemo(() => {
-    return chain.wallets
+    return chainToSwitchTo.wallets
       .map((walletId) => apiConfig.wallets[walletId])
       .filter((w) => !!w);
-  }, [apiConfig.wallets, chain.wallets]);
+  }, [apiConfig.wallets, chainToSwitchTo.wallets]);
 
   // Get the current failed or connecting wallet
   const getCurrentWallet = useCallback(() => {
@@ -51,12 +54,17 @@ export const WalletModal: FC = () => {
       return undefined;
     }
 
-    if (!chain.wallets.includes(walletId)) {
+    if (!chainToSwitchTo.wallets.includes(walletId)) {
       return undefined;
     }
 
     return apiConfig.wallets[walletId];
-  }, [failedWalletId, connectingWalletId, chain.wallets, apiConfig.wallets]);
+  }, [
+    failedWalletId,
+    connectingWalletId,
+    chainToSwitchTo.wallets,
+    apiConfig.wallets,
+  ]);
 
   const isNotInstalledError = useMemo(() => {
     if (!connectError) {
@@ -103,9 +111,9 @@ export const WalletModal: FC = () => {
 
   const handleWalletSelect = useCallback(
     (wallet: WalletConfig) => {
-      switchWallet(chain, wallet);
+      switchWallet(chainToSwitchTo, wallet);
     },
-    [chain, switchWallet]
+    [switchWallet, chainToSwitchTo]
   );
 
   const handleDownloadBtnClick = useCallback(() => {
@@ -132,12 +140,12 @@ export const WalletModal: FC = () => {
       return;
     }
 
-    await switchWallet(chain, selectedWallet);
+    await switchWallet(chainToSwitchTo, selectedWallet);
   }, [
     selectedWallet,
     isNotInstalledError,
     switchWallet,
-    chain,
+    chainToSwitchTo,
     notificationApi,
     handleDownloadBtnClick,
   ]);

diff --git a/apps/bridge-dapp/src/constants/sidebar.ts b/apps/bridge-dapp/src/constants/sidebar.ts
@@ -13,6 +13,7 @@ import {
   WEBB_DOCS_URL,
   WEBB_FAUCET_URL,
   WEBB_MKT_URL,
+  WEBB_HUBBLE_STATS_URL,
 } from '@webb-tools/webb-ui-components/constants';
 
 const items: SideBarItemProps[] = [
@@ -27,6 +28,11 @@ const items: SideBarItemProps[] = [
         isInternal: true,
         href: '/bridge',
       },
+      {
+        name: 'Explorer',
+        isInternal: false,
+        href: WEBB_HUBBLE_STATS_URL,
+      },
       {
         name: 'Faucet',
         isInternal: false,

diff --git a/apps/bridge-dapp/src/constants/signIn.ts b/apps/bridge-dapp/src/constants/signIn.ts
@@ -8,7 +8,6 @@ Logging into Webb's Hubble Bridge!
 Domain: {domain}
 Origin: {origin}
 Address: {address}
-Chain ID: {chainId}
 
 To access your account and continue your journey, please sign in with your Ethereum account.
 
@@ -17,9 +16,8 @@ Your privacy is important to us. We will never store or share your private keys.
 By signing in, you acknowledge and agree to our terms of service and privacy policy.
 `;
 
-export function createSignInMessage(address: string, chainId: number) {
+export function createSignInMessage(address: string) {
   return SIGN_IN_MESSAGE.replace('{domain}', domain)
     .replace('{origin}', origin)
-    .replace('{address}', address)
-    .replace('{chainId}', chainId.toString());
+    .replace('{address}', address);
 }
diff --git a/apps/bridge-dapp/src/containers/CreateAccountModal/CreateAccountModal.tsx b/apps/bridge-dapp/src/containers/CreateAccountModal/CreateAccountModal.tsx
@@ -83,10 +83,7 @@ export const CreateAccountModal: FC<CreateAccountModalProps> = ({
         throw WebbError.from(WebbErrorCodes.NoAccountAvailable);
       }
 
-      const msg = createSignInMessage(
-        account.address,
-        await activeApi.getChainId()
-      );
+      const msg = createSignInMessage(account.address);
 
       const signedString = await activeApi.sign(msg);
 

diff --git a/apps/bridge-dapp/src/pages/Hubble/Bridge/SelectToken.tsx b/apps/bridge-dapp/src/pages/Hubble/Bridge/SelectToken.tsx
@@ -150,7 +150,7 @@ const getBalanceProps = (
   balances[currencyCfg.id] &&
   (txType !== 'withdraw' || currencyCfg.role !== CurrencyRole.Governable)
     ? { balance: balances[currencyCfg.id] }
-    : undefined;
+    : { balance: 0 };
 
 const getBadgeProps = (
   currencyCfg: CurrencyConfig,

diff --git a/apps/bridge-dapp/tsconfig.app.json b/apps/bridge-dapp/tsconfig.app.json
@@ -2,7 +2,11 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
-    "types": ["node"],
+    "types": [
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts"
+    ],
     "target": "ES6",
     "strict": true
   },

diff --git a/apps/bridge-dapp/tsconfig.spec.json b/apps/bridge-dapp/tsconfig.spec.json
@@ -3,7 +3,12 @@
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
     "module": "commonjs",
-    "types": ["jest", "node"]
+    "types": [
+      "jest",
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts"
+    ]
   },
   "include": [
     "jest.config.ts",

diff --git a/apps/faucet/next.config.js b/apps/faucet/next.config.js
@@ -1,43 +1,18 @@
 const { withNx } = require('@nx/next/plugins/with-nx');
-const { createSecureHeaders } = require('next-secure-headers');
-
-const securityHeaders = createSecureHeaders({
-  frameGuard: 'sameorigin',
-  xssProtection: 'block-rendering',
-  referrerPolicy: 'no-referrer-when-downgrade',
-}).concat([
-  {
-    key: 'Content-Security-Policy',
-    value: 'upgrade-insecure-requests',
-  },
-  {
-    key: 'Permissions-Policy',
-    value: 'camera=(), microphone=(), geolocation=(), browsing-topics=()',
-  },
-]);
+const nextCfgBase = require('../../next.config');
 
 /**
  * @type {import('@nx/next/plugins/with-nx').WithNxOptions}
  **/
 const nextConfig = {
+  ...nextCfgBase,
+
   reactStrictMode: true,
   nx: {
     // Set this to true if you would like to to use SVGR
     // See: https://github.com/gregberge/svgr
     svgr: false,
   },
-  async headers() {
-    return [
-      {
-        source: '/', // Netlify preview link doesn't work without this
-        headers: securityHeaders,
-      },
-      {
-        source: '/(.*)',
-        headers: securityHeaders,
-      },
-    ];
-  },
 };
 
 module.exports = withNx(nextConfig);