@lunora/studio 1.0.0-alpha.34 → 1.0.0-alpha.341

package/dist/packem_chunks/TableEditor.js

@@ -1,313 +0,0 @@
-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 '../packem_shared/storage-tier-CL98eOvn.js';
-import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { s as searchToDataView, d as dataViewToSearch } from '../packem_shared/data-view-params-Cd6yRVbv.js';
-import { f as fireAndForget } from '../packem_shared/internal-DTsYVn-g.js';
-import { DataBrowser } from '../packem_shared/DataBrowser-DSNK1tPg.js';
-import { GlobalDataBrowser } from '../packem_shared/GlobalDataBrowser-ErfvIs1S.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-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, options) => {
-    if (!onDataRoute()) {
-      return;
-    }
-    fireAndForget(navigate({
-      search: (previous_1) => {
-        return {
-          schema: previous_1["schema"],
-          search: options?.search,
-          shard: previous_1["shard"],
-          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_chunks/analytics-panel.js

@@ -1,261 +0,0 @@
-import { c } from 'react/compiler-runtime';
-import { createAnalyticsSqlClient } from '@lunora/bindings/analytics';
-import { useState, useMemo, useCallback, useEffect } from 'react';
-import { 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, d as TableBody, e as TableCell, c as TableHead } from '../packem_shared/table-DsCa9Qp9.js';
-import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { e as errorMessage, f as fireAndForget, h as formatCell } from '../packem_shared/internal-DTsYVn-g.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const DEFAULT_DATASET = "ANALYTICS";
-const PANEL_QUERIES = [{
-  key: "volume",
-  sql: (dataset) => `SELECT blob2 AS fn, count() AS calls FROM ${dataset} WHERE blob1 = 'function_call' GROUP BY fn ORDER BY calls DESC LIMIT 25`,
-  title: "Request volume per function"
-}, {
-  key: "latency",
-  sql: (dataset) => `SELECT blob2 AS fn, quantileWeighted(0.50)(double1, _sample_interval) AS p50, quantileWeighted(0.95)(double1, _sample_interval) AS p95 FROM ${dataset} WHERE blob1 = 'function_call' GROUP BY fn ORDER BY p95 DESC LIMIT 25`,
-  title: "Latency p50 / p95 per function"
-}, {
-  key: "hotShards",
-  sql: (dataset) => `SELECT blob3 AS shard, count() AS calls FROM ${dataset} WHERE blob1 = 'function_call' GROUP BY shard ORDER BY calls DESC LIMIT 25`,
-  title: "Hot shards"
-}];
-const INITIAL_PANEL_STATE = {
-  error: null,
-  loading: true,
-  result: null
-};
-const PanelResult = (t0) => {
-  const $ = c(27);
-  const {
-    state,
-    title
-  } = t0;
-  const t = useT();
-  const {
-    error,
-    loading,
-    result
-  } = state;
-  const t1 = `analytics-panel-${title}`;
-  let t2;
-  if ($[0] !== t || $[1] !== title) {
-    t2 = t(title);
-    $[0] = t;
-    $[1] = title;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  let t3;
-  if ($[3] !== t2) {
-    t3 = /* @__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: t2
-      }, void 0, false)
-    }, void 0, false);
-    $[3] = t2;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] !== loading || $[6] !== t) {
-    t4 = loading && /* @__PURE__ */ jsxDEV("p", {
-      className: "px-4 py-8 text-center text-sm text-muted-foreground",
-      "data-testid": "analytics-loading",
-      children: t("Loading…")
-    }, void 0, false);
-    $[5] = loading;
-    $[6] = t;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== error || $[9] !== loading) {
-    t5 = !loading && error !== null && /* @__PURE__ */ jsxDEV("p", {
-      className: "px-4 py-8 text-center text-sm text-destructive",
-      "data-testid": "analytics-error",
-      role: "alert",
-      children: error
-    }, void 0, false);
-    $[8] = error;
-    $[9] = loading;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  let t6;
-  if ($[11] !== error || $[12] !== loading || $[13] !== result || $[14] !== t) {
-    t6 = !loading && error === null && result !== null && result.rows.length === 0 && /* @__PURE__ */ jsxDEV("p", {
-      className: "px-4 py-8 text-center text-sm text-muted-foreground",
-      "data-testid": "analytics-empty-rows",
-      children: t("No data points yet.")
-    }, void 0, false);
-    $[11] = error;
-    $[12] = loading;
-    $[13] = result;
-    $[14] = t;
-    $[15] = t6;
-  } else {
-    t6 = $[15];
-  }
-  let t7;
-  if ($[16] !== error || $[17] !== loading || $[18] !== result) {
-    t7 = !loading && error === null && result !== null && result.rows.length > 0 && /* @__PURE__ */ jsxDEV(Table, {
-      children: [/* @__PURE__ */ jsxDEV(TableHeader, {
-        children: /* @__PURE__ */ jsxDEV(TableRow, {
-          children: result.columns.map(_temp)
-        }, void 0, false)
-      }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
-        children: result.rows.map((row, rowIndex) => /* @__PURE__ */ jsxDEV(TableRow, {
-          children: result.columns.map((column_0) => /* @__PURE__ */ jsxDEV(TableCell, {
-            className: "font-mono text-xs",
-            children: formatCell(row[column_0.name])
-          }, column_0.name, false))
-        }, rowIndex, false))
-      }, void 0, false)]
-    }, void 0, true);
-    $[16] = error;
-    $[17] = loading;
-    $[18] = result;
-    $[19] = t7;
-  } else {
-    t7 = $[19];
-  }
-  let t8;
-  if ($[20] !== t1 || $[21] !== t3 || $[22] !== t4 || $[23] !== t5 || $[24] !== t6 || $[25] !== t7) {
-    t8 = /* @__PURE__ */ jsxDEV(Card, {
-      className: "gap-0 py-0",
-      "data-testid": t1,
-      children: [t3, t4, t5, t6, t7]
-    }, void 0, true);
-    $[20] = t1;
-    $[21] = t3;
-    $[22] = t4;
-    $[23] = t5;
-    $[24] = t6;
-    $[25] = t7;
-    $[26] = t8;
-  } else {
-    t8 = $[26];
-  }
-  return t8;
-};
-const AnalyticsPanel = ({
-  config,
-  dataset = DEFAULT_DATASET,
-  runQuery
-} = {}) => {
-  const t = useT();
-  const [states, setStates] = useState({});
-  const run = useMemo(() => {
-    if (runQuery !== void 0) {
-      return runQuery;
-    }
-    if (config === void 0) {
-      return null;
-    }
-    const client = createAnalyticsSqlClient({
-      accountId: config.accountId,
-      apiToken: config.apiToken
-    });
-    return (sql) => client.query(sql);
-  }, [config, runQuery]);
-  const load = useCallback(async (token) => {
-    if (run === null) {
-      return;
-    }
-    for (const panel of PANEL_QUERIES) {
-      if (token.cancelled) {
-        return;
-      }
-      setStates((current) => {
-        return {
-          ...current,
-          [panel.key]: {
-            error: null,
-            loading: true,
-            result: null
-          }
-        };
-      });
-      try {
-        const result = await run(panel.sql(dataset));
-        if (!token.cancelled) {
-          setStates((current_1) => {
-            return {
-              ...current_1,
-              [panel.key]: {
-                error: null,
-                loading: false,
-                result
-              }
-            };
-          });
-        }
-      } catch (error_) {
-        if (!token.cancelled) {
-          setStates((current_0) => {
-            return {
-              ...current_0,
-              [panel.key]: {
-                error: errorMessage(error_),
-                loading: false,
-                result: null
-              }
-            };
-          });
-        }
-      }
-    }
-  }, [run, dataset]);
-  useEffect(() => {
-    const token_0 = {
-      cancelled: false
-    };
-    fireAndForget(load(token_0));
-    return () => {
-      token_0.cancelled = true;
-    };
-  }, [load]);
-  if (run === null) {
-    return /* @__PURE__ */ jsxDEV(EmptyState, {
-      description: t("Set CLOUDFLARE_ACCOUNT_ID and CLOUDFLARE_API_TOKEN (Analytics Read) in your .dev.vars to enable usage panels."),
-      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 20V10m6.5 10V4M18 20v-7M3 20h18"
-        }, void 0, false)
-      }, void 0, false),
-      testId: "analytics-not-configured",
-      title: t("Analytics is not configured.")
-    }, void 0, false);
-  }
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "flex flex-col gap-4",
-    "data-testid": "lunora-analytics-panel",
-    children: PANEL_QUERIES.map((panel_0) => /* @__PURE__ */ jsxDEV(PanelResult, {
-      state: states[panel_0.key] ?? INITIAL_PANEL_STATE,
-      title: panel_0.title
-    }, panel_0.key, false))
-  }, void 0, false);
-};
-function _temp(column) {
-  return /* @__PURE__ */ jsxDEV(TableHead, {
-    children: column.name
-  }, column.name, false);
-}
-
-export { AnalyticsPanel };