@lunora/studio 1.0.0-alpha.3 → 1.0.0-alpha.30

package/dist/packem_chunks/queues-panel.js

@@ -0,0 +1,147 @@
+import { c } from 'react/compiler-runtime';
+import 'react';
+import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.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-BViPA3US.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-CdaxLGkE.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const QueuesPanel = () => {
+  const $ = c(17);
+  const t = useT();
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {};
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const {
+    data,
+    error
+  } = useAdminQuery(ADMIN_FUNCTIONS.listQueues, t0);
+  const loaded = data !== void 0;
+  let t1;
+  if ($[1] !== data) {
+    t1 = Array.isArray(data?.queues) ? [...data.queues].toSorted(_temp) : [];
+    $[1] = data;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const queues = t1;
+  let t2;
+  if ($[3] !== error) {
+    t2 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "queues-error",
+      role: "alert",
+      children: error
+    }, void 0, false);
+    $[3] = error;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t) {
+    t3 = t("Queues are declared in code with defineQueue. Enqueue from a mutation or action with ctx.queues.<name>.send(...); push consumers process batches in the worker.");
+    $[5] = t;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-muted-foreground",
+      children: t3
+    }, void 0, false);
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== loaded || $[10] !== queues || $[11] !== t) {
+    t5 = loaded && queues.length === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("No defineQueue is declared in lunora/queues.ts in this deployment. Add one to offload async work to a Cloudflare Queue."),
+      testId: "queues-empty",
+      title: t("No queues defined")
+    }, void 0, false) : /* @__PURE__ */ jsxDEV(Card, {
+      className: "overflow-hidden py-0",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "px-0",
+        children: /* @__PURE__ */ jsxDEV(Table, {
+          "data-testid": "queues-table",
+          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+            children: /* @__PURE__ */ jsxDEV(TableRow, {
+              children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Export")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Queue")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Mode")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Binding")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Dead-letter")
+              }, void 0, false)]
+            }, void 0, true)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+            children: queues.map(_temp2)
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false)
+    }, void 0, false);
+    $[9] = loaded;
+    $[10] = queues;
+    $[11] = t;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== t2 || $[14] !== t4 || $[15] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-6",
+      "data-testid": "lunora-queues-panel",
+      children: [t2, t4, t5]
+    }, void 0, true);
+    $[13] = t2;
+    $[14] = t4;
+    $[15] = t5;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  return t6;
+};
+function _temp(a, b) {
+  return a.exportName.localeCompare(b.exportName);
+}
+function _temp2(queue) {
+  return /* @__PURE__ */ jsxDEV(TableRow, {
+    "data-testid": `queues-row-${queue.exportName}`,
+    children: [/* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs",
+      children: queue.exportName
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs text-muted-foreground",
+      children: queue.name
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs text-muted-foreground",
+      children: queue.mode
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs text-muted-foreground",
+      children: queue.binding
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs text-muted-foreground",
+      children: queue.deadLetterQueue ?? "—"
+    }, void 0, false)]
+  }, queue.exportName, true);
+}
+
+export { QueuesPanel as default };

package/dist/packem_chunks/rls-panel.js

@@ -0,0 +1,313 @@
+import { c } from 'react/compiler-runtime';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+import { a as CardContent, C as Card } from '../packem_shared/card-DURq3ElK.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-BViPA3US.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-CdaxLGkE.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const OPERATIONS = ["read", "insert", "update", "delete"];
+const operationLabel = (t, operation) => ({
+  delete: t("Delete"),
+  insert: t("Insert"),
+  read: t("Read"),
+  update: t("Update")
+})[operation];
+const groupByTable = (policies) => {
+  const byTable = /* @__PURE__ */ new Map();
+  for (const policy of policies) {
+    const coverage = byTable.get(policy.table) ?? {
+      operations: /* @__PURE__ */ new Set(),
+      procedures: [],
+      table: policy.table
+    };
+    coverage.operations.add(policy.on);
+    if (!coverage.procedures.includes(policy.procedure)) {
+      coverage.procedures.push(policy.procedure);
+    }
+    byTable.set(policy.table, coverage);
+  }
+  return [...byTable.values()].toSorted((a, b) => a.table.localeCompare(b.table));
+};
+const RlsPanel = () => {
+  const $ = c(47);
+  const t = useT();
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {};
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const {
+    data,
+    error
+  } = useAdminQuery(ADMIN_FUNCTIONS.rlsPolicies, t0);
+  const loaded = data !== void 0;
+  let T0;
+  let roles;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  if ($[1] !== data || $[2] !== error || $[3] !== loaded || $[4] !== t) {
+    const tables = groupByTable(Array.isArray(data?.policies) ? data.policies : []);
+    let t82;
+    if ($[14] !== data) {
+      t82 = Array.isArray(data?.roles) ? data.roles : [];
+      $[14] = data;
+      $[15] = t82;
+    } else {
+      t82 = $[15];
+    }
+    roles = t82;
+    t5 = "flex flex-col gap-6";
+    t6 = "lunora-rls-panel";
+    if ($[16] !== error) {
+      t7 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+        className: "px-4 py-8 text-center text-sm text-destructive",
+        "data-testid": "rls-error",
+        role: "alert",
+        children: error
+      }, void 0, false);
+      $[16] = error;
+      $[17] = t7;
+    } else {
+      t7 = $[17];
+    }
+    t4 = "flex flex-col gap-2";
+    T0 = Card;
+    t1 = "overflow-hidden py-0";
+    let t92;
+    if ($[18] !== t) {
+      t92 = t("Policies");
+      $[18] = t;
+      $[19] = t92;
+    } else {
+      t92 = $[19];
+    }
+    if ($[20] !== t92) {
+      t2 = /* @__PURE__ */ jsxDEV("header", {
+        className: "border-b border-border px-4 py-3",
+        children: /* @__PURE__ */ jsxDEV("span", {
+          className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+          children: t92
+        }, void 0, false)
+      }, void 0, false);
+      $[20] = t92;
+      $[21] = t2;
+    } else {
+      t2 = $[21];
+    }
+    t3 = loaded && tables.length === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("No `definePolicy` is wired through `.use(rls(...))` in this deployment. Add one to guard a table's rows."),
+      testId: "rls-policies-empty",
+      title: t("No policies defined")
+    }, void 0, false) : /* @__PURE__ */ jsxDEV(CardContent, {
+      className: "px-0",
+      children: /* @__PURE__ */ jsxDEV(Table, {
+        "data-testid": "rls-policies-table",
+        children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+          children: /* @__PURE__ */ jsxDEV(TableRow, {
+            children: [/* @__PURE__ */ jsxDEV(TableHead, {
+              children: t("Table")
+            }, void 0, false), OPERATIONS.map((operation) => /* @__PURE__ */ jsxDEV(TableHead, {
+              children: operationLabel(t, operation)
+            }, operation, false)), /* @__PURE__ */ jsxDEV(TableHead, {
+              children: t("Guarded by")
+            }, void 0, false)]
+          }, void 0, true)
+        }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+          children: tables.map((coverage) => /* @__PURE__ */ jsxDEV(TableRow, {
+            "data-testid": `rls-table-${coverage.table}`,
+            children: [/* @__PURE__ */ jsxDEV(TableCell, {
+              className: "font-mono text-xs",
+              children: coverage.table
+            }, void 0, false), OPERATIONS.map((operation_0) => /* @__PURE__ */ jsxDEV(TableCell, {
+              children: coverage.operations.has(operation_0) ? /* @__PURE__ */ jsxDEV(Badge, {
+                variant: "secondary",
+                children: t("Guarded")
+              }, void 0, false) : /* @__PURE__ */ jsxDEV("span", {
+                "aria-hidden": "true",
+                className: "text-muted-foreground",
+                children: "—"
+              }, void 0, false)
+            }, operation_0, false)), /* @__PURE__ */ jsxDEV(TableCell, {
+              className: "font-mono text-xs text-muted-foreground",
+              children: coverage.procedures.join(", ")
+            }, void 0, false)]
+          }, coverage.table, true))
+        }, void 0, false)]
+      }, void 0, true)
+    }, void 0, false);
+    $[1] = data;
+    $[2] = error;
+    $[3] = loaded;
+    $[4] = t;
+    $[5] = T0;
+    $[6] = roles;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t6;
+    $[13] = t7;
+  } else {
+    T0 = $[5];
+    roles = $[6];
+    t1 = $[7];
+    t2 = $[8];
+    t3 = $[9];
+    t4 = $[10];
+    t5 = $[11];
+    t6 = $[12];
+    t7 = $[13];
+  }
+  let t8;
+  if ($[22] !== T0 || $[23] !== t1 || $[24] !== t2 || $[25] !== t3) {
+    t8 = /* @__PURE__ */ jsxDEV(T0, {
+      className: t1,
+      children: [t2, t3]
+    }, void 0, true);
+    $[22] = T0;
+    $[23] = t1;
+    $[24] = t2;
+    $[25] = t3;
+    $[26] = t8;
+  } else {
+    t8 = $[26];
+  }
+  let t9;
+  if ($[27] !== t4 || $[28] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV("section", {
+      className: t4,
+      children: t8
+    }, void 0, false);
+    $[27] = t4;
+    $[28] = t8;
+    $[29] = t9;
+  } else {
+    t9 = $[29];
+  }
+  let t10;
+  if ($[30] !== t) {
+    t10 = t("Roles");
+    $[30] = t;
+    $[31] = t10;
+  } else {
+    t10 = $[31];
+  }
+  let t11;
+  if ($[32] !== t10) {
+    t11 = /* @__PURE__ */ jsxDEV("header", {
+      className: "border-b border-border px-4 py-3",
+      children: /* @__PURE__ */ jsxDEV("span", {
+        className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+        children: t10
+      }, void 0, false)
+    }, void 0, false);
+    $[32] = t10;
+    $[33] = t11;
+  } else {
+    t11 = $[33];
+  }
+  let t12;
+  if ($[34] !== loaded || $[35] !== roles || $[36] !== t) {
+    t12 = loaded && roles.length === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("No `defineRole` is registered via `rls(policies, { roles })`. Roles back `ctx.auth.can(...)` permission checks."),
+      testId: "rls-roles-empty",
+      title: t("No roles defined")
+    }, void 0, false) : /* @__PURE__ */ jsxDEV(CardContent, {
+      className: "px-0",
+      children: /* @__PURE__ */ jsxDEV(Table, {
+        "data-testid": "rls-roles-table",
+        children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+          children: /* @__PURE__ */ jsxDEV(TableRow, {
+            children: [/* @__PURE__ */ jsxDEV(TableHead, {
+              children: t("Role")
+            }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+              children: t("Description")
+            }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+              children: t("Permissions")
+            }, void 0, false)]
+          }, void 0, true)
+        }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+          children: roles.map(_temp2)
+        }, void 0, false)]
+      }, void 0, true)
+    }, void 0, false);
+    $[34] = loaded;
+    $[35] = roles;
+    $[36] = t;
+    $[37] = t12;
+  } else {
+    t12 = $[37];
+  }
+  let t13;
+  if ($[38] !== t11 || $[39] !== t12) {
+    t13 = /* @__PURE__ */ jsxDEV("section", {
+      className: "flex flex-col gap-2",
+      children: /* @__PURE__ */ jsxDEV(Card, {
+        className: "overflow-hidden py-0",
+        children: [t11, t12]
+      }, void 0, true)
+    }, void 0, false);
+    $[38] = t11;
+    $[39] = t12;
+    $[40] = t13;
+  } else {
+    t13 = $[40];
+  }
+  let t14;
+  if ($[41] !== t13 || $[42] !== t5 || $[43] !== t6 || $[44] !== t7 || $[45] !== t9) {
+    t14 = /* @__PURE__ */ jsxDEV("div", {
+      className: t5,
+      "data-testid": t6,
+      children: [t7, t9, t13]
+    }, void 0, true);
+    $[41] = t13;
+    $[42] = t5;
+    $[43] = t6;
+    $[44] = t7;
+    $[45] = t9;
+    $[46] = t14;
+  } else {
+    t14 = $[46];
+  }
+  return t14;
+};
+function _temp(permission) {
+  return /* @__PURE__ */ jsxDEV(Badge, {
+    variant: "outline",
+    children: permission
+  }, permission, false);
+}
+function _temp2(role) {
+  return /* @__PURE__ */ jsxDEV(TableRow, {
+    "data-testid": `rls-role-${role.name}`,
+    children: [/* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs",
+      children: role.name
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "text-muted-foreground",
+      children: role.description ?? ""
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      children: role.permissions.length === 0 ? /* @__PURE__ */ jsxDEV("span", {
+        "aria-hidden": "true",
+        className: "text-muted-foreground",
+        children: "—"
+      }, void 0, false) : /* @__PURE__ */ jsxDEV("span", {
+        className: "flex flex-wrap gap-1",
+        children: role.permissions.map(_temp)
+      }, void 0, false)
+    }, void 0, false)]
+  }, role.name, true);
+}
+
+export { RlsPanel as default };