From eac21c84b3aba35e56c7ce1a932a4e14c6c4ec64 Mon Sep 17 00:00:00 2001 From: Dmitri Date: Sat, 28 Mar 2026 17:11:39 +0400 Subject: [PATCH] improved preloading logic --- backend/src/services/pwa_manifest.js | 12 + frontend/public/sw.js | 2 +- .../src/components/RuntimePresentation.tsx | 232 +++++----------- frontend/src/hooks/index.ts | 11 + frontend/src/hooks/useBackgroundTransition.ts | 164 ++++++++++++ frontend/src/hooks/usePageDataLoader.ts | 253 ++++++++++++++++++ frontend/src/hooks/usePreloadOrchestrator.ts | 139 +++++++--- frontend/src/lib/mediaHelpers.ts | 158 +++++++++++ frontend/src/lib/navigationHelpers.ts | 136 ++++++++++ frontend/src/pages/constructor.tsx | 169 ++---------- frontend/src/types/preload.ts | 1 + frontend/src/types/presentation.ts | 107 ++++++++ 12 files changed, 1028 insertions(+), 356 deletions(-) create mode 100644 frontend/src/hooks/useBackgroundTransition.ts create mode 100644 frontend/src/hooks/usePageDataLoader.ts create mode 100644 frontend/src/lib/mediaHelpers.ts create mode 100644 frontend/src/lib/navigationHelpers.ts create mode 100644 frontend/src/types/presentation.ts diff --git a/backend/src/services/pwa_manifest.js b/backend/src/services/pwa_manifest.js index 614bd53..99ec0f6 100644 --- a/backend/src/services/pwa_manifest.js +++ b/backend/src/services/pwa_manifest.js @@ -211,6 +211,18 @@ class PWAManifestService { [page.id], ); } + if (page.background_audio_url) { + addAsset( + `page-audio-${page.id}`, + page.background_audio_url, + `page-${page.slug}-audio.mp3`, + 'original', + 'audio', + 'audio/mpeg', + 0, + [page.id], + ); + } // Extract URLs from ui_schema_json elements try { diff --git a/frontend/public/sw.js b/frontend/public/sw.js index f166460..77eec28 100644 --- a/frontend/public/sw.js +++ b/frontend/public/sw.js @@ -1,2 +1,2 @@ (()=>{"use strict";let e,t,a,s={googleAnalytics:"googleAnalytics",precache:"precache-v2",prefix:"serwist",runtime:"runtime",suffix:"undefined"!=typeof registration?registration.scope:""},r=e=>[s.prefix,e,s.suffix].filter(e=>e&&e.length>0).join("-"),n={updateDetails:e=>{var t=t=>{let a=e[t];"string"==typeof a&&(s[t]=a)};for(let e of Object.keys(s))t(e)},getGoogleAnalyticsName:e=>e||r(s.googleAnalytics),getPrecacheName:e=>e||r(s.precache),getRuntimeName:e=>e||r(s.runtime)};class i extends Error{details;constructor(e,t){super(((e,...t)=>{let a=e;return t.length>0&&(a+=` :: ${JSON.stringify(t)}`),a})(e,t)),this.name=e,this.details=t}}function c(e){return new Promise(t=>setTimeout(t,e))}let o=new Set;function l(e,t){let a=new URL(e);for(let e of t)a.searchParams.delete(e);return a.href}async function h(e,t,a,s){let r=l(t.url,a);if(t.url===r)return e.match(t,s);let n={...s,ignoreSearch:!0};for(let i of(await e.keys(t,n)))if(r===l(i.url,a))return e.match(i,s)}class u{promise;resolve;reject;constructor(){this.promise=new Promise((e,t)=>{this.resolve=e,this.reject=t})}}let d=async()=>{for(let e of o)await e()},m="-precache-",g=async(e,t=m)=>{let a=(await self.caches.keys()).filter(a=>a.includes(t)&&a.includes(self.registration.scope)&&a!==e);return await Promise.all(a.map(e=>self.caches.delete(e))),a},p=(e,t)=>{let a=t();return e.waitUntil(a),a},f=(e,t)=>t.some(t=>e instanceof t),w=new WeakMap,y=new WeakMap,_=new WeakMap,b={get(e,t,a){if(e instanceof IDBTransaction){if("done"===t)return w.get(e);if("store"===t)return a.objectStoreNames[1]?void 0:a.objectStore(a.objectStoreNames[0])}return x(e[t])},set:(e,t,a)=>(e[t]=a,!0),has:(e,t)=>e instanceof IDBTransaction&&("done"===t||"store"===t)||t in e};function x(e){if(e instanceof IDBRequest){let t=new Promise((t,a)=>{let s=()=>{e.removeEventListener("success",r),e.removeEventListener("error",n)},r=()=>{t(x(e.result)),s()},n=()=>{a(e.error),s()};e.addEventListener("success",r),e.addEventListener("error",n)});return _.set(t,e),t}if(y.has(e))return y.get(e);let s=function(e){if("function"==typeof e)return(a||(a=[IDBCursor.prototype.advance,IDBCursor.prototype.continue,IDBCursor.prototype.continuePrimaryKey])).includes(e)?function(...t){return e.apply(R(this),t),x(this.request)}:function(...t){return x(e.apply(R(this),t))};return(e instanceof IDBTransaction&&function(e){if(w.has(e))return;let t=new Promise((t,a)=>{let s=()=>{e.removeEventListener("complete",r),e.removeEventListener("error",n),e.removeEventListener("abort",n)},r=()=>{t(),s()},n=()=>{a(e.error||new DOMException("AbortError","AbortError")),s()};e.addEventListener("complete",r),e.addEventListener("error",n),e.addEventListener("abort",n)});w.set(e,t)}(e),f(e,t||(t=[IDBDatabase,IDBObjectStore,IDBIndex,IDBCursor,IDBTransaction])))?new Proxy(e,b):e}(e);return s!==e&&(y.set(e,s),_.set(s,e)),s}let R=e=>_.get(e);function v(e,t,{blocked:a,upgrade:s,blocking:r,terminated:n}={}){let i=indexedDB.open(e,t),c=x(i);return s&&i.addEventListener("upgradeneeded",e=>{s(x(i.result),e.oldVersion,e.newVersion,x(i.transaction),e)}),a&&i.addEventListener("blocked",e=>a(e.oldVersion,e.newVersion,e)),c.then(e=>{n&&e.addEventListener("close",()=>n()),r&&e.addEventListener("versionchange",e=>r(e.oldVersion,e.newVersion,e))}).catch(()=>{}),c}let E=["get","getKey","getAll","getAllKeys","count"],S=["put","add","delete","clear"],q=new Map;function N(e,t){if(!(e instanceof IDBDatabase&&!(t in e)&&"string"==typeof t))return;if(q.get(t))return q.get(t);let a=t.replace(/FromIndex$/,""),s=t!==a,r=S.includes(a);if(!(a in(s?IDBIndex:IDBObjectStore).prototype)||!(r||E.includes(a)))return;let n=async function(e,...t){let n=this.transaction(e,r?"readwrite":"readonly"),i=n.store;return s&&(i=i.index(t.shift())),(await Promise.all([i[a](...t),r&&n.done]))[0]};return q.set(t,n),n}b=(e=>({...e,get:(t,a,s)=>N(t,a)||e.get(t,a,s),has:(t,a)=>!!N(t,a)||e.has(t,a)}))(b);let C=["continue","continuePrimaryKey","advance"],D={},T=new WeakMap,A=new WeakMap,P={get(e,t){if(!C.includes(t))return e[t];let a=D[t];return a||(a=D[t]=function(...e){T.set(this,A.get(this)[t](...e))}),a}};async function*k(...e){let t=this;if(t instanceof IDBCursor||(t=await t.openCursor(...e)),!t)return;let a=new Proxy(t,P);for(A.set(a,t),_.set(a,R(t));t;)yield a,t=await (T.get(a)||t.continue()),T.delete(a)}function U(e,t){return t===Symbol.asyncIterator&&f(e,[IDBIndex,IDBObjectStore,IDBCursor])||"iterate"===t&&f(e,[IDBIndex,IDBObjectStore])}b=(e=>({...e,get:(t,a,s)=>U(t,a)?k:e.get(t,a,s),has:(t,a)=>U(t,a)||e.has(t,a)}))(b);let I=async(t,a)=>{let s=null;if(t.url&&(s=new URL(t.url).origin),s!==self.location.origin)throw new i("cross-origin-copy-response",{origin:s});let r=t.clone(),n={headers:new Headers(r.headers),status:r.status,statusText:r.statusText},c=a?a(n):n,o=!function(){if(void 0===e){let t=new Response("");if("body"in t)try{new Response(t.body),e=!0}catch{e=!1}e=!1}return e}()?await r.blob():r.body;return new Response(o,c)},L="requests",F="queueName";class W{_db=null;async addEntry(e){let t=(await this.getDb()).transaction(L,"readwrite",{durability:"relaxed"});await t.store.add(e),await t.done}async getFirstEntryId(){let e=await this.getDb(),t=await e.transaction(L).store.openCursor();return t?.value.id}async getAllEntriesByQueueName(e){let t=await this.getDb();return await t.getAllFromIndex(L,F,IDBKeyRange.only(e))||[]}async getEntryCountByQueueName(e){return(await this.getDb()).countFromIndex(L,F,IDBKeyRange.only(e))}async deleteEntry(e){let t=await this.getDb();await t.delete(L,e)}async getFirstEntryByQueueName(e){return await this.getEndEntryFromIndex(IDBKeyRange.only(e),"next")}async getLastEntryByQueueName(e){return await this.getEndEntryFromIndex(IDBKeyRange.only(e),"prev")}async getEndEntryFromIndex(e,t){let a=await this.getDb(),s=await a.transaction(L).store.index(F).openCursor(e,t);return s?.value}async getDb(){return this._db||(this._db=await v("serwist-background-sync",3,{upgrade:this._upgradeDb})),this._db}_upgradeDb(e,t){t>0&&t<3&&e.objectStoreNames.contains(L)&&e.deleteObjectStore(L),e.createObjectStore(L,{autoIncrement:!0,keyPath:"id"}).createIndex(F,F,{unique:!1})}}class M{_queueName;_queueDb;constructor(e){this._queueName=e,this._queueDb=new W}async pushEntry(e){delete e.id,e.queueName=this._queueName,await this._queueDb.addEntry(e)}async unshiftEntry(e){let t=await this._queueDb.getFirstEntryId();t?e.id=t-1:delete e.id,e.queueName=this._queueName,await this._queueDb.addEntry(e)}async popEntry(){return this._removeEntry(await this._queueDb.getLastEntryByQueueName(this._queueName))}async shiftEntry(){return this._removeEntry(await this._queueDb.getFirstEntryByQueueName(this._queueName))}async getAll(){return await this._queueDb.getAllEntriesByQueueName(this._queueName)}async size(){return await this._queueDb.getEntryCountByQueueName(this._queueName)}async deleteEntry(e){await this._queueDb.deleteEntry(e)}async _removeEntry(e){return e&&await this.deleteEntry(e.id),e}}let O=["method","referrer","referrerPolicy","mode","credentials","cache","redirect","integrity","keepalive"];class B{_requestData;static async fromRequest(e){let t={url:e.url,headers:{}};for(let a of("GET"!==e.method&&(t.body=await e.clone().arrayBuffer()),e.headers.forEach((e,a)=>{t.headers[a]=e}),O))void 0!==e[a]&&(t[a]=e[a]);return new B(t)}constructor(e){"navigate"===e.mode&&(e.mode="same-origin"),this._requestData=e}toObject(){let e=Object.assign({},this._requestData);return e.headers=Object.assign({},this._requestData.headers),e.body&&(e.body=e.body.slice(0)),e}toRequest(){return new Request(this._requestData.url,this._requestData)}clone(){return new B(this.toObject())}}let K="serwist-background-sync",j=new Set,H=e=>{let t={request:new B(e.requestData).toRequest(),timestamp:e.timestamp};return e.metadata&&(t.metadata=e.metadata),t};class ${_name;_onSync;_maxRetentionTime;_queueStore;_forceSyncFallback;_syncInProgress=!1;_requestsAddedDuringSync=!1;constructor(e,{forceSyncFallback:t,onSync:a,maxRetentionTime:s}={}){if(j.has(e))throw new i("duplicate-queue-name",{name:e});j.add(e),this._name=e,this._onSync=a||this.replayRequests,this._maxRetentionTime=s||10080,this._forceSyncFallback=!!t,this._queueStore=new M(this._name),this._addSyncListener()}get name(){return this._name}async pushRequest(e){await this._addRequest(e,"push")}async unshiftRequest(e){await this._addRequest(e,"unshift")}async popRequest(){return this._removeRequest("pop")}async shiftRequest(){return this._removeRequest("shift")}async getAll(){let e=await this._queueStore.getAll(),t=Date.now(),a=[];for(let s of e){let e=60*this._maxRetentionTime*1e3;t-s.timestamp>e?await this._queueStore.deleteEntry(s.id):a.push(H(s))}return a}async size(){return await this._queueStore.size()}async _addRequest({request:e,metadata:t,timestamp:a=Date.now()},s){let r={requestData:(await B.fromRequest(e.clone())).toObject(),timestamp:a};switch(t&&(r.metadata=t),s){case"push":await this._queueStore.pushEntry(r);break;case"unshift":await this._queueStore.unshiftEntry(r)}this._syncInProgress?this._requestsAddedDuringSync=!0:await this.registerSync()}async _removeRequest(e){let t,a=Date.now();switch(e){case"pop":t=await this._queueStore.popEntry();break;case"shift":t=await this._queueStore.shiftEntry()}if(t){let s=60*this._maxRetentionTime*1e3;return a-t.timestamp>s?this._removeRequest(e):H(t)}}async replayRequests(){let e;for(;e=await this.shiftRequest();)try{await fetch(e.request.clone())}catch{throw await this.unshiftRequest(e),new i("queue-replay-failed",{name:this._name})}}async registerSync(){if("sync"in self.registration&&!this._forceSyncFallback)try{await self.registration.sync.register(`${K}:${this._name}`)}catch(e){}}_addSyncListener(){"sync"in self.registration&&!this._forceSyncFallback?self.addEventListener("sync",e=>{if(e.tag===`${K}:${this._name}`){let t=async()=>{let t;this._syncInProgress=!0;try{await this._onSync({queue:this})}catch(e){if(e instanceof Error)throw e}finally{this._requestsAddedDuringSync&&!(t&&!e.lastChance)&&await this.registerSync(),this._syncInProgress=!1,this._requestsAddedDuringSync=!1}};e.waitUntil(t())}}):this._onSync({queue:this})}static get _queueNames(){return j}}class G{_queue;constructor(e,t){this._queue=new $(e,t)}async fetchDidFail({request:e}){await this._queue.pushRequest({request:e})}}let z={cacheWillUpdate:async({response:e})=>200===e.status||0===e.status?e:null};function V(e){return"string"==typeof e?new Request(e):e}class Q{event;request;url;params;_cacheKeys={};_strategy;_handlerDeferred;_extendLifetimePromises;_plugins;_pluginStateMap;constructor(e,t){for(let a of(this.event=t.event,this.request=t.request,t.url&&(this.url=t.url,this.params=t.params),this._strategy=e,this._handlerDeferred=new u,this._extendLifetimePromises=[],this._plugins=[...e.plugins],this._pluginStateMap=new Map,this._plugins))this._pluginStateMap.set(a,{});this.event.waitUntil(this._handlerDeferred.promise)}async fetch(e){let{event:t}=this,a=V(e),s=await this.getPreloadResponse();if(s)return s;let r=this.hasCallback("fetchDidFail")?a.clone():null;try{for(let e of this.iterateCallbacks("requestWillFetch"))a=await e({request:a.clone(),event:t})}catch(e){if(e instanceof Error)throw new i("plugin-error-request-will-fetch",{thrownErrorMessage:e.message})}let n=a.clone();try{let e;for(let s of(e=await fetch(a,"navigate"===a.mode?void 0:this._strategy.fetchOptions),this.iterateCallbacks("fetchDidSucceed")))e=await s({event:t,request:n,response:e});return e}catch(e){throw r&&await this.runCallbacks("fetchDidFail",{error:e,event:t,originalRequest:r.clone(),request:n.clone()}),e}}async fetchAndCachePut(e){let t=await this.fetch(e),a=t.clone();return this.waitUntil(this.cachePut(e,a)),t}async cacheMatch(e){let t,a=V(e),{cacheName:s,matchOptions:r}=this._strategy,n=await this.getCacheKey(a,"read"),i={...r,cacheName:s};for(let e of(t=await caches.match(n,i),this.iterateCallbacks("cachedResponseWillBeUsed")))t=await e({cacheName:s,matchOptions:r,cachedResponse:t,request:n,event:this.event})||void 0;return t}async cachePut(e,t){let a=V(e);await c(0);let s=await this.getCacheKey(a,"write");if(!t)throw new i("cache-put-with-no-response",{url:new URL(String(s.url),location.href).href.replace(RegExp(`^${location.origin}`),"")});let r=await this._ensureResponseSafeToCache(t);if(!r)return!1;let{cacheName:n,matchOptions:o}=this._strategy,l=await self.caches.open(n),u=this.hasCallback("cacheDidUpdate"),m=u?await h(l,s.clone(),["__WB_REVISION__"],o):null;try{await l.put(s,u?r.clone():r)}catch(e){if(e instanceof Error)throw"QuotaExceededError"===e.name&&await d(),e}for(let e of this.iterateCallbacks("cacheDidUpdate"))await e({cacheName:n,oldResponse:m,newResponse:r.clone(),request:s,event:this.event});return!0}async getCacheKey(e,t){let a=`${e.url} | ${t}`;if(!this._cacheKeys[a]){let s=e;for(let e of this.iterateCallbacks("cacheKeyWillBeUsed"))s=V(await e({mode:t,request:s,event:this.event,params:this.params}));this._cacheKeys[a]=s}return this._cacheKeys[a]}hasCallback(e){for(let t of this._strategy.plugins)if(e in t)return!0;return!1}async runCallbacks(e,t){for(let a of this.iterateCallbacks(e))await a(t)}*iterateCallbacks(e){for(let t of this._strategy.plugins)if("function"==typeof t[e]){let a=this._pluginStateMap.get(t),s=s=>{let r={...s,state:a};return t[e](r)};yield s}}waitUntil(e){return this._extendLifetimePromises.push(e),e}async doneWaiting(){let e;for(;e=this._extendLifetimePromises.shift();)await e}destroy(){this._handlerDeferred.resolve(null)}async getPreloadResponse(){if(this.event instanceof FetchEvent&&"navigate"===this.event.request.mode&&"preloadResponse"in this.event)try{let e=await this.event.preloadResponse;if(e)return e}catch(e){}}async _ensureResponseSafeToCache(e){let t=e,a=!1;for(let e of this.iterateCallbacks("cacheWillUpdate"))if(t=await e({request:this.request,response:t,event:this.event})||void 0,a=!0,!t)break;return!a&&t&&200!==t.status&&(t=void 0),t}}class J{cacheName;plugins;fetchOptions;matchOptions;constructor(e={}){this.cacheName=n.getRuntimeName(e.cacheName),this.plugins=e.plugins||[],this.fetchOptions=e.fetchOptions,this.matchOptions=e.matchOptions}handle(e){let[t]=this.handleAll(e);return t}handleAll(e){e instanceof FetchEvent&&(e={event:e,request:e.request});let t=e.event,a="string"==typeof e.request?new Request(e.request):e.request,s=new Q(this,e.url?{event:t,request:a,url:e.url,params:e.params}:{event:t,request:a}),r=this._getResponse(s,a,t),n=this._awaitComplete(r,s,a,t);return[r,n]}async _getResponse(e,t,a){let s;await e.runCallbacks("handlerWillStart",{event:a,request:t});try{if(s=await this._handle(t,e),void 0===s||"error"===s.type)throw new i("no-response",{url:t.url})}catch(r){if(r instanceof Error){for(let n of e.iterateCallbacks("handlerDidError"))if(void 0!==(s=await n({error:r,event:a,request:t})))break}if(!s)throw r}for(let r of e.iterateCallbacks("handlerWillRespond"))s=await r({event:a,request:t,response:s});return s}async _awaitComplete(e,t,a,s){let r,n;try{r=await e}catch{}try{await t.runCallbacks("handlerDidRespond",{event:s,request:a,response:r}),await t.doneWaiting()}catch(e){e instanceof Error&&(n=e)}if(await t.runCallbacks("handlerDidComplete",{event:s,request:a,response:r,error:n}),t.destroy(),n)throw n}}class X extends J{_networkTimeoutSeconds;constructor(e={}){super(e),this.plugins.some(e=>"cacheWillUpdate"in e)||this.plugins.unshift(z),this._networkTimeoutSeconds=e.networkTimeoutSeconds||0}async _handle(e,t){let a,s=[],r=[];if(this._networkTimeoutSeconds){let{id:n,promise:i}=this._getTimeoutPromise({request:e,logs:s,handler:t});a=n,r.push(i)}let n=this._getNetworkPromise({timeoutId:a,request:e,logs:s,handler:t});r.push(n);let c=await t.waitUntil((async()=>await t.waitUntil(Promise.race(r))||await n)());if(!c)throw new i("no-response",{url:e.url});return c}_getTimeoutPromise({request:e,logs:t,handler:a}){let s;return{promise:new Promise(t=>{s=setTimeout(async()=>{t(await a.cacheMatch(e))},1e3*this._networkTimeoutSeconds)}),id:s}}async _getNetworkPromise({timeoutId:e,request:t,logs:a,handler:s}){let r,n;try{n=await s.fetchAndCachePut(t)}catch(e){e instanceof Error&&(r=e)}return e&&clearTimeout(e),(r||!n)&&(n=await s.cacheMatch(t)),n}}class Y extends J{_networkTimeoutSeconds;constructor(e={}){super(e),this._networkTimeoutSeconds=e.networkTimeoutSeconds||0}async _handle(e,t){let a,s;try{let a=[t.fetch(e)];if(this._networkTimeoutSeconds){let e=c(1e3*this._networkTimeoutSeconds);a.push(e)}if(!(s=await Promise.race(a)))throw Error(`Timed out the network response after ${this._networkTimeoutSeconds} seconds.`)}catch(e){e instanceof Error&&(a=e)}if(!s)throw new i("no-response",{url:e.url,error:a});return s}}let Z=e=>e&&"object"==typeof e?e:{handle:e};class ee{handler;match;method;catchHandler;constructor(e,t,a="GET"){this.handler=Z(t),this.match=e,this.method=a}setCatchHandler(e){this.catchHandler=Z(e)}}class et extends J{_fallbackToNetwork;static defaultPrecacheCacheabilityPlugin={cacheWillUpdate:async({response:e})=>!e||e.status>=400?null:e};static copyRedirectedCacheableResponsesPlugin={cacheWillUpdate:async({response:e})=>e.redirected?await I(e):e};constructor(e={}){e.cacheName=n.getPrecacheName(e.cacheName),super(e),this._fallbackToNetwork=!1!==e.fallbackToNetwork,this.plugins.push(et.copyRedirectedCacheableResponsesPlugin)}async _handle(e,t){let a=await t.getPreloadResponse();if(a)return a;let s=await t.cacheMatch(e);return s||(t.event&&"install"===t.event.type?await this._handleInstall(e,t):await this._handleFetch(e,t))}async _handleFetch(e,t){let a,s=t.params||{};if(this._fallbackToNetwork){let r=s.integrity,n=e.integrity,i=!n||n===r;a=await t.fetch(new Request(e,{integrity:"no-cors"!==e.mode?n||r:void 0})),r&&i&&"no-cors"!==e.mode&&(this._useDefaultCacheabilityPluginIfNeeded(),await t.cachePut(e,a.clone()))}else throw new i("missing-precache-entry",{cacheName:this.cacheName,url:e.url});return a}async _handleInstall(e,t){this._useDefaultCacheabilityPluginIfNeeded();let a=await t.fetch(e);if(!await t.cachePut(e,a.clone()))throw new i("bad-precaching-response",{url:e.url,status:a.status});return a}_useDefaultCacheabilityPluginIfNeeded(){let e=null,t=0;for(let[a,s]of this.plugins.entries())s!==et.copyRedirectedCacheableResponsesPlugin&&(s===et.defaultPrecacheCacheabilityPlugin&&(e=a),s.cacheWillUpdate&&t++);0===t?this.plugins.push(et.defaultPrecacheCacheabilityPlugin):t>1&&null!==e&&this.plugins.splice(e,1)}}class ea extends ee{_allowlist;_denylist;constructor(e,{allowlist:t=[/./],denylist:a=[]}={}){super(e=>this._match(e),e),this._allowlist=t,this._denylist=a}_match({url:e,request:t}){if(t&&"navigate"!==t.mode)return!1;let a=e.pathname+e.search;for(let e of this._denylist)if(e.test(a))return!1;return!!this._allowlist.some(e=>e.test(a))}}class es extends ee{constructor(e,t,a){super(({url:t})=>{let a=e.exec(t.href);if(a)return t.origin!==location.origin&&0!==a.index?void 0:a.slice(1)},t,a)}}let er=e=>{if(!e)throw new i("add-to-cache-list-unexpected-type",{entry:e});if("string"==typeof e){let t=new URL(e,location.href);return{cacheKey:t.href,url:t.href}}let{revision:t,url:a}=e;if(!a)throw new i("add-to-cache-list-unexpected-type",{entry:e});if(!t){let e=new URL(a,location.href);return{cacheKey:e.href,url:e.href}}let s=new URL(a,location.href),r=new URL(a,location.href);return s.searchParams.set("__WB_REVISION__",t),{cacheKey:s.href,url:r.href}};class en{updatedURLs=[];notUpdatedURLs=[];handlerWillStart=async({request:e,state:t})=>{t&&(t.originalRequest=e)};cachedResponseWillBeUsed=async({event:e,state:t,cachedResponse:a})=>{if("install"===e.type&&t?.originalRequest&&t.originalRequest instanceof Request){let e=t.originalRequest.url;a?this.notUpdatedURLs.push(e):this.updatedURLs.push(e)}return a}}let ei=async(e,t,a)=>{let s=t.map((e,t)=>({index:t,item:e})),r=async e=>{let t=[];for(;;){let r=s.pop();if(!r)return e(t);let n=await a(r.item);t.push({result:n,index:r.index})}},n=Array.from({length:e},()=>new Promise(r));return(await Promise.all(n)).flat().sort((e,t)=>e.indexe.result)};"undefined"!=typeof navigator&&/^((?!chrome|android).)*safari/i.test(navigator.userAgent);let ec="cache-entries",eo=e=>{let t=new URL(e,location.href);return t.hash="",t.href};class el{_cacheName;_db=null;constructor(e){this._cacheName=e}_getId(e){return`${this._cacheName}|${eo(e)}`}_upgradeDb(e){let t=e.createObjectStore(ec,{keyPath:"id"});t.createIndex("cacheName","cacheName",{unique:!1}),t.createIndex("timestamp","timestamp",{unique:!1})}_upgradeDbAndDeleteOldDbs(e){this._upgradeDb(e),this._cacheName&&function(e,{blocked:t}={}){let a=indexedDB.deleteDatabase(e);t&&a.addEventListener("blocked",e=>t(e.oldVersion,e)),x(a).then(()=>void 0)}(this._cacheName)}async setTimestamp(e,t){e=eo(e);let a={id:this._getId(e),cacheName:this._cacheName,url:e,timestamp:t},s=(await this.getDb()).transaction(ec,"readwrite",{durability:"relaxed"});await s.store.put(a),await s.done}async getTimestamp(e){let t=await this.getDb(),a=await t.get(ec,this._getId(e));return a?.timestamp}async expireEntries(e,t){let a=await this.getDb(),s=await a.transaction(ec,"readwrite").store.index("timestamp").openCursor(null,"prev"),r=[],n=0;for(;s;){let a=s.value;a.cacheName===this._cacheName&&(e&&a.timestamp=t?(s.delete(),r.push(a.url)):n++),s=await s.continue()}return r}async getDb(){return this._db||(this._db=await v("serwist-expiration",1,{upgrade:this._upgradeDbAndDeleteOldDbs.bind(this)})),this._db}}class eh{_isRunning=!1;_rerunRequested=!1;_maxEntries;_maxAgeSeconds;_matchOptions;_cacheName;_timestampModel;constructor(e,t={}){this._maxEntries=t.maxEntries,this._maxAgeSeconds=t.maxAgeSeconds,this._matchOptions=t.matchOptions,this._cacheName=e,this._timestampModel=new el(e)}async expireEntries(){if(this._isRunning){this._rerunRequested=!0;return}this._isRunning=!0;let e=this._maxAgeSeconds?Date.now()-1e3*this._maxAgeSeconds:0,t=await this._timestampModel.expireEntries(e,this._maxEntries),a=await self.caches.open(this._cacheName);for(let e of t)await a.delete(e,this._matchOptions);this._isRunning=!1,this._rerunRequested&&(this._rerunRequested=!1,this.expireEntries())}async updateTimestamp(e){await this._timestampModel.setTimestamp(e,Date.now())}async isURLExpired(e){if(!this._maxAgeSeconds)return!1;let t=await this._timestampModel.getTimestamp(e),a=Date.now()-1e3*this._maxAgeSeconds;return void 0===t||tthis.deleteCacheAndMetadata(),o.add(t))}_getCacheExpiration(e){if(e===n.getRuntimeName())throw new i("expire-custom-caches-only");let t=this._cacheExpirations.get(e);return t||(t=new eh(e,this._config),this._cacheExpirations.set(e,t)),t}cachedResponseWillBeUsed({event:e,cacheName:t,request:a,cachedResponse:s}){if(!s)return null;let r=this._isResponseDateFresh(s),n=this._getCacheExpiration(t),i="last-used"===this._config.maxAgeFrom,c=(async()=>{i&&await n.updateTimestamp(a.url),await n.expireEntries()})();try{e.waitUntil(c)}catch{}return r?s:null}_isResponseDateFresh(e){if("last-used"===this._config.maxAgeFrom)return!0;let t=Date.now();if(!this._config.maxAgeSeconds)return!0;let a=this._getDateHeaderTimestamp(e);return null===a||a>=t-1e3*this._config.maxAgeSeconds}_getDateHeaderTimestamp(e){if(!e.headers.has("date"))return null;let t=new Date(e.headers.get("date")).getTime();return Number.isNaN(t)?null:t}async cacheDidUpdate({cacheName:e,request:t}){let a=this._getCacheExpiration(e);await a.updateTimestamp(t.url),await a.expireEntries()}async deleteCacheAndMetadata(){for(let[e,t]of this._cacheExpirations)await self.caches.delete(e),await t.delete();this._cacheExpirations=new Map}}let ed="www.google-analytics.com",em="www.googletagmanager.com",eg=/^\/(\w+\/)?collect/,ep=({serwist:e,cacheName:t,...a})=>{let s=n.getGoogleAnalyticsName(t),r=new G("serwist-google-analytics",{maxRetentionTime:2880,onSync:(e=>async({queue:t})=>{let a;for(;a=await t.shiftRequest();){let{request:s,timestamp:r}=a,n=new URL(s.url);try{let t="POST"===s.method?new URLSearchParams(await s.clone().text()):n.searchParams,a=r-(Number(t.get("qt"))||0),i=Date.now()-a;if(t.set("qt",String(i)),e.parameterOverrides)for(let a of Object.keys(e.parameterOverrides)){let s=e.parameterOverrides[a];t.set(a,s)}"function"==typeof e.hitFilter&&e.hitFilter.call(null,t),await fetch(new Request(n.origin+n.pathname,{body:t.toString(),method:"POST",mode:"cors",credentials:"omit",headers:{"Content-Type":"text/plain"}}))}catch(e){throw await t.unshiftRequest(a),e}}})(a)});for(let t of[new ee(({url:e})=>e.hostname===em&&"/gtm.js"===e.pathname,new X({cacheName:s}),"GET"),new ee(({url:e})=>e.hostname===ed&&"/analytics.js"===e.pathname,new X({cacheName:s}),"GET"),new ee(({url:e})=>e.hostname===em&&"/gtag/js"===e.pathname,new X({cacheName:s}),"GET"),...(e=>{let t=({url:e})=>e.hostname===ed&&eg.test(e.pathname),a=new Y({plugins:[e]});return[new ee(t,a,"GET"),new ee(t,a,"POST")]})(r)])e.registerRoute(t)};class ef{_fallbackUrls;_serwist;constructor({fallbackUrls:e,serwist:t}){this._fallbackUrls=e,this._serwist=t}async handlerDidError(e){for(let t of this._fallbackUrls)if("string"==typeof t){let e=await this._serwist.matchPrecache(t);if(void 0!==e)return e}else if(t.matcher(e)){let e=await this._serwist.matchPrecache(t.url);if(void 0!==e)return e}}}let ew=async(e,t)=>{try{if(206===t.status)return t;let a=e.headers.get("range");if(!a)throw new i("no-range-header");let s=(e=>{let t=e.trim().toLowerCase();if(!t.startsWith("bytes="))throw new i("unit-must-be-bytes",{normalizedRangeHeader:t});if(t.includes(","))throw new i("single-range-only",{normalizedRangeHeader:t});let a=/(\d*)-(\d*)/.exec(t);if(!a||!(a[1]||a[2]))throw new i("invalid-range-values",{normalizedRangeHeader:t});return{start:""===a[1]?void 0:Number(a[1]),end:""===a[2]?void 0:Number(a[2])}})(a),r=await t.blob(),n=((e,t,a)=>{let s,r,n=e.size;if(a&&a>n||t&&t<0)throw new i("range-not-satisfiable",{size:n,end:a,start:t});return void 0!==t&&void 0!==a?(s=t,r=a+1):void 0!==t&&void 0===a?(s=t,r=n):void 0!==a&&void 0===t&&(s=n-a,r=n),{start:s,end:r}})(r,s.start,s.end),c=r.slice(n.start,n.end),o=c.size,l=new Response(c,{status:206,statusText:"Partial Content",headers:t.headers});return l.headers.set("Content-Length",String(o)),l.headers.set("Content-Range",`bytes ${n.start}-${n.end-1}/${r.size}`),l}catch(e){return new Response("",{status:416,statusText:"Range Not Satisfiable"})}};class ey{cachedResponseWillBeUsed=async({request:e,cachedResponse:t})=>t&&e.headers.has("range")?await ew(e,t):t}class e_ extends J{async _handle(e,t){let a,s=await t.cacheMatch(e);if(!s)try{s=await t.fetchAndCachePut(e)}catch(e){e instanceof Error&&(a=e)}if(!s)throw new i("no-response",{url:e.url,error:a});return s}}class eb extends J{constructor(e={}){super(e),this.plugins.some(e=>"cacheWillUpdate"in e)||this.plugins.unshift(z)}async _handle(e,t){let a,s=t.fetchAndCachePut(e).catch(()=>{});t.waitUntil(s);let r=await t.cacheMatch(e);if(r);else try{r=await s}catch(e){e instanceof Error&&(a=e)}if(!r)throw new i("no-response",{url:e.url,error:a});return r}}class ex extends ee{constructor(e,t){super(({request:a})=>{let s=e.getUrlsToPrecacheKeys();for(let r of function*(e,{directoryIndex:t="index.html",ignoreURLParametersMatching:a=[/^utm_/,/^fbclid$/],cleanURLs:s=!0,urlManipulation:r}={}){let n=new URL(e,location.href);n.hash="",yield n.href;let i=((e,t=[])=>{for(let a of[...e.searchParams.keys()])t.some(e=>e.test(a))&&e.searchParams.delete(a);return e})(n,a);if(yield i.href,t&&i.pathname.endsWith("/")){let e=new URL(i.href);e.pathname+=t,yield e.href}if(s){let e=new URL(i.href);e.pathname+=".html",yield e.href}if(r)for(let e of r({url:n}))yield e.href}(a.url,t)){let t=s.get(r);if(t){let a=e.getIntegrityForPrecacheKey(t);return{cacheKey:t,integrity:a}}}},e.precacheStrategy)}}class eR{_precacheController;constructor({precacheController:e}){this._precacheController=e}cacheKeyWillBeUsed=async({request:e,params:t})=>{let a=t?.cacheKey||this._precacheController.getPrecacheKeyForUrl(e.url);return a?new Request(a,{headers:e.headers}):e}}class ev{_urlsToCacheKeys=new Map;_urlsToCacheModes=new Map;_cacheKeysToIntegrities=new Map;_concurrentPrecaching;_precacheStrategy;_routes;_defaultHandlerMap;_catchHandler;_requestRules;constructor({precacheEntries:e,precacheOptions:t,skipWaiting:a=!1,importScripts:s,navigationPreload:r=!1,cacheId:i,clientsClaim:c=!1,runtimeCaching:o,offlineAnalyticsConfig:l,disableDevLogs:h=!1,fallbacks:u,requestRules:d}={}){var m,p;let{precacheStrategyOptions:f,precacheRouteOptions:w,precacheMiscOptions:y}=((e,t={})=>{let{cacheName:a,plugins:s=[],fetchOptions:r,matchOptions:i,fallbackToNetwork:c,directoryIndex:o,ignoreURLParametersMatching:l,cleanURLs:h,urlManipulation:u,cleanupOutdatedCaches:d,concurrency:m=10,navigateFallback:g,navigateFallbackAllowlist:p,navigateFallbackDenylist:f}=t??{};return{precacheStrategyOptions:{cacheName:n.getPrecacheName(a),plugins:[...s,new eR({precacheController:e})],fetchOptions:r,matchOptions:i,fallbackToNetwork:c},precacheRouteOptions:{directoryIndex:o,ignoreURLParametersMatching:l,cleanURLs:h,urlManipulation:u},precacheMiscOptions:{cleanupOutdatedCaches:d,concurrency:m,navigateFallback:g,navigateFallbackAllowlist:p,navigateFallbackDenylist:f}}})(this,t);if(this._concurrentPrecaching=y.concurrency,this._precacheStrategy=new et(f),this._routes=new Map,this._defaultHandlerMap=new Map,this._requestRules=d,this.handleInstall=this.handleInstall.bind(this),this.handleActivate=this.handleActivate.bind(this),this.handleFetch=this.handleFetch.bind(this),this.handleCache=this.handleCache.bind(this),s&&s.length>0&&self.importScripts(...s),r&&self.registration?.navigationPreload&&self.addEventListener("activate",e=>{e.waitUntil(self.registration.navigationPreload.enable().then(()=>{}))}),void 0!==i&&(m={prefix:i},n.updateDetails(m)),a?self.skipWaiting():self.addEventListener("message",e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()}),c&&self.addEventListener("activate",()=>self.clients.claim()),e&&e.length>0&&this.addToPrecacheList(e),y.cleanupOutdatedCaches&&(p=f.cacheName,self.addEventListener("activate",e=>{e.waitUntil(g(n.getPrecacheName(p)).then(e=>{}))})),this.registerRoute(new ex(this,w)),y.navigateFallback&&this.registerRoute(new ea(this.createHandlerBoundToUrl(y.navigateFallback),{allowlist:y.navigateFallbackAllowlist,denylist:y.navigateFallbackDenylist})),void 0!==l&&("boolean"==typeof l?l&&ep({serwist:this}):ep({...l,serwist:this})),void 0!==o){if(void 0!==u){let e=new ef({fallbackUrls:u.entries,serwist:this});o.forEach(t=>{t.handler instanceof J&&!t.handler.plugins.some(e=>"handlerDidError"in e)&&t.handler.plugins.push(e)})}for(let e of o)this.registerCapture(e.matcher,e.handler,e.method)}h&&(self.__WB_DISABLE_DEV_LOGS=!0)}get precacheStrategy(){return this._precacheStrategy}get routes(){return this._routes}addEventListeners(){self.addEventListener("install",this.handleInstall),self.addEventListener("activate",this.handleActivate),self.addEventListener("fetch",this.handleFetch),self.addEventListener("message",this.handleCache)}addToPrecacheList(e){let t=[];for(let a of e){"string"==typeof a?t.push(a):a&&!a.integrity&&void 0===a.revision&&t.push(a.url);let{cacheKey:e,url:s}=er(a),r="string"!=typeof a&&a.revision?"reload":"default";if(this._urlsToCacheKeys.has(s)&&this._urlsToCacheKeys.get(s)!==e)throw new i("add-to-cache-list-conflicting-entries",{firstEntry:this._urlsToCacheKeys.get(s),secondEntry:e});if("string"!=typeof a&&a.integrity){if(this._cacheKeysToIntegrities.has(e)&&this._cacheKeysToIntegrities.get(e)!==a.integrity)throw new i("add-to-cache-list-conflicting-integrities",{url:s});this._cacheKeysToIntegrities.set(e,a.integrity)}this._urlsToCacheKeys.set(s,e),this._urlsToCacheModes.set(s,r)}t.length>0&&console.warn(`Serwist is precaching URLs without revision info: ${t.join(", ")} -This is generally NOT safe. Learn more at https://bit.ly/wb-precache`)}handleInstall(e){return this.registerRequestRules(e),p(e,async()=>{let t=new en;this.precacheStrategy.plugins.push(t),await ei(this._concurrentPrecaching,Array.from(this._urlsToCacheKeys.entries()),async([t,a])=>{let s=this._cacheKeysToIntegrities.get(a),r=this._urlsToCacheModes.get(t),n=new Request(t,{integrity:s,cache:r,credentials:"same-origin"});await Promise.all(this.precacheStrategy.handleAll({event:e,request:n,url:new URL(n.url),params:{cacheKey:a}}))});let{updatedURLs:a,notUpdatedURLs:s}=t;return{updatedURLs:a,notUpdatedURLs:s}})}async registerRequestRules(e){if(this._requestRules&&e?.addRoutes)try{await e.addRoutes(this._requestRules),this._requestRules=void 0}catch(e){throw e}}handleActivate(e){return p(e,async()=>{let e=await self.caches.open(this.precacheStrategy.cacheName),t=await e.keys(),a=new Set(this._urlsToCacheKeys.values()),s=[];for(let r of t)a.has(r.url)||(await e.delete(r),s.push(r.url));return{deletedCacheRequests:s}})}handleFetch(e){let{request:t}=e,a=this.handleRequest({request:t,event:e});a&&e.respondWith(a)}handleCache(e){if(e.data&&"CACHE_URLS"===e.data.type){let{payload:t}=e.data,a=Promise.all(t.urlsToCache.map(t=>{let a;return a="string"==typeof t?new Request(t):new Request(...t),this.handleRequest({request:a,event:e})}));e.waitUntil(a),e.ports?.[0]&&a.then(()=>e.ports[0].postMessage(!0))}}setDefaultHandler(e,t="GET"){this._defaultHandlerMap.set(t,Z(e))}setCatchHandler(e){this._catchHandler=Z(e)}registerCapture(e,t,a){let s=((e,t,a)=>{if("string"==typeof e){let s=new URL(e,location.href);return new ee(({url:e})=>e.href===s.href,t,a)}if(e instanceof RegExp)return new es(e,t,a);if("function"==typeof e)return new ee(e,t,a);if(e instanceof ee)return e;throw new i("unsupported-route-type",{moduleName:"serwist",funcName:"parseRoute",paramName:"capture"})})(e,t,a);return this.registerRoute(s),s}registerRoute(e){this._routes.has(e.method)||this._routes.set(e.method,[]),this._routes.get(e.method).push(e)}unregisterRoute(e){if(!this._routes.has(e.method))throw new i("unregister-route-but-not-found-with-method",{method:e.method});let t=this._routes.get(e.method).indexOf(e);if(t>-1)this._routes.get(e.method).splice(t,1);else throw new i("unregister-route-route-not-registered")}getUrlsToPrecacheKeys(){return this._urlsToCacheKeys}getPrecachedUrls(){return[...this._urlsToCacheKeys.keys()]}getPrecacheKeyForUrl(e){let t=new URL(e,location.href);return this._urlsToCacheKeys.get(t.href)}getIntegrityForPrecacheKey(e){return this._cacheKeysToIntegrities.get(e)}async matchPrecache(e){let t=e instanceof Request?e.url:e,a=this.getPrecacheKeyForUrl(t);if(a)return(await self.caches.open(this.precacheStrategy.cacheName)).match(a)}createHandlerBoundToUrl(e){let t=this.getPrecacheKeyForUrl(e);if(!t)throw new i("non-precached-url",{url:e});return a=>(a.request=new Request(e),a.params={cacheKey:t,...a.params},this.precacheStrategy.handle(a))}handleRequest({request:e,event:t}){let a,s=new URL(e.url,location.href);if(!s.protocol.startsWith("http"))return;let r=s.origin===location.origin,{params:n,route:i}=this.findMatchingRoute({event:t,request:e,sameOrigin:r,url:s}),c=i?.handler,o=e.method;if(!c&&this._defaultHandlerMap.has(o)&&(c=this._defaultHandlerMap.get(o)),!c)return;try{a=c.handle({url:s,request:e,event:t,params:n})}catch(e){a=Promise.reject(e)}let l=i?.catchHandler;return a instanceof Promise&&(this._catchHandler||l)&&(a=a.catch(async a=>{if(l)try{return await l.handle({url:s,request:e,event:t,params:n})}catch(e){e instanceof Error&&(a=e)}if(this._catchHandler)return this._catchHandler.handle({url:s,request:e,event:t});throw a})),a}findMatchingRoute({url:e,sameOrigin:t,request:a,event:s}){for(let r of this._routes.get(a.method)||[]){let n,i=r.match({url:e,sameOrigin:t,request:a,event:s});if(i)return Array.isArray(n=i)&&0===n.length||i.constructor===Object&&0===Object.keys(i).length?n=void 0:"boolean"==typeof i&&(n=void 0),{route:r,params:n}}return{}}}let eE={rscPrefetch:"pages-rsc-prefetch",rsc:"pages-rsc",html:"pages"},eS=[{matcher:/^https:\/\/fonts\.(?:gstatic)\.com\/.*/i,handler:new e_({cacheName:"google-fonts-webfonts",plugins:[new eu({maxEntries:4,maxAgeSeconds:31536e3,maxAgeFrom:"last-used"})]})},{matcher:/^https:\/\/fonts\.(?:googleapis)\.com\/.*/i,handler:new eb({cacheName:"google-fonts-stylesheets",plugins:[new eu({maxEntries:4,maxAgeSeconds:604800,maxAgeFrom:"last-used"})]})},{matcher:/\.(?:eot|otf|ttc|ttf|woff|woff2|font.css)$/i,handler:new eb({cacheName:"static-font-assets",plugins:[new eu({maxEntries:4,maxAgeSeconds:604800,maxAgeFrom:"last-used"})]})},{matcher:/\.(?:jpg|jpeg|gif|png|svg|ico|webp)$/i,handler:new eb({cacheName:"static-image-assets",plugins:[new eu({maxEntries:64,maxAgeSeconds:2592e3,maxAgeFrom:"last-used"})]})},{matcher:/\/_next\/static.+\.js$/i,handler:new e_({cacheName:"next-static-js-assets",plugins:[new eu({maxEntries:64,maxAgeSeconds:86400,maxAgeFrom:"last-used"})]})},{matcher:/\/_next\/image\?url=.+$/i,handler:new eb({cacheName:"next-image",plugins:[new eu({maxEntries:64,maxAgeSeconds:86400,maxAgeFrom:"last-used"})]})},{matcher:/\.(?:mp3|wav|ogg)$/i,handler:new e_({cacheName:"static-audio-assets",plugins:[new eu({maxEntries:32,maxAgeSeconds:86400,maxAgeFrom:"last-used"}),new ey]})},{matcher:/\.(?:mp4|webm)$/i,handler:new e_({cacheName:"static-video-assets",plugins:[new eu({maxEntries:32,maxAgeSeconds:86400,maxAgeFrom:"last-used"}),new ey]})},{matcher:/\.(?:js)$/i,handler:new eb({cacheName:"static-js-assets",plugins:[new eu({maxEntries:48,maxAgeSeconds:86400,maxAgeFrom:"last-used"})]})},{matcher:/\.(?:css|less)$/i,handler:new eb({cacheName:"static-style-assets",plugins:[new eu({maxEntries:32,maxAgeSeconds:86400,maxAgeFrom:"last-used"})]})},{matcher:/\/_next\/data\/.+\/.+\.json$/i,handler:new X({cacheName:"next-data",plugins:[new eu({maxEntries:32,maxAgeSeconds:86400,maxAgeFrom:"last-used"})]})},{matcher:/\.(?:json|xml|csv)$/i,handler:new X({cacheName:"static-data-assets",plugins:[new eu({maxEntries:32,maxAgeSeconds:86400,maxAgeFrom:"last-used"})]})},{matcher:/\/api\/auth\/.*/,handler:new Y({networkTimeoutSeconds:10})},{matcher:({sameOrigin:e,url:{pathname:t}})=>e&&t.startsWith("/api/"),method:"GET",handler:new X({cacheName:"apis",plugins:[new eu({maxEntries:16,maxAgeSeconds:86400,maxAgeFrom:"last-used"})],networkTimeoutSeconds:10})},{matcher:({request:e,url:{pathname:t},sameOrigin:a})=>"1"===e.headers.get("RSC")&&"1"===e.headers.get("Next-Router-Prefetch")&&a&&!t.startsWith("/api/"),handler:new X({cacheName:eE.rscPrefetch,plugins:[new eu({maxEntries:32,maxAgeSeconds:86400})]})},{matcher:({request:e,url:{pathname:t},sameOrigin:a})=>"1"===e.headers.get("RSC")&&a&&!t.startsWith("/api/"),handler:new X({cacheName:eE.rsc,plugins:[new eu({maxEntries:32,maxAgeSeconds:86400})]})},{matcher:({request:e,url:{pathname:t},sameOrigin:a})=>e.headers.get("Content-Type")?.includes("text/html")&&a&&!t.startsWith("/api/"),handler:new X({cacheName:eE.html,plugins:[new eu({maxEntries:32,maxAgeSeconds:86400})]})},{matcher:({url:{pathname:e},sameOrigin:t})=>t&&!e.startsWith("/api/"),handler:new X({cacheName:"others",plugins:[new eu({maxEntries:32,maxAgeSeconds:86400})]})},{matcher:({sameOrigin:e})=>!e,handler:new X({cacheName:"cross-origin",plugins:[new eu({maxEntries:32,maxAgeSeconds:3600})],networkTimeoutSeconds:10})},{matcher:/.*/i,method:"GET",handler:new Y}],eq={cacheNames:{static:"tour-builder-static-v1",dynamic:"tour-builder-dynamic-v1",assets:"tour-builder-assets-v1"}},eN=[".png",".jpg",".jpeg",".gif",".webp",".svg",".ico",".mp4",".webm",".mov",".mp3",".wav",".ogg",".m4a",".woff",".woff2",".ttf",".eot",".css",".js"],eC=e=>{let t=new URL(e.url);return[".mp4",".webm",".mov"].some(e=>t.pathname.toLowerCase().endsWith(e))},eD=new ev({precacheEntries:[{'revision':'290ce9254bd2a34c677831bab77a24d2','url':'/_next/static/1MgxxgwuLdn1i48DotTRM/_buildManifest.js'},{'revision':'b6652df95db52feb4daf4eca35380933','url':'/_next/static/1MgxxgwuLdn1i48DotTRM/_ssgManifest.js'},{'revision':null,'url':'/_next/static/chunks/12142dde-27563c775e4f8cf0.js'},{'revision':null,'url':'/_next/static/chunks/1d2671aa.f600276eb687cd2d.js'},{'revision':null,'url':'/_next/static/chunks/223-5e7611f0ad4bb7f3.js'},{'revision':null,'url':'/_next/static/chunks/3643-cd854ecad4d47645.js'},{'revision':null,'url':'/_next/static/chunks/400-ac29014eab06ed0b.js'},{'revision':null,'url':'/_next/static/chunks/4093-bd998453b52c76e7.js'},{'revision':null,'url':'/_next/static/chunks/4100-f9560c05ca491093.js'},{'revision':null,'url':'/_next/static/chunks/4271-ad5c7f8848172804.js'},{'revision':null,'url':'/_next/static/chunks/4542-493bc803d4895f0b.js'},{'revision':null,'url':'/_next/static/chunks/4587-c9e5910a896d025b.js'},{'revision':null,'url':'/_next/static/chunks/5541.e90be83844a6de15.js'},{'revision':null,'url':'/_next/static/chunks/590-506d5528d7c71174.js'},{'revision':null,'url':'/_next/static/chunks/6062-779b0d434c8f39f0.js'},{'revision':null,'url':'/_next/static/chunks/6d2b60a9-eb6c7fd9a57c4f19.js'},{'revision':null,'url':'/_next/static/chunks/764-1456dc10fb4078c8.js'},{'revision':null,'url':'/_next/static/chunks/7e42aecb-94f8c450c54b9556.js'},{'revision':null,'url':'/_next/static/chunks/8230-251e23b7a24ff307.js'},{'revision':null,'url':'/_next/static/chunks/8232-06043c4b3efac0d3.js'},{'revision':null,'url':'/_next/static/chunks/8317-4e9c090ccc089653.js'},{'revision':null,'url':'/_next/static/chunks/8628-0c7ed56aa881aa6a.js'},{'revision':null,'url':'/_next/static/chunks/8666-852bd0a04615812e.js'},{'revision':null,'url':'/_next/static/chunks/8974-993d7edfa339a7d4.js'},{'revision':null,'url':'/_next/static/chunks/9002-7ddc8224be6392ac.js'},{'revision':null,'url':'/_next/static/chunks/9346-f57470b81d7a9152.js'},{'revision':null,'url':'/_next/static/chunks/9375.2c053880845a1e8b.js'},{'revision':null,'url':'/_next/static/chunks/9848-799d062feeef8c3c.js'},{'revision':null,'url':'/_next/static/chunks/fa3de7d5.7acfffddc0ff677e.js'},{'revision':null,'url':'/_next/static/chunks/framework-4dea986807dc9d02.js'},{'revision':null,'url':'/_next/static/chunks/main-f35af714f1aa0b25.js'},{'revision':null,'url':'/_next/static/chunks/pages/_error-530d8245847656c6.js'},{'revision':null,'url':'/_next/static/chunks/pages/access_logs/%5Baccess_logsId%5D-695b59f392d727c6.js'},{'revision':null,'url':'/_next/static/chunks/pages/access_logs/access_logs-edit-26736a212b050671.js'},{'revision':null,'url':'/_next/static/chunks/pages/access_logs/access_logs-list-fee924f65790865e.js'},{'revision':null,'url':'/_next/static/chunks/pages/access_logs/access_logs-new-525c13f4acde1e42.js'},{'revision':null,'url':'/_next/static/chunks/pages/access_logs/access_logs-table-958116e35951e9f1.js'},{'revision':null,'url':'/_next/static/chunks/pages/access_logs/access_logs-view-c015b63aa6e14e4f.js'},{'revision':null,'url':'/_next/static/chunks/pages/asset_variants/%5Basset_variantsId%5D-9fa2997b958d0fac.js'},{'revision':null,'url':'/_next/static/chunks/pages/asset_variants/asset_variants-edit-d84befc5642fc5b2.js'},{'revision':null,'url':'/_next/static/chunks/pages/asset_variants/asset_variants-list-1c5997f6bd431d37.js'},{'revision':null,'url':'/_next/static/chunks/pages/asset_variants/asset_variants-new-d8702cca0d3e82fd.js'},{'revision':null,'url':'/_next/static/chunks/pages/asset_variants/asset_variants-table-f66b7a8957da8a84.js'},{'revision':null,'url':'/_next/static/chunks/pages/asset_variants/asset_variants-view-97e60f0bcba99d4f.js'},{'revision':null,'url':'/_next/static/chunks/pages/assets/%5BassetsId%5D-7c0498869bfa3306.js'},{'revision':null,'url':'/_next/static/chunks/pages/assets/assets-edit-f8a6245e4c51abc7.js'},{'revision':null,'url':'/_next/static/chunks/pages/assets/assets-list-ad3d80982b484229.js'},{'revision':null,'url':'/_next/static/chunks/pages/assets/assets-new-48b61699a3088b58.js'},{'revision':null,'url':'/_next/static/chunks/pages/assets/assets-table-3084dc0cbfda21da.js'},{'revision':null,'url':'/_next/static/chunks/pages/assets/assets-view-8d5fc0a797011964.js'},{'revision':null,'url':'/_next/static/chunks/pages/constructor-13d7a2e3d06494a3.js'},{'revision':null,'url':'/_next/static/chunks/pages/dashboard-a05c3f7ce008b3c3.js'},{'revision':null,'url':'/_next/static/chunks/pages/element-type-defaults-4e30dd1a2f25f89f.js'},{'revision':null,'url':'/_next/static/chunks/pages/element-type-defaults/%5Bid%5D-891e1c4a0ec334dd.js'},{'revision':null,'url':'/_next/static/chunks/pages/error-e0bd1c24aeb3d601.js'},{'revision':null,'url':'/_next/static/chunks/pages/forgot-78b70d91742fd5b1.js'},{'revision':null,'url':'/_next/static/chunks/pages/forms-f0585b7dcc01fdb1.js'},{'revision':null,'url':'/_next/static/chunks/pages/index-53587e829512c859.js'},{'revision':null,'url':'/_next/static/chunks/pages/login-bf642a48edd52161.js'},{'revision':null,'url':'/_next/static/chunks/pages/p/%5BprojectSlug%5D-e6725836076f645b.js'},{'revision':null,'url':'/_next/static/chunks/pages/p/%5BprojectSlug%5D/stage-948618753bf645ce.js'},{'revision':null,'url':'/_next/static/chunks/pages/password-reset-18f74e912f3914f5.js'},{'revision':null,'url':'/_next/static/chunks/pages/permissions/%5BpermissionsId%5D-b6e0a85149ef4fb2.js'},{'revision':null,'url':'/_next/static/chunks/pages/permissions/permissions-edit-52d012b54210638e.js'},{'revision':null,'url':'/_next/static/chunks/pages/permissions/permissions-list-b787227aaf0fa18b.js'},{'revision':null,'url':'/_next/static/chunks/pages/permissions/permissions-new-0ba054e730f828fb.js'},{'revision':null,'url':'/_next/static/chunks/pages/permissions/permissions-table-078e773f24033353.js'},{'revision':null,'url':'/_next/static/chunks/pages/permissions/permissions-view-23f6e803f46a3cc7.js'},{'revision':null,'url':'/_next/static/chunks/pages/presigned_url_requests/%5Bpresigned_url_requestsId%5D-742a2372aca8d2c9.js'},{'revision':null,'url':'/_next/static/chunks/pages/presigned_url_requests/presigned_url_requests-edit-97fb7bac95cf4d74.js'},{'revision':null,'url':'/_next/static/chunks/pages/presigned_url_requests/presigned_url_requests-list-3762c3782e904205.js'},{'revision':null,'url':'/_next/static/chunks/pages/presigned_url_requests/presigned_url_requests-new-82b1ce912005c2b3.js'},{'revision':null,'url':'/_next/static/chunks/pages/presigned_url_requests/presigned_url_requests-table-6928e1ad6752157a.js'},{'revision':null,'url':'/_next/static/chunks/pages/presigned_url_requests/presigned_url_requests-view-8b384bb120b07864.js'},{'revision':null,'url':'/_next/static/chunks/pages/privacy-policy-53ea2331c015449b.js'},{'revision':null,'url':'/_next/static/chunks/pages/profile-4f68abfea6ef95f7.js'},{'revision':null,'url':'/_next/static/chunks/pages/project-element-defaults-989846de6e9c0e69.js'},{'revision':null,'url':'/_next/static/chunks/pages/project-element-defaults/%5Bid%5D-a72723f0e38a5561.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_audio_tracks/%5Bproject_audio_tracksId%5D-f1bd0cc4a331f03b.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_audio_tracks/project_audio_tracks-edit-d9cf5970d52602d7.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_audio_tracks/project_audio_tracks-list-f04f25a8fd0403fd.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_audio_tracks/project_audio_tracks-new-fbdb9a0c76bf6d80.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_audio_tracks/project_audio_tracks-table-c7570be1039babb3.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_audio_tracks/project_audio_tracks-view-b63e46ac54f753d6.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_memberships/%5Bproject_membershipsId%5D-75ada500b2eaa96e.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_memberships/project_memberships-edit-492d0f7a601afd5b.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_memberships/project_memberships-list-d2093fbbd7ae7742.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_memberships/project_memberships-new-f80eeffecd23de0c.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_memberships/project_memberships-table-fb9e567445f4b2ac.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_memberships/project_memberships-view-3f4bbaf0e0adbd2b.js'},{'revision':null,'url':'/_next/static/chunks/pages/projects/%5BprojectsId%5D-9d1a4ac8aff9e86f.js'},{'revision':null,'url':'/_next/static/chunks/pages/projects/projects-edit-59c04ec0ef200e41.js'},{'revision':null,'url':'/_next/static/chunks/pages/projects/projects-list-3b855004004943d7.js'},{'revision':null,'url':'/_next/static/chunks/pages/projects/projects-new-70c68debacfb0367.js'},{'revision':null,'url':'/_next/static/chunks/pages/projects/projects-table-cb6786da9f67593b.js'},{'revision':null,'url':'/_next/static/chunks/pages/projects/projects-view-0708dde0a7200d2b.js'},{'revision':null,'url':'/_next/static/chunks/pages/publish_events/%5Bpublish_eventsId%5D-a8e6beb0ff3084e0.js'},{'revision':null,'url':'/_next/static/chunks/pages/publish_events/publish_events-edit-1699d947cfb405e4.js'},{'revision':null,'url':'/_next/static/chunks/pages/publish_events/publish_events-list-6804da85ebe7e1ae.js'},{'revision':null,'url':'/_next/static/chunks/pages/publish_events/publish_events-new-c596490ed1c34c20.js'},{'revision':null,'url':'/_next/static/chunks/pages/publish_events/publish_events-table-37ee89c6c04b3877.js'},{'revision':null,'url':'/_next/static/chunks/pages/publish_events/publish_events-view-53a87f5bfd49f924.js'},{'revision':null,'url':'/_next/static/chunks/pages/pwa_caches/%5Bpwa_cachesId%5D-00a93356784ec5e4.js'},{'revision':null,'url':'/_next/static/chunks/pages/pwa_caches/pwa_caches-edit-e1a0e62c87c04597.js'},{'revision':null,'url':'/_next/static/chunks/pages/pwa_caches/pwa_caches-list-c6d67dde85b38e87.js'},{'revision':null,'url':'/_next/static/chunks/pages/pwa_caches/pwa_caches-new-76f3dac394a0f9b4.js'},{'revision':null,'url':'/_next/static/chunks/pages/pwa_caches/pwa_caches-table-f100ac018102680a.js'},{'revision':null,'url':'/_next/static/chunks/pages/pwa_caches/pwa_caches-view-3d983b9bf13b9269.js'},{'revision':null,'url':'/_next/static/chunks/pages/register-74317198a1107978.js'},{'revision':null,'url':'/_next/static/chunks/pages/roles/%5BrolesId%5D-749c69b41d9b75a6.js'},{'revision':null,'url':'/_next/static/chunks/pages/roles/roles-edit-fb15a0bcee883295.js'},{'revision':null,'url':'/_next/static/chunks/pages/roles/roles-list-dfd66b0da8f12e5a.js'},{'revision':null,'url':'/_next/static/chunks/pages/roles/roles-new-592ffb19685d02cb.js'},{'revision':null,'url':'/_next/static/chunks/pages/roles/roles-table-7bd66515b4a5fff6.js'},{'revision':null,'url':'/_next/static/chunks/pages/roles/roles-view-1ea967286287c0b4.js'},{'revision':null,'url':'/_next/static/chunks/pages/search-b5c30de26c40119e.js'},{'revision':null,'url':'/_next/static/chunks/pages/tables-a0711e913de52a07.js'},{'revision':null,'url':'/_next/static/chunks/pages/terms-of-use-7d00698d6183bde4.js'},{'revision':null,'url':'/_next/static/chunks/pages/tour_pages/%5Btour_pagesId%5D-f9c22703928d6a30.js'},{'revision':null,'url':'/_next/static/chunks/pages/tour_pages/tour_pages-edit-3af5343835095a06.js'},{'revision':null,'url':'/_next/static/chunks/pages/tour_pages/tour_pages-list-7c9d3b26a0e647ff.js'},{'revision':null,'url':'/_next/static/chunks/pages/tour_pages/tour_pages-new-86b5e392c47600f0.js'},{'revision':null,'url':'/_next/static/chunks/pages/tour_pages/tour_pages-table-4a211ad20d9e18b6.js'},{'revision':null,'url':'/_next/static/chunks/pages/tour_pages/tour_pages-view-2c31ac25f8431705.js'},{'revision':null,'url':'/_next/static/chunks/pages/users/%5BusersId%5D-bfafbc3f266afe20.js'},{'revision':null,'url':'/_next/static/chunks/pages/users/users-edit-219527f1f16c5991.js'},{'revision':null,'url':'/_next/static/chunks/pages/users/users-list-1f55ecf57d225d7a.js'},{'revision':null,'url':'/_next/static/chunks/pages/users/users-new-8a625cf81b35b49c.js'},{'revision':null,'url':'/_next/static/chunks/pages/users/users-table-1fc36f16ee8fc0be.js'},{'revision':null,'url':'/_next/static/chunks/pages/users/users-view-2621169ea055621e.js'},{'revision':null,'url':'/_next/static/chunks/pages/verify-email-3c9a0ef6c6d5daff.js'},{'revision':'846118c33b2c0e922d7b3a7676f81f6f','url':'/_next/static/chunks/polyfills-42372ed130431b0a.js'},{'revision':null,'url':'/_next/static/chunks/webpack-9bfc6282834605db.js'},{'revision':null,'url':'/_next/static/css/715be398208dca58.css'},{'revision':null,'url':'/_next/static/css/aa086b190072c424.css'},{'revision':null,'url':'/_next/static/css/de6fa09b8a0934d1.css'},{'revision':'43778b43fb039fdd5b0510561dc952ac','url':'/assets/vm-shot-2026-03-17T04-16-09-161Z.jpg'},{'revision':'3395d49fe2b96221471b4db0f5caf9e7','url':'/assets/vm-shot-2026-03-17T04-19-03-565Z.jpg'},{'revision':'62127cd8f85821f3e570a377a8a7e14b','url':'/assets/vm-shot-2026-03-17T04-36-56-252Z.jpg'},{'revision':'145c2d7e4ef298391258c6d8a8aaaece','url':'/assets/vm-shot-2026-03-17T04-45-14-111Z.jpg'},{'revision':'c6aae6521f08c847e370764d1c9c613d','url':'/assets/vm-shot-2026-03-17T04-50-58-546Z.jpg'},{'revision':'bf90fb959c1d418b01eb7e55de6672d5','url':'/assets/vm-shot-2026-03-19T06-12-36-229Z.jpg'},{'revision':'73de6cac0695249f4e59ce778a8e6e74','url':'/assets/vm-shot-2026-03-19T06-13-19-234Z.jpg'},{'revision':'bf90fb959c1d418b01eb7e55de6672d5','url':'/assets/vm-shot-2026-03-19T06-13-54-729Z.jpg'},{'revision':'ca6cbfcc74b52f00eef0f2adc8e65456','url':'/assets/vm-shot-2026-03-24T14-29-20-260Z.jpg'},{'revision':'0957c5365895c5ba31b10a84f4e45929','url':'/data-sources/clients.json'},{'revision':'5703d42f7838705ecf87510c4032b20c','url':'/data-sources/history.json'},{'revision':'5404a85badad8210a634ce41bb511545','url':'/favicon.svg'},{'revision':'508520242399a6b1fec65430901f4e6f','url':'/locales/de/common.json'},{'revision':'0a64739b954a93627749ffcb846fceaa','url':'/locales/en/common.json'},{'revision':'34715e25a3bcbab44f84232ce082d2ee','url':'/locales/es/common.json'},{'revision':'772a72f35589c06bdd8d9179c86459e6','url':'/locales/fr/common.json'},{'revision':'c67326edc61e0b5cf87e509ea7553466','url':'/manifest.json'},{'revision':'1254c9c72aa64724c203d26278712800','url':'/offline.html'}],skipWaiting:!0,clientsClaim:!0,navigationPreload:!0,runtimeCaching:[{matcher:e=>{let{request:t}=e,a=new URL(t.url);return"image"===t.destination||"font"===t.destination||[".css",".js",".woff",".woff2"].some(e=>a.pathname.endsWith(e))},handler:new e_({cacheName:eq.cacheNames.assets,plugins:[{cacheWillUpdate:async e=>{let{response:t}=e;return t&&200===t.status?t:null}}]})},{matcher:e=>{let{request:t}=e;return eC(t)},handler:new e_({cacheName:eq.cacheNames.assets,plugins:[{cachedResponseWillBeUsed:async e=>{let{cachedResponse:t,request:a}=e;if(!t)return null;let s=a.headers.get("range");if(!s)return t;let r=s.match(/bytes=(\d+)-(\d*)/);if(!r)return t;let n=parseInt(r[1],10),i=r[2]?parseInt(r[2],10):void 0,c=await t.blob(),o=void 0!==i?c.slice(n,i+1):c.slice(n);return new Response(o,{status:206,statusText:"Partial Content",headers:{"Content-Type":t.headers.get("Content-Type")||"video/mp4","Content-Length":String(o.size),"Content-Range":"bytes ".concat(n,"-").concat(void 0!==i?i:c.size-1,"/").concat(c.size),"Accept-Ranges":"bytes"}})},cacheWillUpdate:async e=>{let{response:t}=e;return t&&200===t.status?t:null}}]})},{matcher:e=>{let{url:t}=e;return t.pathname.startsWith("/api/")},handler:new X({cacheName:"api-cache",networkTimeoutSeconds:10})},{matcher:e=>{let{request:t}=e;return(e=>{let t=new URL(e.url);return(!t.pathname.startsWith("/api/")||!!t.pathname.includes("/file/download"))&&!!(eN.some(e=>t.pathname.toLowerCase().endsWith(e))||t.pathname.includes("/file/download")||t.hostname.includes("amazonaws.com")||t.hostname.includes("cloudfront.net"))})(t)&&!eC(t)},handler:new e_({cacheName:eq.cacheNames.assets,plugins:[{cacheWillUpdate:async e=>{let{response:t}=e;return t&&200===t.status?t:null}}]})},...eS]});self.addEventListener("message",e=>{let{type:t,payload:a}=e.data||{};switch(t){case"CACHE_ASSETS":Array.isArray(null==a?void 0:a.urls)&&e.waitUntil(caches.open(eq.cacheNames.assets).then(e=>Promise.all(a.urls.map(t=>fetch(t).then(a=>{if(200===a.status)return e.put(t,a)}).catch(e=>{console.warn("[SW] Failed to cache asset:",t,e)})))));break;case"CACHE_VIDEO_CHUNK":(null==a?void 0:a.url)&&(null==a?void 0:a.chunk)&&e.waitUntil(caches.open(eq.cacheNames.assets).then(e=>{let t=new Response(a.chunk,{headers:{"Content-Type":a.contentType||"video/mp4","Content-Length":String(a.chunk.byteLength)}});return e.put(a.url,t)}));break;case"CLEAR_CACHE":e.waitUntil(Promise.all([caches.delete(eq.cacheNames.dynamic),caches.delete(eq.cacheNames.assets)]).then(()=>{console.log("[SW] Caches cleared")}));break;case"GET_CACHE_STATUS":e.waitUntil(caches.open(eq.cacheNames.assets).then(t=>t.keys().then(t=>{let a=e.source;null==a||a.postMessage({type:"CACHE_STATUS",payload:{cachedCount:t.length,urls:t.map(e=>e.url)}})})));break;case"SKIP_WAITING":self.skipWaiting()}}),eD.addEventListeners(),console.log("[SW] Serwist service worker loaded")})(); \ No newline at end of file +This is generally NOT safe. Learn more at https://bit.ly/wb-precache`)}handleInstall(e){return this.registerRequestRules(e),p(e,async()=>{let t=new en;this.precacheStrategy.plugins.push(t),await ei(this._concurrentPrecaching,Array.from(this._urlsToCacheKeys.entries()),async([t,a])=>{let s=this._cacheKeysToIntegrities.get(a),r=this._urlsToCacheModes.get(t),n=new Request(t,{integrity:s,cache:r,credentials:"same-origin"});await Promise.all(this.precacheStrategy.handleAll({event:e,request:n,url:new URL(n.url),params:{cacheKey:a}}))});let{updatedURLs:a,notUpdatedURLs:s}=t;return{updatedURLs:a,notUpdatedURLs:s}})}async registerRequestRules(e){if(this._requestRules&&e?.addRoutes)try{await e.addRoutes(this._requestRules),this._requestRules=void 0}catch(e){throw e}}handleActivate(e){return p(e,async()=>{let e=await self.caches.open(this.precacheStrategy.cacheName),t=await e.keys(),a=new Set(this._urlsToCacheKeys.values()),s=[];for(let r of t)a.has(r.url)||(await e.delete(r),s.push(r.url));return{deletedCacheRequests:s}})}handleFetch(e){let{request:t}=e,a=this.handleRequest({request:t,event:e});a&&e.respondWith(a)}handleCache(e){if(e.data&&"CACHE_URLS"===e.data.type){let{payload:t}=e.data,a=Promise.all(t.urlsToCache.map(t=>{let a;return a="string"==typeof t?new Request(t):new Request(...t),this.handleRequest({request:a,event:e})}));e.waitUntil(a),e.ports?.[0]&&a.then(()=>e.ports[0].postMessage(!0))}}setDefaultHandler(e,t="GET"){this._defaultHandlerMap.set(t,Z(e))}setCatchHandler(e){this._catchHandler=Z(e)}registerCapture(e,t,a){let s=((e,t,a)=>{if("string"==typeof e){let s=new URL(e,location.href);return new ee(({url:e})=>e.href===s.href,t,a)}if(e instanceof RegExp)return new es(e,t,a);if("function"==typeof e)return new ee(e,t,a);if(e instanceof ee)return e;throw new i("unsupported-route-type",{moduleName:"serwist",funcName:"parseRoute",paramName:"capture"})})(e,t,a);return this.registerRoute(s),s}registerRoute(e){this._routes.has(e.method)||this._routes.set(e.method,[]),this._routes.get(e.method).push(e)}unregisterRoute(e){if(!this._routes.has(e.method))throw new i("unregister-route-but-not-found-with-method",{method:e.method});let t=this._routes.get(e.method).indexOf(e);if(t>-1)this._routes.get(e.method).splice(t,1);else throw new i("unregister-route-route-not-registered")}getUrlsToPrecacheKeys(){return this._urlsToCacheKeys}getPrecachedUrls(){return[...this._urlsToCacheKeys.keys()]}getPrecacheKeyForUrl(e){let t=new URL(e,location.href);return this._urlsToCacheKeys.get(t.href)}getIntegrityForPrecacheKey(e){return this._cacheKeysToIntegrities.get(e)}async matchPrecache(e){let t=e instanceof Request?e.url:e,a=this.getPrecacheKeyForUrl(t);if(a)return(await self.caches.open(this.precacheStrategy.cacheName)).match(a)}createHandlerBoundToUrl(e){let t=this.getPrecacheKeyForUrl(e);if(!t)throw new i("non-precached-url",{url:e});return a=>(a.request=new Request(e),a.params={cacheKey:t,...a.params},this.precacheStrategy.handle(a))}handleRequest({request:e,event:t}){let a,s=new URL(e.url,location.href);if(!s.protocol.startsWith("http"))return;let r=s.origin===location.origin,{params:n,route:i}=this.findMatchingRoute({event:t,request:e,sameOrigin:r,url:s}),c=i?.handler,o=e.method;if(!c&&this._defaultHandlerMap.has(o)&&(c=this._defaultHandlerMap.get(o)),!c)return;try{a=c.handle({url:s,request:e,event:t,params:n})}catch(e){a=Promise.reject(e)}let l=i?.catchHandler;return a instanceof Promise&&(this._catchHandler||l)&&(a=a.catch(async a=>{if(l)try{return await l.handle({url:s,request:e,event:t,params:n})}catch(e){e instanceof Error&&(a=e)}if(this._catchHandler)return this._catchHandler.handle({url:s,request:e,event:t});throw a})),a}findMatchingRoute({url:e,sameOrigin:t,request:a,event:s}){for(let r of this._routes.get(a.method)||[]){let n,i=r.match({url:e,sameOrigin:t,request:a,event:s});if(i)return Array.isArray(n=i)&&0===n.length||i.constructor===Object&&0===Object.keys(i).length?n=void 0:"boolean"==typeof i&&(n=void 0),{route:r,params:n}}return{}}}let eE={rscPrefetch:"pages-rsc-prefetch",rsc:"pages-rsc",html:"pages"},eS=[{matcher:/^https:\/\/fonts\.(?:gstatic)\.com\/.*/i,handler:new e_({cacheName:"google-fonts-webfonts",plugins:[new eu({maxEntries:4,maxAgeSeconds:31536e3,maxAgeFrom:"last-used"})]})},{matcher:/^https:\/\/fonts\.(?:googleapis)\.com\/.*/i,handler:new eb({cacheName:"google-fonts-stylesheets",plugins:[new eu({maxEntries:4,maxAgeSeconds:604800,maxAgeFrom:"last-used"})]})},{matcher:/\.(?:eot|otf|ttc|ttf|woff|woff2|font.css)$/i,handler:new eb({cacheName:"static-font-assets",plugins:[new eu({maxEntries:4,maxAgeSeconds:604800,maxAgeFrom:"last-used"})]})},{matcher:/\.(?:jpg|jpeg|gif|png|svg|ico|webp)$/i,handler:new eb({cacheName:"static-image-assets",plugins:[new eu({maxEntries:64,maxAgeSeconds:2592e3,maxAgeFrom:"last-used"})]})},{matcher:/\/_next\/static.+\.js$/i,handler:new e_({cacheName:"next-static-js-assets",plugins:[new eu({maxEntries:64,maxAgeSeconds:86400,maxAgeFrom:"last-used"})]})},{matcher:/\/_next\/image\?url=.+$/i,handler:new eb({cacheName:"next-image",plugins:[new eu({maxEntries:64,maxAgeSeconds:86400,maxAgeFrom:"last-used"})]})},{matcher:/\.(?:mp3|wav|ogg)$/i,handler:new e_({cacheName:"static-audio-assets",plugins:[new eu({maxEntries:32,maxAgeSeconds:86400,maxAgeFrom:"last-used"}),new ey]})},{matcher:/\.(?:mp4|webm)$/i,handler:new e_({cacheName:"static-video-assets",plugins:[new eu({maxEntries:32,maxAgeSeconds:86400,maxAgeFrom:"last-used"}),new ey]})},{matcher:/\.(?:js)$/i,handler:new eb({cacheName:"static-js-assets",plugins:[new eu({maxEntries:48,maxAgeSeconds:86400,maxAgeFrom:"last-used"})]})},{matcher:/\.(?:css|less)$/i,handler:new eb({cacheName:"static-style-assets",plugins:[new eu({maxEntries:32,maxAgeSeconds:86400,maxAgeFrom:"last-used"})]})},{matcher:/\/_next\/data\/.+\/.+\.json$/i,handler:new X({cacheName:"next-data",plugins:[new eu({maxEntries:32,maxAgeSeconds:86400,maxAgeFrom:"last-used"})]})},{matcher:/\.(?:json|xml|csv)$/i,handler:new X({cacheName:"static-data-assets",plugins:[new eu({maxEntries:32,maxAgeSeconds:86400,maxAgeFrom:"last-used"})]})},{matcher:/\/api\/auth\/.*/,handler:new Y({networkTimeoutSeconds:10})},{matcher:({sameOrigin:e,url:{pathname:t}})=>e&&t.startsWith("/api/"),method:"GET",handler:new X({cacheName:"apis",plugins:[new eu({maxEntries:16,maxAgeSeconds:86400,maxAgeFrom:"last-used"})],networkTimeoutSeconds:10})},{matcher:({request:e,url:{pathname:t},sameOrigin:a})=>"1"===e.headers.get("RSC")&&"1"===e.headers.get("Next-Router-Prefetch")&&a&&!t.startsWith("/api/"),handler:new X({cacheName:eE.rscPrefetch,plugins:[new eu({maxEntries:32,maxAgeSeconds:86400})]})},{matcher:({request:e,url:{pathname:t},sameOrigin:a})=>"1"===e.headers.get("RSC")&&a&&!t.startsWith("/api/"),handler:new X({cacheName:eE.rsc,plugins:[new eu({maxEntries:32,maxAgeSeconds:86400})]})},{matcher:({request:e,url:{pathname:t},sameOrigin:a})=>e.headers.get("Content-Type")?.includes("text/html")&&a&&!t.startsWith("/api/"),handler:new X({cacheName:eE.html,plugins:[new eu({maxEntries:32,maxAgeSeconds:86400})]})},{matcher:({url:{pathname:e},sameOrigin:t})=>t&&!e.startsWith("/api/"),handler:new X({cacheName:"others",plugins:[new eu({maxEntries:32,maxAgeSeconds:86400})]})},{matcher:({sameOrigin:e})=>!e,handler:new X({cacheName:"cross-origin",plugins:[new eu({maxEntries:32,maxAgeSeconds:3600})],networkTimeoutSeconds:10})},{matcher:/.*/i,method:"GET",handler:new Y}],eq={cacheNames:{static:"tour-builder-static-v1",dynamic:"tour-builder-dynamic-v1",assets:"tour-builder-assets-v1"}},eN=[".png",".jpg",".jpeg",".gif",".webp",".svg",".ico",".mp4",".webm",".mov",".mp3",".wav",".ogg",".m4a",".woff",".woff2",".ttf",".eot",".css",".js"],eC=e=>{let t=new URL(e.url);return[".mp4",".webm",".mov"].some(e=>t.pathname.toLowerCase().endsWith(e))},eD=new ev({precacheEntries:[{'revision':null,'url':'/_next/static/chunks/12142dde-27563c775e4f8cf0.js'},{'revision':null,'url':'/_next/static/chunks/1d2671aa.f600276eb687cd2d.js'},{'revision':null,'url':'/_next/static/chunks/223-5e7611f0ad4bb7f3.js'},{'revision':null,'url':'/_next/static/chunks/2830-fcda40b1b7cc9e94.js'},{'revision':null,'url':'/_next/static/chunks/2841-5d7e5b4d7e4df194.js'},{'revision':null,'url':'/_next/static/chunks/3643-cd854ecad4d47645.js'},{'revision':null,'url':'/_next/static/chunks/400-ac29014eab06ed0b.js'},{'revision':null,'url':'/_next/static/chunks/4100-f9560c05ca491093.js'},{'revision':null,'url':'/_next/static/chunks/4271-ad5c7f8848172804.js'},{'revision':null,'url':'/_next/static/chunks/4542-493bc803d4895f0b.js'},{'revision':null,'url':'/_next/static/chunks/4587-c9e5910a896d025b.js'},{'revision':null,'url':'/_next/static/chunks/5541.e90be83844a6de15.js'},{'revision':null,'url':'/_next/static/chunks/590-3c57fb9e15ffff0d.js'},{'revision':null,'url':'/_next/static/chunks/6062-779b0d434c8f39f0.js'},{'revision':null,'url':'/_next/static/chunks/6d2b60a9-eb6c7fd9a57c4f19.js'},{'revision':null,'url':'/_next/static/chunks/7574-b361dbfd477434e6.js'},{'revision':null,'url':'/_next/static/chunks/764-1456dc10fb4078c8.js'},{'revision':null,'url':'/_next/static/chunks/7e42aecb-94f8c450c54b9556.js'},{'revision':null,'url':'/_next/static/chunks/8230-251e23b7a24ff307.js'},{'revision':null,'url':'/_next/static/chunks/8232-06043c4b3efac0d3.js'},{'revision':null,'url':'/_next/static/chunks/8317-4e9c090ccc089653.js'},{'revision':null,'url':'/_next/static/chunks/8628-0c7ed56aa881aa6a.js'},{'revision':null,'url':'/_next/static/chunks/8666-852bd0a04615812e.js'},{'revision':null,'url':'/_next/static/chunks/8974-993d7edfa339a7d4.js'},{'revision':null,'url':'/_next/static/chunks/9002-7ddc8224be6392ac.js'},{'revision':null,'url':'/_next/static/chunks/9375.2c053880845a1e8b.js'},{'revision':null,'url':'/_next/static/chunks/9848-799d062feeef8c3c.js'},{'revision':null,'url':'/_next/static/chunks/fa3de7d5.7acfffddc0ff677e.js'},{'revision':null,'url':'/_next/static/chunks/framework-4dea986807dc9d02.js'},{'revision':null,'url':'/_next/static/chunks/main-f35af714f1aa0b25.js'},{'revision':null,'url':'/_next/static/chunks/pages/_error-530d8245847656c6.js'},{'revision':null,'url':'/_next/static/chunks/pages/access_logs/%5Baccess_logsId%5D-695b59f392d727c6.js'},{'revision':null,'url':'/_next/static/chunks/pages/access_logs/access_logs-edit-26736a212b050671.js'},{'revision':null,'url':'/_next/static/chunks/pages/access_logs/access_logs-list-fee924f65790865e.js'},{'revision':null,'url':'/_next/static/chunks/pages/access_logs/access_logs-new-525c13f4acde1e42.js'},{'revision':null,'url':'/_next/static/chunks/pages/access_logs/access_logs-table-958116e35951e9f1.js'},{'revision':null,'url':'/_next/static/chunks/pages/access_logs/access_logs-view-c015b63aa6e14e4f.js'},{'revision':null,'url':'/_next/static/chunks/pages/asset_variants/%5Basset_variantsId%5D-9fa2997b958d0fac.js'},{'revision':null,'url':'/_next/static/chunks/pages/asset_variants/asset_variants-edit-d84befc5642fc5b2.js'},{'revision':null,'url':'/_next/static/chunks/pages/asset_variants/asset_variants-list-1c5997f6bd431d37.js'},{'revision':null,'url':'/_next/static/chunks/pages/asset_variants/asset_variants-new-d8702cca0d3e82fd.js'},{'revision':null,'url':'/_next/static/chunks/pages/asset_variants/asset_variants-table-f66b7a8957da8a84.js'},{'revision':null,'url':'/_next/static/chunks/pages/asset_variants/asset_variants-view-97e60f0bcba99d4f.js'},{'revision':null,'url':'/_next/static/chunks/pages/assets/%5BassetsId%5D-7c0498869bfa3306.js'},{'revision':null,'url':'/_next/static/chunks/pages/assets/assets-edit-f8a6245e4c51abc7.js'},{'revision':null,'url':'/_next/static/chunks/pages/assets/assets-list-ad3d80982b484229.js'},{'revision':null,'url':'/_next/static/chunks/pages/assets/assets-new-48b61699a3088b58.js'},{'revision':null,'url':'/_next/static/chunks/pages/assets/assets-table-3084dc0cbfda21da.js'},{'revision':null,'url':'/_next/static/chunks/pages/assets/assets-view-8d5fc0a797011964.js'},{'revision':null,'url':'/_next/static/chunks/pages/constructor-7ce15cb573718256.js'},{'revision':null,'url':'/_next/static/chunks/pages/dashboard-a05c3f7ce008b3c3.js'},{'revision':null,'url':'/_next/static/chunks/pages/element-type-defaults-4e30dd1a2f25f89f.js'},{'revision':null,'url':'/_next/static/chunks/pages/element-type-defaults/%5Bid%5D-c47f8a88bb8983b7.js'},{'revision':null,'url':'/_next/static/chunks/pages/error-e0bd1c24aeb3d601.js'},{'revision':null,'url':'/_next/static/chunks/pages/forgot-78b70d91742fd5b1.js'},{'revision':null,'url':'/_next/static/chunks/pages/forms-f0585b7dcc01fdb1.js'},{'revision':null,'url':'/_next/static/chunks/pages/index-53587e829512c859.js'},{'revision':null,'url':'/_next/static/chunks/pages/login-bf642a48edd52161.js'},{'revision':null,'url':'/_next/static/chunks/pages/p/%5BprojectSlug%5D-900a5566c9e7dddd.js'},{'revision':null,'url':'/_next/static/chunks/pages/p/%5BprojectSlug%5D/stage-74a59f76161ade9d.js'},{'revision':null,'url':'/_next/static/chunks/pages/password-reset-18f74e912f3914f5.js'},{'revision':null,'url':'/_next/static/chunks/pages/permissions/%5BpermissionsId%5D-b6e0a85149ef4fb2.js'},{'revision':null,'url':'/_next/static/chunks/pages/permissions/permissions-edit-52d012b54210638e.js'},{'revision':null,'url':'/_next/static/chunks/pages/permissions/permissions-list-b787227aaf0fa18b.js'},{'revision':null,'url':'/_next/static/chunks/pages/permissions/permissions-new-0ba054e730f828fb.js'},{'revision':null,'url':'/_next/static/chunks/pages/permissions/permissions-table-078e773f24033353.js'},{'revision':null,'url':'/_next/static/chunks/pages/permissions/permissions-view-23f6e803f46a3cc7.js'},{'revision':null,'url':'/_next/static/chunks/pages/presigned_url_requests/%5Bpresigned_url_requestsId%5D-742a2372aca8d2c9.js'},{'revision':null,'url':'/_next/static/chunks/pages/presigned_url_requests/presigned_url_requests-edit-97fb7bac95cf4d74.js'},{'revision':null,'url':'/_next/static/chunks/pages/presigned_url_requests/presigned_url_requests-list-3762c3782e904205.js'},{'revision':null,'url':'/_next/static/chunks/pages/presigned_url_requests/presigned_url_requests-new-82b1ce912005c2b3.js'},{'revision':null,'url':'/_next/static/chunks/pages/presigned_url_requests/presigned_url_requests-table-6928e1ad6752157a.js'},{'revision':null,'url':'/_next/static/chunks/pages/presigned_url_requests/presigned_url_requests-view-8b384bb120b07864.js'},{'revision':null,'url':'/_next/static/chunks/pages/privacy-policy-53ea2331c015449b.js'},{'revision':null,'url':'/_next/static/chunks/pages/profile-4f68abfea6ef95f7.js'},{'revision':null,'url':'/_next/static/chunks/pages/project-element-defaults-989846de6e9c0e69.js'},{'revision':null,'url':'/_next/static/chunks/pages/project-element-defaults/%5Bid%5D-217f7de62a07082a.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_audio_tracks/%5Bproject_audio_tracksId%5D-f1bd0cc4a331f03b.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_audio_tracks/project_audio_tracks-edit-d9cf5970d52602d7.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_audio_tracks/project_audio_tracks-list-f04f25a8fd0403fd.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_audio_tracks/project_audio_tracks-new-fbdb9a0c76bf6d80.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_audio_tracks/project_audio_tracks-table-c7570be1039babb3.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_audio_tracks/project_audio_tracks-view-b63e46ac54f753d6.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_memberships/%5Bproject_membershipsId%5D-75ada500b2eaa96e.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_memberships/project_memberships-edit-492d0f7a601afd5b.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_memberships/project_memberships-list-d2093fbbd7ae7742.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_memberships/project_memberships-new-f80eeffecd23de0c.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_memberships/project_memberships-table-fb9e567445f4b2ac.js'},{'revision':null,'url':'/_next/static/chunks/pages/project_memberships/project_memberships-view-3f4bbaf0e0adbd2b.js'},{'revision':null,'url':'/_next/static/chunks/pages/projects/%5BprojectsId%5D-9d1a4ac8aff9e86f.js'},{'revision':null,'url':'/_next/static/chunks/pages/projects/projects-edit-59c04ec0ef200e41.js'},{'revision':null,'url':'/_next/static/chunks/pages/projects/projects-list-3b855004004943d7.js'},{'revision':null,'url':'/_next/static/chunks/pages/projects/projects-new-70c68debacfb0367.js'},{'revision':null,'url':'/_next/static/chunks/pages/projects/projects-table-cb6786da9f67593b.js'},{'revision':null,'url':'/_next/static/chunks/pages/projects/projects-view-0708dde0a7200d2b.js'},{'revision':null,'url':'/_next/static/chunks/pages/publish_events/%5Bpublish_eventsId%5D-a8e6beb0ff3084e0.js'},{'revision':null,'url':'/_next/static/chunks/pages/publish_events/publish_events-edit-1699d947cfb405e4.js'},{'revision':null,'url':'/_next/static/chunks/pages/publish_events/publish_events-list-6804da85ebe7e1ae.js'},{'revision':null,'url':'/_next/static/chunks/pages/publish_events/publish_events-new-c596490ed1c34c20.js'},{'revision':null,'url':'/_next/static/chunks/pages/publish_events/publish_events-table-37ee89c6c04b3877.js'},{'revision':null,'url':'/_next/static/chunks/pages/publish_events/publish_events-view-53a87f5bfd49f924.js'},{'revision':null,'url':'/_next/static/chunks/pages/pwa_caches/%5Bpwa_cachesId%5D-00a93356784ec5e4.js'},{'revision':null,'url':'/_next/static/chunks/pages/pwa_caches/pwa_caches-edit-e1a0e62c87c04597.js'},{'revision':null,'url':'/_next/static/chunks/pages/pwa_caches/pwa_caches-list-c6d67dde85b38e87.js'},{'revision':null,'url':'/_next/static/chunks/pages/pwa_caches/pwa_caches-new-76f3dac394a0f9b4.js'},{'revision':null,'url':'/_next/static/chunks/pages/pwa_caches/pwa_caches-table-f100ac018102680a.js'},{'revision':null,'url':'/_next/static/chunks/pages/pwa_caches/pwa_caches-view-3d983b9bf13b9269.js'},{'revision':null,'url':'/_next/static/chunks/pages/register-74317198a1107978.js'},{'revision':null,'url':'/_next/static/chunks/pages/roles/%5BrolesId%5D-749c69b41d9b75a6.js'},{'revision':null,'url':'/_next/static/chunks/pages/roles/roles-edit-fb15a0bcee883295.js'},{'revision':null,'url':'/_next/static/chunks/pages/roles/roles-list-dfd66b0da8f12e5a.js'},{'revision':null,'url':'/_next/static/chunks/pages/roles/roles-new-592ffb19685d02cb.js'},{'revision':null,'url':'/_next/static/chunks/pages/roles/roles-table-7bd66515b4a5fff6.js'},{'revision':null,'url':'/_next/static/chunks/pages/roles/roles-view-1ea967286287c0b4.js'},{'revision':null,'url':'/_next/static/chunks/pages/search-b5c30de26c40119e.js'},{'revision':null,'url':'/_next/static/chunks/pages/tables-a0711e913de52a07.js'},{'revision':null,'url':'/_next/static/chunks/pages/terms-of-use-7d00698d6183bde4.js'},{'revision':null,'url':'/_next/static/chunks/pages/tour_pages/%5Btour_pagesId%5D-f9c22703928d6a30.js'},{'revision':null,'url':'/_next/static/chunks/pages/tour_pages/tour_pages-edit-3af5343835095a06.js'},{'revision':null,'url':'/_next/static/chunks/pages/tour_pages/tour_pages-list-7c9d3b26a0e647ff.js'},{'revision':null,'url':'/_next/static/chunks/pages/tour_pages/tour_pages-new-86b5e392c47600f0.js'},{'revision':null,'url':'/_next/static/chunks/pages/tour_pages/tour_pages-table-4a211ad20d9e18b6.js'},{'revision':null,'url':'/_next/static/chunks/pages/tour_pages/tour_pages-view-2c31ac25f8431705.js'},{'revision':null,'url':'/_next/static/chunks/pages/users/%5BusersId%5D-bfafbc3f266afe20.js'},{'revision':null,'url':'/_next/static/chunks/pages/users/users-edit-219527f1f16c5991.js'},{'revision':null,'url':'/_next/static/chunks/pages/users/users-list-1f55ecf57d225d7a.js'},{'revision':null,'url':'/_next/static/chunks/pages/users/users-new-8a625cf81b35b49c.js'},{'revision':null,'url':'/_next/static/chunks/pages/users/users-table-1fc36f16ee8fc0be.js'},{'revision':null,'url':'/_next/static/chunks/pages/users/users-view-2621169ea055621e.js'},{'revision':null,'url':'/_next/static/chunks/pages/verify-email-3c9a0ef6c6d5daff.js'},{'revision':'846118c33b2c0e922d7b3a7676f81f6f','url':'/_next/static/chunks/polyfills-42372ed130431b0a.js'},{'revision':null,'url':'/_next/static/chunks/webpack-9bfc6282834605db.js'},{'revision':null,'url':'/_next/static/css/715be398208dca58.css'},{'revision':null,'url':'/_next/static/css/8711c4b70418d009.css'},{'revision':null,'url':'/_next/static/css/de6fa09b8a0934d1.css'},{'revision':'f8e23901ce4005245c6c65211c685b59','url':'/_next/static/iHJhFekqtMmXgaC0fhpJW/_buildManifest.js'},{'revision':'b6652df95db52feb4daf4eca35380933','url':'/_next/static/iHJhFekqtMmXgaC0fhpJW/_ssgManifest.js'},{'revision':'43778b43fb039fdd5b0510561dc952ac','url':'/assets/vm-shot-2026-03-17T04-16-09-161Z.jpg'},{'revision':'3395d49fe2b96221471b4db0f5caf9e7','url':'/assets/vm-shot-2026-03-17T04-19-03-565Z.jpg'},{'revision':'62127cd8f85821f3e570a377a8a7e14b','url':'/assets/vm-shot-2026-03-17T04-36-56-252Z.jpg'},{'revision':'145c2d7e4ef298391258c6d8a8aaaece','url':'/assets/vm-shot-2026-03-17T04-45-14-111Z.jpg'},{'revision':'c6aae6521f08c847e370764d1c9c613d','url':'/assets/vm-shot-2026-03-17T04-50-58-546Z.jpg'},{'revision':'bf90fb959c1d418b01eb7e55de6672d5','url':'/assets/vm-shot-2026-03-19T06-12-36-229Z.jpg'},{'revision':'73de6cac0695249f4e59ce778a8e6e74','url':'/assets/vm-shot-2026-03-19T06-13-19-234Z.jpg'},{'revision':'bf90fb959c1d418b01eb7e55de6672d5','url':'/assets/vm-shot-2026-03-19T06-13-54-729Z.jpg'},{'revision':'ca6cbfcc74b52f00eef0f2adc8e65456','url':'/assets/vm-shot-2026-03-24T14-29-20-260Z.jpg'},{'revision':'0957c5365895c5ba31b10a84f4e45929','url':'/data-sources/clients.json'},{'revision':'5703d42f7838705ecf87510c4032b20c','url':'/data-sources/history.json'},{'revision':'5404a85badad8210a634ce41bb511545','url':'/favicon.svg'},{'revision':'508520242399a6b1fec65430901f4e6f','url':'/locales/de/common.json'},{'revision':'0a64739b954a93627749ffcb846fceaa','url':'/locales/en/common.json'},{'revision':'34715e25a3bcbab44f84232ce082d2ee','url':'/locales/es/common.json'},{'revision':'772a72f35589c06bdd8d9179c86459e6','url':'/locales/fr/common.json'},{'revision':'c67326edc61e0b5cf87e509ea7553466','url':'/manifest.json'},{'revision':'1254c9c72aa64724c203d26278712800','url':'/offline.html'}],skipWaiting:!0,clientsClaim:!0,navigationPreload:!0,runtimeCaching:[{matcher:e=>{let{request:t}=e,a=new URL(t.url);return"image"===t.destination||"font"===t.destination||[".css",".js",".woff",".woff2"].some(e=>a.pathname.endsWith(e))},handler:new e_({cacheName:eq.cacheNames.assets,plugins:[{cacheWillUpdate:async e=>{let{response:t}=e;return t&&200===t.status?t:null}}]})},{matcher:e=>{let{request:t}=e;return eC(t)},handler:new e_({cacheName:eq.cacheNames.assets,plugins:[{cachedResponseWillBeUsed:async e=>{let{cachedResponse:t,request:a}=e;if(!t)return null;let s=a.headers.get("range");if(!s)return t;let r=s.match(/bytes=(\d+)-(\d*)/);if(!r)return t;let n=parseInt(r[1],10),i=r[2]?parseInt(r[2],10):void 0,c=await t.blob(),o=void 0!==i?c.slice(n,i+1):c.slice(n);return new Response(o,{status:206,statusText:"Partial Content",headers:{"Content-Type":t.headers.get("Content-Type")||"video/mp4","Content-Length":String(o.size),"Content-Range":"bytes ".concat(n,"-").concat(void 0!==i?i:c.size-1,"/").concat(c.size),"Accept-Ranges":"bytes"}})},cacheWillUpdate:async e=>{let{response:t}=e;return t&&200===t.status?t:null}}]})},{matcher:e=>{let{url:t}=e;return t.pathname.startsWith("/api/")},handler:new X({cacheName:"api-cache",networkTimeoutSeconds:10})},{matcher:e=>{let{request:t}=e;return(e=>{let t=new URL(e.url);return(!t.pathname.startsWith("/api/")||!!t.pathname.includes("/file/download"))&&!!(eN.some(e=>t.pathname.toLowerCase().endsWith(e))||t.pathname.includes("/file/download")||t.hostname.includes("amazonaws.com")||t.hostname.includes("cloudfront.net"))})(t)&&!eC(t)},handler:new e_({cacheName:eq.cacheNames.assets,plugins:[{cacheWillUpdate:async e=>{let{response:t}=e;return t&&200===t.status?t:null}}]})},...eS]});self.addEventListener("message",e=>{let{type:t,payload:a}=e.data||{};switch(t){case"CACHE_ASSETS":Array.isArray(null==a?void 0:a.urls)&&e.waitUntil(caches.open(eq.cacheNames.assets).then(e=>Promise.all(a.urls.map(t=>fetch(t).then(a=>{if(200===a.status)return e.put(t,a)}).catch(e=>{console.warn("[SW] Failed to cache asset:",t,e)})))));break;case"CACHE_VIDEO_CHUNK":(null==a?void 0:a.url)&&(null==a?void 0:a.chunk)&&e.waitUntil(caches.open(eq.cacheNames.assets).then(e=>{let t=new Response(a.chunk,{headers:{"Content-Type":a.contentType||"video/mp4","Content-Length":String(a.chunk.byteLength)}});return e.put(a.url,t)}));break;case"CLEAR_CACHE":e.waitUntil(Promise.all([caches.delete(eq.cacheNames.dynamic),caches.delete(eq.cacheNames.assets)]).then(()=>{console.log("[SW] Caches cleared")}));break;case"GET_CACHE_STATUS":e.waitUntil(caches.open(eq.cacheNames.assets).then(t=>t.keys().then(t=>{let a=e.source;null==a||a.postMessage({type:"CACHE_STATUS",payload:{cachedCount:t.length,urls:t.map(e=>e.url)}})})));break;case"SKIP_WAITING":self.skipWaiting()}}),eD.addEventListeners(),console.log("[SW] Serwist service worker loaded")})(); \ No newline at end of file diff --git a/frontend/src/components/RuntimePresentation.tsx b/frontend/src/components/RuntimePresentation.tsx index e7124d4..5c88951 100644 --- a/frontend/src/components/RuntimePresentation.tsx +++ b/frontend/src/components/RuntimePresentation.tsx @@ -6,7 +6,6 @@ */ import { mdiFullscreen, mdiFullscreenExit } from '@mdi/js'; -import axios from 'axios'; import Head from 'next/head'; import Image from 'next/image'; import React, { @@ -25,28 +24,44 @@ import { ElementContentRenderer } from './UiElements/ElementContentRenderer'; import LayoutGuest from '../layouts/Guest'; import { getPageTitle } from '../config'; import { usePreloadOrchestrator } from '../hooks/usePreloadOrchestrator'; +import { usePageDataLoader } from '../hooks/usePageDataLoader'; import { extractPageLinksAndElements } from '../lib/extractPageLinks'; import { usePageSwitch } from '../hooks/usePageSwitch'; import { useTransitionPlayback } from '../hooks/useTransitionPlayback'; +import { useBackgroundTransition } from '../hooks/useBackgroundTransition'; import { resolveAssetPlaybackUrl } from '../lib/assetUrl'; import { logger } from '../lib/logger'; -// buildElementStyle is now used in RuntimeElement component -import type { RuntimeProject, RuntimePage } from '../types/runtime'; +import { + resolveNavigationTarget, + isTransitionBlocking, +} from '../lib/navigationHelpers'; +import type { TransitionPhase } from '../types/presentation'; interface RuntimePresentationProps { projectSlug: string; environment: 'stage' | 'production'; } -const getRows = (response: any) => - Array.isArray(response?.data?.rows) ? response.data.rows : []; - export default function RuntimePresentation({ projectSlug, environment, }: RuntimePresentationProps) { - const [project, setProject] = useState(null); - const [pages, setPages] = useState([]); + // Use shared hook for loading project and pages data + const { + project, + pages, + isLoading, + error, + initialPageId, + } = usePageDataLoader({ + projectSlug, + environment, + apiHeaders: { + 'X-Runtime-Project-Slug': projectSlug, + 'X-Runtime-Environment': environment, + }, + }); + const [selectedPageId, setSelectedPageId] = useState(null); const [pageHistory, setPageHistory] = useState([]); const [transitionPreview, setTransitionPreview] = useState<{ @@ -55,27 +70,21 @@ export default function RuntimePresentation({ storageKey: string; isReverse: boolean; } | null>(null); - const [error, setError] = useState(''); - const [isLoading, setIsLoading] = useState(true); const [isFullscreen, setIsFullscreen] = useState(false); const [isBackgroundReady, setIsBackgroundReady] = useState(true); const [pendingTransitionComplete, setPendingTransitionComplete] = useState(false); - const [isOverlayFadingOut, setIsOverlayFadingOut] = useState(false); const transitionVideoRef = useRef(null); const lastInitializedPageIdRef = useRef(null); - // API request config with custom headers for project/environment - const apiConfig = useMemo( - () => ({ - headers: { - 'X-Runtime-Project-Slug': projectSlug, - 'X-Runtime-Environment': environment, - }, - }), - [projectSlug, environment], - ); + // Set initial page when data loads + useEffect(() => { + if (initialPageId && !selectedPageId) { + setSelectedPageId(initialPageId); + setPageHistory([initialPageId]); + } + }, [initialPageId, selectedPageId]); // Extract page links and preload elements from ui_schema_json // This enables the neighbor graph to find connected pages for preloading @@ -163,6 +172,20 @@ export default function RuntimePresentation({ }, }); + // Use shared background transition hook for fade-out effects + const { isOverlayFadingOut, resetFadeOut } = useBackgroundTransition({ + pageSwitch, + fadeOut: { + pendingTransitionComplete, + isBackgroundReady, + transitionVideoRef, + onTransitionCleanup: useCallback(() => { + setTransitionPreview(null); + setPendingTransitionComplete(false); + }, []), + }, + }); + const toggleFullscreen = useCallback(async () => { try { if (!document.fullscreenElement) { @@ -190,126 +213,6 @@ export default function RuntimePresentation({ document.removeEventListener('fullscreenchange', handleFullscreenChange); }, []); - // Fade out and remove transition overlay when background is ready - useEffect(() => { - if (pendingTransitionComplete && isBackgroundReady && !isOverlayFadingOut) { - // Start fade-out animation - setIsOverlayFadingOut(true); - - // After fade completes (300ms), remove the overlay - const fadeTimer = setTimeout(() => { - const video = transitionVideoRef.current; - video?.removeAttribute('src'); - video?.load(); - setTransitionPreview(null); - setPendingTransitionComplete(false); - setIsOverlayFadingOut(false); - // Clear previous background from shared hook - pageSwitch.clearPreviousBackground(); - }, 300); - - return () => clearTimeout(fadeTimer); - } - }, [ - pendingTransitionComplete, - isBackgroundReady, - isOverlayFadingOut, - pageSwitch.clearPreviousBackground, - ]); - - // Clear previous background overlay when new background is ready (direct navigation) - useEffect(() => { - if ( - pageSwitch.isSwitching && - pageSwitch.isNewBgReady && - pageSwitch.previousBgImageUrl - ) { - // New background is ready - clear the previous background overlay - pageSwitch.clearPreviousBackground(); - } - }, [ - pageSwitch.isSwitching, - pageSwitch.isNewBgReady, - pageSwitch.previousBgImageUrl, - pageSwitch.clearPreviousBackground, - ]); - - // Load presentation data - useEffect(() => { - let isCancelled = false; - - const loadPresentation = async () => { - try { - setIsLoading(true); - setError(''); - - // Fetch project by slug - const projectsResponse = await axios.get('/projects', { - ...apiConfig, - params: { slug: projectSlug }, - }); - - if (isCancelled) return; - - const projectRows = getRows(projectsResponse); - const foundProject = projectRows.find( - (p: RuntimeProject) => p.slug === projectSlug, - ); - - if (!foundProject) { - setError(`Project "${projectSlug}" not found.`); - return; - } - - setProject(foundProject); - - // Fetch pages for this project - // (Elements and navigation are extracted from ui_schema_json) - const pagesResponse = await axios.get('/tour_pages', { - ...apiConfig, - params: { project: foundProject.id }, - }); - - if (isCancelled) return; - - const pageRows = getRows(pagesResponse); - - // Filter by environment and sort by sort_order - // STRICT: Only show pages matching the exact environment - // Production = production only, Stage = stage only, Dev = dev only - const envFilteredPages = pageRows - .filter((p: any) => p.environment === environment) - .sort((a: any, b: any) => (a.sort_order ?? 0) - (b.sort_order ?? 0)); - - setPages(envFilteredPages); - - // Set initial page (first page by sort_order) - if (envFilteredPages.length > 0) { - const firstPage = envFilteredPages[0]; - setSelectedPageId(firstPage.id); - setPageHistory([firstPage.id]); - } - } catch (err: any) { - if (isCancelled) return; - const message = - err?.response?.data?.message || - err?.message || - 'Failed to load presentation.'; - setError(message); - } finally { - if (!isCancelled) { - setIsLoading(false); - } - } - }; - - loadPresentation(); - - return () => { - isCancelled = true; - }; - }, [projectSlug, environment, apiConfig]); - const selectedPage = useMemo( () => pages.find((p) => p.id === selectedPageId) || null, [pages, selectedPageId], @@ -371,8 +274,8 @@ export default function RuntimePresentation({ if (transitionVideoUrl) { // Reset states from previous transition before starting new one - // This prevents the fade-out effect from re-triggering when isOverlayFadingOut resets - setIsOverlayFadingOut(false); + // This prevents the fade-out effect from re-triggering + resetFadeOut(); setPendingTransitionComplete(false); // Play transition using useTransitionPlayback hook setTransitionPreview({ @@ -394,50 +297,35 @@ export default function RuntimePresentation({ }); } }, - [pages, pageSwitch], + [pages, pageSwitch, resetFadeOut], ); const handleElementClick = useCallback( (element: any) => { - // Disable navigation while transition is actively playing or buffering - // Only block during active phases, not during fade-out (completed phase) - const isActivelyPlaying = - transitionPhase === 'preparing' || - transitionPhase === 'playing' || - transitionPhase === 'reversing'; - if (isActivelyPlaying || isBuffering) { + // Block navigation while transition is actively playing or buffering + if (isTransitionBlocking(transitionPhase as TransitionPhase, isBuffering)) { return; } - // Support both targetPageSlug (new) and targetPageId (legacy) - const targetPageSlug = element.targetPageSlug; - const legacyTargetPageId = element.targetPageId; - - // Resolve slug to page ID, or use legacy targetPageId - let targetPageId: string | undefined; - if (targetPageSlug) { - const targetPage = pages.find((p) => p.slug === targetPageSlug); - targetPageId = targetPage?.id; - } else if (legacyTargetPageId) { - targetPageId = legacyTargetPageId; - } + // Use shared helper to resolve navigation target + const navTarget = resolveNavigationTarget(element, pages); // Debug: log element navigation data logger.info('Element clicked', { elementType: element.type, - targetPageSlug, - legacyTargetPageId, - resolvedTargetPageId: targetPageId, + targetPageSlug: element.targetPageSlug, + legacyTargetPageId: element.targetPageId, + resolvedTargetPageId: navTarget?.pageId, transitionVideoUrl: element.transitionVideoUrl, hasTransition: Boolean(element.transitionVideoUrl), }); - if (targetPageId) { - const isBack = - element.navType === 'back' || element.type === 'navigation_prev'; - // Get transition video URL from element itself - const transitionVideoUrl = element.transitionVideoUrl; - navigateToPage(targetPageId, transitionVideoUrl, isBack); + if (navTarget) { + navigateToPage( + navTarget.pageId, + navTarget.transitionVideoUrl, + navTarget.isBack, + ); } }, [navigateToPage, pages, transitionPhase, isBuffering], diff --git a/frontend/src/hooks/index.ts b/frontend/src/hooks/index.ts index acd22dc..89b44e5 100644 --- a/frontend/src/hooks/index.ts +++ b/frontend/src/hooks/index.ts @@ -20,3 +20,14 @@ export type { UsePageNavigationOptions, UsePageNavigationResult, } from './usePageNavigation'; +export { useBackgroundTransition } from './useBackgroundTransition'; +export type { + FadeOutConfig, + UseBackgroundTransitionOptions, + UseBackgroundTransitionResult, +} from './useBackgroundTransition'; +export { usePageDataLoader } from './usePageDataLoader'; +export type { + UsePageDataLoaderOptions, + UsePageDataLoaderResult, +} from './usePageDataLoader'; diff --git a/frontend/src/hooks/useBackgroundTransition.ts b/frontend/src/hooks/useBackgroundTransition.ts new file mode 100644 index 0000000..0d468ce --- /dev/null +++ b/frontend/src/hooks/useBackgroundTransition.ts @@ -0,0 +1,164 @@ +/** + * useBackgroundTransition Hook + * + * Manages background transition effects when switching between pages. + * Handles the fade-out animation of the transition video overlay and + * coordinates with the page switch hook to clear previous backgrounds. + * + * This hook consolidates the background transition logic used by both + * RuntimePresentation and constructor.tsx. + * + * Two modes: + * 1. Full mode (RuntimePresentation): Fade-out animation + direct navigation clearing + * 2. Simple mode (constructor): Direct navigation clearing only + */ + +import { useEffect, useState, useCallback } from 'react'; + +/** + * Fade-out configuration (optional - for RuntimePresentation) + */ +export interface FadeOutConfig { + /** Whether a transition video has finished playing and is waiting for bg ready */ + pendingTransitionComplete: boolean; + /** Whether the new background image is ready to display */ + isBackgroundReady: boolean; + /** Ref to the transition video element for cleanup */ + transitionVideoRef: React.RefObject; + /** Callback to clear transition state after overlay is removed */ + onTransitionCleanup: () => void; +} + +export interface UseBackgroundTransitionOptions { + /** Page switch hook instance for clearing previous background */ + pageSwitch: { + clearPreviousBackground: () => void; + isSwitching: boolean; + isNewBgReady: boolean; + previousBgImageUrl: string; + }; + /** Optional fade-out configuration (for RuntimePresentation) */ + fadeOut?: FadeOutConfig; +} + +export interface UseBackgroundTransitionResult { + /** Whether the overlay is currently fading out */ + isOverlayFadingOut: boolean; + /** Reset the fade-out state (call before starting a new transition) */ + resetFadeOut: () => void; +} + +/** + * Duration of the fade-out animation in milliseconds + */ +const FADE_DURATION_MS = 300; + +/** + * Hook for managing background transition effects. + * + * @example + * // Full mode with fade-out (RuntimePresentation) + * const { isOverlayFadingOut, resetFadeOut } = useBackgroundTransition({ + * pageSwitch, + * fadeOut: { + * pendingTransitionComplete, + * isBackgroundReady, + * transitionVideoRef, + * onTransitionCleanup: () => { + * setTransitionPreview(null); + * setPendingTransitionComplete(false); + * }, + * }, + * }); + * + * @example + * // Simple mode - direct navigation only (constructor) + * useBackgroundTransition({ pageSwitch }); + */ +export function useBackgroundTransition({ + pageSwitch, + fadeOut, +}: UseBackgroundTransitionOptions): UseBackgroundTransitionResult { + const [isOverlayFadingOut, setIsOverlayFadingOut] = useState(false); + + /** + * Reset fade-out state before starting a new transition. + * This prevents the fade-out effect from re-triggering when state resets. + */ + const resetFadeOut = useCallback(() => { + setIsOverlayFadingOut(false); + }, []); + + /** + * Effect: Fade out and remove transition overlay when background is ready. + * Only runs when fadeOut config is provided. + * + * Sequence: + * 1. Transition video finishes playing (pendingTransitionComplete = true) + * 2. New background image loads (isBackgroundReady = true) + * 3. Start fade-out animation (isOverlayFadingOut = true) + * 4. After fade completes, clean up video and clear transition state + */ + useEffect(() => { + if (!fadeOut) return; + + const { + pendingTransitionComplete, + isBackgroundReady, + transitionVideoRef, + onTransitionCleanup, + } = fadeOut; + + if (pendingTransitionComplete && isBackgroundReady && !isOverlayFadingOut) { + // Start fade-out animation + setIsOverlayFadingOut(true); + + // After fade completes, remove the overlay + const fadeTimer = setTimeout(() => { + const video = transitionVideoRef.current; + if (video) { + video.removeAttribute('src'); + video.load(); + } + + // Clear previous background from shared hook + pageSwitch.clearPreviousBackground(); + + // Notify caller to clear transition state + onTransitionCleanup(); + + // Reset fade-out state + setIsOverlayFadingOut(false); + }, FADE_DURATION_MS); + + return () => clearTimeout(fadeTimer); + } + }, [fadeOut, isOverlayFadingOut, pageSwitch]); + + /** + * Effect: Clear previous background overlay when new background is ready (direct navigation). + * + * This handles the case when navigating without a transition video. + * The previous background stays visible until the new one is ready to paint. + */ + useEffect(() => { + if ( + pageSwitch.isSwitching && + pageSwitch.isNewBgReady && + pageSwitch.previousBgImageUrl + ) { + // New background is ready - clear the previous background overlay + pageSwitch.clearPreviousBackground(); + } + }, [ + pageSwitch.isSwitching, + pageSwitch.isNewBgReady, + pageSwitch.previousBgImageUrl, + pageSwitch.clearPreviousBackground, + ]); + + return { + isOverlayFadingOut, + resetFadeOut, + }; +} diff --git a/frontend/src/hooks/usePageDataLoader.ts b/frontend/src/hooks/usePageDataLoader.ts new file mode 100644 index 0000000..c9f1bc9 --- /dev/null +++ b/frontend/src/hooks/usePageDataLoader.ts @@ -0,0 +1,253 @@ +/** + * usePageDataLoader Hook + * + * Unified hook for loading project and page data in presentation components. + * Used by both RuntimePresentation (public) and constructor.tsx (authenticated). + * + * Features: + * - Loads project by slug or ID + * - Loads pages filtered by environment + * - Sorts pages by sort_order + * - Handles loading and error states + * - Supports reloading with page preservation + */ + +import { useState, useCallback, useEffect, useMemo } from 'react'; +import axios from 'axios'; +import { logger } from '../lib/logger'; +import type { RuntimeProject, RuntimePage } from '../types/runtime'; + +/** + * Configuration for the page data loader + */ +export interface UsePageDataLoaderOptions { + /** Project ID for authenticated mode (constructor) */ + projectId?: string; + /** Project slug for public mode (runtime) */ + projectSlug?: string; + /** Environment to filter pages by */ + environment: 'dev' | 'stage' | 'production'; + /** Whether the data loading should be enabled */ + enabled?: boolean; + /** Custom API headers (e.g., for runtime environment context) */ + apiHeaders?: Record; + /** Initial page ID from route (for constructor) */ + initialPageId?: string; +} + +/** + * Result of the page data loader + */ +export interface UsePageDataLoaderResult { + /** Loaded project data */ + project: RuntimeProject | null; + /** Loaded and filtered pages */ + pages: RuntimePage[]; + /** Whether data is currently loading */ + isLoading: boolean; + /** Error message if loading failed */ + error: string; + /** Reload the data (optionally preserving current page selection) */ + reload: (preservePageId?: string) => Promise; + /** Initially selected page ID */ + initialPageId: string; +} + +/** + * Extract rows from API response + */ +const getRows = (response: unknown): unknown[] => { + const data = response as { data?: { rows?: unknown[] } }; + return Array.isArray(data?.data?.rows) ? data.data.rows : []; +}; + +/** + * Hook for loading project and page data. + * + * @example + * // Runtime mode (public presentation) + * const { project, pages, isLoading, error } = usePageDataLoader({ + * projectSlug: 'my-project', + * environment: 'production', + * }); + * + * @example + * // Constructor mode (authenticated) + * const { project, pages, isLoading, error, reload } = usePageDataLoader({ + * projectId: 'uuid-here', + * environment: 'dev', + * enabled: isAuthReady, + * }); + */ +export function usePageDataLoader({ + projectId, + projectSlug, + environment, + enabled = true, + apiHeaders = {}, + initialPageId: initialPageIdFromProps = '', +}: UsePageDataLoaderOptions): UsePageDataLoaderResult { + const [project, setProject] = useState(null); + const [pages, setPages] = useState([]); + const [isLoading, setIsLoading] = useState(true); + const [error, setError] = useState(''); + const [selectedInitialPageId, setSelectedInitialPageId] = useState(''); + + // Memoize API config to prevent unnecessary reloads + const apiConfig = useMemo( + () => ({ + headers: apiHeaders, + }), + // Serialize headers for comparison + // eslint-disable-next-line react-hooks/exhaustive-deps + [JSON.stringify(apiHeaders)], + ); + + /** + * Load project and pages data + */ + const loadData = useCallback( + async (preservePageId?: string) => { + // Need either projectId or projectSlug + if (!projectId && !projectSlug) { + setError('No project identifier provided.'); + setIsLoading(false); + return; + } + + if (!enabled) { + return; + } + + try { + setIsLoading(true); + setError(''); + + let foundProject: RuntimeProject | null = null; + + // Load by ID (constructor mode) + if (projectId) { + const projectResponse = await axios.get( + `/projects/${projectId}`, + apiConfig, + ); + foundProject = projectResponse.data; + } + // Load by slug (runtime mode) + else if (projectSlug) { + const projectsResponse = await axios.get('/projects', { + ...apiConfig, + params: { slug: projectSlug }, + }); + + const projectRows = getRows(projectsResponse) as RuntimeProject[]; + foundProject = + projectRows.find((p) => p.slug === projectSlug) || null; + + if (!foundProject) { + setError(`Project "${projectSlug}" not found.`); + setIsLoading(false); + return; + } + } + + if (!foundProject) { + setError('Project not found.'); + setIsLoading(false); + return; + } + + setProject(foundProject); + + // Load pages for this project + const pagesParams: Record = { + project: foundProject.id, + }; + + // For constructor mode, also filter by environment in params + if (projectId) { + pagesParams.environment = environment; + pagesParams.limit = '500'; + pagesParams.sort = 'asc'; + pagesParams.field = 'sort_order'; + } + + const pagesResponse = await axios.get('/tour_pages', { + ...apiConfig, + params: pagesParams, + }); + + let pageRows = getRows(pagesResponse) as RuntimePage[]; + + // For runtime mode, filter by environment client-side + // (backend may not have environment header support) + if (projectSlug) { + pageRows = pageRows.filter((p) => p.environment === environment); + } + + // Sort by sort_order + pageRows.sort((a, b) => (a.sort_order ?? 0) - (b.sort_order ?? 0)); + + setPages(pageRows); + + // Determine initial page + const preservedPageExists = + preservePageId && pageRows.some((p) => p.id === preservePageId); + const defaultPageId = preservedPageExists + ? preservePageId + : initialPageIdFromProps || + (pageRows.length > 0 ? pageRows[0].id : ''); + + setSelectedInitialPageId(defaultPageId); + } catch (err: unknown) { + const axiosError = err as { + response?: { status?: number; data?: { message?: string } }; + message?: string; + }; + + // Handle authentication errors + if (axiosError?.response?.status === 401) { + setError('Your session has expired. Please sign in again.'); + logger.error('Unauthorized request during data load'); + return; + } + + const message = + axiosError?.response?.data?.message || + axiosError?.message || + 'Failed to load presentation data.'; + + logger.error( + 'Failed to load page data:', + err instanceof Error ? err : { error: err }, + ); + setError(message); + setPages([]); + } finally { + setIsLoading(false); + } + }, + [ + projectId, + projectSlug, + environment, + enabled, + apiConfig, + initialPageIdFromProps, + ], + ); + + // Initial load + useEffect(() => { + loadData(); + }, [loadData]); + + return { + project, + pages, + isLoading, + error, + reload: loadData, + initialPageId: selectedInitialPageId, + }; +} diff --git a/frontend/src/hooks/usePreloadOrchestrator.ts b/frontend/src/hooks/usePreloadOrchestrator.ts index 53fd329..3963224 100644 --- a/frontend/src/hooks/usePreloadOrchestrator.ts +++ b/frontend/src/hooks/usePreloadOrchestrator.ts @@ -611,6 +611,12 @@ export function usePreloadOrchestrator( ) { storagePaths.push(currentPage.background_video_url); } + if ( + currentPage?.background_audio_url && + isRelativeStoragePath(currentPage.background_audio_url) + ) { + storagePaths.push(currentPage.background_audio_url); + } assets.forEach((asset) => { if (isRelativeStoragePath(asset.url)) { @@ -618,18 +624,32 @@ export function usePreloadOrchestrator( } }); - if (shouldPreloadAggressively) { - const neighbors = neighborGraph.getNeighbors(currentPageId, 1); - neighbors.forEach(({ pageId }) => { - const page = pages.find((p) => p.id === pageId); - if ( - page?.background_image_url && - isRelativeStoragePath(page.background_image_url) - ) { - storagePaths.push(page.background_image_url); - } - }); - } + // Always collect neighbor background URLs for presigning + // This ensures instant navigation to neighbor pages + const neighbors = neighborGraph.getNeighbors(currentPageId, 1); + neighbors.forEach(({ pageId }) => { + const page = pages.find((p) => p.id === pageId); + if ( + page?.background_image_url && + isRelativeStoragePath(page.background_image_url) + ) { + storagePaths.push(page.background_image_url); + } + // Always collect neighbor video URLs for smooth transitions + if ( + page?.background_video_url && + isRelativeStoragePath(page.background_video_url) + ) { + storagePaths.push(page.background_video_url); + } + // Also collect neighbor audio URLs + if ( + page?.background_audio_url && + isRelativeStoragePath(page.background_audio_url) + ) { + storagePaths.push(page.background_audio_url); + } + }); // Batch fetch presigned URLs, then add to queue // Helper to resolve URL - prefer presigned if available, else fallback to proxy @@ -679,6 +699,22 @@ export function usePreloadOrchestrator( }); } } + if (currentPage?.background_audio_url) { + const storageKey = currentPage.background_audio_url; + const resolvedUrl = resolveUrl(storageKey, presignedUrls); + if (resolvedUrl) { + addToQueue({ + id: `bg-aud-${currentPageId}`, + url: resolvedUrl, + storageKey: isRelativeStoragePath(storageKey) + ? storageKey + : undefined, + priority: PRELOAD_CONFIG.priority.currentPage + 100, + assetType: 'audio', + pageId: currentPageId, + }); + } + } // Add element assets assets.forEach((asset) => { @@ -698,29 +734,63 @@ export function usePreloadOrchestrator( } }); - // If aggressive preloading, also preload neighbor backgrounds - if (shouldPreloadAggressively) { - const neighbors = neighborGraph.getNeighbors(currentPageId, 1); - neighbors.forEach(({ pageId }) => { - const page = pages.find((p) => p.id === pageId); - if (page?.background_image_url) { - const storageKey = page.background_image_url; - const resolvedUrl = resolveUrl(storageKey, presignedUrls); - if (resolvedUrl) { - addToQueue({ - id: `bg-img-${pageId}`, - url: resolvedUrl, - storageKey: isRelativeStoragePath(storageKey) - ? storageKey - : undefined, - priority: PRELOAD_CONFIG.priority.neighborBase, - assetType: 'image', - pageId, - }); - } + // Always preload immediate neighbor backgrounds for smooth navigation + // This is critical for instant page switches without white flash + const neighbors = neighborGraph.getNeighbors(currentPageId, 1); + neighbors.forEach(({ pageId }) => { + const page = pages.find((p) => p.id === pageId); + if (page?.background_image_url) { + const storageKey = page.background_image_url; + const resolvedUrl = resolveUrl(storageKey, presignedUrls); + if (resolvedUrl) { + addToQueue({ + id: `bg-img-${pageId}`, + url: resolvedUrl, + storageKey: isRelativeStoragePath(storageKey) + ? storageKey + : undefined, + // Neighbor backgrounds get high priority (just below current page) + priority: PRELOAD_CONFIG.priority.neighborBase + 100, + assetType: 'image', + pageId, + }); } - }); - } + } + // Always preload neighbor videos for smooth page transitions + if (page?.background_video_url) { + const storageKey = page.background_video_url; + const resolvedUrl = resolveUrl(storageKey, presignedUrls); + if (resolvedUrl) { + addToQueue({ + id: `bg-vid-${pageId}`, + url: resolvedUrl, + storageKey: isRelativeStoragePath(storageKey) + ? storageKey + : undefined, + priority: PRELOAD_CONFIG.priority.neighborBase + 50, + assetType: 'video', + pageId, + }); + } + } + // Always preload neighbor audio for seamless playback + if (page?.background_audio_url) { + const storageKey = page.background_audio_url; + const resolvedUrl = resolveUrl(storageKey, presignedUrls); + if (resolvedUrl) { + addToQueue({ + id: `bg-aud-${pageId}`, + url: resolvedUrl, + storageKey: isRelativeStoragePath(storageKey) + ? storageKey + : undefined, + priority: PRELOAD_CONFIG.priority.neighborBase + 30, + assetType: 'audio', + pageId, + }); + } + } + }); }; // If there are storage paths to presign, fetch them first @@ -755,7 +825,6 @@ export function usePreloadOrchestrator( pages, pageLinks, addToQueue, - shouldPreloadAggressively, maxNeighborDepth, ]); diff --git a/frontend/src/lib/mediaHelpers.ts b/frontend/src/lib/mediaHelpers.ts new file mode 100644 index 0000000..f30c34f --- /dev/null +++ b/frontend/src/lib/mediaHelpers.ts @@ -0,0 +1,158 @@ +/** + * Media Helpers + * + * Utilities for media duration probing and formatting. + * Used by constructor.tsx for displaying video/audio duration info. + */ + +import axios from 'axios'; +import { resolveAssetPlaybackUrl } from './assetUrl'; +import { logger } from './logger'; + +/** + * Format duration in seconds to human-readable string. + * + * @param durationSec - Duration in seconds (or null/undefined) + * @returns Formatted string like "Duration: 1:30" or "Duration: unknown" + * + * @example + * formatDurationNote(90); // "Duration: 1:30" + * formatDurationNote(45); // "Duration: 45s" + * formatDurationNote(null); // "Duration: unknown" + */ +export const formatDurationNote = ( + durationSec?: number | string | null, +): string => { + const parsed = Number(durationSec); + if (!Number.isFinite(parsed) || parsed <= 0) return 'Duration: unknown'; + + const totalSeconds = Math.round(parsed); + const minutes = Math.floor(totalSeconds / 60); + const seconds = totalSeconds % 60; + + if (minutes <= 0) return `Duration: ${seconds}s`; + return `Duration: ${minutes}:${String(seconds).padStart(2, '0')}`; +}; + +/** + * Read media duration from a URL by loading metadata. + * + * Creates a temporary video/audio element to probe the duration. + * Times out after 12 seconds if metadata doesn't load. + * + * @param playbackUrl - URL to the media file + * @param mediaType - Type of media ('video' or 'audio') + * @returns Promise resolving to duration in seconds, or null if failed + * + * @example + * const duration = await readMediaDuration('https://example.com/video.mp4', 'video'); + */ +export const readMediaDuration = ( + playbackUrl: string, + mediaType: 'video' | 'audio', +): Promise => + new Promise((resolve) => { + const mediaElement = + mediaType === 'video' + ? document.createElement('video') + : document.createElement('audio'); + + let timeoutId: ReturnType | null = null; + + const cleanup = () => { + mediaElement.removeEventListener('loadedmetadata', onLoadedMetadata); + mediaElement.removeEventListener('error', onError); + mediaElement.removeEventListener('abort', onError); + if (timeoutId) clearTimeout(timeoutId); + mediaElement.pause(); + mediaElement.removeAttribute('src'); + mediaElement.load(); + }; + + const onLoadedMetadata = () => { + const duration = Number(mediaElement.duration); + cleanup(); + if (Number.isFinite(duration) && duration > 0) { + resolve(duration); + return; + } + resolve(null); + }; + + const onError = () => { + cleanup(); + resolve(null); + }; + + timeoutId = setTimeout(() => { + cleanup(); + resolve(null); + }, 12000); + + mediaElement.preload = 'metadata'; + mediaElement.crossOrigin = 'anonymous'; + mediaElement.addEventListener('loadedmetadata', onLoadedMetadata); + mediaElement.addEventListener('error', onError); + mediaElement.addEventListener('abort', onError); + mediaElement.src = playbackUrl; + mediaElement.load(); + }); + +/** + * Resolve media duration with blob fallback. + * + * First tries to load duration directly from the URL. + * If that fails (e.g., CORS issues), downloads as blob and retries. + * + * @param source - Storage path or URL to the media + * @param mediaType - Type of media ('video' or 'audio') + * @returns Promise resolving to duration in seconds, or null if failed + * + * @example + * const duration = await resolveDurationWithFallback('assets/video.mp4', 'video'); + */ +export const resolveDurationWithFallback = async ( + source: string, + mediaType: 'video' | 'audio', +): Promise => { + const playbackUrl = resolveAssetPlaybackUrl(source); + if (!playbackUrl) return null; + + // Try direct metadata loading first + const directDuration = await readMediaDuration(playbackUrl, mediaType); + if (Number.isFinite(directDuration) && Number(directDuration) > 0) { + return Number(directDuration); + } + + // Fallback: download as blob and probe + try { + const requestUrl = + playbackUrl.startsWith('http://') || playbackUrl.startsWith('https://') + ? playbackUrl + : playbackUrl.replace(/^\/api(?=\/)/, ''); + + const token = + typeof window !== 'undefined' ? localStorage.getItem('token') || '' : ''; + const response = await axios.get(requestUrl, { + responseType: 'blob', + headers: token ? { Authorization: `Bearer ${token}` } : undefined, + }); + + const blobUrl = URL.createObjectURL(response.data); + try { + const blobDuration = await readMediaDuration(blobUrl, mediaType); + if (Number.isFinite(blobDuration) && Number(blobDuration) > 0) { + return Number(blobDuration); + } + return null; + } finally { + URL.revokeObjectURL(blobUrl); + } + } catch (error) { + logger.error( + 'Failed to fetch media for duration probing:', + error instanceof Error ? error : { error }, + ); + return null; + } +}; diff --git a/frontend/src/lib/navigationHelpers.ts b/frontend/src/lib/navigationHelpers.ts new file mode 100644 index 0000000..a6140e1 --- /dev/null +++ b/frontend/src/lib/navigationHelpers.ts @@ -0,0 +1,136 @@ +/** + * Navigation Helpers + * + * Shared utilities for page navigation in RuntimePresentation and constructor.tsx. + * Handles target page resolution, back navigation detection, and transition blocking. + */ + +import type { RuntimePage } from '../types/runtime'; +import type { + NavigableElement, + NavigationTarget, + TransitionPhase, +} from '../types/presentation'; + +/** + * Resolve target page from element navigation properties. + * Supports both targetPageSlug (new) and targetPageId (legacy). + * + * @param element - Element with navigation properties + * @param pages - Available pages to search + * @returns The target page or undefined if not found + */ +export const resolveNavigationTarget = ( + element: NavigableElement, + pages: RuntimePage[], +): NavigationTarget | null => { + const targetPageSlug = element.targetPageSlug; + const legacyTargetPageId = element.targetPageId; + + let targetPage: RuntimePage | undefined; + + if (targetPageSlug) { + targetPage = pages.find((p) => p.slug === targetPageSlug); + } else if (legacyTargetPageId) { + targetPage = pages.find((p) => p.id === legacyTargetPageId); + } + + if (!targetPage) { + return null; + } + + const isBack = isBackNavigation(element); + + return { + page: targetPage, + pageId: targetPage.id, + transitionVideoUrl: element.transitionVideoUrl, + isBack, + }; +}; + +/** + * Determine if navigation direction is "back". + * Elements with navType='back' or type='navigation_prev' navigate backwards. + * + * @param element - Element to check + * @returns true if this is a back navigation + */ +export const isBackNavigation = (element: NavigableElement): boolean => { + return element.navType === 'back' || element.type === 'navigation_prev'; +}; + +/** + * Get navigation direction based on element properties. + * + * @param element - Element with navigation properties + * @returns 'back' or 'forward' + */ +export const getNavigationDirection = ( + element: NavigableElement, +): 'back' | 'forward' => { + return isBackNavigation(element) ? 'back' : 'forward'; +}; + +/** + * Check if transition is actively blocking navigation. + * Navigation should be blocked during preparing, playing, or reversing phases. + * + * @param transitionPhase - Current transition phase + * @param isBuffering - Whether video is buffering + * @returns true if navigation should be blocked + */ +export const isTransitionBlocking = ( + transitionPhase: TransitionPhase, + isBuffering: boolean, +): boolean => { + const activePhases: TransitionPhase[] = ['preparing', 'playing', 'reversing']; + return activePhases.includes(transitionPhase) || isBuffering; +}; + +/** + * Check if element has a playable transition. + * A transition is playable if it has a video URL, and for back navigation, + * either supports reverse or has a separate reverse video. + * + * @param element - Element with transition properties + * @param direction - Navigation direction + * @returns true if element has a playable transition + */ +export const hasPlayableTransition = ( + element: { + transitionVideoUrl?: string; + transitionReverseMode?: string; + reverseVideoUrl?: string; + }, + direction: 'back' | 'forward' = 'forward', +): boolean => { + if (!element.transitionVideoUrl) { + return false; + } + + // For back navigation with separate_video mode, need reverse video + if ( + direction === 'back' && + element.transitionReverseMode === 'separate_video' && + !element.reverseVideoUrl + ) { + return false; + } + + return true; +}; + +/** + * Check if element is a navigation element type. + * + * @param elementType - Element type to check + * @returns true if element is a navigation type + */ +export const isNavigationType = (elementType: string): boolean => { + return ( + elementType === 'navigation_next' || + elementType === 'navigation_prev' || + elementType === 'navigation' + ); +}; diff --git a/frontend/src/pages/constructor.tsx b/frontend/src/pages/constructor.tsx index 0a9e9b9..d1d8b7d 100644 --- a/frontend/src/pages/constructor.tsx +++ b/frontend/src/pages/constructor.tsx @@ -37,10 +37,20 @@ import { usePreloadOrchestrator } from '../hooks/usePreloadOrchestrator'; import { extractPageLinksAndElements } from '../lib/extractPageLinks'; import { usePageSwitch } from '../hooks/usePageSwitch'; import { useTransitionPlayback } from '../hooks/useTransitionPlayback'; +import { useBackgroundTransition } from '../hooks/useBackgroundTransition'; import { logger } from '../lib/logger'; import { resolveAssetPlaybackUrl } from '../lib/assetUrl'; import { parseJsonObject } from '../lib/parseJson'; import { buildElementStyle } from '../lib/elementStyles'; +import { + resolveNavigationTarget, + hasPlayableTransition, + getNavigationDirection, +} from '../lib/navigationHelpers'; +import { + formatDurationNote, + resolveDurationWithFallback, +} from '../lib/mediaHelpers'; import { createDefaultElement, mergeElementWithDefaults, @@ -142,113 +152,6 @@ const getAssetLabel = (asset: ProjectAsset) => { const getAssetSourceValue = (asset: ProjectAsset) => String(asset.storage_key || asset.cdn_url || '').trim(); -const formatDurationNote = (durationSec?: number | string | null) => { - const parsed = Number(durationSec); - if (!Number.isFinite(parsed) || parsed <= 0) return 'Duration: unknown'; - - const totalSeconds = Math.round(parsed); - const minutes = Math.floor(totalSeconds / 60); - const seconds = totalSeconds % 60; - - if (minutes <= 0) return `Duration: ${seconds}s`; - return `Duration: ${minutes}:${String(seconds).padStart(2, '0')}`; -}; - -const readMediaDuration = ( - playbackUrl: string, - mediaType: 'video' | 'audio', -): Promise => - new Promise((resolve) => { - const mediaElement = - mediaType === 'video' - ? document.createElement('video') - : document.createElement('audio'); - - let timeoutId: ReturnType | null = null; - - const cleanup = () => { - mediaElement.removeEventListener('loadedmetadata', onLoadedMetadata); - mediaElement.removeEventListener('error', onError); - mediaElement.removeEventListener('abort', onError); - if (timeoutId) clearTimeout(timeoutId); - mediaElement.pause(); - mediaElement.removeAttribute('src'); - mediaElement.load(); - }; - - const onLoadedMetadata = () => { - const duration = Number(mediaElement.duration); - cleanup(); - if (Number.isFinite(duration) && duration > 0) { - resolve(duration); - return; - } - resolve(null); - }; - - const onError = () => { - cleanup(); - resolve(null); - }; - - timeoutId = setTimeout(() => { - cleanup(); - resolve(null); - }, 12000); - - mediaElement.preload = 'metadata'; - mediaElement.crossOrigin = 'anonymous'; - mediaElement.addEventListener('loadedmetadata', onLoadedMetadata); - mediaElement.addEventListener('error', onError); - mediaElement.addEventListener('abort', onError); - mediaElement.src = playbackUrl; - mediaElement.load(); - }); - -const resolveDurationWithFallback = async ( - source: string, - mediaType: 'video' | 'audio', -) => { - const playbackUrl = resolveAssetPlaybackUrl(source); - if (!playbackUrl) return null; - - const directDuration = await readMediaDuration(playbackUrl, mediaType); - if (Number.isFinite(directDuration) && Number(directDuration) > 0) { - return Number(directDuration); - } - - try { - const requestUrl = - playbackUrl.startsWith('http://') || playbackUrl.startsWith('https://') - ? playbackUrl - : playbackUrl.replace(/^\/api(?=\/)/, ''); - - const token = - typeof window !== 'undefined' ? localStorage.getItem('token') || '' : ''; - const response = await axios.get(requestUrl, { - responseType: 'blob', - headers: token ? { Authorization: `Bearer ${token}` } : undefined, - }); - - const blobUrl = URL.createObjectURL(response.data); - try { - const blobDuration = await readMediaDuration(blobUrl, mediaType); - if (Number.isFinite(blobDuration) && Number(blobDuration) > 0) { - return Number(blobDuration); - } - return null; - } finally { - URL.revokeObjectURL(blobUrl); - } - } catch (error) { - logger.error( - 'Failed to fetch media for duration probing:', - error instanceof Error ? error : { error }, - ); - return null; - } -}; - const isBackgroundImageAsset = (asset: ProjectAsset) => { if (asset.type) return asset.type === 'background_image'; const normalizedName = String(asset.name || '').toLowerCase(); @@ -531,21 +434,9 @@ const ConstructorPage = ({ mode = 'constructor' }: ConstructorPageProps) => { }, }); - // Clear previous background overlay when new background is ready (direct navigation) - useEffect(() => { - if ( - pageSwitch.isSwitching && - pageSwitch.isNewBgReady && - pageSwitch.previousBgImageUrl - ) { - pageSwitch.clearPreviousBackground(); - } - }, [ - pageSwitch.isSwitching, - pageSwitch.isNewBgReady, - pageSwitch.previousBgImageUrl, - pageSwitch.clearPreviousBackground, - ]); + // Use shared background transition hook for direct navigation clearing + // (No fade-out needed in constructor - transitions complete immediately) + useBackgroundTransition({ pageSwitch }); const isConstructorEditMode = constructorInteractionMode === 'edit'; const allowedNavigationTypes = useMemo(() => { @@ -1856,42 +1747,24 @@ const ConstructorPage = ({ mode = 'constructor' }: ConstructorPageProps) => { if (element.navDisabled) { return; } - const direction = - element.navType === 'back' || element.type === 'navigation_prev' - ? 'back' - : 'forward'; - // Support both targetPageSlug (new) and targetPageId (legacy) - const targetPageSlug = String(element.targetPageSlug || '').trim(); - const legacyTargetPageId = String(element.targetPageId || '').trim(); - // Resolve slug to page ID, or use legacy targetPageId - const targetPage = targetPageSlug - ? pages.find((p) => p.slug === targetPageSlug) - : legacyTargetPageId - ? pages.find((p) => p.id === legacyTargetPageId) - : null; - const targetPageId = targetPage?.id || ''; + // Use shared navigation helpers + const direction = getNavigationDirection(element); + const navTarget = resolveNavigationTarget(element, pages); - if (!targetPageId) { + if (!navTarget) { setErrorMessage( 'No target page configured for this navigation button.', ); return; } - const hasPlayableTransition = - Boolean(element.transitionVideoUrl) && - !( - direction === 'back' && - element.transitionReverseMode === 'separate_video' && - !element.reverseVideoUrl - ); - - if (!hasPlayableTransition) { + // Check if transition can be played using shared helper + if (!hasPlayableTransition(element, direction)) { setPendingNavigationPageId(''); setTransitionPreview(null); // Use switchToPage which resolves blob URLs via usePageSwitch (reduces flash) - switchToPage(targetPage).then(() => { + switchToPage(navTarget.page).then(() => { setSelectedElementId(''); setSelectedMenuItem('none'); setErrorMessage(''); @@ -1899,7 +1772,7 @@ const ConstructorPage = ({ mode = 'constructor' }: ConstructorPageProps) => { return; } - setPendingNavigationPageId(targetPageId); + setPendingNavigationPageId(navTarget.pageId); openTransitionPreviewForElement(element, direction); } return; diff --git a/frontend/src/types/preload.ts b/frontend/src/types/preload.ts index b8e5dc3..3a27505 100644 --- a/frontend/src/types/preload.ts +++ b/frontend/src/types/preload.ts @@ -11,6 +11,7 @@ export interface PreloadPage { id: string; background_image_url?: string; background_video_url?: string; + background_audio_url?: string; } /** diff --git a/frontend/src/types/presentation.ts b/frontend/src/types/presentation.ts new file mode 100644 index 0000000..adfd51d --- /dev/null +++ b/frontend/src/types/presentation.ts @@ -0,0 +1,107 @@ +/** + * Presentation Types + * + * Shared types for RuntimePresentation and constructor.tsx components. + * These types facilitate code sharing between the two main presentation components. + */ + +import type { RuntimePage } from './runtime'; + +/** + * Transition preview state for video transitions + */ +export interface TransitionPreviewState { + targetPageId: string; + videoUrl: string; + storageKey: string; + isReverse: boolean; +} + +/** + * Background state for page display + */ +export interface BackgroundState { + imageUrl: string; + videoUrl: string; + audioUrl: string; +} + +/** + * Navigation target resolved from element click + */ +export interface NavigationTarget { + page: RuntimePage; + pageId: string; + transitionVideoUrl?: string; + isBack: boolean; +} + +/** + * API configuration for runtime requests + */ +export interface RuntimeApiConfig { + headers: { + 'X-Runtime-Project-Slug'?: string; + 'X-Runtime-Environment'?: string; + }; +} + +/** + * Page data loader result + */ +export interface PageDataLoaderResult { + project: RuntimeProject | null; + pages: RuntimePage[]; + isLoading: boolean; + error: string; + reload: (preservePageId?: string) => Promise; +} + +/** + * Runtime project for page data loader + */ +export interface RuntimeProject { + id: string; + name?: string; + slug?: string; + description?: string; +} + +/** + * Canvas element with navigation properties (for click handling) + */ +export interface NavigableElement { + id: string; + type: string; + targetPageSlug?: string; + targetPageId?: string; + transitionVideoUrl?: string; + navType?: 'forward' | 'back'; + navDisabled?: boolean; +} + +/** + * Transition phase from useTransitionPlayback + */ +export type TransitionPhase = + | 'idle' + | 'preparing' + | 'playing' + | 'reversing' + | 'completed'; + +/** + * Background transition options + */ +export interface BackgroundTransitionOptions { + pendingTransitionComplete: boolean; + isBackgroundReady: boolean; + transitionVideoRef: React.RefObject; + pageSwitch: { + clearPreviousBackground: () => void; + isSwitching: boolean; + isNewBgReady: boolean; + previousBgImageUrl: string; + }; + onCleanup: () => void; +}