@lunora/studio 0.0.0 → 1.0.0-alpha.1

package/dist/packem_shared/TableEditor-DIVDk3vT.js

@@ -0,0 +1,371 @@
+import { c } from 'react/compiler-runtime';
+import { useLunora } from '@lunora/react';
+import { useNavigate, useRouter, useSearch } from '@tanstack/react-router';
+import { useRef, useState, useEffect } from 'react';
+import { T as TIER_META } from './storage-tier-CL98eOvn.js';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { f as fireAndForget } from './internal-BBZYexre.js';
+import { DataBrowser } from './DataBrowser-Coz6jJE6.js';
+import { GlobalDataBrowser } from './GlobalDataBrowser-9MhPEfgN.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const VALID_OPERATORS = /* @__PURE__ */ new Set(["contains", "eq", "gt", "gte", "lt", "lte", "ne"]);
+const isFilterClause = (entry) => {
+  if (entry === null || typeof entry !== "object") {
+    return false;
+  }
+  const candidate = entry;
+  return typeof candidate.column === "string" && typeof candidate.operator === "string" && VALID_OPERATORS.has(candidate.operator);
+};
+const parseFilters = (raw) => {
+  if (typeof raw !== "string" || raw === "") {
+    return [];
+  }
+  try {
+    const parsed = JSON.parse(raw);
+    return Array.isArray(parsed) ? parsed.filter(isFilterClause) : [];
+  } catch {
+    return [];
+  }
+};
+const parseOrder = (raw) => {
+  if (typeof raw !== "string" || raw === "") {
+    return void 0;
+  }
+  const separator = raw.lastIndexOf(":");
+  if (separator <= 0) {
+    return void 0;
+  }
+  const column = raw.slice(0, separator);
+  const direction = raw.slice(separator + 1);
+  if (direction !== "asc" && direction !== "desc") {
+    return void 0;
+  }
+  return {
+    column,
+    direction
+  };
+};
+const searchToDataView = (search) => {
+  const filters = parseFilters(search["filters"]);
+  const orderBy = parseOrder(search["order"]);
+  return {
+    filters: filters.length > 0 ? filters : void 0,
+    orderBy,
+    search: typeof search["search"] === "string" && search["search"] !== "" ? search["search"] : void 0,
+    shard: typeof search["shard"] === "string" && search["shard"] !== "" ? search["shard"] : void 0,
+    table: typeof search["table"] === "string" && search["table"] !== "" ? search["table"] : void 0,
+    tier: search["schema"] === "global" ? "global" : "shard"
+  };
+};
+const dataViewToSearch = (view) => {
+  const filters = view.filters ?? [];
+  return {
+    filters: filters.length > 0 ? JSON.stringify(filters) : void 0,
+    order: view.orderBy === void 0 ? void 0 : `${view.orderBy.column}:${view.orderBy.direction}`,
+    schema: view.tier === "global" ? "global" : void 0,
+    search: view.search !== void 0 && view.search !== "" ? view.search : void 0,
+    shard: view.shard !== void 0 && view.shard !== "" ? view.shard : void 0,
+    table: view.table !== void 0 && view.table !== "" ? view.table : void 0
+  };
+};
+
+const STORAGE_KEY = "lunora-studio-saved-queries";
+const MAX_SAVED = 50;
+const store = () => {
+  try {
+    return globalThis.localStorage;
+  } catch {
+    return void 0;
+  }
+};
+const isSavedQuery = (entry) => entry !== null && typeof entry === "object" && typeof entry.name === "string" && typeof entry.view === "object" && entry.view !== null;
+const loadSavedQueries = () => {
+  try {
+    const raw = store()?.getItem(STORAGE_KEY);
+    if (raw === null || raw === void 0) {
+      return [];
+    }
+    const parsed = JSON.parse(raw);
+    return Array.isArray(parsed) ? parsed.filter(isSavedQuery) : [];
+  } catch {
+    return [];
+  }
+};
+const persist = (queries) => {
+  const storage = store();
+  if (storage !== void 0) {
+    try {
+      storage.setItem(STORAGE_KEY, JSON.stringify(queries));
+    } catch {
+    }
+  }
+};
+const saveQuery = (name, view) => {
+  const trimmed = name.trim();
+  if (trimmed === "") {
+    return loadSavedQueries();
+  }
+  const next = [{
+    name: trimmed,
+    view
+  }, ...loadSavedQueries().filter((entry) => entry.name !== trimmed)].slice(0, MAX_SAVED);
+  persist(next);
+  return next;
+};
+const deleteSavedQuery = (name) => {
+  const next = loadSavedQueries().filter((entry) => entry.name !== name);
+  persist(next);
+  return next;
+};
+
+const SchemaSwitch = (t0) => {
+  const $ = c(15);
+  const {
+    onChange,
+    tier
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== onChange) {
+    t1 = (event) => {
+      onChange(event.target.value);
+    };
+    $[0] = onChange;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const onSelect = t1;
+  let t2;
+  if ($[2] !== t) {
+    t2 = t("Storage tier");
+    $[2] = t;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV("span", {
+      className: "font-mono text-[11px] tracking-wide uppercase text-muted-foreground",
+      children: t2
+    }, void 0, false);
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const t4 = TIER_META[tier];
+  let t5;
+  let t6;
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /* @__PURE__ */ jsxDEV("option", {
+      value: "shard",
+      children: TIER_META.shard.label
+    }, void 0, false);
+    t6 = /* @__PURE__ */ jsxDEV("option", {
+      value: "global",
+      children: TIER_META.global.label
+    }, void 0, false);
+    $[6] = t5;
+    $[7] = t6;
+  } else {
+    t5 = $[6];
+    t6 = $[7];
+  }
+  let t7;
+  if ($[8] !== onSelect || $[9] !== t4.title || $[10] !== tier) {
+    t7 = /* @__PURE__ */ jsxDEV("select", {
+      className: "h-8 w-full rounded-md border border-border bg-background px-2 text-sm outline-none focus-visible:border-ring",
+      "data-testid": "table-editor-schema",
+      id: "table-editor-schema",
+      onChange: onSelect,
+      title: t4.title,
+      value: tier,
+      children: [t5, t6]
+    }, void 0, true);
+    $[8] = onSelect;
+    $[9] = t4.title;
+    $[10] = tier;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] !== t3 || $[13] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("label", {
+      className: "flex w-full flex-col gap-1",
+      htmlFor: "table-editor-schema",
+      children: [t3, t7]
+    }, void 0, true);
+    $[12] = t3;
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  return t8;
+};
+const TableEditor = ({
+  editable = false,
+  initialShardKey
+}) => {
+  const client = useLunora();
+  const navigate = useNavigate();
+  const router = useRouter();
+  const search = useSearch({
+    strict: false
+  });
+  const view = searchToDataView(search);
+  const searchRef = useRef(search);
+  searchRef.current = search;
+  const onDataRoute = () => router.state.location.pathname.split("/").findLast(Boolean) === "data";
+  const tier = view.tier ?? "shard";
+  const tableParameter = view.table;
+  const [savedQueries, setSavedQueries] = useState(() => loadSavedQueries());
+  const [globalTableNames, setGlobalTableNames] = useState(() => /* @__PURE__ */ new Set());
+  useEffect(() => {
+    fireAndForget((async () => {
+      try {
+        const tables = await client.listGlobalTables();
+        setGlobalTableNames(new Set(tables.map((table) => table.name)));
+      } catch {
+      }
+    })());
+  }, [client]);
+  useEffect(() => {
+    if (tier === "shard" && tableParameter !== void 0 && globalTableNames.has(tableParameter)) {
+      fireAndForget(navigate({
+        replace: true,
+        search: (previous) => {
+          return {
+            ...previous,
+            schema: "global"
+          };
+        },
+        to: "/data"
+      }));
+    }
+  }, [globalTableNames, navigate, tableParameter, tier]);
+  const selectTier = (next) => {
+    fireAndForget(navigate({
+      search: (previous_0) => {
+        return {
+          ...previous_0,
+          schema: next === "global" ? "global" : void 0,
+          table: void 0
+        };
+      },
+      to: "/data"
+    }));
+  };
+  const onSelectTable = (table_0) => {
+    if (!onDataRoute()) {
+      return;
+    }
+    fireAndForget(navigate({
+      search: (previous_1) => {
+        return {
+          ...previous_1,
+          table: table_0
+        };
+      },
+      to: "/data"
+    }));
+  };
+  const onNavigateToGlobal = (table_1) => {
+    fireAndForget(navigate({
+      search: (previous_2) => {
+        return {
+          ...previous_2,
+          schema: "global",
+          table: table_1
+        };
+      },
+      to: "/data"
+    }));
+  };
+  const onViewChange = (next_0) => {
+    const patch = dataViewToSearch(next_0);
+    const {
+      current
+    } = searchRef;
+    const unchanged = (current["filters"] ?? void 0) === patch.filters && (current["order"] ?? void 0) === patch.order && (current["search"] ?? void 0) === patch.search && (current["shard"] ?? void 0) === patch.shard;
+    if (unchanged || !onDataRoute()) {
+      return;
+    }
+    fireAndForget(navigate({
+      replace: true,
+      search: (previous_3) => {
+        return {
+          ...previous_3,
+          filters: patch.filters,
+          order: patch.order,
+          search: patch.search,
+          shard: patch.shard
+        };
+      },
+      to: "/data"
+    }));
+  };
+  const onCopyLink = () => {
+    try {
+      fireAndForget(globalThis.navigator.clipboard.writeText(globalThis.location.href));
+    } catch {
+    }
+  };
+  const onSaveQuery = (name, snapshot) => {
+    setSavedQueries(saveQuery(name, snapshot));
+  };
+  const onDeleteQuery = (name_0) => {
+    setSavedQueries(deleteSavedQuery(name_0));
+  };
+  const onApplyQuery = (query) => {
+    const patch_0 = dataViewToSearch(query.view);
+    fireAndForget(navigate({
+      search: () => {
+        return {
+          filters: patch_0.filters,
+          order: patch_0.order,
+          schema: patch_0.schema,
+          search: patch_0.search,
+          shard: patch_0.shard,
+          table: patch_0.table
+        };
+      },
+      to: "/data"
+    }));
+  };
+  const queryBar = {
+    onApplyQuery,
+    onCopyLink,
+    onDeleteQuery,
+    onSaveQuery,
+    saved: savedQueries
+  };
+  const schemaSwitch = /* @__PURE__ */ jsxDEV(SchemaSwitch, {
+    onChange: selectTier,
+    tier
+  }, void 0, false);
+  return tier === "global" ? /* @__PURE__ */ jsxDEV(GlobalDataBrowser, {
+    initialTable: tableParameter,
+    onSelectTable,
+    schemaSwitch
+  }, void 0, false) : /* @__PURE__ */ jsxDEV(DataBrowser, {
+    editable,
+    globalTableNames,
+    initialFilters: view.filters,
+    initialOrderBy: view.orderBy,
+    initialSearch: view.search,
+    initialShardKey: view.shard ?? initialShardKey,
+    onNavigateToGlobal,
+    onSelectTable,
+    onViewChange,
+    queryBar,
+    schemaSwitch,
+    tableParam: tableParameter
+  }, void 0, false);
+};
+
+export { TableEditor };

package/dist/packem_shared/advisor-view-DBlzJi6C.js

@@ -0,0 +1,159 @@
+import { useState, useMemo } from 'react';
+import { C as Card, a as CardContent } from './card-DURq3ElK.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 { useT } from './createStudioI18n-CgvlmDkN.js';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const ADVISORY_LEVEL = {
+  ERROR: "error",
+  INFO: "info",
+  WARN: "warning"
+};
+const advisoryRow = (finding) => {
+  const table = typeof finding.metadata["table"] === "string" ? finding.metadata["table"] : void 0;
+  return {
+    description: `${finding.detail} ${finding.remediation}`,
+    entity: table,
+    issueType: finding.title,
+    key: finding.cacheKey,
+    level: ADVISORY_LEVEL[finding.level]
+  };
+};
+const LEVELS = ["error", "warning", "info"];
+const LEVEL_DOT = {
+  error: "bg-destructive",
+  info: "bg-info",
+  warning: "bg-warning"
+};
+const levelLabel = (t, level) => ({
+  error: t("Errors"),
+  info: t("Info"),
+  warning: t("Warnings")
+})[level];
+const levelCount = (t, level, count) => ({
+  error: t("{count} errors", {
+    count
+  }),
+  info: t("{count} suggestions", {
+    count
+  }),
+  warning: t("{count} warnings", {
+    count
+  })
+})[level];
+const emptyTitle = (t, level) => ({
+  error: t("No errors detected"),
+  info: t("No suggestions"),
+  warning: t("No warnings detected")
+})[level];
+const AdvisorView = ({
+  error = null,
+  rows,
+  testId,
+  toolbar
+}) => {
+  const t = useT();
+  const [active, setActive] = useState("error");
+  const counts = useMemo(() => {
+    const tally = {
+      error: 0,
+      info: 0,
+      warning: 0
+    };
+    for (const row of rows ?? []) {
+      tally[row.level] += 1;
+    }
+    return tally;
+  }, [rows]);
+  const visible = (rows ?? []).filter((row_0) => row_0.level === active);
+  const selectTab = (event) => {
+    setActive(event.currentTarget.dataset.level);
+  };
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex flex-col gap-3",
+    "data-testid": testId,
+    children: [/* @__PURE__ */ jsxDEV("div", {
+      className: "flex border-b border-border",
+      role: "tablist",
+      children: LEVELS.map((level) => /* @__PURE__ */ jsxDEV("button", {
+        "aria-selected": active === level,
+        className: "flex min-w-32 flex-col gap-0.5 border-b-2 border-transparent px-4 py-2 text-start outline-none transition-colors hover:bg-muted/40 focus-visible:bg-muted/40 aria-selected:border-foreground",
+        "data-level": level,
+        "data-testid": `${testId}-tab-${level}`,
+        onClick: selectTab,
+        role: "tab",
+        type: "button",
+        children: [/* @__PURE__ */ jsxDEV("span", {
+          className: "flex items-center gap-2 text-sm font-medium text-foreground",
+          children: [/* @__PURE__ */ jsxDEV("span", {
+            "aria-hidden": "true",
+            className: cn("size-2 rounded-sm", LEVEL_DOT[level])
+          }, void 0, false), levelLabel(t, level)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV("span", {
+          className: "ps-4 text-xs text-muted-foreground",
+          children: levelCount(t, level, counts[level])
+        }, void 0, false)]
+      }, level, true))
+    }, void 0, false), toolbar !== void 0 && /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-wrap items-center gap-2",
+      children: toolbar
+    }, void 0, false), error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": `${testId}-error`,
+      role: "alert",
+      children: error
+    }, void 0, false), /* @__PURE__ */ jsxDEV(Card, {
+      className: "overflow-hidden py-0",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "px-0",
+        children: /* @__PURE__ */ jsxDEV(Table, {
+          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+            children: /* @__PURE__ */ jsxDEV(TableRow, {
+              children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Issue type")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Entity/item")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Description")
+              }, void 0, false)]
+            }, void 0, true)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+            children: visible.length === 0 ? /* @__PURE__ */ jsxDEV(TableRow, {
+              children: /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "h-40 text-center align-middle text-muted-foreground",
+                colSpan: 3,
+                "data-testid": `${testId}-empty`,
+                children: [/* @__PURE__ */ jsxDEV("span", {
+                  className: "block text-sm font-medium text-foreground",
+                  children: emptyTitle(t, active)
+                }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+                  className: "block text-sm",
+                  children: t("Nothing to report for this deployment.")
+                }, void 0, false)]
+              }, void 0, true)
+            }, void 0, false) : visible.map((row_1) => /* @__PURE__ */ jsxDEV(TableRow, {
+              children: [/* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-medium text-foreground",
+                children: row_1.issueType
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-mono text-xs text-muted-foreground",
+                children: row_1.entity ?? "—"
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "text-muted-foreground",
+                children: [/* @__PURE__ */ jsxDEV("span", {
+                  children: row_1.description
+                }, void 0, false), row_1.action !== void 0 && /* @__PURE__ */ jsxDEV("span", {
+                  className: "mt-1.5 flex flex-wrap items-center gap-1.5",
+                  children: row_1.action
+                }, void 0, false)]
+              }, void 0, true)]
+            }, row_1.key, true))
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false)
+    }, void 0, false)]
+  }, void 0, true);
+};
+
+export { AdvisorView as A, advisoryRow as a };

