@lunora/studio 1.0.0-alpha.59 → 1.0.0-alpha.60

package/dist/packem_chunks/containers-panel.js

@@ -1,261 +1 @@
-import { c } from 'react/compiler-runtime';
-import 'react';
-import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.js';
-import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
-import { C as Card, a as CardContent } from '../packem_shared/card-F2vH_aj2.js';
-import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
-import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
-import { u as useAdminQuery } from '../packem_shared/use-admin-query-C7JNuQp-.js';
-import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-P2UzJscH.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const CONTAINER_LOG_PREFIX = "container:";
-const EVENT_STATE = {
-  error: "error",
-  sleep: "sleeping",
-  start: "running",
-  stop: "stopped"
-};
-const parseContainerMessage = (message) => {
-  const separator = message.indexOf(":");
-  if (separator === -1) {
-    return {
-      event: message.trim()
-    };
-  }
-  const detail = message.slice(separator + 1).trim();
-  const event = message.slice(0, separator).trim();
-  return detail === "" ? {
-    event
-  } : {
-    detail,
-    event
-  };
-};
-const foldContainerInstances = (entries) => {
-  const latest = /* @__PURE__ */ new Map();
-  for (const entry of entries) {
-    const path = entry.functionPath ?? "";
-    if (!path.startsWith(CONTAINER_LOG_PREFIX)) {
-      continue;
-    }
-    const name = path.slice(CONTAINER_LOG_PREFIX.length);
-    if (name === "") {
-      continue;
-    }
-    const key = JSON.stringify([name, entry.instance ?? ""]);
-    const previous = latest.get(key);
-    if (previous !== void 0 && previous.timestamp >= entry.timestamp) {
-      continue;
-    }
-    const {
-      detail,
-      event
-    } = parseContainerMessage(entry.message);
-    latest.set(key, {
-      detail,
-      event,
-      exitCode: entry.exitCode,
-      instance: entry.instance,
-      level: entry.level,
-      name,
-      state: EVENT_STATE[event] ?? "unknown",
-      timestamp: entry.timestamp
-    });
-  }
-  return [...latest.values()].toSorted((a, b) => a.name.localeCompare(b.name) || (a.instance ?? "").localeCompare(b.instance ?? ""));
-};
-
-const STATE_VARIANT = {
-  error: "destructive",
-  running: "success",
-  sleeping: "info",
-  stopped: "outline",
-  unknown: "secondary"
-};
-const entriesOf = (result) => {
-  const {
-    entries
-  } = result ?? {};
-  return Array.isArray(entries) ? entries : [];
-};
-const ContainersPanel = () => {
-  const $ = c(23);
-  const t = useT();
-  let t0;
-  let t1;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t0 = {};
-    t1 = {
-      live: true,
-      shardKey: ""
-    };
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t0 = $[0];
-    t1 = $[1];
-  }
-  const {
-    data,
-    error,
-    liveError
-  } = useAdminQuery(ADMIN_FUNCTIONS.getLogs, t0, t1);
-  const loaded = data !== void 0;
-  let t2;
-  if ($[2] !== data) {
-    t2 = foldContainerInstances(entriesOf(data));
-    $[2] = data;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const rows = t2;
-  let t3;
-  if ($[4] !== error) {
-    t3 = error !== null && /* @__PURE__ */ jsxDEV("p", {
-      className: "text-sm text-destructive",
-      "data-testid": "containers-error",
-      role: "alert",
-      children: error
-    }, void 0, false);
-    $[4] = error;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== t) {
-    t4 = t("Cloudflare Containers are observed from their lifecycle log stream. This shows the current state per instance — ports and health checks aren't carried in that stream.");
-    $[6] = t;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== t4) {
-    t5 = /* @__PURE__ */ jsxDEV("p", {
-      className: "text-sm text-muted-foreground",
-      children: t4
-    }, void 0, false);
-    $[8] = t4;
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
-  let t6;
-  if ($[10] !== liveError) {
-    t6 = /* @__PURE__ */ jsxDEV(LiveError, {
-      message: liveError,
-      prefix: "containers"
-    }, void 0, false);
-    $[10] = liveError;
-    $[11] = t6;
-  } else {
-    t6 = $[11];
-  }
-  let t7;
-  if ($[12] !== t5 || $[13] !== t6) {
-    t7 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-wrap items-center gap-2",
-      children: [t5, t6]
-    }, void 0, true);
-    $[12] = t5;
-    $[13] = t6;
-    $[14] = t7;
-  } else {
-    t7 = $[14];
-  }
-  let t8;
-  if ($[15] !== loaded || $[16] !== rows || $[17] !== t) {
-    t8 = loaded && rows.length === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
-      description: t("No container lifecycle activity yet. Instances declared with defineContainer show up here once they start, sleep, stop, or error."),
-      testId: "containers-empty",
-      title: t("No container activity")
-    }, void 0, false) : /* @__PURE__ */ jsxDEV(Card, {
-      className: "overflow-hidden py-0",
-      children: /* @__PURE__ */ jsxDEV(CardContent, {
-        className: "px-0",
-        children: /* @__PURE__ */ jsxDEV(Table, {
-          "data-testid": "containers-table",
-          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
-            children: /* @__PURE__ */ jsxDEV(TableRow, {
-              children: [/* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("Container")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("Instance")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("State")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("Last event")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("Detail")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("Exit")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("When")
-              }, void 0, false)]
-            }, void 0, true)
-          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
-            children: rows.map(_temp)
-          }, void 0, false)]
-        }, void 0, true)
-      }, void 0, false)
-    }, void 0, false);
-    $[15] = loaded;
-    $[16] = rows;
-    $[17] = t;
-    $[18] = t8;
-  } else {
-    t8 = $[18];
-  }
-  let t9;
-  if ($[19] !== t3 || $[20] !== t7 || $[21] !== t8) {
-    t9 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-6",
-      "data-testid": "lunora-containers-panel",
-      children: [t3, t7, t8]
-    }, void 0, true);
-    $[19] = t3;
-    $[20] = t7;
-    $[21] = t8;
-    $[22] = t9;
-  } else {
-    t9 = $[22];
-  }
-  return t9;
-};
-function _temp(row) {
-  return /* @__PURE__ */ jsxDEV(TableRow, {
-    "data-testid": `containers-row-${row.name}${row.instance === void 0 ? "" : `-${row.instance}`}`,
-    children: [/* @__PURE__ */ jsxDEV(TableCell, {
-      className: "font-mono text-xs",
-      children: row.name
-    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-      className: "max-w-40 truncate font-mono text-xs text-muted-foreground",
-      title: row.instance,
-      children: row.instance ?? "—"
-    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-      children: /* @__PURE__ */ jsxDEV(Badge, {
-        variant: STATE_VARIANT[row.state],
-        children: row.state
-      }, void 0, false)
-    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-      className: "font-mono text-xs text-muted-foreground",
-      children: row.event
-    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-      className: "max-w-64 truncate text-xs text-muted-foreground",
-      title: row.detail,
-      children: row.detail ?? "—"
-    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-      className: "font-mono text-xs tabular-nums text-muted-foreground",
-      children: row.exitCode ?? "—"
-    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-      className: "text-xs tabular-nums text-muted-foreground",
-      children: new Date(row.timestamp).toLocaleString()
-    }, void 0, false)]
-  }, `${row.name}/${row.instance ?? ""}`, true);
-}
-
-export { ContainersPanel };
+import{c as C}from"react/compiler-runtime";import"react";import{L as S}from"../packem_shared/live-status-CGW2JHf_.js";import{g as b}from"../packem_shared/badge-BbuuAio7.js";import{c as E,u as I}from"../packem_shared/card-CIDGUN6K.js";import{E as L}from"../packem_shared/empty-state-Cg7t_8qu.js";import{n as k,d as A,m as w,p as c,f as D,u as l}from"../packem_shared/table-DdJBrClo.js";import{K as M}from"../packem_shared/use-admin-query-Di3fLE8H.js";import{useT as O}from"../packem_shared/DEFAULT_LOCALE-BZ4NojpD.js";import{ADMIN_FUNCTIONS as T}from"../packem_shared/ADMIN_FUNCTIONS-BYNSbBVE.js";import{jsx as n,jsxs as g}from"react/jsx-runtime";const $="container:",_={error:"error",sleep:"sleeping",start:"running",stop:"stopped"},j=e=>{const t=e.indexOf(":");if(t===-1)return{event:e.trim()};const r=e.slice(t+1).trim(),a=e.slice(0,t).trim();return r===""?{event:a}:{detail:r,event:a}},K=e=>{const t=new Map;for(const r of e){const a=r.functionPath??"";if(!a.startsWith($))continue;const s=a.slice($.length);if(s==="")continue;const i=JSON.stringify([s,r.instance??""]),m=t.get(i);if(m!==void 0&&m.timestamp>=r.timestamp)continue;const{detail:v,event:o}=j(r.message);t.set(i,{detail:v,event:o,exitCode:r.exitCode,instance:r.instance,level:r.level,name:s,state:_[o]??"unknown",timestamp:r.timestamp})}return[...t.values()].toSorted((r,a)=>r.name.localeCompare(a.name)||(r.instance??"").localeCompare(a.instance??""))},P={error:"destructive",running:"success",sleeping:"info",stopped:"outline",unknown:"secondary"},W=e=>{const{entries:t}=e??{};return Array.isArray(t)?t:[]},Y=()=>{const e=C(23),t=O();let r,a;e[0]===Symbol.for("react.memo_cache_sentinel")?(r={},a={live:!0,shardKey:""},e[0]=r,e[1]=a):(r=e[0],a=e[1]);const{data:s,error:i,liveError:m}=M(T.getLogs,r,a),v=s!==void 0;let o;e[2]!==s?(o=K(W(s)),e[2]=s,e[3]=o):o=e[3];const N=o;let d;e[4]!==i?(d=i!==null&&n("p",{className:"text-sm text-destructive","data-testid":"containers-error",role:"alert",children:i}),e[4]=i,e[5]=d):d=e[5];let p;e[6]!==t?(p=t("Cloudflare Containers are observed from their lifecycle log stream. This shows the current state per instance — ports and health checks aren't carried in that stream."),e[6]=t,e[7]=p):p=e[7];let u;e[8]!==p?(u=n("p",{className:"text-sm text-muted-foreground",children:p}),e[8]=p,e[9]=u):u=e[9];let f;e[10]!==m?(f=n(S,{message:m,prefix:"containers"}),e[10]=m,e[11]=f):f=e[11];let h;e[12]!==u||e[13]!==f?(h=g("div",{className:"flex flex-wrap items-center gap-2",children:[u,f]}),e[12]=u,e[13]=f,e[14]=h):h=e[14];let x;e[15]!==v||e[16]!==N||e[17]!==t?(x=v&&N.length===0?n(L,{description:t("No container lifecycle activity yet. Instances declared with defineContainer show up here once they start, sleep, stop, or error."),testId:"containers-empty",title:t("No container activity")}):n(E,{className:"overflow-hidden py-0",children:n(I,{className:"px-0",children:g(k,{"data-testid":"containers-table",children:[n(A,{children:g(w,{children:[n(c,{children:t("Container")}),n(c,{children:t("Instance")}),n(c,{children:t("State")}),n(c,{children:t("Last event")}),n(c,{children:t("Detail")}),n(c,{children:t("Exit")}),n(c,{children:t("When")})]})}),n(D,{children:N.map(B)})]})})}),e[15]=v,e[16]=N,e[17]=t,e[18]=x):x=e[18];let y;return e[19]!==d||e[20]!==h||e[21]!==x?(y=g("div",{className:"flex flex-col gap-6","data-testid":"lunora-containers-panel",children:[d,h,x]}),e[19]=d,e[20]=h,e[21]=x,e[22]=y):y=e[22],y};function B(e){return g(w,{"data-testid":`containers-row-${e.name}${e.instance===void 0?"":`-${e.instance}`}`,children:[n(l,{className:"font-mono text-xs",children:e.name}),n(l,{className:"max-w-40 truncate font-mono text-xs text-muted-foreground",title:e.instance,children:e.instance??"—"}),n(l,{children:n(b,{variant:P[e.state],children:e.state})}),n(l,{className:"font-mono text-xs text-muted-foreground",children:e.event}),n(l,{className:"max-w-64 truncate text-xs text-muted-foreground",title:e.detail,children:e.detail??"—"}),n(l,{className:"font-mono text-xs tabular-nums text-muted-foreground",children:e.exitCode??"—"}),n(l,{className:"text-xs tabular-nums text-muted-foreground",children:new Date(e.timestamp).toLocaleString()})]},`${e.name}/${e.instance??""}`)}export{Y as ContainersPanel};