ci(release): publish latest release

.prettierignore

@@ -2,9 +2,6 @@
 __generated__
 __mocks__
 .detoxrc.js
-.eslintrc
-.eslintrc.js
-.prettierrc
 .tamagui
 .turbo
 .turbo
@@ -16,7 +13,6 @@ __mocks__
 *.json
 *.md
 *.yml
-babel.config.js
 build
 craco.config.cjs
 cypress
@@ -26,7 +22,6 @@ jest.config.js
 jest.config.js
 metro.config.js
 node_modules
-tsconfig.json
 types
 
 # app/package specific
@@ -44,6 +39,6 @@ apps/extension/dev
 
 packages/uniswap/codegen.ts
 
-packages/eslint-config/react.js
+# eslint partials
+
 packages/eslint-config/restrictedImports.js
-packages/eslint-config/native.js

CODEOWNERS

@@ -0,0 +1 @@
+* @uniswap/web-admins

RELEASE

@@ -1,10 +1,57 @@
-We are back with some new new updates! Here's the latest:
+IPFS hash of the deployment:
+- CIDv0: `QmQ8UanH84ztdAz6r982h7KRAmtSvPwd9LDSYJ9VEW83iH`
+- CIDv1: `bafybeia2td2e2swyfxgrspubtq3bzklw3r74qmjhjvnej3bclxjgqs24vi`
 
