ci(release): publish latest release

Author: hello-happy-puppy

.nvmrc

@@ -1 +1 @@
-v18.16.0
+v22.13.1

.yarn/patches/@tamagui-web-npm-1.121.7-4de089c18f.patch

@@ -0,0 +1,54 @@
+diff --git a/dist/cjs/createComponent.native.js b/dist/cjs/createComponent.native.js
+index ddcbfbc5112e148ff6a33fffd986d763b9f32248..fd8b81f75d0a9fc414fbda5eea02d9405d57a89f 100644
+--- a/dist/cjs/createComponent.native.js
++++ b/dist/cjs/createComponent.native.js
+@@ -98,7 +98,7 @@ function createComponent(staticConfig) {
+     defaultProps,
+     defaultPropsKeyOrder: defaultProps ? Object.keys(defaultProps) : []
+   });
+-  var component = /* @__PURE__ */ import_react.default.forwardRef(function(propsIn, forwardedRef) {
++  var OldComponent = /* @__PURE__ */ import_react.default.forwardRef(function(propsIn, forwardedRef) {
+     var _themeState_state, _hooks_usePropsTransform, _hooks_useEvents, _config_animations, internalID = process.env.NODE_ENV === "development" ? import_react.default.useId() : "";
+     if (process.env.NODE_ENV === "development" && startVisualizer && (startVisualizer(), startVisualizer = void 0), !hasSetupBaseViews) {
+       var _hooks_getBaseViews;
+@@ -548,6 +548,13 @@ If you meant to do this, you can disable this warning - either change untilMeasu
+       delete globalThis.willPrint, time.print(), time = null;
+     }, 50))), content;
+   });
++  // UNISWAP PATCH: Using key to avoid conditionally calling useAnimation hook
++  var component = /* @__PURE__ */ import_react.default.forwardRef(function(propsIn, forwardedRef) {
++    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OldComponent, {
++      ref: forwardedRef,
++      ...propsIn,
++    }, "animation" in propsIn ? 1 : 0);
++  });
+   staticConfig.componentName && (component.displayName = staticConfig.componentName);
+   var res = component;
+   (process.env.TAMAGUI_FORCE_MEMO || staticConfig.memo) && (res = /* @__PURE__ */ import_react.default.memo(res)), res.staticConfig = staticConfig;
+diff --git a/dist/esm/createComponent.native.js b/dist/esm/createComponent.native.js
+index 40466f28af50e22730462702a96e2c8b41969276..92f8f589a72098efc72e58f7cf64fb80e00787d9 100644
+--- a/dist/esm/createComponent.native.js
++++ b/dist/esm/createComponent.native.js
+@@ -90,7 +90,7 @@ function createComponent(staticConfig) {
+     defaultProps,
+     defaultPropsKeyOrder: defaultProps ? Object.keys(defaultProps) : []
+   });
+-  var component = /* @__PURE__ */ React.forwardRef(function(propsIn, forwardedRef) {
++  var OldComponent = /* @__PURE__ */ React.forwardRef(function(propsIn, forwardedRef) {
+     var _themeState_state, _hooks_usePropsTransform, _hooks_useEvents, _config_animations, internalID = process.env.NODE_ENV === "development" ? React.useId() : "";
+     if (process.env.NODE_ENV === "development" && startVisualizer && (startVisualizer(), startVisualizer = void 0), !hasSetupBaseViews) {
+       var _hooks_getBaseViews;
+@@ -540,6 +540,13 @@ If you meant to do this, you can disable this warning - either change untilMeasu
+       delete globalThis.willPrint, time.print(), time = null;
+     }, 50))), content;
+   });
++  // UNISWAP PATCH: Using key to avoid conditionally calling useAnimation hook
++  var component = /* @__PURE__ */ import_react.default.forwardRef(function(propsIn, forwardedRef) {
++    return /* @__PURE__ */ _jsx(OldComponent, {
++      ref: forwardedRef,
++      ...propsIn,
++    }, "animation" in propsIn ? 1 : 0);
++  });
+   staticConfig.componentName && (component.displayName = staticConfig.componentName);
+   var res = component;
+   (process.env.TAMAGUI_FORCE_MEMO || staticConfig.memo) && (res = /* @__PURE__ */ React.memo(res)), res.staticConfig = staticConfig;

