wip

Author: bpierre

apps/explorer/src/comps/ConnectWallet.tsx

@@ -184,7 +184,7 @@ export namespace ConnectWallet {
 							passkeyStore.notify()
 						}}
 					>
-						Try again
+						Retry
 					</button>
 				</div>
 			)

apps/explorer/src/comps/Contract.tsx

@@ -129,8 +129,8 @@ export function CollapsibleSection(props: {
 					type="button"
 					onClick={onToggle}
 					className={cx(
-						'flex items-center gap-[8px] h-full pl-[16px] cursor-pointer press-down focus-visible:-outline-offset-2! py-[6px]',
-						actions ? 'pr-[12px]' : 'flex-1 pr-[16px]',
+						'flex-1 flex items-center gap-[8px] h-full pl-[16px] cursor-pointer press-down focus-visible:-outline-offset-2! py-[6px]',
+						actions ? 'pr-[12px]' : 'pr-[16px]',
 						first && 'focus-visible:rounded-tl-[8px]!',
 						first && !actions && 'focus-visible:rounded-tr-[8px]!',
 					)}

apps/explorer/src/lib/domain/contract-source.ts

@@ -4,9 +4,6 @@ import { isAddress } from 'viem'
 import { useChainId } from 'wagmi'
 import * as z from 'zod/mini'
 
-const CONTRACT_VERIFICATION_API_BASE_URL = import.meta.env
-	.VITE_CONTRACT_VERIFY_URL
-
 const SoliditySettingsSchema = z.object({
 	remappings: z.optional(z.array(z.string())),
 	optimizer: z.optional(
@@ -74,13 +71,18 @@ export async function fetchContractSourceDirect(params: {
 	const { address, chainId, signal } = params
 
 	const apiUrl = new URL(
-		`${CONTRACT_VERIFICATION_API_BASE_URL}/${chainId}/${address.toLowerCase()}`,
+		`${import.meta.env.VITE_CONTRACT_VERIFY_URL}/${chainId}/${address.toLowerCase()}`,
 	)
 	apiUrl.searchParams.set('fields', 'stdJsonInput,abi,compilation')
 
 	const response = await fetch(apiUrl.toString(), { signal })
 
 	if (!response.ok) {
+		console.error(
+			'Failed to fetch contract sources:',
+			response.status,
+			await response.text(),
+		)
 		throw new Error('Failed to fetch contract sources')
 	}
 

apps/explorer/src/routes/_layout/address/$address.tsx

@@ -334,10 +334,7 @@ export const Route = createFileRoute('/_layout/address/$address')({
 					contractSource = await fetchContractSourceDirect({
 						address,
 						chainId,
-					}).catch((error) => {
-						console.error('[loader] Failed to load contract source:', error)
-						return undefined
-					})
+					}).catch(() => undefined)
 					// Seed the query cache so client hydrates with data already available
 					if (contractSource)
 						context.queryClient.setQueryData(

apps/explorer/src/routes/api/code.ts

@@ -5,8 +5,7 @@ import * as z from 'zod/mini'
 import { ContractVerificationLookupSchema } from '#lib/domain/contract-source.ts'
 import { zAddress } from '#lib/zod.ts'
 
-const CONTRACT_VERIFICATION_API_BASE_URL = import.meta.env
-	.VITE_CONTRACT_VERIFY_URL
+const CONTRACT_VERIFY_URL = import.meta.env.VITE_CONTRACT_VERIFY_URL
 
 const SHIKI_THEMES = {
 	light: 'github-light',
@@ -104,7 +103,7 @@ export const Route = createFileRoute('/api/code')({
 					)
 
 				const apiUrl = new URL(
-					`${CONTRACT_VERIFICATION_API_BASE_URL}/${parsedSearchParams.chainid}/${parsedSearchParams.address.toLowerCase()}`,
+					`${CONTRACT_VERIFY_URL}/${parsedSearchParams.chainid}/${parsedSearchParams.address.toLowerCase()}`,
 				)
 				apiUrl.searchParams.set('fields', 'stdJsonInput,abi,compilation')
 				const response = await fetch(apiUrl.toString())

apps/explorer/src/routes/api/webauthn/$.ts

@@ -2,10 +2,14 @@ import { env } from 'cloudflare:workers'
 import { createFileRoute } from '@tanstack/react-router'
 import { Handler, Kv } from 'tempo.ts/server'
 
+const kv = env.EXPLORER_PASSKEY_STORE
+	? Kv.cloudflare(env.EXPLORER_PASSKEY_STORE)
+	: Kv.memory()
+
 const handler = ({ request }: { request: Request }) =>
 	Handler.keyManager({
 		path: '/api/webauthn',
-		kv: Kv.cloudflare(env.EXPLORER_PASSKEY_STORE),
+		kv,
 	}).fetch(request)
 
 export const Route = createFileRoute('/api/webauthn/$')({

apps/explorer/vite.config.ts

@@ -116,6 +116,14 @@ export default defineConfig((config) => {
 			'import.meta.env.VITE_ENABLE_DEMO': JSON.stringify(
 				env.VITE_ENABLE_DEMO ?? 'true',
 			),
+			'import.meta.env.VITE_CONTRACT_VERIFY_URL': JSON.stringify(
+				wranglerVars.VITE_CONTRACT_VERIFY_URL ||
+					env.VITE_CONTRACT_VERIFY_URL ||
+					'',
+			),
+			'import.meta.env.VITE_OG_URL': JSON.stringify(
+				wranglerVars.VITE_OG_URL || env.VITE_OG_URL || '',
+			),
 		},
 	}
 })