Update dependencies, notably @edgeandnode/common to update supporte…

…d networks (#852)

* Update dependencies, notably `@edgeandnode/common` to update supported networks

* Work around missing network icons

Dockerfile

@@ -6,7 +6,7 @@ ENV ENVIRONMENT=$ENVIRONMENT
 ENV PNPM_HOME="/usr/bin"
 
 RUN apk add --no-cache git
-RUN npm install -g pnpm@9.12.2
+RUN npm install -g pnpm@10.0.0
 
 WORKDIR /app
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "the-graph-docs-monorepo",
   "private": true,
-  "packageManager": "pnpm@9.15.0",
+  "packageManager": "pnpm@10.0.0",
   "scripts": {
     "dev": "turbo run dev --parallel",
     "build": "NODE_OPTIONS='--max_old_space_size=4096' turbo run build",
@@ -29,6 +29,6 @@
     "remark-lint-no-heading-punctuation": "^3.1.2",
     "remark-lint-restrict-elements": "workspace:*",
     "turbo": "^1.13.4",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.3"
   }
 }

packages/nextra-theme/package.json

@@ -39,17 +39,17 @@
     "@radix-ui/react-collapsible": "^1.1.2",
     "@radix-ui/react-visually-hidden": "^1.1.1",
     "lodash": "^4.17.21",
-    "react-intersection-observer": "^9.14.0",
+    "react-intersection-observer": "^9.14.1",
     "react-use": "^17.6.0"
   },
   "devDependencies": {
-    "@edgeandnode/gds": "^5.39.2",
-    "@edgeandnode/go": "^6.75.0",
+    "@edgeandnode/gds": "^5.41.0",
+    "@edgeandnode/go": "^6.79.0",
     "@emotion/react": "^11.14.0",
-    "@types/lodash": "^4.17.13",
-    "@types/react": "^18.3.17",
+    "@types/lodash": "^4.17.14",
+    "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
-    "next": "^14.2.20",
+    "next": "^14.2.23",
     "next-seo": "^6.6.0",
     "nextra": "^2.13.4",
     "react": "^18.3.1",

packages/og-image/package.json

@@ -12,16 +12,16 @@
   "dependencies": {
     "@resvg/resvg-wasm": "2.6.2",
     "react": "18.3.1",
-    "satori": "0.10.14",
+    "satori": "^0.12.1",
     "yoga-wasm-web": "0.3.3"
   },
   "devDependencies": {
-    "@cloudflare/workers-types": "^4.20241218.0",
-    "@types/react": "^18.3.17",
+    "@cloudflare/workers-types": "^4.20250109.0",
+    "@types/react": "^18.3.18",
     "jest-image-snapshot": "^6.4.0",
     "tsx": "^4.19.2",
-    "typescript": "^5.7.2",
+    "typescript": "^5.7.3",
     "vitest": "^1.6.0",
-    "wrangler": "^3.97.0"
+    "wrangler": "^3.101.0"
   }
 }

website/package.json

@@ -15,15 +15,15 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@edgeandnode/common": "^6.39.0",
-    "@edgeandnode/gds": "^5.39.2",
-    "@edgeandnode/go": "^6.75.0",
+    "@edgeandnode/common": "^6.44.0",
+    "@edgeandnode/gds": "^5.41.0",
+    "@edgeandnode/go": "^6.79.0",
     "@emotion/react": "^11.14.0",
     "@graphprotocol/contracts": "6.2.1",
     "@graphprotocol/nextra-theme": "workspace:*",
     "@phosphor-icons/react": "^2.1.7",
-    "mixpanel-browser": "^2.57.1",
-    "next": "^14.2.20",
+    "mixpanel-browser": "^2.58.0",
+    "next": "^14.2.23",
     "next-seo": "^6.6.0",
     "next-sitemap": "^4.2.3",
     "nextra": "^2.13.4",
@@ -36,13 +36,13 @@
   "devDependencies": {
     "@graphprotocol/client-cli": "3.0.3",
     "@types/mdast": "^4.0.4",
-    "@types/mixpanel-browser": "^2.50.2",
-    "@types/react": "^18.3.17",
+    "@types/mixpanel-browser": "^2.51.0",
+    "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "autoprefixer": "^10.4.20",
     "fast-xml-parser": "^4.5.1",
     "graphql": "^16.10.0",
-    "postcss": "^8.4.49",
+    "postcss": "^8.5.0",
     "tailwindcss": "^3.4.17",
     "tsx": "^4.19.2",
     "unified": "^11.0.5"

website/src/IndexPage.tsx

@@ -2,6 +2,7 @@ import { Image, LinkInline } from '@graphprotocol/nextra-theme'
 import { useData } from 'nextra/data'
 
 import { BorderRadius, buildBorder, buildTransition, Flex, Link, Spacing, Text } from '@edgeandnode/gds'
+import { NetworkAbstract, NetworkCorn, NetworkSoneium } from '@edgeandnode/gds/dist/icons'
 import { NetworkIcon } from '@edgeandnode/go'
 
 import { useI18n } from '@/i18n'
@@ -199,11 +200,27 @@ export function SupportedNetworks() {
       }}
     >
       {supportedNetworks
-        .filter((network) => !network.testnet || ['evm-1946'].includes(network.uid))
+        .filter((network) => !network.testnet)
+        // Temporarily filter out networks we don't have icons for in GDS
+        .filter((network) => !['evm-81', 'evm-146', 'evm-43111', 'evm-994873017'].includes(network.uid))
         .map((network) => (
           <Flex.Column key={network.uid} as="li" align="center" gap={Spacing['8px']} sx={{ color: 'White64' }}>
             <div sx={{ height: '40px' }}>
-              <NetworkIcon chain={network} size="40px" />
+              {(() => {
+                const iconProps = {
+                  size: '40px' as const,
+                }
+                switch (network.uid) {
+                  case 'evm-2741':
+                    return <NetworkAbstract {...iconProps} />
+                  case 'evm-1868':
+                    return <NetworkSoneium {...iconProps} />
+                  case 'evm-21000000':
+                    return <NetworkCorn {...iconProps} />
+                  default:
+                    return <NetworkIcon chain={network.uid} {...iconProps} />
+                }
+              })()}
             </div>
             <Text.P14 as="div" align="center">
               {network.name}