UNPKG

@bloxbean/yaci-viewer

Version:

A Cardano blockchain data viewer for developers. It works with the Yaci-Store backend, supporting both a local devnet and public networks.

2 lines (1 loc) 5.31 kB
import{a as g,t as m}from"../chunks/disclose-version.BTC8Bk4r.js";import"../chunks/legacy.DKpsC3nd.js";import{p as Qa,f as xa,t as i,b as Ra,s as t,d as r,r as a,g as e,n as _a,e as ba}from"../chunks/runtime.NVyxXVLy.js";import{s}from"../chunks/render.Dr_6zaa7.js";import{i as Ua}from"../chunks/if.DkuB8BPo.js";import{e as ya,i as fa}from"../chunks/each.e-7RQQYD.js";import{s as Va}from"../chunks/attributes.CqauuZ_8.js";import{s as Wa}from"../chunks/class.DCW6ehBg.js";import{i as Xa}from"../chunks/lifecycle.BF-zkLgr.js";import{p as Ya}from"../chunks/props.Btle0pBM.js";import{h as Za}from"../chunks/moment.C5S46NFB.js";import{l as ua}from"../chunks/ada_util.zWFYliEg.js";import{t as ar}from"../chunks/util.8sVtkjoC.js";var rr=m(" <br>",1),tr=m('<tr><td class="py-2 px-4"><a class="text-blue-500"> </a></td><td class="py-2 px-4 text-center"> </td><td class="py-2 px-4 text-center"> </td><td class="py-2 px-4"></td></tr>'),sr=m('<section class="container mx-auto text-sm mt-10 mb-10"><div class="overflow-x-auto"><table class="w-full bg-white border border-gray-300"><thead><tr><th class="py-2 px-4 bg-gray-100 font-bold">Tx Hash</th><th class="py-2 px-4 bg-gray-100 font-bold text-center">Total Output (Ada)</th><th class="py-2 px-4 bg-gray-100 font-bold text-center">Fee (Ada)</th><th class="py-2 px-4 bg-gray-100 font-bold">Output Addresses</th></tr></thead><tbody></tbody></table></div></section>'),lr=m('<section class="container mx-auto text-sm"><div class="grid grid-cols-1 sm:grid-cols-2 gap-4"><article class="bg-gray-50 rounded-lg shadow-md p-4"><div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Hash</strong></div> <div class="bg-gray-100 py-2 px-4 break-words"><p><small> </small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Number</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small> </small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Epoch</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small> </small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Slot</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small> </small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Era</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small> </small></p></div></div></article> <article class="bg-gray-50 rounded-lg shadow-md p-4"><div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Prev Hash</strong></div> <div class="bg-gray-100 py-2 px-4 break-words"><p><small> </small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong># of Txs</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small> </small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Size</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small> </small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Protocol version</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small> </small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Timestamp</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small> </small></p></div></div></article></div></section> <!>',1);function yr(ha,z){Qa(z,!1);let wa=Ya(z,"data",8),{block:l,txs:D}=wa();function ka(v){if(!v)return"";const d=new Date(v*1e3),p={year:"numeric",month:"long",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric",hour12:!1};return d.toLocaleString(void 0,p)}Xa();var E=lr(),n=xa(E),N=r(n),x=r(N),_=r(x),O=t(r(_),2),P=r(O),q=r(P),Ta=r(q,!0);a(q),a(P),a(O),a(_);var b=t(_,2),F=t(r(b),2),L=r(F),$=r(L),Aa=r($,!0);a($),a(L),a(F),a(b);var y=t(b,2),j=t(r(y),2),B=r(j),C=r(B),Ha=r(C,!0);a(C),a(B),a(j),a(y);var f=t(y,2),G=t(r(f),2),I=r(G),J=r(I),Sa=r(J,!0);a(J),a(I),a(G),a(f);var K=t(f,2),M=t(r(K),2),Q=r(M),R=r(Q),za=r(R,!0);a(R),a(Q),a(M),a(K),a(x);var U=t(x,2),u=r(U),V=t(r(u),2),W=r(V),X=r(W),Da=r(X,!0);a(X),a(W),a(V),a(u);var h=t(u,2),Y=t(r(h),2),Z=r(Y),aa=r(Z),Ea=r(aa,!0);a(aa),a(Z),a(Y),a(h);var w=t(h,2),ra=t(r(w),2),ta=r(ra),sa=r(ta),Na=r(sa,!0);a(sa),a(ta),a(ra),a(w);var k=t(w,2),la=t(r(k),2),ea=r(la),va=r(ea),Oa=r(va,!0);a(va),a(ea),a(la),a(k);var ia=t(k,2),da=t(r(ia),2),oa=r(da),pa=r(oa);const Pa=ba(()=>ka(l.time)??""),qa=ba(()=>Za(l.time*1e3).fromNow()??"");var Fa=r(pa);i(()=>s(Fa,`${e(Pa)}, ${e(qa)}`)),a(pa),a(oa),a(da),a(ia),a(U),a(N),a(n);var La=t(n,2);{var $a=v=>{var d=sr(),p=r(d),ca=r(p),ga=t(r(ca));ya(ga,5,()=>D,fa,(ja,o,Ba)=>{var c=tr();Wa(c,Ba%2===0?"bg-gray-50":"bg-white");var T=r(c),A=r(T),Ca=r(A,!0);a(A),a(T);var H=t(T),Ga=r(H,!0);i(()=>s(Ga,ua(e(o).total_output))),a(H);var S=t(H),Ia=r(S,!0);i(()=>s(Ia,ua(e(o).fee))),a(S);var ma=t(S);ya(ma,5,()=>e(o).output_addresses,fa,(Ja,Ka)=>{_a();var na=rr(),Ma=xa(na,!0);i(()=>s(Ma,ar(e(Ka),25,"..."))),_a(),g(Ja,na)}),a(ma),a(c),i(()=>{Va(A,"href",`/transactions/${e(o).tx_hash??""}`),s(Ca,e(o).tx_hash)}),g(ja,c)}),a(ga),a(ca),a(p),a(d),g(v,d)};Ua(La,v=>{D.length>0&&v($a)})}i(()=>{s(Ta,l.hash),s(Aa,l.number),s(Ha,l.epoch),s(Sa,l.slot),s(za,l.era),s(Da,l.previous_block),s(Ea,l.tx_count),s(Na,l.size),s(Oa,l.protocol_version)}),g(ha,E),Ra()}export{yr as component};