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

package/dist/packem_chunks/sparkline.js

@@ -0,0 +1,79 @@
+import { c } from 'react/compiler-runtime';
+import { B as Bar, E as EvilBarChart } from '../packem_shared/bar-chart-Bb__F5-u.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const SPARKLINE_CONFIG = {
+  value: {
+    colors: {
+      dark: ["var(--foreground)"],
+      light: ["var(--foreground)"]
+    },
+    label: ""
+  }
+};
+const Sparkline = (t0) => {
+  const $ = c(6);
+  const {
+    data
+  } = t0;
+  let t1;
+  let t2;
+  if ($[0] !== data) {
+    t2 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const bars = data.slice(-16);
+      if (bars.length < 3) {
+        t2 = null;
+        break bb0;
+      }
+      t1 = bars.map(_temp);
+    }
+    $[0] = data;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  if (t2 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
+    return t2;
+  }
+  const rows = t1;
+  let t3;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxDEV(Bar, {
+      dataKey: "value"
+    }, void 0, false);
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== rows) {
+    t4 = /* @__PURE__ */ jsxDEV("div", {
+      "aria-hidden": "true",
+      className: "h-8 w-28",
+      children: /* @__PURE__ */ jsxDEV(EvilBarChart, {
+        animationType: "none",
+        barCategoryGap: 1,
+        className: "h-8 w-full",
+        config: SPARKLINE_CONFIG,
+        data: rows,
+        children: t3
+      }, void 0, false)
+    }, void 0, false);
+    $[4] = rows;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  return t4;
+};
+function _temp(value, index) {
+  return {
+    index,
+    value
+  };
+}
+
+export { Sparkline };

package/dist/packem_chunks/storage-rules-panel.js

@@ -0,0 +1,138 @@
+import { c } from 'react/compiler-runtime';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+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 operationLabel = (t, operation) => ({
+  delete: t("Delete"),
+  list: t("List"),
+  read: t("Read"),
+  write: t("Write")
+})[operation];
+const OPERATION_ORDER = {
+  delete: 2,
+  list: 3,
+  read: 0,
+  write: 1
+};
+const sortRules = (rules) => [...rules].toSorted((a, b) => a.bucket.localeCompare(b.bucket) || OPERATION_ORDER[a.on] - OPERATION_ORDER[b.on] || (a.prefix ?? "").localeCompare(b.prefix ?? ""));
+const StorageRulesPanel = () => {
+  const $ = c(12);
+  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.storageRules, t0);
+  const loaded = data !== void 0;
+  let t1;
+  if ($[1] !== data || $[2] !== error || $[3] !== loaded || $[4] !== t) {
+    const rules = sortRules(Array.isArray(data?.rules) ? data.rules : []);
+    let t2;
+    if ($[6] !== error) {
+      t2 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+        className: "text-sm text-destructive",
+        "data-testid": "storage-rules-error",
+        role: "alert",
+        children: error
+      }, void 0, false);
+      $[6] = error;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
+    }
+    let t3;
+    if ($[8] !== t) {
+      t3 = t("Storage rules are declared in code with defineStorageRule and gate ctx.storage access per bucket. This view is read-only.");
+      $[8] = t;
+      $[9] = t3;
+    } else {
+      t3 = $[9];
+    }
+    let t4;
+    if ($[10] !== t3) {
+      t4 = /* @__PURE__ */ jsxDEV("p", {
+        className: "text-sm text-muted-foreground",
+        "data-testid": "storage-rules-note",
+        children: t3
+      }, void 0, false);
+      $[10] = t3;
+      $[11] = t4;
+    } else {
+      t4 = $[11];
+    }
+    t1 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "lunora-storage-rules-panel",
+      children: [t2, t4, loaded && rules.length === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
+        description: t("No defineStorageRule is wired through .use(storageRules(...)) in this deployment. Add one to gate object access by key prefix."),
+        testId: "storage-rules-empty",
+        title: t("No storage rules 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": "storage-rules-table",
+            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+              children: /* @__PURE__ */ jsxDEV(TableRow, {
+                children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Bucket")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Operation")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Key prefix")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Guarded by")
+                }, void 0, false)]
+              }, void 0, true)
+            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+              children: rules.map((rule) => /* @__PURE__ */ jsxDEV(TableRow, {
+                "data-testid": `storage-rule-${rule.bucket}-${rule.on}-${rule.prefix ?? ""}`,
+                children: [/* @__PURE__ */ jsxDEV(TableCell, {
+                  className: "font-mono text-xs",
+                  children: rule.bucket
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                  children: /* @__PURE__ */ jsxDEV(Badge, {
+                    variant: "secondary",
+                    children: operationLabel(t, rule.on)
+                  }, void 0, false)
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                  className: "font-mono text-xs",
+                  children: rule.prefix ?? /* @__PURE__ */ jsxDEV("span", {
+                    className: "text-muted-foreground",
+                    children: t("(whole bucket)")
+                  }, void 0, false)
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                  className: "font-mono text-xs text-muted-foreground",
+                  children: rule.procedure
+                }, void 0, false)]
+              }, `${rule.bucket}:${rule.on}:${rule.prefix ?? ""}:${rule.procedure}`, true))
+            }, void 0, false)]
+          }, void 0, true)
+        }, void 0, false)
+      }, void 0, false)]
+    }, void 0, true);
+    $[1] = data;
+    $[2] = error;
+    $[3] = loaded;
+    $[4] = t;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+};
+
+export { StorageRulesPanel };

