@xcpcio/board-app 0.51.1 → 0.52.0

package/dist/assets/query-ff21040c.js

@@ -0,0 +1 @@
+var q=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)};var s=(i,t,e)=>(q(i,t,"read from private field"),e?e.call(i):t.get(i)),u=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},l=(i,t,e,n)=>(q(i,t,"write to private field"),n?n.call(i,e):t.set(i,e),e);var f=(i,t,e)=>(q(i,t,"access private method"),e);import{ax as It,ay as O,az as tt,aA as Y,aB as Qt,aC as ft,aD as pt,aE as Et,aF as Dt,aG as Ft,aH as bt,aI as Tt,aJ as Ut,aK as jt,aL as xt,h as Ot,aM as Pt,aN as Mt,v as H,aO as yt,aP as At,aQ as vt,aR as Lt,aS as $t,al as St}from"./index-1e2a1259.js";var y,a,N,b,E,P,g,W,M,A,D,F,w,L,T,$,_,et,B,st,k,it,V,nt,z,at,K,rt,G,ot,J,Ct,gt,Nt=(gt=class extends It{constructor(t,e){super();u(this,T);u(this,_);u(this,B);u(this,k);u(this,V);u(this,z);u(this,K);u(this,G);u(this,J);u(this,y,void 0);u(this,a,void 0);u(this,N,void 0);u(this,b,void 0);u(this,E,void 0);u(this,P,void 0);u(this,g,void 0);u(this,W,void 0);u(this,M,void 0);u(this,A,void 0);u(this,D,void 0);u(this,F,void 0);u(this,w,void 0);u(this,L,new Set);this.options=e,l(this,y,t),l(this,g,null),this.bindMethods(),this.setOptions(e)}bindMethods(){this.refetch=this.refetch.bind(this)}onSubscribe(){this.listeners.size===1&&(s(this,a).addObserver(this),mt(s(this,a),this.options)?f(this,T,$).call(this):this.updateResult(),f(this,V,nt).call(this))}onUnsubscribe(){this.hasListeners()||this.destroy()}shouldFetchOnReconnect(){return ht(s(this,a),this.options,this.options.refetchOnReconnect)}shouldFetchOnWindowFocus(){return ht(s(this,a),this.options,this.options.refetchOnWindowFocus)}destroy(){this.listeners=new Set,f(this,z,at).call(this),f(this,K,rt).call(this),s(this,a).removeObserver(this)}setOptions(t,e){const n=this.options,o=s(this,a);if(this.options=s(this,y).defaultQueryOptions(t),this.options.enabled!==void 0&&typeof this.options.enabled!="boolean"&&typeof this.options.enabled!="function"&&typeof O(this.options.enabled,s(this,a))!="boolean")throw new Error("Expected enabled to be a boolean or a callback that returns a boolean");f(this,G,ot).call(this),s(this,a).setOptions(this.options),n._defaulted&&!tt(this.options,n)&&s(this,y).getQueryCache().notify({type:"observerOptionsUpdated",query:s(this,a),observer:this});const r=this.hasListeners();r&&Rt(s(this,a),o,this.options,n)&&f(this,T,$).call(this),this.updateResult(e),r&&(s(this,a)!==o||O(this.options.enabled,s(this,a))!==O(n.enabled,s(this,a))||Y(this.options.staleTime,s(this,a))!==Y(n.staleTime,s(this,a)))&&f(this,_,et).call(this);const c=f(this,B,st).call(this);r&&(s(this,a)!==o||O(this.options.enabled,s(this,a))!==O(n.enabled,s(this,a))||c!==s(this,w))&&f(this,k,it).call(this,c)}getOptimisticResult(t){const e=s(this,y).getQueryCache().build(s(this,y),t),n=this.createResult(e,t);return _t(this,n)&&(l(this,b,n),l(this,P,this.options),l(this,E,s(this,a).state)),n}getCurrentResult(){return s(this,b)}trackResult(t,e){const n={};return Object.keys(t).forEach(o=>{Object.defineProperty(n,o,{configurable:!1,enumerable:!0,get:()=>(this.trackProp(o),e==null||e(o),t[o])})}),n}trackProp(t){s(this,L).add(t)}getCurrentQuery(){return s(this,a)}refetch({...t}={}){return this.fetch({...t})}fetchOptimistic(t){const e=s(this,y).defaultQueryOptions(t),n=s(this,y).getQueryCache().build(s(this,y),e);return n.isFetchingOptimistic=!0,n.fetch().then(()=>this.createResult(n,e))}fetch(t){return f(this,T,$).call(this,{...t,cancelRefetch:t.cancelRefetch??!0}).then(()=>(this.updateResult(),s(this,b)))}createResult(t,e){var dt;const n=s(this,a),o=this.options,r=s(this,b),c=s(this,E),p=s(this,P),I=t!==n?t.state:s(this,N),{state:v}=t;let d={...v},Q=!1,h;if(e._optimisticResults){const m=this.hasListeners(),Z=!m&&mt(t,e),wt=m&&Rt(t,n,e,o);(Z||wt)&&(d={...d,...Ft(v.data,t.options)}),e._optimisticResults==="isRestoring"&&(d.fetchStatus="idle")}let{error:S,errorUpdatedAt:U,status:R}=d;if(e.select&&d.data!==void 0)if(r&&d.data===(c==null?void 0:c.data)&&e.select===s(this,W))h=s(this,M);else try{l(this,W,e.select),h=e.select(d.data),h=bt(r==null?void 0:r.data,h,e),l(this,M,h),l(this,g,null)}catch(m){l(this,g,m)}else h=d.data;if(e.placeholderData!==void 0&&h===void 0&&R==="pending"){let m;if(r!=null&&r.isPlaceholderData&&e.placeholderData===(p==null?void 0:p.placeholderData))m=r.data;else if(m=typeof e.placeholderData=="function"?e.placeholderData((dt=s(this,A))==null?void 0:dt.state.data,s(this,A)):e.placeholderData,e.select&&m!==void 0)try{m=e.select(m),l(this,g,null)}catch(Z){l(this,g,Z)}m!==void 0&&(R="success",h=bt(r==null?void 0:r.data,m,e),Q=!0)}s(this,g)&&(S=s(this,g),h=s(this,M),U=Date.now(),R="error");const j=d.fetchStatus==="fetching",x=R==="pending",X=R==="error",ct=x&&j,lt=h!==void 0;return{status:R,fetchStatus:d.fetchStatus,isPending:x,isSuccess:R==="success",isError:X,isInitialLoading:ct,isLoading:ct,data:h,dataUpdatedAt:d.dataUpdatedAt,error:S,errorUpdatedAt:U,failureCount:d.fetchFailureCount,failureReason:d.fetchFailureReason,errorUpdateCount:d.errorUpdateCount,isFetched:d.dataUpdateCount>0||d.errorUpdateCount>0,isFetchedAfterMount:d.dataUpdateCount>I.dataUpdateCount||d.errorUpdateCount>I.errorUpdateCount,isFetching:j,isRefetching:j&&!x,isLoadingError:X&&!lt,isPaused:d.fetchStatus==="paused",isPlaceholderData:Q,isRefetchError:X&&lt,isStale:ut(t,e),refetch:this.refetch}}updateResult(t){const e=s(this,b),n=this.createResult(s(this,a),this.options);if(l(this,E,s(this,a).state),l(this,P,this.options),s(this,E).data!==void 0&&l(this,A,s(this,a)),tt(n,e))return;l(this,b,n);const o={},r=()=>{if(!e)return!0;const{notifyOnChangeProps:c}=this.options,p=typeof c=="function"?c():c;if(p==="all"||!p&&!s(this,L).size)return!0;const C=new Set(p??s(this,L));return this.options.throwOnError&&C.add("error"),Object.keys(s(this,b)).some(I=>{const v=I;return s(this,b)[v]!==e[v]&&C.has(v)})};(t==null?void 0:t.listeners)!==!1&&r()&&(o.listeners=!0),f(this,J,Ct).call(this,{...o,...t})}onQueryUpdate(){this.updateResult(),this.hasListeners()&&f(this,V,nt).call(this)}},y=new WeakMap,a=new WeakMap,N=new WeakMap,b=new WeakMap,E=new WeakMap,P=new WeakMap,g=new WeakMap,W=new WeakMap,M=new WeakMap,A=new WeakMap,D=new WeakMap,F=new WeakMap,w=new WeakMap,L=new WeakMap,T=new WeakSet,$=function(t){f(this,G,ot).call(this);let e=s(this,a).fetch(this.options,t);return t!=null&&t.throwOnError||(e=e.catch(Qt)),e},_=new WeakSet,et=function(){f(this,z,at).call(this);const t=Y(this.options.staleTime,s(this,a));if(ft||s(this,b).isStale||!pt(t))return;const n=Et(s(this,b).dataUpdatedAt,t)+1;l(this,D,setTimeout(()=>{s(this,b).isStale||this.updateResult()},n))},B=new WeakSet,st=function(){return(typeof this.options.refetchInterval=="function"?this.options.refetchInterval(s(this,a)):this.options.refetchInterval)??!1},k=new WeakSet,it=function(t){f(this,K,rt).call(this),l(this,w,t),!(ft||O(this.options.enabled,s(this,a))===!1||!pt(s(this,w))||s(this,w)===0)&&l(this,F,setInterval(()=>{(this.options.refetchIntervalInBackground||Dt.isFocused())&&f(this,T,$).call(this)},s(this,w)))},V=new WeakSet,nt=function(){f(this,_,et).call(this),f(this,k,it).call(this,f(this,B,st).call(this))},z=new WeakSet,at=function(){s(this,D)&&(clearTimeout(s(this,D)),l(this,D,void 0))},K=new WeakSet,rt=function(){s(this,F)&&(clearInterval(s(this,F)),l(this,F,void 0))},G=new WeakSet,ot=function(){const t=s(this,y).getQueryCache().build(s(this,y),this.options);if(t===s(this,a))return;const e=s(this,a);l(this,a,t),l(this,N,t.state),this.hasListeners()&&(e==null||e.removeObserver(this),t.addObserver(this))},J=new WeakSet,Ct=function(t){Tt.batch(()=>{t.listeners&&this.listeners.forEach(e=>{e(s(this,b))}),s(this,y).getQueryCache().notify({query:s(this,a),type:"observerResultsUpdated"})})},gt);function Wt(i,t){return O(t.enabled,i)!==!1&&i.state.data===void 0&&!(i.state.status==="error"&&t.retryOnMount===!1)}function mt(i,t){return Wt(i,t)||i.state.data!==void 0&&ht(i,t,t.refetchOnMount)}function ht(i,t,e){if(O(t.enabled,i)!==!1){const n=typeof e=="function"?e(i):e;return n==="always"||n!==!1&&ut(i,t)}return!1}function Rt(i,t,e,n){return(i!==t||O(n.enabled,i)===!1)&&(!e.suspense||i.state.status!=="error")&&ut(i,e)}function ut(i,t){return O(t.enabled,i)!==!1&&i.isStaleByTime(Y(t.staleTime,i))}function _t(i,t){return!tt(i.getCurrentResult(),t)}function Bt(i=""){if(!Ut())throw new Error("vue-query hooks can only be used inside setup() function or functions that support injection context.");const t=xt(i),e=jt(t);if(!e)throw new Error("No 'queryClient' found in Vue context, use 'VueQueryPlugin' to properly initialize the library.");return e}function kt(i,t,e){const n=e||Bt(),o=Ot(()=>{const h=Pt(t);typeof h.enabled=="function"&&(h.enabled=h.enabled());const S=n.defaultQueryOptions(h);return S._optimisticResults=n.isRestoring.value?"isRestoring":"optimistic",S}),r=new i(n,o.value),c=Mt(r.getCurrentResult());let p=()=>{};H(n.isRestoring,h=>{h||(p(),p=r.subscribe(S=>{yt(c,S)}))},{immediate:!0});const C=()=>{r.setOptions(o.value),yt(c,r.getCurrentResult())};H(o,C),At(()=>{p()});const I=(...h)=>(C(),c.refetch(...h)),v=()=>new Promise((h,S)=>{let U=()=>{};const R=()=>{if(o.value.enabled!==!1){r.setOptions(o.value);const j=r.getOptimisticResult(o.value);j.isStale?(U(),r.fetchOptimistic(o.value).then(h,x=>{vt(o.value.throwOnError,[x,r.getCurrentQuery()])?S(x):h(r.getCurrentResult())})):(U(),h(j))}};R(),U=H(o,R)});H(()=>c.error,h=>{if(c.isError&&!c.isFetching&&vt(o.value.throwOnError,[h,r.getCurrentQuery()]))throw h});const Q=Lt(c);for(const h in c)typeof c[h]=="function"&&(Q[h]=c[h]);return Q.suspense=v,Q.refetch=I,Q}function Vt(i,t){return kt(Nt,i,t)}const zt=3;async function Kt(i,t){const e=i.startsWith("/")?i.slice(1):i;let n=`${window.DATA_HOST}${e}`;i.startsWith("http")&&(n=i),n.endsWith("/")&&(n=n.slice(0,-1));const o=await fetch(`${n}/config.json?t=${t??0}`),r=await fetch(`${n}/team.json?t=${t??0}`),c=await fetch(`${n}/run.json?t=${t??0}`),{status:p,statusText:C}=o;if(p>=300||p<200)throw new Error(`fetch data failed. [status=${p}] [statusText=${C}]`);return Promise.all([o.json(),r.json(),c.json()]).then(v=>({contest:v[0],teams:v[1],submissions:v[2]}))}function Jt(i,t,e=!1){let n=3e4,o=n;const r=Ot(()=>Math.floor(t.value.getTime()/1e3/10));return $t.value==="I18N"&&(n=10*1e3,o=n),e&&(n=Number.POSITIVE_INFINITY,o=!1),Vt({queryKey:[i,r.value],queryFn:()=>Kt(i,r.value),retry:zt,staleTime:n,refetchInterval:o})}function Xt(){return St("data-source","",{transform:String})}function Zt(){return St("battle-of-giants","",{transform:String})}export{Zt as a,Xt as g,Jt as u};