-Added more supported tokens on Fiat Onramp — Now users can enjoy access to USDC & Ethereum on more chains, including ZKSync, Celo, Avalanche, and more.
+The latest release is always mirrored at [app.uniswap.org](https://app.uniswap.org).
+
+You can also access the Uniswap Interface from an IPFS gateway.
+**BEWARE**: The Uniswap interface uses [`localStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) to remember your settings, such as which tokens you have imported.
+**You should always use an IPFS gateway that enforces origin separation**, or our hosted deployment of the latest release at [app.uniswap.org](https://app.uniswap.org).
+Your Uniswap settings are never remembered across different URLs.
+
+IPFS gateways:
+- https://bafybeia2td2e2swyfxgrspubtq3bzklw3r74qmjhjvnej3bclxjgqs24vi.ipfs.dweb.link/
+- https://bafybeia2td2e2swyfxgrspubtq3bzklw3r74qmjhjvnej3bclxjgqs24vi.ipfs.cf-ipfs.com/
+- [ipfs://QmQ8UanH84ztdAz6r982h7KRAmtSvPwd9LDSYJ9VEW83iH/](ipfs://QmQ8UanH84ztdAz6r982h7KRAmtSvPwd9LDSYJ9VEW83iH/)
+
+## 5.48.0 (2024-09-24)
+
+
+### Features
+
+* **web:** add address to suggestion row (#12045) 6676db9
+* **web:** add ConnectWalletButtonText (#12042) 218baff
+* **web:** add new fee tiers to base (#12013) 01a9528
+* **web:** add the input form and context (#11978) b6c1ec4
+* **web:** adding range selection screen to v4 (#11998) 8eec4b3
+* **web:** allow copying v4 hooks (#11950) 9c4375d
+* **web:** calculate depended amount for v2 (#12062) 2bf4c53
+* **web:** calculate dependent token value from the sdk (#12040) 141d691
+* **web:** create positions page v4 (#11974) 6fc32bc
+* **web:** fix v4 URL paths for existing routes (#11903) 6ded044
+* **web:** Migrate assets from org (#11937) c436f4c
+* **web:** migrate to shared currency state (#11030) eb21f0a
+* **web:** migrate to shared language state (#11029) 6ae056f
+* **web:** shared swap tabs (#11769) d811690
+* **web:** toolbar for v4 create page (#12012) 7bc5579
+* **web:** v4 call trading-api reduce LP position endpoint (#11883) 392e1c5
+* **web:** v4 migrate page (#11823) 79084f4
+* **web:** v4 my positions list page (#11831) 93bd2c0
+* **web:** v4 remove LP modal (#11755) e881123
+
+
+### Bug Fixes
+
+* **web:** Fix sign in translation string (#12090) 2fcbd22
+* **web:** nav dropdown height overflow and scroll (#11987) 566e661
+* **web:** prevent crash from new Base fee tiers (#11932) 229efd6
+* **web:** removing feature flag on route definitions for v4 (#11975) 4f360d6
+* **web:** token caching fix in mini portfolio (#12152) 58ef42d
+* **web:** use overflow auto instead of scroll (#12008) ca9cb0c
+
+
+### Continuous Integration
+
+* **web:** update sitemaps 4849e2e
 
-Other changes: 
 
-- Username support on notification toasts
-- Improved warning modals
-- Improved linkouts to help center articles
-- Various bug fixes and performance improvements

VERSION

@@ -1 +1 @@
-mobile/1.35
+web/5.48.0

apps/extension/.eslintrc.js

@@ -1,7 +1,16 @@
 module.exports = {
   root: true,
   extends: ['@uniswap/eslint-config/native'],
-  ignorePatterns: ['node_modules', 'dist', '.turbo', 'build', '.eslintrc.js', 'webpack.config.js', 'webpack.dev.config.js', 'manifest.json'],
+  ignorePatterns: [
+    'node_modules',
+    'dist',
+    '.turbo',
+    'build',
+    '.eslintrc.js',
+    'webpack.config.js',
+    'webpack.dev.config.js',
+    'manifest.json',
+  ],
   parserOptions: {
     project: 'tsconfig.json',
     tsconfigRootDir: __dirname,
@@ -12,6 +21,12 @@ module.exports = {
     sourceType: 'module',
   },
   overrides: [
+    {
+      files: ['src/assets/index.ts', 'src/contentScript/index.tsx'],
+      rules: {
+        'check-file/no-index': 'off',
+      },
+    },
     {
       files: ['*.ts', '*.tsx'],
       rules: {

apps/extension/package.json

@@ -16,7 +16,7 @@
     "@uniswap/analytics-events": "2.36.0",
     "@uniswap/uniswapx-sdk": "^2.1.0-beta.8",
     "@uniswap/universal-router-sdk": "2.2.0",
-    "@uniswap/v3-sdk": "3.13.0",
+    "@uniswap/v3-sdk": "3.14.0",
     "dotenv-webpack": "8.0.1",
     "ethers": "5.7.2",
     "eventemitter3": "5.0.1",
@@ -92,9 +92,13 @@
     "lint": "NODE_OPTIONS=--max_old_space_size=8192 eslint . --ext ts,tsx --max-warnings=0",
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=8192 eslint . --ext ts,tsx --fix",
     "start": "webpack serve --config webpack.config.js",
+    "start:poll": "WEBPACK_POLLING_INTERVAL=1000 yarn start",
     "start:absolute": "yarn start:absolute:mac",
+    "start:absolute:poll": "yarn start:absolute:mac:poll",
     "start:absolute:mac": "yarn start --output-path /Users/Shared/stretch",
+    "start:absolute:mac:poll": "WEBPACK_POLLING_INTERVAL=1000 yarn start --output-path /Users/Shared/stretch",
     "start:absolute:windows": "yarn start --output-path C:/ProgramData/stretch",
+    "start:absolute:windows:poll": "WEBPACK_POLLING_INTERVAL=1000 yarn start --output-path C:/ProgramData/stretch",
     "test": "jest",
     "snapshots": "jest -u",
     "typecheck": "tsc -b"

apps/extension/src/app/OnboardingApp.tsx

@@ -46,7 +46,7 @@ import { UnitagUpdaterContextProvider } from 'uniswap/src/features/unitags/conte
 import i18n from 'uniswap/src/i18n/i18n'
 import { ExtensionOnboardingFlow } from 'uniswap/src/types/screens/extension'
 import { ErrorBoundary } from 'wallet/src/components/ErrorBoundary/ErrorBoundary'
-import { SharedWalletProvider } from 'wallet/src/provider'
+import { SharedWalletProvider } from 'wallet/src/providers/SharedWalletProvider'
 
 const supportsSidePanel = checksIfSupportsSidePanel()
 

apps/extension/src/app/PopupApp.tsx

@@ -27,7 +27,7 @@ import i18n from 'uniswap/src/i18n/i18n'
 import { ExtensionScreens } from 'uniswap/src/types/screens/extension'
 import { logger } from 'utilities/src/logger/logger'
 import { ErrorBoundary } from 'wallet/src/components/ErrorBoundary/ErrorBoundary'
-import { SharedWalletProvider } from 'wallet/src/provider'
+import { SharedWalletProvider } from 'wallet/src/providers/SharedWalletProvider'
 
 getLocalUserId()
   .then((userId) => {

apps/extension/src/app/SidebarApp.tsx

@@ -16,6 +16,7 @@ import { addRequest } from 'src/app/features/dappRequests/saga'
 import { ReceiveScreen } from 'src/app/features/receive/ReceiveScreen'
 import { SendFlow } from 'src/app/features/send/SendFlow'
 import { DevMenuScreen } from 'src/app/features/settings/DevMenuScreen'
+import { SettingsManageConnectionsScreen } from 'src/app/features/settings/SettingsManageConnectionsScreen/SettingsManageConnectionsScreen'
 import { SettingsPrivacyScreen } from 'src/app/features/settings/SettingsPrivacyScreen'
 import { RemoveRecoveryPhraseVerify } from 'src/app/features/settings/SettingsRecoveryPhraseScreen/RemoveRecoveryPhraseVerify'
 import { RemoveRecoveryPhraseWallets } from 'src/app/features/settings/SettingsRecoveryPhraseScreen/RemoveRecoveryPhraseWallets'
@@ -25,8 +26,8 @@ import { SettingsScreenWrapper } from 'src/app/features/settings/SettingsScreenW
 import { SettingsChangePasswordScreen } from 'src/app/features/settings/password/SettingsChangePasswordScreen'
 import { SwapFlowScreen } from 'src/app/features/swap/SwapFlowScreen'
 import { useIsWalletUnlocked } from 'src/app/hooks/useIsWalletUnlocked'
-import { MainContent, WebNavigation } from 'src/app/navigation'
 import { AppRoutes, RemoveRecoveryPhraseRoutes, SettingsRoutes } from 'src/app/navigation/constants'
+import { MainContent, WebNavigation } from 'src/app/navigation/navigation'
 import { setRouter, setRouterState } from 'src/app/navigation/state'
 import { SentryAppNameTag, initializeSentry, sentryCreateHashRouter } from 'src/app/sentry'
 import { initExtensionAnalytics } from 'src/app/utils/analytics'
@@ -45,12 +46,12 @@ import { ExtensionEventName } from 'uniswap/src/features/telemetry/constants'
 import { sendAnalyticsEvent } from 'uniswap/src/features/telemetry/send'
 import { UnitagUpdaterContextProvider } from 'uniswap/src/features/unitags/context'
 import i18n from 'uniswap/src/i18n/i18n'
-import { isDevEnv } from 'utilities/src/environment'
+import { isDevEnv } from 'utilities/src/environment/env'
 import { logger } from 'utilities/src/logger/logger'
 import { ONE_SECOND_MS } from 'utilities/src/time/time'
 import { useInterval } from 'utilities/src/time/timing'
 import { ErrorBoundary } from 'wallet/src/components/ErrorBoundary/ErrorBoundary'
-import { SharedWalletProvider } from 'wallet/src/provider'
+import { SharedWalletProvider } from 'wallet/src/providers/SharedWalletProvider'
 
 getLocalUserId()
   .then((userId) => {
@@ -115,6 +116,10 @@ const router = sentryCreateHashRouter([
             path: SettingsRoutes.Privacy,
             element: <SettingsPrivacyScreen />,
           },
+          {
+            path: SettingsRoutes.ManageConnections,
+            element: <SettingsManageConnectionsScreen />,
+          },
         ],
       },
       {

apps/extension/src/app/features/accounts/AccountItem.tsx

@@ -5,16 +5,16 @@ import { useDispatch } from 'react-redux'
 import { EditLabelModal } from 'src/app/features/accounts/EditLabelModal'
 import { removeAllDappConnectionsForAccount } from 'src/app/features/dapp/actions'
 import { ContextMenu, Flex, MenuContentItem, Text, TouchableArea } from 'ui/src'
-import { CopySheets, Edit, TrashFilled, TripleDots } from 'ui/src/components/icons'
+import { CopySheets, Edit, Ellipsis, TrashFilled } from 'ui/src/components/icons'
 import { iconSizes } from 'ui/src/theme'
+import { WarningModal } from 'uniswap/src/components/modals/WarningModal/WarningModal'
+import { WarningSeverity } from 'uniswap/src/components/modals/WarningModal/types'
 import { useLocalizationContext } from 'uniswap/src/features/language/LocalizationContext'
 import { ElementName, ModalName } from 'uniswap/src/features/telemetry/constants'
 import { sendAnalyticsEvent } from 'uniswap/src/features/telemetry/send'
-import { WarningSeverity } from 'uniswap/src/features/transactions/WarningModal/types'
 import { setClipboard } from 'uniswap/src/utils/clipboard'
 import { NumberType } from 'utilities/src/format/types'
 import { AddressDisplay } from 'wallet/src/components/accounts/AddressDisplay'
-import { WarningModal } from 'wallet/src/components/modals/WarningModal/WarningModal'
 import { pushNotification } from 'wallet/src/features/notifications/slice'
 import { AppNotificationType, CopyNotificationType } from 'wallet/src/features/notifications/types'
 import { EditAccountAction, editAccountActions } from 'wallet/src/features/wallet/accounts/editAccountSaga'
@@ -179,7 +179,7 @@ export function AccountItem({ address, onAccountSelect, balanceUSD }: AccountIte
                 opacity={0}
                 p="$spacing4"
               >
-                <TripleDots color="$neutral2" size="$icon.16" />
+                <Ellipsis color="$neutral2" size="$icon.16" />
               </Flex>
             </ContextMenu>
           </Flex>

apps/extension/src/app/features/accounts/AccountSwitcherScreen.tsx

@@ -16,18 +16,18 @@ import { navigate } from 'src/app/navigation/state'
 import { Button, Flex, MenuContent, MenuContentItem, Popover, ScrollView, Text, useSporeColors } from 'ui/src'
 import { WalletFilled, X } from 'ui/src/components/icons'
 import { spacing } from 'ui/src/theme'
+import { WarningModal } from 'uniswap/src/components/modals/WarningModal/WarningModal'
+import { WarningSeverity } from 'uniswap/src/components/modals/WarningModal/types'
 import { AccountType } from 'uniswap/src/features/accounts/types'
 import Trace from 'uniswap/src/features/telemetry/Trace'
 import { ModalName, WalletEventName } from 'uniswap/src/features/telemetry/constants'
 import { sendAnalyticsEvent } from 'uniswap/src/features/telemetry/send'
-import { WarningSeverity } from 'uniswap/src/features/transactions/WarningModal/types'
 import { TestID } from 'uniswap/src/test/fixtures/testIDs'
 import { ImportType } from 'uniswap/src/types/onboarding'
 import { logger } from 'utilities/src/logger/logger'
 import { sleep } from 'utilities/src/time/timing'
 import { AddressDisplay } from 'wallet/src/components/accounts/AddressDisplay'
 import { PlusCircle } from 'wallet/src/components/icons/PlusCircle'
-import { WarningModal } from 'wallet/src/components/modals/WarningModal/WarningModal'
 import { useAccountList } from 'wallet/src/features/accounts/hooks'
 import { createOnboardingAccount } from 'wallet/src/features/onboarding/createOnboardingAccount'
 import { BackupType, SignerMnemonicAccount } from 'wallet/src/features/wallet/accounts/types'

apps/extension/src/app/features/accounts/__snapshots__/AccountSwitcherScreen.test.tsx.snap

@@ -205,19 +205,11 @@ exports[`AccountSwitcherScreen renders correctly 1`] = `
                             fill="none"
                             stroke-width="2"
                             style="color: rgb(125, 125, 125); width: 16px; height: 16px;"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                           >
                             <path
-                              d="M8 1v14"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                            />
-                            <path
-                              d="M1 8h14"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
+                              d="M19 11H13V5C13 4.448 12.552 4 12 4C11.448 4 11 4.448 11 5V11H5C4.448 11 4 11.448 4 12C4 12.552 4.448 13 5 13H11V19C11 19.552 11.448 20 12 20C12.552 20 13 19.552 13 19V13H19C19.552 13 20 12.552 20 12C20 11.448 19.552 11 19 11Z"
+                              fill="currentColor"
                             />
                           </svg>
                         </div>
@@ -439,19 +431,11 @@ exports[`AccountSwitcherScreen renders correctly 1`] = `
                           fill="none"
                           stroke-width="2"
                           style="color: rgb(125, 125, 125); width: 16px; height: 16px;"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                         >
                           <path
-                            d="M8 1v14"
-                            stroke="currentColor"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                          />
-                          <path
-                            d="M1 8h14"
-                            stroke="currentColor"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
+                            d="M19 11H13V5C13 4.448 12.552 4 12 4C11.448 4 11 4.448 11 5V11H5C4.448 11 4 11.448 4 12C4 12.552 4.448 13 5 13H11V19C11 19.552 11.448 20 12 20C12.552 20 13 19.552 13 19V13H19C19.552 13 20 12.552 20 12C20 11.448 19.552 11 19 11Z"
+                            fill="currentColor"
                           />
                         </svg>
                       </div>

apps/extension/src/app/features/dapp/DappContext.tsx

@@ -1,6 +1,8 @@
 import { createContext, ReactNode, useContext, useEffect, useState } from 'react'
 import { useDispatch } from 'react-redux'
+import { updateDisplayNameFromTab } from 'src/app/features/dapp/actions'
 import { useDappConnectedAccounts, useDappLastChainId } from 'src/app/features/dapp/hooks'
+import { dappStore } from 'src/app/features/dapp/store'
 import { isConnectedAccount } from 'src/app/features/dapp/utils'
 import { extractBaseUrl } from 'src/app/features/dappRequests/utils'
 import { closePopup, PopupName } from 'src/app/features/popups/slice'
@@ -30,22 +32,31 @@ export function DappContextProvider({ children }: { children: ReactNode }): JSX.
   const isConnected = !!activeAddress && isConnectedAccount(connectedAccounts, activeAddress)
 
   useEffect(() => {
-    const updateDappInfo = (): void => {
-      chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
-        const tab = tabs[0]
-        if (tab) {
-          setDappUrl(extractBaseUrl(tab?.url) || '')
-          setDappIconUrl(tab.favIconUrl)
+    const updateDappInfo = async (): Promise<void> => {
+      const [tab] = (await chrome.tabs.query({ active: true, currentWindow: true })) || []
+
+      if (tab) {
+        const newDappUrl = extractBaseUrl(tab?.url)
+        setDappUrl(newDappUrl || '')
+        setDappIconUrl(tab.favIconUrl)
+
+        if (!newDappUrl) {
+          return
         }
-      })
+
+        dappStore.updateDappIconUrl(newDappUrl, tab.favIconUrl)
+        await updateDisplayNameFromTab(newDappUrl)
+      }
     }
 
+    // need to update dapp info on mount
+    // eslint-disable-next-line @typescript-eslint/no-floating-promises
     updateDappInfo()
 
     return backgroundToSidePanelMessageChannel.addMessageListener(
       BackgroundToSidePanelRequestType.TabActivated,
       async (_message) => {
-        updateDappInfo()
+        await updateDappInfo()
         dispatch(closePopup(PopupName.Connect))
       },
     )