@lunora/studio 1.0.0-alpha.253 → 1.0.0-alpha.254
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.mjs +1 -1
- package/dist/mount.d.mts +2 -2
- package/dist/mount.d.ts +2 -2
- package/dist/mount.mjs +1 -1
- package/dist/packem_chunks/analytics-panel.mjs +1 -1
- package/dist/packem_chunks/kv-browser.mjs +1 -1
- package/dist/packem_shared/{Studio-BboteWG5.mjs → Studio-D2BDkB20.mjs} +1 -1
- package/dist/packem_shared/{StudioApp-DkjIpaM2.mjs → StudioApp-IeTX2moM.mjs} +1 -1
- package/dist/packem_shared/{app.d-BbmO2HA2.d.mts → app.d-BIfsPhiH.d.mts} +29 -20
- package/dist/packem_shared/{app.d-BbmO2HA2.d.ts → app.d-BIfsPhiH.d.ts} +29 -20
- package/dist/packem_shared/{studio-CrypdTyE.mjs → studio-ySYj-BsV.mjs} +1 -1
- package/dist/standalone/{chunk-4AEDEH4N.js → chunk-22BBGCHO.js} +1 -1
- package/dist/standalone/{chunk-53LKOQDM.js → chunk-236GHAHX.js} +1 -1
- package/dist/standalone/{chunk-53Y7EFGP.js → chunk-36SHCQOV.js} +1 -1
- package/dist/standalone/{chunk-7QZD4FIN.js → chunk-3HLT7EQR.js} +1 -1
- package/dist/standalone/{chunk-HMKK67BS.js → chunk-3M5DIK2H.js} +1 -1
- package/dist/standalone/{chunk-5I4NV7TE.js → chunk-44NITJRA.js} +1 -1
- package/dist/standalone/{chunk-NBUWHHPP.js → chunk-4ALGJHGT.js} +1 -1
- package/dist/standalone/{chunk-U4WB63TO.js → chunk-4S4HJOW4.js} +1 -1
- package/dist/standalone/{chunk-GVDF4QAU.js → chunk-5KQPYU7I.js} +1 -1
- package/dist/standalone/{chunk-74RT22BT.js → chunk-5WHNC53N.js} +1 -1
- package/dist/standalone/{chunk-MKZYJ65Z.js → chunk-7IV6BZTQ.js} +2 -2
- package/dist/standalone/{chunk-GM7LDDWK.js → chunk-C6P2S732.js} +1 -1
- package/dist/standalone/{chunk-HUOGYHXV.js → chunk-DMNR5ITO.js} +1 -1
- package/dist/standalone/{chunk-ROGQPJ4L.js → chunk-DNCT2VWJ.js} +1 -1
- package/dist/standalone/{chunk-6ERSYCEW.js → chunk-DTOAMMQF.js} +1 -1
- package/dist/standalone/{chunk-KWPDBD27.js → chunk-EGVOSH7K.js} +1 -1
- package/dist/standalone/{chunk-YKSWE7OX.js → chunk-EXOWNDCL.js} +1 -1
- package/dist/standalone/{chunk-Q2FOYC2S.js → chunk-FUHBEF6J.js} +1 -1
- package/dist/standalone/{chunk-KEFNPKAS.js → chunk-G3CZ2FAC.js} +1 -1
- package/dist/standalone/{chunk-RTQH3CLC.js → chunk-GFQSMB25.js} +1 -1
- package/dist/standalone/{chunk-GIFP2N7C.js → chunk-H6WXBORU.js} +1 -1
- package/dist/standalone/{chunk-MKJUUAAK.js → chunk-HCGXKDHF.js} +1 -1
- package/dist/standalone/{chunk-G7Z4HZIT.js → chunk-HVAGAMHZ.js} +1 -1
- package/dist/standalone/{chunk-MJILWFMR.js → chunk-HZQ627G2.js} +1 -1
- package/dist/standalone/{chunk-R3SCD7RN.js → chunk-I7H22G4D.js} +1 -1
- package/dist/standalone/{chunk-GX3QQYLP.js → chunk-IAL3CXYI.js} +1 -1
- package/dist/standalone/{chunk-CVTLLAY3.js → chunk-IGNYTJPT.js} +1 -1
- package/dist/standalone/{chunk-HDQVW357.js → chunk-ILVYBIS4.js} +1 -1
- package/dist/standalone/{chunk-6XVS5E2V.js → chunk-IPBXA3JQ.js} +1 -1
- package/dist/standalone/{chunk-ZC7PEE7U.js → chunk-IRQNBAYI.js} +1 -1
- package/dist/standalone/{chunk-YNZFKLPN.js → chunk-IUIVHYT6.js} +1 -1
- package/dist/standalone/{chunk-6CWPRJSL.js → chunk-JOGSIIY2.js} +1 -1
- package/dist/standalone/{chunk-VNYLSVUI.js → chunk-KGF3ZXRT.js} +1 -1
- package/dist/standalone/{chunk-YPCE6PA2.js → chunk-LPT6MHEY.js} +1 -1
- package/dist/standalone/{chunk-74EIO2CR.js → chunk-M23RGNY6.js} +1 -1
- package/dist/standalone/{chunk-EAAMOD4H.js → chunk-N2U3OE4N.js} +1 -1
- package/dist/standalone/{chunk-OSNN45HG.js → chunk-NKZCEQJ7.js} +1 -1
- package/dist/standalone/{chunk-JDV2PJCW.js → chunk-NSWDULEE.js} +1 -1
- package/dist/standalone/{chunk-T3YCHLB2.js → chunk-NT2ZOFRF.js} +1 -1
- package/dist/standalone/{chunk-4WIUHAE2.js → chunk-NYFJOVIA.js} +1 -1
- package/dist/standalone/{chunk-DC5NZ4KK.js → chunk-NZSVJLGE.js} +1 -1
- package/dist/standalone/{chunk-C6YEKTN7.js → chunk-OJE7SI3H.js} +1 -1
- package/dist/standalone/{chunk-QV6JP2PA.js → chunk-OTH4FYM7.js} +1 -1
- package/dist/standalone/{chunk-MCEAVPRJ.js → chunk-PFIUSVS6.js} +1 -1
- package/dist/standalone/{chunk-6XTZUXJH.js → chunk-QSIQCK3O.js} +1 -1
- package/dist/standalone/chunk-RDL5WK55.js +15 -0
- package/dist/standalone/{chunk-HQ5ZPWU7.js → chunk-RJQMO2EF.js} +1 -1
- package/dist/standalone/{chunk-XHKHSSWH.js → chunk-RKOBPURU.js} +1 -1
- package/dist/standalone/{chunk-WSFB5CVR.js → chunk-SOEZNQ3W.js} +1 -1
- package/dist/standalone/{chunk-4XMRGSVP.js → chunk-SRCY6GJN.js} +1 -1
- package/dist/standalone/{chunk-FBBNGZL5.js → chunk-TIYUHTB3.js} +1 -1
- package/dist/standalone/chunk-U7E33WOM.js +1 -0
- package/dist/standalone/{chunk-KDYE6ZK7.js → chunk-V34AI5VV.js} +1 -1
- package/dist/standalone/{chunk-ZUSBAE66.js → chunk-VNGJA3DB.js} +1 -1
- package/dist/standalone/{chunk-KTVA7QGL.js → chunk-VUPEFCIO.js} +1 -1
- package/dist/standalone/{chunk-SVGUDWRN.js → chunk-VVQ64OES.js} +1 -1
- package/dist/standalone/{chunk-DCEVZ5SF.js → chunk-WOY4G5ON.js} +1 -1
- package/dist/standalone/{chunk-V6NBVW36.js → chunk-XC734N2Q.js} +1 -1
- package/dist/standalone/{chunk-2UOEZKKN.js → chunk-YDLEJGBK.js} +1 -1
- package/dist/standalone/{chunk-OUMA3F34.js → chunk-YLPFIPVU.js} +1 -1
- package/dist/standalone/{chunk-Y64VAS6F.js → chunk-YNI4SIWY.js} +1 -1
- package/dist/standalone/{chunk-DYHRQNXF.js → chunk-Z3S3I4CF.js} +1 -1
- package/dist/standalone/{chunk-ZHL5GL7H.js → chunk-ZD2UXTLR.js} +1 -1
- package/dist/standalone/{chunk-65U7JVWO.js → chunk-ZFXRRVWV.js} +1 -1
- package/dist/standalone/{chunk-5GCFO4EV.js → chunk-ZOBBA5XA.js} +1 -1
- package/dist/standalone/studio.js +1 -1
- package/package.json +6 -6
- package/dist/standalone/chunk-4P5BZT63.js +0 -15
- package/dist/standalone/chunk-DGBGXHZJ.js +0 -1
package/dist/mount.d.mts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Root } from 'react-dom/client';
|
|
2
|
-
import { S as StudioAppProps } from "./packem_shared/app.d-
|
|
2
|
+
import { S as StudioAppProps } from "./packem_shared/app.d-BIfsPhiH.mjs";
|
|
3
3
|
import '@lunora/client';
|
|
4
4
|
import 'react';
|
|
5
5
|
import '@lingui/core';
|
|
6
|
-
import '@lunora/bindings/analytics';
|
|
6
|
+
import '@lunora/bindings/analytics-sql';
|
|
7
7
|
interface MountStudioOptions extends StudioAppProps {
|
|
8
8
|
/**
|
|
9
9
|
* The container to mount into. Accepts an element or a selector; defaults to
|
package/dist/mount.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Root } from 'react-dom/client';
|
|
2
|
-
import { S as StudioAppProps } from "./packem_shared/app.d-
|
|
2
|
+
import { S as StudioAppProps } from "./packem_shared/app.d-BIfsPhiH.js";
|
|
3
3
|
import '@lunora/client';
|
|
4
4
|
import 'react';
|
|
5
5
|
import '@lingui/core';
|
|
6
|
-
import '@lunora/bindings/analytics';
|
|
6
|
+
import '@lunora/bindings/analytics-sql';
|
|
7
7
|
interface MountStudioOptions extends StudioAppProps {
|
|
8
8
|
/**
|
|
9
9
|
* The container to mount into. Accepts an element or a selector; defaults to
|
package/dist/mount.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{LunoraError as m}from"@lunora/errors";import{createRoot as i}from"react-dom/client";import{StudioApp as p}from"./packem_shared/StudioApp-
|
|
1
|
+
import{LunoraError as m}from"@lunora/errors";import{createRoot as i}from"react-dom/client";import{StudioApp as p}from"./packem_shared/StudioApp-IeTX2moM.mjs";import{jsx as u}from"react/jsx-runtime";const a=(n={})=>{const{container:o="#root",...e}=n,t=typeof o=="string"?document.querySelector(o):o;if(t===null)throw new m("INTERNAL",`mountStudio: container ${typeof o=="string"?o:"element"} not found`);const r=i(t);return r.render(u(p,{...e})),r};export{a as mountStudio};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as
|
|
1
|
+
import{c as A}from"react/compiler-runtime";import{useState as L,useCallback as S,useEffect as E}from"react";import{C}from"../packem_shared/card-By2O8ULa.mjs";import{E as P}from"../packem_shared/empty-state-D7jEML_T.mjs";import{T as j,a as I,b as x,d as M,e as q,c as H}from"../packem_shared/table-D0SBiDu-.mjs";import{useT as T}from"../packem_shared/DEFAULT_LOCALE-A1Yg5ORA.mjs";import{b as O,f as R,k as _}from"../packem_shared/internal-Df43vQI0.mjs";import{jsx as n,jsxs as g}from"react/jsx-runtime";const w={volume:"Request volume per function",latency:"Latency p50 / p95 per function",hotShards:"Hot shards"},b=Object.keys(w),N={error:null,loading:!0,rows:null},B=s=>Object.keys(s[0]??{}),V=s=>{const e=A(22),{state:f,title:o}=s,l=T(),{error:t,loading:a,rows:r}=f;let c;if(e[0]!==t||e[1]!==a||e[2]!==r||e[3]!==l||e[4]!==o){const h=r===null?[]:B(r);let i;e[6]!==l||e[7]!==o?(i=l(o),e[6]=l,e[7]=o,e[8]=i):i=e[8];let d;e[9]!==i?(d=n("header",{className:"border-b border-border px-4 py-3",children:n("span",{className:"font-mono text-[11px] tracking-wide text-muted-foreground uppercase",children:i})}),e[9]=i,e[10]=d):d=e[10];let u;e[11]!==a||e[12]!==l?(u=a&&n("p",{className:"px-4 py-8 text-center text-sm text-muted-foreground","data-testid":"analytics-loading",children:l("Loading…")}),e[11]=a,e[12]=l,e[13]=u):u=e[13];let p;e[14]!==t||e[15]!==a?(p=!a&&t!==null&&n("p",{className:"px-4 py-8 text-center text-sm text-destructive","data-testid":"analytics-error",role:"alert",children:t}),e[14]=t,e[15]=a,e[16]=p):p=e[16];let m;e[17]!==t||e[18]!==a||e[19]!==r||e[20]!==l?(m=!a&&t===null&&r!==null&&r.length===0&&n("p",{className:"px-4 py-8 text-center text-sm text-muted-foreground","data-testid":"analytics-empty-rows",children:l("No data points yet.")}),e[17]=t,e[18]=a,e[19]=r,e[20]=l,e[21]=m):m=e[21],c=g(C,{className:"gap-0 py-0","data-testid":`analytics-panel-${o}`,children:[d,u,p,m,!a&&t===null&&r!==null&&r.length>0&&g(j,{children:[n(I,{children:n(x,{children:h.map($)})}),n(M,{children:r.map((v,k)=>n(x,{children:h.map(y=>n(q,{className:"font-mono text-xs",children:_(v[y])},y))},k))})]})]}),e[0]=t,e[1]=a,e[2]=r,e[3]=l,e[4]=o,e[5]=c}else c=e[5];return c},X=({runQuery:s}={})=>{const e=T(),[f,o]=L({}),l=S(async t=>{if(s!==void 0)for(const a of b){if(t.cancelled)return;o(r=>({...r,[a]:N}));try{const{rows:r}=await s(a);t.cancelled||o(c=>({...c,[a]:{error:null,loading:!1,rows:r}}))}catch(r){t.cancelled||o(c=>({...c,[a]:{error:O(r),loading:!1,rows:null}}))}}},[s]);return E(()=>{const t={cancelled:!1};return R(l(t)),()=>{t.cancelled=!0}},[l]),s===void 0?n(P,{description:e("Analytics usage panels read through your worker, never from the browser. Pass studio.analyticsSqlQuery, a runner that calls an admin-only action running functionUsageQuery(panel) through ctx.analyticsSql, to enable these panels."),icon:n("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:n("path",{d:"M5 20V10m6.5 10V4M18 20v-7M3 20h18"})}),testId:"analytics-not-configured",title:e("Analytics usage panels are not wired up.")}):n("div",{className:"flex flex-col gap-4","data-testid":"lunora-analytics-panel",children:b.map(t=>n(V,{state:f[t]??N,title:w[t]},t))})};function $(s){return n(H,{children:s},s)}export{X as AnalyticsPanel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useLunora as ee}from"@lunora/react";import{useState as Z,useReducer as le,useEffect as ae}from"react";import{C as ve,a as fe}from"../packem_shared/card-By2O8ULa.mjs";import{E as Ee}from"../packem_shared/empty-state-D7jEML_T.mjs";import{T as pe,a as he,b as X,c as q,d as ye,e as Q}from"../packem_shared/table-D0SBiDu-.mjs";import{useT as G}from"../packem_shared/DEFAULT_LOCALE-A1Yg5ORA.mjs";import{f as H,b as R,m as Fe,g as se}from"../packem_shared/internal-Df43vQI0.mjs";import{B as P}from"../packem_shared/button-q0UYSmrn.mjs";import{C as ne}from"../packem_shared/checkbox-CnS9cyCz.mjs";import{I as re}from"../packem_shared/input-CXhxesPC.mjs";import{b as ie,c as de,d as oe,e as ce}from"../packem_shared/studio-CrypdTyE.mjs";import{c as te}from"react/compiler-runtime";import{L as W}from"../packem_shared/label-DKFzyHq6.mjs";import{T as ke}from"../packem_shared/textarea--40GKAyz.mjs";import{c as Ke,S as Ve,a as Ie,b as _e,d as Me}from"../packem_shared/select-DPyS18Vy.mjs";import{jsx as r,jsxs as w,Fragment as be}from"react/jsx-runtime";import{B as Le}from"../packem_shared/badge-r_5B4LHP.mjs";const Be=l=>{const e=l.trim();if(e==="")return;const s=Number(e);return Number.isFinite(s)&&s>0?Math.floor(s):void 0},Oe=l=>l===void 0?"—":new Date(l*1e3).toISOString(),Ae=l=>new TextEncoder().encode(l).length,ge=l=>{if(l.trim()!=="")try{return JSON.stringify(JSON.parse(l),void 0,2)}catch{return}},xe=l=>{if(l.trim()==="")return!0;try{return JSON.parse(l),!0}catch{return!1}},Ne=[{key:"seconds",seconds:1},{key:"minutes",seconds:60},{key:"hours",seconds:3600},{key:"days",seconds:86400}],ue=(l,e)=>{const s=l.trim();if(s==="")return"";const c=Number(s),i=Ne.find(v=>v.key===e)?.seconds??1;return Number.isFinite(c)&&c>0?String(Math.round(c*i)):s},Ce=l=>{const e=l.trim();if(e==="")return!0;const s=Number(e);return Number.isInteger(s)&&s>=60},Se=(l,e,s,c)=>{const i=Be(l.ttl);return{expiration:i===void 0?c:void 0,expirationTtl:i,key:e,metadata:l.metadata.trim()===""?void 0:JSON.parse(l.metadata),namespace:s,value:l.value}},we=l=>{const e=te(60),{helper:s,id:c,invalid:i,onChange:v,testId:d}=l,t=G(),[a,f]=Z(""),[o,g]=Z("seconds");let k;e[0]!==v||e[1]!==o?(k=b=>{f(b.target.value),v(ue(b.target.value,o))},e[0]=v,e[1]=o,e[2]=k):k=e[2];const L=k;let K;e[3]!==a||e[4]!==v?(K=b=>{b!==null&&(g(b),v(ue(a,b)))},e[3]=a,e[4]=v,e[5]=K):K=e[5];const V=K;let p;e[6]!==t?(p=t("days"),e[6]=t,e[7]=p):p=e[7];let m;e[8]!==t?(m=t("hours"),e[8]=t,e[9]=m):m=e[9];let h;e[10]!==t?(h=t("minutes"),e[10]=t,e[11]=h):h=e[11];let x;e[12]!==t?(x=t("seconds"),e[12]=t,e[13]=x):x=e[13];let N;e[14]!==p||e[15]!==m||e[16]!==h||e[17]!==x?(N={days:p,hours:m,minutes:h,seconds:x},e[14]=p,e[15]=m,e[16]=h,e[17]=x,e[18]=N):N=e[18];const C=N;let y;e[19]!==t?(y=t("Expires after"),e[19]=t,e[20]=y):y=e[20];let S;e[21]!==c||e[22]!==y?(S=r(W,{className:"text-xs",htmlFor:c,children:y}),e[21]=c,e[22]=y,e[23]=S):S=e[23];let F;e[24]!==t?(F=t("No expiration"),e[24]=t,e[25]=F):F=e[25];let O;e[26]!==a||e[27]!==c||e[28]!==i||e[29]!==L||e[30]!==F||e[31]!==d?(O=r(re,{"aria-invalid":i,className:"flex-1","data-testid":d,id:c,inputMode:"numeric",onChange:L,placeholder:F,value:a}),e[26]=a,e[27]=c,e[28]=i,e[29]=L,e[30]=F,e[31]=d,e[32]=O):O=e[32];let I;e[33]!==t?(I=t("TTL unit"),e[33]=t,e[34]=I):I=e[34];const D=`${d}-unit`;let A;e[35]===Symbol.for("react.memo_cache_sentinel")?(A=r(Ve,{}),e[35]=A):A=e[35];let _;e[36]!==I||e[37]!==D?(_=r(Ie,{"aria-label":I,className:"w-[7.5rem]","data-testid":D,children:A}),e[36]=I,e[37]=D,e[38]=_):_=e[38];let n;e[39]!==C?(n=Ne.map(b=>r(Ke,{value:b.key,children:C[b.key]},b.key)),e[39]=C,e[40]=n):n=e[40];let u;e[41]!==n?(u=r(_e,{children:n}),e[41]=n,e[42]=u):u=e[42];let T;e[43]!==V||e[44]!==_||e[45]!==u||e[46]!==o?(T=w(Me,{onValueChange:V,value:o,children:[_,u]}),e[43]=V,e[44]=_,e[45]=u,e[46]=o,e[47]=T):T=e[47];let M;e[48]!==O||e[49]!==T?(M=w("div",{className:"flex gap-2",children:[O,T]}),e[48]=O,e[49]=T,e[50]=M):M=e[50];let E;e[51]!==s||e[52]!==i||e[53]!==t||e[54]!==d?(E=i?r("p",{className:"text-xs text-destructive","data-testid":`${d}-invalid`,children:t("TTL must be at least 60 seconds.")}):s!==void 0&&r("p",{className:"text-xs text-muted-foreground",children:s}),e[51]=s,e[52]=i,e[53]=t,e[54]=d,e[55]=E):E=e[55];let B;return e[56]!==M||e[57]!==E||e[58]!==S?(B=w("div",{className:"mb-3 grid gap-1",children:[S,M,E]}),e[56]=M,e[57]=E,e[58]=S,e[59]=B):B=e[59],B},Te=l=>{const e=te(36),{id:s,invalidTestId:c,onChange:i,testId:v,valid:d,value:t}=l,a=G();let f;e[0]!==t?(f=ge(t),e[0]=t,e[1]=f):f=e[1];const o=f;let g;e[2]!==a?(g=a("Metadata (JSON)"),e[2]=a,e[3]=g):g=e[3];let k;e[4]!==s||e[5]!==g?(k=r(W,{className:"text-xs",htmlFor:s,children:g}),e[4]=s,e[5]=g,e[6]=k):k=e[6];const L=`${v}-format`,K=o===void 0;let V;e[7]!==o||e[8]!==i?(V=()=>{o!==void 0&&i(o)},e[7]=o,e[8]=i,e[9]=V):V=e[9];let p;e[10]!==a?(p=a("Format JSON"),e[10]=a,e[11]=p):p=e[11];let m;e[12]!==L||e[13]!==K||e[14]!==V||e[15]!==p?(m=r(P,{"data-testid":L,disabled:K,onClick:V,size:"sm",variant:"outline",children:p}),e[12]=L,e[13]=K,e[14]=V,e[15]=p,e[16]=m):m=e[16];let h;e[17]!==k||e[18]!==m?(h=w("div",{className:"flex items-center justify-between gap-2",children:[k,m]}),e[17]=k,e[18]=m,e[19]=h):h=e[19];const x=!d;let N;e[20]!==i?(N=F=>{i(F.target.value)},e[20]=i,e[21]=N):N=e[21];let C;e[22]!==s||e[23]!==x||e[24]!==N||e[25]!==v||e[26]!==t?(C=r(ke,{"aria-invalid":x,className:"min-h-[4rem] font-mono text-xs","data-testid":v,id:s,onChange:N,value:t}),e[22]=s,e[23]=x,e[24]=N,e[25]=v,e[26]=t,e[27]=C):C=e[27];let y;e[28]!==c||e[29]!==a||e[30]!==d?(y=!d&&r("p",{className:"text-xs text-destructive","data-testid":c,children:a("Metadata must be valid JSON.")}),e[28]=c,e[29]=a,e[30]=d,e[31]=y):y=e[31];let S;return e[32]!==C||e[33]!==y||e[34]!==h?(S=w("div",{className:"mb-3 grid gap-1",children:[h,C,y]}),e[32]=C,e[33]=y,e[34]=h,e[35]=S):S=e[35],S},De={busy:!1,error:null,metadata:"",name:"",ttl:"",value:""},Je=(l,e)=>{switch(e.type){case"setField":return{...l,[e.field]:e.value};case"submitFailed":return{...l,busy:!1,error:e.error};case"submitStart":return{...l,busy:!0,error:null};default:return l}},Pe=l=>{const e=te(73),{namespace:s,onCancel:c,onCreated:i}=l,v=ee(),d=G(),[t,a]=le(Je,De);let f;e[0]!==t.metadata?(f=xe(t.metadata),e[0]=t.metadata,e[1]=f):f=e[1];const o=f;let g;e[2]!==t.ttl?(g=Ce(t.ttl),e[2]=t.ttl,e[3]=g):g=e[3];const k=g;let L;e[4]!==o||e[5]!==t.busy||e[6]!==t.name||e[7]!==k?(L=t.name.trim()!==""&&o&&k&&!t.busy,e[4]=o,e[5]=t.busy,e[6]=t.name,e[7]=k,e[8]=L):L=e[8];const K=L;let V;e[9]!==K||e[10]!==v||e[11]!==s||e[12]!==i||e[13]!==t.metadata||e[14]!==t.name||e[15]!==t.ttl||e[16]!==t.value?(V=()=>{K&&(a({type:"submitStart"}),H((async()=>{try{await v.putKvValue(Se({metadata:t.metadata,ttl:t.ttl,value:t.value},t.name,s)),i()}catch($){a({error:R($),type:"submitFailed"})}})()))},e[9]=K,e[10]=v,e[11]=s,e[12]=i,e[13]=t.metadata,e[14]=t.name,e[15]=t.ttl,e[16]=t.value,e[17]=V):V=e[17];const p=V;let m;e[18]!==d?(m=d("Key name"),e[18]=d,e[19]=m):m=e[19];let h;e[20]!==m?(h=r(W,{className:"text-xs",htmlFor:"kv-create-name",children:m}),e[20]=m,e[21]=h):h=e[21];let x;e[22]===Symbol.for("react.memo_cache_sentinel")?(x=$=>{a({field:"name",type:"setField",value:$.target.value})},e[22]=x):x=e[22];let N;e[23]!==d?(N=d("Key name"),e[23]=d,e[24]=N):N=e[24];let C;e[25]!==t.name||e[26]!==N?(C=r(re,{autoFocus:!0,"data-testid":"kv-create-name",id:"kv-create-name",onChange:x,placeholder:N,value:t.name}),e[25]=t.name,e[26]=N,e[27]=C):C=e[27];let y;e[28]!==h||e[29]!==C?(y=w("div",{className:"grid gap-1",children:[h,C]}),e[28]=h,e[29]=C,e[30]=y):y=e[30];let S;e[31]!==d?(S=d("Value"),e[31]=d,e[32]=S):S=e[32];let F;e[33]!==S?(F=r(W,{className:"text-xs",htmlFor:"kv-create-value",children:S}),e[33]=S,e[34]=F):F=e[34];let O;e[35]===Symbol.for("react.memo_cache_sentinel")?(O=$=>{a({field:"value",type:"setField",value:$.target.value})},e[35]=O):O=e[35];let I;e[36]!==t.value?(I=r(ke,{className:"min-h-[6rem] font-mono text-xs","data-testid":"kv-create-value",id:"kv-create-value",onChange:O,value:t.value}),e[36]=t.value,e[37]=I):I=e[37];let D;e[38]!==F||e[39]!==I?(D=w("div",{className:"grid gap-1",children:[F,I]}),e[38]=F,e[39]=I,e[40]=D):D=e[40];const A=!k;let _;e[41]===Symbol.for("react.memo_cache_sentinel")?(_=$=>{a({field:"ttl",type:"setField",value:$})},e[41]=_):_=e[41];let n;e[42]!==A?(n=r(we,{id:"kv-create-ttl",invalid:A,onChange:_,testId:"kv-create-ttl"}),e[42]=A,e[43]=n):n=e[43];let u;e[44]===Symbol.for("react.memo_cache_sentinel")?(u=$=>{a({field:"metadata",type:"setField",value:$})},e[44]=u):u=e[44];let T;e[45]!==o||e[46]!==t.metadata?(T=r(Te,{id:"kv-create-metadata",invalidTestId:"kv-create-metadata-invalid",onChange:u,testId:"kv-create-metadata",valid:o,value:t.metadata}),e[45]=o,e[46]=t.metadata,e[47]=T):T=e[47];const M=!K;let E;e[48]!==t.busy||e[49]!==d?(E=t.busy?d("Creating…"):d("Create key"),e[48]=t.busy,e[49]=d,e[50]=E):E=e[50];let B;e[51]!==p||e[52]!==M||e[53]!==E?(B=r(P,{"data-testid":"kv-create-submit",disabled:M,onClick:p,children:E}),e[51]=p,e[52]=M,e[53]=E,e[54]=B):B=e[54];const b=t.busy;let J;e[55]!==d?(J=d("Cancel"),e[55]=d,e[56]=J):J=e[56];let j;e[57]!==c||e[58]!==t.busy||e[59]!==J?(j=r(P,{"data-testid":"kv-create-cancel",disabled:b,onClick:c,variant:"outline",children:J}),e[57]=c,e[58]=t.busy,e[59]=J,e[60]=j):j=e[60];let z;e[61]!==B||e[62]!==j?(z=w("div",{className:"flex flex-wrap gap-2",children:[B,j]}),e[61]=B,e[62]=j,e[63]=z):z=e[63];let U;e[64]!==t.error?(U=t.error!==null&&r("p",{className:"text-sm text-destructive","data-testid":"kv-create-error",role:"alert",children:t.error}),e[64]=t.error,e[65]=U):U=e[65];let Y;return e[66]!==y||e[67]!==D||e[68]!==n||e[69]!==T||e[70]!==z||e[71]!==U?(Y=w("div",{className:"grid gap-3 px-4 pb-4","data-testid":"kv-create-form",children:[y,D,n,T,z,U]}),e[66]=y,e[67]=D,e[68]=n,e[69]=T,e[70]=z,e[71]=U,e[72]=Y):Y=e[72],Y},$e={busy:"",editedMetadata:"",editedTtl:"",editedValue:"",loadError:null,loading:!0,value:null,writeError:null},je=(l,e)=>{switch(e.type){case"deleteStart":return{...l,busy:"deleting",writeError:null};case"editMetadata":return{...l,editedMetadata:e.value};case"editTtl":return{...l,editedTtl:e.value};case"editValue":return{...l,editedValue:e.value};case"loaded":return{...l,editedMetadata:e.metadata===null||e.metadata===void 0?"":JSON.stringify(e.metadata,null,2),editedValue:e.value??"",loading:!1,value:e.value};case"loadFailed":return{...l,loadError:e.error,loading:!1};case"saveOk":return{...l,busy:"",value:l.editedValue};case"saveStart":return{...l,busy:"saving",writeError:null};case"writeFailed":return{...l,busy:"",writeError:e.error};default:return l}},He=l=>{const e=te(67),{expiration:s,keyName:c,namespace:i,onDeleted:v}=l,d=ee(),t=G(),[a,f]=le(je,$e);let o,g;e[0]!==d||e[1]!==c||e[2]!==i?(o=()=>{const b={cancelled:!1};return H((async()=>{try{const J=await d.getKvValue({key:c,namespace:i});b.cancelled||f({metadata:J.metadata,type:"loaded",value:J.value})}catch(J){const j=J;b.cancelled||f({error:R(j),type:"loadFailed"})}})()),()=>{b.cancelled=!0}},g=[d,i,c],e[0]=d,e[1]=c,e[2]=i,e[3]=o,e[4]=g):(o=e[3],g=e[4]),ae(o,g);let k;e[5]===Symbol.for("react.memo_cache_sentinel")?(k=b=>{f({type:"editValue",value:b.target.value})},e[5]=k):k=e[5];const L=k;let K;e[6]===Symbol.for("react.memo_cache_sentinel")?(K=b=>{f({type:"editMetadata",value:b})},e[6]=K):K=e[6];const V=K;let p;e[7]!==a.editedValue?(p=ge(a.editedValue),e[7]=a.editedValue,e[8]=p):p=e[8];const m=p;let h;e[9]!==a.editedMetadata?(h=xe(a.editedMetadata),e[9]=a.editedMetadata,e[10]=h):h=e[10];const x=h;let N;e[11]!==a.editedTtl?(N=Ce(a.editedTtl),e[11]=a.editedTtl,e[12]=N):N=e[12];const C=N;let y;e[13]!==m?(y=()=>{m!==void 0&&f({type:"editValue",value:m})},e[13]=m,e[14]=y):y=e[14];const S=y;let F;e[15]!==d||e[16]!==s||e[17]!==c||e[18]!==x||e[19]!==i||e[20]!==a.editedMetadata||e[21]!==a.editedTtl||e[22]!==a.editedValue||e[23]!==t?(F=()=>{if(!x){f({error:t("Metadata must be valid JSON."),type:"writeFailed"});return}f({type:"saveStart"}),H((async()=>{try{await d.putKvValue(Se({metadata:a.editedMetadata,ttl:a.editedTtl,value:a.editedValue},c,i,s)),f({type:"saveOk"})}catch(b){f({error:R(b),type:"writeFailed"})}})())},e[15]=d,e[16]=s,e[17]=c,e[18]=x,e[19]=i,e[20]=a.editedMetadata,e[21]=a.editedTtl,e[22]=a.editedValue,e[23]=t,e[24]=F):F=e[24];const O=F;let I;e[25]!==d||e[26]!==c||e[27]!==i||e[28]!==v?(I=()=>{f({type:"deleteStart"}),H((async()=>{try{await d.deleteKvKey({key:c,namespace:i}),v(c)}catch(b){f({error:R(b),type:"writeFailed"})}})())},e[25]=d,e[26]=c,e[27]=i,e[28]=v,e[29]=I):I=e[29];const D=I;let A;e[30]!==c?(A=()=>{se(c)},e[30]=c,e[31]=A):A=e[31];let _;e[32]!==t?(_=t("Copy key"),e[32]=t,e[33]=_):_=e[33];let n;e[34]!==A||e[35]!==_?(n=r("div",{className:"mb-2 flex justify-end",children:r(P,{"data-testid":"kv-copy-key-btn",onClick:A,size:"sm",variant:"outline",children:_})}),e[34]=A,e[35]=_,e[36]=n):n=e[36];let u;e[37]!==a.loadError?(u=a.loadError!==null&&r("p",{className:"mb-2 text-sm text-destructive","data-testid":"kv-value-error",role:"alert",children:a.loadError}),e[37]=a.loadError,e[38]=u):u=e[38];let T;e[39]!==a.loading||e[40]!==t?(T=a.loading&&r("p",{className:"text-sm text-muted-foreground","data-testid":"kv-value-loading",children:t("Loading…")}),e[39]=a.loading,e[40]=t,e[41]=T):T=e[41];let M;e[42]!==m||e[43]!==x||e[44]!==D||e[45]!==S||e[46]!==O||e[47]!==a.busy||e[48]!==a.editedMetadata||e[49]!==a.editedValue||e[50]!==a.loading||e[51]!==a.value||e[52]!==a.writeError||e[53]!==t||e[54]!==C?(M=!a.loading&&a.value!==null&&w(be,{children:[w("div",{className:"mb-1 flex flex-wrap items-center gap-2",children:[r(W,{className:"text-xs",htmlFor:"kv-value-editor",children:t("Value")}),m!==void 0&&r(Le,{variant:"secondary",children:t("JSON")}),r("span",{className:"ml-auto text-xs tabular-nums text-muted-foreground","data-testid":"kv-value-size",children:Fe(Ae(a.editedValue))})]}),r("textarea",{"aria-label":t("KV value"),className:"mb-2 min-h-[8rem] w-full rounded border border-border bg-muted/30 p-2 font-mono text-xs","data-testid":"kv-value-editor",id:"kv-value-editor",onChange:L,value:a.editedValue}),w("div",{className:"mb-3 flex flex-wrap gap-2",children:[r(P,{"data-testid":"kv-format-btn",disabled:m===void 0,onClick:S,size:"sm",variant:"outline",children:t("Format JSON")}),r(P,{"data-testid":"kv-copy-value-btn",onClick:()=>{se(a.editedValue)},size:"sm",variant:"outline",children:t("Copy value")})]}),r(we,{helper:t("Leave blank to keep the current expiration."),id:"kv-ttl-input",invalid:!C,onChange:b=>{f({type:"editTtl",value:b})},testId:"kv-ttl-input"}),r(Te,{id:"kv-metadata-editor",invalidTestId:"kv-metadata-invalid",onChange:V,testId:"kv-metadata-editor",valid:x,value:a.editedMetadata}),w("div",{className:"flex flex-wrap gap-2",children:[r(P,{"data-testid":"kv-save-btn",disabled:a.busy!==""||!x||!C,onClick:O,children:a.busy==="saving"?t("Saving…"):t("Save")}),r(P,{"data-testid":"kv-delete-btn",disabled:a.busy!=="",onClick:D,variant:"destructive",children:a.busy==="deleting"?t("Deleting…"):t("Delete")})]}),a.writeError!==null&&r("p",{className:"mt-2 text-sm text-destructive","data-testid":"kv-save-error",role:"alert",children:a.writeError})]}),e[42]=m,e[43]=x,e[44]=D,e[45]=S,e[46]=O,e[47]=a.busy,e[48]=a.editedMetadata,e[49]=a.editedValue,e[50]=a.loading,e[51]=a.value,e[52]=a.writeError,e[53]=t,e[54]=C,e[55]=M):M=e[55];let E;e[56]!==a.loadError||e[57]!==a.loading||e[58]!==a.value||e[59]!==t?(E=!a.loading&&a.value===null&&a.loadError===null&&r("p",{className:"text-sm text-muted-foreground","data-testid":"kv-absent",children:t("Key is absent or has no value.")}),e[56]=a.loadError,e[57]=a.loading,e[58]=a.value,e[59]=t,e[60]=E):E=e[60];let B;return e[61]!==n||e[62]!==u||e[63]!==T||e[64]!==M||e[65]!==E?(B=w("div",{className:"px-4 pb-4","data-testid":"kv-value-section",children:[n,u,T,M,E]}),e[61]=n,e[62]=u,e[63]=T,e[64]=M,e[65]=E,e[66]=B):B=e[66],B},me=100,Re={appliedPrefix:"",bulk:[],bulkBusy:!1,bulkError:null,cursor:null,keys:null,listComplete:!1,loadError:null,loading:!1,prefixInput:"",reloadNonce:0,selectedKey:null},ze=(l,e)=>{switch(e.type){case"appendPage":return e.generation!==l.reloadNonce?l:{...l,cursor:e.cursor,keys:[...l.keys??[],...e.keys],listComplete:e.listComplete,loading:!1};case"applyFilter":return{...l,appliedPrefix:l.prefixInput,bulk:[],bulkError:null,cursor:null,keys:null,listComplete:!1,reloadNonce:l.reloadNonce+1,selectedKey:null};case"bulkDeleted":{const s=new Set(e.deleted);return{...l,bulk:l.bulk.filter(c=>!s.has(c)),bulkBusy:!1,bulkError:e.error,keys:l.keys===null?null:l.keys.filter(c=>!s.has(c.name)),selectedKey:l.selectedKey!==null&&s.has(l.selectedKey)?null:l.selectedKey}}case"bulkDeleteStart":return{...l,bulkBusy:!0,bulkError:null};case"firstPage":return{...l,cursor:e.cursor,keys:e.keys,listComplete:e.listComplete,loading:!1};case"keyDeleted":return{...l,bulk:l.bulk.filter(s=>s!==e.name),keys:l.keys===null?null:l.keys.filter(s=>s.name!==e.name),selectedKey:null};case"loadFailed":return e.generation!==void 0&&e.generation!==l.reloadNonce?l:{...l,loadError:e.error,loading:!1};case"loadStart":return{...l,loadError:null,loading:!0};case"prefixInput":return{...l,prefixInput:e.value};case"reload":return{...l,bulk:[],bulkError:null,reloadNonce:l.reloadNonce+1,selectedKey:null};case"selectKey":return{...l,selectedKey:e.name};case"toggleAllBulk":return{...l,bulk:e.names};case"toggleBulk":return{...l,bulk:l.bulk.includes(e.name)?l.bulk.filter(s=>s!==e.name):[...l.bulk,e.name]};default:return l}},Ue=({namespace:l})=>{const e=ee(),s=G(),[c,i]=le(ze,Re),{appliedPrefix:v,bulk:d,bulkBusy:t,bulkError:a,cursor:f,keys:o,listComplete:g,loadError:k,loading:L,prefixInput:K,reloadNonce:V,selectedKey:p}=c,[m,h]=Z(!1);ae(()=>{const n={cancelled:!1};return H((async()=>{i({type:"loadStart"});try{const u=await e.listKvKeys({limit:me,namespace:l,prefix:v===""?void 0:v});n.cancelled||i({cursor:u.cursor??null,keys:u.keys,listComplete:u.listComplete,type:"firstPage"})}catch(u){n.cancelled||i({error:R(u),type:"loadFailed"})}})()),()=>{n.cancelled=!0}},[e,l,v,V]);const x=n=>{i({type:"prefixInput",value:n.target.value})},N=()=>{i({type:"applyFilter"})},C=n=>{i({name:n.currentTarget.dataset.key??null,type:"selectKey"})},y=()=>{if(f===null)return;i({type:"loadStart"});const n=V;H((async()=>{try{const u=await e.listKvKeys({cursor:f,limit:me,namespace:l,prefix:v===""?void 0:v});i({cursor:u.cursor??null,generation:n,keys:u.keys,listComplete:u.listComplete,type:"appendPage"})}catch(u){i({error:R(u),generation:n,type:"loadFailed"})}})())},S=n=>{i({name:n,type:"keyDeleted"})},F=n=>{i({name:n,type:"toggleBulk"})},O=n=>{i({names:n&&o!==null?o.map(u=>u.name):[],type:"toggleAllBulk"})},I=()=>{if(d.length===0)return;const n=[...d];i({type:"bulkDeleteStart"}),H((async()=>{const u=await Promise.allSettled(n.map(E=>e.deleteKvKey({key:E,namespace:l}))),T=n.filter((E,B)=>u[B]?.status==="fulfilled"),M=n.length-T.length;i({deleted:T,error:M>0?s("Failed to delete {count} keys.",{count:M}):null,type:"bulkDeleted"})})())},D=()=>{h(!1),i({type:"reload"})},A=o!==null&&o.length>0&&d.length===o.length,_=new Set(d);return w(be,{children:[w("section",{className:"border border-border bg-card p-3","data-testid":"kv-keys-section",children:[w("div",{className:"mb-3 flex flex-wrap items-center gap-2",children:[r(re,{"aria-label":s("Filter keys by prefix"),className:"min-w-[16rem] flex-1","data-testid":"kv-prefix-input",onChange:x,placeholder:s("Filter by prefix…"),value:K}),r(P,{"data-testid":"kv-filter-btn",disabled:L,onClick:N,children:s("Filter")}),r(P,{"data-testid":"kv-new-key-btn",onClick:()=>{h(n=>!n)},variant:"outline",children:s("New key")}),d.length>0&&r(P,{"data-testid":"kv-bulk-delete-btn",disabled:t,onClick:I,variant:"destructive",children:t?s("Deleting…"):s("Delete {count}",{count:d.length})})]}),a!==null&&r("p",{className:"mb-2 text-sm text-destructive","data-testid":"kv-bulk-error",role:"alert",children:a}),k!==null&&r("p",{className:"text-sm text-destructive","data-testid":"kv-keys-error",role:"alert",children:k}),o!==null&&o.length===0&&!L&&r("p",{className:"text-sm text-muted-foreground","data-testid":"kv-no-keys",children:s("No keys.")}),o!==null&&o.length>0&&r(ve,{className:"overflow-hidden py-0",children:r(fe,{className:"px-0",children:w(pe,{"data-testid":"kv-key-table",children:[r(he,{children:w(X,{children:[r(q,{className:"w-10",children:r(ne,{"aria-label":s("Select all"),checked:A,"data-testid":"kv-select-all",onCheckedChange:O})}),r(q,{children:s("Key")}),r(q,{children:s("Expiration")})]})}),r(ye,{children:o.map(n=>w(X,{className:n.name===p?"border-l-2 border-l-royal-amethyst bg-muted/50":"cursor-pointer","data-key":n.name,"data-testid":`kv-key-row-${n.name}`,onClick:C,children:[r(Q,{onClick:u=>{u.stopPropagation()},children:r(ne,{"aria-label":s("Select {name}",{name:n.name}),checked:_.has(n.name),"data-testid":`kv-select-${n.name}`,onCheckedChange:()=>{F(n.name)}})}),r(Q,{className:"font-mono text-xs",children:n.name}),r(Q,{className:"tabular-nums text-xs",children:Oe(n.expiration)})]},n.name))})]})})}),!g&&f!==null&&r("div",{className:"mt-2",children:r(P,{"data-testid":"kv-load-more",disabled:L,onClick:y,variant:"outline",children:s(L?"Loading…":"Load more")})})]}),r(ie,{onOpenChange:n=>{n||h(!1)},open:m,children:w(de,{className:"w-full gap-0 overflow-y-auto sm:max-w-md","data-testid":"kv-create-sheet",side:"right",children:[r(oe,{children:r(ce,{children:s("New key")})}),r(Pe,{namespace:l,onCancel:()=>{h(!1)},onCreated:D})]})}),r(ie,{onOpenChange:n=>{n||i({name:null,type:"selectKey"})},open:p!==null,children:w(de,{className:"w-full gap-0 overflow-y-auto sm:max-w-md","data-testid":"kv-editor-sheet",side:"right",children:[r(oe,{children:r(ce,{className:"truncate font-mono text-xs",children:p})}),p!==null&&r(He,{expiration:o?.find(n=>n.name===p)?.expiration,keyName:p,namespace:l,onDeleted:S},`${l}:${p}`)]})})]})},ut=({loadNamespaces:l}={})=>{const e=ee(),s=G(),[c,i]=Z(null),[v,d]=Z(null),[t,a]=Z(null);ae(()=>{const o={cancelled:!1};return H((async()=>{try{const g=await(l??(()=>e.listKvNamespaces()))();o.cancelled||(i(g),d(null),a(k=>k??g[0]?.binding??null))}catch(g){o.cancelled||(i(null),d(R(g)))}})()),()=>{o.cancelled=!0}},[e,l]);const f=o=>{a(o.currentTarget.dataset.ns??null)};return w("div",{className:"flex flex-col gap-4","data-testid":"lunora-kv-browser",children:[v!==null&&r("p",{className:"text-sm text-destructive","data-testid":"kv-ns-error",role:"alert",children:v}),c!==null&&c.length===0&&r(Ee,{description:s("Add a kv_namespaces binding to wrangler.jsonc — it appears here automatically, no wiring needed."),icon:r("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:r("path",{d:"M5 5h14v4H5V5Zm0 5h14v4H5v-4Zm0 5h14v4H5v-4Z"})}),testId:"kv-empty",title:s("No KV namespaces.")}),c!==null&&c.length>0&&r(ve,{className:"overflow-hidden py-0",children:r(fe,{className:"px-0",children:w(pe,{"data-testid":"kv-namespace-table",children:[r(he,{children:r(X,{children:r(q,{children:s("Namespace")})})}),r(ye,{children:c.map(o=>r(X,{className:o.binding===t?"border-l-2 border-l-royal-amethyst bg-muted/50":"cursor-pointer","data-ns":o.binding,"data-testid":`kv-ns-row-${o.binding}`,onClick:f,children:r(Q,{className:"font-mono text-xs",children:o.binding})},o.binding))})]})})}),t!==null&&r(Ue,{namespace:t},t)]})};export{ut as KvBrowser};
|
|
1
|
+
import{useLunora as ee}from"@lunora/react";import{useState as Z,useReducer as le,useEffect as ae}from"react";import{C as ve,a as fe}from"../packem_shared/card-By2O8ULa.mjs";import{E as Ee}from"../packem_shared/empty-state-D7jEML_T.mjs";import{T as pe,a as he,b as X,c as q,d as ye,e as Q}from"../packem_shared/table-D0SBiDu-.mjs";import{useT as G}from"../packem_shared/DEFAULT_LOCALE-A1Yg5ORA.mjs";import{f as H,b as R,m as Fe,g as se}from"../packem_shared/internal-Df43vQI0.mjs";import{B as P}from"../packem_shared/button-q0UYSmrn.mjs";import{C as ne}from"../packem_shared/checkbox-CnS9cyCz.mjs";import{I as re}from"../packem_shared/input-CXhxesPC.mjs";import{b as ie,c as de,d as oe,e as ce}from"../packem_shared/studio-ySYj-BsV.mjs";import{c as te}from"react/compiler-runtime";import{L as W}from"../packem_shared/label-DKFzyHq6.mjs";import{T as ke}from"../packem_shared/textarea--40GKAyz.mjs";import{c as Ke,S as Ve,a as Ie,b as _e,d as Me}from"../packem_shared/select-DPyS18Vy.mjs";import{jsx as r,jsxs as w,Fragment as be}from"react/jsx-runtime";import{B as Le}from"../packem_shared/badge-r_5B4LHP.mjs";const Be=l=>{const e=l.trim();if(e==="")return;const s=Number(e);return Number.isFinite(s)&&s>0?Math.floor(s):void 0},Oe=l=>l===void 0?"—":new Date(l*1e3).toISOString(),Ae=l=>new TextEncoder().encode(l).length,ge=l=>{if(l.trim()!=="")try{return JSON.stringify(JSON.parse(l),void 0,2)}catch{return}},xe=l=>{if(l.trim()==="")return!0;try{return JSON.parse(l),!0}catch{return!1}},Ne=[{key:"seconds",seconds:1},{key:"minutes",seconds:60},{key:"hours",seconds:3600},{key:"days",seconds:86400}],ue=(l,e)=>{const s=l.trim();if(s==="")return"";const c=Number(s),i=Ne.find(v=>v.key===e)?.seconds??1;return Number.isFinite(c)&&c>0?String(Math.round(c*i)):s},Ce=l=>{const e=l.trim();if(e==="")return!0;const s=Number(e);return Number.isInteger(s)&&s>=60},Se=(l,e,s,c)=>{const i=Be(l.ttl);return{expiration:i===void 0?c:void 0,expirationTtl:i,key:e,metadata:l.metadata.trim()===""?void 0:JSON.parse(l.metadata),namespace:s,value:l.value}},we=l=>{const e=te(60),{helper:s,id:c,invalid:i,onChange:v,testId:d}=l,t=G(),[a,f]=Z(""),[o,g]=Z("seconds");let k;e[0]!==v||e[1]!==o?(k=b=>{f(b.target.value),v(ue(b.target.value,o))},e[0]=v,e[1]=o,e[2]=k):k=e[2];const L=k;let K;e[3]!==a||e[4]!==v?(K=b=>{b!==null&&(g(b),v(ue(a,b)))},e[3]=a,e[4]=v,e[5]=K):K=e[5];const V=K;let p;e[6]!==t?(p=t("days"),e[6]=t,e[7]=p):p=e[7];let m;e[8]!==t?(m=t("hours"),e[8]=t,e[9]=m):m=e[9];let h;e[10]!==t?(h=t("minutes"),e[10]=t,e[11]=h):h=e[11];let x;e[12]!==t?(x=t("seconds"),e[12]=t,e[13]=x):x=e[13];let N;e[14]!==p||e[15]!==m||e[16]!==h||e[17]!==x?(N={days:p,hours:m,minutes:h,seconds:x},e[14]=p,e[15]=m,e[16]=h,e[17]=x,e[18]=N):N=e[18];const C=N;let y;e[19]!==t?(y=t("Expires after"),e[19]=t,e[20]=y):y=e[20];let S;e[21]!==c||e[22]!==y?(S=r(W,{className:"text-xs",htmlFor:c,children:y}),e[21]=c,e[22]=y,e[23]=S):S=e[23];let F;e[24]!==t?(F=t("No expiration"),e[24]=t,e[25]=F):F=e[25];let O;e[26]!==a||e[27]!==c||e[28]!==i||e[29]!==L||e[30]!==F||e[31]!==d?(O=r(re,{"aria-invalid":i,className:"flex-1","data-testid":d,id:c,inputMode:"numeric",onChange:L,placeholder:F,value:a}),e[26]=a,e[27]=c,e[28]=i,e[29]=L,e[30]=F,e[31]=d,e[32]=O):O=e[32];let I;e[33]!==t?(I=t("TTL unit"),e[33]=t,e[34]=I):I=e[34];const D=`${d}-unit`;let A;e[35]===Symbol.for("react.memo_cache_sentinel")?(A=r(Ve,{}),e[35]=A):A=e[35];let _;e[36]!==I||e[37]!==D?(_=r(Ie,{"aria-label":I,className:"w-[7.5rem]","data-testid":D,children:A}),e[36]=I,e[37]=D,e[38]=_):_=e[38];let n;e[39]!==C?(n=Ne.map(b=>r(Ke,{value:b.key,children:C[b.key]},b.key)),e[39]=C,e[40]=n):n=e[40];let u;e[41]!==n?(u=r(_e,{children:n}),e[41]=n,e[42]=u):u=e[42];let T;e[43]!==V||e[44]!==_||e[45]!==u||e[46]!==o?(T=w(Me,{onValueChange:V,value:o,children:[_,u]}),e[43]=V,e[44]=_,e[45]=u,e[46]=o,e[47]=T):T=e[47];let M;e[48]!==O||e[49]!==T?(M=w("div",{className:"flex gap-2",children:[O,T]}),e[48]=O,e[49]=T,e[50]=M):M=e[50];let E;e[51]!==s||e[52]!==i||e[53]!==t||e[54]!==d?(E=i?r("p",{className:"text-xs text-destructive","data-testid":`${d}-invalid`,children:t("TTL must be at least 60 seconds.")}):s!==void 0&&r("p",{className:"text-xs text-muted-foreground",children:s}),e[51]=s,e[52]=i,e[53]=t,e[54]=d,e[55]=E):E=e[55];let B;return e[56]!==M||e[57]!==E||e[58]!==S?(B=w("div",{className:"mb-3 grid gap-1",children:[S,M,E]}),e[56]=M,e[57]=E,e[58]=S,e[59]=B):B=e[59],B},Te=l=>{const e=te(36),{id:s,invalidTestId:c,onChange:i,testId:v,valid:d,value:t}=l,a=G();let f;e[0]!==t?(f=ge(t),e[0]=t,e[1]=f):f=e[1];const o=f;let g;e[2]!==a?(g=a("Metadata (JSON)"),e[2]=a,e[3]=g):g=e[3];let k;e[4]!==s||e[5]!==g?(k=r(W,{className:"text-xs",htmlFor:s,children:g}),e[4]=s,e[5]=g,e[6]=k):k=e[6];const L=`${v}-format`,K=o===void 0;let V;e[7]!==o||e[8]!==i?(V=()=>{o!==void 0&&i(o)},e[7]=o,e[8]=i,e[9]=V):V=e[9];let p;e[10]!==a?(p=a("Format JSON"),e[10]=a,e[11]=p):p=e[11];let m;e[12]!==L||e[13]!==K||e[14]!==V||e[15]!==p?(m=r(P,{"data-testid":L,disabled:K,onClick:V,size:"sm",variant:"outline",children:p}),e[12]=L,e[13]=K,e[14]=V,e[15]=p,e[16]=m):m=e[16];let h;e[17]!==k||e[18]!==m?(h=w("div",{className:"flex items-center justify-between gap-2",children:[k,m]}),e[17]=k,e[18]=m,e[19]=h):h=e[19];const x=!d;let N;e[20]!==i?(N=F=>{i(F.target.value)},e[20]=i,e[21]=N):N=e[21];let C;e[22]!==s||e[23]!==x||e[24]!==N||e[25]!==v||e[26]!==t?(C=r(ke,{"aria-invalid":x,className:"min-h-[4rem] font-mono text-xs","data-testid":v,id:s,onChange:N,value:t}),e[22]=s,e[23]=x,e[24]=N,e[25]=v,e[26]=t,e[27]=C):C=e[27];let y;e[28]!==c||e[29]!==a||e[30]!==d?(y=!d&&r("p",{className:"text-xs text-destructive","data-testid":c,children:a("Metadata must be valid JSON.")}),e[28]=c,e[29]=a,e[30]=d,e[31]=y):y=e[31];let S;return e[32]!==C||e[33]!==y||e[34]!==h?(S=w("div",{className:"mb-3 grid gap-1",children:[h,C,y]}),e[32]=C,e[33]=y,e[34]=h,e[35]=S):S=e[35],S},De={busy:!1,error:null,metadata:"",name:"",ttl:"",value:""},Je=(l,e)=>{switch(e.type){case"setField":return{...l,[e.field]:e.value};case"submitFailed":return{...l,busy:!1,error:e.error};case"submitStart":return{...l,busy:!0,error:null};default:return l}},Pe=l=>{const e=te(73),{namespace:s,onCancel:c,onCreated:i}=l,v=ee(),d=G(),[t,a]=le(Je,De);let f;e[0]!==t.metadata?(f=xe(t.metadata),e[0]=t.metadata,e[1]=f):f=e[1];const o=f;let g;e[2]!==t.ttl?(g=Ce(t.ttl),e[2]=t.ttl,e[3]=g):g=e[3];const k=g;let L;e[4]!==o||e[5]!==t.busy||e[6]!==t.name||e[7]!==k?(L=t.name.trim()!==""&&o&&k&&!t.busy,e[4]=o,e[5]=t.busy,e[6]=t.name,e[7]=k,e[8]=L):L=e[8];const K=L;let V;e[9]!==K||e[10]!==v||e[11]!==s||e[12]!==i||e[13]!==t.metadata||e[14]!==t.name||e[15]!==t.ttl||e[16]!==t.value?(V=()=>{K&&(a({type:"submitStart"}),H((async()=>{try{await v.putKvValue(Se({metadata:t.metadata,ttl:t.ttl,value:t.value},t.name,s)),i()}catch($){a({error:R($),type:"submitFailed"})}})()))},e[9]=K,e[10]=v,e[11]=s,e[12]=i,e[13]=t.metadata,e[14]=t.name,e[15]=t.ttl,e[16]=t.value,e[17]=V):V=e[17];const p=V;let m;e[18]!==d?(m=d("Key name"),e[18]=d,e[19]=m):m=e[19];let h;e[20]!==m?(h=r(W,{className:"text-xs",htmlFor:"kv-create-name",children:m}),e[20]=m,e[21]=h):h=e[21];let x;e[22]===Symbol.for("react.memo_cache_sentinel")?(x=$=>{a({field:"name",type:"setField",value:$.target.value})},e[22]=x):x=e[22];let N;e[23]!==d?(N=d("Key name"),e[23]=d,e[24]=N):N=e[24];let C;e[25]!==t.name||e[26]!==N?(C=r(re,{autoFocus:!0,"data-testid":"kv-create-name",id:"kv-create-name",onChange:x,placeholder:N,value:t.name}),e[25]=t.name,e[26]=N,e[27]=C):C=e[27];let y;e[28]!==h||e[29]!==C?(y=w("div",{className:"grid gap-1",children:[h,C]}),e[28]=h,e[29]=C,e[30]=y):y=e[30];let S;e[31]!==d?(S=d("Value"),e[31]=d,e[32]=S):S=e[32];let F;e[33]!==S?(F=r(W,{className:"text-xs",htmlFor:"kv-create-value",children:S}),e[33]=S,e[34]=F):F=e[34];let O;e[35]===Symbol.for("react.memo_cache_sentinel")?(O=$=>{a({field:"value",type:"setField",value:$.target.value})},e[35]=O):O=e[35];let I;e[36]!==t.value?(I=r(ke,{className:"min-h-[6rem] font-mono text-xs","data-testid":"kv-create-value",id:"kv-create-value",onChange:O,value:t.value}),e[36]=t.value,e[37]=I):I=e[37];let D;e[38]!==F||e[39]!==I?(D=w("div",{className:"grid gap-1",children:[F,I]}),e[38]=F,e[39]=I,e[40]=D):D=e[40];const A=!k;let _;e[41]===Symbol.for("react.memo_cache_sentinel")?(_=$=>{a({field:"ttl",type:"setField",value:$})},e[41]=_):_=e[41];let n;e[42]!==A?(n=r(we,{id:"kv-create-ttl",invalid:A,onChange:_,testId:"kv-create-ttl"}),e[42]=A,e[43]=n):n=e[43];let u;e[44]===Symbol.for("react.memo_cache_sentinel")?(u=$=>{a({field:"metadata",type:"setField",value:$})},e[44]=u):u=e[44];let T;e[45]!==o||e[46]!==t.metadata?(T=r(Te,{id:"kv-create-metadata",invalidTestId:"kv-create-metadata-invalid",onChange:u,testId:"kv-create-metadata",valid:o,value:t.metadata}),e[45]=o,e[46]=t.metadata,e[47]=T):T=e[47];const M=!K;let E;e[48]!==t.busy||e[49]!==d?(E=t.busy?d("Creating…"):d("Create key"),e[48]=t.busy,e[49]=d,e[50]=E):E=e[50];let B;e[51]!==p||e[52]!==M||e[53]!==E?(B=r(P,{"data-testid":"kv-create-submit",disabled:M,onClick:p,children:E}),e[51]=p,e[52]=M,e[53]=E,e[54]=B):B=e[54];const b=t.busy;let J;e[55]!==d?(J=d("Cancel"),e[55]=d,e[56]=J):J=e[56];let j;e[57]!==c||e[58]!==t.busy||e[59]!==J?(j=r(P,{"data-testid":"kv-create-cancel",disabled:b,onClick:c,variant:"outline",children:J}),e[57]=c,e[58]=t.busy,e[59]=J,e[60]=j):j=e[60];let z;e[61]!==B||e[62]!==j?(z=w("div",{className:"flex flex-wrap gap-2",children:[B,j]}),e[61]=B,e[62]=j,e[63]=z):z=e[63];let U;e[64]!==t.error?(U=t.error!==null&&r("p",{className:"text-sm text-destructive","data-testid":"kv-create-error",role:"alert",children:t.error}),e[64]=t.error,e[65]=U):U=e[65];let Y;return e[66]!==y||e[67]!==D||e[68]!==n||e[69]!==T||e[70]!==z||e[71]!==U?(Y=w("div",{className:"grid gap-3 px-4 pb-4","data-testid":"kv-create-form",children:[y,D,n,T,z,U]}),e[66]=y,e[67]=D,e[68]=n,e[69]=T,e[70]=z,e[71]=U,e[72]=Y):Y=e[72],Y},$e={busy:"",editedMetadata:"",editedTtl:"",editedValue:"",loadError:null,loading:!0,value:null,writeError:null},je=(l,e)=>{switch(e.type){case"deleteStart":return{...l,busy:"deleting",writeError:null};case"editMetadata":return{...l,editedMetadata:e.value};case"editTtl":return{...l,editedTtl:e.value};case"editValue":return{...l,editedValue:e.value};case"loaded":return{...l,editedMetadata:e.metadata===null||e.metadata===void 0?"":JSON.stringify(e.metadata,null,2),editedValue:e.value??"",loading:!1,value:e.value};case"loadFailed":return{...l,loadError:e.error,loading:!1};case"saveOk":return{...l,busy:"",value:l.editedValue};case"saveStart":return{...l,busy:"saving",writeError:null};case"writeFailed":return{...l,busy:"",writeError:e.error};default:return l}},He=l=>{const e=te(67),{expiration:s,keyName:c,namespace:i,onDeleted:v}=l,d=ee(),t=G(),[a,f]=le(je,$e);let o,g;e[0]!==d||e[1]!==c||e[2]!==i?(o=()=>{const b={cancelled:!1};return H((async()=>{try{const J=await d.getKvValue({key:c,namespace:i});b.cancelled||f({metadata:J.metadata,type:"loaded",value:J.value})}catch(J){const j=J;b.cancelled||f({error:R(j),type:"loadFailed"})}})()),()=>{b.cancelled=!0}},g=[d,i,c],e[0]=d,e[1]=c,e[2]=i,e[3]=o,e[4]=g):(o=e[3],g=e[4]),ae(o,g);let k;e[5]===Symbol.for("react.memo_cache_sentinel")?(k=b=>{f({type:"editValue",value:b.target.value})},e[5]=k):k=e[5];const L=k;let K;e[6]===Symbol.for("react.memo_cache_sentinel")?(K=b=>{f({type:"editMetadata",value:b})},e[6]=K):K=e[6];const V=K;let p;e[7]!==a.editedValue?(p=ge(a.editedValue),e[7]=a.editedValue,e[8]=p):p=e[8];const m=p;let h;e[9]!==a.editedMetadata?(h=xe(a.editedMetadata),e[9]=a.editedMetadata,e[10]=h):h=e[10];const x=h;let N;e[11]!==a.editedTtl?(N=Ce(a.editedTtl),e[11]=a.editedTtl,e[12]=N):N=e[12];const C=N;let y;e[13]!==m?(y=()=>{m!==void 0&&f({type:"editValue",value:m})},e[13]=m,e[14]=y):y=e[14];const S=y;let F;e[15]!==d||e[16]!==s||e[17]!==c||e[18]!==x||e[19]!==i||e[20]!==a.editedMetadata||e[21]!==a.editedTtl||e[22]!==a.editedValue||e[23]!==t?(F=()=>{if(!x){f({error:t("Metadata must be valid JSON."),type:"writeFailed"});return}f({type:"saveStart"}),H((async()=>{try{await d.putKvValue(Se({metadata:a.editedMetadata,ttl:a.editedTtl,value:a.editedValue},c,i,s)),f({type:"saveOk"})}catch(b){f({error:R(b),type:"writeFailed"})}})())},e[15]=d,e[16]=s,e[17]=c,e[18]=x,e[19]=i,e[20]=a.editedMetadata,e[21]=a.editedTtl,e[22]=a.editedValue,e[23]=t,e[24]=F):F=e[24];const O=F;let I;e[25]!==d||e[26]!==c||e[27]!==i||e[28]!==v?(I=()=>{f({type:"deleteStart"}),H((async()=>{try{await d.deleteKvKey({key:c,namespace:i}),v(c)}catch(b){f({error:R(b),type:"writeFailed"})}})())},e[25]=d,e[26]=c,e[27]=i,e[28]=v,e[29]=I):I=e[29];const D=I;let A;e[30]!==c?(A=()=>{se(c)},e[30]=c,e[31]=A):A=e[31];let _;e[32]!==t?(_=t("Copy key"),e[32]=t,e[33]=_):_=e[33];let n;e[34]!==A||e[35]!==_?(n=r("div",{className:"mb-2 flex justify-end",children:r(P,{"data-testid":"kv-copy-key-btn",onClick:A,size:"sm",variant:"outline",children:_})}),e[34]=A,e[35]=_,e[36]=n):n=e[36];let u;e[37]!==a.loadError?(u=a.loadError!==null&&r("p",{className:"mb-2 text-sm text-destructive","data-testid":"kv-value-error",role:"alert",children:a.loadError}),e[37]=a.loadError,e[38]=u):u=e[38];let T;e[39]!==a.loading||e[40]!==t?(T=a.loading&&r("p",{className:"text-sm text-muted-foreground","data-testid":"kv-value-loading",children:t("Loading…")}),e[39]=a.loading,e[40]=t,e[41]=T):T=e[41];let M;e[42]!==m||e[43]!==x||e[44]!==D||e[45]!==S||e[46]!==O||e[47]!==a.busy||e[48]!==a.editedMetadata||e[49]!==a.editedValue||e[50]!==a.loading||e[51]!==a.value||e[52]!==a.writeError||e[53]!==t||e[54]!==C?(M=!a.loading&&a.value!==null&&w(be,{children:[w("div",{className:"mb-1 flex flex-wrap items-center gap-2",children:[r(W,{className:"text-xs",htmlFor:"kv-value-editor",children:t("Value")}),m!==void 0&&r(Le,{variant:"secondary",children:t("JSON")}),r("span",{className:"ml-auto text-xs tabular-nums text-muted-foreground","data-testid":"kv-value-size",children:Fe(Ae(a.editedValue))})]}),r("textarea",{"aria-label":t("KV value"),className:"mb-2 min-h-[8rem] w-full rounded border border-border bg-muted/30 p-2 font-mono text-xs","data-testid":"kv-value-editor",id:"kv-value-editor",onChange:L,value:a.editedValue}),w("div",{className:"mb-3 flex flex-wrap gap-2",children:[r(P,{"data-testid":"kv-format-btn",disabled:m===void 0,onClick:S,size:"sm",variant:"outline",children:t("Format JSON")}),r(P,{"data-testid":"kv-copy-value-btn",onClick:()=>{se(a.editedValue)},size:"sm",variant:"outline",children:t("Copy value")})]}),r(we,{helper:t("Leave blank to keep the current expiration."),id:"kv-ttl-input",invalid:!C,onChange:b=>{f({type:"editTtl",value:b})},testId:"kv-ttl-input"}),r(Te,{id:"kv-metadata-editor",invalidTestId:"kv-metadata-invalid",onChange:V,testId:"kv-metadata-editor",valid:x,value:a.editedMetadata}),w("div",{className:"flex flex-wrap gap-2",children:[r(P,{"data-testid":"kv-save-btn",disabled:a.busy!==""||!x||!C,onClick:O,children:a.busy==="saving"?t("Saving…"):t("Save")}),r(P,{"data-testid":"kv-delete-btn",disabled:a.busy!=="",onClick:D,variant:"destructive",children:a.busy==="deleting"?t("Deleting…"):t("Delete")})]}),a.writeError!==null&&r("p",{className:"mt-2 text-sm text-destructive","data-testid":"kv-save-error",role:"alert",children:a.writeError})]}),e[42]=m,e[43]=x,e[44]=D,e[45]=S,e[46]=O,e[47]=a.busy,e[48]=a.editedMetadata,e[49]=a.editedValue,e[50]=a.loading,e[51]=a.value,e[52]=a.writeError,e[53]=t,e[54]=C,e[55]=M):M=e[55];let E;e[56]!==a.loadError||e[57]!==a.loading||e[58]!==a.value||e[59]!==t?(E=!a.loading&&a.value===null&&a.loadError===null&&r("p",{className:"text-sm text-muted-foreground","data-testid":"kv-absent",children:t("Key is absent or has no value.")}),e[56]=a.loadError,e[57]=a.loading,e[58]=a.value,e[59]=t,e[60]=E):E=e[60];let B;return e[61]!==n||e[62]!==u||e[63]!==T||e[64]!==M||e[65]!==E?(B=w("div",{className:"px-4 pb-4","data-testid":"kv-value-section",children:[n,u,T,M,E]}),e[61]=n,e[62]=u,e[63]=T,e[64]=M,e[65]=E,e[66]=B):B=e[66],B},me=100,Re={appliedPrefix:"",bulk:[],bulkBusy:!1,bulkError:null,cursor:null,keys:null,listComplete:!1,loadError:null,loading:!1,prefixInput:"",reloadNonce:0,selectedKey:null},ze=(l,e)=>{switch(e.type){case"appendPage":return e.generation!==l.reloadNonce?l:{...l,cursor:e.cursor,keys:[...l.keys??[],...e.keys],listComplete:e.listComplete,loading:!1};case"applyFilter":return{...l,appliedPrefix:l.prefixInput,bulk:[],bulkError:null,cursor:null,keys:null,listComplete:!1,reloadNonce:l.reloadNonce+1,selectedKey:null};case"bulkDeleted":{const s=new Set(e.deleted);return{...l,bulk:l.bulk.filter(c=>!s.has(c)),bulkBusy:!1,bulkError:e.error,keys:l.keys===null?null:l.keys.filter(c=>!s.has(c.name)),selectedKey:l.selectedKey!==null&&s.has(l.selectedKey)?null:l.selectedKey}}case"bulkDeleteStart":return{...l,bulkBusy:!0,bulkError:null};case"firstPage":return{...l,cursor:e.cursor,keys:e.keys,listComplete:e.listComplete,loading:!1};case"keyDeleted":return{...l,bulk:l.bulk.filter(s=>s!==e.name),keys:l.keys===null?null:l.keys.filter(s=>s.name!==e.name),selectedKey:null};case"loadFailed":return e.generation!==void 0&&e.generation!==l.reloadNonce?l:{...l,loadError:e.error,loading:!1};case"loadStart":return{...l,loadError:null,loading:!0};case"prefixInput":return{...l,prefixInput:e.value};case"reload":return{...l,bulk:[],bulkError:null,reloadNonce:l.reloadNonce+1,selectedKey:null};case"selectKey":return{...l,selectedKey:e.name};case"toggleAllBulk":return{...l,bulk:e.names};case"toggleBulk":return{...l,bulk:l.bulk.includes(e.name)?l.bulk.filter(s=>s!==e.name):[...l.bulk,e.name]};default:return l}},Ue=({namespace:l})=>{const e=ee(),s=G(),[c,i]=le(ze,Re),{appliedPrefix:v,bulk:d,bulkBusy:t,bulkError:a,cursor:f,keys:o,listComplete:g,loadError:k,loading:L,prefixInput:K,reloadNonce:V,selectedKey:p}=c,[m,h]=Z(!1);ae(()=>{const n={cancelled:!1};return H((async()=>{i({type:"loadStart"});try{const u=await e.listKvKeys({limit:me,namespace:l,prefix:v===""?void 0:v});n.cancelled||i({cursor:u.cursor??null,keys:u.keys,listComplete:u.listComplete,type:"firstPage"})}catch(u){n.cancelled||i({error:R(u),type:"loadFailed"})}})()),()=>{n.cancelled=!0}},[e,l,v,V]);const x=n=>{i({type:"prefixInput",value:n.target.value})},N=()=>{i({type:"applyFilter"})},C=n=>{i({name:n.currentTarget.dataset.key??null,type:"selectKey"})},y=()=>{if(f===null)return;i({type:"loadStart"});const n=V;H((async()=>{try{const u=await e.listKvKeys({cursor:f,limit:me,namespace:l,prefix:v===""?void 0:v});i({cursor:u.cursor??null,generation:n,keys:u.keys,listComplete:u.listComplete,type:"appendPage"})}catch(u){i({error:R(u),generation:n,type:"loadFailed"})}})())},S=n=>{i({name:n,type:"keyDeleted"})},F=n=>{i({name:n,type:"toggleBulk"})},O=n=>{i({names:n&&o!==null?o.map(u=>u.name):[],type:"toggleAllBulk"})},I=()=>{if(d.length===0)return;const n=[...d];i({type:"bulkDeleteStart"}),H((async()=>{const u=await Promise.allSettled(n.map(E=>e.deleteKvKey({key:E,namespace:l}))),T=n.filter((E,B)=>u[B]?.status==="fulfilled"),M=n.length-T.length;i({deleted:T,error:M>0?s("Failed to delete {count} keys.",{count:M}):null,type:"bulkDeleted"})})())},D=()=>{h(!1),i({type:"reload"})},A=o!==null&&o.length>0&&d.length===o.length,_=new Set(d);return w(be,{children:[w("section",{className:"border border-border bg-card p-3","data-testid":"kv-keys-section",children:[w("div",{className:"mb-3 flex flex-wrap items-center gap-2",children:[r(re,{"aria-label":s("Filter keys by prefix"),className:"min-w-[16rem] flex-1","data-testid":"kv-prefix-input",onChange:x,placeholder:s("Filter by prefix…"),value:K}),r(P,{"data-testid":"kv-filter-btn",disabled:L,onClick:N,children:s("Filter")}),r(P,{"data-testid":"kv-new-key-btn",onClick:()=>{h(n=>!n)},variant:"outline",children:s("New key")}),d.length>0&&r(P,{"data-testid":"kv-bulk-delete-btn",disabled:t,onClick:I,variant:"destructive",children:t?s("Deleting…"):s("Delete {count}",{count:d.length})})]}),a!==null&&r("p",{className:"mb-2 text-sm text-destructive","data-testid":"kv-bulk-error",role:"alert",children:a}),k!==null&&r("p",{className:"text-sm text-destructive","data-testid":"kv-keys-error",role:"alert",children:k}),o!==null&&o.length===0&&!L&&r("p",{className:"text-sm text-muted-foreground","data-testid":"kv-no-keys",children:s("No keys.")}),o!==null&&o.length>0&&r(ve,{className:"overflow-hidden py-0",children:r(fe,{className:"px-0",children:w(pe,{"data-testid":"kv-key-table",children:[r(he,{children:w(X,{children:[r(q,{className:"w-10",children:r(ne,{"aria-label":s("Select all"),checked:A,"data-testid":"kv-select-all",onCheckedChange:O})}),r(q,{children:s("Key")}),r(q,{children:s("Expiration")})]})}),r(ye,{children:o.map(n=>w(X,{className:n.name===p?"border-l-2 border-l-royal-amethyst bg-muted/50":"cursor-pointer","data-key":n.name,"data-testid":`kv-key-row-${n.name}`,onClick:C,children:[r(Q,{onClick:u=>{u.stopPropagation()},children:r(ne,{"aria-label":s("Select {name}",{name:n.name}),checked:_.has(n.name),"data-testid":`kv-select-${n.name}`,onCheckedChange:()=>{F(n.name)}})}),r(Q,{className:"font-mono text-xs",children:n.name}),r(Q,{className:"tabular-nums text-xs",children:Oe(n.expiration)})]},n.name))})]})})}),!g&&f!==null&&r("div",{className:"mt-2",children:r(P,{"data-testid":"kv-load-more",disabled:L,onClick:y,variant:"outline",children:s(L?"Loading…":"Load more")})})]}),r(ie,{onOpenChange:n=>{n||h(!1)},open:m,children:w(de,{className:"w-full gap-0 overflow-y-auto sm:max-w-md","data-testid":"kv-create-sheet",side:"right",children:[r(oe,{children:r(ce,{children:s("New key")})}),r(Pe,{namespace:l,onCancel:()=>{h(!1)},onCreated:D})]})}),r(ie,{onOpenChange:n=>{n||i({name:null,type:"selectKey"})},open:p!==null,children:w(de,{className:"w-full gap-0 overflow-y-auto sm:max-w-md","data-testid":"kv-editor-sheet",side:"right",children:[r(oe,{children:r(ce,{className:"truncate font-mono text-xs",children:p})}),p!==null&&r(He,{expiration:o?.find(n=>n.name===p)?.expiration,keyName:p,namespace:l,onDeleted:S},`${l}:${p}`)]})})]})},ut=({loadNamespaces:l}={})=>{const e=ee(),s=G(),[c,i]=Z(null),[v,d]=Z(null),[t,a]=Z(null);ae(()=>{const o={cancelled:!1};return H((async()=>{try{const g=await(l??(()=>e.listKvNamespaces()))();o.cancelled||(i(g),d(null),a(k=>k??g[0]?.binding??null))}catch(g){o.cancelled||(i(null),d(R(g)))}})()),()=>{o.cancelled=!0}},[e,l]);const f=o=>{a(o.currentTarget.dataset.ns??null)};return w("div",{className:"flex flex-col gap-4","data-testid":"lunora-kv-browser",children:[v!==null&&r("p",{className:"text-sm text-destructive","data-testid":"kv-ns-error",role:"alert",children:v}),c!==null&&c.length===0&&r(Ee,{description:s("Add a kv_namespaces binding to wrangler.jsonc — it appears here automatically, no wiring needed."),icon:r("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:r("path",{d:"M5 5h14v4H5V5Zm0 5h14v4H5v-4Zm0 5h14v4H5v-4Z"})}),testId:"kv-empty",title:s("No KV namespaces.")}),c!==null&&c.length>0&&r(ve,{className:"overflow-hidden py-0",children:r(fe,{className:"px-0",children:w(pe,{"data-testid":"kv-namespace-table",children:[r(he,{children:r(X,{children:r(q,{children:s("Namespace")})})}),r(ye,{children:c.map(o=>r(X,{className:o.binding===t?"border-l-2 border-l-royal-amethyst bg-muted/50":"cursor-pointer","data-ns":o.binding,"data-testid":`kv-ns-row-${o.binding}`,onClick:f,children:r(Q,{className:"font-mono text-xs",children:o.binding})},o.binding))})]})})}),t!==null&&r(Ue,{namespace:t},t)]})};export{ut as KvBrowser};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as b}from"./studio-
|
|
1
|
+
import{S as b}from"./studio-ySYj-BsV.mjs";import"./ErrorBoundary-BWNF98VF.mjs";import"./operation-console-provider-DoloEvon.mjs";import"./badge-r_5B4LHP.mjs";import"./input-CXhxesPC.mjs";import"./skeleton-DX1gfixl.mjs";import"./home-panel-DIaVZra4.mjs";import"./DEFAULT_LOCALE-A1Yg5ORA.mjs";import"./StudioI18nProvider-fVsCSs5L.mjs";import"./data-view-params-DhYmAkcj.mjs";import"./internal-Df43vQI0.mjs";import"./utils-bhneXptQ.mjs";import"./CommandPalette-D9ZY-qQd.mjs";export{b as Studio};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as O}from"react/compiler-runtime";import{LunoraClient as G}from"@lunora/client";import{LunoraProvider as H}from"@lunora/react";import{useState as B,useEffect as $}from"react";import{ErrorBoundary as z}from"./ErrorBoundary-BWNF98VF.mjs";import{u as U,B as V,T as Y,a as q,S as J}from"./studio-
|
|
1
|
+
import{c as O}from"react/compiler-runtime";import{LunoraClient as G}from"@lunora/client";import{LunoraProvider as H}from"@lunora/react";import{useState as B,useEffect as $}from"react";import{ErrorBoundary as z}from"./ErrorBoundary-BWNF98VF.mjs";import{u as U,B as V,T as Y,a as q,S as J}from"./studio-ySYj-BsV.mjs";import Q from"./useDebounced-DVeQ5-oW.mjs";import{useT as j,createStudioI18n as X}from"./DEFAULT_LOCALE-A1Yg5ORA.mjs";import{StudioI18nProvider as D}from"./StudioI18nProvider-fVsCSs5L.mjs";import{r as Z}from"./internal-Df43vQI0.mjs";import{w as R}from"./recording-client-CyFiAE2l.mjs";import F from"./STUDIO_ROOT_CLASS-C6MccdVk.mjs";import{a as K}from"./browser-storage-BH1MxLZs.mjs";import{c as W}from"./utils-bhneXptQ.mjs";import{B as ee}from"./button-q0UYSmrn.mjs";import{I as te}from"./input-CXhxesPC.mjs";import{jsx as m,jsxs as P}from"react/jsx-runtime";const L="lunora-studio-admin-token",oe=()=>{try{return K("session")?.getItem(L)??""}catch{return""}},ne=u=>{const e=K("session");if(e!==void 0)try{u===""?e.removeItem(L):e.setItem(L,u)}catch{}},se="/_lunora/admin/ws-token",ie=1e4,re=u=>{const e=u;return typeof e?.token=="string"&&e.token.length>0&&typeof e.expiresAtMs=="number"},le=u=>{const{adminToken:e,baseUrl:d}=u,o=u.fetchImpl??fetch;let r=d;for(;r.endsWith("/");)r=r.slice(0,-1);const l=`${r}${se}`;let t,n=!1,s;const a=async()=>{const c=await o(l,{headers:{authorization:`Bearer ${e}`},method:"POST"});if(c.status===404||c.status===405)return n=!0,e;if(!c.ok)throw new Error(`ws-token mint failed: ${String(c.status)}`);const i=await c.json().catch(()=>{});if(!re(i))throw new Error("ws-token mint failed: malformed response body");return t=i,i.token};return{getToken:async()=>n?e:t!==void 0&&t.expiresAtMs-ie>Date.now()?t.token:(s??=a().finally(()=>{s=void 0}),s),invalidate:()=>{t=void 0,n=!1}}},ae=u=>{const e=O(42),{onSubmit:d}=u,o=j(),[r,l]=B("");let t;e[0]!==r?(t=r.trim(),e[0]=r,e[1]=t):t=e[1];const n=t;let s;e[2]!==d||e[3]!==n?(s=_=>{_.preventDefault(),n!==""&&d(n)},e[2]=d,e[3]=n,e[4]=s):s=e[4];const a=s;let c;e[5]===Symbol.for("react.memo_cache_sentinel")?(c=m("div",{className:"h-10 w-10 text-foreground",children:m(V,{})}),e[5]=c):c=e[5];let i;e[6]!==o?(i=o("Connect to Lunora Studio"),e[6]=o,e[7]=i):i=e[7];let v;e[8]!==i?(v=m("h1",{className:"text-base font-semibold text-foreground",children:i}),e[8]=i,e[9]=v):v=e[9];let k;e[10]!==o?(k=o("Enter your admin token to access the studio."),e[10]=o,e[11]=k):k=e[11];let p;e[12]!==k?(p=m("p",{className:"text-[13px] text-muted-foreground",children:k}),e[12]=k,e[13]=p):p=e[13];let h;e[14]!==v||e[15]!==p?(h=P("div",{className:"flex flex-col items-center gap-3 text-center",children:[c,P("div",{className:"flex flex-col gap-1",children:[v,p]})]}),e[14]=v,e[15]=p,e[16]=h):h=e[16];let g;e[17]!==o?(g=o("admin token"),e[17]=o,e[18]=g):g=e[18];let f;e[19]!==g?(f=m("label",{className:"text-xs font-medium text-foreground",htmlFor:"lunora-studio-login-token",children:g}),e[19]=g,e[20]=f):f=e[20];let b;e[21]===Symbol.for("react.memo_cache_sentinel")?(b=_=>{l(_.target.value)},e[21]=b):b=e[21];let x;e[22]!==r?(x=m(te,{autoComplete:"off",autoFocus:!0,"data-testid":"lunora-studio-login-token",id:"lunora-studio-login-token",onChange:b,placeholder:"LUNORA_ADMIN_TOKEN",type:"password",value:r}),e[22]=r,e[23]=x):x=e[23];let T;e[24]!==o?(T=o("From your worker's LUNORA_ADMIN_TOKEN — your project's .dev.vars in dev, or a deployment secret in production."),e[24]=o,e[25]=T):T=e[25];let I;e[26]!==T?(I=m("p",{className:"text-[11px] text-muted-foreground",children:T}),e[26]=T,e[27]=I):I=e[27];let S;e[28]!==f||e[29]!==x||e[30]!==I?(S=P("div",{className:"flex flex-col gap-1.5",children:[f,x,I]}),e[28]=f,e[29]=x,e[30]=I,e[31]=S):S=e[31];const E=n==="";let y;e[32]!==o?(y=o("Connect"),e[32]=o,e[33]=y):y=e[33];let w;e[34]!==E||e[35]!==y?(w=m(ee,{"data-testid":"lunora-studio-login-submit",disabled:E,type:"submit",children:y}),e[34]=E,e[35]=y,e[36]=w):w=e[36];let N;return e[37]!==a||e[38]!==S||e[39]!==w||e[40]!==h?(N=P("form",{className:"flex w-full max-w-sm flex-col gap-5 rounded-xl border border-border bg-card p-7 shadow-lg","data-testid":"lunora-studio-login",onSubmit:a,children:[h,S,w]}),e[37]=a,e[38]=S,e[39]=w,e[40]=h,e[41]=N):N=e[41],N},de=u=>{const e=O(10),{i18n:d,onSubmit:o}=u,{resolvedTheme:r}=U(),l=r==="dark"&&"dark";let t;e[0]!==l?(t=W(F,l,"flex h-dvh items-center justify-center bg-sidebar p-6 text-sm text-foreground"),e[0]=l,e[1]=t):t=e[1];let n;e[2]!==o?(n=m(ae,{onSubmit:o}),e[2]=o,e[3]=n):n=e[3];let s;e[4]!==d||e[5]!==n?(s=m(D,{i18n:d,children:n}),e[4]=d,e[5]=n,e[6]=s):s=e[6];let a;return e[7]!==t||e[8]!==s?(a=m("div",{className:t,"data-testid":"lunora-studio-login-root",children:s}),e[7]=t,e[8]=s,e[9]=a):a=e[9],a},ce=u=>{const e=O(15),{basePath:d,chrome:o,studio:r}=u,l=j();let t;e[0]!==l?(t=l("Studio failed"),e[0]=l,e[1]=t):t=e[1];let n;e[2]!==l?(n=l("Studio"),e[2]=l,e[3]=n):n=e[3];let s;e[4]!==l?(s=l("Try again"),e[4]=l,e[5]=s):s=e[5];let a;e[6]!==d||e[7]!==o||e[8]!==r?(a=m(J,{...r,basePath:d,chrome:o}),e[6]=d,e[7]=o,e[8]=r,e[9]=a):a=e[9];let c;return e[10]!==t||e[11]!==n||e[12]!==s||e[13]!==a?(c=m(z,{fallbackTitle:t,label:n,retryLabel:s,children:a}),e[10]=t,e[11]=n,e[12]=s,e[13]=a,e[14]=c):c=e[14],c},fe=u=>{const e=O(20),{basePath:d,clearToken:o,client:r,i18n:l,onTokenChange:t,rulesInstalled:n,studio:s,token:a}=u,{resolvedTheme:c}=U();let i;e[0]!==o||e[1]!==t||e[2]!==n||e[3]!==a?(i={clearToken:o,onTokenChange:t,rulesInstalled:n,token:a},e[0]=o,e[1]=t,e[2]=n,e[3]=a,e[4]=i):i=e[4];const v=i,k=c==="dark"&&"dark";let p;e[5]!==k?(p=W(F,k,"flex h-dvh flex-col overflow-hidden bg-sidebar text-sm text-foreground"),e[5]=k,e[6]=p):p=e[6];let h;e[7]!==d||e[8]!==v||e[9]!==s?(h=m(q,{children:m(ce,{basePath:d,chrome:v,studio:s})}),e[7]=d,e[8]=v,e[9]=s,e[10]=h):h=e[10];let g;e[11]!==l||e[12]!==h?(g=m(D,{i18n:l,children:h}),e[11]=l,e[12]=h,e[13]=g):g=e[13];let f;e[14]!==r||e[15]!==g?(f=m(H,{client:r,children:g}),e[14]=r,e[15]=g,e[16]=f):f=e[16];let b;return e[17]!==p||e[18]!==f?(b=m("div",{className:p,"data-testid":"lunora-studio-app",children:f}),e[17]=p,e[18]=f,e[19]=b):b=e[19],b},Ee=u=>{const e=O(28);let d;e[0]!==u?(d=u===void 0?{}:u,e[0]=u,e[1]=d):d=e[1];const{adminToken:o,basePath:r,baseUrl:l,client:t,rulesInstalled:n,studio:s,locale:a}=d;let c;e[2]!==o?(c=()=>o??oe(),e[2]=o,e[3]=c):c=e[3];const[i,v]=B(c);let k,p;e[4]!==i?(k=()=>{ne(i)},p=[i],e[4]=i,e[5]=k,e[6]=p):(k=e[5],p=e[6]),$(k,p);const h=Q(i,300,i==="");let g;e:{if(t!==void 0){let A;e[7]!==t?(A=R(t),e[7]=t,e[8]=A):A=e[8],g=A;break e}let _;if(e[9]!==l||e[10]!==h){const A=Z(l),M=h===""?void 0:le({adminToken:h,baseUrl:A}),C=new G({url:A,...M===void 0?{}:{wsToken:M.getToken}});M!==void 0&&(C.setAuthToken(h),C.onTokenExpired(M.invalidate)),_=R(C),e[9]=l,e[10]=h,e[11]=_}else _=e[11];g=_}const f=g;let b,x;e[12]!==f||e[13]!==t?(b=()=>()=>{t===void 0&&f.close()},x=[f,t],e[12]=f,e[13]=t,e[14]=b,e[15]=x):(b=e[14],x=e[15]),$(b,x);let T;e[16]===Symbol.for("react.memo_cache_sentinel")?(T=_=>{v(_.target.value)},e[16]=T):T=e[16];const I=T;let S;e[17]===Symbol.for("react.memo_cache_sentinel")?(S=()=>{v("")},e[17]=S):S=e[17];const E=S;let y;e[18]!==a?(y=X(a),e[18]=a,e[19]=y):y=e[19];const w=y;let N;return e[20]!==r||e[21]!==f||e[22]!==w||e[23]!==t||e[24]!==n||e[25]!==s||e[26]!==i?(N=m(Y,{children:i===""&&t===void 0?m(de,{i18n:w,onSubmit:v}):m(fe,{basePath:r,clearToken:E,client:f,i18n:w,onTokenChange:I,rulesInstalled:n,studio:s,token:i})}),e[20]=r,e[21]=f,e[22]=w,e[23]=t,e[24]=n,e[25]=s,e[26]=i,e[27]=N):N=e[27],N};export{Ee as StudioApp};
|
|
@@ -1,22 +1,19 @@
|
|
|
1
1
|
import { CronJobInfo, ScheduleRecord, LunoraClient } from '@lunora/client';
|
|
2
2
|
import { ReactElement } from 'react';
|
|
3
3
|
import { I18n } from '@lingui/core';
|
|
4
|
-
import {
|
|
4
|
+
import { FunctionUsagePanel, AnalyticsSqlQueryResult } from '@lunora/bindings/analytics-sql';
|
|
5
5
|
interface AnalyticsPanelProps {
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
8
|
-
*
|
|
7
|
+
* Resolve one usage panel. The panel sends only its key; the host's runner
|
|
8
|
+
* calls an action that builds the statement server-side with
|
|
9
|
+
* `functionUsageQuery(panel)` from `@lunora/bindings/analytics-sql` and runs it
|
|
10
|
+
* through `ctx.analyticsSql`. That action reads account analytics, so it must
|
|
11
|
+
* be admin-gated, and it must take the panel key, never SQL: an action that
|
|
12
|
+
* ran caller-supplied SQL could read every dataset in the account. Studio passes
|
|
13
|
+
* its analyticsSqlQuery prop through here; with none, the panel renders an empty
|
|
14
|
+
* state and makes no network call.
|
|
9
15
|
*/
|
|
10
|
-
readonly
|
|
11
|
-
/**
|
|
12
|
-
* Run one Analytics Engine SQL statement and resolve its result. The panel has
|
|
13
|
-
* no default: the AE SQL API authenticates with an **account-scoped Cloudflare
|
|
14
|
-
* API token**, and a browser bundle is the last place that may hold one. The
|
|
15
|
-
* host supplies a runner that proxies the statement through its own worker
|
|
16
|
-
* (thread it in as `StudioProps.analyticsQuery`); with none, the panel renders
|
|
17
|
-
* an empty state and makes no network call.
|
|
18
|
-
*/
|
|
19
|
-
readonly runQuery?: (sql: string) => Promise<AnalyticsSqlResult>;
|
|
16
|
+
readonly runQuery?: (panel: FunctionUsagePanel) => Promise<AnalyticsSqlQueryResult>;
|
|
20
17
|
}
|
|
21
18
|
interface CronTriggersPanelProps {
|
|
22
19
|
/**
|
|
@@ -110,12 +107,24 @@ interface FunctionDescriptor {
|
|
|
110
107
|
type RunStatus = "error" | "idle" | "running" | "success";
|
|
111
108
|
interface StudioProps {
|
|
112
109
|
/**
|
|
113
|
-
*
|
|
114
|
-
*
|
|
115
|
-
*
|
|
116
|
-
*
|
|
117
|
-
*
|
|
118
|
-
*
|
|
110
|
+
* Resolve one Analytics tab panel by its key (`"volume"`, `"latency"`,
|
|
111
|
+
* `"hotShards"`). Supply a runner that calls an action in your app which
|
|
112
|
+
* builds the statement server-side and runs it through `ctx.analyticsSql`:
|
|
113
|
+
*
|
|
114
|
+
* ```ts
|
|
115
|
+
* // lunora/studio-analytics.ts
|
|
116
|
+
* export const usagePanel = action.input({ panel: v.string() }).action(async ({ args, ctx }) => {
|
|
117
|
+
* assertAdmin(ctx); // your own admin check: this reads account analytics
|
|
118
|
+
* if (!isFunctionUsagePanel(args.panel)) throw new LunoraError("BAD_REQUEST", "unknown panel");
|
|
119
|
+
* const { params, query } = functionUsageQuery(args.panel);
|
|
120
|
+
* return ctx.analyticsSql.query(query, params);
|
|
121
|
+
* });
|
|
122
|
+
* ```
|
|
123
|
+
*
|
|
124
|
+
* The action MUST be admin-gated and MUST take the panel key, never SQL: an
|
|
125
|
+
* action running caller-supplied SQL could read every dataset in the account.
|
|
126
|
+
* Without a runner the Analytics tab renders an empty state and issues no
|
|
127
|
+
* request.
|
|
119
128
|
*
|
|
120
129
|
* Pass a STABLE reference — a module-level function, or one held in a
|
|
121
130
|
* `useCallback`/ref. It is read while building the tab router, so a fresh
|
|
@@ -123,7 +132,7 @@ interface StudioProps {
|
|
|
123
132
|
* tree, losing in-progress query state. The same holds for `scheduledLoad`,
|
|
124
133
|
* `scheduledCancel` and `scheduledCron`.
|
|
125
134
|
*/
|
|
126
|
-
readonly
|
|
135
|
+
readonly analyticsSqlQuery?: AnalyticsPanelProps["runQuery"];
|
|
127
136
|
/**
|
|
128
137
|
* URL path prefix the studio is mounted under, passed to the router as its
|
|
129
138
|
* `basepath`. Defaults to `/` (mounted at the origin root). The `@lunora/vite`
|
|
@@ -1,22 +1,19 @@
|
|
|
1
1
|
import { CronJobInfo, ScheduleRecord, LunoraClient } from '@lunora/client';
|
|
2
2
|
import { ReactElement } from 'react';
|
|
3
3
|
import { I18n } from '@lingui/core';
|
|
4
|
-
import {
|
|
4
|
+
import { FunctionUsagePanel, AnalyticsSqlQueryResult } from '@lunora/bindings/analytics-sql';
|
|
5
5
|
interface AnalyticsPanelProps {
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
8
|
-
*
|
|
7
|
+
* Resolve one usage panel. The panel sends only its key; the host's runner
|
|
8
|
+
* calls an action that builds the statement server-side with
|
|
9
|
+
* `functionUsageQuery(panel)` from `@lunora/bindings/analytics-sql` and runs it
|
|
10
|
+
* through `ctx.analyticsSql`. That action reads account analytics, so it must
|
|
11
|
+
* be admin-gated, and it must take the panel key, never SQL: an action that
|
|
12
|
+
* ran caller-supplied SQL could read every dataset in the account. Studio passes
|
|
13
|
+
* its analyticsSqlQuery prop through here; with none, the panel renders an empty
|
|
14
|
+
* state and makes no network call.
|
|
9
15
|
*/
|
|
10
|
-
readonly
|
|
11
|
-
/**
|
|
12
|
-
* Run one Analytics Engine SQL statement and resolve its result. The panel has
|
|
13
|
-
* no default: the AE SQL API authenticates with an **account-scoped Cloudflare
|
|
14
|
-
* API token**, and a browser bundle is the last place that may hold one. The
|
|
15
|
-
* host supplies a runner that proxies the statement through its own worker
|
|
16
|
-
* (thread it in as `StudioProps.analyticsQuery`); with none, the panel renders
|
|
17
|
-
* an empty state and makes no network call.
|
|
18
|
-
*/
|
|
19
|
-
readonly runQuery?: (sql: string) => Promise<AnalyticsSqlResult>;
|
|
16
|
+
readonly runQuery?: (panel: FunctionUsagePanel) => Promise<AnalyticsSqlQueryResult>;
|
|
20
17
|
}
|
|
21
18
|
interface CronTriggersPanelProps {
|
|
22
19
|
/**
|
|
@@ -110,12 +107,24 @@ interface FunctionDescriptor {
|
|
|
110
107
|
type RunStatus = "error" | "idle" | "running" | "success";
|
|
111
108
|
interface StudioProps {
|
|
112
109
|
/**
|
|
113
|
-
*
|
|
114
|
-
*
|
|
115
|
-
*
|
|
116
|
-
*
|
|
117
|
-
*
|
|
118
|
-
*
|
|
110
|
+
* Resolve one Analytics tab panel by its key (`"volume"`, `"latency"`,
|
|
111
|
+
* `"hotShards"`). Supply a runner that calls an action in your app which
|
|
112
|
+
* builds the statement server-side and runs it through `ctx.analyticsSql`:
|
|
113
|
+
*
|
|
114
|
+
* ```ts
|
|
115
|
+
* // lunora/studio-analytics.ts
|
|
116
|
+
* export const usagePanel = action.input({ panel: v.string() }).action(async ({ args, ctx }) => {
|
|
117
|
+
* assertAdmin(ctx); // your own admin check: this reads account analytics
|
|
118
|
+
* if (!isFunctionUsagePanel(args.panel)) throw new LunoraError("BAD_REQUEST", "unknown panel");
|
|
119
|
+
* const { params, query } = functionUsageQuery(args.panel);
|
|
120
|
+
* return ctx.analyticsSql.query(query, params);
|
|
121
|
+
* });
|
|
122
|
+
* ```
|
|
123
|
+
*
|
|
124
|
+
* The action MUST be admin-gated and MUST take the panel key, never SQL: an
|
|
125
|
+
* action running caller-supplied SQL could read every dataset in the account.
|
|
126
|
+
* Without a runner the Analytics tab renders an empty state and issues no
|
|
127
|
+
* request.
|
|
119
128
|
*
|
|
120
129
|
* Pass a STABLE reference — a module-level function, or one held in a
|
|
121
130
|
* `useCallback`/ref. It is read while building the tab router, so a fresh
|
|
@@ -123,7 +132,7 @@ interface StudioProps {
|
|
|
123
132
|
* tree, losing in-progress query state. The same holds for `scheduledLoad`,
|
|
124
133
|
* `scheduledCancel` and `scheduledCron`.
|
|
125
134
|
*/
|
|
126
|
-
readonly
|
|
135
|
+
readonly analyticsSqlQuery?: AnalyticsPanelProps["runQuery"];
|
|
127
136
|
/**
|
|
128
137
|
* URL path prefix the studio is mounted under, passed to the router as its
|
|
129
138
|
* `basepath`. Defaults to `/` (mounted at the origin root). The `@lunora/vite`
|