package/dist/assets/{test-daafb635.js → test-5dd32cac.js}

@@ -1 +1 @@
-import{_ as p}from"./TheInput.vue_vue_type_script_setup_true_lang-8a64558b.js";import{g as c,i as f,M as _,n as b,o as v,c as h,d as e,t as a,j as s,b as y,N as x,O as g,y as i}from"./index-c3e5f0aa.js";import{u as V}from"./user-cf30e1f8.js";const k={flex:"","flex-col":"","justify-center":"","items-center":""},w={"text-sm":"","opacity-75":""},I={"w-48":""},N={class:"hidden",for:"input"},B=["disabled"],C=c({name:"IndexPage",__name:"test",setup(R){const r=V(),o=f(r.savedName),u=_();function l(){o.value&&u.push(`/hi/${encodeURIComponent(o.value)}`)}const{t:n}=b();return(U,t)=>{const d=p;return v(),h("div",k,[t[1]||(t[1]=e("div",{"text-4xl":""},[e("div",{"i-carbon-campsite":""})],-1)),t[2]||(t[2]=e("p",null,[e("a",{rel:"noreferrer",href:"https://github.com/antfu/vitesse",target:"_blank"}," Vitesse ")],-1)),e("p",null,[e("em",w,a(s(n)("intro.desc")),1)]),t[3]||(t[3]=e("div",{"py-4":""},null,-1)),e("div",I,[y(d,{modelValue:s(o),"onUpdate:modelValue":t[0]||(t[0]=m=>x(o)?o.value=m:null),placeholder:s(n)("intro.whats-your-name"),autocomplete:"false",onKeydown:g(l,["enter"])},null,8,["modelValue","placeholder"]),e("label",N,a(s(n)("intro.whats-your-name")),1)]),e("div",null,[e("button",{"m-3":"","text-sm":"",btn:"",disabled:!s(o),onClick:l},a(s(n)("button.go")),9,B)])])}}});typeof i=="function"&&i(C);export{C as default};
+import{_ as p}from"./TheInput.vue_vue_type_script_setup_true_lang-f91fd6e0.js";import{g as c,i as f,S as _,q as b,o as v,c as h,d as e,t as a,u as s,b as x,U as y,V as g,D as i}from"./index-1e2a1259.js";import{u as V}from"./user-cd9a56f6.js";const k={flex:"","flex-col":"","justify-center":"","items-center":""},w={"text-sm":"","opacity-75":""},I={"w-48":""},U={class:"hidden",for:"input"},B=["disabled"],C=c({name:"IndexPage",__name:"test",setup(N){const r=V(),o=f(r.savedName),u=_();function l(){o.value&&u.push(`/hi/${encodeURIComponent(o.value)}`)}const{t:n}=b();return(R,t)=>{const d=p;return v(),h("div",k,[t[1]||(t[1]=e("div",{"text-4xl":""},[e("div",{"i-carbon-campsite":""})],-1)),t[2]||(t[2]=e("p",null,[e("a",{rel:"noreferrer",href:"https://github.com/antfu/vitesse",target:"_blank"}," Vitesse ")],-1)),e("p",null,[e("em",w,a(s(n)("intro.desc")),1)]),t[3]||(t[3]=e("div",{"py-4":""},null,-1)),e("div",I,[x(d,{modelValue:s(o),"onUpdate:modelValue":t[0]||(t[0]=m=>y(o)?o.value=m:null),placeholder:s(n)("intro.whats-your-name"),autocomplete:"false",onKeydown:g(l,["enter"])},null,8,["modelValue","placeholder"]),e("label",U,a(s(n)("intro.whats-your-name")),1)]),e("div",null,[e("button",{"m-3":"","text-sm":"",btn:"",disabled:!s(o),onClick:l},a(s(n)("button.go")),9,B)])])}}});typeof i=="function"&&i(C);export{C as default};

