| """ |
| BlockchainToken Explorer — Gradio 6 gr.HTML Single-File App |
| Deploy: huggingface-cli repo create blockchaintoken-explorer-v2 --type space --space-sdk gradio |
| """ |
| import gradio as gr |
| import urllib.request |
| import urllib.parse |
| import json |
|
|
| API = "https://blockchaintoken.com/api.php" |
|
|
| def fetch_api(action, **params): |
| params["action"] = action |
| qs = "&".join(f"{k}={urllib.parse.quote(str(v))}" for k, v in params.items()) |
| url = f"{API}?{qs}" |
| try: |
| req = urllib.request.Request(url, headers={"User-Agent": "BlockchainToken-Explorer/2.0"}) |
| with urllib.request.urlopen(req, timeout=15) as r: |
| return json.loads(r.read()) |
| except Exception as e: |
| return {"error": str(e)} |
|
|
| def search_assets(query, network): |
| if not query or len(query) < 2: |
| return "<p style='color:#888'>Enter at least 2 characters to search</p>" |
| data = fetch_api("search", q=query, network=network) |
| if "error" in data: |
| return f"<p style='color:#f66'>Error: {data['error']}</p>" |
| results = data.get("results", []) |
| if not results: |
| return "<p style='color:#888'>No results found</p>" |
| rows = "" |
| for r in results: |
| name = r.get("asset", "?") |
| desc = r.get("description", "—")[:80] |
| supply = r.get("supply", "?") |
| rows += f""" |
| <div class="asset-card"> |
| <div class="asset-name">{name}</div> |
| <div class="asset-desc">{desc}</div> |
| <div class="asset-supply">Supply: {supply}</div> |
| </div>""" |
| return f"<div class='results-grid'>{rows}</div>" |
|
|
| def get_stats(network): |
| data = fetch_api("stats", network=network) |
| if "error" in data: |
| return f"<p style='color:#f66'>Error: {data['error']}</p>" |
| total = data.get("total", "?") |
| named = data.get("named", "?") |
| numeric = data.get("numeric", "?") |
| return f""" |
| <div class="stats-container"> |
| <div class="stat-box"> |
| <div class="stat-number">{total}</div> |
| <div class="stat-label">Total Assets</div> |
| </div> |
| <div class="stat-box"> |
| <div class="stat-number">{named}</div> |
| <div class="stat-label">Named</div> |
| </div> |
| <div class="stat-box"> |
| <div class="stat-number">{numeric}</div> |
| <div class="stat-label">Numeric</div> |
| </div> |
| </div>""" |
|
|
| CSS = """ |
| .gradio-container { background: #0a0a0a !important; } |
| .asset-card { |
| background: #141414; border: 1px solid #2a2a2a; border-radius: 8px; |
| padding: 16px; margin: 8px 0; transition: border-color 0.2s; |
| } |
| .asset-card:hover { border-color: #d4a017; } |
| .asset-name { color: #d4a017; font-family: 'JetBrains Mono', monospace; font-size: 1.1em; font-weight: bold; } |
| .asset-desc { color: #aaa; margin-top: 4px; font-size: 0.9em; } |
| .asset-supply { color: #666; margin-top: 4px; font-size: 0.8em; } |
| .results-grid { max-height: 500px; overflow-y: auto; } |
| .stats-container { display: flex; gap: 16px; justify-content: center; margin: 16px 0; } |
| .stat-box { |
| background: #141414; border: 1px solid #2a2a2a; border-radius: 8px; |
| padding: 24px 32px; text-align: center; min-width: 120px; |
| } |
| .stat-number { color: #d4a017; font-size: 2em; font-weight: bold; font-family: 'JetBrains Mono', monospace; } |
| .stat-label { color: #888; margin-top: 4px; } |
| """ |
|
|
| with gr.Blocks(css=CSS, title="BlockchainToken Explorer", theme=gr.themes.Base()) as demo: |
| gr.Markdown("# 🔗 BlockchainToken Explorer\n*Dogeparty & Counterparty Asset Search*") |
|
|
| with gr.Row(): |
| network = gr.Radio(["dogeparty", "counterparty"], value="dogeparty", label="Network") |
|
|
| stats_html = gr.HTML() |
| network.change(get_stats, inputs=[network], outputs=[stats_html]) |
| demo.load(get_stats, inputs=[network], outputs=[stats_html]) |
|
|
| with gr.Row(): |
| query = gr.Textbox(label="Search Assets", placeholder="PEPECASH, FLDC, RARE...", scale=4) |
| search_btn = gr.Button("🔍 Search", scale=1) |
|
|
| results_html = gr.HTML() |
| search_btn.click(search_assets, inputs=[query, network], outputs=[results_html]) |
| query.submit(search_assets, inputs=[query, network], outputs=[results_html]) |
|
|
| if __name__ == "__main__": |
| demo.launch() |
|
|
