@lunora/studio 0.0.0 → 1.0.0-alpha.10

package/dist/packem_shared/ScheduledJobs-UmVaMbJy.js

@@ -0,0 +1,262 @@
+import { c } from 'react/compiler-runtime';
+import { useLunora } from '@lunora/react';
+import { useState, useEffect } from 'react';
+import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.js';
+import { C as Card, a as CardContent } from './card-DURq3ElK.js';
+import { E as EmptyState } from './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 './table-_RzNvy3R.js';
+import { b as useClientQuery } from './use-admin-query-4JQW2rr1.js';
+import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { f as fireAndForget, b as formatTimestamp, e as errorMessage } from './internal-rXJEAhXS.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const formatScheduledFor = (value) => Number.isFinite(value) ? formatTimestamp(value, "—") : "—";
+const sortByDue = (records) => records.toSorted((a, b) => a.scheduledFor - b.scheduledFor);
+const ScheduledJobs = (t0) => {
+  const $ = c(33);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === void 0 ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    cancelJob,
+    loadJobs
+  } = t1;
+  const client = useLunora();
+  const t = useT();
+  const livePush = loadJobs === void 0;
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = ["lunora-scheduled-jobs"];
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== client || $[4] !== loadJobs) {
+    t3 = async () => {
+      const records = await (loadJobs ?? (() => client.listScheduledJobs()))();
+      return sortByDue(records);
+    };
+    $[3] = client;
+    $[4] = loadJobs;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const jobsQuery = useClientQuery(t2, t3);
+  const [liveJobs, setLiveJobs] = useState(void 0);
+  const [liveError, setLiveError] = useState(void 0);
+  let t4;
+  let t5;
+  if ($[6] !== client || $[7] !== livePush) {
+    t4 = () => {
+      if (!livePush) {
+        return;
+      }
+      return client.subscribeScheduledJobs((records_0) => {
+        setLiveError(void 0);
+        setLiveJobs(sortByDue(records_0));
+      });
+    };
+    t5 = [livePush, client];
+    $[6] = client;
+    $[7] = livePush;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t4 = $[8];
+    t5 = $[9];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[10] !== jobsQuery) {
+    t6 = () => {
+      jobsQuery.refetch();
+    };
+    $[10] = jobsQuery;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  useAutoRefresh(t6, !livePush);
+  let t7;
+  bb0: {
+    if (cancelJob !== void 0) {
+      t7 = cancelJob;
+      break bb0;
+    }
+    let t82;
+    if ($[12] !== client || $[13] !== loadJobs) {
+      t82 = loadJobs === void 0 ? (id) => client.cancelScheduledJob(id) : void 0;
+      $[12] = client;
+      $[13] = loadJobs;
+      $[14] = t82;
+    } else {
+      t82 = $[14];
+    }
+    t7 = t82;
+  }
+  const cancelImpl = t7;
+  const jobs = liveJobs ?? jobsQuery.data;
+  const error = liveError ?? jobsQuery.error;
+  let t8;
+  if ($[15] !== cancelImpl || $[16] !== jobsQuery || $[17] !== livePush) {
+    t8 = async (id_0) => {
+      if (cancelImpl === void 0) {
+        return;
+      }
+      setLiveError(void 0);
+      try {
+        await cancelImpl(id_0);
+        if (!livePush) {
+          jobsQuery.refetch();
+        }
+      } catch (t92) {
+        const error_ = t92;
+        setLiveError(errorMessage(error_));
+      }
+    };
+    $[15] = cancelImpl;
+    $[16] = jobsQuery;
+    $[17] = livePush;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  const cancel = t8;
+  let t9;
+  if ($[19] !== error) {
+    t9 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "sj-error",
+      role: "alert",
+      children: error
+    }, void 0, false);
+    $[19] = error;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  let t10;
+  if ($[21] !== jobs?.length || $[22] !== t) {
+    t10 = jobs?.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("Jobs queued with runAfter / runAt will appear here."),
+      icon: /* @__PURE__ */ jsxDEV("svg", {
+        "aria-hidden": "true",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.6,
+        viewBox: "0 0 24 24",
+        children: [/* @__PURE__ */ jsxDEV("circle", {
+          cx: "12",
+          cy: "12",
+          r: "9"
+        }, void 0, false), /* @__PURE__ */ jsxDEV("path", {
+          d: "M12 7.5V12l4 2"
+        }, void 0, false)]
+      }, void 0, true),
+      testId: "sj-empty",
+      title: t("No scheduled jobs.")
+    }, void 0, false);
+    $[21] = jobs?.length;
+    $[22] = t;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  let t11;
+  if ($[24] !== cancel || $[25] !== cancelImpl || $[26] !== jobs || $[27] !== t) {
+    t11 = jobs !== void 0 && jobs.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
+      className: "overflow-hidden py-0",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "px-0",
+        children: /* @__PURE__ */ jsxDEV(Table, {
+          "data-testid": "sj-table",
+          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+            children: /* @__PURE__ */ jsxDEV(TableRow, {
+              children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("function")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("scheduled for")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("pool")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("attempts")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("shard")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("id")
+              }, void 0, false), cancelImpl !== void 0 && /* @__PURE__ */ jsxDEV(TableHead, {
+                "aria-label": t("Actions")
+              }, void 0, false)]
+            }, void 0, true)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+            children: jobs.map((job) => /* @__PURE__ */ jsxDEV(TableRow, {
+              "data-testid": `sj-row-${job.id}`,
+              children: [/* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-mono text-xs",
+                children: job.functionPath
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "text-muted-foreground tabular-nums",
+                children: formatScheduledFor(job.scheduledFor)
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-mono text-xs",
+                children: job.pool ?? ""
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "tabular-nums",
+                children: job.attempts ?? 0
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                children: job.shardKey ?? ""
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-mono text-xs",
+                children: job.id
+              }, void 0, false), cancelImpl !== void 0 && /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "text-right",
+                children: /* @__PURE__ */ jsxDEV(ConfirmButton, {
+                  confirmLabel: t("Cancel job?"),
+                  onConfirm: () => {
+                    fireAndForget(cancel(job.id));
+                  },
+                  testId: `sj-cancel-${job.id}`,
+                  children: t("Cancel")
+                }, void 0, false)
+              }, void 0, false)]
+            }, job.id, true))
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false)
+    }, void 0, false);
+    $[24] = cancel;
+    $[25] = cancelImpl;
+    $[26] = jobs;
+    $[27] = t;
+    $[28] = t11;
+  } else {
+    t11 = $[28];
+  }
+  let t12;
+  if ($[29] !== t10 || $[30] !== t11 || $[31] !== t9) {
+    t12 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-3",
+      "data-testid": "lunora-scheduled-jobs",
+      children: [t9, t10, t11]
+    }, void 0, true);
+    $[29] = t10;
+    $[30] = t11;
+    $[31] = t9;
+    $[32] = t12;
+  } else {
+    t12 = $[32];
+  }
+  return t12;
+};
+
+export { ScheduledJobs };