package/dist/assets/{user-cf30e1f8.js → user-cd9a56f6.js}

@@ -1 +1 @@
-import{aT as m,i as r,h as t}from"./index-c3e5f0aa.js";const l=m("user",()=>{const e=r(""),s=r(new Set),o=t(()=>Array.from(s.value)),u=t(()=>o.value.filter(a=>a!==e.value));function n(a){e.value&&s.value.add(e.value),e.value=a}return{setNewName:n,otherNames:u,savedName:e}});export{l as u};
+import{aW as m,i as r,h as t}from"./index-1e2a1259.js";const l=m("user",()=>{const e=r(""),s=r(new Set),o=t(()=>Array.from(s.value)),u=t(()=>o.value.filter(a=>a!==e.value));function n(a){e.value&&s.value.add(e.value),e.value=a}return{setNewName:n,otherNames:u,savedName:e}});export{l as u};

package/dist/assets/{virtual_pwa-register-876d5948.js → virtual_pwa-register-ff5720d1.js}

@@ -1 +1 @@
-import{_}from"./index-c3e5f0aa.js";function f(c={}){const{immediate:d=!1,onNeedRefresh:m,onOfflineReady:i,onRegistered:r,onRegisteredSW:s,onRegisterError:a}=c;let t,o;const l=async(n=!0)=>{await o};async function p(){if("serviceWorker"in navigator){const{Workbox:n}=await _(()=>import("./workbox-window.prod.es5-c46a1faa.js"),[],import.meta.url);t=new n("/sw.js",{scope:"/",type:"classic"}),t.addEventListener("activated",e=>{(e.isUpdate||e.isExternal)&&window.location.reload()}),t.addEventListener("installed",e=>{e.isUpdate||i==null||i()}),t.register({immediate:d}).then(e=>{s?s("/sw.js",e):r==null||r(e)}).catch(e=>{a==null||a(e)})}}return o=p(),l}export{f as registerSW};
+import{_}from"./index-1e2a1259.js";function f(c={}){const{immediate:d=!1,onNeedRefresh:m,onOfflineReady:i,onRegistered:r,onRegisteredSW:s,onRegisterError:a}=c;let t,o;const l=async(n=!0)=>{await o};async function p(){if("serviceWorker"in navigator){const{Workbox:n}=await _(()=>import("./workbox-window.prod.es5-c46a1faa.js"),[],import.meta.url);t=new n("/sw.js",{scope:"/",type:"classic"}),t.addEventListener("activated",e=>{(e.isUpdate||e.isExternal)&&window.location.reload()}),t.addEventListener("installed",e=>{e.isUpdate||i==null||i()}),t.register({immediate:d}).then(e=>{s?s("/sw.js",e):r==null||r(e)}).catch(e=>{a==null||a(e)})}}return o=p(),l}export{f as registerSW};

