https://baselime.io/_nuxt/Bn252Xto.js

1import{_ as A}from"./BV4UJO2x.js";import{_ as O}from"./Cttof_5a.js";import{e as q,q as I,o as l,w as L,a as t,t as f,p as B,r as h,l as E,m as _,c as i,h as w,y as G,z as N,A as R,u as c,B as $,b as D,n as U,F as k,i as C,k as V}from"./FQJ32ZXK.js";import{_ as j}from"./DlAUqK2U.js";import{u as z}from"./e98Ml7BJ.js";import{u as T,q as W}from"./BvNhSRcy.js";import"./kewY70mo.js";const F={class:"group"},H={class:"w-fit text-b-lg-m md:text-h-xs-m underline text-l-a3 group-hover:text-[#3F6404]"},M={class:"mt-6 text-l-g-6 transition w-full text-b-sm-r md:text-b-md-r"},P=q({__name:"GlossaryItem",props:{article:{}},setup(m){return(n,d)=>{const a=O;return l(),I(a,{to:{name:"glossary-slug",params:{slug:m.article.slug}}},{default:L(()=>[t("article",F,[t("h3",H,f(m.article.title),1),t("div",M,f(m.article.definition),1)])]),_:1},8,["to"])}}}),Y=j(P,[["__scopeId","data-v-5bdf8e73"]]),J=B("/images/glossary/hero_glossary.png"),K={class:"mt-4 max-w-3xl mx-auto py-8 md:py-16 px-4 md:px-8"},Q={class:"py-8"},X={class:"rounded-md mt-0 ml-3 sm:flex-shrink-0"},Z={class:"flex flex-col justify-center gap-6 md:gap-10 flex-wrap"},ee={key:0,class:"py-2 border-b border-l-g-9"},te=["href","id"],ce=q({__name:"index",async setup(m){let n,d;z({title:"The Essential Observability Glossary",meta:[{name:"description",content:`Observability terms and concepts you need to know - in the "Explain Like I'm 5" style`},{property:"og:title",content:"The Essential Observability Glossary"},{property:"og:description",content:`Observability terms and concepts you need to know - in the "Explain Like I'm 5" style`},{property:"og:url",content:"https://baselime.io/glossary/"},{property:"og:image",content:"/images/ogs/og_resources_glossary.png"}]});const a=h(""),p=h(!1),u=h(null),{data:b}=([n,d]=E(()=>T("glossary-articles",()=>W("glossary").only(["title","definition","slug"]).find())),n=await n,d(),n),g=_(()=>{if(!b.value)return[];const e=Array.from({length:26},(s,r)=>String.fromCharCode(r+97)).map(s=>({letter:s,articles:[]}));for(const s of b.value){const r=e.findIndex(o=>o.letter===s.slug?.[0]);r>-1&&e[r].articles.push(s)}return e.filter(s=>s.articles.length>0)}),x=_(()=>u.value?[{letter:"Search Results",articles:u.value}]:g.value),S=async()=>{if(!a.value){u.value=null;return}p.value=!0;const y=b.value?.filter(e=>e.title?.toLowerCase().includes(a.value.toLowerCase())||e.definition?.toLowerCase().includes(a.value.toLowerCase()))||[];u.value=y.slice(0,6),p.value=!1};return(y,e)=>{const s=A,r=Y;return l(),i("div",K,[e[2]||(e[2]=w('<h1 class="text-l-g-6 text-b-xl-m md:text-h-md-m xl:text-h-lg-m"> Explain Like I&#39;m 5 <br><span class="text-l-a3">Observability Glossary</span></h1><p class="mt-2 text-l-g-8 transition w-full text-b-md-r md:text-b-lg-r"> Observability terms and concepts you need to know </p><div class="mt-6"><img preload width="640" height="360" class="w-full rounded-3xl" src="'+J+'" alt=""></div><section class="mt-6 text-l-g-6 transition w-full text-b-sm-r md:text-b-md-r"><p class="mb-5"> Welcome to the ELI5 Observability Glossary! Wether you&#39;re new to observability or a seasoned DevOps engineer, you occasionally come accross observability concepts and terms that leave you puzzled: &quot;what does this even mean?&quot;. </p><p class="mb-5">We&#39;ve all been there.</p><p class="mb-5"> Observability is full of expressions that we need to understand to effectively communicate, from common terms like &quot;distributed tracing&quot; to concepts like &quot;cardinality&quot; and &quot;dimensionality&quot;. </p><p class="mb-5"> We believe that by breaking down the technical jargon, we can make observability more accessible and understandable for everyone. This glossary explains every concept &quot;like I&#39;m 5&quot;. </p></section>',4)),t("section",Q,[t("form",{class:"mt-4 flex w-full mb-6",onSubmit:G(S,["prevent"])},[N(t("input",{"onUpdate:modelValue":e[0]||(e[0]=o=>$(a)?a.value=o:null),type:"text",name:"search",id:"search",autocomplete:"off",class:"block w-full shadow-sm sm:text-sm bg-l-g-11 rounded py-2 px-4 splaceholder-l-g-9 text-l-g-5 border-transparent focus:border-l-a",placeholder:"Search observability concepts"},null,512),[[R,c(a)]]),t("div",X,[D(s,{secondary:!0,dark:!0,loading:c(p),class:U(["plausible-event-name=SEARCH_GLOSSARY",`plausible-event-cta=${"Search".replaceAll(" ","+")}`])},{default:L(()=>[...e[1]||(e[1]=[t("div",null,"Search",-1)])]),_:1},8,["loading","class"])])],32),t("div",Z,[(l(!0),i(k,null,C(c(x),o=>(l(),i("div",{key:o.letter,class:"flex flex-col justify-center gap-3 md:gap-8 flex-wrap"},[c(x).length===c(g).length?(l(),i("div",ee,[t("a",{href:"#"+o.letter.toUpperCase(),id:o.letter.toUpperCase(),class:"text-l-g-6 text-b-md-m md:text-b-lg-m xl:text-b-xl-m cursor-pointer hover:underline"},f(o.letter.toUpperCase()),9,te)])):V("",!0),(l(!0),i(k,null,C(o.articles,v=>(l(),I(r,{key:v.slug,article:v},null,8,["article"]))),128))]))),128))])]),e[3]||(e[3]=w('<section class="mt-6 text-l-g-6 transition w-full text-b-sm-r md:text-b-md-r"><h2 class="mt-4 mb-5 text-b-lg-m md:text-h-xs-m"> Put your observability knowledge to work with Baselime </h2><p class="mb-5"> Now that we&#39;ve covered the fundamentals of observability, it&#39;s time to put your knowledge to work to improve the reliability of your applications. </p><p class="mb-5"> If you&#39;re just getting started with observability or a seasoned veteran, lean on this glossary when instrumenting your app, communicating with your team, or selecting an observability provider. <

1/p><p class="mb-5"> At <a href="https://baselime.io" class="text-l-a3 hover:underline">Baselime</a> we have taken our experience building internal observability tools at fast growing startups to build the modern observability solution we&#39;ve always needed. If you&#39;re ready to put your knowledge to work, give us a try for free :). </p><p class="mb-5 text-l-g-8"> PS: If you want to add a term, further details or provide some feedback, you can reach us at <a href="mailto:[email protected]" class="text-l-a3 hover:underline">[email protected]</a>. </p></section>',1))])}}});export{ce as default};