CODEOWNERS

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

RELEASE

@@ -1,14 +1,142 @@
-We are back with some new updates! Here’s the latest:
+IPFS hash of the deployment:
+- CIDv0: `QmPDjzx2KbiQfiwf1mNuZwWSufJJJrGoZ5exe8VpLE1eqe`
+- CIDv1: `bafybeianc2ngnptsysuwy3xt5nqxutvxngondqnnwzgofzx5yz445efove`
 
-Last release we introduced Unichain support! Now, enjoy faster swap speeds, more onramp options, and more token data. 
+The latest release is always mirrored at [app.uniswap.org](https://app.uniswap.org).
 
-Monad Testnet Support - Enjoy swapping on Monad testnet by toggling to Testnet mode in settings
+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://bafybeianc2ngnptsysuwy3xt5nqxutvxngondqnnwzgofzx5yz445efove.ipfs.dweb.link/
+- [ipfs://QmPDjzx2KbiQfiwf1mNuZwWSufJJJrGoZ5exe8VpLE1eqe/](ipfs://QmPDjzx2KbiQfiwf1mNuZwWSufJJJrGoZ5exe8VpLE1eqe/)
+
+## 5.76.0 (2025-03-12)
+
+
+### Features
+
+* **web:** (wall-5924) enable smoother transition for Button to and from loading state (#16313) 9fb3bbf
+* **web:** 03 10 feat web add wallet connection status to datadog issues staging (#17174) 64d0f43
+* **web:** add allowFlip prop on AdaptiveDropdown (#16812) 859fb34
+* **web:** add presets for mobile (#17026) 441b3d1
+* **web:** add swap presets for the input currency on web (#16828) 0402800
+* **web:** bump uniswap SDKs (#17011) 965edc4
+* **web:** disable range input when closing position (#17033) f49cb5b
+* **web:** make flexBasis for Button be the same on all platforms (#16314) d21f758
+* **web:** migrate buttons group 9 (#16283) 5942c08
+* **web:** move TradingApiError to ErrorCallout - add warning (#16893) f10a0c5
+* **web:** out of range - close position (#16914) 6ab698e
+* **web:** out of range - migrate position (#16915) d9ff5e5
+* **web:** preset amounts for extension and mweb (#17066) d7c59f1
+* **web:** switch web/dialog buttons to new buttons (#16305) ee215b0
+
+
+### Bug Fixes
+
+* **web:** [datadog] disable on local dev builds (#16858) 31dcd86
+* **web:** [playwright] better setErc20 logic - part ii (#16850) a1310fe
+* **web:** [playwright] graphql api fix and tdp mock (#16859) 61e1ead
+* **web:** add __DEV__ global to web storybook 5333afc
+* **web:** add in a polyfill for Buffer (#16988) e22a234
+* **web:** change color of CTA button in WarningModal (#17035) 0ee7033
+* **web:** change size of SelectTokenButton to small da6256f
+* **web:** cleanup after button migration (#16535) 48460dc
+* **web:** delete Box component (#16502) 13c90a1
+* **web:** delete deprecated price range input component (#17076) 78bec96
+* **web:** do not pass unsupported props; fixes React warnings 70093a5
+* **web:** ensure that tick spacing is a whole number (#17037) e5219af
+* **web:** fix add liquidity button on pools page ac6561e
+* **web:** fix button size in PoolFinder (#16981) cb96458
+* **web:** fix button sizes and color in InsufficientNativeTokenWarning (#17052) d866033
+* **web:** fix buttons on SelectTokenStep (#16970) b206c86
+* **web:** fix detection of Trans tag within children of Button 6d543ea
+* **web:** fix download button in UniwalletModal e62c63d
+* **web:** fix input field value from not displaying 2d7dfe2
+* **web:** fix issue when Button has non-direct Trans component as a child (#16971) 4d15e5e
+* **web:** fix label color of SwapFormButton when not connected (#16972) 3390c9c
+* **web:** fix limit input (#16872) 600a755
+* **web:** fix max button on SendCurrencyInputForm 86527f3
+* **web:** fix MaxButton alignment in SendCurrencyInputForm c3376fa
+* **web:** fix misalignment of token symbol in unconnected state on SendForm (#16974) a4f808c
+* **web:** fix mobile and extension buttons in GetStarted (#16976) 1cbf360
+* **web:** fix path to ModuleScopePlugin in craco config 189c0a2
+* **web:** fix positioning of max button on SendCurrencyInputForm d3e9e43
+* **web:** fix sign in modal not closing on x click (#16880) cdd6cbf
+* **web:** fix suggestionrow key (#17082) c7b683a
+* **web:** fix TileButton background color (#17057) bfa8f31
+* **web:** fix UI issues with cancel limit button c279f3f
+* **web:** fix v4 native pool link (#16936) d0c907b
+* **web:** include priority orders in polling (#16934) ef9a0fe
+* **web:** increase size of CTA button in CreatePositionModal (#16978) 6165ac4
+* **web:** liquidity bars colors in ActiveLiquidityChart2 (#17067) 4024d43
+* **web:** LP UI nits (#17079) e45f5d9
+* **web:** make pool creation button larger (#16973) d1150f3
+* **web:** make PoolButton correct size 2beb3b0
+* **web:** migrate Web3Status to properly use Button 80619ec
+* **web:** minor updates to Web3Status + memoize Unitag b88b06e
+* **web:** only animate transform props for Button to fix issues with animating colors with alpha channel 8c3a630
+* **web:** re-add skimmed down .env.production (#16868) 4fa275f
+* **web:** remove background color on NavIcon and fix transition animation (#16830) b4a36bd
+* **web:** remove Box from ActivityCells (#16493) 19fbd28
+* **web:** remove Box from ActivityHeaderRow (#16492) 6632411
+* **web:** remove Box from Bag.tsx (#16498) 281632d
+* **web:** remove Box from BagRow (#16496) 617e43a
+* **web:** remove Box from ProfileAssetRow (#16495) f680dda
+* **web:** remove Box, Row, Column from MobileHoverBag (#16497) 486eea6
+* **web:** remove Box, Row, styled from NFT Activity (#16494) 4f4c744
+* **web:** remove embed NFT assets support (#16514) 57e174e
+* **web:** remove nft breakpoint definitions (#16735) b40203f
+* **web:** remove NFT Center component (#16499) c5f316f
+* **web:** remove NFT Column (#16500) e44d312
+* **web:** remove NFT darkTheme and lightTheme (#16734) 34f0548
+* **web:** remove NFT Row (#16501) 9f31c24
+* **web:** remove sprinkles from ActivitySwitcher (#16738) 172c98c
+* **web:** remove sprinkles from AssetDetails (#16749) f679869
+* **web:** remove sprinkles from Cells (#16750) 374249d
+* **web:** remove sprinkles from CollectionSearch (#16742) d7e5b3a
+* **web:** remove sprinkles from CollectionStats (#16743) d1218b8
+* **web:** remove sprinkles from FilterButton (#16744) cecf506
+* **web:** remove sprinkles from NFT Activity (#16737) ebdee66
+* **web:** remove sprinkles from NFT CollectionAssetLoading (#16739) f892099
+* **web:** remove sprinkles from NFT CollectionNfts (#16740) 3315a4b
+* **web:** remove sprinkles from NFT Explore (#16751) 5495867
+* **web:** remove sprinkles from NFT Filters (#16745) 3fd5241
+* **web:** remove sprinkles from NFT TransactionCompleteModal (#16747) ddac3cf
+* **web:** remove sprinkles from PriceRange (#16746) d089d0a
+* **web:** remove sprinkles from ProfilePage NFT (#16752) 40d8e60
+* **web:** remove sprinkles from SortDropdown (#16748) 4c3af7f
+* **web:** remove styled usage from NFT PriceRange (#16540) 814d177
+* **web:** remove styled usage from NFT Profile Page (#16538) 236a0b6
+* **web:** remove tertiary-transparent button variant as tertiary is already transparent 921fe78
+* **web:** remove tradeAutoSlippage on slippage control (#17069) 7da9edf
+* **web:** revert SelectTokenButton to existing designs 0004cf4
+* **web:** revert text style and icon of Web3Status (#16985) 3ee0075
+* **web:** split v3/v4 logic for calculating tick data (#16266) c8dc2b8
+* **web:** stop propagation of events onPress of max button on SendCurrencyInputForm c054d29
+* **web:** turn off ew flag for e2e tests for now (#16912) da7349e
+* **web:** update tdp buy initial currency selection (#15110) 853678c
+* **web:** update to use Button in liquidity flows (#16983) 9a8fe06
+* **web:** use new loading API for button in SwapDetails ba9f4ba
+* **web:** useTrendingTokensCurrencyInfos should not always define error (#16705) 9e51750
+
+
+### Continuous Integration
+
+* **web:** update sitemaps 53c75c4
+
+
+### Styles
+
+* **web:** fix border radii on liquidity price inputs on small screens (#16956) 891e7f7
+* **web:** fix switch network animation (#16954) 82c0f16
+
+
+### Code Refactoring
+
+* **web:** button migration group 8 (#16373) facd715
+* **web:** v2 migrate position card button refactor (#16277) 1163a99
 
-Other changes: 
 
-- Improved scrollbar behavior
-- VND current support
-- Improvements to our NFT Spam reporting feature
-- Stronger warnings when sending funds to token contracts
-- New icon for the Buy/Sell button on the homepage
-- Various bug fixes and performance improvements

VERSION

@@ -1 +1 @@
-extension/1.16.0
+web/5.76.0

apps/extension/.eslintrc.js

@@ -1,6 +1,10 @@
+const rulesDirPlugin = require('eslint-plugin-rulesdir')
+rulesDirPlugin.RULES_DIR = '../../packages/uniswap/eslint_rules'
+
 module.exports = {
   root: true,
-  extends: ['@uniswap/eslint-config/native'],
+  extends: ['@uniswap/eslint-config/native-app'],
+  plugins: ['rulesdir'],
   ignorePatterns: [
     'node_modules',
     'dist',
@@ -20,6 +24,7 @@ module.exports = {
     ecmaVersion: 2018,
     sourceType: 'module',
   },
+  rules: {},
   overrides: [
     {
       files: ['src/assets/index.ts', 'src/contentScript/index.tsx'],
@@ -38,6 +43,21 @@ module.exports = {
         ],
       },
     },
+    {
+      files: ['**/contentScript/injected.ts'],
+      rules: {
+        'no-restricted-syntax': [
+          'error',
+          {
+            selector: 'CallExpression[callee.object.name="logger"][callee.property.name!=/^(debug)$/]',
+            message:
+              'Only logger.debug is allowed in this file. Please handle errors and info logs explicitly using ErrorLog and InfoLog message passing.',
+          },
+        ],
+      },
+    },
   ],
-  rules: {},
+  rules: {
+    'rulesdir/i18n': 'error',
+  },
 }

apps/extension/package.json

@@ -4,8 +4,6 @@
   "browserslist": "last 2 chrome versions",
   "dependencies": {
     "@apollo/client": "3.10.4",
-    "@datadog/browser-logs": "5.20.0",
-    "@datadog/browser-rum": "5.23.3",
     "@ethersproject/providers": "5.7.2",
     "@metamask/rpc-errors": "6.2.1",
     "@reduxjs/toolkit": "1.9.3",
@@ -14,10 +12,11 @@
     "@types/uuid": "9.0.1",
     "@uniswap/analytics-events": "2.41.0",
     "@uniswap/uniswapx-sdk": "3.0.0-beta.3",
-    "@uniswap/universal-router-sdk": "4.17.0",
-    "@uniswap/v3-sdk": "3.24.0",
-    "@uniswap/v4-sdk": "1.19.2",
+    "@uniswap/universal-router-sdk": "4.19.5",
+    "@uniswap/v3-sdk": "3.25.2",
+    "@uniswap/v4-sdk": "1.21.2",
     "dotenv-webpack": "8.0.1",
+    "eslint-plugin-rulesdir": "0.2.2",
     "ethers": "5.7.2",
     "eventemitter3": "5.0.1",
     "framer-motion": "10.17.6",

apps/extension/src/app/apollo.tsx

@@ -2,7 +2,7 @@ import { ApolloProvider } from '@apollo/client'
 import { PropsWithChildren } from 'react'
 import { localStorage } from 'redux-persist-webextension-storage'
 import { getReduxStore } from 'src/store/store'
-// eslint-disable-next-line no-restricted-imports
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { usePersistedApolloClient } from 'wallet/src/data/apollo/usePersistedApolloClient'
 
 // Extension local storage has 10 MB limit, so we want to be very careful to leave enough space for the redux store + any other data that we might want to store in local storage

apps/extension/src/app/components/ComingSoon.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { TextInput } from 'react-native'
 import { Input, InputProps } from 'src/app/components/Input'
-import { DeprecatedButton, Flex, FlexProps, IconProps, Text } from 'ui/src'
+import { Flex, FlexProps, IconProps, Text, TouchableArea } from 'ui/src'
 import { Eye, EyeOff } from 'ui/src/components/icons'
 import { PasswordStrength, getPasswordStrengthTextAndColor } from 'wallet/src/utils/password'
 
@@ -34,16 +34,17 @@ export const PasswordInput = forwardRef<TextInput, PasswordInputProps>(function
         <StrengthIndicator strength={passwordStrength} />
       ) : (
         onToggleHideInput && (
-          <DeprecatedButton
+          <TouchableArea
             backgroundColor="$transparent"
             hoverStyle={hoverStyle}
             position="absolute"
             pressStyle={hoverStyle}
             right="$spacing8"
+            p="$spacing12"
             onPress={(): void => onToggleHideInput(!hideInput)}
           >
             {hideInput ? <Eye {...iconProps} /> : <EyeOff {...iconProps} />}
-          </DeprecatedButton>
+          </TouchableArea>
         )
       )}
     </Flex>

apps/extension/src/app/components/PasswordInput.tsx

@@ -5,7 +5,7 @@ import { useAppFiatCurrencyInfo } from 'uniswap/src/features/fiatCurrency/hooks'
 import { useCurrentLanguage } from 'uniswap/src/features/language/hooks'
 import { useHideSmallBalancesSetting, useHideSpamTokensSetting } from 'uniswap/src/features/settings/hooks'
 import { ExtensionUserPropertyName, setUserProperty } from 'uniswap/src/features/telemetry/user'
-// eslint-disable-next-line no-restricted-imports
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { analytics } from 'utilities/src/telemetry/analytics/analytics'
 import { useGatingUserPropertyUsernames } from 'wallet/src/features/gating/userPropertyHooks'
 import { useActiveAccount, useSignerAccounts, useViewOnlyAccounts } from 'wallet/src/features/wallet/hooks'