package/dist/packem_chunks/subscriptions-panel.js

@@ -0,0 +1,236 @@
+import { c } from 'react/compiler-runtime';
+import { useState } from 'react';
+import { ShardInput } from '../packem_shared/ShardInput-gx_DZXXn.js';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+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 { useAutoRefresh } from '../packem_shared/DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
+import useDebounced from '../packem_shared/useDebounced-Dxncpg6z.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 ARGS_MAX = 80;
+const formatArguments = (args) => {
+  if (args === void 0) {
+    return "";
+  }
+  const json = JSON.stringify(args);
+  return json.length > ARGS_MAX ? `${json.slice(0, ARGS_MAX)}…` : json;
+};
+const toRows = (connections) => {
+  const rows = [];
+  for (const connection of connections) {
+    const connectionId = connection.id.toString();
+    if (connection.subscriptions.length === 0) {
+      rows.push({
+        admin: connection.admin,
+        connectionId: connection.id,
+        key: `c${connectionId}`,
+        subscription: null
+      });
+      continue;
+    }
+    connection.subscriptions.forEach((subscription, index) => {
+      rows.push({
+        admin: connection.admin,
+        connectionId: connection.id,
+        key: `c${connectionId}-s${index.toString()}`,
+        subscription
+      });
+    });
+  }
+  return rows;
+};
+const DASH = /* @__PURE__ */ jsxDEV("span", {
+  className: "text-muted-foreground",
+  children: "—"
+}, void 0, false);
+const SubscriptionsPanel = (t0) => {
+  const $ = c(20);
+  const {
+    initialShardKey
+  } = t0;
+  const t = useT();
+  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
+  let t1;
+  if ($[0] !== shardKey) {
+    t1 = shardKey.trim();
+    $[0] = shardKey;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const debouncedShard = useDebounced(t1, 400);
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {};
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== debouncedShard) {
+    t3 = {
+      keepPreviousData: true,
+      shardKey: debouncedShard
+    };
+    $[3] = debouncedShard;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const {
+    data: result,
+    error,
+    refetch
+  } = useAdminQuery(ADMIN_FUNCTIONS.listSubscriptions, t2, t3);
+  useAutoRefresh(refetch, true);
+  let t4;
+  if ($[5] !== error || $[6] !== result || $[7] !== shardKey || $[8] !== t) {
+    const rows = result === void 0 ? [] : toRows(result.connections);
+    let t5;
+    if ($[10] !== shardKey) {
+      t5 = /* @__PURE__ */ jsxDEV(ShardInput, {
+        onChange: setShardKey,
+        testId: "subs-shard-input",
+        value: shardKey
+      }, void 0, false);
+      $[10] = shardKey;
+      $[11] = t5;
+    } else {
+      t5 = $[11];
+    }
+    let t6;
+    if ($[12] !== result || $[13] !== t) {
+      t6 = result !== void 0 && /* @__PURE__ */ jsxDEV("div", {
+        className: "ml-auto flex items-center gap-2 text-sm text-muted-foreground",
+        "data-testid": "subs-count",
+        children: [/* @__PURE__ */ jsxDEV(Badge, {
+          variant: "secondary",
+          children: t("{count} connections", {
+            count: result.totalConnections
+          })
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Badge, {
+          variant: "secondary",
+          children: t("{count} subscriptions", {
+            count: result.totalSubscriptions
+          })
+        }, void 0, false)]
+      }, void 0, true);
+      $[12] = result;
+      $[13] = t;
+      $[14] = t6;
+    } else {
+      t6 = $[14];
+    }
+    let t7;
+    if ($[15] !== t5 || $[16] !== t6) {
+      t7 = /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-wrap items-center gap-2",
+        children: [t5, t6]
+      }, void 0, true);
+      $[15] = t5;
+      $[16] = t6;
+      $[17] = t7;
+    } else {
+      t7 = $[17];
+    }
+    let t8;
+    if ($[18] !== error) {
+      t8 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+        className: "text-sm text-destructive",
+        "data-testid": "subs-error",
+        role: "alert",
+        children: error
+      }, void 0, false);
+      $[18] = error;
+      $[19] = t8;
+    } else {
+      t8 = $[19];
+    }
+    t4 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "subs-panel",
+      children: [t7, t8, error === null && result !== void 0 && rows.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
+        description: t("Active WebSocket subscriptions on this shard."),
+        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("path", {
+            d: "M5 12a7 7 0 0 1 14 0M8 12a4 4 0 0 1 8 0M12 12v8m0-8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
+          }, void 0, false)
+        }, void 0, false),
+        testId: "subs-empty",
+        title: t("No active subscriptions.")
+      }, void 0, false), error === null && rows.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
+        className: "overflow-hidden py-0",
+        children: /* @__PURE__ */ jsxDEV(CardContent, {
+          className: "px-0",
+          children: /* @__PURE__ */ jsxDEV(Table, {
+            "data-testid": "subs-table",
+            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+              children: /* @__PURE__ */ jsxDEV(TableRow, {
+                children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Connection")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Function path")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Table")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Arguments")
+                }, void 0, false)]
+              }, void 0, true)
+            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+              children: rows.map((row) => {
+                const {
+                  subscription
+                } = row;
+                const args = formatArguments(subscription?.args);
+                return /* @__PURE__ */ jsxDEV(TableRow, {
+                  "data-testid": "subs-row",
+                  children: [/* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "font-medium tabular-nums",
+                    children: /* @__PURE__ */ jsxDEV("span", {
+                      className: "inline-flex items-center gap-1.5",
+                      children: ["#", row.connectionId, row.admin && /* @__PURE__ */ jsxDEV(Badge, {
+                        variant: "outline",
+                        children: t("admin")
+                      }, void 0, false)]
+                    }, void 0, true)
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "font-mono text-xs",
+                    children: subscription?.functionPath ?? DASH
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    children: subscription?.table ?? DASH
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "max-w-[32ch] truncate font-mono text-xs text-muted-foreground",
+                    title: args || void 0,
+                    children: args || DASH
+                  }, void 0, false)]
+                }, row.key, true);
+              })
+            }, void 0, false)]
+          }, void 0, true)
+        }, void 0, false)
+      }, void 0, false)]
+    }, void 0, true);
+    $[5] = error;
+    $[6] = result;
+    $[7] = shardKey;
+    $[8] = t;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
+};
+
+export { SubscriptionsPanel as default };