package/dist/index.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"><link rel="apple-touch-icon" href="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.51.1/dist/balloon-192x192.png"><link rel="mask-icon" href="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.51.1/dist/balloon-512x512.svg" color="#00aba9"><meta name="msapplication-TileColor" content="#00aba9"><script>function normalizePath(_){for(;_.endsWith("/");)_=_.slice(0,-1);return`${_}/`}{let _="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.51.1/dist";_=normalizePath(_),window.CDN_HOST=_}try{let _=__DATA_HOST__;_=normalizePath(_),window.DATA_HOST=_}catch(_){window.DATA_HOST="/data/"}try{let _=__DATA_REGION__;window.DATA_REGION=_}catch(_){window.DATA_REGION="CN"}try{let _=__DEFAULT_LANG__;window.DEFAULT_LANG=_}catch(_){window.DEFAULT_LANG="en"}</script><script>!function(){localStorage.getItem("vueuse-color-scheme")||localStorage.setItem("vueuse-color-scheme","light");const e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches,o=localStorage.getItem("vueuse-color-scheme")||"auto";("dark"===o||e&&"light"!==o)&&document.documentElement.classList.toggle("dark",!0)}()</script><script type="module" crossorigin src="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.51.1/dist/assets/index-c3e5f0aa.js"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.51.1/dist/assets/index-9dd86d68.css"><link rel="manifest" href="/manifest.webmanifest"></head><body class="font-sans"><div id="app"></div><noscript>This website requires JavaScript to function properly. Please enable JavaScript to continue.</noscript><script>try{var umamiJSUrl=__UMAMI_JS_URL__,umamiWebsiteId=__UMAMI_WEBSITE_ID__;!function(){var e=document.createElement("script");e.src=umamiJSUrl,e.defer=!0,e.setAttribute("data-website-id",umamiWebsiteId);var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()}catch(e){}try{var plausibleJSUrl=__PLAUSIBLE_JS_URL__,plausibleDataDomain=__PLAUSIBLE_DATA_DOMAIN__;!function(){var e=document.createElement("script");e.src=plausibleJSUrl,e.defer=!0,e.setAttribute("data-domain",plausibleDataDomain);var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()}catch(e){}try{var baiduAnalyticsId=__BAIDU_ANALYTICS_ID__,_hmt=_hmt||[];!function(){var e=document.createElement("script");e.src=`https://hm.baidu.com/hm.js?${baiduAnalyticsId}`;var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()}catch(e){}try{var googleAnalyticsId=__GOOGLE_ANALYTICS_ID__;!function(){var e,t,a,r,c,n;location.port||(e=window,t=document,a="script",r="ga",e.GoogleAnalyticsObject=r,e[r]=e[r]||function(){(e[r].q=e[r].q||[]).push(arguments)},e[r].l=1*new Date,c=t.createElement(a),n=t.getElementsByTagName(a)[0],c.async=1,c.src="//www.google-analytics.com/analytics.js",n.parentNode.insertBefore(c,n),ga("create",`${googleAnalyticsId}`,"auto"),ga("send","pageview"))}()}catch(e){}</script></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><link rel="apple-touch-icon" href="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.52.0/dist/balloon-192x192.png"><link rel="mask-icon" href="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.52.0/dist/balloon-512x512.svg" color="#00aba9"><meta name="msapplication-TileColor" content="#00aba9"><script>function normalizePath(_){for(;_.endsWith("/");)_=_.slice(0,-1);return`${_}/`}{let _="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.52.0/dist";_=normalizePath(_),window.CDN_HOST=_}try{let _=__DATA_HOST__;_=normalizePath(_),window.DATA_HOST=_}catch(_){window.DATA_HOST="/data/"}try{let _=__DATA_REGION__;window.DATA_REGION=_}catch(_){window.DATA_REGION="CN"}try{let _=__DEFAULT_LANG__;window.DEFAULT_LANG=_}catch(_){window.DEFAULT_LANG="en"}</script><script>!function(){localStorage.getItem("vueuse-color-scheme")||localStorage.setItem("vueuse-color-scheme","light");const e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches,o=localStorage.getItem("vueuse-color-scheme")||"auto";("dark"===o||e&&"light"!==o)&&document.documentElement.classList.toggle("dark",!0)}()</script><script type="module" crossorigin src="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.52.0/dist/assets/index-1e2a1259.js"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.52.0/dist/assets/index-43f8e0d3.css"><link rel="manifest" href="/manifest.webmanifest"></head><body class="font-sans"><div id="app"></div><noscript>This website requires JavaScript to function properly. Please enable JavaScript to continue.</noscript><script>try{var umamiJSUrl=__UMAMI_JS_URL__,umamiWebsiteId=__UMAMI_WEBSITE_ID__;!function(){var e=document.createElement("script");e.src=umamiJSUrl,e.defer=!0,e.setAttribute("data-website-id",umamiWebsiteId);var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()}catch(e){}try{var plausibleJSUrl=__PLAUSIBLE_JS_URL__,plausibleDataDomain=__PLAUSIBLE_DATA_DOMAIN__;!function(){var e=document.createElement("script");e.src=plausibleJSUrl,e.defer=!0,e.setAttribute("data-domain",plausibleDataDomain);var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()}catch(e){}try{var baiduAnalyticsId=__BAIDU_ANALYTICS_ID__,_hmt=_hmt||[];!function(){var e=document.createElement("script");e.src=`https://hm.baidu.com/hm.js?${baiduAnalyticsId}`;var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()}catch(e){}try{var googleAnalyticsId=__GOOGLE_ANALYTICS_ID__;!function(){var e,t,a,r,c,n;location.port||(e=window,t=document,a="script",r="ga",e.GoogleAnalyticsObject=r,e[r]=e[r]||function(){(e[r].q=e[r].q||[]).push(arguments)},e[r].l=1*new Date,c=t.createElement(a),n=t.getElementsByTagName(a)[0],c.async=1,c.src="//www.google-analytics.com/analytics.js",n.parentNode.insertBefore(c,n),ga("create",`${googleAnalyticsId}`,"auto"),ga("send","pageview"))}()}catch(e){}</script></body></html>

