@epic-web/workshop-app 4.22.3 → 4.23.0

package/build/client/assets/onboarding-Co4cldZ0.js

@@ -1,2 +0,0 @@
-import{j as e}from"./index-1cKOJFpX.js";import{B as t}from"./button-BklqyTPS.js";import{E as r,D as i}from"./epic-video-CxZy3iqK.js";import{u as s,F as l}from"./components-CME-nGId.js";import"./clsx-B-dksMZM.js";import"./index-6GyYWV9G.js";import"./request-info-CEhUGODY.js";import"./misc-ENVX3CWf.js";import"./tooltip-BiHTe_7F.js";import"./client-hints-DNUUFGmB.js";import"./pe-CUZaIcdt.js";import"./loading-C5uX0jJw.js";import"./user-D6tTg1yS.js";const b={getSitemapEntries:()=>null};function v(){const o=s();return e.jsxs("main",{className:"flex h-full w-full flex-col items-center justify-between gap-4",children:[e.jsxs("div",{className:"container flex h-full w-full max-w-5xl flex-1 flex-col items-center gap-4 overflow-y-scroll py-12 scrollbar-thin scrollbar-thumb-scrollbar",children:[e.jsx("h1",{className:"text-5xl",children:"Onboarding"}),e.jsx("p",{className:"text-xl",children:"Welcome to EpicWeb.dev!"}),e.jsxs("p",{className:"text-lg",children:["Before you get started, ",e.jsx("strong",{children:"you must watch the tour video"}),"! You're going to be spending a lot of time in here, so it's important you understand how to work effectively in this workshop"]}),e.jsx("div",{className:"w-[780px] max-w-full",children:e.jsx(r,{epicVideoInfosPromise:o.videoInfos,children:e.jsx(i,{url:o.onboardingVideo})})})]}),e.jsx(l,{method:"post",className:"pb-4",children:e.jsx(t,{name:"intent",value:"complete",varient:"primary",children:"I've watched it. Let's go!"})})]})}export{v as default,b as handle};
-//# sourceMappingURL=onboarding-Co4cldZ0.js.map

package/build/client/assets/preview-CdiZ0d0L.js

