@lunora/studio 0.0.0 → 1.0.0-alpha.2

package/dist/packem_shared/ScheduledJobs-Ok1CYYwI.js

@@ -0,0 +1,159 @@
+import { useLunora } from '@lunora/react';
+import { useState, useMemo, useEffect } from 'react';
+import { ConfirmButton } from './ConfirmButton-WQVUoGFb.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 { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { f as fireAndForget, e as errorMessage, d as formatTimestamp } from './internal-BBZYexre.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const formatScheduledFor = (value) => Number.isFinite(value) ? formatTimestamp(value, "—") : "—";
+const ScheduledJobs = ({
+  cancelJob,
+  loadJobs
+} = {}) => {
+  const client = useLunora();
+  const t = useT();
+  const [jobs, setJobs] = useState(null);
+  const [error, setError] = useState(null);
+  const load = loadJobs ?? (() => client.listScheduledJobs());
+  const cancelImpl = useMemo(() => {
+    if (cancelJob !== void 0) {
+      return cancelJob;
+    }
+    return loadJobs === void 0 ? (id) => client.cancelScheduledJob(id) : void 0;
+  }, [cancelJob, client, loadJobs]);
+  const refresh = async () => {
+    setError(null);
+    try {
+      const records = await load();
+      setJobs(records.toSorted((a, b) => a.scheduledFor - b.scheduledFor));
+    } catch (error_) {
+      setJobs(null);
+      setError(errorMessage(error_));
+    }
+  };
+  useEffect(() => {
+    fireAndForget(refresh());
+  }, []);
+  const livePush = loadJobs === void 0;
+  useEffect(() => {
+    if (!livePush) {
+      return void 0;
+    }
+    return client.subscribeScheduledJobs((records) => {
+      setError(null);
+      setJobs(records.toSorted((a, b) => a.scheduledFor - b.scheduledFor));
+    });
+  }, [livePush, client]);
+  useAutoRefresh(() => {
+    fireAndForget(refresh());
+  }, !livePush);
+  const cancel = async (id) => {
+    if (cancelImpl === void 0) {
+      return;
+    }
+    setError(null);
+    try {
+      await cancelImpl(id);
+      if (!livePush) {
+        await refresh();
+      }
+    } catch (error_) {
+      setError(errorMessage(error_));
+    }
+  };
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex flex-col gap-3",
+    "data-testid": "lunora-scheduled-jobs",
+    children: [error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "sj-error",
+      role: "alert",
+      children: error
+    }, void 0, false), jobs !== null && 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), jobs !== null && 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)]
+  }, void 0, true);
+};
+
+export { ScheduledJobs };