package/dist/sw.js

@@ -1 +1 @@
-if(!self.define){let s,e={};const l=(l,n)=>(l=new URL(l+".js",n).href,e[l]||new Promise((e=>{if("document"in self){const s=document.createElement("script");s.src=l,s.onload=e,document.head.appendChild(s)}else s=l,importScripts(l),e()})).then((()=>{let s=e[l];if(!s)throw new Error(`Module ${l} didn’t register its module`);return s})));self.define=(n,i)=>{const r=s||("document"in self?document.currentScript.src:"")||location.href;if(e[r])return;let u={};const a=s=>l(s,r),t={module:{uri:r},exports:u,require:a};e[r]=Promise.all(n.map((s=>t[s]||a(s)))).then((s=>(i(...s),u)))}}define(["./workbox-86deb690"],(function(s){"use strict";self.skipWaiting(),s.clientsClaim(),s.precacheAndRoute([{url:"assets/_...all_-c60acc8c.css",revision:null},{url:"assets/_...all_-c9f36ec5.js",revision:null},{url:"assets/_...all_-e1b5a370.js",revision:null},{url:"assets/_name_-1f4a93f9.js",revision:null},{url:"assets/about-02a4c19e.js",revision:null},{url:"assets/Board-3491f2da.css",revision:null},{url:"assets/board-59a350bb.js",revision:null},{url:"assets/Board-b8d1453a.js",revision:null},{url:"assets/board-layout-636d6236.js",revision:null},{url:"assets/DataSourceInput.vue_vue_type_script_setup_true_lang-c5f15c22.js",revision:null},{url:"assets/en-c9a8dbb5.js",revision:null},{url:"assets/headless-aefb4c04.js",revision:null},{url:"assets/home-64be240a.js",revision:null},{url:"assets/index-241beb5a.css",revision:null},{url:"assets/index-3f6dac34.js",revision:null},{url:"assets/index-67b2a8c5.css",revision:null},{url:"assets/index-6a41153b.js",revision:null},{url:"assets/index-9dd86d68.css",revision:null},{url:"assets/index-bcded75b.js",revision:null},{url:"assets/index-c3e5f0aa.js",revision:null},{url:"assets/index-layout-899fd379.js",revision:null},{url:"assets/pagination-659cc442.js",revision:null},{url:"assets/query-ae7df373.js",revision:null},{url:"assets/test-daafb635.js",revision:null},{url:"assets/TheInput.vue_vue_type_script_setup_true_lang-8a64558b.js",revision:null},{url:"assets/user-cf30e1f8.js",revision:null},{url:"assets/virtual_pwa-register-876d5948.js",revision:null},{url:"assets/workbox-window.prod.es5-c46a1faa.js",revision:null},{url:"assets/zh-CN-8e545f66.js",revision:null},{url:"index.html",revision:"d86185ca62b9430ed89dcdd2b638df01"},{url:"favicon.svg",revision:"5a744f4ccbb122d4a0575be779ddcd43"},{url:"safari-pinned-tab.svg",revision:"5eaf74d1c43d30e0af743b68a3f48504"},{url:"balloon2-192x192.png",revision:"c857ae6d9dfae118ab4397d4358422bd"},{url:"balloon2-512x512.png",revision:"065594f4f743fe3884793c03d3fe7d9e"},{url:"manifest.webmanifest",revision:"3082e8d8ebc9619c6c1055ff243a02a8"}],{}),s.cleanupOutdatedCaches(),s.registerRoute(new s.NavigationRoute(s.createHandlerBoundToURL("index.html")))}));
+if(!self.define){let s,e={};const l=(l,n)=>(l=new URL(l+".js",n).href,e[l]||new Promise((e=>{if("document"in self){const s=document.createElement("script");s.src=l,s.onload=e,document.head.appendChild(s)}else s=l,importScripts(l),e()})).then((()=>{let s=e[l];if(!s)throw new Error(`Module ${l} didn’t register its module`);return s})));self.define=(n,i)=>{const r=s||("document"in self?document.currentScript.src:"")||location.href;if(e[r])return;let u={};const a=s=>l(s,r),t={module:{uri:r},exports:u,require:a};e[r]=Promise.all(n.map((s=>t[s]||a(s)))).then((s=>(i(...s),u)))}}define(["./workbox-86deb690"],(function(s){"use strict";self.skipWaiting(),s.clientsClaim(),s.precacheAndRoute([{url:"assets/_...all_-85910c2a.js",revision:null},{url:"assets/_...all_-905784b3.js",revision:null},{url:"assets/_...all_-c60acc8c.css",revision:null},{url:"assets/_name_-203db09f.js",revision:null},{url:"assets/about-d9d865e0.js",revision:null},{url:"assets/Board-04b0589d.js",revision:null},{url:"assets/board-3f91f491.js",revision:null},{url:"assets/Board-f05c0366.css",revision:null},{url:"assets/board-layout-967802f4.js",revision:null},{url:"assets/DataSourceInput.vue_vue_type_script_setup_true_lang-11e5a08c.js",revision:null},{url:"assets/en-c9a8dbb5.js",revision:null},{url:"assets/headless-f3f3253c.js",revision:null},{url:"assets/home-3d9e3102.js",revision:null},{url:"assets/index-0095f855.js",revision:null},{url:"assets/index-1e2a1259.js",revision:null},{url:"assets/index-241beb5a.css",revision:null},{url:"assets/index-43f8e0d3.css",revision:null},{url:"assets/index-86ef642b.js",revision:null},{url:"assets/index-accb347c.css",revision:null},{url:"assets/index-b97b2d45.js",revision:null},{url:"assets/index-c827bc8f.css",revision:null},{url:"assets/index-d51c6c02.js",revision:null},{url:"assets/index-layout-5a67cc99.js",revision:null},{url:"assets/pagination-6eac914a.js",revision:null},{url:"assets/query-ff21040c.js",revision:null},{url:"assets/test-5dd32cac.js",revision:null},{url:"assets/TheInput.vue_vue_type_script_setup_true_lang-f91fd6e0.js",revision:null},{url:"assets/user-cd9a56f6.js",revision:null},{url:"assets/virtual_pwa-register-ff5720d1.js",revision:null},{url:"assets/workbox-window.prod.es5-c46a1faa.js",revision:null},{url:"assets/zh-CN-8e545f66.js",revision:null},{url:"index.html",revision:"671e920b2390887ab04c90fb1b9ce93e"},{url:"favicon.svg",revision:"5a744f4ccbb122d4a0575be779ddcd43"},{url:"safari-pinned-tab.svg",revision:"5eaf74d1c43d30e0af743b68a3f48504"},{url:"balloon2-192x192.png",revision:"c857ae6d9dfae118ab4397d4358422bd"},{url:"balloon2-512x512.png",revision:"065594f4f743fe3884793c03d3fe7d9e"},{url:"manifest.webmanifest",revision:"3082e8d8ebc9619c6c1055ff243a02a8"}],{}),s.cleanupOutdatedCaches(),s.registerRoute(new s.NavigationRoute(s.createHandlerBoundToURL("index.html")))}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xcpcio/board-app",
   "type": "module",
-  "version": "0.51.1",
+  "version": "0.52.0",
   "description": "XCPCIO Board App",
   "author": "Dup4 <lyuzhi.pan@gmail.com>",
   "license": "MIT",
@@ -53,8 +53,8 @@
     "vue-router": "^4.4.5",
     "vue-search-select": "^3.2.0",
     "vue-toast-notification": "^3.1.3",
-    "@xcpcio/types": "0.51.1",
-    "@xcpcio/core": "0.51.1"
+    "@xcpcio/core": "0.52.0",
+    "@xcpcio/types": "0.52.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.39.8",
@@ -78,7 +78,6 @@
     "less": "^4.2.0",
     "markdown-it-link-attributes": "^4.0.1",
     "markdown-it-shiki": "^0.9.0",
-    "pnpm": "^8.15.9",
     "shiki": "^0.14.7",
     "taze": "^0.11.4",
     "typescript": "^5.6.2",
@@ -99,7 +98,7 @@
     "vite-plugin-webfont-dl": "^3.9.5",
     "vite-ssg": "^0.23.8",
     "vite-ssg-sitemap": "^0.5.1",
-    "vitest": "^0.33.0",
+    "vitest": "^2.1.2",
     "vue-tsc": "^1.8.27",
     "workbox-build": "^7.1.1",
     "workbox-window": "^7.1.0"

package/src/components/Balloon.vue

@@ -40,7 +40,7 @@ watch(data, async () => {
   reBuildBalloons();
 
   firstLoaded.value = true;
-});
+}, { immediate: true });
 
 const balloons = computed(() => {
   return rank.value.balloons.sort(Balloon.compare).reverse().slice(0, 256);
@@ -51,13 +51,13 @@ const balloons = computed(() => {
   <div
     class="bg-[#323443]"
     text-gray-200
+    w-screen h-screen
   >
     <div v-if="!firstLoaded">
       <div
         flex flex-col
         justify-center items-center
-        w-screen
-        h-screen
+        w-screen h-screen
         text-xl italic
       >
         <div>

package/src/components/BalloonBlock.vue

@@ -30,7 +30,7 @@ const balloonColor = computed(() => balloon.value.problem.balloonColor);
       h-24
       flex flex-row gap-x-4
       font-mono text-4xl
-      :class="[index % 2 === 0 ? 'bg-resolver-bg-zero' : 'bg-resolver-bg-one']"
+      :class="[index % 2 === 0 ? 'bg-resolver-bg-0' : 'bg-resolver-bg-1']"
     >
       <div
         w-20

package/src/components/Countdown.vue

@@ -25,15 +25,14 @@ watch(data, async () => {
   title.value = `${contest.value.name} | ${COUNTDOWN_TITLE_SUFFIX}`;
 
   firstLoaded.value = true;
-});
+}, { immediate: true });
 </script>
 
 <template>
   <div
-    class="background"
+    class="bg-[#323443]"
     text-gray-200
-    w-screen
-    h-screen
+    w-screen h-screen
   >
     <div v-if="!firstLoaded">
       <div
@@ -91,10 +90,6 @@ watch(data, async () => {
 </template>
 
 <style scoped>
-.background {
-  background-color: #333443;
-}
-
 .PENDING {
   color: #3bb4f2;
 }

package/src/components/CustomResolver.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { getDataSourceUrl } from "~/composables/query";
+
+const dataSourceUrl = getDataSourceUrl();
+</script>
+
+<template>
+  <div
+    v-if="dataSourceUrl.length === 0"
+  >
+    <div
+      mt-20
+    >
+      <DataSourceInput />
+    </div>
+  </div>
+
+  <div
+    v-if="dataSourceUrl.length > 0"
+  >
+    <Resolver
+      :data-source-url="dataSourceUrl"
+    />
+  </div>
+</template>

package/src/components/Resolver.vue

@@ -0,0 +1,131 @@
+<script setup lang="ts">
+import { onKeyUp } from "@vueuse/core";
+import { ResolverVue, createContest, createSubmissions, createTeams } from "@xcpcio/core";
+import type { Contest, Submissions, Teams } from "@xcpcio/core";
+import type { Contest as IContest, Submissions as ISubmissions, Teams as ITeams } from "@xcpcio/types";
+
+const props = defineProps<{
+  dataSourceUrl: string,
+}>();
+
+const title = useTitle(RESOLVER_TITLE_SUFFIX);
+const { t } = useI18n();
+
+const firstLoaded = ref(false);
+const contest = ref({} as Contest);
+const teams = ref([] as Teams);
+const submissions = ref([] as Submissions);
+const resolver = ref({} as ResolverVue);
+const now = useNow();
+
+function reBuildResolver() {
+  const newResolver = new ResolverVue(contest.value, teams.value, submissions.value);
+  newResolver.buildResolver();
+  resolver.value = newResolver;
+}
+
+const { data, isError, error } = useQueryBoardData(props.dataSourceUrl, now, /* queryOnce= */true);
+watch(data, async () => {
+  if (data.value === null || data.value === undefined) {
+    return;
+  }
+
+  contest.value = createContest(data.value?.contest as IContest);
+  title.value = `${contest.value.name} | ${RESOLVER_TITLE_SUFFIX}`;
+
+  teams.value = createTeams(data.value?.teams as ITeams);
+  submissions.value = createSubmissions(data.value?.submissions as ISubmissions);
+
+  reBuildResolver();
+
+  firstLoaded.value = true;
+}, { immediate: true });
+
+onKeyStroke([" "], (e) => {
+  e.preventDefault();
+});
+
+onKeyUp(["n", " "], () => {
+  resolver.value.next();
+}, { dedupe: true });
+
+onKeyUp(["r"], () => {
+  resolver.value.rewind();
+}, { dedupe: true });
+</script>
+
+<template>
+  <div
+
+    text-gray-200
+    w-screen h-screen
+  >
+    <div v-if="!firstLoaded">
+      <div
+        flex flex-col
+        justify-center items-center
+        w-screen h-screen
+        text-xl italic
+        class="bg-[#323443]"
+      >
+        <div>
+          {{ t("common.loading") }}...
+        </div>
+
+        <div v-if="isError">
+          {{ error }}
+        </div>
+      </div>
+    </div>
+
+    <div
+      v-else
+    >
+      <div
+        class="bg-resolver-bg-1"
+        flex flex-col
+        justify-between
+        font-mono
+      >
+        <TransitionGroup
+          name="resolver"
+          tag="ul"
+        >
+          <template
+            v-for="(team, index) in resolver.teams"
+            :key="team.id"
+          >
+            <div
+              position-relative
+              :class="[team.id === resolver.currentTeamId ? 'z-999' : 'z-0']"
+            >
+              <ResolverTeamRow
+                :index="index"
+                :team="team"
+                :resolver="resolver"
+              />
+            </div>
+          </template>
+        </TransitionGroup>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.resolver-move,
+.resolver-enter-active,
+.resolver-leave-active {
+  transition: all 2s ease;
+}
+
+.resolver-enter-from,
+.resolver-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+.resolver-leave-active {
+  position: absolute;
+}
+</style>

package/src/components/ResolverTeamRow.vue

@@ -0,0 +1,127 @@
+<script setup lang="ts">
+import type { ResolverVue, Team } from "@xcpcio/core";
+
+const props = defineProps<{
+  index: number;
+  team: Team;
+  resolver: ResolverVue;
+}>();
+
+const index = computed(() => props.index);
+const team = computed(() => props.team);
+const resolver = computed(() => props.resolver);
+const el = ref(null);
+
+// TODO(Dup4): Optimizing performance with useElementVisibility
+// const isVisible = useElementVisibility(el);
+const isVisible = true;
+
+function showTeamName(team: Team) {
+  const sections = [team.organization, team.name];
+  return sections.filter(s => s).join(" - ");
+}
+</script>
+
+<template>
+  <div
+    ref="el"
+    h-24
+  >
+    <div
+      v-if="isVisible"
+      h-24
+      flex flex-row gap-x-4
+      font-mono text-4xl
+      :class="[index % 2 === 0 ? 'bg-resolver-bg-zero' : 'bg-resolver-bg-one',
+               resolver.duringAnimation && resolver.currentTeamId === team.id ? 'bg-resolver-selected' : '',
+               !resolver.duringAnimation && index === resolver.currentIndex ? 'bg-resolver-selected' : '',
+      ]"
+    >
+      <div
+        w-20
+        flex flex-shrink-0 justify-center items-center
+      >
+        <div>
+          {{ team.rank }}
+        </div>
+      </div>
+
+      <div
+        flex flex-1 flex-col justify-center items-start gap-y-3
+      >
+        <Tooltip>
+          <div
+            class="resolver-team-name"
+            truncate overflow-hidden
+          >
+            {{ showTeamName(team) }}
+          </div>
+          <template #popper>
+            <div>
+              {{ showTeamName(team) }}
+            </div>
+          </template>
+        </Tooltip>
+
+        <div
+          flex flex-row text-sm items-start gap-x-2
+        >
+          <template
+            v-for="(p, pIndex) in team.problemStatistics"
+            :key="p.problem.id"
+          >
+            <div
+              class="rounded w-22 h-7 flex justify-center items-center"
+              :class="[p.isAccepted ? 'bg-resolver-ac' : '',
+                       p.isWrongAnswer ? 'bg-resolver-wa' : '',
+                       p.isPending ? 'bg-resolver-pending' : '',
+                       p.isUnSubmitted ? 'bg-resolver-untouched' : '',
+                       resolver.problemFlashingEnded === false
+                         && index === resolver.currentIndex
+                         && resolver.currentProblemIndex === pIndex
+                         ? 'resolver-uncover'
+                         : '',
+              ]"
+            >
+              <template v-if="p.isAccepted">
+                {{ `${p.failedCount + Number(p.isAccepted)}/${Math.floor(p.lastSubmitTimestamp / 60)}` }}
+              </template>
+              <template v-if="p.isWrongAnswer">
+                {{ `${p.failedCount}/${Math.floor(p.lastSubmitTimestamp / 60)}` }}
+              </template>
+              <template v-if="p.isPending">
+                {{ `${p.failedCount} + ${p.pendingCount}` }}
+              </template>
+              <template v-if="p.isUnSubmitted">
+                {{ p.problem.label }}
+              </template>
+            </div>
+          </template>
+        </div>
+      </div>
+
+      <div
+        w-48
+        flex flex-shrink-0 flex-row justify-start items-center
+      >
+        <div class="w-1/3">
+          {{ team.solvedProblemNum }}
+        </div>
+        <div class="w-2/3">
+          {{ team.penaltyToMinute }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.resolver-uncover {
+  animation: flashing 300ms infinite;
+  -webkit-animation: flashing 30ms infinite; /*Safari and Chrome*/
+}
+
+.resolver-team-name {
+  max-width: calc(100vw - 80px - 192px - 112px);
+}
+</style>

package/src/components/board/Board.vue

@@ -113,7 +113,7 @@ watch(data, async () => {
   reBuildRank();
 
   firstLoaded.value = true;
-});
+}, { immediate: true });
 
 function dynamicReBuildRank() {
   if (firstLoaded.value === false) {

package/src/components/board/StandingsAnnotate.vue

@@ -1,5 +1,7 @@
 <template>
-  <div class="flex items-center justify-center dark:text-black">
+  <div
+    flex items-center justify-center dark:text-black
+  >
     <table>
       <tbody>
         <tr>
@@ -25,7 +27,7 @@
             Attempted problem
           </td>
           <td class="pending">
-            Pending judgement / Frozen
+            Pending judgement/Frozen
           </td>
         </tr>
       </tbody>

package/src/components/board/Utility.vue

@@ -1,16 +1,12 @@
 <script  setup lang="ts">
-// const props = defineProps<{
-//   rank: Rank,
-// }>();
-
 const { t } = useI18n();
 
 const route = useRoute();
 const router = useRouter();
 
-const resolverUrl = computed(() => {
-  return `https://resolver.xcpcio.com/resolver?xcpcio-data-source=${route.path}`;
-});
+function goResolver() {
+  router.push(`/resolver/?data-source=${route.path}`);
+}
 
 function goBalloon() {
   router.push(`/balloon/?data-source=${route.path}`);
@@ -47,14 +43,13 @@ function goCountdown() {
     w-full
     flex mt-4 gap-4
   >
-    <a
+    <button
       btn
-      :href="resolverUrl"
-      target="_blank"
       title="Resolver"
+      @click="goResolver"
     >
-      {{ t("type_menu.resolver") }}
-    </a>
+      {{ t('type_menu.resolver') }}
+    </button>
 
     <button
       btn

package/src/components.d.ts

@@ -21,6 +21,7 @@ declare module 'vue' {
     CustomBalloon: typeof import('./components/CustomBalloon.vue')['default']
     CustomBoard: typeof import('./components/CustomBoard.vue')['default']
     CustomCountdown: typeof import('./components/CustomCountdown.vue')['default']
+    CustomResolver: typeof import('./components/CustomResolver.vue')['default']
     DataSourceInput: typeof import('./components/DataSourceInput.vue')['default']
     Export: typeof import('./components/board/Export.vue')['default']
     Footer: typeof import('./components/Footer.vue')['default']
@@ -42,6 +43,8 @@ declare module 'vue' {
     RatingTable: typeof import('./components/rating/RatingTable.vue')['default']
     RatingUserUI: typeof import('./components/rating/RatingUserUI.vue')['default']
     ReactionVideoModal: typeof import('./components/board/ReactionVideoModal.vue')['default']
+    Resolver: typeof import('./components/Resolver.vue')['default']
+    ResolverTeamRow: typeof import('./components/ResolverTeamRow.vue')['default']
     RightArrowIcon: typeof import('./components/icon/RightArrowIcon.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']

package/src/composables/useQueryBoardData.ts

@@ -45,20 +45,26 @@ async function fetcher(target: string, timestamp?: number): Promise<BoardData> {
   return p;
 }
 
-export function useQueryBoardData(target: string, timestamp?: any) {
-  let refetchInterval = 30 * 1000;
+export function useQueryBoardData(target: string, timestamp?: any, queryOnce = false) {
+  let staleTime = 30 * 1000;
+  let refetchInterval: number | false = staleTime;
   const timestampSeconds = computed(() => Math.floor(timestamp.value.getTime() / 1000 / 10));
 
   if (DATA_REGION.value === "I18N") {
-    refetchInterval = 10 * 1000;
-    // timestampSeconds = computed(() => Math.floor(timestamp.value.getTime() / 1000));
+    staleTime = 10 * 1000;
+    refetchInterval = staleTime;
+  }
+
+  if (queryOnce) {
+    staleTime = Number.POSITIVE_INFINITY;
+    refetchInterval = false;
   }
 
   return useQuery({
     queryKey: [target, timestampSeconds.value],
     queryFn: () => fetcher(target, timestampSeconds.value),
     retry: RETRY,
-    staleTime: refetchInterval,
+    staleTime,
     refetchInterval,
   });
 }

package/src/pages/resolver/index.vue

@@ -0,0 +1,10 @@
+<template>
+  <div>
+    <CustomResolver />
+  </div>
+</template>
+
+<route lang="yaml">
+meta:
+  layout: headless
+</route>

package/uno.config.ts

@@ -33,7 +33,9 @@ export default defineConfig({
         selected: "var(--theme-resolver-selected)",
         bg: {
           zero: "var(--theme-resolver-bg-0)",
+          0: "var(--theme-resolver-bg-0)",
           one: "var(--theme-resolver-bg-1)",
+          1: "var(--theme-resolver-bg-1)",
         },
       },
     },