0x100). You can use libraries like Noble Curves to generate a valid signature to test - see here for example code - or use one of the examples provided. The precompile will return 0x01 (as 32-bytes) if the signature is valid.',poweredBy:[{name:"Noble Curves",href:"https://github.com/paulmillr/noble-curves"},{name:"EthereumJS",href:"https://github.com/ethereumjs/ethereumjs-monorepo"}]},nr={[ti.id]:ti,[ni.id]:ni,[si.id]:si};function ff(e){const t=[];for(const[n,s]of Object.entries(nr))s.topics?.includes(e)&&t.push(n);return t}const af={class:"mt-3 mb-8"},df={class:"grid grid-cols-2 mb-3"},hf={class:"font-mono text-sm text-right flex justify-end items-center"},pf=["value"],gf={class:"grid grid-cols-2 pt-2 mt-10 mb-2"},mf={class:"font-mono text-xs text-right"},bf=Wn({__name:"App",setup(e){const t=cf(),n=uf(),s=Yt(n.path.includes("eip-")?n.path:"");Qt(()=>n.path,i=>{s.value=i.includes("eip-")?i:""});const r=()=>{t.push(s.value)};return(i,o)=>(yt(),is(Re,null,[be("header",af,[be("div",df,[be("h1",null,[oe(qe(Os),{to:"/",class:"text-2xl md:text-4xl font-bold text-blue-900"},{default:bs(()=>[...o[1]||(o[1]=[wn("Feel Your Protocol",-1)])]),_:1})]),be("nav",hf,[yl(be("select",{"onUpdate:modelValue":o[0]||(o[0]=l=>s.value=l),onChange:r,class:"text-sm ml-6 border-1 p-1 rounded-sm",id:"exploration-navi"},[o[2]||(o[2]=be("option",{disabled:"",value:""},"All Explorations",-1)),(yt(!0),is(Re,null,$l(Object.entries(qe(nr)),([l,c])=>(yt(),is("option",{key:l,value:c.path},ai(l.toUpperCase()),9,pf))),128))],544),[[Xc,s.value]])])]),o[3]||(o[3]=be("div",{class:"grid grid-cols-1"},[be("p",{class:"text-xl md:text-2xl text-slate-500"}," Interactive Ethereum Protocol Explorations. ")],-1))]),oe(qe(Co),{class:"grid grid-cols-1"}),be("footer",gf,[o[6]||(o[6]=be("h3",{class:"font-mono text-xs"},[wn(" Made with ❤️ and pure dedication by "),be("a",{href:"https://x.com/HolgerD77",target:"_blank",rel:"noopener"},"HolgerD77")],-1)),be("h3",mf,[oe(qe(Os),{to:"/imprint"},{default:bs(()=>[...o[4]||(o[4]=[wn("Imprint",-1)])]),_:1}),o[5]||(o[5]=be("a",{href:"https://github.com/feelyourprotocol/website",target:"_blank",rel:"noopener",class:"ml-3"},"GitHub",-1))])])],64))}}),vf="modulepreload",_f=function(e){return"/"+e},ri={},Wt=function(t,n,s){let r=Promise.resolve();if(n&&n.length>0){let c=function(d){return Promise.all(d.map(u=>Promise.resolve(u).then(f=>({status:"fulfilled",value:f}),f=>({status:"rejected",reason:f}))))};document.getElementsByTagName("link");const o=document.querySelector("meta[property=csp-nonce]"),l=o?.nonce||o?.getAttribute("nonce");r=c(n.map(d=>{if(d=_f(d),d in ri)return;ri[d]=!0;const u=d.endsWith(".css"),f=u?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${d}"]${f}`))return;const p=document.createElement("link");if(p.rel=u?"stylesheet":vf,u||(p.as="script"),p.crossOrigin="",p.href=d,l&&p.setAttribute("nonce",l),document.head.appendChild(p),u)return new Promise((g,w)=>{p.addEventListener("load",g),p.addEventListener("error",()=>w(new Error(`Unable to preload CSS for ${d}`)))})}))}function i(o){const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=o,window.dispatchEvent(l),!l.defaultPrevented)throw o}return r.then(o=>{for(const l of o||[])l.status==="rejected"&&i(l.reason);return t().catch(i)})},yf={fusaka:{title:"Fusaka",path:"/fusaka",url:"https://forkcast.org/upgrade/fusaka",image:"fusaka.webp",introText:"Fusaka is Ethereum's next major network upgrade following Pectra. It brings significant changes to data availability with PeerDAS, adjusts precompile gas costs for ModExp, and introduces a new secp256r1 signature verification precompile enabling seamless wallet interactions from modern devices.",explorations:ff("fusaka")}};function xf(){const e=Object.assign({"../views/ExplorationView.vue":()=>Wt(()=>import("./ExplorationView-BF7rIvyd.js"),__vite__mapDeps([0,1])),"../views/HomeView.vue":()=>Wt(()=>import("./HomeView-8L_2bRGj.js"),__vite__mapDeps([2,1,3])),"../views/ImprintView.vue":()=>Wt(()=>import("./ImprintView-DjQ6aCzH.js"),[]),"../views/TopicIntroView.vue":()=>Wt(()=>import("./TopicIntroView-UwSgOkIA.js"),__vite__mapDeps([4,1])),"../views/TopicView.vue":()=>Wt(()=>import("./TopicView-9zbRM1Ea.js"),__vite__mapDeps([5,3,1]))}),t=[{path:"/",name:"home",component:e["../views/HomeView.vue"]},{path:"/imprint",name:"imprint",component:e["../views/ImprintView.vue"]}],n=[];for(const[r,i]of Object.entries(nr))n.push({path:i.path,name:r,component:e["../views/ExplorationView.vue"]});const s=[];for(const[r,i]of Object.entries(yf))s.push({path:i.path,name:r,component:e["../views/TopicView.vue"]});return[...t,...n,...s]}const wf=of({history:ju("/"),routes:xf()}),To=su(bf);To.use(wf);To.mount("#app");export{Af as A,yl as B,Ff as C,Fe as D,nr as E,Re as F,Xc as G,Pf as H,ti as I,Rf as J,kf as K,Of as S,yf as T,Wt as _,Ef as a,Es as b,is as c,Wn as d,Mf as e,qe as f,oe as g,be as h,If as i,Sf as j,ff as k,wn as l,Yt as m,Ks as n,yt as o,Ls as p,Tf as q,$l as r,ni as s,ai as t,uf as u,Qt as v,bs as w,cf as x,si as y,Cf as z};
diff --git a/dist/website/assets/index-D1-4n8Tv.css b/dist/website/assets/index-D1-4n8Tv.css
deleted file mode 100644
index da790f7..0000000
--- a/dist/website/assets/index-D1-4n8Tv.css
+++ /dev/null
@@ -1 +0,0 @@
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-900:oklch(37.9% .146 265.522);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-bold:700;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.bottom-full{bottom:100%}.left-1\/2{left:50%}.z-10{z-index:10}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.float-right{float:right}.clear-both{clear:both}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing)*1)}.m-5{margin:calc(var(--spacing)*5)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-5{margin-left:calc(var(--spacing)*5)}.ml-6{margin-left:calc(var(--spacing)*6)}.block{display:block}.block\!{display:block!important}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.w-full{width:100%}.max-w-\[45\%\]{max-width:45%}.max-w-xs{max-width:var(--container-xs)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-4{gap:calc(var(--spacing)*4)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t-1{border-top-style:var(--tw-border-style);border-top-width:1px}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-900{border-color:var(--color-blue-900)}.border-white{border-color:var(--color-white)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-300{background-color:var(--color-blue-300)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-white{background-color:var(--color-white)}.bg-clip-border{background-clip:border-box}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.py-1{padding-block:calc(var(--spacing)*1)}.pt-0\.5{padding-top:calc(var(--spacing)*.5)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pr-0\.5{padding-right:calc(var(--spacing)*.5)}.pr-1{padding-right:calc(var(--spacing)*1)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-0\.5{padding-left:calc(var(--spacing)*.5)}.pl-1{padding-left:calc(var(--spacing)*1)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-blue-100{color:var(--color-blue-100)}.text-blue-600{color:var(--color-blue-600)}.text-blue-900{color:var(--color-blue-900)}.text-red-400{color:var(--color-red-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-white{color:var(--color-white)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:hidden:is(:where(.group):hover *){display:none}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-blue-200:hover{color:var(--color-blue-200)}.hover\:underline:hover{text-decoration-line:underline}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:48rem){.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}}.eip-precompile-c a{color:var(--color-blue-900);text-decoration-line:underline}.pp-box a{color:var(--color-white);text-decoration-line:underline}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"
- = ref('')
const hexVals: Ref = ref(Array(5).fill('') as HEX_5)
@@ -38,7 +40,7 @@ const example: Ref = ref('')
const execResultPre: Ref = ref()
const execResultPost: Ref = ref()
-const poweredBy = exploration.poweredBy ?? []
+const poweredBy = exploration.poweredBy
const router = useRouter()
const route = useRoute()
@@ -215,7 +217,12 @@ await init()
-
+
diff --git a/src/explorations/eip-7951/image.webp b/src/explorations/eip-7951/image.webp
new file mode 100644
index 0000000..d550afd
Binary files /dev/null and b/src/explorations/eip-7951/image.webp differ
diff --git a/src/explorations/eip-7951/info.ts b/src/explorations/eip-7951/info.ts
index a75d317..8f1984f 100644
--- a/src/explorations/eip-7951/info.ts
+++ b/src/explorations/eip-7951/info.ts
@@ -1,12 +1,13 @@
import type { Exploration } from '../REGISTRY'
+import image from './image.webp'
export const INFO: Exploration = {
id: 'eip-7951',
path: '/eip-7951-secp256r1-precompile',
title: 'EIP-7951 secp256r1 Precompile Support',
infoURL: 'https://eips.ethereum.org/EIPS/eip-7951',
- topics: ['fusaka'],
- image: 'precompiles.webp',
+ topic: 'fusaka',
+ image,
introText:
'How can I interact with the new curve precompile? The ' +
'secp256r1 ' +
diff --git a/src/views/ExplorationView.vue b/src/views/ExplorationView.vue
index 41b47be..1cb219f 100644
--- a/src/views/ExplorationView.vue
+++ b/src/views/ExplorationView.vue
@@ -2,12 +2,13 @@
import { defineAsyncComponent } from 'vue'
import { useRoute } from 'vue-router'
import { EXPLORATIONS } from '@/explorations/REGISTRY'
-import { TOPICS } from '@/explorations/TOPICS'
+import { TOPICS, TOPIC_COLOR_CLASSES } from '@/explorations/TOPICS'
import TopicIntroView from './TopicIntroView.vue'
const route = useRoute()
const explorationId = route.name as string
const exploration = EXPLORATIONS[explorationId]
+const cc = TOPIC_COLOR_CLASSES[TOPICS[exploration.topic].color]
const componentModules = import.meta.glob('../explorations/*/MyC.vue')
const ExplorationComponent = defineAsyncComponent(
@@ -19,12 +20,21 @@ const ExplorationComponent = defineAsyncComponent(
-
-
+ = ref('')
@@ -42,7 +44,7 @@ const example: Ref = ref('')
const execResultPre: Ref = ref()
const execResultPost: Ref = ref()
-const poweredBy = exploration.poweredBy ?? []
+const poweredBy = exploration.poweredBy
const router = useRouter()
const route = useRoute()
@@ -217,7 +219,12 @@ await init()
-
+
diff --git a/src/assets/imgs/dancers/precompiles.webp b/src/explorations/eip-7883/image.webp
similarity index 100%
rename from src/assets/imgs/dancers/precompiles.webp
rename to src/explorations/eip-7883/image.webp
diff --git a/src/explorations/eip-7883/info.ts b/src/explorations/eip-7883/info.ts
index 8e71abb..1f6ced1 100644
--- a/src/explorations/eip-7883/info.ts
+++ b/src/explorations/eip-7883/info.ts
@@ -1,12 +1,13 @@
import type { Exploration } from '../REGISTRY'
+import image from './image.webp'
export const INFO: Exploration = {
id: 'eip-7883',
path: '/eip-7883-modexp-gas-cost-increase',
title: 'EIP-7883 ModExp Gas Cost Increase',
infoURL: 'https://eips.ethereum.org/EIPS/eip-7883',
- topics: ['fusaka'],
- image: 'precompiles.webp',
+ topic: 'fusaka',
+ image,
introText:
'How are ModExp gas costs changing with Fusaka? ' +
'EIP-7883 changes the gas calculation algorithm of the ModExp precompile.',
diff --git a/src/explorations/eip-7951/MyC.vue b/src/explorations/eip-7951/MyC.vue
index 24b515d..bf3b0c6 100644
--- a/src/explorations/eip-7951/MyC.vue
+++ b/src/explorations/eip-7951/MyC.vue
@@ -14,6 +14,7 @@ import ExamplesC from '../../components/ui/ExamplesC.vue'
import HexDataInputC from '../../components/ui/HexDataInputC.vue'
import ExplorationC from '../ExplorationC.vue'
import PoweredByC from '../PoweredByC.vue'
+import { TOPICS } from '../TOPICS'
import {
runPrecompile,
type BIGINT_5,
@@ -25,6 +26,7 @@ import { type Examples } from '../../components/lib/general.js'
import { PP_BOX_LAYOUT } from '../../components/lib/layout'
const exploration = INFO
+const topic = TOPICS[exploration.topic]
const data: Ref
+
+
Powered by:
- {{
+ {{
item.name
}}
|
diff --git a/src/explorations/REGISTRY.ts b/src/explorations/REGISTRY.ts
index 03a43e7..4855bae 100644
--- a/src/explorations/REGISTRY.ts
+++ b/src/explorations/REGISTRY.ts
@@ -18,20 +18,27 @@ export interface Exploration {
path: string
title: string
infoURL: string
- topics?: string[]
+ topic: string
image?: string
- introText?: string
- usageText?: string
- poweredBy?: PoweredByItem[]
+ introText: string
+ usageText: string
+ poweredBy: PoweredByItem[]
}
export interface Explorations {
[key: string]: Exploration
}
+export function getRandomTopicExplorationImage(topicId: string): string | undefined {
+ const images = Object.values(EXPLORATIONS)
+ .filter((e) => e.topic === topicId && e.image)
+ .map((e) => e.image!)
+ return images.length > 0 ? images[Math.floor(Math.random() * images.length)] : undefined
+}
+
export function getTopicExplorationIds(topicId: string): string[] {
const ids: string[] = []
for (const [id, exploration] of Object.entries(EXPLORATIONS)) {
- if (exploration.topics?.includes(topicId)) {
+ if (exploration.topic === topicId) {
ids.push(id)
}
}
diff --git a/src/explorations/TOPICS.ts b/src/explorations/TOPICS.ts
index 7863997..8187b57 100644
--- a/src/explorations/TOPICS.ts
+++ b/src/explorations/TOPICS.ts
@@ -1,11 +1,23 @@
import { getTopicExplorationIds } from './REGISTRY'
+export type TopicColor = 'blue' | 'yellow' | 'green' | 'red'
+
+export const TOPIC_COLOR_CLASSES: Record<
+ TopicColor,
+ { bg200: string; text900: string; border200: string }
+> = {
+ blue: { bg200: 'bg-blue-200', text900: 'text-blue-900', border200: 'border-blue-200' },
+ yellow: { bg200: 'bg-yellow-200', text900: 'text-yellow-900', border200: 'border-yellow-200' },
+ green: { bg200: 'bg-green-200', text900: 'text-green-900', border200: 'border-green-200' },
+ red: { bg200: 'bg-red-200', text900: 'text-red-900', border200: 'border-red-200' },
+}
+
export const TOPICS: Topics = {
fusaka: {
title: 'Fusaka',
path: '/fusaka',
url: 'https://forkcast.org/upgrade/fusaka',
- image: 'fusaka.webp',
+ color: 'blue',
introText:
"Fusaka is Ethereum's next major network upgrade following Pectra. " +
'It brings significant changes to data availability with PeerDAS, adjusts precompile gas costs ' +
@@ -19,7 +31,7 @@ export interface Topic {
title: string
path: string
url: string
- image?: string
+ color: TopicColor
introText?: string
explorations: string[]
}
diff --git a/src/explorations/eip-7594/MyC.vue b/src/explorations/eip-7594/MyC.vue
index 6192684..233c0f6 100644
--- a/src/explorations/eip-7594/MyC.vue
+++ b/src/explorations/eip-7594/MyC.vue
@@ -8,6 +8,7 @@ import blobLighter from '../../components/lib/blobs/blob_lighter.txt?raw'
import ExplorationC from '../ExplorationC.vue'
import { INFO } from './info'
import PoweredByC from '../PoweredByC.vue'
+import { TOPICS } from '../TOPICS'
import ExamplesC from '../../components/ui/ExamplesC.vue'
import {
PP_BOX_LAYOUT,
@@ -40,6 +41,7 @@ const errorMsg: Ref = ref('')
const example: Ref = ref('')
const exploration = INFO
+const topic = TOPICS[exploration.topic]
/**
* Examples
@@ -59,7 +61,7 @@ const examples: Examples = {
},
}
-const poweredBy = exploration.poweredBy ?? []
+const poweredBy = exploration.poweredBy
/**
* Example/URL helper functions
@@ -119,7 +121,7 @@ await init()
-
+
diff --git a/src/assets/imgs/dancers/fusaka.webp b/src/explorations/eip-7594/image.webp
similarity index 100%
rename from src/assets/imgs/dancers/fusaka.webp
rename to src/explorations/eip-7594/image.webp
diff --git a/src/explorations/eip-7594/info.ts b/src/explorations/eip-7594/info.ts
index 3eef25e..3e4d43f 100644
--- a/src/explorations/eip-7594/info.ts
+++ b/src/explorations/eip-7594/info.ts
@@ -1,12 +1,13 @@
import type { Exploration } from '../REGISTRY'
+import image from './image.webp'
export const INFO: Exploration = {
id: 'eip-7594',
path: '/eip-7594-peerdas-data-availability-sampling',
title: 'EIP-7594 Peer Data Availability Sampling',
infoURL: 'https://eips.ethereum.org/EIPS/eip-7594',
- topics: ['fusaka'],
- image: 'fusaka.webp',
+ topic: 'fusaka',
+ image,
introText:
'How do blob transactions change with PeerDAS? ' +
'Data availability sampling (DAS) - introduced along the Fusaka hardfork - comes with a new ' +
diff --git a/src/explorations/eip-7883/MyC.vue b/src/explorations/eip-7883/MyC.vue
index 53dd1e7..72d7abe 100644
--- a/src/explorations/eip-7883/MyC.vue
+++ b/src/explorations/eip-7883/MyC.vue
@@ -18,6 +18,7 @@ import ExamplesC from '../../components/ui/ExamplesC.vue'
import HexDataInputC from '../../components/ui/HexDataInputC.vue'
import ExplorationC from '../ExplorationC.vue'
import PoweredByC from '../PoweredByC.vue'
+import { TOPICS } from '../TOPICS'
import {
runPrecompile,
type BIGINT_6,
@@ -28,6 +29,7 @@ import { INFO } from './info'
import { type Examples } from '../../components/lib/general.js'
const exploration = INFO
+const topic = TOPICS[exploration.topic]
const data: Ref
-
-
+
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index ff76be7..1eec8ff 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,10 +1,11 @@
@@ -12,7 +13,12 @@ const featured = ['eip-7883', 'eip-7594', 'eip-7951']
+
+
+
+ Loading...
+
+
+
-
+
+
+
{{ topic.title }}
-
+
{{ topic.title }} ↑
![]()
-
+
{{ topic.introText }}
![]()
-
+
{{ topic.introText }}
diff --git a/src/views/TopicView.vue b/src/views/TopicView.vue
index 9e99d75..9afcfb8 100644
--- a/src/views/TopicView.vue
+++ b/src/views/TopicView.vue
@@ -2,13 +2,18 @@
import ExplorationC from '@/explorations/ExplorationC.vue'
import TopicIntroView from './TopicIntroView.vue'
import { useRoute } from 'vue-router'
-import { EXPLORATIONS, getTopicExplorationIds } from '@/explorations/REGISTRY'
+import {
+ EXPLORATIONS,
+ getTopicExplorationIds,
+ getRandomTopicExplorationImage,
+} from '@/explorations/REGISTRY'
import { TOPICS } from '@/explorations/TOPICS'
const route = useRoute()
const topicId = route.name as string
const topic = TOPICS[topicId]
const explorationIds = getTopicExplorationIds(topicId)
+const topicImage = getRandomTopicExplorationImage(topicId)
@@ -21,17 +26,16 @@ const explorationIds = getTopicExplorationIds(topicId)
:to="EXPLORATIONS[explorationId].path"
class="block mb-2 no-underline"
>
-
{{ topic.title }}
-
+
{{ topic.title }} ↑
![]()
-
+
{{ topic.introText }}
![]()
-
+
{{ topic.introText }}
diff --git a/src/views/TopicView.vue b/src/views/TopicView.vue
index 9e99d75..9afcfb8 100644
--- a/src/views/TopicView.vue
+++ b/src/views/TopicView.vue
@@ -2,13 +2,18 @@
import ExplorationC from '@/explorations/ExplorationC.vue'
import TopicIntroView from './TopicIntroView.vue'
import { useRoute } from 'vue-router'
-import { EXPLORATIONS, getTopicExplorationIds } from '@/explorations/REGISTRY'
+import {
+ EXPLORATIONS,
+ getTopicExplorationIds,
+ getRandomTopicExplorationImage,
+} from '@/explorations/REGISTRY'
import { TOPICS } from '@/explorations/TOPICS'
const route = useRoute()
const topicId = route.name as string
const topic = TOPICS[topicId]
const explorationIds = getTopicExplorationIds(topicId)
+const topicImage = getRandomTopicExplorationImage(topicId)
@@ -21,17 +26,16 @@ const explorationIds = getTopicExplorationIds(topicId)
:to="EXPLORATIONS[explorationId].path"
class="block mb-2 no-underline"
>
-
+
{{ topic.introText }}
+
{{ topic.introText }}
diff --git a/src/views/TopicView.vue b/src/views/TopicView.vue index 9e99d75..9afcfb8 100644 --- a/src/views/TopicView.vue +++ b/src/views/TopicView.vue @@ -2,13 +2,18 @@ import ExplorationC from '@/explorations/ExplorationC.vue' import TopicIntroView from './TopicIntroView.vue' import { useRoute } from 'vue-router' -import { EXPLORATIONS, getTopicExplorationIds } from '@/explorations/REGISTRY' +import { + EXPLORATIONS, + getTopicExplorationIds, + getRandomTopicExplorationImage, +} from '@/explorations/REGISTRY' import { TOPICS } from '@/explorations/TOPICS' const route = useRoute() const topicId = route.name as string const topic = TOPICS[topicId] const explorationIds = getTopicExplorationIds(topicId) +const topicImage = getRandomTopicExplorationImage(topicId) @@ -21,17 +26,16 @@ const explorationIds = getTopicExplorationIds(topicId) :to="EXPLORATIONS[explorationId].path" class="block mb-2 no-underline" > -