@bloxbean/yaci-viewer/build/client/_app/immutable/nodes/17.VvuX2We4.js

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

import{e as b,a as T,t as C}from"../chunks/disclose-version.BTC8Bk4r.js";import"../chunks/legacy.DKpsC3nd.js";import{p as mt,l as K,a as ft,f as Q,b as vt,s as o,c as j,g as r,m as A,d as s,n as U,r as e,t as g}from"../chunks/runtime.NVyxXVLy.js";import{s as i}from"../chunks/render.Dr_6zaa7.js";import{e as W,i as X}from"../chunks/each.e-7RQQYD.js";import{r as ht,s as Y}from"../chunks/attributes.CqauuZ_8.js";import{s as xt}from"../chunks/class.DCW6ehBg.js";import{b as _t,p as yt}from"../chunks/event-modifiers.nqz-IwUY.js";import{i as wt}from"../chunks/lifecycle.BF-zkLgr.js";import{p as kt}from"../chunks/props.Btle0pBM.js";import{s as Pt,a as $t}from"../chunks/store.EL_7F1Fq.js";import{l as Z}from"../chunks/ada_util.zWFYliEg.js";import{p as Tt}from"../chunks/stores.DmQQ1jkb.js";import{g as q}from"../chunks/entry.CYtqVooA.js";var jt=C(" <br>",1),At=C('<tr><td class="py-2 px-4"><a class="text-blue-500"><span class="block md:hidden"> </span> <span class="hidden md:block break-all"> </span></a></td><td class="py-2 px-4 text-center"><a class="text-blue-500"> </a> / <br> </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>'),Ut=C('<section class="container mx-auto mt-4 px-4"><div class="mb-4 flex justify-center"><form class="flex items-center w-full max-w-lg"><input type="search" id="search" placeholder="Transaction Hash" required class="px-4 py-2 border border-gray-300 rounded-l-md focus:outline-none focus:ring-2 focus:ring-blue-500 w-full"> <button type="submit" class="px-4 py-2 bg-blue-500 text-white rounded-r-md hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500">Search</button></form></div></section> <section class="container mx-auto text-sm px-4"><div class="flex flex-wrap justify-between mb-2"><button class="px-4 py-2 text-blue-500 font-medium rounded-md bg-gray-100 hover:bg-gray-200 transition-colors">&lt; Previous</button> <button class="px-4 py-2 text-blue-500 font-medium rounded-md bg-gray-100 hover:bg-gray-200 transition-colors">Next &gt;</button></div> <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">Block / Slot</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> <div class="flex flex-wrap justify-between mt-2 mb-4"><button class="px-4 py-2 text-blue-500 font-medium rounded-md bg-gray-100 hover:bg-gray-200 transition-colors">&lt; Previous</button> <button class="px-4 py-2 text-blue-500 font-medium rounded-md bg-gray-100 hover:bg-gray-200 transition-colors">Next &gt;</button></div></section>',1);function Rt(tt,H){mt(H,!1);const et=Pt(),I=()=>$t(Tt,"$page",et),v=A();let u=kt(H,"data",8);var at=function(a,t,n){if(a.length<=t)return a;n=n||"...";var l=n.length,c=t-l,p=Math.ceil(c/2),d=Math.floor(c/2);return a.substr(0,p)+n+a.substr(a.length-d)};let m=A([]);const M=()=>{let t=parseInt(u().page)-1;t<=0&&(t=1),q(`/transactions?page=${t}&count=${u().count}`)},N=()=>{let a=parseInt(u().page),t=a+1;u().txs.length==0&&(t=a),q(`/transactions?page=${t}&count=${u().count}`)};let h=A("");const rt=()=>{q(`/transactions/${r(h)}`)};K(()=>I(),()=>{j(v,I().url.searchParams.get("page"))}),K(()=>(r(m),r(v)),()=>{r(m).forEach(a=>{let n=a.href.split("?").slice(1).join("?");new URLSearchParams(n).get("page")===r(v)?a.active=!0:a.active=!1}),j(m,r(m))}),ft(),wt();var O=Ut(),x=Q(O),S=s(x),_=s(S),V=s(_);ht(V),U(2),e(_),e(S),e(x);var B=o(x,2),y=s(B),D=s(y),st=o(D,2);e(y);var w=o(y,2),E=s(w),F=o(s(E));W(F,5,()=>u().txs,X,(a,t,n)=>{var l=At();xt(l,n%2===0?"bg-gray-50":"bg-white");var c=s(l),p=s(c),d=s(p),nt=s(d);g(()=>i(nt,`${r(t).tx_hash.slice(0,6)??""}...`)),e(d);var z=o(d,2),lt=s(z,!0);e(z),e(p),e(c);var k=o(c),f=s(k),ct=s(f,!0);e(f);var it=o(f,3,!0);e(k);var P=o(k),ut=s(P,!0);g(()=>i(ut,Z(r(t).total_output))),e(P);var $=o(P),pt=s($,!0);g(()=>i(pt,Z(r(t).fee))),e($);var G=o($);W(G,5,()=>r(t).output_addresses,X,(dt,bt)=>{U();var J=jt(),gt=Q(J,!0);g(()=>i(gt,at(r(bt),25,"..."))),U(),T(dt,J)}),e(G),e(l),g(()=>{Y(p,"href",`/transactions/${r(t).tx_hash??""}`),i(lt,r(t).tx_hash),Y(f,"href",`/blocks/${r(t).block_number??""}`),i(ct,r(t).block_number),i(it,r(t).slot)}),T(a,l)}),e(F),e(E),e(w);var L=o(w,2),R=s(L),ot=o(R,2);e(L),e(B),_t(V,()=>r(h),a=>j(h,a)),b("submit",_,yt(rt)),b("click",D,M),b("click",st,N),b("click",R,M),b("click",ot,N),T(tt,O),vt()}export{Rt as component};