@omnigateway/pokemon 1.0.0 → 1.0.1

package/omni-plugin.json

@@ -1,7 +1,7 @@
 {
   "id": "pokemon",
   "name": "Pok\u00e9mon Companion",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "api": 1,
   "sdk": "^0.1.0",
   "server": "server/index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omnigateway/pokemon",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A Pokémon companion for OmniGateway. Each gateway key raises one that hatches, evolves, and graduates into a Pokédex on the tokens that key spends.",
   "license": "MIT",
   "author": "Harismawan <mail@harismawan.com>",

package/server/index.js

@@ -348,6 +348,12 @@ async function loadDetail(deps, id, chains) {
 function speciesDetail(deps, id) {
   return loadDetail(deps, id, new Map);
 }
+async function cachedSpeciesName(deps, id) {
+  if (!isFetchableSpeciesId(id))
+    return null;
+  const cached = parseCachedDetail(await readJson(deps, speciesPath(id)), id);
+  return cached?.names.en ?? null;
+}
 function parseCachedIndex(raw) {
   const entries = asArray(raw);
   if (entries === null)
@@ -726,6 +732,18 @@ function readCompanion(storage, apiKeyId) {
     lastCreditAt: row.last_credit_at
   };
 }
+function listCompanions(storage) {
+  const rows = storage.all(`SELECT api_key_id, state, tokens_total, tokens_spent, last_credit_at
+     FROM {{companion}}
+     ORDER BY last_credit_at IS NULL, last_credit_at DESC, tokens_total DESC, api_key_id ASC`);
+  return rows.map((row) => ({
+    apiKeyId: row.api_key_id,
+    state: parseState(row.state),
+    tokensTotal: row.tokens_total,
+    tokensSpent: row.tokens_spent,
+    lastCreditAt: row.last_credit_at
+  }));
+}
 function creditTokens(storage, apiKeyId, tokens, now) {
   if (tokens <= 0)
     return;
@@ -876,6 +894,18 @@ var server_default = definePlugin({
       inFlight.set(apiKeyId, started);
       return started;
     };
+    const names = new Map;
+    const nameOf = async (speciesId) => {
+      if (speciesId === null || files === undefined)
+        return null;
+      const known = names.get(speciesId);
+      if (known !== undefined)
+        return known;
+      const found = await cachedSpeciesName({ files }, speciesId);
+      if (found !== null)
+        names.set(speciesId, found);
+      return found;
+    };
     const settleAndRecord = (apiKeyId) => {
       const result = settle(storage, apiKeyId, ctx.now());
       if (result === null)
@@ -980,10 +1010,33 @@ var server_default = definePlugin({
       });
     }
     const routes = [
+      {
+        method: "GET",
+        path: "/keys",
+        handler: async () => {
+          const rows = listCompanions(storage);
+          const keys = await Promise.all(rows.map(async (row) => {
+            const active = row.state?.active ?? null;
+            const speciesId = active === null ? null : active.plannedPath[active.stageIndex] ?? null;
+            return {
+              apiKeyId: row.apiKeyId,
+              speciesId,
+              name: await nameOf(speciesId),
+              rarity: active?.rarity ?? null,
+              isShiny: active?.isShiny ?? false,
+              tokensTotal: row.tokensTotal,
+              wallet: wallet(row),
+              lastCreditAt: row.lastCreditAt,
+              unreadable: row.state === null
+            };
+          }));
+          return { json: { keys } };
+        }
+      },
       {
         method: "GET",
         path: "/keys/:id",
-        handler: (request) => {
+        handler: async (request) => {
           const apiKeyId = request.params.id ?? "";
           settleAndRecord(apiKeyId);
           const row = readCompanion(storage, apiKeyId);
@@ -992,13 +1045,15 @@ var server_default = definePlugin({
           if (row.state !== null)
             prefetchOnce(apiKeyId, row.state).catch(() => {});
           const active = row.state?.active ?? null;
+          const dex = readDex(storage, apiKeyId);
           return {
             json: {
               state: row.state,
               tokensTotal: row.tokensTotal,
               wallet: wallet(row),
               lastCreditAt: row.lastCreditAt,
-              dex: readDex(storage, apiKeyId),
+              name: await nameOf(active === null ? null : active.plannedPath[active.stageIndex] ?? null),
+              dex: await Promise.all(dex.map(async (entry) => ({ ...entry, name: await nameOf(entry.finalId) }))),
               shop: shopCatalogue(),
               nextThreshold: active === null ? EGG_HATCH_THRESHOLD : phaseThreshold(active.rarity, active.plannedPath.length, active.stageIndex),
               progress: active === null ? row.state?.eggUsage ?? 0 : active.usedAtStage

package/ui/index.js

@@ -1,68 +1,195 @@
-function w(t){return t}import{useMutation as _,useQuery as K,useQueryClient as G}from"@tanstack/react-query";import{useState as f}from"react";import s from"styled-components";import{jsx as n,jsxs as r,Fragment as P}from"react/jsx-runtime";var c=s.section`
+function V(e){return e}import{useMutation as we,useQuery as ve,useQueryClient as De}from"@tanstack/react-query";import{useState as Pe}from"react";function w(e,r,i){return`/api/plugins/${e}/sprite/${r}${i?"?shiny=1":""}`}function c(e){if(e>=1e9)return`${(e/1e9).toFixed(2)}B`;if(e>=1e6)return`${(e/1e6).toFixed(1)}M`;return e.toLocaleString()}function v(e,r){return e??`#${r}`}function A(e,r,i){return`${e??`Species ${r}`}${i?", shiny":""}`}function R(e){return e.replace(/([A-Z])/g," $1").toLowerCase()}function F(e){if(e.kind==="item")return R(e.item);return e.tier===null?"fresh egg":`fresh egg (${e.tier}+)`}var te=["rareCandy","mint"],ne=[null,"common","uncommon","rare","legendary"],re=60000,ee=60*re;function T(e,r,i){if(!e)return"egg";if(r===null)return"sleep";let o=i-r;if(o<5*re)return"working";if(o<ee)return"idle";if(o<8*ee)return"tired";return"sleep"}import a from"styled-components";var l={xs:"4px",sm:"8px",md:"12px",lg:"20px",xl:"32px"},H="ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",I=a.section`
   background: var(--panel);
   border: 1px solid var(--rule);
-  border-radius: 6px;
-  padding: 16px;
+  border-radius: 8px;
+  padding: ${l.lg};
   color: var(--ink);
-`,b=s.div`
+`,P=a.h3`
   display: flex;
-  gap: 16px;
+  align-items: center;
+  gap: ${l.md};
+  margin: ${l.xl} 0 ${l.md};
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--ink-dim);
+
+  &::after {
+    content: "";
+    flex: 1;
+    height: 1px;
+    background: var(--rule);
+  }
+`,y=a.div`
+  display: flex;
+  gap: ${l.md};
   align-items: center;
   flex-wrap: wrap;
-`,H=s.img`
+`,p=a.span`
+  color: var(--ink-dim);
+`,G=a.p`
+  color: var(--warn);
+  background: var(--warn-wash);
+  border-radius: 6px;
+  padding: ${l.md};
+  margin: ${l.md} 0 0;
+`,b=a.span`
+  display: inline-flex;
+  align-items: center;
+  gap: ${l.xs};
+  padding: 2px ${l.sm};
+  border: 1px solid var(--rule);
+  border-radius: 999px;
+  font-size: 11px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--ink-dim);
+  white-space: nowrap;
+`,ie=a(b)`
+  border-color: var(--rule-strong);
+  color: var(--ink);
+  font-weight: 600;
+`,C=a.img`
   width: 96px;
   height: 96px;
   image-rendering: pixelated;
   background: var(--panel-sunk);
-  border-radius: 4px;
-`,C=s.div`
+  border: 1px solid var(--rule);
+  border-radius: 6px;
+`,D=a.div`
+  width: 96px;
+  height: 96px;
+  border-radius: 50% 50% 45% 45%;
   background: var(--panel-sunk);
-  border-radius: 3px;
-  height: 8px;
-  overflow: hidden;
-  min-width: 200px;
-`,N=s.div`
-  background: var(--accent);
-  height: 100%;
-  width: ${(t)=>Math.min(100,Math.max(0,t.$pct))}%;
-`,a=s.span`
-  color: var(--ink-dim);
-`,J=s.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
-  gap: 8px;
-  margin-top: 12px;
-`,x=s.button`
+  border: 2px solid var(--rule-strong);
+`,oe=a.div`
+  width: 96px;
+  height: 96px;
+  border-radius: 6px;
+  background: var(--warn-wash);
+  border: 2px dashed var(--warn);
+`,x=a.button`
   background: var(--panel-raised);
   border: 1px solid var(--rule);
-  border-radius: 4px;
+  border-radius: 6px;
   color: var(--ink);
-  padding: 6px 10px;
+  padding: ${l.sm} ${l.md};
+  font: inherit;
   cursor: pointer;
+
+  &:hover:not(:disabled) {
+    border-color: var(--rule-strong);
+  }
+  &:focus-visible {
+    outline: 2px solid var(--accent);
+    outline-offset: 2px;
+  }
+  &[aria-pressed="true"] {
+    background: var(--accent-wash);
+    border-color: var(--accent);
+    color: var(--ink);
+  }
   &:disabled {
     color: var(--ink-faint);
     cursor: not-allowed;
   }
-`,U=s.p`
-  color: var(--warn);
-`,Q=s.figure`
+`,B=a.span`
+  font-family: ${H};
+  font-variant-numeric: tabular-nums;
+`,ae=a.div`
+  display: flex;
+  gap: 3px;
+  min-width: 240px;
+  max-width: 340px;
+`,se=a.div`
+  flex: 1;
+  height: 10px;
+  background: var(--panel-sunk);
+  border: 1px solid var(--rule);
+  border-radius: 3px;
+  overflow: hidden;
+`,q=a.div`
+  height: 100%;
+  background: var(--accent);
+  width: ${(e)=>Math.min(100,Math.max(0,e.$pct))}%;
+  transition: width 480ms ease-out;
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+`,le=a.dl`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${l.xl};
+  margin: ${l.lg} 0 0;
+  padding-top: ${l.lg};
+  border-top: 1px solid var(--rule);
+`,N=a.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`,L=a.dt`
+  font-size: 11px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--ink-faint);
+`,_=a.dd`
+  margin: 0;
+  font-family: ${H};
+  font-variant-numeric: tabular-nums;
+  font-size: 18px;
+  color: var(--ink);
+`,pe=a.div`
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
+  gap: ${l.md};
+`,ue=a.figure`
   margin: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 2px;
-`,j=s.figcaption`
+`,z=a.figcaption`
   color: var(--ink-dim);
   font-size: 11px;
   text-align: center;
-`,W=s.div`
+  overflow-wrap: anywhere;
+`,de=a.div`
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
+  gap: ${l.md};
+`,ce=a.button`
   display: flex;
+  flex-direction: column;
   align-items: center;
-  gap: 8px;
-`,z=s.div`
-  width: 96px;
-  height: 96px;
-  border-radius: 50% 50% 45% 45%;
+  gap: ${l.sm};
+  padding: ${l.md};
   background: var(--panel-raised);
-  border: 2px solid var(--rule-strong);
-`;function B(t,l,d){return`/api/plugins/${t}/sprite/${l}${d?"?shiny=1":""}`}function p(t){if(t>=1e9)return`${(t/1e9).toFixed(2)}B`;if(t>=1e6)return`${(t/1e6).toFixed(1)}M`;return t.toLocaleString()}function S(t){return t.replace(/([A-Z])/g," $1").toLowerCase()}function M(t){if(t.kind==="item")return S(t.item);return t.tier===null?"fresh egg":`fresh egg (${t.tier}+)`}var Y=["rareCandy","mint"],Z=[null,"common","uncommon","rare","legendary"],L=60000,O=60*L;function X(t,l,d){if(!t)return"egg";if(l===null)return"sleep";let g=d-l;if(g<5*L)return"working";if(g<O)return"idle";if(g<8*O)return"tired";return"sleep"}function ee({pluginId:t,api:l}){let[d,g]=f(""),[u,V]=f(""),[m,F]=f(null),A=G(),k=K({queryKey:["companion",u],queryFn:()=>l.get(`keys/${u}`),enabled:u!==""}),[T,h]=f(null),E=_({mutationFn:(e)=>l.post(`keys/${u}/purchase`,e),onMutate:()=>h(null),onError:(e)=>h(e instanceof Error?e.message:"the purchase was refused"),onSuccess:()=>A.invalidateQueries({queryKey:["companion",u]})}),v=_({mutationFn:(e)=>l.post(`keys/${u}/use`,{item:e}),onMutate:()=>h(null),onError:(e)=>h(e instanceof Error?e.message:"the item could not be used"),onSuccess:()=>A.invalidateQueries({queryKey:["companion",u]})});if(u==="")return r(c,{children:[n("h2",{children:"Companion"}),n("p",{children:n(a,{children:"Each API key raises its own Pokémon. Enter a key id to see it."})}),r("form",{onSubmit:(e)=>{e.preventDefault(),V(d.trim())},children:[n("input",{"aria-label":"API key id",onChange:(e)=>g(e.target.value),placeholder:"key id",value:d}),n(x,{type:"submit",children:"Show"})]})]});if(k.isPending)return n(c,{children:"Loading…"});if(k.isError)return n(c,{children:"No companion for that key yet."});let i=k.data;if(i.state===null)return r(c,{children:[n("h2",{children:"Companion"}),n(U,{children:"This key's save could not be read. It has been left untouched rather than replaced — nothing has been lost, but it needs looking at."})]});let{active:o}=i.state,y=o===null?null:o.plannedPath[o.stageIndex],R=X(o!==null,i.lastCreditAt,Date.now()),D=Object.entries(i.state.inventory).filter(([,e])=>e>0),I=m===null?i.dex:i.dex.filter((e)=>e.rarity===m);return r(c,{children:[n("h2",{children:"Companion"}),r(b,{children:[y===void 0||y===null?n(z,{"aria-label":"An egg, not yet hatched",role:"img"}):n(H,{alt:`Species ${y}${o?.isShiny===!0?", shiny":""}`,src:B(t,y,o?.isShiny===!0)}),r("div",{children:[o===null?r(P,{children:[r("div",{children:["Egg",i.state.eggTier===null?"":` (${i.state.eggTier}+ guaranteed)`]}),r(a,{children:[p(i.progress)," / ",p(i.nextThreshold)," tokens incubated"]}),n(C,{"aria-label":"Incubation",children:n(N,{$pct:i.progress/Math.max(1,i.nextThreshold)*100})})]}):r(P,{children:[r("div",{children:["Stage ",o.stageIndex+1," of ",o.plannedPath.length," · ",o.rarity,o.isShiny?" · shiny":"",o.dittoDisguise===null?"":" · ?"]}),n(a,{children:o.nature}),n(C,{"aria-label":"Growth to the next evolution",children:n(N,{$pct:i.progress/Math.max(1,i.nextThreshold)*100})}),r(a,{children:[p(i.progress)," / ",p(i.nextThreshold)," to the next stage"]})]}),n("div",{"aria-label":`Activity: ${R}`,role:"status",children:R})]})]}),n("p",{children:r(a,{children:[p(i.tokensTotal)," tokens earned · ",p(i.wallet)," to spend"]})}),n("h3",{children:"Shop"}),n(b,{children:i.shop.map((e)=>r(x,{disabled:i.wallet<e.price||E.isPending,onClick:()=>E.mutate(e.entry),type:"button",children:[M(e.entry)," · ",p(e.price)]},`${e.entry.kind}:${M(e.entry)}`))}),n("h3",{children:"Bag"}),D.length===0?n(a,{children:"Nothing in the bag."}):n(b,{children:D.map(([e,q])=>r(W,{children:[r("span",{children:[S(e)," · ",q]}),Y.includes(e)?r(x,{disabled:v.isPending,onClick:()=>v.mutate(e),type:"button",children:["Use ",S(e)]}):n(a,{children:"held"})]},e))}),T===null?null:n(U,{role:"alert",children:T}),n("h3",{children:"Pokédex"}),i.dex.length===0?n(a,{children:"Nothing graduated yet."}):r(P,{children:[n(b,{children:Z.map((e)=>n(x,{"aria-pressed":m===e,onClick:()=>F(e),type:"button",children:e??"all"},e??"all"))}),I.length===0?r(a,{children:["No ",m," graduates yet."]}):n(J,{children:I.map((e)=>r(Q,{children:[n("img",{alt:`${e.rarity}${e.isShiny?" shiny":""} species ${e.finalId}`,src:B(t,e.finalId,e.isShiny),style:{width:"64px",height:"64px",imageRendering:"pixelated"}}),e.nature===null?null:n(j,{children:e.nature})]},e.id))})]})]})}var ke=w({mount:ee});export{X as activityOf,ke as default};
+  border: 1px solid var(--rule);
+  border-radius: 8px;
+  color: var(--ink);
+  font: inherit;
+  cursor: pointer;
+  text-align: center;
+
+  &:hover {
+    border-color: var(--rule-strong);
+  }
+  &:focus-visible {
+    outline: 2px solid var(--accent);
+    outline-offset: 2px;
+  }
+`,K=a.span`
+  font-family: ${H};
+  font-size: 12px;
+  color: var(--ink-dim);
+  overflow-wrap: anywhere;
+`,ge=a.div`
+  display: flex;
+  align-items: center;
+  gap: ${l.sm};
+  padding: ${l.sm} ${l.md};
+  background: var(--panel-sunk);
+  border-radius: 6px;
+`;import{jsx as U,jsxs as me}from"react/jsx-runtime";function fe({inventory:e,onUse:r,pending:i}){let o=Object.entries(e).filter(([,t])=>t>0);if(o.length===0)return U(p,{children:"Nothing in the bag."});return U(y,{children:o.map(([t,n])=>me(ge,{children:[U("span",{children:`${R(t)} · ${n}`}),te.includes(t)?me(x,{disabled:i,onClick:()=>r(t),type:"button",children:["Use ",R(t)]}):U(p,{children:"held"})]},t))})}import{useState as $e}from"react";import{jsx as S,jsxs as J,Fragment as Ie}from"react/jsx-runtime";function he({entries:e,pluginId:r}){let[i,o]=$e(null);if(e.length===0)return S(p,{children:"Nothing graduated yet."});let t=i===null?e:e.filter((n)=>n.rarity===i);return J(Ie,{children:[S(y,{children:ne.map((n)=>S(x,{"aria-pressed":i===n,onClick:()=>o(n),type:"button",children:n??"all"},n??"all"))}),t.length===0?J(p,{children:["No ",i," graduates yet."]}):S(pe,{children:t.map((n)=>J(ue,{children:[S("img",{alt:`${n.rarity}${n.isShiny?" shiny":""} ${n.name??`species ${n.finalId}`}`,src:w(r,n.finalId,n.isShiny),style:{width:"64px",height:"64px",imageRendering:"pixelated"}}),S(z,{children:v(n.name,n.finalId)}),n.nature===null?null:S(z,{children:n.nature})]},n.id))})]})}import{jsx as Q,jsxs as Ee}from"react/jsx-runtime";function W({stages:e,stageIndex:r,progress:i,threshold:o,label:t,valueText:n}){let f=i/Math.max(1,o)*100;return Q(ae,{"aria-label":t,"aria-valuemax":o,"aria-valuemin":0,"aria-valuenow":i,"aria-valuetext":n,role:"progressbar",children:Array.from({length:Math.max(1,e)},(s,k)=>Ee(se,{children:[k<r?Q(q,{$pct:100}):null,k===r?Q(q,{$pct:f}):null]},k))})}function ye(e,r,i,o){return`stage ${r+1} of ${e}, ${c(i)} of ${c(o)} tokens`}import{jsx as g,jsxs as m,Fragment as M}from"react/jsx-runtime";function xe({view:e,activity:r,pluginId:i}){let o=e.state;if(o===null)return null;let{active:t}=o,n=t===null?null:t.plannedPath[t.stageIndex]??null;return m(M,{children:[m(y,{children:[n===null?g(D,{"aria-label":"An egg, not yet hatched",role:"img"}):g(C,{alt:A(e.name,n,t?.isShiny===!0),src:w(i,n,t?.isShiny===!0)}),m("div",{children:[g("h3",{children:n===null?"Egg":v(e.name,n)}),m(y,{children:[t===null?o.eggTier===null?null:m(b,{children:[o.eggTier,"+ guaranteed"]}):m(M,{children:[g(b,{children:t.rarity}),t.isShiny?m(ie,{children:[g("span",{"aria-hidden":"true",children:"✦"}),"shiny"]}):null,g(b,{children:t.nature}),t.dittoDisguise===null?null:g(b,{children:"?"})]}),g(b,{"aria-label":`Activity: ${r}`,role:"status",children:r})]}),t===null?m(M,{children:[g(W,{label:"Incubation",progress:e.progress,stageIndex:0,stages:1,threshold:e.nextThreshold,valueText:`${c(e.progress)} of ${c(e.nextThreshold)} tokens incubated`}),m(p,{children:[c(e.progress)," / ",c(e.nextThreshold)," tokens incubated"]})]}):m(M,{children:[g(W,{label:"Growth to the next evolution",progress:e.progress,stageIndex:t.stageIndex,stages:t.plannedPath.length,threshold:e.nextThreshold,valueText:ye(t.plannedPath.length,t.stageIndex,e.progress,e.nextThreshold)}),m(p,{children:["Stage ",t.stageIndex+1," of ",t.plannedPath.length]}),m(p,{children:[c(e.progress)," / ",c(e.nextThreshold)," to the next stage"]})]})]})]}),m(le,{children:[m(N,{children:[g(L,{children:"Earned"}),g(_,{children:c(e.tokensTotal)})]}),m(N,{children:[g(L,{children:"To spend"}),g(_,{children:c(e.wallet)})]}),m(N,{children:[g(L,{children:"Graduated"}),g(_,{children:e.dex.length.toLocaleString()})]})]})]})}import{useState as Ae}from"react";import{jsx as u,jsxs as O}from"react/jsx-runtime";function be({keys:e,onPick:r,pluginId:i,rosterFailed:o}){let[t,n]=Ae("");return O(I,{children:[u("h2",{children:"Companion"}),u("p",{children:u(p,{children:"Each API key raises its own Pokémon on the tokens it spends. Pick a key."})}),e.length>0?u(de,{children:e.map((f)=>u(Re,{entry:f,onPick:r,pluginId:i},f.apiKeyId))}):u(p,{children:o?"The list of keys could not be loaded. Enter a key id below to reach a companion directly.":"No key has spent a token yet. A companion appears the first time a key serves a request."}),u(P,{children:"Or by key id"}),u("form",{onSubmit:(f)=>{f.preventDefault();let s=t.trim();if(s!=="")r(s)},children:O(y,{children:[u("input",{"aria-label":"API key id",onChange:(f)=>n(f.target.value),placeholder:"key id",value:t}),u(x,{type:"submit",children:"Show"})]})})]})}function Re({entry:e,onPick:r,pluginId:i}){let o=T(e.speciesId!==null,e.lastCreditAt,Date.now());return O(ce,{onClick:()=>r(e.apiKeyId),type:"button",children:[e.unreadable?u(oe,{"aria-label":"This key's save could not be read",role:"img"}):e.speciesId===null?u(D,{"aria-label":"An egg, not yet hatched",role:"img"}):u(C,{alt:A(e.name,e.speciesId,e.isShiny),src:w(i,e.speciesId,e.isShiny)}),u("strong",{children:e.unreadable?"Save unreadable":e.speciesId===null?"Egg":v(e.name,e.speciesId)}),e.rarity===null?null:u(b,{children:e.rarity}),u(K,{children:e.apiKeyId}),O(p,{children:[u(B,{children:c(e.tokensTotal)}),e.unreadable?null:` · ${o}`]})]})}import{jsx as ke,jsxs as Ce}from"react/jsx-runtime";function Se({offers:e,wallet:r,onBuy:i,pending:o}){return ke(y,{children:e.map((t)=>Ce(x,{disabled:r<t.price||o,onClick:()=>i(t.entry),type:"button",children:[F(t.entry)," · ",ke(B,{children:c(t.price)})]},`${t.entry.kind}:${F(t.entry)}`))})}import{jsx as d,jsxs as Y,Fragment as _e}from"react/jsx-runtime";var Be=15000;function Ne({pluginId:e,api:r}){let[i,o]=Pe({at:"start"}),t=De(),n=ve({queryKey:["roster"],queryFn:()=>r.get("keys")}),f=n.data?.keys??[];if(i.at==="start"&&!n.isPending){let h=f.length===1?f[0]:void 0;o(h===void 0?{at:"roster"}:{at:"key",apiKeyId:h.apiKeyId})}let s=i.at==="key"?i.apiKeyId:null,k=ve({queryKey:["companion",s],queryFn:()=>r.get(`keys/${s}`),enabled:s!==null,refetchInterval:Be}),[Te,E]=Pe(null),Z=()=>{t.invalidateQueries({queryKey:["companion",s]}),t.invalidateQueries({queryKey:["roster"]})},X=we({mutationFn:(h)=>r.post(`keys/${s}/purchase`,h),onMutate:()=>E(null),onError:(h)=>E(h instanceof Error?h.message:"the purchase was refused"),onSuccess:Z}),j=we({mutationFn:(h)=>r.post(`keys/${s}/use`,{item:h}),onMutate:()=>E(null),onError:(h)=>E(h instanceof Error?h.message:"the item could not be used"),onSuccess:Z});if(n.isPending)return d(I,{children:"Loading…"});if(s===null)return d(be,{keys:f,onPick:(h)=>o({at:"key",apiKeyId:h}),pluginId:e,rosterFailed:n.isError});return Y(I,{children:[Y(y,{children:[d("h2",{children:"Companion"}),d(K,{children:s}),d(x,{onClick:()=>o({at:"roster"}),type:"button",children:"All keys"})]}),d(Le,{buy:X.mutate,buying:X.isPending,keyId:s,onUse:j.mutate,pluginId:e,query:k,refusal:Te,using:j.isPending})]})}function Le({query:e,pluginId:r,buy:i,onUse:o,buying:t,using:n,refusal:f}){if(e.isPending)return d(p,{children:"Loading…"});if(e.isError||e.data===void 0)return d(p,{children:"No companion for that key yet."});let s=e.data;if(s.state===null)return d(G,{children:"This key's save could not be read. It has been left untouched rather than replaced — nothing has been lost, but it needs looking at."});let k=T(s.state.active!==null,s.lastCreditAt,Date.now());return Y(_e,{children:[d(xe,{activity:k,pluginId:r,view:s}),d(P,{children:"Shop"}),d(Se,{offers:s.shop,onBuy:i,pending:t,wallet:s.wallet}),d(P,{children:"Bag"}),d(fe,{inventory:s.state.inventory,onUse:o,pending:n}),f===null?null:d(G,{role:"alert",children:f}),d(P,{children:"Pokédex"}),d(he,{entries:s.dex,pluginId:r})]})}var Ut=V({mount:Ne});export{T as activityOf,Ut as default};