mirror of
https://github.com/hanzoai/bootnode.git
synced 2026-10-25 02:31:30 +00:00
zooqueenandHanzo Dev
df50d16787
Hanzo CI/CD / cicd (push) Failing after 1h10m29s
CI/CD / cicd (push) Failing after 2h37m43s
A static export has no host when it prerenders, so BrandProvider renders the
tree only once the browser has resolved the host, pages that show the brand
are client components, the static head names no brand, and the title and
favicon come from the host. The chain page keeps its static params and
metadata on the server and renders its body on the client, with RPC endpoints
on the brand's API origin at /v1/rpc/{chain}/{network}.
Hanzo's API origin is web3.hanzo.ai itself. The node fleet view, its landing
strip and its nav link belong to the brand that operates a fleet, which is
Lux alone. llms.txt, one file for every host, names no brand and points at
each host's own /docs/api.
Marketing copy states no certification the company does not hold and no
unmeasured uptime, latency, volume or response-time figure. Every internal
link points at a page that exists, every catalog chain is prerendered, and
the routes test holds page bodies to zero dead links.
Co-authored-by: Hanzo Dev <[email protected]>
147 lines
4.2 KiB
TypeScript
147 lines
4.2 KiB
TypeScript
"use client"
|
|
|
|
import { useState } from "react"
|
|
import { cn } from "@/lib/utils"
|
|
import { Button } from "@/components/ui/button"
|
|
import { Badge } from "@/components/ui/badge"
|
|
import { Check, Copy, Play } from "@luxfi/ui/icons"
|
|
import { useBrand } from "@/components/brand-provider"
|
|
|
|
const CHAINS = ["Ethereum", "Solana", "Base", "Arbitrum", "Polygon"]
|
|
const METHODS = [
|
|
"eth_getBlockByNumber",
|
|
"eth_getBalance",
|
|
"eth_call",
|
|
"eth_getLogs",
|
|
]
|
|
|
|
export function CodeDemo() {
|
|
const [selectedChain, setSelectedChain] = useState("Ethereum")
|
|
const [selectedMethod, setSelectedMethod] = useState("eth_getBlockByNumber")
|
|
const [copied, setCopied] = useState(false)
|
|
const [response, setResponse] = useState<string | null>(null)
|
|
const [loading, setLoading] = useState(false)
|
|
|
|
const brand = useBrand()
|
|
const code = `curl -X POST ${brand.apiUrl}/v1/rpc/${selectedChain.toLowerCase()}/mainnet \\
|
|
-H "Content-Type: application/json" \\
|
|
-H "X-API-Key: your_api_key" \\
|
|
-d '{
|
|
"jsonrpc": "2.0",
|
|
"method": "${selectedMethod}",
|
|
"params": [
|
|
"latest",
|
|
false
|
|
],
|
|
"id": 1
|
|
}'`
|
|
|
|
const handleCopy = async () => {
|
|
await navigator.clipboard.writeText(code)
|
|
setCopied(true)
|
|
setTimeout(() => setCopied(false), 2000)
|
|
}
|
|
|
|
const handleRun = async () => {
|
|
setLoading(true)
|
|
// Simulate API response
|
|
await new Promise((resolve) => setTimeout(resolve, 500))
|
|
setResponse(JSON.stringify({
|
|
jsonrpc: "2.0",
|
|
id: 1,
|
|
result: {
|
|
number: "0x13a40f7",
|
|
hash: "0x7f5c9...",
|
|
timestamp: "0x66a4e3c0",
|
|
transactions: ["0xabc...", "0xdef..."],
|
|
},
|
|
}, null, 2))
|
|
setLoading(false)
|
|
}
|
|
|
|
return (
|
|
<div className="space-y-4">
|
|
{/* Controls */}
|
|
<div className="flex flex-wrap gap-2">
|
|
<div className="flex gap-1">
|
|
{CHAINS.map((chain) => (
|
|
<Button
|
|
key={chain}
|
|
variant={selectedChain === chain ? "default" : "outline"}
|
|
size="sm"
|
|
onClick={() => setSelectedChain(chain)}
|
|
>
|
|
{chain}
|
|
</Button>
|
|
))}
|
|
</div>
|
|
</div>
|
|
|
|
<div className="flex flex-wrap gap-2">
|
|
{METHODS.map((method) => (
|
|
<Badge
|
|
key={method}
|
|
variant={selectedMethod === method ? "default" : "outline"}
|
|
className="cursor-pointer"
|
|
onClick={() => setSelectedMethod(method)}
|
|
>
|
|
{method}
|
|
</Badge>
|
|
))}
|
|
</div>
|
|
|
|
{/* Code Block */}
|
|
<div className="relative overflow-hidden rounded-lg border bg-zinc-950">
|
|
<div className="flex items-center justify-between border-b border-zinc-800 px-4 py-2">
|
|
<span className="text-sm font-medium text-zinc-400">Request</span>
|
|
<div className="flex gap-2">
|
|
<Button
|
|
variant="ghost"
|
|
size="sm"
|
|
className="h-8 text-zinc-400 hover:text-white"
|
|
onClick={handleCopy}
|
|
>
|
|
{copied ? (
|
|
<>
|
|
<Check className="mr-1 h-4 w-4" />
|
|
Copied
|
|
</>
|
|
) : (
|
|
<>
|
|
<Copy className="mr-1 h-4 w-4" />
|
|
Copy
|
|
</>
|
|
)}
|
|
</Button>
|
|
<Button
|
|
size="sm"
|
|
className="h-8"
|
|
onClick={handleRun}
|
|
disabled={loading}
|
|
>
|
|
<Play className="mr-1 h-4 w-4" />
|
|
{loading ? "Running..." : "Run"}
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
<pre className="overflow-x-auto p-4">
|
|
<code className="text-sm text-zinc-300">{code}</code>
|
|
</pre>
|
|
</div>
|
|
|
|
{/* Response */}
|
|
{response && (
|
|
<div className="overflow-hidden rounded-lg border bg-zinc-950">
|
|
<div className="flex items-center justify-between border-b border-zinc-800 px-4 py-2">
|
|
<span className="text-sm font-medium text-zinc-400">Response</span>
|
|
<Badge variant="success">200 OK</Badge>
|
|
</div>
|
|
<pre className="overflow-x-auto p-4">
|
|
<code className="text-sm text-green-400">{response}</code>
|
|
</pre>
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|