ci(release): publish latest release

Author: hello-happy-puppy

.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,4 +1,18 @@
-Back with some brief updates! This version largely comprised of:
-- Various bug fixes
-- Improved helpcenter articles
-- More localized error boundaries
+IPFS hash of the deployment:
+- CIDv0: `QmPcDN4EiXdJ2e4eH6cYKAGiYRrAh8W2hgbmDUf5GKzRGi`
+- CIDv1: `bafybeias3bjepuy326a66fc6lsm7wr7kfo7v5z7qvjgho2s5ge4s734mk4`
+
+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://bafybeias3bjepuy326a66fc6lsm7wr7kfo7v5z7qvjgho2s5ge4s734mk4.ipfs.dweb.link/
+- [ipfs://QmPcDN4EiXdJ2e4eH6cYKAGiYRrAh8W2hgbmDUf5GKzRGi/](ipfs://QmPcDN4EiXdJ2e4eH6cYKAGiYRrAh8W2hgbmDUf5GKzRGi/)
+
+### 5.76.1 (2025-03-13)
+
+

VERSION

@@ -1 +1 @@
-extension/1.17.0
+web/5.76.1

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

@@ -16,6 +16,7 @@
     "@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'

apps/extension/src/app/components/Trace/TraceUserProperties.tsx

@@ -1,6 +1,6 @@
 import { SkeletonBox } from 'src/app/components/loading/SkeletonBox'
 import { Flex } from 'ui/src'
-import { WALLET_PREVIEW_CARD_HEIGHT } from 'wallet/src/components/WalletPreviewCard/WalletPreviewCard'
+import { WALLET_PREVIEW_CARD_MIN_HEIGHT } from 'wallet/src/components/WalletPreviewCard/WalletPreviewCard'
 
 export function SelectWalletsSkeleton({ repeat = 3 }: { repeat?: number }): JSX.Element {
   return (
@@ -20,7 +20,7 @@ function WalletSkeleton({ opacity }: { opacity: number }): JSX.Element {
       borderColor="$surface3"
       borderRadius="$rounded20"
       borderWidth="$spacing1"
-      height={WALLET_PREVIEW_CARD_HEIGHT}
+      height={WALLET_PREVIEW_CARD_MIN_HEIGHT}
       justifyContent="flex-start"
       opacity={opacity}
       overflow="hidden"

apps/extension/src/app/components/loading/LoadingSpinner.tsx

@@ -12,5 +12,6 @@ export function SkeletonBox({
   height: number | string
   borderRadius?: string
 }): JSX.Element {
+  // eslint-disable-next-line react/forbid-elements
   return <div className="skeleton-box" style={{ width, height, borderRadius }} />
 }

apps/extension/src/app/components/loading/SelectWalletSkeleton.tsx

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react'
-import { Anchor, DeprecatedButton, Flex, Text, TouchableArea, useSporeColors } from 'ui/src'
+import { Anchor, Button, ButtonEmphasis, Flex, Text, TouchableArea, useSporeColors } from 'ui/src'
 import { X } from 'ui/src/components/icons'
 import { zIndexes } from 'ui/src/theme'
 import { Modal } from 'uniswap/src/components/modals/Modal'
@@ -14,7 +14,7 @@ export interface ModalProps {
   title: string
   description: string
   buttonText: string
-  buttonTheme?: 'primary' | 'secondary' | 'tertiary'
+  buttonEmphasis?: ButtonEmphasis
   onButtonPress?: () => void
   linkText?: string
   linkUrl?: string
@@ -29,7 +29,7 @@ export function InfoModal({
   title,
   description,
   buttonText,
-  buttonTheme,
+  buttonEmphasis,
   onButtonPress,
   linkText,
   linkUrl,
@@ -60,9 +60,11 @@ export function InfoModal({
             {description}
           </Text>
         </Flex>
-        <DeprecatedButton size="medium" theme={buttonTheme} width="100%" onPress={onButtonPress}>
-          {buttonText}
-        </DeprecatedButton>
+        <Flex row alignSelf="stretch">
+          <Button size="medium" emphasis={buttonEmphasis} onPress={onButtonPress}>
+            {buttonText}
+          </Button>
+        </Flex>
         {linkText && linkUrl && (
           <Anchor href={linkUrl} lineHeight={16} p="$spacing12" target="_blank" textDecorationLine="none">
             <Text color="$neutral2" textAlign="center" variant="buttonLabel3">

apps/extension/src/app/components/loading/SkeletonBox.tsx

@@ -9,7 +9,7 @@ import { ErrorElement } from 'src/app/components/ErrorElement'
 import { BaseAppContainer } from 'src/app/core/BaseAppContainer'
 import { DatadogAppNameTag } from 'src/app/datadog'
 import { initExtensionAnalytics } from 'src/app/utils/analytics'
-import { DeprecatedButton, Flex, Image, Text } from 'ui/src'
+import { Button, Flex, Image, Text } from 'ui/src'
 import { CHROME_LOGO, UNISWAP_LOGO } from 'ui/src/assets'
 import { iconSizes, spacing } from 'ui/src/theme'
 import { syncAppWithDeviceLanguage } from 'uniswap/src/features/settings/slice'
@@ -75,19 +75,22 @@ function PopupContent(): JSX.Element {
         <Flex fill />
 
         <Trace logPress element={ElementName.ExtensionPopupOpenButton}>
-          <DeprecatedButton
-            theme="primary"
-            width="100%"
-            onPress={async () => {
-              if (windowIdNumber) {
-                // eslint-disable-next-line security/detect-non-literal-fs-filename
-                await chrome.sidePanel.open({ tabId: tabIdNumber, windowId: windowIdNumber })
-                window.close()
-              }
-            }}
-          >
-            {t('extension.popup.chrome.button')}
-          </DeprecatedButton>
+          <Flex>
+            <Button
+              variant="branded"
+              emphasis="primary"
+              size="medium"
+              width="100%"
+              onPress={async () => {
+                if (windowIdNumber) {
+                  await chrome.sidePanel.open({ tabId: tabIdNumber, windowId: windowIdNumber })
+                  window.close()
+                }
+              }}
+            >
+              {t('extension.popup.chrome.button')}
+            </Button>
+          </Flex>
         </Trace>
       </Flex>
     </Trace>

apps/extension/src/app/components/modal/InfoModal.tsx

@@ -160,31 +160,25 @@ export function AccountItem({ address, onAccountSelect, balanceUSD }: AccountIte
             size={iconSizes.icon40}
             variant="subheading2"
           />
-          <Flex>
-            <Text
-              $group-hover={{ opacity: 0 }}
-              color="$neutral2"
-              opacity={1}
-              position="absolute"
-              right={0}
-              top="50%"
-              transform="translateY(-50%)"
-              variant="body3"
-            >
-              {formattedBalance}
-            </Text>
-            <ContextMenu closeOnClick itemId={address} menuOptions={menuOptions} onLeftClick>
+          <ContextMenu closeOnClick itemId={address} menuOptions={menuOptions} onLeftClick>
+            <Flex centered>
+              <Text $group-hover={{ opacity: 0 }} color="$neutral2" opacity={1} variant="body3">
+                {formattedBalance}
+              </Text>
               <Flex
                 $group-hover={{ opacity: 1 }}
                 borderRadius="$roundedFull"
                 hoverStyle={{ backgroundColor: '$surface2Hovered' }}
                 opacity={0}
+                position="absolute"
                 p="$spacing4"
+                right={0}
+                top={0}
               >
                 <Ellipsis color="$neutral2" size="$icon.16" />
               </Flex>
-            </ContextMenu>
-          </Flex>
+            </Flex>
+          </ContextMenu>
         </Flex>
       </TouchableArea>
     </>