@lunora/studio 1.0.0-alpha.4 → 1.0.0-alpha.41

package/dist/packem_shared/{GlobalDataBrowser-BTEmGrph.js → GlobalDataBrowser-BkTPLzAY.js}

@@ -1,13 +1,13 @@
 import { useLunora } from '@lunora/react';
 import { useState, useRef, useCallback, useEffect } from 'react';
 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 { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from './table-DsCa9Qp9.js';
+import { a as useClientQuery } from './use-admin-query-CfHYWx5n.js';
 import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { b as CLOUDFLARE_D1_URL } from './cf-links-2cktDedA.js';
-import { e as errorMessage, f as fireAndForget } from './internal-rXJEAhXS.js';
-import { u as useFacets, T as TableListSidebar, G as GridPagination, D as DataFacets } from './table-list-sidebar-Bg7uzbvC.js';
-import { G as GridContainer, C as CellValue } from './data-grid-B5CaV3wS.js';
+import { C as CLOUDFLARE_D1_URL } from './cf-links-BZfRdxSE.js';
+import { u as useFacets, T as TableListSidebar, G as GridPagination, D as DataFacets } from './table-list-sidebar-UVIXQJdU.js';
+import { G as GridContainer, C as CellValue } from './data-grid-CdXztApG.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const DEFAULT_PAGE_SIZE = 50;
@@ -37,13 +37,9 @@ const GlobalDataBrowser = ({
 } = {}) => {
   const client = useLunora();
   const t = useT();
-  const [tables, setTables] = useState(null);
-  const [tablesError, setTablesError] = useState(null);
   const [selectedTable, setSelectedTable] = useState(initialTable ?? null);
   const [offset, setOffset] = useState(0);
   const [pageSize, setPageSize] = useState(initialPageSize);
-  const [page, setPage] = useState(null);
-  const [pageError, setPageError] = useState(null);
   const [filters, setFilters] = useState([]);
   const filtersRef = useRef(filters);
   filtersRef.current = filters;
@@ -53,76 +49,53 @@ const GlobalDataBrowser = ({
     refetchFacets: refetchFacetsViaHook,
     toggleFacet
   } = useFacets();
-  const fetchTables = useCallback(async () => {
-    setTablesError(null);
-    try {
-      setTables(await client.listGlobalTables());
-    } catch (error) {
-      setTables(null);
-      setTablesError(errorMessage(error));
-    }
-  }, [client]);
-  const fetchSeqRef = useRef(0);
-  const fetchPage = useCallback(async (table, nextOffset, limit = pageSize, activeFilters = filtersRef.current) => {
-    fetchSeqRef.current += 1;
-    const seq = fetchSeqRef.current;
-    setPageError(null);
-    try {
-      const result = await client.readGlobalTablePage({
-        filters: activeFilters,
-        limit,
-        offset: nextOffset,
-        table
-      });
-      if (fetchSeqRef.current !== seq) {
-        return;
-      }
-      setPage(result);
-      setOffset(nextOffset);
-    } catch (error_0) {
-      if (fetchSeqRef.current !== seq) {
-        return;
-      }
-      setPage(null);
-      setPageError(errorMessage(error_0));
-    }
-  }, [client, pageSize]);
-  const facetFetcher = (table_0, activeFilters_0) => (column) => client.facetGlobalColumn({
+  const tablesQuery = useClientQuery(["lunora-global-tables"], () => client.listGlobalTables());
+  const tables = tablesQuery.data ?? null;
+  const tablesError = tablesQuery.error;
+  const pageQuery = useClientQuery(["lunora-global-page", selectedTable ?? "", offset, pageSize, JSON.stringify(filters)], () => client.readGlobalTablePage({
+    filters,
+    limit: pageSize,
+    offset,
+    table: selectedTable ?? ""
+  }), {
+    enabled: selectedTable !== null,
+    keepPreviousData: false
+  });
+  const page = pageQuery.data ?? null;
+  const pageError = pageQuery.error;
+  const facetFetcher = (table, activeFilters) => (column) => client.facetGlobalColumn({
     column,
-    filters: activeFilters_0,
-    table: table_0
+    filters: activeFilters,
+    table
   });
-  const refetchFacets = (table_1, activeFilters_1) => {
-    refetchFacetsViaHook(facetFetcher(table_1, activeFilters_1));
+  const refetchFacets = (table_0, activeFilters_0) => {
+    refetchFacetsViaHook(facetFetcher(table_0, activeFilters_0));
   };
-  useEffect(() => {
-    fireAndForget(fetchTables());
-  }, [fetchTables]);
   useAutoRefresh(() => {
-    fireAndForget(fetchTables());
+    tablesQuery.refetch();
     if (selectedTable !== null) {
-      fireAndForget(fetchPage(selectedTable, offset));
+      pageQuery.refetch();
       refetchFacets(selectedTable, filtersRef.current);
     }
   }, true);
   const appliedInitialTable = useRef(void 0);
-  const selectTable = useCallback((table_2) => {
-    setSelectedTable(table_2);
-    appliedInitialTable.current = table_2;
+  const selectTable = useCallback((table_1) => {
+    setSelectedTable(table_1);
+    appliedInitialTable.current = table_1;
     setFilters([]);
     filtersRef.current = [];
     clearFacets();
-    fireAndForget(fetchPage(table_2, 0, pageSize, []));
-    onSelectTable?.(table_2);
-  }, [clearFacets, fetchPage, onSelectTable, pageSize]);
+    setOffset(0);
+    onSelectTable?.(table_1);
+  }, [clearFacets, onSelectTable]);
   const onToggleFacet = (column_0) => {
     toggleFacet(column_0, selectedTable === null ? null : facetFetcher(selectedTable, filtersRef.current));
   };
   const applyFilters = (next) => {
     setFilters(next);
     filtersRef.current = next;
+    setOffset(0);
     if (selectedTable !== null) {
-      fireAndForget(fetchPage(selectedTable, 0, pageSize, next));
       refetchFacets(selectedTable, next);
     }
   };
@@ -146,11 +119,11 @@ const GlobalDataBrowser = ({
       selectTable(target);
     });
   }, [initialTable, selectTable]);
-  const goToPage = (nextOffset_0) => {
+  const goToPage = (nextOffset) => {
     if (selectedTable === null) {
       return;
     }
-    fireAndForget(fetchPage(selectedTable, Math.max(0, nextOffset_0)));
+    setOffset(Math.max(0, nextOffset));
   };
   const total = page?.total ?? 0;
   const hasPrevious = offset > 0;
@@ -158,7 +131,7 @@ const GlobalDataBrowser = ({
   const rangeStart = page === null || page.rows.length === 0 ? 0 : offset + 1;
   const rangeEnd = page === null ? 0 : offset + page.rows.length;
   const reloadTables = () => {
-    fireAndForget(fetchTables());
+    tablesQuery.refetch();
   };
   const goPrevious = () => {
     goToPage(offset - pageSize);
@@ -171,9 +144,7 @@ const GlobalDataBrowser = ({
   };
   const changePageSize = (size) => {
     setPageSize(size);
-    if (selectedTable !== null) {
-      fireAndForget(fetchPage(selectedTable, 0, size));
-    }
+    setOffset(0);
   };
   return /* @__PURE__ */ jsxDEV("div", {
     className: "flex h-full min-w-0",

package/dist/packem_shared/HomePanel-D1Q9LZgK.js

@@ -0,0 +1,14 @@
+import 'react/compiler-runtime';
+import '@tanstack/react-router';
+import 'react';
+import './badge-B2PKA1-5.js';
+import './card-DURq3ElK.js';
+import './empty-state-DY_oe0k6.js';
+import './use-admin-query-CfHYWx5n.js';
+import './DEFAULT_LOCALE-CiX4W7Kr.js';
+import './ADMIN_FUNCTIONS-BHHJi3Gb.js';
+import './internal-CYcbqMjX.js';
+import './utils-B05Dmz_H.js';
+import './DEFAULT_INSIGHT_THRESHOLDS-DjF0h-gA.js';
+export { H as HomePanel } from './home-panel-TFcRf9Ui.js';
+import 'react/jsx-dev-runtime';

package/dist/packem_shared/{OpenRpcReferencePanel-vbcYbv3V.js → OpenRpcReferencePanel-Dno-hfDb.js}

@@ -1,7 +1,8 @@
 import { c } from 'react/compiler-runtime';
 import { useLunora } from '@lunora/react';
 import { E as EmptyState } from './empty-state-DY_oe0k6.js';
-import { u as useAdminSpec, S as Skeleton, R as ReferenceView } from './reference-view-B4E49Lip.js';
+import { S as Skeleton } from './skeleton-CGhL0p20.js';
+import { u as useAdminSpec, R as ReferenceView } from './reference-view-DUiJcILV.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 

package/dist/packem_shared/{ScheduledJobs-CabfKbyM.js → ScheduledJobs-Ctw4jYtU.js}

@@ -1,79 +1,151 @@
+import { c } from 'react/compiler-runtime';
 import { useLunora } from '@lunora/react';
-import { useState, useMemo, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.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 { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from './table-DsCa9Qp9.js';
+import { a as useClientQuery } from './use-admin-query-CfHYWx5n.js';
 import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { f as fireAndForget, e as errorMessage, b as formatTimestamp } from './internal-rXJEAhXS.js';
+import { f as fireAndForget, i as formatTimestamp, e as errorMessage } from './internal-CYcbqMjX.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const formatScheduledFor = (value) => Number.isFinite(value) ? formatTimestamp(value, "—") : "—";
-const ScheduledJobs = ({
-  cancelJob,
-  loadJobs
-} = {}) => {
+const sortByDue = (records) => records.toSorted((a, b) => a.scheduledFor - b.scheduledFor);
+const ScheduledJobs = (t0) => {
+  const $ = c(33);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === void 0 ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    cancelJob,
+    loadJobs
+  } = t1;
   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);
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = ["lunora-scheduled-jobs"];
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== client || $[4] !== loadJobs) {
+    t3 = async () => {
+      const records = await (loadJobs ?? (() => client.listScheduledJobs()))();
+      return sortByDue(records);
+    };
+    $[3] = client;
+    $[4] = loadJobs;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const jobsQuery = useClientQuery(t2, t3);
+  const [liveJobs, setLiveJobs] = useState(void 0);
+  const [liveError, setLiveError] = useState(void 0);
+  let t4;
+  let t5;
+  if ($[6] !== client || $[7] !== livePush) {
+    t4 = () => {
       if (!livePush) {
-        await refresh();
+        return;
       }
-    } catch (error_) {
-      setError(errorMessage(error_));
+      return client.subscribeScheduledJobs((records_0) => {
+        setLiveError(void 0);
+        setLiveJobs(sortByDue(records_0));
+      });
+    };
+    t5 = [livePush, client];
+    $[6] = client;
+    $[7] = livePush;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t4 = $[8];
+    t5 = $[9];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[10] !== jobsQuery) {
+    t6 = () => {
+      jobsQuery.refetch();
+    };
+    $[10] = jobsQuery;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  useAutoRefresh(t6, !livePush);
+  let t7;
+  bb0: {
+    if (cancelJob !== void 0) {
+      t7 = cancelJob;
+      break bb0;
+    }
+    let t82;
+    if ($[12] !== client || $[13] !== loadJobs) {
+      t82 = loadJobs === void 0 ? (id) => client.cancelScheduledJob(id) : void 0;
+      $[12] = client;
+      $[13] = loadJobs;
+      $[14] = t82;
+    } else {
+      t82 = $[14];
     }
-  };
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "flex flex-col gap-3",
-    "data-testid": "lunora-scheduled-jobs",
-    children: [error !== null && /* @__PURE__ */ jsxDEV("p", {
+    t7 = t82;
+  }
+  const cancelImpl = t7;
+  const jobs = liveJobs ?? jobsQuery.data;
+  const error = liveError ?? jobsQuery.error;
+  let t8;
+  if ($[15] !== cancelImpl || $[16] !== jobsQuery || $[17] !== livePush) {
+    t8 = async (id_0) => {
+      if (cancelImpl === void 0) {
+        return;
+      }
+      setLiveError(void 0);
+      try {
+        await cancelImpl(id_0);
+        if (!livePush) {
+          jobsQuery.refetch();
+        }
+      } catch (t92) {
+        const error_ = t92;
+        setLiveError(errorMessage(error_));
+      }
+    };
+    $[15] = cancelImpl;
+    $[16] = jobsQuery;
+    $[17] = livePush;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  const cancel = t8;
+  let t9;
+  if ($[19] !== error) {
+    t9 = 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, {
+    }, void 0, false);
+    $[19] = error;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  let t10;
+  if ($[21] !== jobs?.length || $[22] !== t) {
+    t10 = jobs?.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
       description: t("Jobs queued with runAfter / runAt will appear here."),
       icon: /* @__PURE__ */ jsxDEV("svg", {
         "aria-hidden": "true",
@@ -93,7 +165,16 @@ const ScheduledJobs = ({
       }, void 0, true),
       testId: "sj-empty",
       title: t("No scheduled jobs.")
-    }, void 0, false), jobs !== null && jobs.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
+    }, void 0, false);
+    $[21] = jobs?.length;
+    $[22] = t;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  let t11;
+  if ($[24] !== cancel || $[25] !== cancelImpl || $[26] !== jobs || $[27] !== t) {
+    t11 = jobs !== void 0 && jobs.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
       className: "overflow-hidden py-0",
       children: /* @__PURE__ */ jsxDEV(CardContent, {
         className: "px-0",
@@ -152,8 +233,30 @@ const ScheduledJobs = ({
           }, void 0, false)]
         }, void 0, true)
       }, void 0, false)
-    }, void 0, false)]
-  }, void 0, true);
+    }, void 0, false);
+    $[24] = cancel;
+    $[25] = cancelImpl;
+    $[26] = jobs;
+    $[27] = t;
+    $[28] = t11;
+  } else {
+    t11 = $[28];
+  }
+  let t12;
+  if ($[29] !== t10 || $[30] !== t11 || $[31] !== t9) {
+    t12 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-3",
+      "data-testid": "lunora-scheduled-jobs",
+      children: [t9, t10, t11]
+    }, void 0, true);
+    $[29] = t10;
+    $[30] = t11;
+    $[31] = t9;
+    $[32] = t12;
+  } else {
+    t12 = $[32];
+  }
+  return t12;
 };
 
 export { ScheduledJobs };

package/dist/packem_shared/Studio-lJhzDAze.js

@@ -0,0 +1,16 @@
+import 'react/compiler-runtime';
+import '@tanstack/react-router';
+import 'react';
+export { S as Studio } from './studio-Dh9UlaF_.js';
+import './ErrorBoundary-BzAApI7J.js';
+import './badge-B2PKA1-5.js';
+import './input-XH4r1Pt1.js';
+import './skeleton-CGhL0p20.js';
+import './home-panel-TFcRf9Ui.js';
+import './DEFAULT_LOCALE-CiX4W7Kr.js';
+import './StudioI18nProvider-B-tDCZIi.js';
+import './data-view-params-Cd6yRVbv.js';
+import './internal-CYcbqMjX.js';
+import './utils-B05Dmz_H.js';
+import './CommandPalette-X2tkbyHk.js';
+import 'react/jsx-dev-runtime';