@@ -1,2 +0,0 @@
-import{j as e,r as a}from"./index-1cKOJFpX.js";import{u as ne,a as J,I,c as Q}from"./misc-ENVX3CWf.js";import{c as ae}from"./clsx-B-dksMZM.js";import{z as t,u as X}from"./request-info-CEhUGODY.js";import{B as Z}from"./button-BklqyTPS.js";import{L as C}from"./loading-C5uX0jJw.js";import{s as O}from"./progress-bar-CSvo1ZXP.js";import{u as z}from"./pe-CUZaIcdt.js";import{a as q,b as ie,F as oe}from"./components-CME-nGId.js";import{T as le,a as v,b as E,c as B}from"./tooltip-BiHTe_7F.js";import{u as ce}from"./index-6GyYWV9G.js";function ue({name:o}){var i;const r=q(),l=z(),c=(i=r.formData)==null?void 0:i.get("intent"),u=c==="stop"?"Stopping App":c==="restart"?"Restarting App":null,f=ne();return e.jsxs(r.Form,{method:"POST",action:"/start",children:[l,O,e.jsx("input",{type:"hidden",name:"name",value:o}),e.jsx("button",{type:"submit",name:"intent",value:f?"restart":"stop",className:"h-full border-r px-3 py-4 font-mono text-xs uppercase leading-none",children:u||(f?"Restart App":"Stop App")})]})}function ee({port:o}){const r=q(),l=z();return e.jsxs(r.Form,{method:"POST",action:"/start",children:[l,O,e.jsx("input",{type:"hidden",name:"port",value:o}),e.jsx(Z,{varient:"mono",type:"submit",name:"intent",value:"stop-port",children:r.state==="idle"?"Stop Port":"Stopping Port"})]})}function de({name:o}){var c;const r=q(),l=z();return((c=r.data)==null?void 0:c.status)==="app-not-started"?r.data.error==="port-unavailable"?e.jsxs("div",{children:["The port is unavailable. Would you like to stop whatever is running on that port and try again?",e.jsx(ee,{port:r.data.port})]}):e.jsx("div",{children:"An unknown error has happened."}):e.jsxs(r.Form,{method:"POST",action:"/start",children:[l,O,e.jsx("input",{type:"hidden",name:"name",value:o}),r.state==="idle"?e.jsx(Z,{type:"submit",name:"intent",value:"start",varient:"mono",children:"Start App"}):e.jsx("div",{children:e.jsx(C,{children:"Starting App"})})]})}const he=t.intersection(t.object({type:t.literal("epicshop:history-call")}),t.union([t.object({method:t.literal("pushState"),args:t.union([t.tuple([t.object({}).passthrough(),t.unknown()]),t.tuple([t.object({}).passthrough(),t.unknown(),t.string()])])}),t.object({method:t.literal("replaceState"),args:t.union([t.tuple([t.object({}).passthrough(),t.unknown()]),t.tuple([t.object({}).passthrough(),t.unknown(),t.string()])])}),t.object({method:t.literal("go"),args:t.tuple([t.number().optional()])}),t.object({method:t.literal("forward"),args:t.tuple([])}),t.object({method:t.literal("back"),args:t.tuple([])}),t.object({method:t.literal("popstate"),pathname:t.string(),delta:t.number()})])),me=t.object({type:t.literal("epicshop:loaded"),url:t.string()}),fe=t.union([he,me]);function $(o,r,l){return Math.min(Math.max(o+r,0),l)}const pe=a.forwardRef(xe);function xe({name:o,port:r,portIsAvailable:l,isRunning:c,baseUrl:u,id:f,initialRoute:i},p){const b=X();return c?e.jsx(ge,{baseUrl:u,id:f,name:o,ref:p,initialRoute:i}):l===!1?e.jsxs("div",{className:"flex flex-col items-center justify-center",children:[e.jsxs("p",{className:"max-w-xs pb-5 text-center",role:"status",children:["The port for this app is unavailable. It could be that you're running it ",e.jsx("a",{href:J({domain:b.domain,port:r}),className:"underline",children:"elsewhere"}),"?"]}),e.jsx(ee,{port:r})]}):e.jsx(de,{name:o})}const ge=a.forwardRef(je);function je({baseUrl:o,id:r,name:l,initialRoute:c},u){const[f,i]=ie(),p=f.get("pathname")??c,[b,N]=a.useState(0),x=r+b,y=a.useRef("new"),L=a.useRef(null),[g,T]=a.useState({history:[p],index:0}),[H,A]=a.useState(p),U=a.useRef(null),j=new URL(p,o),M=a.useRef(j);a.useEffect(()=>{M.current=j});const[W,_]=a.useState(j),F=a.useRef(r);F.current!==r&&(F.current=r,_(M.current)),a.useEffect(()=>{F.current=r}),a.useEffect(()=>{function n(d){var Y;if(d.source!==((Y=U.current)==null?void 0:Y.contentWindow))return;const P=fe.safeParse(d.data,{path:["messageEvent","data"]});if(!P.success)return;const{data:h}=P;if(h.type==="epicshop:loaded"){T(s=>{const w=S=>$(s.index,S,s.history.length-1);if(y.current==="back")return{...s,index:w(-1)};if(y.current==="forward")return{...s,index:w(1)};if(y.current==="new"){const S=s.history[s.index],m=new URL(h.url).pathname;if(S===m)return s;const k=[...s.history.slice(0,s.index+1),m];return{history:k,index:k.length-1}}else throw new Error("Unexpected lastDirectionRef value")});return}const{method:se}=h;T(s=>{const w=m=>$(s.index,m,s.history.length-1),S=s.history[s.index];switch(se){case"popstate":return{...s,index:w(h.delta)};case"forward":return{...s,index:w(1)};case"back":return{...s,index:w(-1)};case"pushState":{const m=h.args[2]??S,k=[...s.history.slice(0,s.index+1),m].filter(Boolean);return{...s,history:k,index:k.length-1}}case"replaceState":{const m=h.args[2]??S;return{...s,history:[...s.history.slice(0,s.index),m,...s.history.slice(s.index+1)].filter(Boolean)}}case"go":{const[m=0]=h.args;return{...s,index:w(m)}}}})}return window.addEventListener("message",n),()=>{window.removeEventListener("message",n)}},[]);const K=a.useRef(i);a.useEffect(()=>{K.current=i},[i]);const R=g.history[g.index];a.useEffect(()=>{if(!R)return;A(R);const n=new URLSearchParams(window.location.search);R==="/"?n.delete("pathname"):n.set("pathname",R),`?${n.toString()}`!==window.location.search&&K.current(n,{replace:!0})},[R]);const D=(...n)=>{var P,h;const d=n[0];typeof d=="number"?y.current=d>0?"forward":"back":y.current="new",L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{y.current="new"},100),(h=(P=U.current)==null?void 0:P.contentWindow)==null||h.postMessage({type:"epicshop:navigate-call",params:n},"*")};function G(n=H){A(n);const d=g.history[g.index];D(n,{replace:d===n})}a.useImperativeHandle(u,()=>({handleExtrnalNavigation:G}));const te=g.index===g.history.length-1,re=g.index<=0,V=[];for(const[n,d]of f.entries())n!=="pathname"&&V.push(e.jsx("input",{type:"hidden",name:n,value:d},n));return e.jsx(le,{children:e.jsxs("div",{className:"flex h-full flex-grow flex-col",children:[e.jsxs("div",{className:"flex items-center justify-between border-b pl-1.5",children:[e.jsxs("div",{className:"mr-2 flex items-center justify-center gap-2 px-1",children:[e.jsxs(v,{children:[e.jsx(E,{asChild:!0,children:e.jsx("button",{type:"button",className:"hidden aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40 sm:flex",disabled:re,onClick:()=>D(-1),children:e.jsx(I,{name:"ArrowLeft","aria-hidden":"true"})})}),e.jsx(B,{children:"Go back"})]}),e.jsxs(v,{children:[e.jsx(E,{asChild:!0,children:e.jsx("button",{type:"button",className:"hidden aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40 sm:flex",disabled:te,onClick:()=>D(1),children:e.jsx(I,{name:"ArrowRight","aria-hidden":"true"})})}),e.jsx(B,{children:"Go forward"})]}),e.jsxs(v,{children:[e.jsx(E,{asChild:!0,children:e.jsx("button",{type:"button",className:"flex aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40",onClick:()=>{_(j),N(b+1),T({history:[j.pathname],index:0})},children:e.jsx(I,{name:"Refresh","aria-hidden":"true"})})}),e.jsx(B,{children:"Refresh"})]})]}),e.jsxs(oe,{method:"get",replace:!0,className:"flex flex-1 gap-2",onSubmit:()=>G(),children:[V,e.jsxs("div",{className:"flex flex-1 items-center border-x bg-background p-3 leading-none text-foreground",children:[e.jsx("a",{href:j.toString(),target:"_blank",rel:"noreferrer",children:W.host}),e.jsx("input",{"aria-label":"pathname",className:"w-full flex-1 bg-background focus-visible:outline-none",value:H,name:"pathname",onChange:n=>A(n.currentTarget.value)})]})]}),e.jsx(ue,{name:l}),e.jsxs(v,{children:[e.jsx(E,{asChild:!0,children:e.jsx("a",{href:j.toString(),target:"_blank",rel:"noreferrer",className:ae("flex aspect-square items-center justify-center px-3.5"),children:e.jsx(I,{name:"ExternalLink"})})}),e.jsx(B,{children:"Open in new tab"})]})]}),e.jsx("div",{className:"flex h-full w-full flex-grow dark:bg-white",children:e.jsx("iframe",{title:l,ref:U,src:W.toString(),className:"h-full w-full flex-grow bg-white"},x)})]})})}function Le({id:o,appInfo:r,inBrowserBrowserRef:l}){const c=X(),u=ce();if(!r)return e.jsx("p",{children:"No app here. Sorry."});const{isRunning:f,dev:i,name:p,portIsAvailable:b,title:N}=r;if(ENV.EPICSHOP_DEPLOYED&&r.stackBlitzUrl){const x=new URL(r.stackBlitzUrl);return x.searchParams.set("embed","1"),x.searchParams.set("theme",u),e.jsx(we,{title:N,url:x.toString(),loadingContent:e.jsx(C,{children:e.jsxs("span",{children:["Loading"," ",e.jsxs("a",{className:"underline",href:r.stackBlitzUrl,children:['"',N,'"']})]})})})}if(i.type==="script"){const x=J({domain:c.domain,port:i.portNumber});return e.jsx(pe,{ref:l,isRunning:f,id:o??p,name:p,portIsAvailable:b,port:i.portNumber,baseUrl:x,initialRoute:i.initialRoute})}else return i.type==="browser"?e.jsxs("div",{className:"relative h-full flex-grow overflow-y-auto scrollbar-thin scrollbar-thumb-scrollbar",children:[e.jsxs("a",{href:i.pathname,target:"_blank",rel:"noreferrer",className:Q("absolute bottom-5 right-5 flex items-center justify-center rounded-full bg-gray-100 p-2.5 transition hover:bg-gray-200 dark:bg-gray-800 hover:dark:bg-gray-600"),children:[e.jsx(I,{name:"ExternalLink","aria-hidden":"true"}),e.jsx("span",{className:"sr-only",children:"Open in New Window"})]}),e.jsx("iframe",{title:N,src:i.pathname,className:"h-full w-full flex-grow bg-white"})]}):e.jsx("div",{className:"flex h-full items-center justify-center text-lg",children:e.jsxs("p",{children:["Preview for dev type of ",e.jsx("code",{children:i.type})," not supported."]})})}function we({url:o,title:r,loadingContent:l}){const[c,u]=a.useState(!1);return e.jsxs("div",{className:"h-full w-full flex-grow",children:[c?null:e.jsx("div",{className:"absolute inset-0 z-10 flex items-center justify-center",children:l}),e.jsx("iframe",{onLoad:()=>u(!0),onError:()=>u(!0),src:o,className:Q("h-full w-full flex-grow transition-opacity duration-300",c?"opacity-100":"opacity-0"),title:r,sandbox:"allow-forms allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox"})]})}export{Le as P};
-//# sourceMappingURL=preview-CdiZ0d0L.js.map

