filter chains

src/lib/chains.ts

@@ -7,6 +7,11 @@ const allChains: Chain[] = []
 for (const [k, v] of Object.entries(chains)) {
   if (typeof v !== 'object') continue
   if (!('id' in v)) continue
+  if (v.id.toString() === '31337') continue
+  if (k === 'localhost') continue
+  if (k.includes('wanchain')) continue
+  if (k === 'saigon') continue
+  if (k === 'skale') continue
   chainMap[k] = v
   allChains.push(v)
 }

src/routes/+layout.svelte

@@ -3,7 +3,7 @@
   import '../app.postcss'
   import { Check, ChevronUp, MagnifyingGlass } from 'radix-icons-svelte'
   import type { Address } from 'viem'
-  import * as allChains from 'viem/chains'
+  import { chainMap } from '$lib/chains'
   import * as Popover from '$lib/components/ui/popover'
   import { afterNavigate, goto } from '$app/navigation'
   import { navigating } from '$app/stores'
@@ -17,12 +17,10 @@
   let address: Address | undefined
   let searchOpen = false
 
-  const chainOptions = Object.entries(allChains)
-    .map(([key, chain]) => ({
-      value: key,
-      label: chain.name,
-    }))
-    .filter((f) => f.value !== 'localhost' && f.value !== 'hardhat')
+  const chainOptions = Object.entries(chainMap).map(([key, chain]) => ({
+    value: key,
+    label: chain.name,
+  }))
   chainOptions.push({ value: 'ethereum', label: 'Ethereum' })
 
   $: selectedValue = chainOptions.find((f) => f.value === network)?.label ?? 'Select a chain...'