@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) • 13.6 kB
JavaScript
import{a as l,n as Kt,c as K,t as u,e as U,r as jt}from"../chunks/disclose-version.BTC8Bk4r.js";import"../chunks/legacy.DKpsC3nd.js";import{p as F,t as J,b as W,f as z,g as s,d as a,r as t,e as Qt,s as e,n as Bt,m as G,c as S}from"../chunks/runtime.NVyxXVLy.js";import{s as B}from"../chunks/render.Dr_6zaa7.js";import{i as E}from"../chunks/if.DkuB8BPo.js";import{e as Q,i as V}from"../chunks/each.e-7RQQYD.js";import{s as Y,a as Rt}from"../chunks/attributes.CqauuZ_8.js";import{a as Vt,s as P}from"../chunks/class.DCW6ehBg.js";import{i as X}from"../chunks/lifecycle.BF-zkLgr.js";import{p as L}from"../chunks/props.Btle0pBM.js";import{l as lt}from"../chunks/ada_util.zWFYliEg.js";import{c as Zt}from"../chunks/index-client.TDQqURXd.js";import{J as ot}from"../chunks/JsonContent.ClmH9GuZ.js";import{X as ta}from"../chunks/XIcon.j6LjJLAc.js";var aa=Kt('<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>');function Et(O,n){F(n,!1);let r=L(n,"size",12,"24"),i=L(n,"strokeWidth",8,2),k=L(n,"class",8,"");r()!=="100%"&&r(r().slice(-1)==="x"?r().slice(0,r().length-1)+"em":parseInt(r())+"px"),X();var o=aa();J(()=>{Y(o,"width",r()),Y(o,"height",r()),Y(o,"stroke-width",i()),Vt(o,`feather feather-more-horizontal ${k()??""}`)}),l(O,o),W()}var ea=u('<span class="badge badge-red"> </span>'),ra=u("<span> </span>");function Jt(O,n){F(n,!1);let r=L(n,"amounts",24,()=>[]);const i=["badge-neutral","badge-primary","badge-secondary","badge-accent","badge-ghost"];function k(){return i[Math.floor(Math.random()*i.length)]}X();var o=K(),f=z(o);{var $=c=>{var T=K(),h=z(T);Q(h,1,r,V,(m,v)=>{var I=K(),j=z(I);{var N=y=>{var w=ea(),x=a(w);J(()=>B(x,`${lt(s(v).quantity)??""} Ada`)),t(w),l(y,w)},R=y=>{var w=ra();const x=Qt(()=>`badge ${k()??""}`);var C=a(w);t(w),J(()=>{P(w,s(x)),B(C,`${s(v).quantity??""} ${s(v).asset_name??""}`)}),l(y,w)};E(j,y=>{s(v).asset_name==="lovelace"?y(N):y(R,!1)})}l(m,I)}),l(c,T)};E(f,c=>{r()&&c($)})}l(O,o),W()}var sa=u('<div class="mt-4 text-sm text-gray-700 break-words w-full"><div class="text-lg font-medium text-gray-700">Datum (Cbor) :</div> <div> </div></div> <div class="mt-4 text-sm text-gray-700 break-words w-full"><div class="text-lg font-medium text-gray-700">Datum (Json) :</div> <!></div>',1),ia=u('<div class="mt-4 text-sm text-gray-700 break-words w-full"><div class="text-lg font-medium text-gray-700">Reference Script Hash :</div> <div> </div></div> <div class="mt-4 text-sm text-gray-700 break-words w-full"><div class="text-lg font-medium text-gray-700">Reference Script :</div> <!></div>',1),va=u('<div class="fixed inset-0 bg-gray-600 bg-opacity-50 flex justify-center items-center"><div class="bg-white p-4 rounded shadow-lg mx-auto flex flex-col items-center"><div class="text-right w-full"><button><!></button></div> <!> <!></div></div>');function Nt(O,n){F(n,!1);let r=L(n,"output",24,()=>({})),i=L(n,"show",8,!1);const k=Zt();function o(){k("closeDetails")}X();var f=K(),$=z(f);{var c=T=>{var h=va(),m=a(h),v=a(m),I=a(v),j=a(I);ta(j,{class:"cursor-pointer"}),t(I),t(v);var N=e(v,2);{var R=x=>{var C=sa(),d=z(C),p=e(a(d),2),A=a(p,!0);t(p),t(d);var _=e(d,2),D=e(a(_),2);ot(D,{get text(){return r().inline_datum_json},rows:"20"}),t(_),J(()=>B(A,r().inline_datum)),l(x,C)};E(N,x=>{r().inline_datum&&x(R)})}var y=e(N,2);{var w=x=>{var C=ia(),d=z(C),p=e(a(d),2),A=a(p,!0);t(p),t(d);var _=e(d,2),D=e(a(_),2);ot(D,{get text(){return r().script_ref},rows:"10"}),t(_),J(()=>B(A,r().reference_script_hash)),l(x,C)};E(y,x=>{r().script_ref&&x(w)})}t(m),t(h),U("click",I,o),l(T,h)};E($,T=>{i()&&T(c)})}l(O,f),W()}var da=u('<div class="flex justify-end mt-2 items-center"><div class="ml-2"><button class="text-blue-500 underline"><!></button></div></div>'),la=u('<div class="mt-4"><div class="text-sm font-medium text-gray-700 md:ml-2 break-words"> </div> <div class="text-xs text-gray-500 break-words"><a> </a></div> <div class="flex justify-end mt-2"><div class="space-x-2"><!></div></div> <!></div> <hr class="my-4 border-gray-100">',1),oa=u("<div></div> <!>",1);function nt(O,n){let r=L(n,"inputs",24,()=>[]),i=G(!1),k=G({});const o=h=>{S(k,h),S(i,!s(i))};function f(){S(i,!1)}var $=oa(),c=z($);Q(c,5,r,V,(h,m)=>{var v=la(),I=z(v),j=a(I),N=a(j,!0);t(j);var R=e(j,2),y=a(R),w=a(y);t(y),t(R);var x=e(R,2),C=a(x),d=a(C);Jt(d,{get amounts(){return s(m).amount}}),t(C),t(x);var p=e(x,2);{var A=_=>{var D=da(),q=a(D),H=a(q),Z=a(H);Et(Z,{class:"cursor-pointer"}),t(H),t(q),t(D),U("click",H,()=>{console.log("Button clicked"),o(s(m))}),l(_,D)};E(p,_=>{(s(m).inline_datum_json||s(m).script_ref)&&_(A)})}t(I),Bt(2),J(()=>{B(N,s(m).address),Y(y,"href",`/transactions/${s(m).tx_hash??""}`),B(w,`${s(m).tx_hash??""}#${s(m).output_index??""}`)}),l(h,v)}),t(c);var T=e(c,2);Nt(T,{get output(){return s(k)},get show(){return s(i)},$$events:{closeDetails:f}}),l(O,$)}var na=u('<div class="flex justify-end mt-2 items-center"><div class="ml-2"><button class="text-blue-500 underline"><!></button></div></div>'),ca=u('<div class="mt-4"><div class="text-sm font-medium text-gray-700 md:ml-2 break-words"> </div> <div class="flex justify-end mt-2"><div class="space-x-2"><!></div></div> <!></div> <hr class="my-4 border-gray-100">',1),ma=u("<div></div> <!>",1);function _a(O,n){let r=L(n,"outputs",24,()=>[]),i=G(!1),k=G({});const o=h=>{S(k,h),S(i,!s(i))};function f(){S(i,!1)}var $=ma(),c=z($);Q(c,5,r,V,(h,m)=>{var v=ca(),I=z(v),j=a(I),N=a(j,!0);t(j);var R=e(j,2),y=a(R),w=a(y);Jt(w,{get amounts(){return s(m).amount}}),t(y),t(R);var x=e(R,2);{var C=d=>{var p=na(),A=a(p),_=a(A),D=a(_);Et(D,{class:"cursor-pointer"}),t(_),t(A),t(p),U("click",_,()=>{o(s(m))}),l(d,p)};E(x,d=>{(s(m).inline_datum_json||s(m).script_ref)&&d(C)})}t(I),Bt(2),J(()=>B(N,s(m).address)),l(h,v)}),t(c);var T=e(c,2);Nt(T,{get output(){return s(k)},get show(){return s(i)},$$events:{closeDetails:f}}),l(O,$)}var ua=u('<div class="text-gray-600 body-font"><div class="container px-5 py-10 mx-auto"><div class="flex flex-wrap -m-4"><div class="p-4 w-full"><h2 class="text-xl font-semibold text-gray-700">Inputs</h2> <!></div> <div class="p-4 w-full"><h2 class="text-xl font-semibold text-gray-700">Outputs</h2> <!></div></div></div></div>');function fa(O,n){F(n,!1);let r=L(n,"tx",24,()=>({}));X();var i=ua(),k=a(i),o=a(k),f=a(o),$=e(a(f),2);nt($,{get inputs(){return r().inputs}}),t(f);var c=e(f,2),T=e(a(c),2);_a(T,{get outputs(){return r().outputs}}),t(c),t(o),t(k),t(i),l(O,i),W()}var xa=u('<div class="p-4 w-full"><div class="flex flex-col mt-4"><div class="md:flex-grow"><textarea></textarea></div></div></div>');function pa(O,n){let r={id:"message",name:"message",label:"Your message",rows:30,placeholder:"Leave a comment..."},i=L(n,"tx",24,()=>({}));function k(h){return JSON.stringify(h,null,2)}var o=xa(),f=a(o),$=a(f),c=a($);jt(c);let T;t($),t(f),t(o),J(()=>T=Rt(c,T,{...r,value:k(i()),class:"w-full h-max text-base",disabled:!0})),l(O,o)}var ga=u('<div class="flex flex-col mt-4 md:flex-row md:items-start"><div class="md:w-32 md:mb-0 mb-6 flex-shrink-0"><span class="font-semibold title-font text-gray-700">Datum Hash</span></div> <div class="md:ml-2 break-words"><div class="whitespace-normal md:whitespace-pre-line"> </div></div></div>'),ba=u('<div class="flex flex-col mt-4 md:flex-row md:items-start"><div class="md:w-32 md:mb-0 mb-6 flex-shrink-0"><span class="font-semibold title-font text-gray-700">Datum</span></div> <div class="md:ml-2 break-words"><div class="whitespace-normal md:whitespace-pre-line"> </div></div></div>'),ha=u('<div class="p-4 w-full"><div class="flex flex-col mt-4 md:flex-row md:items-start"><div class="md:w-32 md:mb-0 mb-6 flex-shrink-0"><span class="font-semibold title-font text-gray-700">Contract</span></div> <div class="md:ml-2 break-words"><div class="whitespace-normal md:whitespace-pre-line"> </div></div></div> <div class="flex flex-col mt-4 md:flex-row md:items-center"><div class="md:w-32 md:mb-0 mb-6 flex-shrink-0"><span class="font-semibold title-font text-gray-700">Redeemer</span></div> <span class="md:ml-2 break-all"> </span></div> <!> <!> <div class="flex flex-col mt-4 md:flex-row md:items-center"><div class="md:w-32 md:mb-0 mb-6 flex-shrink-0"><span class="font-semibold title-font text-gray-700">Contract Body</span></div> <div class="md:flex-grow"><textarea></textarea></div></div></div>');function ya(O,n){F(n,!1);let r=L(n,"contract",8),i={id:"message",name:"message",label:"Your message",rows:10,placeholder:"Leave a comment..."};function k(d){if(d&&typeof d=="object"){const{tag:p,index:A,data:_,ex_units:D}=d,q=_?`"${_}"`:"",H=D?JSON.stringify(D):"";return`Tag: ${p}, Index: ${A}, Data: ${q}, Ex Units: ${H}`}return JSON.stringify(d)}X();var o=ha(),f=a(o),$=e(a(f),2),c=a($),T=a(c);t(c),t($),t(f);var h=e(f,2),m=e(a(h),2),v=a(m,!0);J(()=>B(v,k(r().redeemer))),t(m),t(h);var I=e(h,2);{var j=d=>{var p=ga(),A=e(a(p),2),_=a(A),D=a(_,!0);t(_),t(A),t(p),J(()=>B(D,r().datum_hash)),l(d,p)};E(I,d=>{r().datum_hash&&d(j)})}var N=e(I,2);{var R=d=>{var p=ba(),A=e(a(p),2),_=a(A),D=a(_,!0);t(_),t(A),t(p),J(()=>B(D,r().datum)),l(d,p)};E(N,d=>{r().datum&&d(R)})}var y=e(N,2),w=e(a(y),2),x=a(w);jt(x);let C;t(w),t(y),t(o),J(()=>{B(T,`${r().script_hash??""} (${r().type??""})`),C=Rt(x,C,{...i,value:r().script_content,class:"w-full h-max"})}),l(O,o),W()}var wa=u('<div class="w-full"><!></div>'),ka=u('<div class="text-sm text-gray-500 dark:text-gray-400 mb-20"><!></div>'),$a=u('<div class="w-full"></div>'),Ta=u('<div class="w-full"><!></div>'),Aa=u('<div class="w-full"><!></div>'),Da=u('<div class="w-full"><!></div>'),Ia=u('<div class="w-full"><!></div>'),Ca=u('<section class="py-20 px-4 md:px-0"><div class="container mx-auto"><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><article class="bg-gray-50 p-4 shadow-md w-full"><div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Transaction 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>Block/Slot</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small><a> </a> </small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>TTL</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small> </small></p></div></div></article> <article class="bg-gray-50 p-4 shadow-md w-full"><div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Fee (Ada)</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>Total Outputs (Ada)</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small> </small></p></div></div></article></div></div></section> <section class="py-10 px-4 md:px-0"><div class="container mx-auto"><div class="tabs tabs-boxed tabs-xs md:tabs-sm lg:tabs"><button role="tab"><span class="block md:hidden">I/O</span> <span class="hidden md:block">Input/Output</span></button> <button role="tab">Contracts</button> <button role="tab">Collaterals</button> <button role="tab">Metadata</button> <button role="tab"><span class="block md:hidden">Ref In</span> <span class="hidden md:block">Reference Input</span></button> <button role="tab">Json</button></div> <!> <!> <!> <!> <!> <!></div></section>',1);function Pa(O,n){F(n,!1);let r=L(n,"data",8),{tx:i,contracts:k,metadata:o}=r();const f=0,$=1,c=2,T=3,h=4,m=5;let v=G(f);X();var I=Ca(),j=z(I),N=a(j),R=a(N),y=a(R),w=a(y),x=e(a(w),2),C=a(x),d=a(C),p=a(d,!0);t(d),t(C),t(x),t(w);var A=e(w,2),_=e(a(A),2),D=a(_),q=a(D),H=a(q),Z=a(H,!0);t(H);var St=e(H);t(q),t(D),t(_),t(A);var ct=e(A,2),mt=e(a(ct),2),_t=a(mt),ut=a(_t),Lt=a(ut,!0);t(ut),t(_t),t(mt),t(ct),t(y);var ft=e(y,2),tt=a(ft),xt=e(a(tt),2),pt=a(xt),gt=a(pt),Mt=a(gt,!0);J(()=>B(Mt,lt(i.fees,4))),t(gt),t(pt),t(xt),t(tt);var bt=e(tt,2),ht=e(a(bt),2),yt=a(ht),wt=a(yt),zt=a(wt,!0);J(()=>B(zt,lt(i.total_output,2))),t(wt),t(yt),t(ht),t(bt),t(ft),t(R),t(N),t(j);var kt=e(j,2),$t=a(kt),at=a($t),et=a(at),rt=e(et,2),st=e(rt,2),it=e(st,2),vt=e(it,2),Tt=e(vt,2);t(at);var At=e(at,2);{var Ht=g=>{var b=wa(),M=a(b);fa(M,{tx:i}),t(b),l(g,b)};E(At,g=>{s(v)==f&&g(Ht)})}var Dt=e(At,2);{var Ut=g=>{var b=$a();Q(b,5,()=>k,V,(M,Yt)=>{var dt=ka(),Gt=a(dt);ya(Gt,{get contract(){return s(Yt)}}),t(dt),l(M,dt)}),t(b),l(g,b)};E(Dt,g=>{s(v)==$&&g(Ut)})}var It=e(Dt,2);{var qt=g=>{var b=Ta(),M=a(b);nt(M,{get inputs(){return i.collateral_inputs}}),t(b),l(g,b)};E(It,g=>{s(v)==c&&g(qt)})}var Ct=e(It,2);{var Pt=g=>{var b=Aa(),M=a(b);ot(M,{text:o}),t(b),l(g,b)};E(Ct,g=>{s(v)==T&&g(Pt)})}var Ot=e(Ct,2);{var Ft=g=>{var b=Da(),M=a(b);nt(M,{get inputs(){return i.reference_inputs}}),t(b),l(g,b)};E(Ot,g=>{s(v)==h&&g(Ft)})}var Wt=e(Ot,2);{var Xt=g=>{var b=Ia(),M=a(b);pa(M,{tx:i}),t(b),l(g,b)};E(Wt,g=>{s(v)==m&&g(Xt)})}t($t),t(kt),J(()=>{B(p,i.hash),Y(H,"href",`/blocks/${i.block_height??""}`),B(Z,i.block_height),B(St,` / ${i.slot??""}`),B(Lt,i.ttl),P(et,`tab ${(s(v)==0?"tab-active":"")??""}`),P(rt,`tab ${(s(v)==1?"tab-active":"")??""}`),P(st,`tab ${(s(v)==2?"tab-active":"")??""}`),P(it,`tab ${(s(v)==3?"tab-active":"")??""}`),P(vt,`tab ${(s(v)==4?"tab-active":"")??""}`),P(Tt,`tab hidden md:flex md:items-center md:justify-center ${(s(v)==5?"tab-active":"")??""}`)}),U("click",et,()=>S(v,f)),U("click",rt,()=>S(v,$)),U("click",st,()=>S(v,c)),U("click",it,()=>S(v,T)),U("click",vt,()=>S(v,h)),U("click",Tt,()=>S(v,m)),l(O,I),W()}export{Pa as component};