https://whip.run/assets/WebExperienceCard-DQyPMtwi.js

1import{_ as e,b as t,g as n,h as r}from"./env-DDtwVrOu.js";import{t as i}from"./link-B8AtIfQ3.js";import{c as a}from"./http-xcAQJ1NU.js";import{a as o}from"./analytics-DpHunbR-.js";import{t as s}from"./analytics-flow-A6ST9zcX.js";import{n as c,t as l}from"./Avatar-Dvsa0qzY.js";import{n as u}from"./app-url-DSOOuF8Z.js";import{a as ee,n as te,r as ne}from"./format-Cv_ERoeq.js";import{n as re}from"./useWebExperience-D7Ly4WM4.js";var d=t(e(),1);function f(){if(typeof navigator>`u`)return!1;let e=navigator.connection;return!(e?.saveData||e?.effectiveType===`slow-2g`||e?.effectiveType===`2g`)}function p(e){if(typeof document>`u`||!f())return!1;let t;try{t=new URL(e).origin}catch{return!1}if(t===location.origin)return!1;let n=document.querySelector(`link[data-web-origin-warmup]`);if(n?.dataset.webOriginWarmup===t)return!0;n?.remove();let r=document.createElement(`link`);return r.rel=`preconnect`,r.href=t,r.dataset.webOriginWarmup=t,document.head.append(r),!0}var m={"x-frame-options":`blocked-by-site`,"frame-ancestors":`blocked-by-site`,"fetch-failed":`unverified`,"lambda-error":`unverified`,"lambda-not-configured":`unverified`};function h({isEmbeddable:e,blockReason:t}){return e?{stage:`frame`,copyKey:`none`}:{stage:`failure`,copyKey:t?m[t]:`unverified`}}var g=[`allow-scripts`,`allow-forms`,`allow-popups`,`allow-pointer-lock`,`allow-modals`];function _({url:e,hostOrigin:t}){return[...g,...t&&v(e,t)?[`allow-same-origin`]:[]].join(` `)}function v(e,t){try{return new URL(e).origin!==t}catch{return!1}}var y=new Map([[`https://arkenfall.site`,`https://www.arkenfall.site`]]);function b(e){try{let t=new URL(e),n=y.get(t.origin);return n?`${n}${t.pathname}${t.search}${t.hash}`:e}catch{return e}}var x=[`accelerometer`,`autoplay`,`gamepad`,`gyroscope`,`magnetometer`].join(`; `),S=1e4,C=new Map,w=new Map,T=new Map,E=new Map;function D(e,t){let n=w.get(e);n?.mode===`hover_iframe`||n?.mode===`touch_iframe`||w.set(e,{at:Date.now(),mode:t})}function ie(e){let t=Date.now(),n=s(),r=w.get(e);return w.delete(e),C.set(e,{openId:n,startedAt:t,warmupLeadMs:r&&t-r.at<=S?t-r.at:0,warmupMode:r&&t-r.at<=S?r.mode:`none`}),n}function O(e){return C.get(e)??null}function ae(e,t){E.set(e,t)}function oe(e){E.delete(e)}function se(e){return E.get(e)}function ce(e){let t=C.get(e);return C.delete(e),t&&T.set(e,t.openId),t??null}function k(e){return T.get(e)}function A(e,t){T.set(e,t)}function le(e){if(typeof sessionStorage>`u`)return!1;let t=`analytics:experience:visited:${e}`,n=sessionStorage.getItem(t)===`1`;return sessionStorage.setItem(t,`1`),n}function ue(){return typeof performance<`u`&&Number.isFinite(performance.timeOrigin)&&performance.timeOrigin>0?performance.timeOrigin:Date.now()}function de(e){try{return new URL(e).origin}catch{return`invalid`}}var fe=`web-experience-preview-pool`,j=1500,M=globalThis;function N(){return M.__whipPreviewFramePool??null}function P(e){M.__whipPreviewFramePool=e}function F(){let e=N();e?.abandonTimer&&clearTimeout(e.abandonTimer),e?.host.remove(),P(null)}function I(){return typeof Element<`u`&&typeof Element.prototype.moveBefore==`function`}function L(e,t){if(!I()||!e.isConnected||!t.isConnected)return!1;try{return e.moveBefore(t,null),!0}catch{return!1}}function R(){return document.getElementById(fe)}function z(e,t,n){e.className=[`pointer-events-none absolute inset-0 size-full overflow-hidden`,`duration-bloom ease-wake transition-opacity`,n?`opacity-100`:`opacity-0`].join(` `),t.className=[`pointer-events-none size-full border-0 duration-bloom ease-wake transition-opacity`,n?`opacity-100`:`opacity-0`].join(` `)}function B(e){let t=document.createElement(`div`),n=document.createElement(`iframe`),r=b(e.url);n.src=r,n.title=`${e.title} preview`,n.setAttribute(`sandbox`,_({url:r,hostOrigin:location.origin})),n.setAttribute(`allow`,x),n.setAttribute(`referrerpolicy`,`strict-origin-when-cross-origin`),n.style.pointerEvents=`none`;let i={id:e.id,url:e.url,host:t,frame:n,loaded:!1,loadCount:0,onLoad:null,lease:0,position:`card`,abandonTimer:null};return n.addEventListener(`load`,()=>{i.loaded=!0,i.loadCount+=1,n.dataset.whipLoaded=`true`,n.dataset.whipLoadCount=String(i.loadCount),i.onLoad?.()}),t.append(n),i}function V(e){e.abandonTimer&&clearTimeout(e.abandonTimer),e.abandonTimer=null}function H(e,t){V(e),e.abandonTimer=setTimeout(()=>{let t=N();t===e&&t.position===`parked`&&F()},t)}function pe({experience:e,slot:t,onLoad:n}){if(!I())return!1;let r=N();if(r?.position===`player`)return!1;r&&(r.id!==e.id||r.url!==e.url)&&F();let i=N();if(!i){let n=B(e);t.append(n.host),P(n),i=n}else if(i.host.parentElement!==t&&!L(t,i.host))return F(),!1;return V(i),i.position=`card`,i.lease+=1,i.onLoad=n,z(i.host,i.frame,i.loaded),i.loaded&&n(),!0}function me(e,t){let n=N();!n||n.id!==e||n.position!==`card`||z(n.host,n.frame,t&&n.loaded)}function he(e){if(!I())return!1;let t=R();if(!t)return!1;let n=N();if(n?.position===`player`)return!1;

1n&&(n.id!==e.id||n.url!==e.url)&&F();let r=N();if(!r)r=B(e),t.append(r.host),P(r);else if(r.host.parentElement!==t&&(r.position!==`card`||!L(t,r.host)))return F(),!1;return r.position=`parked`,r.lease+=1,r.onLoad=null,r.frame.dataset.whipLoadedBeforeOpen=String(r.loaded),r.frame.dataset.whipTouchWarmup=`true`,r.host.className=`pointer-events-none fixed top-0 left-0 size-px overflow-hidden opacity-0`,r.frame.className=`pointer-events-none size-full border-0 opacity-0`,H(r,j),!0}function U(e){let t=N();return t?.id!==e||t.position!==`parked`||t.frame.dataset.whipTouchWarmup!==`true`?!1:(F(),!0)}function W(e){let t=N();t?.id!==e||t.position!==`parked`||t.frame.dataset.whipTouchWarmup!==`true`||H(t,400)}function ge(e){let t=N();t?.id!==e||t.position!==`parked`||t.frame.dataset.whipTouchWarmup!==`true`||(H(t,j),t.frame.dataset.whipLoadedBeforeOpen=String(t.loaded))}function G(e){let t=N(),n=R();return t?.id===e&&t.position===`parked`?(t.frame.dataset.whipLoadedBeforeOpen=String(t.loaded),!0):!t||t.id!==e||t.position!==`card`||!n||!L(n,t.host)?!1:(t.position=`parked`,t.lease+=1,t.frame.dataset.whipLoadedBeforeOpen=String(t.loaded),t.host.className=`pointer-events-none fixed top-0 left-0 size-px overflow-hidden opacity-0`,!0)}function _e(e,t){let n=N();return I()&&n?.id===e&&n.url===t&&n.position===`parked`}function ve(e,t,n,r){let i=N();return!i||i.id!==e||i.url!==t?null:i.position===`player`&&i.host.parentElement===r?(i.lease+=1,i.frame):i.position===`parked`?L(r,i.host)?(V(i),i.position=`player`,i.lease+=1,i.host.className=`absolute inset-0 z-0 size-full overflow-hidden`,i.frame.className=`size-full border-0`,i.frame.style.pointerEvents=``,i.frame.id=`web-experience-frame-${e}`,i.frame.title=n,i.frame.dataset.whipPreviewReused=`true`,i.frame):(F(),null):null}function ye(e){let t=N();if(!t||t.id!==e)return;let n=t.lease;queueMicrotask(()=>{let t=N();t?.id===e&&t.lease===n&&F()})}function be(e,t){let n=N();if(!n||n.id!==e||n.host.parentElement!==t)return;let r=n.lease;queueMicrotask(()=>{let n=N();n?.id===e&&n.lease===r&&n.host.parentElement===t&&F()})}function xe(e){return{...e,is_embeddable:!0,embed_block_reason:null,status:`completed`,secondary_category:``,classification_confidence:null,save_count:0,is_saved:!1,updated_at:e.created_at}}var K=[400,800],Se=[400,800],Ce=`(min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw`,we=/^whip-r2-(prod|staging)\.whip\.run$/i,Te=/\.(?:jpe?g|png|gif|webp)$/i,Ee=new Set(Se);function q(e){try{let t=new URL(e);return t.protocol===`https:`&&we.test(t.hostname)&&t.port===``&&t.username===``&&t.password===``&&t.search===``&&t.hash===``&&Te.test(t.pathname)}catch{return!1}}function De(e){return Ee.has(e)?e:K[0]}function J(e=!0,t=void 0){return e===!0||t===`true`}function Y(e,t,n=J()){return!q(e)||!n?e:`/i?src=${encodeURIComponent(e)}&w=${De(t)}`}function Oe(e,t,n=J()){if(!(!q(e)||!n))return t.map(t=>`${Y(e,t,n)} ${t}w`).join(`, `)}var X=()=>window.location.origin,Z=n(),Q=[[`#144675`,`#2FB1B7`],[`#7C5CFF`,`#144675`],[`#2FB1B7`,`#4CD77F`],[`#FF8A3D`,`#F96767`],[`#F96767`,`#7C5CFF`],[`#FFD166`,`#FF8A3D`]];function ke({experience:e,imagePriority:t=!1,onOpen:n,preview:s,revealOrder:c=0,variant:m=`tile`}){let h=a(),g=m===`up-next`,_=s!==void 0&&`is_embeddable`in e&&e.is_embeddable,v=!(`is_embeddable`in e)||e.is_embeddable,y=(0,d.useRef)(null),b=(0,d.useRef)(null),x=()=>{y.current&&clearTimeout(y.current),y.current=null},S=()=>{v&&p(e.url)&&D(e.id,`preconnect`)},C=e=>{!g||e!==`mouse`||(x(),y.current=setTimeout(()=>{S(),y.current=null},75))};(0,d.useEffect)(()=>()=>{x()});let w=e.title||te(e.url)||`—`,T=[e.play_count>0?ne(e.play_count):null,ee(e.created_at)].filter(Boolean).join(` · `),E=u({authorProfileKey:e.author_profile_key,authorName:e.author_name,authorUrl:e.author_url}),O=()=>{let t=re(e.id);if(h.getQueryData(t.queryKey)===void 0){if(!(`is_embeddable`in e)){h.setQueryData(t.queryKey,xe(e),{updatedAt:0}),h.prefetchQuery(t);return}h.setQueryData(t.queryKey,e,{updatedAt:0})}};return(0,Z.jsxs)(`article`,{"data-track-id":e.id,onPointerOverCapture:O,onPointerDownCapture:t=>

1{x(),S(),O(),t.pointerType===`touch`&&`is_embeddable`in e&&e.is_embeddable&&f()?(b.current={pointerId:t.pointerId,x:t.clientX,y:t.clientY},he(e)&&D(e.id,`touch_iframe`)):G(e.id)},onPointerMoveCapture:t=>{let n=b.current;!n||n.pointerId!==t.pointerId||Math.hypot(t.clientX-n.x,t.clientY-n.y)<=12||(b.current=null,U(e.id))},onPointerCancelCapture:t=>{b.current?.pointerId===t.pointerId&&(b.current=null,U(e.id))},onPointerUpCapture:t=>{b.current?.pointerId===t.pointerId&&W(e.id)},onPointerEnter:e=>{_?s.onEnter(e.pointerType):C(e.pointerType)},onFocusCapture:()=>{x(),S(),O()},onPointerLeave:()=>{_&&s.onLeave(),x()},style:{"--content-arrive-delay":`${Math.min(c,6)*35}ms`},className:r(`content-arrive group relative isolate flex flex-col gap-2.5`,g&&`wide:flex-row wide:items-start wide:gap-3`),children:[(0,Z.jsx)(i,{to:`/experience/$webExperienceId`,params:{webExperienceId:e.id},preload:g?`intent`:!1,"aria-label":`Open ${w}`,onClickCapture:t=>{!t.metaKey&&!t.ctrlKey&&!t.shiftKey&&!t.altKey&&(b.current=null,ge(e.id),G(e.id))},onClick:t=>{if(!t.metaKey&&!t.ctrlKey&&!t.shiftKey&&!t.altKey){let t=ie(e.id);o(`web_experience_open_requested`,{web_experience_id:e.id,experience_open_id:t,source_path:window.location.pathname,surface:g?`up_next`:`web_experience_card`})}O(),n?.(Ne(t.currentTarget))},className:`absolute inset-0 z-0 rounded-lg focus-visible:outline-none`,children:(0,Z.jsxs)(`span`,{className:`sr-only`,children:[`Open `,w]})}),(0,Z.jsx)(`span`,{"aria-hidden":`true`,className:r(`pointer-events-none absolute -inset-2 -z-10 rounded-lg bg-stage-lit`,`scale-95 opacity-0 duration-bloom ease-wake transition`,`group-hover:scale-100 group-hover:opacity-100`,`group-focus-within:scale-100 group-focus-within:opacity-100`)}),(0,Z.jsx)(`div`,{className:r(`relative z-10 aspect-video w-full shrink-0 overflow-hidden rounded-md bg-stage-lit`,`pointer-events-none`,`border border-line-soft`,g&&`wide:w-[var(--up-next-thumb-w)]`),children:_&&(s.warming||s.active)?(0,Z.jsx)(Ae,{active:s.active,experience:e}):(0,Z.jsx)($,{experience:e,priority:t})}),(0,Z.jsxs)(`div`,{className:`pointer-events-none relative z-10 flex min-w-0 gap-2.5`,children:[e.author_name?E?(0,Z.jsx)(`a`,{href:E,"aria-label":`Open ${e.author_name}'s profile`,className:r(`pointer-events-auto shrink-0 rounded-full focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ink`,g&&`wide:hidden`),children:(0,Z.jsx)(l,{src:e.author_image_url,alt:e.author_name,colorKey:e.author_name,className:`size-9`,initialClass:`text-body-sm`})}):(0,Z.jsx)(l,{src:e.author_image_url,alt:e.author_name,colorKey:e.author_name,className:r(`size-9 shrink-0`,g&&`wide:hidden`),initialClass:`text-body-sm`}):null,(0,Z.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-0.5`,children:[(0,Z.jsx)(`p`,{className:r(`truncate text-body-lg font-medium text-ink`,g&&`wide:line-clamp-2 wide:whitespace-normal wide:text-label-strong`),children:w}),e.author_name?(0,Z.jsx)(`p`,{className:`truncate text-meta-default text-muted duration-arm transition-colors group-hover:text-ink`,children:e.author_name}):null,(0,Z.jsx)(`p`,{className:`truncate text-meta-default text-muted tabular-nums`,children:T})]})]})]})}function Ae({active:e,experience:t}){return I()?(0,Z.jsx)(je,{active:e,experience:t}):(0,Z.jsx)(Me,{active:e,experience:t})}function je({active:e,experience:t}){let[n,r]=(0,d.useState)(!1),i=(0,d.useRef)(null);return(0,d.useEffect)(()=>{let e=i.current;if(e)return pe({experience:t,slot:e,onLoad:()=>r(!0)}),()=>be(t.id,e)},[t]),(0,d.useEffect)(()=>{me(t.id,e&&n)},[e,t.id,n]),(0,Z.jsxs)(`div`,{className:`relative size-full`,children:[(0,Z.jsx)(`div`,{ref:i,className:`absolute inset-0`}),(0,Z.jsx)($,{experience:t,hidden:e&&n,priority:!0,immediate:!0})]})}function Me({active:e,experience:t}){let[n,i]=(0,d.useState)(!1),a=b(t.url);return(0,Z.jsxs)(`div`,{className:`relative size-full`,children:[(0,Z.jsx)(`iframe`,{src:a,title:`${t.title} preview`,sandbox:_({url:a,hostOrigin:X()}),allow:x,referrerPolicy:`strict-origin-when-cross-origin`,onLoad:()=>i(!0),className:r(`pointer-events-none absolute inset-0 size-full border-0 duration-bloom ease-wake transition-opacity`,e&&n?`opacity-100`:`opacity-0`)}),(0,Z.jsx)($,{experience:t,hidden:e&&n,priority:!0,immediate:!0})]})}function Ne(e){return e.closest(`[data-track-id]`)??e}function $({experience:e,hidden:t=!1,immediate:n=!1,priority:i=!1}){let[a,o]=(0,d.useState)(!1),s=(0,d.useRef)(null);if((0,d.useEffect)(()=>{s.current?.complete&&o(!0)},[]),e.thumbnail_url){let c=Oe(e.thumbnail_url,K);return(0,Z.jsx)(`img`,{ref:s,src:Y(e.thumbnail_url,800),srcSet:c,sizes:c?Ce:void 0,alt:``,loading:i?`eager`:`lazy`,fetchPriority:i?`high`:`auto`,onLoad:()=>o(!0),className:r(`size-full object-cover duration-toast ease-wake transition`,`group-hover:scale-104`,(a||n)&&!t?`opacity-100`:`opacity-0`)})}

1let[l,u]=Q[c(e.id)%Q.length];return(0,Z.jsx)(`div`,{className:r(`size-full duration-bloom ease-wake transition-opacity`,t&&`opacity-0`),style:{backgroundImage:`linear-gradient(135deg, ${l}, ${u})`}})}export{f as C,b as S,de as _,ve as a,h as b,k as c,ae as d,D as f,se as g,oe as h,I as i,ce as l,le as m,X as n,_e as o,O as p,Y as r,ye as s,ke as t,A as u,ue as v,p as w,_ as x,x as y};