npm - @epic-web/workshop-app - Versions diffs - 6.72.1 → 6.74.0 - Mend

@epic-web/workshop-app 6.72.1 → 6.74.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

package/build/client/assets/{diff-DwJn8fSQ.js.map → diff-DfWBhj2O.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"diff-~~DwJn8fSQ~~.js","sources":["../../../app/routes/diff.tsx"],"sourcesContent":["import {\n\tgetAppByName,\n\tgetAppDisplayName,\n\tgetApps,\n\tisExerciseStepApp,\n} from '@epic-web/workshop-utils/apps.server'\nimport { getDiffCode } from '@epic-web/workshop-utils/diff.server'\nimport { userHasAccessToWorkshop } from '@epic-web/workshop-utils/epic-api.server'\nimport { makeTimings } from '@epic-web/workshop-utils/timing.server'\nimport {\n\ttype LoaderFunctionArgs,\n\tuseLoaderData,\n\tuseNavigation,\n\tuseSearchParams,\n} from 'react-router'\nimport { useSpinDelay } from 'spin-delay'\nimport { Diff } from '#app/components/diff.tsx'\nimport { NavChevrons } from '#app/components/nav-chevrons.tsx'\nimport { cn } from '#app/utils/misc.tsx'\n\nexport async function loader({ request }: LoaderFunctionArgs) {\n\tconst reqUrl = new URL(request.url)\n\tconst searchParams = reqUrl.searchParams\n\tconst timings = makeTimings('diffLoader')\n\tconst cacheOptions = { request, timings }\n\tconst allAppsFull = await getApps()\n\tconst app1Name = reqUrl.searchParams.get('app1')\n\tconst app2Name = reqUrl.searchParams.get('app2')\n\n\tconst usingDefaultApp1 = !app1Name\n\n\t// defaults to first problem app\n\tconst app1 = app1Name\n\t\t? await getAppByName(app1Name)\n\t\t: allAppsFull.filter(isExerciseStepApp).at(0)\n\n\t// defaults to last exercise step app\n\tconst app2 = app2Name\n\t\t? await getAppByName(app2Name)\n\t\t: allAppsFull.filter(isExerciseStepApp).at(-1)\n\n\tasync function getDiffProp() {\n\t\tif (!app1 \|\| !app2) {\n\t\t\treturn {\n\t\t\t\tapp1: app1?.name,\n\t\t\t\tapp2: app2?.name,\n\t\t\t\tdiffCode: null,\n\t\t\t}\n\t\t}\n\t\tconst diffCode = await getDiffCode(app1, app2, {\n\t\t\t...cacheOptions,\n\t\t\tforceFresh: searchParams.get('forceFresh') === 'diff',\n\t\t}).catch((e) => {\n\t\t\tconsole.error(e)\n\t\t\treturn null\n\t\t})\n\t\treturn {\n\t\t\tapp1: app1.name,\n\t\t\tapp2: app2.name,\n\t\t\tdiffCode,\n\t\t}\n\t}\n\n\tconst allApps = allAppsFull\n\t\t.filter((a, i, ar) => ar.findIndex((b) => a.name === b.name) === i)\n\t\t.map((a) => ({\n\t\t\tdisplayName: getAppDisplayName(a, allAppsFull),\n\t\t\tname: a.name,\n\t\t\ttitle: a.title,\n\t\t\ttype: a.type,\n\t\t}))\n\n\tconst diff = getDiffProp()\n\tconst app1Index = allApps.findIndex((a) => a.name === app1?.name)\n\tconst prevApp1Index = usingDefaultApp1\n\t\t? allApps.length - 2\n\t\t: app1Index === 0\n\t\t\t? -2\n\t\t\t: app1Index - 1\n\tconst prevApp2Index = prevApp1Index + 1\n\tconst nextApp1Index = usingDefaultApp1\n\t\t? 0\n\t\t: app1Index + 1 < allApps.length\n\t\t\t? app1Index + 1\n\t\t\t: -2\n\tconst nextApp2Index = nextApp1Index + 1\n\tconst prevApp1 = allAppsFull[prevApp1Index]?.name\n\tconst prevApp2 = allAppsFull[prevApp2Index]?.name\n\tconst nextApp1 = allAppsFull[nextApp1Index]?.name\n\tconst nextApp2 = allAppsFull[nextApp2Index]?.name\n\tconst prevSearchParams = new URLSearchParams(reqUrl.searchParams)\n\tprevSearchParams.set('app1', prevApp1 ?? '')\n\tprevSearchParams.set('app2', prevApp2 ?? '')\n\tconst nextSearchParams = new URLSearchParams(reqUrl.searchParams)\n\tnextSearchParams.set('app1', nextApp1 ?? '')\n\tnextSearchParams.set('app2', nextApp2 ?? '')\n\treturn {\n\t\tuserHasAccessPromise: userHasAccessToWorkshop({ request, timings }),\n\t\tallApps,\n\t\tdiff,\n\t\tprevLink:\n\t\t\tprevApp1 && prevApp2\n\t\t\t\t? { to: `/diff?${prevSearchParams}`, 'aria-label': 'Previous App' }\n\t\t\t\t: { to: '/diff' },\n\t\tnextLink:\n\t\t\tnextApp1 && nextApp2\n\t\t\t\t? { to: `/diff?${nextSearchParams}`, 'aria-label': 'Next App' }\n\t\t\t\t: { to: '/diff' },\n\t}\n}\n\nexport default function DiffViewer() {\n\tconst data = useLoaderData<typeof loader>()\n\tconst [params] = useSearchParams()\n\tconst paramsWithForcedRefresh = new URLSearchParams(params)\n\tparamsWithForcedRefresh.set('forceFresh', 'diff')\n\tconst navigation = useNavigation()\n\tconst isNavigating = useSpinDelay(navigation.state !== 'idle', {\n\t\tdelay: 200,\n\t\tminDuration: 200,\n\t})\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('h-screen-safe relative', {\n\t\t\t\t'cursor-wait opacity-30': isNavigating,\n\t\t\t})}\n\t\t>\n\t\t\t<div className=\"h-full pb-16\">\n\t\t\t\t<Diff\n\t\t\t\t\tdiff={data.diff}\n\t\t\t\t\tallApps={data.allApps}\n\t\t\t\t\tuserHasAccessPromise={data.userHasAccessPromise}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"bg-background fixed inset-x-0 bottom-0 z-10 flex h-16 items-center justify-end border-t\">\n\t\t\t\t<div className=\"flex h-full items-center justify-end\">\n\t\t\t\t\t<NavChevrons prev={data.prevLink} next={data.nextLink} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["diff","_UNSAFE_withComponentProps","data","useLoaderData","params","useSearchParams","URLSearchParams","set","navigation","useNavigation","isNavigating","useSpinDelay","state","delay","minDuration","jsxs","className","cn","children","jsx","Diff","allApps","userHasAccessPromise","NavChevrons","prev","prevLink","next","nextLink"],"mappings":"~~k6BA~~+GA,MAAAA,EAAAC,EAAA,UAAqC,CACpC,MAAMC,EAAOC,EAAA,EACP,CAACC,CAAM,EAAIC,EAAA,EACe,IAAIC,gBAAgBF,CAAM,EAClCG,IAAI,aAAc,MAAM,EAChD,MAAMC,EAAaC,EAAA,EACbC,EAAeC,EAAAA,aAAaH,EAAWI,QAAU,OAAQ,CAC9DC,MAAO,IACPC,YAAa,GACd,CAAC,EAED,OACCC,EAAAA,KAAC,MAAA,CACAC,UAAWC,EAAG,yBAA0B,CACvC,yBAA0BP,CAC3B,CAAC,EAEDQ,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAIH,UAAU,eACdE,SAAAC,EAAAA,IAACC,EAAA,CACApB,KAAME,EAAKF,KACXqB,QAASnB,EAAKmB,QACdC,qBAAsBpB,EAAKoB,qBAC5B,CAAA,CACD,QACC,MAAA,CAAIN,UAAU,0FACdE,SAAAC,EAAAA,IAAC,OAAIH,UAAU,uCACdE,SAAAC,EAAAA,IAACI,EAAA,CAAYC,KAAMtB,EAAKuB,SAAUC,KAAMxB,EAAKyB,SAAU,EACxD,CAAA,CACD,CAAA,CAAA,CACD,CAEF,CAAA"}
1	+ {"version":3,"file":"diff-DfWBhj2O.js","sources":["../../../app/routes/diff.tsx"],"sourcesContent":["import {\n\tgetAppByName,\n\tgetAppDisplayName,\n\tgetApps,\n\tisExerciseStepApp,\n} from '@epic-web/workshop-utils/apps.server'\nimport { getDiffCode } from '@epic-web/workshop-utils/diff.server'\nimport { userHasAccessToWorkshop } from '@epic-web/workshop-utils/epic-api.server'\nimport { makeTimings } from '@epic-web/workshop-utils/timing.server'\nimport {\n\ttype LoaderFunctionArgs,\n\tuseLoaderData,\n\tuseNavigation,\n\tuseSearchParams,\n} from 'react-router'\nimport { useSpinDelay } from 'spin-delay'\nimport { Diff } from '#app/components/diff.tsx'\nimport { NavChevrons } from '#app/components/nav-chevrons.tsx'\nimport { cn } from '#app/utils/misc.tsx'\n\nexport async function loader({ request }: LoaderFunctionArgs) {\n\tconst reqUrl = new URL(request.url)\n\tconst searchParams = reqUrl.searchParams\n\tconst timings = makeTimings('diffLoader')\n\tconst cacheOptions = { request, timings }\n\tconst allAppsFull = await getApps()\n\tconst app1Name = reqUrl.searchParams.get('app1')\n\tconst app2Name = reqUrl.searchParams.get('app2')\n\n\tconst usingDefaultApp1 = !app1Name\n\n\t// defaults to first problem app\n\tconst app1 = app1Name\n\t\t? await getAppByName(app1Name)\n\t\t: allAppsFull.filter(isExerciseStepApp).at(0)\n\n\t// defaults to last exercise step app\n\tconst app2 = app2Name\n\t\t? await getAppByName(app2Name)\n\t\t: allAppsFull.filter(isExerciseStepApp).at(-1)\n\n\tasync function getDiffProp() {\n\t\tif (!app1 \|\| !app2) {\n\t\t\treturn {\n\t\t\t\tapp1: app1?.name,\n\t\t\t\tapp2: app2?.name,\n\t\t\t\tdiffCode: null,\n\t\t\t}\n\t\t}\n\t\tconst diffCode = await getDiffCode(app1, app2, {\n\t\t\t...cacheOptions,\n\t\t\tforceFresh: searchParams.get('forceFresh') === 'diff',\n\t\t}).catch((e) => {\n\t\t\tconsole.error(e)\n\t\t\treturn null\n\t\t})\n\t\treturn {\n\t\t\tapp1: app1.name,\n\t\t\tapp2: app2.name,\n\t\t\tdiffCode,\n\t\t}\n\t}\n\n\tconst allApps = allAppsFull\n\t\t.filter((a, i, ar) => ar.findIndex((b) => a.name === b.name) === i)\n\t\t.map((a) => ({\n\t\t\tdisplayName: getAppDisplayName(a, allAppsFull),\n\t\t\tname: a.name,\n\t\t\ttitle: a.title,\n\t\t\ttype: a.type,\n\t\t}))\n\n\tconst diff = getDiffProp()\n\tconst app1Index = allApps.findIndex((a) => a.name === app1?.name)\n\tconst prevApp1Index = usingDefaultApp1\n\t\t? allApps.length - 2\n\t\t: app1Index === 0\n\t\t\t? -2\n\t\t\t: app1Index - 1\n\tconst prevApp2Index = prevApp1Index + 1\n\tconst nextApp1Index = usingDefaultApp1\n\t\t? 0\n\t\t: app1Index + 1 < allApps.length\n\t\t\t? app1Index + 1\n\t\t\t: -2\n\tconst nextApp2Index = nextApp1Index + 1\n\tconst prevApp1 = allAppsFull[prevApp1Index]?.name\n\tconst prevApp2 = allAppsFull[prevApp2Index]?.name\n\tconst nextApp1 = allAppsFull[nextApp1Index]?.name\n\tconst nextApp2 = allAppsFull[nextApp2Index]?.name\n\tconst prevSearchParams = new URLSearchParams(reqUrl.searchParams)\n\tprevSearchParams.set('app1', prevApp1 ?? '')\n\tprevSearchParams.set('app2', prevApp2 ?? '')\n\tconst nextSearchParams = new URLSearchParams(reqUrl.searchParams)\n\tnextSearchParams.set('app1', nextApp1 ?? '')\n\tnextSearchParams.set('app2', nextApp2 ?? '')\n\treturn {\n\t\tuserHasAccessPromise: userHasAccessToWorkshop({ request, timings }),\n\t\tallApps,\n\t\tdiff,\n\t\tprevLink:\n\t\t\tprevApp1 && prevApp2\n\t\t\t\t? { to: `/diff?${prevSearchParams}`, 'aria-label': 'Previous App' }\n\t\t\t\t: { to: '/diff' },\n\t\tnextLink:\n\t\t\tnextApp1 && nextApp2\n\t\t\t\t? { to: `/diff?${nextSearchParams}`, 'aria-label': 'Next App' }\n\t\t\t\t: { to: '/diff' },\n\t}\n}\n\nexport default function DiffViewer() {\n\tconst data = useLoaderData<typeof loader>()\n\tconst [params] = useSearchParams()\n\tconst paramsWithForcedRefresh = new URLSearchParams(params)\n\tparamsWithForcedRefresh.set('forceFresh', 'diff')\n\tconst navigation = useNavigation()\n\tconst isNavigating = useSpinDelay(navigation.state !== 'idle', {\n\t\tdelay: 200,\n\t\tminDuration: 200,\n\t})\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('h-screen-safe relative', {\n\t\t\t\t'cursor-wait opacity-30': isNavigating,\n\t\t\t})}\n\t\t>\n\t\t\t<div className=\"h-full pb-16\">\n\t\t\t\t<Diff\n\t\t\t\t\tdiff={data.diff}\n\t\t\t\t\tallApps={data.allApps}\n\t\t\t\t\tuserHasAccessPromise={data.userHasAccessPromise}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"bg-background fixed inset-x-0 bottom-0 z-10 flex h-16 items-center justify-end border-t\">\n\t\t\t\t<div className=\"flex h-full items-center justify-end\">\n\t\t\t\t\t<NavChevrons prev={data.prevLink} next={data.nextLink} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["diff","_UNSAFE_withComponentProps","data","useLoaderData","params","useSearchParams","URLSearchParams","set","navigation","useNavigation","isNavigating","useSpinDelay","state","delay","minDuration","jsxs","className","cn","children","jsx","Diff","allApps","userHasAccessPromise","NavChevrons","prev","prevLink","next","nextLink"],"mappings":"o/BA+GA,MAAAA,EAAAC,EAAA,UAAqC,CACpC,MAAMC,EAAOC,EAAA,EACP,CAACC,CAAM,EAAIC,EAAA,EACe,IAAIC,gBAAgBF,CAAM,EAClCG,IAAI,aAAc,MAAM,EAChD,MAAMC,EAAaC,EAAA,EACbC,EAAeC,EAAAA,aAAaH,EAAWI,QAAU,OAAQ,CAC9DC,MAAO,IACPC,YAAa,GACd,CAAC,EAED,OACCC,EAAAA,KAAC,MAAA,CACAC,UAAWC,EAAG,yBAA0B,CACvC,yBAA0BP,CAC3B,CAAC,EAEDQ,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAIH,UAAU,eACdE,SAAAC,EAAAA,IAACC,EAAA,CACApB,KAAME,EAAKF,KACXqB,QAASnB,EAAKmB,QACdC,qBAAsBpB,EAAKoB,qBAC5B,CAAA,CACD,QACC,MAAA,CAAIN,UAAU,0FACdE,SAAAC,EAAAA,IAAC,OAAIH,UAAU,uCACdE,SAAAC,EAAAA,IAACI,EAAA,CAAYC,KAAMtB,EAAKuB,SAAUC,KAAMxB,EAAKyB,SAAU,EACxD,CAAA,CACD,CAAA,CAAA,CACD,CAEF,CAAA"}

package/build/client/assets/{diff-HIgoC1PO.js → diff-Dng5ItOr.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{j as e}from"./jsx-runtime-C5WNSv3b.js";import{m as j,R as g,A as N}from"./accordion-CQ7oujC6.js";import{R as b,T as w,V as v,I as y,P as S,C as k,S as R,a as D,G as C,L as I,c as A,d as T,e as L,f as P}from"./index-CJDOQ1bl.js";import{I as o,d as $,c as E,a as x}from"./misc-W4055b-0.js";import{r as f}from"./index-CqIc3cxq.js";import{A as h,n as V,d as F,k as U,L as B,F as G}from"./chunk-EPOLDU6W-BCLmut3y.js";import{M}from"./mdx-Dun3ONG_.js";import{b as W}from"./root-loader-BOzEMapJ.js";import{D as z}from"./epic-video-DnXXh6qE.js";import{u as H}from"./revalidation-ws-BJWJviUX.js";import{S as p}from"./tooltip-Tlsyx2YO.js";const Y=r=>e.jsx("pre",{...r}),q={Accordion:N,pre:Y};function J({app1:r,app2:a}){const t=W(),l=t.find(n=>n.name===r),c=t.find(n=>n.name===a);return H({watchPaths:[l?.fullPath,c?.fullPath].filter(Boolean)}),null}function oe({userHasAccessPromise:r,diff:a,allApps:t}){return e.jsx(j,{fallbackRender:()=>e.jsx("div",{className:"w-full p-12",children:e.jsxs("div",{className:"flex w-full flex-col gap-4 text-center",children:[e.jsx("p",{className:"text-2xl font-bold",children:"Error"}),e.jsx("p",{className:"text-lg",children:"There was an error loading the user access."})]})}),children:e.jsx(f.Suspense,{fallback:e.jsx("div",{className:"flex items-center justify-center p-8",children:e.jsx(p,{content:"Loading user access",children:e.jsx(o,{name:"Refresh",className:"animate-spin"})})}),children:e.jsx(h,{resolve:r,children:l=>l?e.jsx(K,{diff:a,allApps:t}):e.jsxs("div",{className:"w-full p-12",children:[e.jsxs("div",{className:"flex w-full flex-col gap-4 text-center",children:[e.jsx("p",{className:"text-2xl font-bold",children:"Access Denied"}),e.jsx("p",{className:"text-lg",children:"You must login or register for the workshop to view the diff."})]}),e.jsx("div",{className:"h-16"}),e.jsx("p",{className:"pb-4",children:"Check out this video to see how the diff tab works."}),e.jsx(z,{url:"https://www.epicweb.dev/tips/epic-workshop-diff-tab-demo"})]})})})})}function K({diff:r,allApps:a}){const t=V(),[l]=F(),c=new URLSearchParams(l);c.set("forceFresh","diff");const n=U(),u=$.useSpinDelay(n.state!=="idle",{delay:0,minDuration:1e3}),m=[];for(const[s,i]of l.entries())s==="app1"||s==="app2"||m.push(e.jsx("input",{type:"hidden",name:s,value:i},s));return e.jsx(f.Suspense,{fallback:e.jsx("div",{className:"flex items-center justify-center p-8",children:e.jsx(p,{content:"Loading diff",children:e.jsx(o,{name:"Refresh",className:"animate-spin"})})}),children:e.jsx(h,{resolve:r,errorElement:e.jsx("p",{className:"text-foreground-destructive p-6",children:"There was an error calculating the diff. Sorry."}),children:s=>e.jsxs("div",{className:"flex h-full w-full flex-col",children:[e.jsxs("div",{className:"flex h-14 min-h-14 w-full overflow-x-hidden border-b",children:[e.jsx("div",{className:"border-r",children:e.jsx(p,{content:"Reload diff",children:e.jsx(B,{to:`.?${c}`,className:"flex h-full w-14 items-center justify-center",children:e.jsx(o,{name:"Refresh",className:E({"animate-spin":u})})})})}),e.jsxs(G,{onChange:i=>t(i.currentTarget),className:"scrollbar-thin scrollbar-thumb-scrollbar flex h-full flex-1 items-center overflow-x-auto",children:[m,e.jsx(d,{name:"app1",label:"App 1",className:"border-r",allApps:a,defaultValue:s.app1}),e.jsx(d,{name:"app2",label:"App 2",allApps:a,defaultValue:s.app2})]},`${s.app1}${s.app2}`)]}),e.jsx("div",{className:"scrollbar-thin scrollbar-thumb-scrollbar grow overflow-y-scroll",children:s.diffCode?e.jsx("div",{children:e.jsx(g,{className:"w-full",type:"multiple",children:e.jsx(M,{code:s.diffCode,components:q})})}):s.app1&&s.app2?e.jsx("p",{className:"bg-foreground text-background m-5 inline-flex items-center justify-center px-1 py-0.5 font-mono text-sm uppercase",children:"There was a problem generating the diff"}):e.jsx("p",{className:"bg-foreground text-background m-5 inline-flex items-center justify-center px-1 py-0.5 font-mono text-sm uppercase",children:"Select two apps to compare"})}),e.jsx(J,{app1:s.app1,app2:s.app2})]})})})}function d({name:r,label:a,className:t,allApps:l,defaultValue:c}){return e.jsxs(b,{name:r,defaultValue:c,children:[e.jsxs(w,{className:x("radix-placeholder:text-muted-foreground flex h-full w-full max-w-[50%] items-center justify-between px-3 text-left focus-visible:outline-none",t),"aria-label":`Select ${a} for git Diff`,children:[e.jsxs("span",{className:"truncate",children:[a,":"," ",e.jsx(v,{placeholder:`Select ${a}`,className:"inline-block w-40 truncate"})]}),e.jsx(y,{className:"",children:e.jsx(o,{name:"TriangleDownSmall"})})]}),e.jsx(S,{children:e.jsxs(k,{position:"popper",align:"start",className:"bg-popover text-popover-foreground z-20 max-h-[50vh] lg:max-h-[70vh]",children:[e.jsx(R,{className:"flex h-5 cursor-default items-center justify-center",children:e.jsx(o,{name:"ChevronUp"})}),e.jsx(D,{className:"p-3",children:e.jsxs(C,{children:[e.jsx(I,{className:"px-5 pb-3 font-mono uppercase",children:a}),l.map(n=>e.jsx(O,{value:n.name,children:n.displayName},n.name))]})}),e.jsx(A,{className:"flex h-5 cursor-default items-center justify-center",children:e.jsx(o,{name:"ChevronDown"})})]})})]})}const O=({ref:r,children:a,className:t,...l})=>e.jsxs(T,{className:x("radix-disabled:text-muted-foreground radix-highlighted:opacity-100 radix-highlighted:outline-none radix-state-checked:opacity-100 relative flex cursor-pointer items-center rounded px-10 py-2 leading-none opacity-80 select-none",t),...l,ref:r,children:[e.jsx(L,{children:a}),e.jsx(P,{className:"absolute left-0 inline-flex w-[25px] items-center justify-center",children:e.jsx(o,{name:"CheckSmall"})})]});export{oe as U};
-//# sourceMappingURL=diff-HIgoC1PO.js.map
+import{j as e}from"./jsx-runtime-C5WNSv3b.js";import{m as j,R as g,A as N}from"./accordion-CQ7oujC6.js";import{R as b,T as w,V as v,I as y,P as S,C as k,S as R,a as D,G as C,L as I,c as A,d as T,e as L,f as P}from"./index-CJDOQ1bl.js";import{I as o,d as $,c as E,a as x}from"./misc-W4055b-0.js";import{r as f}from"./index-CqIc3cxq.js";import{A as h,n as V,d as F,k as U,L as B,F as G}from"./chunk-EPOLDU6W-BCLmut3y.js";import{M}from"./mdx-vy-1-0a3.js";import{b as W}from"./root-loader-BOzEMapJ.js";import{D as z}from"./epic-video-CC0372g5.js";import{u as H}from"./revalidation-ws-BJWJviUX.js";import{S as p}from"./tooltip-Tlsyx2YO.js";const Y=r=>e.jsx("pre",{...r}),q={Accordion:N,pre:Y};function J({app1:r,app2:a}){const t=W(),l=t.find(n=>n.name===r),c=t.find(n=>n.name===a);return H({watchPaths:[l?.fullPath,c?.fullPath].filter(Boolean)}),null}function oe({userHasAccessPromise:r,diff:a,allApps:t}){return e.jsx(j,{fallbackRender:()=>e.jsx("div",{className:"w-full p-12",children:e.jsxs("div",{className:"flex w-full flex-col gap-4 text-center",children:[e.jsx("p",{className:"text-2xl font-bold",children:"Error"}),e.jsx("p",{className:"text-lg",children:"There was an error loading the user access."})]})}),children:e.jsx(f.Suspense,{fallback:e.jsx("div",{className:"flex items-center justify-center p-8",children:e.jsx(p,{content:"Loading user access",children:e.jsx(o,{name:"Refresh",className:"animate-spin"})})}),children:e.jsx(h,{resolve:r,children:l=>l?e.jsx(K,{diff:a,allApps:t}):e.jsxs("div",{className:"w-full p-12",children:[e.jsxs("div",{className:"flex w-full flex-col gap-4 text-center",children:[e.jsx("p",{className:"text-2xl font-bold",children:"Access Denied"}),e.jsx("p",{className:"text-lg",children:"You must login or register for the workshop to view the diff."})]}),e.jsx("div",{className:"h-16"}),e.jsx("p",{className:"pb-4",children:"Check out this video to see how the diff tab works."}),e.jsx(z,{url:"https://www.epicweb.dev/tips/epic-workshop-diff-tab-demo"})]})})})})}function K({diff:r,allApps:a}){const t=V(),[l]=F(),c=new URLSearchParams(l);c.set("forceFresh","diff");const n=U(),u=$.useSpinDelay(n.state!=="idle",{delay:0,minDuration:1e3}),m=[];for(const[s,i]of l.entries())s==="app1"||s==="app2"||m.push(e.jsx("input",{type:"hidden",name:s,value:i},s));return e.jsx(f.Suspense,{fallback:e.jsx("div",{className:"flex items-center justify-center p-8",children:e.jsx(p,{content:"Loading diff",children:e.jsx(o,{name:"Refresh",className:"animate-spin"})})}),children:e.jsx(h,{resolve:r,errorElement:e.jsx("p",{className:"text-foreground-destructive p-6",children:"There was an error calculating the diff. Sorry."}),children:s=>e.jsxs("div",{className:"flex h-full w-full flex-col",children:[e.jsxs("div",{className:"flex h-14 min-h-14 w-full overflow-x-hidden border-b",children:[e.jsx("div",{className:"border-r",children:e.jsx(p,{content:"Reload diff",children:e.jsx(B,{to:`.?${c}`,className:"flex h-full w-14 items-center justify-center",children:e.jsx(o,{name:"Refresh",className:E({"animate-spin":u})})})})}),e.jsxs(G,{onChange:i=>t(i.currentTarget),className:"scrollbar-thin scrollbar-thumb-scrollbar flex h-full flex-1 items-center overflow-x-auto",children:[m,e.jsx(d,{name:"app1",label:"App 1",className:"border-r",allApps:a,defaultValue:s.app1}),e.jsx(d,{name:"app2",label:"App 2",allApps:a,defaultValue:s.app2})]},`${s.app1}${s.app2}`)]}),e.jsx("div",{className:"scrollbar-thin scrollbar-thumb-scrollbar grow overflow-y-scroll",children:s.diffCode?e.jsx("div",{children:e.jsx(g,{className:"w-full",type:"multiple",children:e.jsx(M,{code:s.diffCode,components:q})})}):s.app1&&s.app2?e.jsx("p",{className:"bg-foreground text-background m-5 inline-flex items-center justify-center px-1 py-0.5 font-mono text-sm uppercase",children:"There was a problem generating the diff"}):e.jsx("p",{className:"bg-foreground text-background m-5 inline-flex items-center justify-center px-1 py-0.5 font-mono text-sm uppercase",children:"Select two apps to compare"})}),e.jsx(J,{app1:s.app1,app2:s.app2})]})})})}function d({name:r,label:a,className:t,allApps:l,defaultValue:c}){return e.jsxs(b,{name:r,defaultValue:c,children:[e.jsxs(w,{className:x("radix-placeholder:text-muted-foreground flex h-full w-full max-w-[50%] items-center justify-between px-3 text-left focus-visible:outline-none",t),"aria-label":`Select ${a} for git Diff`,children:[e.jsxs("span",{className:"truncate",children:[a,":"," ",e.jsx(v,{placeholder:`Select ${a}`,className:"inline-block w-40 truncate"})]}),e.jsx(y,{className:"",children:e.jsx(o,{name:"TriangleDownSmall"})})]}),e.jsx(S,{children:e.jsxs(k,{position:"popper",align:"start",className:"bg-popover text-popover-foreground z-20 max-h-[50vh] lg:max-h-[70vh]",children:[e.jsx(R,{className:"flex h-5 cursor-default items-center justify-center",children:e.jsx(o,{name:"ChevronUp"})}),e.jsx(D,{className:"p-3",children:e.jsxs(C,{children:[e.jsx(I,{className:"px-5 pb-3 font-mono uppercase",children:a}),l.map(n=>e.jsx(O,{value:n.name,children:n.displayName},n.name))]})}),e.jsx(A,{className:"flex h-5 cursor-default items-center justify-center",children:e.jsx(o,{name:"ChevronDown"})})]})})]})}const O=({ref:r,children:a,className:t,...l})=>e.jsxs(T,{className:x("radix-disabled:text-muted-foreground radix-highlighted:opacity-100 radix-highlighted:outline-none radix-state-checked:opacity-100 relative flex cursor-pointer items-center rounded px-10 py-2 leading-none opacity-80 select-none",t),...l,ref:r,children:[e.jsx(L,{children:a}),e.jsx(P,{className:"absolute left-0 inline-flex w-[25px] items-center justify-center",children:e.jsx(o,{name:"CheckSmall"})})]});export{oe as U};
+//# sourceMappingURL=diff-Dng5ItOr.js.map

package/build/client/assets/{diff-HIgoC1PO.js.map → diff-Dng5ItOr.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"diff-HIgoC1PO.js","sources":["../../../app/components/diff.tsx"],"sourcesContent":["import * as Accordion from '@radix-ui/react-accordion'\nimport * as Select from '@radix-ui/react-select'\nimport { clsx } from 'clsx'\nimport React, { Suspense } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport {\n\tAwait,\n\tForm,\n\tLink,\n\tuseNavigation,\n\tuseSearchParams,\n\tuseSubmit,\n} from 'react-router'\nimport { useSpinDelay } from 'spin-delay'\nimport AccordionComponent from '#app/components/accordion.tsx'\nimport { Mdx } from '#app/utils/mdx.tsx'\nimport { cn } from '#app/utils/misc.tsx'\nimport { useApps } from '#app/utils/root-loader.ts'\nimport { DeferredEpicVideo } from './epic-video.tsx'\nimport { Icon } from './icons.tsx'\nimport { useRevalidationWS } from './revalidation-ws.tsx'\nimport { SimpleTooltip } from './ui/tooltip.tsx'\n\ntype diffProp = {\n\tapp1?: string\n\tapp2?: string\n\tdiffCode?: string \| null\n}\n\nconst pre = (props: any) => <pre {...props} />\n\nconst mdxComponents = {\n\tAccordion: AccordionComponent,\n\t// override the pre-with-buttons\n\tpre,\n}\n\nfunction RevalidateApps({\n\tapp1: app1Name,\n\tapp2: app2Name,\n}: {\n\tapp1?: string\n\tapp2?: string\n}) {\n\tconst apps = useApps()\n\tconst app1 = apps.find((app) => app.name === app1Name)\n\tconst app2 = apps.find((app) => app.name === app2Name)\n\n\tuseRevalidationWS({\n\t\twatchPaths: [app1?.fullPath, app2?.fullPath].filter(Boolean),\n\t})\n\treturn null\n}\n\nexport function UserHasAccessDiff({\n\tuserHasAccessPromise,\n\tdiff,\n\tallApps,\n}: {\n\tuserHasAccessPromise: Promise<boolean>\n\tdiff: Promise<diffProp> \| diffProp\n\tallApps: Array<{ name: string; displayName: string }>\n}) {\n\treturn (\n\t\t<ErrorBoundary\n\t\t\tfallbackRender={() => (\n\t\t\t\t<div className=\"w-full p-12\">\n\t\t\t\t\t<div className=\"flex w-full flex-col gap-4 text-center\">\n\t\t\t\t\t\t<p className=\"text-2xl font-bold\">Error</p>\n\t\t\t\t\t\t<p className=\"text-lg\">\n\t\t\t\t\t\t\tThere was an error loading the user access.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t>\n\t\t\t<Suspense\n\t\t\t\tfallback={\n\t\t\t\t\t<div className=\"flex items-center justify-center p-8\">\n\t\t\t\t\t\t<SimpleTooltip content=\"Loading user access\">\n\t\t\t\t\t\t\t<Icon name=\"Refresh\" className=\"animate-spin\" />\n\t\t\t\t\t\t</SimpleTooltip>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<Await resolve={userHasAccessPromise}>\n\t\t\t\t\t{(userHasAccess) =>\n\t\t\t\t\t\tuserHasAccess ? (\n\t\t\t\t\t\t\t<DiffImplementation diff={diff} allApps={allApps} />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div className=\"w-full p-12\">\n\t\t\t\t\t\t\t\t<div className=\"flex w-full flex-col gap-4 text-center\">\n\t\t\t\t\t\t\t\t\t<p className=\"text-2xl font-bold\">Access Denied</p>\n\t\t\t\t\t\t\t\t\t<p className=\"text-lg\">\n\t\t\t\t\t\t\t\t\t\tYou must login or register for the workshop to view the\n\t\t\t\t\t\t\t\t\t\tdiff.\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"h-16\" />\n\t\t\t\t\t\t\t\t<p className=\"pb-4\">\n\t\t\t\t\t\t\t\t\tCheck out this video to see how the diff tab works.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t<DeferredEpicVideo url=\"https://www.epicweb.dev/tips/epic-workshop-diff-tab-demo\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t</Await>\n\t\t\t</Suspense>\n\t\t</ErrorBoundary>\n\t)\n}\n\nexport { UserHasAccessDiff as Diff }\n\nexport function DiffImplementation({\n\tdiff,\n\tallApps,\n}: {\n\tdiff: Promise<diffProp> \| diffProp\n\tallApps: Array<{ name: string; displayName: string }>\n}) {\n\tconst submit = useSubmit()\n\tconst [params] = useSearchParams()\n\tconst paramsWithForcedRefresh = new URLSearchParams(params)\n\tparamsWithForcedRefresh.set('forceFresh', 'diff')\n\tconst navigation = useNavigation()\n\tconst spinnerNavigating = useSpinDelay(navigation.state !== 'idle', {\n\t\tdelay: 0,\n\t\tminDuration: 1000,\n\t})\n\n\tconst hiddenInputs: Array<React.ReactNode> = []\n\tfor (const [key, value] of params.entries()) {\n\t\tif (key === 'app1' \|\| key === 'app2') continue\n\t\thiddenInputs.push(\n\t\t\t<input key={key} type=\"hidden\" name={key} value={value} />,\n\t\t)\n\t}\n\n\treturn (\n\t\t<Suspense\n\t\t\tfallback={\n\t\t\t\t<div className=\"flex items-center justify-center p-8\">\n\t\t\t\t\t<SimpleTooltip content=\"Loading diff\">\n\t\t\t\t\t\t<Icon name=\"Refresh\" className=\"animate-spin\" />\n\t\t\t\t\t</SimpleTooltip>\n\t\t\t\t</div>\n\t\t\t}\n\t\t>\n\t\t\t<Await\n\t\t\t\tresolve={diff}\n\t\t\t\terrorElement={\n\t\t\t\t\t<p className=\"text-foreground-destructive p-6\">\n\t\t\t\t\t\tThere was an error calculating the diff. Sorry.\n\t\t\t\t\t</p>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{(diff) => (\n\t\t\t\t\t<div className=\"flex h-full w-full flex-col\">\n\t\t\t\t\t\t<div className=\"flex h-14 min-h-14 w-full overflow-x-hidden border-b\">\n\t\t\t\t\t\t\t<div className=\"border-r\">\n\t\t\t\t\t\t\t\t<SimpleTooltip content=\"Reload diff\">\n\t\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\t\tto={`.?${paramsWithForcedRefresh}`}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex h-full w-14 items-center justify-center\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\tname=\"Refresh\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn({ 'animate-spin': spinnerNavigating })}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t</SimpleTooltip>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Form\n\t\t\t\t\t\t\t\tonChange={(e) => submit(e.currentTarget)}\n\t\t\t\t\t\t\t\tclassName=\"scrollbar-thin scrollbar-thumb-scrollbar flex h-full flex-1 items-center overflow-x-auto\"\n\t\t\t\t\t\t\t\tkey={`${diff.app1}${diff.app2}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{hiddenInputs}\n\t\t\t\t\t\t\t\t<SelectFileToDiff\n\t\t\t\t\t\t\t\t\tname=\"app1\"\n\t\t\t\t\t\t\t\t\tlabel=\"App 1\"\n\t\t\t\t\t\t\t\t\tclassName=\"border-r\"\n\t\t\t\t\t\t\t\t\tallApps={allApps}\n\t\t\t\t\t\t\t\t\tdefaultValue={diff.app1}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<SelectFileToDiff\n\t\t\t\t\t\t\t\t\tname=\"app2\"\n\t\t\t\t\t\t\t\t\tlabel=\"App 2\"\n\t\t\t\t\t\t\t\t\tallApps={allApps}\n\t\t\t\t\t\t\t\t\tdefaultValue={diff.app2}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Form>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"scrollbar-thin scrollbar-thumb-scrollbar grow overflow-y-scroll\">\n\t\t\t\t\t\t\t{diff.diffCode ? (\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<Accordion.Root className=\"w-full\" type=\"multiple\">\n\t\t\t\t\t\t\t\t\t\t<Mdx code={diff.diffCode} components={mdxComponents} />\n\t\t\t\t\t\t\t\t\t</Accordion.Root>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) : diff.app1 && diff.app2 ? (\n\t\t\t\t\t\t\t\t<p className=\"bg-foreground text-background m-5 inline-flex items-center justify-center px-1 py-0.5 font-mono text-sm uppercase\">\n\t\t\t\t\t\t\t\t\tThere was a problem generating the diff\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<p className=\"bg-foreground text-background m-5 inline-flex items-center justify-center px-1 py-0.5 font-mono text-sm uppercase\">\n\t\t\t\t\t\t\t\t\tSelect two apps to compare\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<RevalidateApps app1={diff.app1} app2={diff.app2} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Await>\n\t\t</Suspense>\n\t)\n}\n\nfunction SelectFileToDiff({\n\tname,\n\tlabel,\n\tclassName,\n\tallApps,\n\tdefaultValue,\n}: {\n\tname: string\n\tlabel: string\n\tclassName?: string\n\tallApps: Array<{ name: string; displayName: string }>\n\tdefaultValue?: string\n}) {\n\treturn (\n\t\t<Select.Root name={name} defaultValue={defaultValue}>\n\t\t\t<Select.Trigger\n\t\t\t\tclassName={clsx(\n\t\t\t\t\t'radix-placeholder:text-muted-foreground flex h-full w-full max-w-[50%] items-center justify-between px-3 text-left focus-visible:outline-none',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\taria-label={`Select ${label} for git Diff`}\n\t\t\t>\n\t\t\t\t<span className=\"truncate\">\n\t\t\t\t\t{label}:{' '}\n\t\t\t\t\t<Select.Value\n\t\t\t\t\t\tplaceholder={`Select ${label}`}\n\t\t\t\t\t\tclassName=\"inline-block w-40 truncate\"\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t\t<Select.Icon className=\"\">\n\t\t\t\t\t<Icon name=\"TriangleDownSmall\" />\n\t\t\t\t</Select.Icon>\n\t\t\t</Select.Trigger>\n\t\t\t<Select.Portal>\n\t\t\t\t<Select.Content\n\t\t\t\t\tposition=\"popper\"\n\t\t\t\t\talign=\"start\"\n\t\t\t\t\tclassName=\"bg-popover text-popover-foreground z-20 max-h-[50vh] lg:max-h-[70vh]\"\n\t\t\t\t>\n\t\t\t\t\t<Select.ScrollUpButton className=\"flex h-5 cursor-default items-center justify-center\">\n\t\t\t\t\t\t<Icon name=\"ChevronUp\" />\n\t\t\t\t\t</Select.ScrollUpButton>\n\t\t\t\t\t<Select.Viewport className=\"p-3\">\n\t\t\t\t\t\t<Select.Group>\n\t\t\t\t\t\t\t<Select.Label className=\"px-5 pb-3 font-mono uppercase\">\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</Select.Label>\n\t\t\t\t\t\t\t{allApps.map((app) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<SelectItem key={app.name} value={app.name}>\n\t\t\t\t\t\t\t\t\t\t{app.displayName}\n\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</Select.Group>\n\t\t\t\t\t</Select.Viewport>\n\t\t\t\t\t<Select.ScrollDownButton className=\"flex h-5 cursor-default items-center justify-center\">\n\t\t\t\t\t\t<Icon name=\"ChevronDown\" />\n\t\t\t\t\t</Select.ScrollDownButton>\n\t\t\t\t</Select.Content>\n\t\t\t</Select.Portal>\n\t\t</Select.Root>\n\t)\n}\n\nconst SelectItem: React.FC<any> = ({\n\tref: forwardedRef,\n\tchildren,\n\tclassName,\n\t...props\n}) => {\n\treturn (\n\t\t<Select.Item\n\t\t\tclassName={clsx(\n\t\t\t\t'radix-disabled:text-muted-foreground radix-highlighted:opacity-100 radix-highlighted:outline-none radix-state-checked:opacity-100 relative flex cursor-pointer items-center rounded px-10 py-2 leading-none opacity-80 select-none',\n\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t\tref={forwardedRef}\n\t\t>\n\t\t\t<Select.ItemText>{children}</Select.ItemText>\n\t\t\t<Select.ItemIndicator className=\"absolute left-0 inline-flex w-[25px] items-center justify-center\">\n\t\t\t\t<Icon name=\"CheckSmall\" />\n\t\t\t</Select.ItemIndicator>\n\t\t</Select.Item>\n\t)\n}\n"],"names":["pre","props","jsx","mdxComponents","AccordionComponent","RevalidateApps","app1Name","app2Name","apps","useApps","app1","app","app2","useRevalidationWS","UserHasAccessDiff","userHasAccessPromise","diff","allApps","ErrorBoundary","jsxs","Suspense","SimpleTooltip","Icon","Await","userHasAccess","DiffImplementation","DeferredEpicVideo","submit","useSubmit","params","useSearchParams","paramsWithForcedRefresh","navigation","useNavigation","spinnerNavigating","useSpinDelay","hiddenInputs","key","value","Link","cn","Form","e","SelectFileToDiff","Accordion.Root","Mdx","name","label","className","defaultValue","Select.Root","Select.Trigger","clsx","Select.Value","Select.Icon","Select.Portal","Select.Content","Select.ScrollUpButton","Select.Viewport","Select.Group","Select.Label","SelectItem","Select.ScrollDownButton","forwardedRef","children","Select.Item","Select.ItemText","Select.ItemIndicator"],"mappings":"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"}
1	+ {"version":3,"file":"diff-Dng5ItOr.js","sources":["../../../app/components/diff.tsx"],"sourcesContent":["import * as Accordion from '@radix-ui/react-accordion'\nimport * as Select from '@radix-ui/react-select'\nimport { clsx } from 'clsx'\nimport React, { Suspense } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport {\n\tAwait,\n\tForm,\n\tLink,\n\tuseNavigation,\n\tuseSearchParams,\n\tuseSubmit,\n} from 'react-router'\nimport { useSpinDelay } from 'spin-delay'\nimport AccordionComponent from '#app/components/accordion.tsx'\nimport { Mdx } from '#app/utils/mdx.tsx'\nimport { cn } from '#app/utils/misc.tsx'\nimport { useApps } from '#app/utils/root-loader.ts'\nimport { DeferredEpicVideo } from './epic-video.tsx'\nimport { Icon } from './icons.tsx'\nimport { useRevalidationWS } from './revalidation-ws.tsx'\nimport { SimpleTooltip } from './ui/tooltip.tsx'\n\ntype diffProp = {\n\tapp1?: string\n\tapp2?: string\n\tdiffCode?: string \| null\n}\n\nconst pre = (props: any) => <pre {...props} />\n\nconst mdxComponents = {\n\tAccordion: AccordionComponent,\n\t// override the pre-with-buttons\n\tpre,\n}\n\nfunction RevalidateApps({\n\tapp1: app1Name,\n\tapp2: app2Name,\n}: {\n\tapp1?: string\n\tapp2?: string\n}) {\n\tconst apps = useApps()\n\tconst app1 = apps.find((app) => app.name === app1Name)\n\tconst app2 = apps.find((app) => app.name === app2Name)\n\n\tuseRevalidationWS({\n\t\twatchPaths: [app1?.fullPath, app2?.fullPath].filter(Boolean),\n\t})\n\treturn null\n}\n\nexport function UserHasAccessDiff({\n\tuserHasAccessPromise,\n\tdiff,\n\tallApps,\n}: {\n\tuserHasAccessPromise: Promise<boolean>\n\tdiff: Promise<diffProp> \| diffProp\n\tallApps: Array<{ name: string; displayName: string }>\n}) {\n\treturn (\n\t\t<ErrorBoundary\n\t\t\tfallbackRender={() => (\n\t\t\t\t<div className=\"w-full p-12\">\n\t\t\t\t\t<div className=\"flex w-full flex-col gap-4 text-center\">\n\t\t\t\t\t\t<p className=\"text-2xl font-bold\">Error</p>\n\t\t\t\t\t\t<p className=\"text-lg\">\n\t\t\t\t\t\t\tThere was an error loading the user access.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t>\n\t\t\t<Suspense\n\t\t\t\tfallback={\n\t\t\t\t\t<div className=\"flex items-center justify-center p-8\">\n\t\t\t\t\t\t<SimpleTooltip content=\"Loading user access\">\n\t\t\t\t\t\t\t<Icon name=\"Refresh\" className=\"animate-spin\" />\n\t\t\t\t\t\t</SimpleTooltip>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<Await resolve={userHasAccessPromise}>\n\t\t\t\t\t{(userHasAccess) =>\n\t\t\t\t\t\tuserHasAccess ? (\n\t\t\t\t\t\t\t<DiffImplementation diff={diff} allApps={allApps} />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div className=\"w-full p-12\">\n\t\t\t\t\t\t\t\t<div className=\"flex w-full flex-col gap-4 text-center\">\n\t\t\t\t\t\t\t\t\t<p className=\"text-2xl font-bold\">Access Denied</p>\n\t\t\t\t\t\t\t\t\t<p className=\"text-lg\">\n\t\t\t\t\t\t\t\t\t\tYou must login or register for the workshop to view the\n\t\t\t\t\t\t\t\t\t\tdiff.\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"h-16\" />\n\t\t\t\t\t\t\t\t<p className=\"pb-4\">\n\t\t\t\t\t\t\t\t\tCheck out this video to see how the diff tab works.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t<DeferredEpicVideo url=\"https://www.epicweb.dev/tips/epic-workshop-diff-tab-demo\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t</Await>\n\t\t\t</Suspense>\n\t\t</ErrorBoundary>\n\t)\n}\n\nexport { UserHasAccessDiff as Diff }\n\nexport function DiffImplementation({\n\tdiff,\n\tallApps,\n}: {\n\tdiff: Promise<diffProp> \| diffProp\n\tallApps: Array<{ name: string; displayName: string }>\n}) {\n\tconst submit = useSubmit()\n\tconst [params] = useSearchParams()\n\tconst paramsWithForcedRefresh = new URLSearchParams(params)\n\tparamsWithForcedRefresh.set('forceFresh', 'diff')\n\tconst navigation = useNavigation()\n\tconst spinnerNavigating = useSpinDelay(navigation.state !== 'idle', {\n\t\tdelay: 0,\n\t\tminDuration: 1000,\n\t})\n\n\tconst hiddenInputs: Array<React.ReactNode> = []\n\tfor (const [key, value] of params.entries()) {\n\t\tif (key === 'app1' \|\| key === 'app2') continue\n\t\thiddenInputs.push(\n\t\t\t<input key={key} type=\"hidden\" name={key} value={value} />,\n\t\t)\n\t}\n\n\treturn (\n\t\t<Suspense\n\t\t\tfallback={\n\t\t\t\t<div className=\"flex items-center justify-center p-8\">\n\t\t\t\t\t<SimpleTooltip content=\"Loading diff\">\n\t\t\t\t\t\t<Icon name=\"Refresh\" className=\"animate-spin\" />\n\t\t\t\t\t</SimpleTooltip>\n\t\t\t\t</div>\n\t\t\t}\n\t\t>\n\t\t\t<Await\n\t\t\t\tresolve={diff}\n\t\t\t\terrorElement={\n\t\t\t\t\t<p className=\"text-foreground-destructive p-6\">\n\t\t\t\t\t\tThere was an error calculating the diff. Sorry.\n\t\t\t\t\t</p>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{(diff) => (\n\t\t\t\t\t<div className=\"flex h-full w-full flex-col\">\n\t\t\t\t\t\t<div className=\"flex h-14 min-h-14 w-full overflow-x-hidden border-b\">\n\t\t\t\t\t\t\t<div className=\"border-r\">\n\t\t\t\t\t\t\t\t<SimpleTooltip content=\"Reload diff\">\n\t\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\t\tto={`.?${paramsWithForcedRefresh}`}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex h-full w-14 items-center justify-center\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\tname=\"Refresh\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn({ 'animate-spin': spinnerNavigating })}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t</SimpleTooltip>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Form\n\t\t\t\t\t\t\t\tonChange={(e) => submit(e.currentTarget)}\n\t\t\t\t\t\t\t\tclassName=\"scrollbar-thin scrollbar-thumb-scrollbar flex h-full flex-1 items-center overflow-x-auto\"\n\t\t\t\t\t\t\t\tkey={`${diff.app1}${diff.app2}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{hiddenInputs}\n\t\t\t\t\t\t\t\t<SelectFileToDiff\n\t\t\t\t\t\t\t\t\tname=\"app1\"\n\t\t\t\t\t\t\t\t\tlabel=\"App 1\"\n\t\t\t\t\t\t\t\t\tclassName=\"border-r\"\n\t\t\t\t\t\t\t\t\tallApps={allApps}\n\t\t\t\t\t\t\t\t\tdefaultValue={diff.app1}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<SelectFileToDiff\n\t\t\t\t\t\t\t\t\tname=\"app2\"\n\t\t\t\t\t\t\t\t\tlabel=\"App 2\"\n\t\t\t\t\t\t\t\t\tallApps={allApps}\n\t\t\t\t\t\t\t\t\tdefaultValue={diff.app2}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Form>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"scrollbar-thin scrollbar-thumb-scrollbar grow overflow-y-scroll\">\n\t\t\t\t\t\t\t{diff.diffCode ? (\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<Accordion.Root className=\"w-full\" type=\"multiple\">\n\t\t\t\t\t\t\t\t\t\t<Mdx code={diff.diffCode} components={mdxComponents} />\n\t\t\t\t\t\t\t\t\t</Accordion.Root>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) : diff.app1 && diff.app2 ? (\n\t\t\t\t\t\t\t\t<p className=\"bg-foreground text-background m-5 inline-flex items-center justify-center px-1 py-0.5 font-mono text-sm uppercase\">\n\t\t\t\t\t\t\t\t\tThere was a problem generating the diff\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<p className=\"bg-foreground text-background m-5 inline-flex items-center justify-center px-1 py-0.5 font-mono text-sm uppercase\">\n\t\t\t\t\t\t\t\t\tSelect two apps to compare\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<RevalidateApps app1={diff.app1} app2={diff.app2} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Await>\n\t\t</Suspense>\n\t)\n}\n\nfunction SelectFileToDiff({\n\tname,\n\tlabel,\n\tclassName,\n\tallApps,\n\tdefaultValue,\n}: {\n\tname: string\n\tlabel: string\n\tclassName?: string\n\tallApps: Array<{ name: string; displayName: string }>\n\tdefaultValue?: string\n}) {\n\treturn (\n\t\t<Select.Root name={name} defaultValue={defaultValue}>\n\t\t\t<Select.Trigger\n\t\t\t\tclassName={clsx(\n\t\t\t\t\t'radix-placeholder:text-muted-foreground flex h-full w-full max-w-[50%] items-center justify-between px-3 text-left focus-visible:outline-none',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\taria-label={`Select ${label} for git Diff`}\n\t\t\t>\n\t\t\t\t<span className=\"truncate\">\n\t\t\t\t\t{label}:{' '}\n\t\t\t\t\t<Select.Value\n\t\t\t\t\t\tplaceholder={`Select ${label}`}\n\t\t\t\t\t\tclassName=\"inline-block w-40 truncate\"\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t\t<Select.Icon className=\"\">\n\t\t\t\t\t<Icon name=\"TriangleDownSmall\" />\n\t\t\t\t</Select.Icon>\n\t\t\t</Select.Trigger>\n\t\t\t<Select.Portal>\n\t\t\t\t<Select.Content\n\t\t\t\t\tposition=\"popper\"\n\t\t\t\t\talign=\"start\"\n\t\t\t\t\tclassName=\"bg-popover text-popover-foreground z-20 max-h-[50vh] lg:max-h-[70vh]\"\n\t\t\t\t>\n\t\t\t\t\t<Select.ScrollUpButton className=\"flex h-5 cursor-default items-center justify-center\">\n\t\t\t\t\t\t<Icon name=\"ChevronUp\" />\n\t\t\t\t\t</Select.ScrollUpButton>\n\t\t\t\t\t<Select.Viewport className=\"p-3\">\n\t\t\t\t\t\t<Select.Group>\n\t\t\t\t\t\t\t<Select.Label className=\"px-5 pb-3 font-mono uppercase\">\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</Select.Label>\n\t\t\t\t\t\t\t{allApps.map((app) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<SelectItem key={app.name} value={app.name}>\n\t\t\t\t\t\t\t\t\t\t{app.displayName}\n\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</Select.Group>\n\t\t\t\t\t</Select.Viewport>\n\t\t\t\t\t<Select.ScrollDownButton className=\"flex h-5 cursor-default items-center justify-center\">\n\t\t\t\t\t\t<Icon name=\"ChevronDown\" />\n\t\t\t\t\t</Select.ScrollDownButton>\n\t\t\t\t</Select.Content>\n\t\t\t</Select.Portal>\n\t\t</Select.Root>\n\t)\n}\n\nconst SelectItem: React.FC<any> = ({\n\tref: forwardedRef,\n\tchildren,\n\tclassName,\n\t...props\n}) => {\n\treturn (\n\t\t<Select.Item\n\t\t\tclassName={clsx(\n\t\t\t\t'radix-disabled:text-muted-foreground radix-highlighted:opacity-100 radix-highlighted:outline-none radix-state-checked:opacity-100 relative flex cursor-pointer items-center rounded px-10 py-2 leading-none opacity-80 select-none',\n\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t\tref={forwardedRef}\n\t\t>\n\t\t\t<Select.ItemText>{children}</Select.ItemText>\n\t\t\t<Select.ItemIndicator className=\"absolute left-0 inline-flex w-[25px] items-center justify-center\">\n\t\t\t\t<Icon name=\"CheckSmall\" />\n\t\t\t</Select.ItemIndicator>\n\t\t</Select.Item>\n\t)\n}\n"],"names":["pre","props","jsx","mdxComponents","AccordionComponent","RevalidateApps","app1Name","app2Name","apps","useApps","app1","app","app2","useRevalidationWS","UserHasAccessDiff","userHasAccessPromise","diff","allApps","ErrorBoundary","jsxs","Suspense","SimpleTooltip","Icon","Await","userHasAccess","DiffImplementation","DeferredEpicVideo","submit","useSubmit","params","useSearchParams","paramsWithForcedRefresh","navigation","useNavigation","spinnerNavigating","useSpinDelay","hiddenInputs","key","value","Link","cn","Form","e","SelectFileToDiff","Accordion.Root","Mdx","name","label","className","defaultValue","Select.Root","Select.Trigger","clsx","Select.Value","Select.Icon","Select.Portal","Select.Content","Select.ScrollUpButton","Select.Viewport","Select.Group","Select.Label","SelectItem","Select.ScrollDownButton","forwardedRef","children","Select.Item","Select.ItemText","Select.ItemIndicator"],"mappings":"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"}

package/build/client/assets/epic-video-C1_HSISA.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{w}from"./chunk-EPOLDU6W-BCLmut3y.js";import{j as m}from"./jsx-runtime-C5WNSv3b.js";import{r as u}from"./index-CqIc3cxq.js";import{E as g,D as h}from"./epic-video-CC0372g5.js";import"@epic-web/workshop-utils/offline-video-utils";import"./use-event-source-BuD4_2SF.js";import"./index-DzdDahau.js";import"./index-vDCSPjrM.js";import"./index-CdzVFL-Z.js";import"./misc-W4055b-0.js";import"./tooltip-Tlsyx2YO.js";import"./root-loader-BOzEMapJ.js";import"./pe-CIZUOJMr.js";import"./schemas-Uj5SZtvt.js";import"./online-DiNLkgTC.js";import"./loading-CDNzW5oO.js";import"./format-CZ5n8p10.js";import"./user-BsPobzjB.js";import"./workshop-config-Zfc8zU0x.js";function l(p,r,i={}){const{schema:s}=i,e=crypto.randomUUID();return new Promise((t,o)=>{if(!window.parent\|\|window.parent===window){console.log("[MCP] No parent frame available. Would have sent message:",{type:p,messageId:e,payload:r}),o(new Error("No parent frame available"));return}window.parent.postMessage({type:p,messageId:e,payload:r},"");function n(a){if(a.data.type!=="ui-message-response"\|\|a.data.messageId!==e)return;window.removeEventListener("message",n);const{response:d,error:f}=a.data.payload;if(f)return o(f);if(!s)return t(d);const c=s.safeParse(d);return c.success?t(c.data):o(c.error)}window.addEventListener("message",n)})}const T=w(function({loaderData:r}){const i=u.useRef(null);u.useEffect(()=>{r.videoInfos?.finally(()=>{if(window.parent.postMessage({type:"ui-lifecycle-iframe-ready"},""),!i.current)return;const e=i.current.clientHeight,t=i.current.clientWidth;window.parent.postMessage({type:"ui-size-change",payload:{height:e,width:t}},"*")})},[r.videoInfos]);async function s(e){const t=e.target;if(!(t instanceof HTMLAnchorElement))return;const o=t.href;if(!o)return;e.preventDefault(),e.stopPropagation();const n=o.startsWith("http")?new URL(o):new URL(o,window.location.origin);n.host===window.location.host&&n.pathname==="/login"&&await l("tool",{toolName:"login",params:{workshopDirectory:ENV.EPICSHOP_CONTEXT_CWD}}),await l("link",{url:n.toString()})}return m.jsx("div",{ref:i,onClickCapture:s,children:m.jsx(g,{epicVideoInfosPromise:r.videoInfos,children:m.jsx(h,{url:r.videoUrl})})})});export{T as default};
2	+ //# sourceMappingURL=epic-video-C1_HSISA.js.map

package/build/client/assets/{epic-video-DEq93iL_.js.map → epic-video-C1_HSISA.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"epic-video-~~DEq93iL_~~.js","sources":["../../../app/routes/mcp-ui+/__utils.ts","../../../app/routes/mcp-ui+/epic-video.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { type z } from 'zod'\n\nexport function useMcpUiInit(rootRef: React.RefObject<HTMLDivElement \| null>) {\n\tuseEffect(() => {\n\t\twindow.parent.postMessage({ type: 'ui-lifecycle-iframe-ready' }, '')\n\t\tif (!rootRef.current) return\n\n\t\tconst height = rootRef.current.clientHeight\n\t\tconst width = rootRef.current.clientWidth\n\n\t\twindow.parent.postMessage(\n\t\t\t{ type: 'ui-size-change', payload: { height, width } },\n\t\t\t'',\n\t\t)\n\t}, [rootRef])\n}\n\ntype MessageOptions = { schema?: z.ZodSchema }\n\ntype McpMessageReturnType<Options> = Promise<\n\tOptions extends { schema: z.ZodSchema } ? z.infer<Options['schema']> : unknown\n>\n\ntype McpMessageTypes = {\n\ttool: { toolName: string; params: Record<string, unknown> }\n\tprompt: { prompt: string }\n\tlink: { url: string }\n}\n\ntype McpMessageType = keyof McpMessageTypes\n\nfunction sendMcpMessage<Options extends MessageOptions>(\n\ttype: 'tool',\n\tpayload: McpMessageTypes['tool'],\n\toptions?: Options,\n): McpMessageReturnType<Options>\n\nfunction sendMcpMessage<Options extends MessageOptions>(\n\ttype: 'prompt',\n\tpayload: McpMessageTypes['prompt'],\n\toptions?: Options,\n): McpMessageReturnType<Options>\n\nfunction sendMcpMessage<Options extends MessageOptions>(\n\ttype: 'link',\n\tpayload: McpMessageTypes['link'],\n\toptions?: Options,\n): McpMessageReturnType<Options>\n\nfunction sendMcpMessage<Options extends MessageOptions>(\n\ttype: 'link',\n\tpayload: McpMessageTypes['link'],\n\toptions?: Options,\n): McpMessageReturnType<Options>\n\nfunction sendMcpMessage(\n\ttype: McpMessageType,\n\tpayload: McpMessageTypes[McpMessageType],\n\toptions: MessageOptions = {},\n): McpMessageReturnType<typeof options> {\n\tconst { schema } = options\n\tconst messageId = crypto.randomUUID()\n\n\treturn new Promise((resolve, reject) => {\n\t\tif (!window.parent \|\| window.parent === window) {\n\t\t\tconsole.log(`[MCP] No parent frame available. Would have sent message:`, {\n\t\t\t\ttype,\n\t\t\t\tmessageId,\n\t\t\t\tpayload,\n\t\t\t})\n\t\t\treject(new Error('No parent frame available'))\n\t\t\treturn\n\t\t}\n\n\t\twindow.parent.postMessage({ type, messageId, payload }, '')\n\n\t\tfunction handleMessage(event: MessageEvent) {\n\t\t\tif (event.data.type !== 'ui-message-response') return\n\t\t\tif (event.data.messageId !== messageId) return\n\t\t\twindow.removeEventListener('message', handleMessage)\n\n\t\t\tconst { response, error } = event.data.payload\n\n\t\t\tif (error) return reject(error)\n\t\t\tif (!schema) return resolve(response)\n\n\t\t\tconst parseResult = schema.safeParse(response)\n\t\t\tif (!parseResult.success) return reject(parseResult.error)\n\n\t\t\treturn resolve(parseResult.data)\n\t\t}\n\n\t\twindow.addEventListener('message', handleMessage)\n\t})\n}\n\nexport { sendMcpMessage }\n\nexport function waitForRenderData<RenderData>(\n\tschema: z.ZodSchema<RenderData>,\n): Promise<RenderData> {\n\treturn new Promise((resolve, reject) => {\n\t\twindow.parent.postMessage({ type: 'ui-lifecycle-iframe-ready' }, '')\n\n\t\tfunction handleMessage(event: MessageEvent) {\n\t\t\tif (event.data?.type !== 'ui-lifecycle-iframe-render-data') return\n\t\t\twindow.removeEventListener('message', handleMessage)\n\n\t\t\tconst { renderData, error } = event.data.payload\n\n\t\t\tif (error) return reject(error)\n\t\t\tif (!schema) return resolve(renderData)\n\n\t\t\tconst parseResult = schema.safeParse(renderData)\n\t\t\tif (!parseResult.success) return reject(parseResult.error)\n\n\t\t\treturn resolve(parseResult.data)\n\t\t}\n\n\t\twindow.addEventListener('message', handleMessage)\n\t})\n}\n","import { invariantResponse } from '@epic-web/invariant'\nimport { getEpicVideoInfos } from '@epic-web/workshop-utils/epic-api.server'\nimport { makeTimings } from '@epic-web/workshop-utils/timing.server'\nimport { useEffect, useRef } from 'react'\nimport { data } from 'react-router'\nimport {\n\tDeferredEpicVideo,\n\tEpicVideoInfoProvider,\n} from '#app/components/epic-video.tsx'\nimport { type Route } from './+types/epic-video.tsx'\nimport { sendMcpMessage } from './__utils.ts'\n\nexport async function loader({ request }: Route.LoaderArgs) {\n\tconst timings = makeTimings('epicVideoLoader')\n\tconst videoUrl = new URL(request.url).searchParams.get('url')\n\tinvariantResponse(videoUrl, 'url param is required')\n\tconst videoInfos = getEpicVideoInfos([videoUrl], {\n\t\trequest,\n\t\ttimings,\n\t})\n\treturn data(\n\t\t{ videoInfos, videoUrl },\n\t\t{\n\t\t\theaders: {\n\t\t\t\t'Server-Timing': timings.toString(),\n\t\t\t},\n\t\t},\n\t)\n}\n\nexport default function EpicVideoEmbedRoute({\n\tloaderData,\n}: Route.ComponentProps) {\n\tconst rootRef = useRef<HTMLDivElement>(null)\n\tuseEffect(() => {\n\t\tvoid loaderData.videoInfos?.finally(() => {\n\t\t\twindow.parent.postMessage({ type: 'ui-lifecycle-iframe-ready' }, '')\n\t\t\tif (!rootRef.current) return\n\n\t\t\tconst height = rootRef.current.clientHeight\n\t\t\tconst width = rootRef.current.clientWidth\n\n\t\t\twindow.parent.postMessage(\n\t\t\t\t{ type: 'ui-size-change', payload: { height, width } },\n\t\t\t\t'',\n\t\t\t)\n\t\t})\n\t}, [loaderData.videoInfos])\n\n\tasync function handleLinksClick(event: React.MouseEvent<HTMLElement>) {\n\t\tconst target = event.target\n\t\tif (!(target instanceof HTMLAnchorElement)) return\n\n\t\tconst href = target.href\n\t\tif (!href) return\n\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\n\t\tconst url = href.startsWith('http')\n\t\t\t? new URL(href)\n\t\t\t: new URL(href, window.location.origin)\n\t\tconst isLocal = url.host === window.location.host\n\n\t\tif (isLocal && url.pathname === '/login') {\n\t\t\tawait sendMcpMessage('tool', {\n\t\t\t\ttoolName: 'login',\n\t\t\t\tparams: { workshopDirectory: ENV.EPICSHOP_CONTEXT_CWD },\n\t\t\t})\n\t\t}\n\n\t\tawait sendMcpMessage('link', { url: url.toString() })\n\t}\n\n\treturn (\n\t\t<div ref={rootRef} onClickCapture={handleLinksClick}>\n\t\t\t<EpicVideoInfoProvider epicVideoInfosPromise={loaderData.videoInfos}>\n\t\t\t\t<DeferredEpicVideo url={loaderData.videoUrl} />\n\t\t\t</EpicVideoInfoProvider>\n\t\t</div>\n\t)\n}\n"],"names":["sendMcpMessage","type","payload","options","schema","messageId","resolve","reject","handleMessage","event","response","error","parseResult","epicVideo","_UNSAFE_withComponentProps","loaderData","rootRef","useRef","useEffect","videoInfos","finally","window","parent","postMessage","current","height","clientHeight","width","clientWidth","handleLinksClick","target","HTMLAnchorElement","href","preventDefault","stopPropagation","url","startsWith","URL","location","origin","host","pathname","toolName","params","workshopDirectory","ENV","EPICSHOP_CONTEXT_CWD","toString","ref","onClickCapture","children","jsx","EpicVideoInfoProvider","epicVideoInfosPromise","DeferredEpicVideo","videoUrl"],"mappings":"~~+jBAwDA~~,SAASA,EACRC,EACAC,EACAC,EAA0B,CAAA,EACa,CACvC,KAAM,CAAE,OAAAC,GAAWD,EACbE,EAAY,OAAO,WAAA,EAEzB,OAAO,IAAI,QAAQ,CAACC,EAASC,IAAW,CACvC,GAAI,CAAC,OAAO,QAAU,OAAO,SAAW,OAAQ,CAC/C,QAAQ,IAAI,4DAA6D,CACxE,KAAAN,EACA,UAAAI,EACA,QAAAH,CAAA,CACA,EACDK,EAAO,IAAI,MAAM,2BAA2B,CAAC,EAC7C,MACD,CAEA,OAAO,OAAO,YAAY,CAAE,KAAAN,EAAM,UAAAI,EAAW,QAAAH,CAAA,EAAW,GAAG,EAE3D,SAASM,EAAcC,EAAqB,CAE3C,GADIA,EAAM,KAAK,OAAS,uBACpBA,EAAM,KAAK,YAAcJ,EAAW,OACxC,OAAO,oBAAoB,UAAWG,CAAa,EAEnD,KAAM,CAAE,SAAAE,EAAU,MAAAC,CAAA,EAAUF,EAAM,KAAK,QAEvC,GAAIE,EAAO,OAAOJ,EAAOI,CAAK,EAC9B,GAAI,CAACP,EAAQ,OAAOE,EAAQI,CAAQ,EAEpC,MAAME,EAAcR,EAAO,UAAUM,CAAQ,EAC7C,OAAKE,EAAY,QAEVN,EAAQM,EAAY,IAAI,EAFEL,EAAOK,EAAY,KAAK,CAG1D,CAEA,OAAO,iBAAiB,UAAWJ,CAAa,CACjD,CAAC,CACF,CCjEA,MAAAK,EAAAC,EAAA,SAA4C,CAC3CC,WAAAA,CACD,EAAyB,CACxB,MAAMC,EAAUC,EAAAA,OAAuB,IAAI,EAC3CC,EAAAA,UAAU,IAAM,CACVH,EAAWI,YAAYC,QAAQ,IAAM,CAEzC,GADAC,OAAOC,OAAOC,YAAY,CAAEtB,KAAM,6BAA+B,GAAG,EAChE,CAACe,EAAQQ,QAAS,OAEtB,MAAMC,EAAST,EAAQQ,QAAQE,aACzBC,EAAQX,EAAQQ,QAAQI,YAE9BP,OAAOC,OAAOC,YACb,CAAEtB,KAAM,iBAAkBC,QAAS,CAAEuB,OAAAA,EAAQE,MAAAA,CAAM,GACnD,GACD,CACD,CAAC,CACF,EAAG,CAACZ,EAAWI,UAAU,CAAC,EAE1B,eAAeU,EAAiBpB,EAAsC,CACrE,MAAMqB,EAASrB,EAAMqB,OACrB,GAAI,EAAEA,aAAkBC,mBAAoB,OAE5C,MAAMC,EAAOF,EAAOE,KACpB,GAAI,CAACA,EAAM,OAEXvB,EAAMwB,eAAA,EACNxB,EAAMyB,gBAAA,EAEN,MAAMC,EAAMH,EAAKI,WAAW,MAAM,EAC/B,IAAIC,IAAIL,CAAI,EACZ,IAAIK,IAAIL,EAAMX,OAAOiB,SAASC,MAAM,EACvBJ,EAAIK,OAASnB,OAAOiB,SAASE,MAE9BL,EAAIM,WAAa,UAC/B,MAAMzC,EAAe,OAAQ,CAC5B0C,SAAU,QACVC,OAAQ,CAAEC,kBAAmBC,IAAIC,oBAAqB,CACvD,CAAC,EAGF,MAAM9C,EAAe,OAAQ,CAAEmC,IAAKA,EAAIY,SAAA,CAAW,CAAC,CACrD,CAEA,aACE,MAAA,CAAIC,IAAKhC,EAASiC,eAAgBpB,EAClCqB,SAAAC,EAAAA,IAACC,EAAA,CAAsBC,sBAAuBtC,EAAWI,WACxD+B,SAAAC,EAAAA,IAACG,EAAA,CAAkBnB,IAAKpB,EAAWwC,SAAU,EAC9C,CAAA,CACD,CAEF,CAAA"}
1	+ {"version":3,"file":"epic-video-C1_HSISA.js","sources":["../../../app/routes/mcp-ui+/__utils.ts","../../../app/routes/mcp-ui+/epic-video.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { type z } from 'zod'\n\nexport function useMcpUiInit(rootRef: React.RefObject<HTMLDivElement \| null>) {\n\tuseEffect(() => {\n\t\twindow.parent.postMessage({ type: 'ui-lifecycle-iframe-ready' }, '')\n\t\tif (!rootRef.current) return\n\n\t\tconst height = rootRef.current.clientHeight\n\t\tconst width = rootRef.current.clientWidth\n\n\t\twindow.parent.postMessage(\n\t\t\t{ type: 'ui-size-change', payload: { height, width } },\n\t\t\t'',\n\t\t)\n\t}, [rootRef])\n}\n\ntype MessageOptions = { schema?: z.ZodSchema }\n\ntype McpMessageReturnType<Options> = Promise<\n\tOptions extends { schema: z.ZodSchema } ? z.infer<Options['schema']> : unknown\n>\n\ntype McpMessageTypes = {\n\ttool: { toolName: string; params: Record<string, unknown> }\n\tprompt: { prompt: string }\n\tlink: { url: string }\n}\n\ntype McpMessageType = keyof McpMessageTypes\n\nfunction sendMcpMessage<Options extends MessageOptions>(\n\ttype: 'tool',\n\tpayload: McpMessageTypes['tool'],\n\toptions?: Options,\n): McpMessageReturnType<Options>\n\nfunction sendMcpMessage<Options extends MessageOptions>(\n\ttype: 'prompt',\n\tpayload: McpMessageTypes['prompt'],\n\toptions?: Options,\n): McpMessageReturnType<Options>\n\nfunction sendMcpMessage<Options extends MessageOptions>(\n\ttype: 'link',\n\tpayload: McpMessageTypes['link'],\n\toptions?: Options,\n): McpMessageReturnType<Options>\n\nfunction sendMcpMessage<Options extends MessageOptions>(\n\ttype: 'link',\n\tpayload: McpMessageTypes['link'],\n\toptions?: Options,\n): McpMessageReturnType<Options>\n\nfunction sendMcpMessage(\n\ttype: McpMessageType,\n\tpayload: McpMessageTypes[McpMessageType],\n\toptions: MessageOptions = {},\n): McpMessageReturnType<typeof options> {\n\tconst { schema } = options\n\tconst messageId = crypto.randomUUID()\n\n\treturn new Promise((resolve, reject) => {\n\t\tif (!window.parent \|\| window.parent === window) {\n\t\t\tconsole.log(`[MCP] No parent frame available. Would have sent message:`, {\n\t\t\t\ttype,\n\t\t\t\tmessageId,\n\t\t\t\tpayload,\n\t\t\t})\n\t\t\treject(new Error('No parent frame available'))\n\t\t\treturn\n\t\t}\n\n\t\twindow.parent.postMessage({ type, messageId, payload }, '')\n\n\t\tfunction handleMessage(event: MessageEvent) {\n\t\t\tif (event.data.type !== 'ui-message-response') return\n\t\t\tif (event.data.messageId !== messageId) return\n\t\t\twindow.removeEventListener('message', handleMessage)\n\n\t\t\tconst { response, error } = event.data.payload\n\n\t\t\tif (error) return reject(error)\n\t\t\tif (!schema) return resolve(response)\n\n\t\t\tconst parseResult = schema.safeParse(response)\n\t\t\tif (!parseResult.success) return reject(parseResult.error)\n\n\t\t\treturn resolve(parseResult.data)\n\t\t}\n\n\t\twindow.addEventListener('message', handleMessage)\n\t})\n}\n\nexport { sendMcpMessage }\n\nexport function waitForRenderData<RenderData>(\n\tschema: z.ZodSchema<RenderData>,\n): Promise<RenderData> {\n\treturn new Promise((resolve, reject) => {\n\t\twindow.parent.postMessage({ type: 'ui-lifecycle-iframe-ready' }, '')\n\n\t\tfunction handleMessage(event: MessageEvent) {\n\t\t\tif (event.data?.type !== 'ui-lifecycle-iframe-render-data') return\n\t\t\twindow.removeEventListener('message', handleMessage)\n\n\t\t\tconst { renderData, error } = event.data.payload\n\n\t\t\tif (error) return reject(error)\n\t\t\tif (!schema) return resolve(renderData)\n\n\t\t\tconst parseResult = schema.safeParse(renderData)\n\t\t\tif (!parseResult.success) return reject(parseResult.error)\n\n\t\t\treturn resolve(parseResult.data)\n\t\t}\n\n\t\twindow.addEventListener('message', handleMessage)\n\t})\n}\n","import { invariantResponse } from '@epic-web/invariant'\nimport { getEpicVideoInfos } from '@epic-web/workshop-utils/epic-api.server'\nimport { makeTimings } from '@epic-web/workshop-utils/timing.server'\nimport { useEffect, useRef } from 'react'\nimport { data } from 'react-router'\nimport {\n\tDeferredEpicVideo,\n\tEpicVideoInfoProvider,\n} from '#app/components/epic-video.tsx'\nimport { type Route } from './+types/epic-video.tsx'\nimport { sendMcpMessage } from './__utils.ts'\n\nexport async function loader({ request }: Route.LoaderArgs) {\n\tconst timings = makeTimings('epicVideoLoader')\n\tconst videoUrl = new URL(request.url).searchParams.get('url')\n\tinvariantResponse(videoUrl, 'url param is required')\n\tconst videoInfos = getEpicVideoInfos([videoUrl], {\n\t\trequest,\n\t\ttimings,\n\t})\n\treturn data(\n\t\t{ videoInfos, videoUrl },\n\t\t{\n\t\t\theaders: {\n\t\t\t\t'Server-Timing': timings.toString(),\n\t\t\t},\n\t\t},\n\t)\n}\n\nexport default function EpicVideoEmbedRoute({\n\tloaderData,\n}: Route.ComponentProps) {\n\tconst rootRef = useRef<HTMLDivElement>(null)\n\tuseEffect(() => {\n\t\tvoid loaderData.videoInfos?.finally(() => {\n\t\t\twindow.parent.postMessage({ type: 'ui-lifecycle-iframe-ready' }, '')\n\t\t\tif (!rootRef.current) return\n\n\t\t\tconst height = rootRef.current.clientHeight\n\t\t\tconst width = rootRef.current.clientWidth\n\n\t\t\twindow.parent.postMessage(\n\t\t\t\t{ type: 'ui-size-change', payload: { height, width } },\n\t\t\t\t'',\n\t\t\t)\n\t\t})\n\t}, [loaderData.videoInfos])\n\n\tasync function handleLinksClick(event: React.MouseEvent<HTMLElement>) {\n\t\tconst target = event.target\n\t\tif (!(target instanceof HTMLAnchorElement)) return\n\n\t\tconst href = target.href\n\t\tif (!href) return\n\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\n\t\tconst url = href.startsWith('http')\n\t\t\t? new URL(href)\n\t\t\t: new URL(href, window.location.origin)\n\t\tconst isLocal = url.host === window.location.host\n\n\t\tif (isLocal && url.pathname === '/login') {\n\t\t\tawait sendMcpMessage('tool', {\n\t\t\t\ttoolName: 'login',\n\t\t\t\tparams: { workshopDirectory: ENV.EPICSHOP_CONTEXT_CWD },\n\t\t\t})\n\t\t}\n\n\t\tawait sendMcpMessage('link', { url: url.toString() })\n\t}\n\n\treturn (\n\t\t<div ref={rootRef} onClickCapture={handleLinksClick}>\n\t\t\t<EpicVideoInfoProvider epicVideoInfosPromise={loaderData.videoInfos}>\n\t\t\t\t<DeferredEpicVideo url={loaderData.videoUrl} />\n\t\t\t</EpicVideoInfoProvider>\n\t\t</div>\n\t)\n}\n"],"names":["sendMcpMessage","type","payload","options","schema","messageId","resolve","reject","handleMessage","event","response","error","parseResult","epicVideo","_UNSAFE_withComponentProps","loaderData","rootRef","useRef","useEffect","videoInfos","finally","window","parent","postMessage","current","height","clientHeight","width","clientWidth","handleLinksClick","target","HTMLAnchorElement","href","preventDefault","stopPropagation","url","startsWith","URL","location","origin","host","pathname","toolName","params","workshopDirectory","ENV","EPICSHOP_CONTEXT_CWD","toString","ref","onClickCapture","children","jsx","EpicVideoInfoProvider","epicVideoInfosPromise","DeferredEpicVideo","videoUrl"],"mappings":"ipBAwDA,SAASA,EACRC,EACAC,EACAC,EAA0B,CAAA,EACa,CACvC,KAAM,CAAE,OAAAC,GAAWD,EACbE,EAAY,OAAO,WAAA,EAEzB,OAAO,IAAI,QAAQ,CAACC,EAASC,IAAW,CACvC,GAAI,CAAC,OAAO,QAAU,OAAO,SAAW,OAAQ,CAC/C,QAAQ,IAAI,4DAA6D,CACxE,KAAAN,EACA,UAAAI,EACA,QAAAH,CAAA,CACA,EACDK,EAAO,IAAI,MAAM,2BAA2B,CAAC,EAC7C,MACD,CAEA,OAAO,OAAO,YAAY,CAAE,KAAAN,EAAM,UAAAI,EAAW,QAAAH,CAAA,EAAW,GAAG,EAE3D,SAASM,EAAcC,EAAqB,CAE3C,GADIA,EAAM,KAAK,OAAS,uBACpBA,EAAM,KAAK,YAAcJ,EAAW,OACxC,OAAO,oBAAoB,UAAWG,CAAa,EAEnD,KAAM,CAAE,SAAAE,EAAU,MAAAC,CAAA,EAAUF,EAAM,KAAK,QAEvC,GAAIE,EAAO,OAAOJ,EAAOI,CAAK,EAC9B,GAAI,CAACP,EAAQ,OAAOE,EAAQI,CAAQ,EAEpC,MAAME,EAAcR,EAAO,UAAUM,CAAQ,EAC7C,OAAKE,EAAY,QAEVN,EAAQM,EAAY,IAAI,EAFEL,EAAOK,EAAY,KAAK,CAG1D,CAEA,OAAO,iBAAiB,UAAWJ,CAAa,CACjD,CAAC,CACF,CCjEA,MAAAK,EAAAC,EAAA,SAA4C,CAC3CC,WAAAA,CACD,EAAyB,CACxB,MAAMC,EAAUC,EAAAA,OAAuB,IAAI,EAC3CC,EAAAA,UAAU,IAAM,CACVH,EAAWI,YAAYC,QAAQ,IAAM,CAEzC,GADAC,OAAOC,OAAOC,YAAY,CAAEtB,KAAM,6BAA+B,GAAG,EAChE,CAACe,EAAQQ,QAAS,OAEtB,MAAMC,EAAST,EAAQQ,QAAQE,aACzBC,EAAQX,EAAQQ,QAAQI,YAE9BP,OAAOC,OAAOC,YACb,CAAEtB,KAAM,iBAAkBC,QAAS,CAAEuB,OAAAA,EAAQE,MAAAA,CAAM,GACnD,GACD,CACD,CAAC,CACF,EAAG,CAACZ,EAAWI,UAAU,CAAC,EAE1B,eAAeU,EAAiBpB,EAAsC,CACrE,MAAMqB,EAASrB,EAAMqB,OACrB,GAAI,EAAEA,aAAkBC,mBAAoB,OAE5C,MAAMC,EAAOF,EAAOE,KACpB,GAAI,CAACA,EAAM,OAEXvB,EAAMwB,eAAA,EACNxB,EAAMyB,gBAAA,EAEN,MAAMC,EAAMH,EAAKI,WAAW,MAAM,EAC/B,IAAIC,IAAIL,CAAI,EACZ,IAAIK,IAAIL,EAAMX,OAAOiB,SAASC,MAAM,EACvBJ,EAAIK,OAASnB,OAAOiB,SAASE,MAE9BL,EAAIM,WAAa,UAC/B,MAAMzC,EAAe,OAAQ,CAC5B0C,SAAU,QACVC,OAAQ,CAAEC,kBAAmBC,IAAIC,oBAAqB,CACvD,CAAC,EAGF,MAAM9C,EAAe,OAAQ,CAAEmC,IAAKA,EAAIY,SAAA,CAAW,CAAC,CACrD,CAEA,aACE,MAAA,CAAIC,IAAKhC,EAASiC,eAAgBpB,EAClCqB,SAAAC,EAAAA,IAACC,EAAA,CAAsBC,sBAAuBtC,EAAWI,WACxD+B,SAAAC,EAAAA,IAACG,EAAA,CAAkBnB,IAAKpB,EAAWwC,SAAU,EAC9C,CAAA,CACD,CAEF,CAAA"}