https://santas-slides.netlify.app/assets/md-Ejm78NvH.js

1import{k as y,n as u}from"./modules/unplugin-icons-D3Nw-66L.js";import{_ as m}from"./slidev/CodeBlockWrapper.vue_vue_type_script_setup_true_lang-DyrBJD3c.js";import{E as f,b as x,o as t,w as l,g as s,e as a,G as h,H as i,m as A,f as k,v as b,x as B,A as r}from"./modules/vue-CynRjMpH.js";import{_ as v}from"./slidev/two-cols.vue_vue_type_script_setup_true_lang-CIVsCQnk.js";import{u as _,f as D}from"./slidev/context-zDDIoJ0W.js";import"./index-DCfA-xrU.js";import"./modules/shiki-CCaIuvDs.js";const w={class:"mt-4 p-3 bg-yellow-900/20 rounded border border-yellow-500/30 text-sm"},C={class:"h-full flex flex-col justify-center"},j={class:"space-y-4"},G={__name:"slides.md__slidev_8",setup(P){const{$clicksContext:p,$frontmatter:d}=_();return p.setup(),(R,e)=>{const c=y,o=m,g=u,n=f("click");return t(),x(v,b(B(r(D)(r(d),7))),{right:l($=>[s("div",C,[h((t(),k("div",j,[...e[4]||(e[4]=[s("div",{class:"flex items-center gap-3"},[s("div",{class:"w-12 h-12 rounded-full bg-green-500/20 flex items-center justify-center"},[s("span",{class:"text-green-400"},"👤")]),s("div",{class:"flex-1 h-2 bg-green-500/30 rounded animate-pulse"}),s("div",{class:"w-12 h-12 rounded-full bg-blue-500/20 flex items-center justify-center"},[s("span",{class:"text-blue-400"},"🗄️")])],-1),s("div",{class:"text-center text-sm text-gray-400"},"Player submits guess",-1),s("div",{class:"flex items-center gap-3"},[s("div",{class:"w-12 h-12 rounded-full bg-blue-500/20 flex items-center justify-center"},[s("span",{class:"text-blue-400"},"🗄️")]),s("div",{class:"flex-1 h-2 bg-yellow-500/30 rounded animate-pulse",style:{"animation-delay":"0.3s"}}),s("div",{class:"w-12 h-12 rounded-full bg-yellow-500/20 flex items-center justify-center"},[s("span",{class:"text-yellow-400"},"⚡")])],-1),s("div",{class:"text-center text-sm text-gray-400"},"Realtime broadcasts",-1),s("div",{class:"flex items-center gap-3"},[s("div",{class:"w-12 h-12 rounded-full bg-yellow-500/20 flex items-center justify-center"},[s("span",{class:"text-yellow-400"},"⚡")]),s("div",{class:"flex-1 h-2 bg-purple-500/30 rounded animate-pulse",style:{"animation-delay":"0.6s"}}),s("div",{class:"flex gap-1"},[s("div",{class:"w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center"},[s("span",{class:"text-purple-400 text-sm"},"👤")]),s("div",{class:"w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center"},[s("span",{class:"text-purple-400 text-sm"},"👤")]),s("div",{class:"w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center"},[s("span",{class:"text-purple-400 text-sm"},"👤")])])],-1),s("div",{class:"text-center text-sm text-gray-400"},"All players update instantly!",-1)])])),[[n]])]),e[5]||(e[5]=s("div",{class:"absolute bottom-4 right-4 text-sm text-white/50"},"7",-1))]),default:l(()=>[s("h1",null,[e[0]||(e[0]=i("Realtime in Action ",-1)),a(c,{class:"inline text-yellow-400"})]),a(o,A({},{title:"",ranges:["all","2-3","4-11","12"]}),{default:l(()=>[...e[1]||(e[1]=[s("pre",{class:"shiki shiki-themes vitesse-dark vitesse-light slidev-code",style:{"--shiki-dark":"#dbd7caee","--shiki-light":"#393a34","--shiki-dark-bg":"#121212","--shiki-light-bg":"#ffffff"}},[s("code",{class:"language-ts"},[s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#758575DD","--shiki-light":"#A0ADA0"}},"// Subscribe to game state changes")]),i(`
2`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#CB7676","--shiki-light":"#AB5959"}},"const "),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"channel"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}}," ="),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}}," supabase")]),i(`
3`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"  ."),s("span",{style:{"--shiki-dark":"#80A665","--shiki-light":"#59873A"}},"channel"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"("),s("span",{style:{"--shiki-dark":"#C98A7D77","--shiki-light":"#B5695977"}},"'"),s("span",{style:{"--shiki-dark":"#C98A7D","--shiki-light":"#B56959"}},"game-state"),s("span",{style:{"--shiki-dark":"#C98A7D77","--shiki-light":"#B5695977"}},"'"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},")")]),i(`
4`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"  ."),s("span",{style:{"--shiki-dark":"#80A665","--shiki-light":"#59873A"}},"on"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"("),s("span",{style:{"--shiki-dark":"#C98A7D77","--shiki-light":"#B5695977"}},"'"),s("span",{style:{"--shiki-dark":"#C98A7D","--shiki-light":"#B56959"}},"postgres_changes"),s("span",{style:{"--shiki-dark":"#C98A7D77","--shiki-light":"#B5695977"}},"'"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},",")]),i(`
5`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"    {")]),i(`
6`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#B8A965","--shiki-light":"#998418"}},"      event"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},": "),s("span",{style:{"--shiki-dark":"#C98A7D77","--shiki-light":"#B5695977"}},"'"),s("span",{style:{"--shiki-dark":"#C98A7D","--shiki-light":"#B56959"}},"*"),s("span",{style:{"--shiki-dark":"#C98A7D77","--shiki-light":"#B5695977"}},"'"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},",")]),i(`
7`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#B8A965","--shiki-light":"#998418"}},"      schema"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},": "),s("span",{style:{"--shiki-dark":"#C98A7D77","--shiki-light":"#B5695977"}},"'"),s("span",{style:{"--shiki-dark":"#C98A7D","--shiki-light":"#B56959"}},"public"),s("span",{style:{"--shiki-dark":"#C98A7D77","--shiki-light":"#B5695977"}},"'"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},",")]),i(`
8`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#B8A965","--shiki-light":"#998418"}},"      table"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},": "),s("span",{style:{"--shiki-dark":"#C98A7D77","--shiki-light":"#B5695977"}},"'"),s("span",{style:{"--shiki-dark":"#C98A7D","--shiki-light":"#B56959"}},"guesses"),s("span",{style:{"--shiki-dark":"#C98A7D77","--shiki-light":"#B5695977"}},"'")]),i(`
9`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"    }

9,")]),i(`
10`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"    ("),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"payload"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},")"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}}," =>"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}}," {")]),i(`
11`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#80A665","--shiki-light":"#59873A"}},"      updatePlayerMarkers"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"("),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"payload"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"."),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"new"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},")")]),i(`
12`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"    }")]),i(`
13`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"  )")]),i(`
14`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"  ."),s("span",{style:{"--shiki-dark":"#80A665","--shiki-light":"#59873A"}},"subscribe"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"()")])])],-1)])]),_:1},16),h((t(),k("div",w,[a(g,{class:"text-yellow-400 inline mr-2"}),e[2]||(e[2]=s("strong",null,"Real Postgres replication",-1)),e[3]||(e[3]=i(" → WebSocket → Your app ",-1))])),[[n]])]),_:1},16)}}};export{G as default};