chore: Remove unused deps

balancer · Oct 16, 2024 · d0e5c8b · d0e5c8b
1 parent b7da13e
commit d0e5c8b
Show file tree

Hide file tree

Showing 5 changed files with 300 additions and 320 deletions.
diff --git a/apps/beets-frontend-v3/app/(app)/debug/permit2-allowance/page.tsx b/apps/beets-frontend-v3/app/(app)/debug/permit2-allowance/page.tsx
@@ -1,15 +1,12 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
 'use client'
 
-import { getGqlChain, getNetworkConfig } from '@repo/lib/config/app.config'
 import { BPT_DECIMALS } from '@repo/lib/modules/pool/pool.constants'
 import { useUserAccount } from '@repo/lib/modules/web3/UserAccountProvider'
-import { permit2Abi } from '@balancer/sdk'
 import { Center, Input, Text, VStack } from '@chakra-ui/react'
 import { useState } from 'react'
 import { Address, formatUnits } from 'viem'
 import { sepolia } from 'viem/chains'
-import { useReadContract } from 'wagmi'
+import { useDebugPermit2Allowance } from '@repo/lib/shared/hooks/debug.hooks'
 
 export default function Page() {
   const [tokenAddress, setTokenAddress] = useState<Address>('' as Address)
@@ -18,7 +15,7 @@ export default function Page() {
 
   const chainId = chain?.id || sepolia.id
 
-  const { data } = usePermit2Allowance({ chainId, tokenAddress, owner: userAddress })
+  const { data } = useDebugPermit2Allowance({ chainId, tokenAddress, owner: userAddress })
 
   return (
     <Center>
@@ -27,38 +24,16 @@ export default function Page() {
           Enter address of token to check permit2 allowance in the current chain:{' '}
           {chain ? chain.name : 'None'}
         </Text>
-        <Input type="text" onChange={e => setTokenAddress(e.target.value as Address)} />
+        <Input onChange={e => setTokenAddress(e.target.value as Address)} type="text" />
 
-        {data && (
+        {data ? (
           <div>
             <div>Amount: {formatUnits(data[0], BPT_DECIMALS).toString()}</div>
             <div>Expires: {data[1]}</div>
             <div>Nonce: {data[2]}</div>
           </div>
-        )}
+        ) : null}
       </VStack>
     </Center>
   )
 }
-
-type Params = {
-  chainId: number
-  tokenAddress: Address
-  owner: Address
-}
-function usePermit2Allowance({ chainId, tokenAddress, owner }: Params) {
-  const permit2Address = '0x000000000022D473030F116dDEE9F6B43aC78BA3'
-  const balancerRouter = getNetworkConfig(getGqlChain(chainId)).contracts.balancer.router!
-  const spender = balancerRouter
-
-  return useReadContract({
-    chainId,
-    address: permit2Address,
-    abi: permit2Abi,
-    functionName: 'allowance',
-    args: [owner, tokenAddress, spender],
-    query: {
-      enabled: !!tokenAddress && !!owner,
-    },
-  })
-}
diff --git a/apps/frontend-v3/app/(app)/debug/permit2-allowance/page.tsx b/apps/frontend-v3/app/(app)/debug/permit2-allowance/page.tsx
@@ -1,15 +1,12 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
 'use client'
 
-import { getGqlChain, getNetworkConfig } from '@repo/lib/config/app.config'
 import { BPT_DECIMALS } from '@repo/lib/modules/pool/pool.constants'
 import { useUserAccount } from '@repo/lib/modules/web3/UserAccountProvider'
-import { permit2Abi } from '@balancer/sdk'
 import { Center, Input, Text, VStack } from '@chakra-ui/react'
 import { useState } from 'react'
 import { Address, formatUnits } from 'viem'
 import { sepolia } from 'viem/chains'
-import { useReadContract } from 'wagmi'
+import { useDebugPermit2Allowance } from '@repo/lib/shared/hooks/debug.hooks'
 
 export default function Page() {
   const [tokenAddress, setTokenAddress] = useState<Address>('' as Address)
@@ -18,7 +15,7 @@ export default function Page() {
 
   const chainId = chain?.id || sepolia.id
 
-  const { data } = usePermit2Allowance({ chainId, tokenAddress, owner: userAddress })
+  const { data } = useDebugPermit2Allowance({ chainId, tokenAddress, owner: userAddress })
 
   return (
     <Center>
@@ -27,38 +24,16 @@ export default function Page() {
           Enter address of token to check permit2 allowance in the current chain:{' '}
           {chain ? chain.name : 'None'}
         </Text>
-        <Input type="text" onChange={e => setTokenAddress(e.target.value as Address)} />
+        <Input onChange={e => setTokenAddress(e.target.value as Address)} type="text" />
 
-        {data && (
+        {data ? (
           <div>
             <div>Amount: {formatUnits(data[0], BPT_DECIMALS).toString()}</div>
             <div>Expires: {data[1]}</div>
             <div>Nonce: {data[2]}</div>
           </div>
-        )}
+        ) : null}
       </VStack>
     </Center>
   )
 }
-
-type Params = {
-  chainId: number
-  tokenAddress: Address
-  owner: Address
-}
-function usePermit2Allowance({ chainId, tokenAddress, owner }: Params) {
-  const permit2Address = '0x000000000022D473030F116dDEE9F6B43aC78BA3'
-  const balancerRouter = getNetworkConfig(getGqlChain(chainId)).contracts.balancer.router!
-  const spender = balancerRouter
-
-  return useReadContract({
-    chainId,
-    address: permit2Address,
-    abi: permit2Abi,
-    functionName: 'allowance',
-    args: [owner, tokenAddress, spender],
-    query: {
-      enabled: !!tokenAddress && !!owner,
-    },
-  })
-}
diff --git a/apps/frontend-v3/package.json b/apps/frontend-v3/package.json
@@ -17,93 +17,38 @@
     "typecheck": "tsc --project tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@apollo/client": "^3.11.8",
-    "@balancer/sdk": "^0.28.1",
-    "@chakra-ui/anatomy": "^2.2.2",
     "@chakra-ui/hooks": "^2.2.1",
-    "@chakra-ui/icons": "^2.1.1",
-    "@chakra-ui/next-js": "^2.2.0",
     "@chakra-ui/react": "^2.8.2",
     "@chakra-ui/theme-tools": "^2.1.2",
-    "@dicebear/collection": "^7.0.1",
-    "@dicebear/core": "^7.0.1",
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@layerzerolabs/scan-client": "^0.0.8",
     "@nikolovlazar/chakra-ui-prose": "^1.2.1",
-    "@rainbow-me/rainbowkit": "^2.1.6",
     "@repo/lib": "workspace:*",
     "@sentry/nextjs": "^8.13.0",
     "@studio-freight/react-lenis": "^0.0.47",
-    "@tanstack/react-query": "^5.56.2",
-    "@tanstack/react-query-devtools": "^5.56.0",
-    "@tanstack/react-table": "^8.9.3",
     "@vercel/speed-insights": "^1.0.1",
-    "bignumber.js": "^9.1.2",
-    "chakra-react-select": "^4.7.6",
-    "date-fns": "^2.30.0",
-    "deepmerge": "^4.3.1",
-    "echarts": "^5.4.3",
-    "echarts-for-react": "^3.0.2",
-    "fathom-client": "^3.7.0",
     "framer-motion": "^10.13.0",
-    "graphql": "^16.7.1",
-    "graphql-request": "^6.1.0",
-    "graphql-tag": "^2.12.6",
     "lodash": "^4.17.21",
     "next": "14.2.0",
     "next-themes": "^0.3.0",
     "nextjs-toploader": "^1.6.4",
-    "numeral": "^2.0.6",
-    "nuqs": "^1.19.1",
-    "pluralize": "^8.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-error-boundary": "^4.0.13",
-    "react-feather": "^2.0.10",
-    "react-hook-form": "^7.47.0",
-    "react-hotkeys-hook": "^4.4.1",
-    "react-swipeable": "^7.0.1",
-    "react-syntax-highlighter": "^15.5.0",
     "react-use-measure": "^2.1.1",
-    "react-virtuoso": "^4.7.1",
-    "tinycolor2": "^1.6.0",
-    "use-debounce": "^10.0.0",
-    "use-sound": "^4.0.1",
-    "usehooks-ts": "^3.1.0",
     "viem": "^2.21.18",
     "wagmi": "^2.12.16"
   },
   "devDependencies": {
-    "@apollo/experimental-nextjs-app-support": "^0.11.3",
     "@chakra-ui/cli": "^2.4.1",
     "@chakra-ui/styled-system": "^2.9.2",
-    "@graphql-codegen/cli": "^5.0.0",
-    "@graphql-codegen/client-preset": "^4.1.0",
-    "@graphql-codegen/schema-ast": "^4.0.0",
-    "@graphql-codegen/typescript-document-nodes": "^4.0.1",
-    "@graphql-codegen/typescript-msw": "^1.1.6",
-    "@graphql-typed-document-node/core": "^3.2.0",
     "@repo/eslint-config": "workspace:*",
     "@repo/typescript-config": "workspace:*",
     "@sentry/types": "^7.89.0",
-    "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/react": "^15.0.5",
-    "@types/echarts": "^4.9.19",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.14.195",
     "@types/node": "20.3.2",
-    "@types/numeral": "^2.0.2",
-    "@types/pluralize": "^0.0.33",
     "@types/react": "18.2.34",
     "@types/react-dom": "18.2.6",
-    "@types/react-syntax-highlighter": "^15.5.13",
-    "@types/tinycolor2": "^1.4.6",
     "@typescript-eslint/eslint-plugin": "^5.60.1",
     "@typescript-eslint/parser": "^5.60.1",
-    "@viem/anvil": "^0.0.10",
-    "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-v8": "^1.3.0",
     "@wagmi/cli": "^2.1.15",
     "autoprefixer": "^10.4.14",
     "concurrently": "^8.2.2",
@@ -114,12 +59,9 @@
     "eslint-plugin-prettier": "^4.2.1",
     "happy-dom": "^12.10.3",
     "lokijs": "^1.5.12",
-    "msw": "2.0.10",
     "prettier": "^2.8.8",
     "sentry-testkit": "^5.0.9",
-    "typescript": "5.4.5",
-    "vitest": "^2.1.1",
-    "vitest-mock-extended": "^2.0.2"
+    "typescript": "5.4.5"
   },
   "engines": {
     "node": ">=18.x"

diff --git a/packages/lib/shared/hooks/debug.hooks.ts b/packages/lib/shared/hooks/debug.hooks.ts
@@ -0,0 +1,31 @@
+'use client'
+
+// Hooks to be used on debug pages or for general debugging
+
+import { permit2Abi } from '@balancer/sdk'
+import { getNetworkConfig, getGqlChain } from '@repo/lib/config/app.config'
+import { Address } from 'viem'
+import { useReadContract } from 'wagmi'
+
+type Params = {
+  chainId: number
+  tokenAddress: Address
+  owner: Address
+}
+
+export function useDebugPermit2Allowance({ chainId, tokenAddress, owner }: Params) {
+  const permit2Address = '0x000000000022D473030F116dDEE9F6B43aC78BA3'
+  const balancerRouter = getNetworkConfig(getGqlChain(chainId)).contracts.balancer.router!
+  const spender = balancerRouter
+
+  return useReadContract({
+    chainId,
+    address: permit2Address,
+    abi: permit2Abi,
+    functionName: 'allowance',
+    args: [owner, tokenAddress, spender],
+    query: {
+      enabled: !!tokenAddress && !!owner,
+    },
+  })
+}