package/dist/packem_shared/aggregateMetrics-D4nUHEKU.js

@@ -0,0 +1,108 @@
+const aggregateMetrics = (results) => {
+  let totalRequests = 0;
+  let totalErrors = 0;
+  let totalDatabaseSize = 0;
+  let reachable = 0;
+  let failed = 0;
+  let cacheHits = 0;
+  let cacheTotal = 0;
+  for (const {
+    metrics
+  } of results) {
+    if (metrics === null) {
+      failed += 1;
+      continue;
+    }
+    reachable += 1;
+    totalRequests += metrics.requests;
+    totalErrors += metrics.errors;
+    totalDatabaseSize += metrics.databaseSize ?? 0;
+    if (metrics.cache !== null) {
+      cacheHits += metrics.cache.hits;
+      cacheTotal += metrics.cache.hits + metrics.cache.misses;
+    }
+  }
+  return {
+    failed,
+    // eslint-disable-next-line unicorn/no-null -- hitRate is part of the public AggregateMetrics type, which models "no cache" as null
+    hitRate: cacheTotal === 0 ? null : cacheHits / cacheTotal,
+    reachable,
+    totalDatabaseSize,
+    totalErrors,
+    totalRequests
+  };
+};
+const shardsToAggregate = (current, recents) => {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const shard of ["", current.trim(), ...recents]) {
+    if (!seen.has(shard)) {
+      seen.add(shard);
+      out.push(shard);
+    }
+  }
+  return out;
+};
+const percentile = (values, p) => {
+  if (values.length === 0) {
+    return 0;
+  }
+  values.sort((a, b) => a - b);
+  if (p <= 0) {
+    return values[0] ?? 0;
+  }
+  if (p >= 100) {
+    return values.at(-1) ?? 0;
+  }
+  const index = Math.ceil(p / 100 * values.length) - 1;
+  return values[index] ?? 0;
+};
+const computeLatencyPercentiles = (snapshot) => {
+  const snap = snapshot;
+  const functionList = snap.functions;
+  if (!functionList || functionList.length === 0) {
+    return {
+      p90: 0,
+      p95: 0
+    };
+  }
+  const CAP = 1e3;
+  const samples = [];
+  for (const functionStat of functionList) {
+    if (functionStat.calls <= 0) {
+      continue;
+    }
+    const avg = functionStat.totalDurationMs / functionStat.calls;
+    const reps = Math.min(functionStat.calls, CAP);
+    for (let index = 0; index < reps; index += 1) {
+      samples.push(avg);
+    }
+  }
+  if (samples.length === 0) {
+    return {
+      p90: 0,
+      p95: 0
+    };
+  }
+  return {
+    p90: percentile([...samples], 90),
+    p95: percentile([...samples], 95)
+  };
+};
+const computeDelta = (baseline, current, direction = "neutral") => {
+  const delta = current - baseline;
+  const pct = baseline === 0 ? null : delta / baseline * 100;
+  return {
+    delta,
+    direction,
+    pct
+  };
+};
+const enrichQueryStats = (entries) => entries.map((entry) => {
+  return {
+    ...entry,
+    avgDurationMs: entry.execCount > 0 ? entry.totalDurationMs / entry.execCount : 0
+  };
+});
+
+export { aggregateMetrics, computeDelta, computeLatencyPercentiles, enrichQueryStats, percentile, shardsToAggregate };