https://cube.dev/_next/static/chunks/pages/demos/[slug]-645ac167221d9072.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5204],{30797:e=>{e.exports={LinkCard:"LinkCard_LinkCard__0k5Sc",LinkCard__meta:"LinkCard_LinkCard__meta__NHj_U",LinkCard__date:"LinkCard_LinkCard__date__rs1d2",LinkCard__badge:"LinkCard_LinkCard__badge__Frss3",LinkCard__title:"LinkCard_LinkCard__title__F1Qnc"}},37436:(e,a,_)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/demos/[slug]",function(){return _(45775)}])},45775:(e,a,_)=>{"use strict";_.r(a),_.d(a,{__N_SSG:()=>j,default:()=>u});var t=_(73539),s=_(16693),l=_(99423),d=_(2147),i=_(53684),r=_(66552),n=_(16170),o=_(15566),m=_(81159),c=_.n(m);let g=new Intl.DateTimeFormat("en-US",{year:"numeric",month:"long",day:"numeric",timeZone:"UTC"}),h=new Intl.DateTimeFormat("en-US",{year:"numeric",month:"short",day:"numeric",timeZone:"UTC"}),p=({demo:e,related:a,adjacent:_})=>{let m=(0,o.Xg)(e.slug),p=o.IT[e.area],j=(0,o.fP)(e.duration),u=(0,o.km)(e.youtubeId),b={"@context":"https://schema.org","@type":"VideoObject",name:e.title,description:e.description,thumbnailUrl:[u.preferred,u.fallback],uploadDate:e.date,...j?{duration:j}:{},contentUrl:(0,o.wQ)(e.youtubeId),embedUrl:(0,o.u0)(e.youtubeId),url:m,publisher:{"@type":"Organization",name:"Cube Dev",logo:{"@type":"ImageObject",url:"https://cube.dev/images/logos/cubejs.svg"}},mainEntityOfPage:{"@type":"WebPage","@id":m}},x={"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:"https://cube.dev"},{"@type":"ListItem",position:2,name:"Demos",item:"https://cube.dev/demos"},{"@type":"ListItem",position:3,name:e.title,item:m}]};return(0,t.jsxs)("div",{className:`theme-v2 ${c().page}`,children:[(0,t.jsxs)(n.W,{title:`${e.title} — Cube demo`,description:e.description,image:(0,o.$L)(e),canonical:m,children:[(0,t.jsx)("meta",{property:"og:type",content:"video.other"},"og:type"),(0,t.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(b)}}),(0,t.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(x)}})]}),(0,t.jsx)(i.t,{}),(0,t.jsxs)("div",{className:c().single,children:[(0,t.jsx)("div",{className:c().single__backRail,children:(0,t.jsx)("a",{className:`${c().single__back} t-eyebrow`,href:"/demos",children:"Demos"})}),(0,t.jsxs)("div",{className:c().single__main,children:[(0,t.jsxs)("article",{className:c().demo,children:[(0,t.jsx)("div",{className:c().demo__player,children:(0,t.jsx)("iframe",{className:c().demo__iframe,src:(0,o.hY)(e.youtubeId),title:e.title,loading:"lazy",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0})}),(0,t.jsxs)("div",{className:c().demo__meta,children:[(0,t.jsx)("a",{className:c().demo__area,href:`/demos?area=${e.area}`,children:p}),(0,t.jsx)("span",{children:g.format(new Date(e.date))}),e.presenter&&(0,t.jsx)("span",{children:e.presenter.name})]}),(0,t.jsx)("h1",{className:c().demo__title,children:e.title}),(0,t.jsx)("p",{className:c().demo__description,children:e.description}),(0,t.jsxs)("div",{className:c().demo__links,children:[(0,t.jsx)("a",{className:c().demo__link,href:(0,o.wQ)(e.youtubeId),target:"_blank",rel:"noreferrer",children:"Watch on YouTube"}),e.changelogUrl&&(0,t.jsx)("a",{className:c().demo__link,href:e.changelogUrl,children:"Read the changelog entry"})]})]}),(_.newer||_.older)&&(0,t.jsxs)("nav",{className:c().adjacent,"aria-label":"Nearby demos",children:[_.newer&&(0,t.jsxs)("div",{className:c().adjacent__slot,children:[(0,t.jsx)("span",{className:c().adjacent__label,children:"Next demo"}),(0,t.jsx)(r.V,{href:(0,o.RY)(_.newer.slug),title:_.newer.title,date:h.format(new Date(_.newer.date))})]}),_.older&&(0,t.jsxs)("div",{className:c().adjacent__slot,children:[(0,t.jsx)("span",{className:c().adjacent__label,children:"Previous demo"}),(0,t.jsx)(r.V,{href:(0,o.RY)(_.older.slug),title:_.older.title,date:h.format(new Date(_.older.date))})]})]})]})]}),a.demos.length>0&&(0,t.jsxs)("section",{className:c().related,"aria-labelledby":"related-demos",children:[(0,t.jsx)("h2",{className:c().related__heading,id:"related-demos",children:a.sameArea?`More in ${p}`:"More demos"}),(0,t.jsx)("ul",{className:c().related__grid,children:a.demos.map(e=>(0,t.jsx)("li",{className:c().related__item,children:(0,t.jsx)(s.O,{demo:e})},e.slug))}),(0,t.jsx)("a",{className:c().related__all,href:"/demos",children:"Browse all demos"})]}),(0,t.jsx)(l.K,{title:"Get started with Cube"}),(0,t.jsx)(d.w,{})]})};p.hideBanner=!0;var j=!0;let u=p},66552:(e,a,_)=>{"use strict";_.d(a,{V:()=>d});var t=_(73539);_(42731);var s=_(30797),l=_.n(s);let d=({title:e,href:a,date:_,badge:s})=>(0,t.jsxs)("a",{className:l().LinkCard,href:a,children:[(0,t.jsx)("span",{className:l().LinkCard__title,children:e}),_||s?(0,t.jsxs)("span",{className:l().LinkCard__meta,children:[_?(0,t.jsx)("span",{className:l().LinkCard__date,children:_}):null,s?(0,t.jsx)("span",{className:l().LinkCard__badge,children:s}):null]}):null]})},81159:e=>{e.exports={page:"DemoPage_page__lZ1eG",single:"DemoPage_single__dHJvo",single__backRail:"DemoPage_single__backRail___tVZi",single__back:"DemoPage_single__back__oQozY",single__main:"DemoPage_single__main__hCbCR",demo:"DemoPage_demo__SFgo1",demo__player:"DemoPage_demo__player__MPifX",demo__iframe:"DemoPage_demo__iframe__h4778",demo__meta:"DemoPage_demo__meta__YYKX5",demo__area:"DemoPage_demo__area__dZkYS",demo__title:"DemoPage_demo__title__q98rF",demo__description:"DemoPage_demo__description__UkKG4",demo__links:"DemoPage_demo__links__83yGS",demo__link:"DemoPage_demo__link__NgbR6",adjacent:"DemoPage_adjacent__SmgvS",adjacent__slot:"DemoPage_adjacent__slot__1tzel",adjacent__label:"DemoPage_adjacent__label__DbqgE",related:"DemoPage_related__XSV9f",related__heading:"DemoPage_related__heading__6zGRS",related__grid:"DemoPage_related__grid__OYUSO",related__item:"DemoPage_related__item__d4z_N",related__all:"DemoPage_related__all__4Oj8Q"}}},e=>{e.O(0,[3505,1601,364,636,6593,8792],()=>e(e.s=37436)),_N_E=e.O()}]);