@xcpcio/board-app 0.46.2 → 0.47.0

package/dist/assets/{query-f9ac0577.js → query-ce1fd4de.js}

@@ -1 +1 @@
-import{av as K,aw as T,ax as L,ay as D,az as A,aA as B,aB as N,aC as W,aD as P,aE as z,aF as V,aG as G,aH as $,aI as H,s as Q,aJ as J,w as b,aK as x,aL as Y,aM as _,aN as X,aO as Z,l as S,aP as ee,aQ as te,aR as se,ai as j}from"./index-b8520a7a.js";class re extends K{constructor(e,t){super(),this.client=e,this.options=t,this.trackedProps=new Set,this.selectError=null,this.bindMethods(),this.setOptions(t)}bindMethods(){this.remove=this.remove.bind(this),this.refetch=this.refetch.bind(this)}onSubscribe(){this.listeners.size===1&&(this.currentQuery.addObserver(this),M(this.currentQuery,this.options)&&this.executeFetch(),this.updateTimers())}onUnsubscribe(){this.hasListeners()||this.destroy()}shouldFetchOnReconnect(){return E(this.currentQuery,this.options,this.options.refetchOnReconnect)}shouldFetchOnWindowFocus(){return E(this.currentQuery,this.options,this.options.refetchOnWindowFocus)}destroy(){this.listeners=new Set,this.clearStaleTimeout(),this.clearRefetchInterval(),this.currentQuery.removeObserver(this)}setOptions(e,t){const s=this.options,n=this.currentQuery;if(this.options=this.client.defaultQueryOptions(e),T(s,this.options)||this.client.getQueryCache().notify({type:"observerOptionsUpdated",query:this.currentQuery,observer:this}),typeof this.options.enabled<"u"&&typeof this.options.enabled!="boolean")throw new Error("Expected enabled to be a boolean");this.options.queryKey||(this.options.queryKey=s.queryKey),this.updateQuery();const i=this.hasListeners();i&&k(this.currentQuery,n,this.options,s)&&this.executeFetch(),this.updateResult(t),i&&(this.currentQuery!==n||this.options.enabled!==s.enabled||this.options.staleTime!==s.staleTime)&&this.updateStaleTimeout();const u=this.computeRefetchInterval();i&&(this.currentQuery!==n||this.options.enabled!==s.enabled||u!==this.currentRefetchInterval)&&this.updateRefetchInterval(u)}getOptimisticResult(e){const t=this.client.getQueryCache().build(this.client,e),s=this.createResult(t,e);return ne(this,s,e)&&(this.currentResult=s,this.currentResultOptions=this.options,this.currentResultState=this.currentQuery.state),s}getCurrentResult(){return this.currentResult}trackResult(e){const t={};return Object.keys(e).forEach(s=>{Object.defineProperty(t,s,{configurable:!1,enumerable:!0,get:()=>(this.trackedProps.add(s),e[s])})}),t}getCurrentQuery(){return this.currentQuery}remove(){this.client.getQueryCache().remove(this.currentQuery)}refetch({refetchPage:e,...t}={}){return this.fetch({...t,meta:{refetchPage:e}})}fetchOptimistic(e){const t=this.client.defaultQueryOptions(e),s=this.client.getQueryCache().build(this.client,t);return s.isFetchingOptimistic=!0,s.fetch().then(()=>this.createResult(s,t))}fetch(e){var t;return this.executeFetch({...e,cancelRefetch:(t=e.cancelRefetch)!=null?t:!0}).then(()=>(this.updateResult(),this.currentResult))}executeFetch(e){this.updateQuery();let t=this.currentQuery.fetch(this.options,e);return e!=null&&e.throwOnError||(t=t.catch(L)),t}updateStaleTimeout(){if(this.clearStaleTimeout(),D||this.currentResult.isStale||!A(this.options.staleTime))return;const t=B(this.currentResult.dataUpdatedAt,this.options.staleTime)+1;this.staleTimeoutId=setTimeout(()=>{this.currentResult.isStale||this.updateResult()},t)}computeRefetchInterval(){var e;return typeof this.options.refetchInterval=="function"?this.options.refetchInterval(this.currentResult.data,this.currentQuery):(e=this.options.refetchInterval)!=null?e:!1}updateRefetchInterval(e){this.clearRefetchInterval(),this.currentRefetchInterval=e,!(D||this.options.enabled===!1||!A(this.currentRefetchInterval)||this.currentRefetchInterval===0)&&(this.refetchIntervalId=setInterval(()=>{(this.options.refetchIntervalInBackground||N.isFocused())&&this.executeFetch()},this.currentRefetchInterval))}updateTimers(){this.updateStaleTimeout(),this.updateRefetchInterval(this.computeRefetchInterval())}clearStaleTimeout(){this.staleTimeoutId&&(clearTimeout(this.staleTimeoutId),this.staleTimeoutId=void 0)}clearRefetchInterval(){this.refetchIntervalId&&(clearInterval(this.refetchIntervalId),this.refetchIntervalId=void 0)}createResult(e,t){const s=this.currentQuery,n=this.options,i=this.currentResult,u=this.currentResultState,a=this.currentResultOptions,c=e!==s,h=c?e.state:this.currentQueryInitialState,l=c?this.currentResult:this.previousQueryResult,{state:o}=e;let{dataUpdatedAt:d,error:R,errorUpdatedAt:m,fetchStatus:v,status:f}=o,F=!1,U=!1,y;if(t._optimisticResults){const p=this.hasListeners(),C=!p&&M(e,t),q=p&&k(e,s,t,n);(C||q)&&(v=W(e.options.networkMode)?"fetching":"paused",d||(f="loading")),t._optimisticResults==="isRestoring"&&(v="idle")}if(t.keepPreviousData&&!o.dataUpdatedAt&&l!=null&&l.isSuccess&&f!=="error")y=l.data,d=l.dataUpdatedAt,f=l.status,F=!0;else if(t.select&&typeof o.data<"u")if(i&&o.data===(u==null?void 0:u.data)&&t.select===this.selectFn)y=this.selectResult;else try{this.selectFn=t.select,y=t.select(o.data),y=P(i==null?void 0:i.data,y,t),this.selectResult=y,this.selectError=null}catch(p){this.selectError=p}else y=o.data;if(typeof t.placeholderData<"u"&&typeof y>"u"&&f==="loading"){let p;if(i!=null&&i.isPlaceholderData&&t.placeholderData===(a==null?void 0:a.placeholderData))p=i.data;else if(p=typeof t.placeholderData=="function"?t.placeholderData():t.placeholderData,t.select&&typeof p<"u")try{p=t.select(p),this.selectError=null}catch(C){this.selectError=C}typeof p<"u"&&(f="success",y=P(i==null?void 0:i.data,p,t),U=!0)}this.selectError&&(R=this.selectError,y=this.selectResult,m=Date.now(),f="error");const g=v==="fetching",I=f==="loading",O=f==="error";return{status:f,fetchStatus:v,isLoading:I,isSuccess:f==="success",isError:O,isInitialLoading:I&&g,data:y,dataUpdatedAt:d,error:R,errorUpdatedAt:m,failureCount:o.fetchFailureCount,failureReason:o.fetchFailureReason,errorUpdateCount:o.errorUpdateCount,isFetched:o.dataUpdateCount>0||o.errorUpdateCount>0,isFetchedAfterMount:o.dataUpdateCount>h.dataUpdateCount||o.errorUpdateCount>h.errorUpdateCount,isFetching:g,isRefetching:g&&!I,isLoadingError:O&&o.dataUpdatedAt===0,isPaused:v==="paused",isPlaceholderData:U,isPreviousData:F,isRefetchError:O&&o.dataUpdatedAt!==0,isStale:w(e,t),refetch:this.refetch,remove:this.remove}}updateResult(e){const t=this.currentResult,s=this.createResult(this.currentQuery,this.options);if(this.currentResultState=this.currentQuery.state,this.currentResultOptions=this.options,T(s,t))return;this.currentResult=s;const n={cache:!0},i=()=>{if(!t)return!0;const{notifyOnChangeProps:u}=this.options,a=typeof u=="function"?u():u;if(a==="all"||!a&&!this.trackedProps.size)return!0;const c=new Set(a??this.trackedProps);return this.options.useErrorBoundary&&c.add("error"),Object.keys(this.currentResult).some(h=>{const l=h;return this.currentResult[l]!==t[l]&&c.has(l)})};(e==null?void 0:e.listeners)!==!1&&i()&&(n.listeners=!0),this.notify({...n,...e})}updateQuery(){const e=this.client.getQueryCache().build(this.client,this.options);if(e===this.currentQuery)return;const t=this.currentQuery;this.currentQuery=e,this.currentQueryInitialState=e.state,this.previousQueryResult=this.currentResult,this.hasListeners()&&(t==null||t.removeObserver(this),e.addObserver(this))}onQueryUpdate(e){const t={};e.type==="success"?t.onSuccess=!e.manual:e.type==="error"&&!z(e.error)&&(t.onError=!0),this.updateResult(t),this.hasListeners()&&this.updateTimers()}notify(e){V.batch(()=>{if(e.onSuccess){var t,s,n,i;(t=(s=this.options).onSuccess)==null||t.call(s,this.currentResult.data),(n=(i=this.options).onSettled)==null||n.call(i,this.currentResult.data,null)}else if(e.onError){var u,a,c,h;(u=(a=this.options).onError)==null||u.call(a,this.currentResult.error),(c=(h=this.options).onSettled)==null||c.call(h,void 0,this.currentResult.error)}e.listeners&&this.listeners.forEach(({listener:l})=>{l(this.currentResult)}),e.cache&&this.client.getQueryCache().notify({query:this.currentQuery,type:"observerResultsUpdated"})})}}function ie(r,e){return e.enabled!==!1&&!r.state.dataUpdatedAt&&!(r.state.status==="error"&&e.retryOnMount===!1)}function M(r,e){return ie(r,e)||r.state.dataUpdatedAt>0&&E(r,e,e.refetchOnMount)}function E(r,e,t){if(e.enabled!==!1){const s=typeof t=="function"?t(r):t;return s==="always"||s!==!1&&w(r,e)}return!1}function k(r,e,t,s){return t.enabled!==!1&&(r!==e||s.enabled===!1)&&(!t.suspense||r.state.status!=="error")&&w(r,t)}function w(r,e){return r.isStaleByTime(e.staleTime)}function ne(r,e,t){return t.keepPreviousData?!1:t.placeholderData!==void 0?e.isPlaceholderData:!T(r.getCurrentResult(),e)}function ue(r=""){var e;if(!((e=G())==null?void 0:e.proxy))throw new Error("vue-query hooks can only be used inside setup() function.");const s=H(r),n=$(s);if(!n)throw new Error("No 'queryClient' found in Vue context, use 'VueQueryPlugin' to properly initialize the library.");return n}function ae(r,e,t={},s={}){var n;const i=Q(()=>le(e,t,s)),u=(n=i.value.queryClient)!=null?n:ue(i.value.queryClientKey),a=Q(()=>{const d=u.defaultQueryOptions(i.value);return d._optimisticResults=u.isRestoring.value?"isRestoring":"optimistic",d}),c=new r(u,a.value),h=J(c.getCurrentResult());let l=()=>{};b(u.isRestoring,d=>{d||(l(),l=c.subscribe(R=>{x(h,R)}))},{immediate:!0}),b(a,()=>{c.setOptions(a.value),x(h,c.getCurrentResult())}),Y(()=>{l()});const o=()=>new Promise((d,R)=>{let m=()=>{};const v=()=>{if(a.value.enabled!==!1){const f=c.getOptimisticResult(a.value);f.isStale?(m(),c.fetchOptimistic(a.value).then(d,R)):(m(),d(f))}};v(),m=b(a,v,{deep:!0})});return b(()=>h.error,d=>{if(h.isError&&!h.isFetching&&_(a.value.useErrorBoundary,[d,c.getCurrentQuery()]))throw d}),{...X(Z(h)),suspense:o}}function le(r,e={},t={}){const s=S(r),n=S(e),i=S(t);let u=s;return ee(s)?typeof n=="function"?u={...i,queryKey:s,queryFn:n}:u={...n,queryKey:s}:u=s,te(u)}function ce(r,e,t){const s=ae(re,r,e,t);return{...s,refetch:s.refetch.value,remove:s.remove.value}}const oe=3;async function he(r,e){const t=r.startsWith("/")?r.slice(1):r;let s=`${window.DATA_HOST}${t}`;r.startsWith("http")&&(s=r),s.endsWith("/")&&(s=s.slice(0,-1));const n=await fetch(`${s}/config.json?t=${e??0}`),i=await fetch(`${s}/team.json?t=${e??0}`),u=await fetch(`${s}/run.json?t=${e??0}`),{status:a,statusText:c}=n;if(a>=300||a<200)throw new Error(`fetch data failed. [status=${a}] [statusText=${c}]`);return Promise.all([n.json(),i.json(),u.json()]).then(l=>({contest:l[0],teams:l[1],submissions:l[2]}))}function pe(r,e){let t=3e4,s=Q(()=>Math.floor(e.value.getTime()/1e3/10));return se.value==="I18N"&&(t=10*1e3,s=Q(()=>Math.floor(e.value.getTime()/1e3))),ce({queryKey:[r,s.value],queryFn:()=>he(r,s.value),retry:oe,staleTime:t,refetchInterval:t})}function ye(){return j("data-source","",{transform:String})}function ve(){return j("battle-of-giants","",{transform:String})}export{ve as a,ye as g,pe as u};
+import{av as K,aw as T,ax as L,ay as D,az as A,aA as B,aB as N,aC as W,aD as P,aE as z,aF as V,aG as G,aH as $,aI as H,h as Q,aJ as J,A as b,aK as x,aL as Y,aM as _,aN as X,aO as Z,j as S,aP as ee,aQ as te,aR as se,ai as k}from"./index-d70fb8f0.js";class re extends K{constructor(e,t){super(),this.client=e,this.options=t,this.trackedProps=new Set,this.selectError=null,this.bindMethods(),this.setOptions(t)}bindMethods(){this.remove=this.remove.bind(this),this.refetch=this.refetch.bind(this)}onSubscribe(){this.listeners.size===1&&(this.currentQuery.addObserver(this),M(this.currentQuery,this.options)&&this.executeFetch(),this.updateTimers())}onUnsubscribe(){this.hasListeners()||this.destroy()}shouldFetchOnReconnect(){return E(this.currentQuery,this.options,this.options.refetchOnReconnect)}shouldFetchOnWindowFocus(){return E(this.currentQuery,this.options,this.options.refetchOnWindowFocus)}destroy(){this.listeners=new Set,this.clearStaleTimeout(),this.clearRefetchInterval(),this.currentQuery.removeObserver(this)}setOptions(e,t){const s=this.options,n=this.currentQuery;if(this.options=this.client.defaultQueryOptions(e),T(s,this.options)||this.client.getQueryCache().notify({type:"observerOptionsUpdated",query:this.currentQuery,observer:this}),typeof this.options.enabled<"u"&&typeof this.options.enabled!="boolean")throw new Error("Expected enabled to be a boolean");this.options.queryKey||(this.options.queryKey=s.queryKey),this.updateQuery();const i=this.hasListeners();i&&j(this.currentQuery,n,this.options,s)&&this.executeFetch(),this.updateResult(t),i&&(this.currentQuery!==n||this.options.enabled!==s.enabled||this.options.staleTime!==s.staleTime)&&this.updateStaleTimeout();const u=this.computeRefetchInterval();i&&(this.currentQuery!==n||this.options.enabled!==s.enabled||u!==this.currentRefetchInterval)&&this.updateRefetchInterval(u)}getOptimisticResult(e){const t=this.client.getQueryCache().build(this.client,e),s=this.createResult(t,e);return ne(this,s,e)&&(this.currentResult=s,this.currentResultOptions=this.options,this.currentResultState=this.currentQuery.state),s}getCurrentResult(){return this.currentResult}trackResult(e){const t={};return Object.keys(e).forEach(s=>{Object.defineProperty(t,s,{configurable:!1,enumerable:!0,get:()=>(this.trackedProps.add(s),e[s])})}),t}getCurrentQuery(){return this.currentQuery}remove(){this.client.getQueryCache().remove(this.currentQuery)}refetch({refetchPage:e,...t}={}){return this.fetch({...t,meta:{refetchPage:e}})}fetchOptimistic(e){const t=this.client.defaultQueryOptions(e),s=this.client.getQueryCache().build(this.client,t);return s.isFetchingOptimistic=!0,s.fetch().then(()=>this.createResult(s,t))}fetch(e){var t;return this.executeFetch({...e,cancelRefetch:(t=e.cancelRefetch)!=null?t:!0}).then(()=>(this.updateResult(),this.currentResult))}executeFetch(e){this.updateQuery();let t=this.currentQuery.fetch(this.options,e);return e!=null&&e.throwOnError||(t=t.catch(L)),t}updateStaleTimeout(){if(this.clearStaleTimeout(),D||this.currentResult.isStale||!A(this.options.staleTime))return;const t=B(this.currentResult.dataUpdatedAt,this.options.staleTime)+1;this.staleTimeoutId=setTimeout(()=>{this.currentResult.isStale||this.updateResult()},t)}computeRefetchInterval(){var e;return typeof this.options.refetchInterval=="function"?this.options.refetchInterval(this.currentResult.data,this.currentQuery):(e=this.options.refetchInterval)!=null?e:!1}updateRefetchInterval(e){this.clearRefetchInterval(),this.currentRefetchInterval=e,!(D||this.options.enabled===!1||!A(this.currentRefetchInterval)||this.currentRefetchInterval===0)&&(this.refetchIntervalId=setInterval(()=>{(this.options.refetchIntervalInBackground||N.isFocused())&&this.executeFetch()},this.currentRefetchInterval))}updateTimers(){this.updateStaleTimeout(),this.updateRefetchInterval(this.computeRefetchInterval())}clearStaleTimeout(){this.staleTimeoutId&&(clearTimeout(this.staleTimeoutId),this.staleTimeoutId=void 0)}clearRefetchInterval(){this.refetchIntervalId&&(clearInterval(this.refetchIntervalId),this.refetchIntervalId=void 0)}createResult(e,t){const s=this.currentQuery,n=this.options,i=this.currentResult,u=this.currentResultState,a=this.currentResultOptions,c=e!==s,h=c?e.state:this.currentQueryInitialState,l=c?this.currentResult:this.previousQueryResult,{state:o}=e;let{dataUpdatedAt:d,error:R,errorUpdatedAt:m,fetchStatus:v,status:f}=o,F=!1,U=!1,y;if(t._optimisticResults){const p=this.hasListeners(),C=!p&&M(e,t),q=p&&j(e,s,t,n);(C||q)&&(v=W(e.options.networkMode)?"fetching":"paused",d||(f="loading")),t._optimisticResults==="isRestoring"&&(v="idle")}if(t.keepPreviousData&&!o.dataUpdatedAt&&l!=null&&l.isSuccess&&f!=="error")y=l.data,d=l.dataUpdatedAt,f=l.status,F=!0;else if(t.select&&typeof o.data<"u")if(i&&o.data===(u==null?void 0:u.data)&&t.select===this.selectFn)y=this.selectResult;else try{this.selectFn=t.select,y=t.select(o.data),y=P(i==null?void 0:i.data,y,t),this.selectResult=y,this.selectError=null}catch(p){this.selectError=p}else y=o.data;if(typeof t.placeholderData<"u"&&typeof y>"u"&&f==="loading"){let p;if(i!=null&&i.isPlaceholderData&&t.placeholderData===(a==null?void 0:a.placeholderData))p=i.data;else if(p=typeof t.placeholderData=="function"?t.placeholderData():t.placeholderData,t.select&&typeof p<"u")try{p=t.select(p),this.selectError=null}catch(C){this.selectError=C}typeof p<"u"&&(f="success",y=P(i==null?void 0:i.data,p,t),U=!0)}this.selectError&&(R=this.selectError,y=this.selectResult,m=Date.now(),f="error");const g=v==="fetching",I=f==="loading",O=f==="error";return{status:f,fetchStatus:v,isLoading:I,isSuccess:f==="success",isError:O,isInitialLoading:I&&g,data:y,dataUpdatedAt:d,error:R,errorUpdatedAt:m,failureCount:o.fetchFailureCount,failureReason:o.fetchFailureReason,errorUpdateCount:o.errorUpdateCount,isFetched:o.dataUpdateCount>0||o.errorUpdateCount>0,isFetchedAfterMount:o.dataUpdateCount>h.dataUpdateCount||o.errorUpdateCount>h.errorUpdateCount,isFetching:g,isRefetching:g&&!I,isLoadingError:O&&o.dataUpdatedAt===0,isPaused:v==="paused",isPlaceholderData:U,isPreviousData:F,isRefetchError:O&&o.dataUpdatedAt!==0,isStale:w(e,t),refetch:this.refetch,remove:this.remove}}updateResult(e){const t=this.currentResult,s=this.createResult(this.currentQuery,this.options);if(this.currentResultState=this.currentQuery.state,this.currentResultOptions=this.options,T(s,t))return;this.currentResult=s;const n={cache:!0},i=()=>{if(!t)return!0;const{notifyOnChangeProps:u}=this.options,a=typeof u=="function"?u():u;if(a==="all"||!a&&!this.trackedProps.size)return!0;const c=new Set(a??this.trackedProps);return this.options.useErrorBoundary&&c.add("error"),Object.keys(this.currentResult).some(h=>{const l=h;return this.currentResult[l]!==t[l]&&c.has(l)})};(e==null?void 0:e.listeners)!==!1&&i()&&(n.listeners=!0),this.notify({...n,...e})}updateQuery(){const e=this.client.getQueryCache().build(this.client,this.options);if(e===this.currentQuery)return;const t=this.currentQuery;this.currentQuery=e,this.currentQueryInitialState=e.state,this.previousQueryResult=this.currentResult,this.hasListeners()&&(t==null||t.removeObserver(this),e.addObserver(this))}onQueryUpdate(e){const t={};e.type==="success"?t.onSuccess=!e.manual:e.type==="error"&&!z(e.error)&&(t.onError=!0),this.updateResult(t),this.hasListeners()&&this.updateTimers()}notify(e){V.batch(()=>{if(e.onSuccess){var t,s,n,i;(t=(s=this.options).onSuccess)==null||t.call(s,this.currentResult.data),(n=(i=this.options).onSettled)==null||n.call(i,this.currentResult.data,null)}else if(e.onError){var u,a,c,h;(u=(a=this.options).onError)==null||u.call(a,this.currentResult.error),(c=(h=this.options).onSettled)==null||c.call(h,void 0,this.currentResult.error)}e.listeners&&this.listeners.forEach(({listener:l})=>{l(this.currentResult)}),e.cache&&this.client.getQueryCache().notify({query:this.currentQuery,type:"observerResultsUpdated"})})}}function ie(r,e){return e.enabled!==!1&&!r.state.dataUpdatedAt&&!(r.state.status==="error"&&e.retryOnMount===!1)}function M(r,e){return ie(r,e)||r.state.dataUpdatedAt>0&&E(r,e,e.refetchOnMount)}function E(r,e,t){if(e.enabled!==!1){const s=typeof t=="function"?t(r):t;return s==="always"||s!==!1&&w(r,e)}return!1}function j(r,e,t,s){return t.enabled!==!1&&(r!==e||s.enabled===!1)&&(!t.suspense||r.state.status!=="error")&&w(r,t)}function w(r,e){return r.isStaleByTime(e.staleTime)}function ne(r,e,t){return t.keepPreviousData?!1:t.placeholderData!==void 0?e.isPlaceholderData:!T(r.getCurrentResult(),e)}function ue(r=""){var e;if(!((e=G())==null?void 0:e.proxy))throw new Error("vue-query hooks can only be used inside setup() function.");const s=H(r),n=$(s);if(!n)throw new Error("No 'queryClient' found in Vue context, use 'VueQueryPlugin' to properly initialize the library.");return n}function ae(r,e,t={},s={}){var n;const i=Q(()=>le(e,t,s)),u=(n=i.value.queryClient)!=null?n:ue(i.value.queryClientKey),a=Q(()=>{const d=u.defaultQueryOptions(i.value);return d._optimisticResults=u.isRestoring.value?"isRestoring":"optimistic",d}),c=new r(u,a.value),h=J(c.getCurrentResult());let l=()=>{};b(u.isRestoring,d=>{d||(l(),l=c.subscribe(R=>{x(h,R)}))},{immediate:!0}),b(a,()=>{c.setOptions(a.value),x(h,c.getCurrentResult())}),Y(()=>{l()});const o=()=>new Promise((d,R)=>{let m=()=>{};const v=()=>{if(a.value.enabled!==!1){const f=c.getOptimisticResult(a.value);f.isStale?(m(),c.fetchOptimistic(a.value).then(d,R)):(m(),d(f))}};v(),m=b(a,v,{deep:!0})});return b(()=>h.error,d=>{if(h.isError&&!h.isFetching&&_(a.value.useErrorBoundary,[d,c.getCurrentQuery()]))throw d}),{...X(Z(h)),suspense:o}}function le(r,e={},t={}){const s=S(r),n=S(e),i=S(t);let u=s;return ee(s)?typeof n=="function"?u={...i,queryKey:s,queryFn:n}:u={...n,queryKey:s}:u=s,te(u)}function ce(r,e,t){const s=ae(re,r,e,t);return{...s,refetch:s.refetch.value,remove:s.remove.value}}const oe=3;async function he(r,e){const t=r.startsWith("/")?r.slice(1):r;let s=`${window.DATA_HOST}${t}`;r.startsWith("http")&&(s=r),s.endsWith("/")&&(s=s.slice(0,-1));const n=await fetch(`${s}/config.json?t=${e??0}`),i=await fetch(`${s}/team.json?t=${e??0}`),u=await fetch(`${s}/run.json?t=${e??0}`),{status:a,statusText:c}=n;if(a>=300||a<200)throw new Error(`fetch data failed. [status=${a}] [statusText=${c}]`);return Promise.all([n.json(),i.json(),u.json()]).then(l=>({contest:l[0],teams:l[1],submissions:l[2]}))}function pe(r,e){let t=3e4,s=Q(()=>Math.floor(e.value.getTime()/1e3/10));return se.value==="I18N"&&(t=10*1e3,s=Q(()=>Math.floor(e.value.getTime()/1e3))),ce({queryKey:[r,s.value],queryFn:()=>he(r,s.value),retry:oe,staleTime:t,refetchInterval:t})}function ye(){return k("data-source","",{transform:String})}function ve(){return k("battle-of-giants","",{transform:String})}export{ve as a,ye as g,pe as u};