package/build/client/assets/set-playground-BXHckvUG.js

@@ -1,2 +0,0 @@
-import{j as e}from"./index-1cKOJFpX.js";import{R as d,T as p,V as x,I as h,P as f,C as j,S as g,a as y,G as N,L as b,b as S,c as w,d as P,e as v}from"./index-hogig2HK.js";import{c}from"./clsx-B-dksMZM.js";import{I as l}from"./misc-ENVX3CWf.js";import{s as I}from"./progress-bar-CSvo1ZXP.js";import{S as C}from"./tooltip-BiHTe_7F.js";import{u as T}from"./pe-CUZaIcdt.js";import{a as u}from"./components-CME-nGId.js";function k({appName:t,reset:r=!1,tooltipText:a,...n}){var i;const s=u(),m=T(),o=e.jsx("button",{type:"submit",...n,className:c(n.className,s.state!=="idle"?"cursor-progress":null,((i=s.data)==null?void 0:i.status)==="error"?"cursor-not-allowed":null)});return e.jsxs(s.Form,{action:"/set-playground",method:"POST",className:"inline-flex items-center justify-center",children:[m,e.jsx("input",{type:"hidden",name:"appName",value:t}),r?e.jsx("input",{type:"hidden",name:"reset",value:"true"}):null,I,a?e.jsx(C,{content:a,children:o}):o]})}function A({playgroundAppName:t,allApps:r}){var n;const a=u();return e.jsxs(d,{name:"appName",value:t,onValueChange:s=>{a.submit({appName:s},{method:"POST",action:"/set-playground"})},children:[e.jsxs(p,{"aria-label":"Select app for playground",className:c("flex h-full w-full items-center justify-between text-left radix-placeholder:text-gray-500 focus-visible:outline-none",a.state!=="idle"?"cursor-progress":null,((n=a.data)==null?void 0:n.status)==="error"?"cursor-not-allowed":null),children:[e.jsx("span",{className:"w-80 flex-1 overflow-hidden text-ellipsis whitespace-nowrap scrollbar-thin scrollbar-thumb-scrollbar",children:e.jsx(x,{placeholder:"Select current app",className:"inline-block w-40 text-ellipsis"})}),e.jsx(h,{children:e.jsx(l,{name:"TriangleDownSmall"})})]}),e.jsx(f,{children:e.jsxs(j,{position:"popper",align:"start",className:"z-20 max-h-[50vh] bg-black text-white lg:max-h-[70vh]",children:[e.jsx(g,{className:"flex h-5 cursor-default items-center justify-center ",children:e.jsx(l,{name:"ChevronUp"})}),e.jsx(y,{className:"p-3",children:e.jsxs(N,{children:[e.jsx(b,{className:"px-5 pb-3 font-mono uppercase",children:"App"}),r.filter(s=>s.name!=="playground").map(s=>e.jsx(E,{value:s.name,children:s.displayName},s.name))]})}),e.jsx(S,{className:"flex h-5 cursor-default items-center justify-center ",children:e.jsx(l,{name:"ChevronDown"})})]})})]})}function E({value:t,children:r}){return e.jsxs(w,{value:t,className:"relative flex cursor-pointer select-none items-center rounded px-10 py-2 leading-none opacity-80 radix-disabled:text-red-500 radix-highlighted:opacity-100 radix-highlighted:outline-none radix-state-checked:opacity-100",children:[e.jsx(P,{children:r}),e.jsx(v,{className:"absolute left-0 inline-flex w-[25px] items-center justify-center",children:e.jsx(l,{name:"CheckSmall"})})]})}function G({appName:t}){return ENV.EPICSHOP_DEPLOYED?null:e.jsx(k,{appName:t,tooltipText:"Playground is not set to the right app. Click to set Playground.",children:e.jsxs("span",{className:"flex items-center justify-center gap-1 text-foreground-danger hover:underline",children:[e.jsx(l,{name:"Unlinked",className:"animate-ping"})," ",e.jsx("span",{className:"uppercase",children:"Set to Playground"})]})})}export{A as P,G as S,k as a};
-//# sourceMappingURL=set-playground-BXHckvUG.js.map

package/build/client/assets/test-BRkbo9G9.js

@@ -1,2 +0,0 @@
-import{j as t}from"./index-1cKOJFpX.js";import{T as r}from"./tests-DQuoxpDA.js";import{u as p}from"./components-CME-nGId.js";import"./misc-ENVX3CWf.js";import"./clsx-B-dksMZM.js";import"./accordion-BroSqIct.js";import"./tooltip-BiHTe_7F.js";import"./index-hogig2HK.js";import"./index-BXWoOGxB.js";import"./request-info-CEhUGODY.js";import"./index-6GyYWV9G.js";import"./client-hints-DNUUFGmB.js";import"./pe-CUZaIcdt.js";import"./use-event-source-A_0lEOPX.js";import"./set-playground-BXHckvUG.js";import"./progress-bar-CSvo1ZXP.js";function g(){const{appInfo:o}=p();return t.jsx(r,{playgroundAppInfo:o})}export{g as default};
-//# sourceMappingURL=test-BRkbo9G9.js.map