package/dist/assets/test-544e70d8.js

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

package/dist/assets/{user-c860815d.js → user-449d45cf.js}

@@ -1 +1 @@
-import{aV as m,j as r,s as t}from"./index-b8520a7a.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{aV as m,i as r,h as t}from"./index-d70fb8f0.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-6184380c.js → virtual_pwa-register-c3a257bf.js}

@@ -1 +1 @@
-import{_ as u}from"./index-b8520a7a.js";function p(d={}){const{immediate:l=!1,onNeedRefresh:v,onOfflineReady:t,onRegistered:r,onRegisteredSW:o,onRegisterError:s}=d;let i,n;const c=async(a=!0)=>{await n};async function f(){if("serviceWorker"in navigator){const{Workbox:a}=await u(()=>import("./workbox-window.prod.es5-a7b12eab.js"),[],import.meta.url);i=new a("/sw.js",{scope:"/",type:"classic"}),i.addEventListener("activated",e=>{(e.isUpdate||e.isExternal)&&window.location.reload()}),i.addEventListener("installed",e=>{e.isUpdate||t==null||t()}),i.register({immediate:l}).then(e=>{o?o("/sw.js",e):r==null||r(e)}).catch(e=>{s==null||s(e)})}}return n=f(),c}export{p as registerSW};
+import{_ as u}from"./index-d70fb8f0.js";function p(d={}){const{immediate:l=!1,onNeedRefresh:v,onOfflineReady:t,onRegistered:r,onRegisteredSW:o,onRegisterError:s}=d;let i,n;const c=async(a=!0)=>{await n};async function f(){if("serviceWorker"in navigator){const{Workbox:a}=await u(()=>import("./workbox-window.prod.es5-a7b12eab.js"),[],import.meta.url);i=new a("/sw.js",{scope:"/",type:"classic"}),i.addEventListener("activated",e=>{(e.isUpdate||e.isExternal)&&window.location.reload()}),i.addEventListener("installed",e=>{e.isUpdate||t==null||t()}),i.register({immediate:l}).then(e=>{o?o("/sw.js",e):r==null||r(e)}).catch(e=>{s==null||s(e)})}}return n=f(),c}export{p 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.46.2/dist/balloon-192x192.png"><link rel="mask-icon" href="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.46.2/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.46.2/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.46.2/dist/assets/index-b8520a7a.js"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.46.2/dist/assets/index-ea1c658f.css"><link rel="manifest" href="/manifest.webmanifest"><style></style></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.47.0/dist/balloon-192x192.png"><link rel="mask-icon" href="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.47.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.47.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.47.0/dist/assets/index-d70fb8f0.js"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.47.0/dist/assets/index-53dc9c92.css"><link rel="manifest" href="/manifest.webmanifest"><style></style></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-b8d87ee1"],(function(s){"use strict";self.skipWaiting(),s.clientsClaim(),s.precacheAndRoute([{url:"assets/_...all_-8b9261ff.js",revision:null},{url:"assets/_name_-07451050.js",revision:null},{url:"assets/about-ccab3fef.js",revision:null},{url:"assets/Board-24564942.css",revision:null},{url:"assets/Board-5a18de8e.js",revision:null},{url:"assets/board-fd754235.js",revision:null},{url:"assets/board-layout-9f205eef.js",revision:null},{url:"assets/DataSourceInput.vue_vue_type_script_setup_true_lang-3f2e71b7.js",revision:null},{url:"assets/en-c9a8dbb5.js",revision:null},{url:"assets/headless-84b0ba2a.js",revision:null},{url:"assets/home-51ee0a78.js",revision:null},{url:"assets/index-67b2a8c5.css",revision:null},{url:"assets/index-ae87348c.js",revision:null},{url:"assets/index-b8520a7a.js",revision:null},{url:"assets/index-ea1c658f.css",revision:null},{url:"assets/index-f9b2eb26.js",revision:null},{url:"assets/index-layout-69d341e2.js",revision:null},{url:"assets/query-f9ac0577.js",revision:null},{url:"assets/test-1cc6e80d.js",revision:null},{url:"assets/TheInput.vue_vue_type_script_setup_true_lang-859ce89a.js",revision:null},{url:"assets/user-c860815d.js",revision:null},{url:"assets/virtual_pwa-register-6184380c.js",revision:null},{url:"assets/workbox-window.prod.es5-a7b12eab.js",revision:null},{url:"assets/zh-CN-8e545f66.js",revision:null},{url:"index.html",revision:"cd3b82d5fbea3c2e32f35ebf00569ac6"},{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-b8d87ee1"],(function(s){"use strict";self.skipWaiting(),s.clientsClaim(),s.precacheAndRoute([{url:"assets/_...all_-729d96d7.js",revision:null},{url:"assets/_...all_-c60acc8c.css",revision:null},{url:"assets/_...all_-f3d30859.js",revision:null},{url:"assets/_name_-fa12f56d.js",revision:null},{url:"assets/about-6e5a2f3e.js",revision:null},{url:"assets/Board-24564942.css",revision:null},{url:"assets/board-6c9ef349.js",revision:null},{url:"assets/Board-8cb099e8.js",revision:null},{url:"assets/board-layout-1ad47386.js",revision:null},{url:"assets/DataSourceInput.vue_vue_type_script_setup_true_lang-669bf7c0.js",revision:null},{url:"assets/en-c9a8dbb5.js",revision:null},{url:"assets/headless-cbd40573.js",revision:null},{url:"assets/home-eb990606.js",revision:null},{url:"assets/index-241beb5a.css",revision:null},{url:"assets/index-42e1a002.js",revision:null},{url:"assets/index-53dc9c92.css",revision:null},{url:"assets/index-5e6a6648.js",revision:null},{url:"assets/index-67b2a8c5.css",revision:null},{url:"assets/index-d70fb8f0.js",revision:null},{url:"assets/index-fd9c106b.js",revision:null},{url:"assets/index-layout-7a27b184.js",revision:null},{url:"assets/pagination-fe331a94.js",revision:null},{url:"assets/query-ce1fd4de.js",revision:null},{url:"assets/test-544e70d8.js",revision:null},{url:"assets/TheInput.vue_vue_type_script_setup_true_lang-ce96e373.js",revision:null},{url:"assets/user-449d45cf.js",revision:null},{url:"assets/virtual_pwa-register-c3a257bf.js",revision:null},{url:"assets/workbox-window.prod.es5-a7b12eab.js",revision:null},{url:"assets/zh-CN-8e545f66.js",revision:null},{url:"index.html",revision:"a72c28553538eb092b8c9bfd6785f101"},{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.46.2",
+  "version": "0.47.0",
   "description": "XCPCIO Board App",
   "author": "Dup4 <lyuzhi.pan@gmail.com>",
   "license": "MIT",
@@ -53,8 +53,8 @@
     "vue-router": "^4.2.4",
     "vue-search-select": "^3.1.2",
     "vue-toast-notification": "^3",
-    "@xcpcio/core": "0.46.2",
-    "@xcpcio/types": "0.46.2"
+    "@xcpcio/core": "0.47.0",
+    "@xcpcio/types": "0.47.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.39.8",

package/src/auto-imports.d.ts

@@ -13,6 +13,8 @@ declare global {
   const EffectScope: typeof import('vue')['EffectScope']
   const LastBlockDisplayType: typeof import('./composables/type')['LastBlockDisplayType']
   const Pagination: typeof import('./composables/pagination')['Pagination']
+  const RATING_DATA_HOST: typeof import('./composables/constant')['RATING_DATA_HOST']
+  const RATING_TITLE_SUFFIX: typeof import('./composables/constant')['RATING_TITLE_SUFFIX']
   const RESOLVER_TITLE_SUFFIX: typeof import('./composables/constant')['RESOLVER_TITLE_SUFFIX']
   const TITLE_SUFFIX: typeof import('./composables/constant')['TITLE_SUFFIX']
   const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
@@ -52,6 +54,7 @@ declare global {
   const getLocalStorageKeyForFilterTeams: typeof import('./composables/useLocalStorage')['getLocalStorageKeyForFilterTeams']
   const getMedalColor: typeof import('./composables/color')['getMedalColor']
   const getProblemChart: typeof import('./composables/statistics')['getProblemChart']
+  const getRatingGraphOptions: typeof import('./composables/rating')['getRatingGraphOptions']
   const getStandingsStatusColor: typeof import('./composables/color')['getStandingsStatusColor']
   const getSubmitChart: typeof import('./composables/statistics')['getSubmitChart']
   const getTeamChart: typeof import('./composables/statistics')['getTeamChart']
@@ -335,6 +338,8 @@ declare module 'vue' {
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
     readonly LastBlockDisplayType: UnwrapRef<typeof import('./composables/type')['LastBlockDisplayType']>
     readonly Pagination: UnwrapRef<typeof import('./composables/pagination')['Pagination']>
+    readonly RATING_DATA_HOST: UnwrapRef<typeof import('./composables/constant')['RATING_DATA_HOST']>
+    readonly RATING_TITLE_SUFFIX: UnwrapRef<typeof import('./composables/constant')['RATING_TITLE_SUFFIX']>
     readonly RESOLVER_TITLE_SUFFIX: UnwrapRef<typeof import('./composables/constant')['RESOLVER_TITLE_SUFFIX']>
     readonly TITLE_SUFFIX: UnwrapRef<typeof import('./composables/constant')['TITLE_SUFFIX']>
     readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']>
@@ -370,6 +375,7 @@ declare module 'vue' {
     readonly getLocalStorageKeyForFilterTeams: UnwrapRef<typeof import('./composables/useLocalStorage')['getLocalStorageKeyForFilterTeams']>
     readonly getMedalColor: UnwrapRef<typeof import('./composables/color')['getMedalColor']>
     readonly getProblemChart: UnwrapRef<typeof import('./composables/statistics')['getProblemChart']>
+    readonly getRatingGraphOptions: UnwrapRef<typeof import('./composables/rating')['getRatingGraphOptions']>
     readonly getStandingsStatusColor: UnwrapRef<typeof import('./composables/color')['getStandingsStatusColor']>
     readonly getSubmitChart: UnwrapRef<typeof import('./composables/statistics')['getSubmitChart']>
     readonly getTeamChart: UnwrapRef<typeof import('./composables/statistics')['getTeamChart']>
@@ -643,6 +649,8 @@ declare module '@vue/runtime-core' {
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
     readonly LastBlockDisplayType: UnwrapRef<typeof import('./composables/type')['LastBlockDisplayType']>
     readonly Pagination: UnwrapRef<typeof import('./composables/pagination')['Pagination']>
+    readonly RATING_DATA_HOST: UnwrapRef<typeof import('./composables/constant')['RATING_DATA_HOST']>
+    readonly RATING_TITLE_SUFFIX: UnwrapRef<typeof import('./composables/constant')['RATING_TITLE_SUFFIX']>
     readonly RESOLVER_TITLE_SUFFIX: UnwrapRef<typeof import('./composables/constant')['RESOLVER_TITLE_SUFFIX']>
     readonly TITLE_SUFFIX: UnwrapRef<typeof import('./composables/constant')['TITLE_SUFFIX']>
     readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']>
@@ -678,6 +686,7 @@ declare module '@vue/runtime-core' {
     readonly getLocalStorageKeyForFilterTeams: UnwrapRef<typeof import('./composables/useLocalStorage')['getLocalStorageKeyForFilterTeams']>
     readonly getMedalColor: UnwrapRef<typeof import('./composables/color')['getMedalColor']>
     readonly getProblemChart: UnwrapRef<typeof import('./composables/statistics')['getProblemChart']>
+    readonly getRatingGraphOptions: UnwrapRef<typeof import('./composables/rating')['getRatingGraphOptions']>
     readonly getStandingsStatusColor: UnwrapRef<typeof import('./composables/color')['getStandingsStatusColor']>
     readonly getSubmitChart: UnwrapRef<typeof import('./composables/statistics')['getSubmitChart']>
     readonly getTeamChart: UnwrapRef<typeof import('./composables/statistics')['getTeamChart']>

package/src/components/NavBar.vue

@@ -8,6 +8,7 @@ const props = defineProps<{
 
 const { t, locale } = useI18n();
 const { y: scroll } = useWindowScroll();
+const route = useRoute();
 
 function toTop() {
   window.scrollTo({
@@ -22,6 +23,14 @@ async function toggleLocales() {
   await loadLanguageAsync(newLocale);
   locale.value = newLocale;
 }
+
+const homeLink = computed(() => {
+  if (route.fullPath.startsWith("/rating")) {
+    return "/rating";
+  }
+
+  return "/";
+});
 </script>
 
 <template>
@@ -63,7 +72,7 @@ async function toggleLocales() {
         <RouterLink
           icon-btn
           :title="t('button.home')"
-          to="/"
+          :to="homeLink"
           focusable="false"
         >
           <div i-ion-balloon-sharp />

package/src/components/rating/Rating.vue

@@ -0,0 +1,82 @@
+<script setup lang="ts">
+import { useFetch } from "@vueuse/core";
+import { Rating } from "@xcpcio/core";
+
+const props = defineProps<{
+  id: string
+}>();
+
+const id = computed(() => props.id);
+
+function genURL() {
+  return `${RATING_DATA_HOST.value}${id.value}/rating.json`;
+}
+const url = ref(genURL());
+const rating = ref({} as Rating);
+
+const { t } = useI18n();
+useTitle(RATING_TITLE_SUFFIX);
+
+const {
+  error,
+  isFetching,
+  isFinished,
+} = useFetch(url, {
+  refetch: true,
+  afterFetch: (ctx) => {
+    rating.value = Rating.fromJSON(ctx.data);
+    useTitle(`${rating.value.name} | ${RATING_TITLE_SUFFIX}`);
+    return ctx;
+  },
+}).get();
+</script>
+
+<template>
+  <div
+    class="sm:w-[1024px] lg:w-screen"
+    lg:of-x-hidden
+    flex flex-col justify-center items-center
+  >
+    <div>
+      <div
+        v-if="isFetching || error"
+        mt-4 mb-4
+        class="sm:w-[1000px] lg:w-screen"
+        flex justify-center items-center
+      >
+        <div
+          v-if="isFetching"
+        >
+          {{ t("common.loading") }}...
+        </div>
+
+        <div
+          v-if="error"
+        >
+          {{ error }}
+        </div>
+      </div>
+
+      <div
+        v-if="isFinished"
+        flex flex-col justify-center items-center
+      >
+        <div
+          text-4xl
+          font-medium font-serif
+        >
+          {{ rating.name }}
+        </div>
+
+        <div
+          mt-4
+        >
+          <RatingTable
+            :rating="rating"
+            :remove-border="true"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

package/src/components/rating/RatingBadge.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { RatingLevelToString, RatingUtility } from "@xcpcio/core";
+
+import "./rating.less";
+
+const props = defineProps<{
+  rating: number
+}>();
+
+const rating = computed(() => props.rating);
+</script>
+
+<template>
+  <div>
+    <Tooltip>
+      <div
+        font-mono font-bold
+        :class="RatingUtility.getRatingLevelClass(rating)"
+      >
+        {{ rating }}
+      </div>
+
+      <template #popper>
+        <div
+          text-md
+        >
+          {{ RatingLevelToString[RatingUtility.getRatingLevel(rating)] }}
+        </div>
+      </template>
+    </Tooltip>
+  </div>
+</template>

package/src/components/rating/RatingIndexUI.vue

@@ -0,0 +1,173 @@
+<script setup lang="ts">
+import { useElementVisibility } from "@vueuse/core";
+
+import type { IRatingIndex } from "@xcpcio/types/index";
+
+const props = defineProps<{
+  ratingIndex: IRatingIndex
+}>();
+
+const ratingIndex = computed(() => props.ratingIndex);
+
+const el = ref(null);
+const isVisible = useElementVisibility(el);
+
+const link = computed(() => {
+  return `/rating/${ratingIndex.value.id}`;
+});
+</script>
+
+<template>
+  <div ref="el">
+    <div h-22>
+      <div
+        v-if="isVisible"
+      >
+        <div
+          w-238
+          flex flex-col justify-center
+          font-serif pb-2
+          border="b-2 gray-200 dark:gray-700"
+        >
+          <div
+            w-full flex
+          >
+            <div
+              class="title"
+              w-inherit
+            >
+              <Tooltip>
+                <div
+                  overflow-hidden
+                  text-2xl truncate
+                >
+                  {{ ratingIndex.name }}
+                </div>
+
+                <template #popper>
+                  <div
+                    text-lg
+                  >
+                    {{ ratingIndex.name }}
+                  </div>
+                </template>
+              </Tooltip>
+            </div>
+
+            <div float-right>
+              <RouterLink
+                class="go MuiIconButton-root"
+                :to="link"
+              >
+                <span class="MuiIconButton-label">
+                  <RightArrowIcon />
+                </span>
+              </RouterLink>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.logo {
+  float: left;
+  text-align: left;
+  font-size: 16px;
+  padding-top: 12px;
+  padding-right: 8px;
+}
+
+.title {
+  --scroll-bar: 0;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  box-sizing: border-box;
+  position: relative;
+  text-align: left;
+  font-weight: 400;
+  padding-left: 0px;
+  padding-right: 16px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.MuiIconButton-root {
+  -webkit-font-smoothing: antialiased;
+  font-weight: 400;
+  line-height: 1.43;
+  letter-spacing: 0.01071em;
+  box-sizing: inherit;
+  border: 0;
+  cursor: pointer;
+  margin: 0;
+  display: inline-flex;
+  outline: 0;
+  position: relative;
+  align-items: center;
+  user-select: none;
+  vertical-align: middle;
+  justify-content: center;
+  text-decoration: none;
+  background-color: transparent;
+  -webkit-tap-highlight-color: transparent;
+  flex: 0 0 auto;
+  color: rgba(0, 0, 0, 0.54);
+  padding: 12px;
+  overflow: visible;
+  font-size: 1.5rem;
+  text-align: center;
+  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  border-radius: 50%;
+}
+
+.MuiIconButton-label {
+  -webkit-font-smoothing: antialiased;
+  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+  font-weight: 400;
+  line-height: 1.43;
+  letter-spacing: 0.01071em;
+  cursor: pointer;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  color: rgba(0, 0, 0, 0.54);
+  font-size: 1.5rem;
+  text-align: center;
+  box-sizing: inherit;
+  width: 100%;
+  display: flex;
+  align-items: inherit;
+  justify-content: inherit;
+}
+
+.go {
+  text-decoration: none;
+  color: #121314;
+  position: relative;
+}
+
+.go:after {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 60%;
+  left: -0.1em;
+  right: -0.1em;
+  bottom: 0;
+  transition: top 200ms cubic-bezier(0, 0.8, 0.13, 1);
+  background-color: #91d5ff;
+}
+
+.go:hover:after {
+  top: 0%;
+}
+
+.loading {
+  height: calc(100vh);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>

package/src/components/rating/RatingInfoModal.vue

@@ -0,0 +1,112 @@
+<script setup lang="ts">
+import { Chart } from "highcharts-vue";
+
+import type { RatingUser } from "@xcpcio/core";
+
+import "./rating.less";
+
+const props = defineProps<{
+  isHidden: boolean,
+
+  ratingUser: RatingUser,
+}>();
+
+const emit = defineEmits(["update:isHidden"]);
+
+const isHidden = computed({
+  get() {
+    return props.isHidden;
+  },
+  set(value) {
+    emit("update:isHidden", value);
+  },
+});
+
+const ratingUser = computed(() => props.ratingUser);
+
+const headerTitle = computed(() => {
+  let res = "";
+
+  if (ratingUser.value.organization.length > 0) {
+    res += `${ratingUser.value.organization} - `;
+  }
+
+  res += `${ratingUser.value.name}`;
+
+  if (ratingUser.value.members.length > 0) {
+    res += ` - ${ratingUser.value.members.map(m => m.name).join(",")}`;
+  }
+
+  if (ratingUser.value.coaches.length > 0) {
+    res += ` - ${ratingUser.value.coaches.map(c => c.name).join(",")}(coach)`;
+  }
+
+  return res;
+});
+</script>
+
+<template>
+  <Modal
+    v-model:isHidden="isHidden"
+    width="w-278"
+  >
+    <template #header>
+      <div
+        w-full max-w-screen-xl
+        mx-auto
+        px-4 lg:px-8
+      >
+        <div
+          relative overflow-hidden
+          bg-white dark:bg-gray-800
+        >
+          <div
+            flex flex-col items-center justify-between
+            md:flex-row
+            space-y-3 md:space-y-0
+          >
+            <div
+              flex flex-row
+              space-x-3
+            >
+              <Tooltip>
+                <h3
+                  text-gray-900 dark:text-white
+                  text-2xl
+                  font-sans font-semibold italic
+                >
+                  {{ headerTitle }}
+                </h3>
+
+                <template #popper>
+                  <div
+                    flex flex-col
+                    justify-start items-start
+                  >
+                    <div>
+                      TeamID: {{ ratingUser.id }}
+                    </div>
+                  </div>
+                </template>
+              </Tooltip>
+            </div>
+          </div>
+        </div>
+      </div>
+    </template>
+
+    <div
+      w-full
+      font-bold font-mono
+      flex items-center justify-center
+    >
+      <div
+        w-full
+      >
+        <Chart
+          :options="getRatingGraphOptions(ratingUser)"
+        />
+      </div>
+    </div>
+  </Modal>
+</template>