@lunora/studio 1.0.0-alpha.50 → 1.0.0-alpha.52

package/dist/index.js

@@ -1,6 +1,6 @@
-export { StudioApp } from './packem_shared/StudioApp-oCQholCL.js';
+export { StudioApp } from './packem_shared/StudioApp-K9dn1Q9d.js';
 export { CommandPalette, openCommandPalette } from './packem_shared/CommandPalette-BXV4eKf5.js';
-export { S as Studio } from './packem_shared/studio-WZUOecDv.js';
+export { S as Studio } from './packem_shared/studio-Cd21fp4v.js';
 export { ConfirmButton } from './packem_shared/ConfirmButton-C2eVi2Qv.js';
 export { default as ConnectionBadge } from './packem_shared/ConnectionBadge-B2DDM2Tn.js';
 export { ErrorBoundary } from './packem_shared/ErrorBoundary-BzAApI7J.js';
@@ -14,7 +14,7 @@ export { default as ApiTab } from './packem_chunks/ApiTab.js';
 export { default as OpenRpcReferencePanel } from './packem_shared/OpenRpcReferencePanel-CWaf0ZtX.js';
 export { DataBrowser } from './packem_shared/DataBrowser-C8hejnub.js';
 export { DataFilters, toFilterClauses } from './packem_shared/DataFilters-B1Q7mrt7.js';
-export { GlobalDataBrowser } from './packem_shared/GlobalDataBrowser-CxJxRRf2.js';
+export { GlobalDataBrowser } from './packem_shared/GlobalDataBrowser-f5Ll2AQK.js';
 export { TableEditor } from './packem_chunks/TableEditor.js';
 export { ExportImportPanel } from './packem_chunks/ExportImportPanel.js';
 export { MigrationsPanel } from './packem_chunks/MigrationsPanel.js';

package/dist/mount.js

@@ -1,6 +1,6 @@
 import { LunoraError } from '@lunora/errors';
 import { createRoot } from 'react-dom/client';
-import { StudioApp } from './packem_shared/StudioApp-oCQholCL.js';
+import { StudioApp } from './packem_shared/StudioApp-K9dn1Q9d.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const mountStudio = (options = {}) => {

package/dist/packem_chunks/SqlEditorPanel.js

@@ -216,11 +216,17 @@ const useSqlAutocomplete = (schema, textareaRef, setValue) => {
         left: 0,
         top: 0
       } : caretOffset(node, caret);
-      setState({
-        active: 0,
-        left,
-        suggestions,
-        top
+      setState((current) => {
+        const unchanged = current !== null && current.active === 0 && current.left === left && current.top === top && current.suggestions.length === suggestions.length && current.suggestions.every((existing, index) => {
+          const next = suggestions.at(index);
+          return existing.kind === next?.kind && existing.label === next.label && existing.detail === next.detail;
+        });
+        return unchanged ? current : {
+          active: 0,
+          left,
+          suggestions,
+          top
+        };
       });
     };
     $[0] = schema;
@@ -243,14 +249,14 @@ const useSqlAutocomplete = (schema, textareaRef, setValue) => {
   let t2;
   if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = (delta) => {
-      setState((current) => {
-        if (current === null) {
-          return current;
+      setState((current_0) => {
+        if (current_0 === null) {
+          return current_0;
         }
-        const count = current.suggestions.length;
-        const active = (current.active + delta + count) % count;
+        const count = current_0.suggestions.length;
+        const active = (current_0.active + delta + count) % count;
         return {
-          ...current,
+          ...current_0,
           active
         };
       });
@@ -271,14 +277,14 @@ const useSqlAutocomplete = (schema, textareaRef, setValue) => {
       if (chosen === void 0) {
         return false;
       }
-      const next = acceptSuggestion(textarea.value, textarea.selectionStart, chosen);
-      setValue(next.value);
+      const next_0 = acceptSuggestion(textarea.value, textarea.selectionStart, chosen);
+      setValue(next_0.value);
       setState(null);
       requestAnimationFrame(() => {
         const node_0 = textareaRef.current;
         if (node_0 !== null) {
           node_0.focus();
-          node_0.setSelectionRange(next.caret, next.caret);
+          node_0.setSelectionRange(next_0.caret, next_0.caret);
         }
       });
       return true;

package/dist/packem_chunks/TableEditor.js

@@ -8,7 +8,7 @@ import { s as searchToDataView, d as dataViewToSearch } from '../packem_shared/d
 import { f as fireAndForget } from '../packem_shared/internal-zwBoOv24.js';
 import { l as loadJsonArray, s as saveJson } from '../packem_shared/browser-storage-L4gOP5gJ.js';
 import { DataBrowser } from '../packem_shared/DataBrowser-C8hejnub.js';
-import { GlobalDataBrowser } from '../packem_shared/GlobalDataBrowser-CxJxRRf2.js';
+import { GlobalDataBrowser } from '../packem_shared/GlobalDataBrowser-f5Ll2AQK.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const STORAGE_KEY = "lunora-studio-saved-queries";

package/dist/packem_chunks/kv-browser.js

@@ -8,7 +8,7 @@ import { f as fireAndForget, e as errorMessage, k as formatBytes, g as copyToCli
 import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
 import { C as Checkbox } from '../packem_shared/checkbox-UNkzAxl-.js';
 import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
-import { b as Sheet, c as SheetContent, d as SheetHeader, e as SheetTitle } from '../packem_shared/studio-WZUOecDv.js';
+import { b as Sheet, c as SheetContent, d as SheetHeader, e as SheetTitle } from '../packem_shared/studio-Cd21fp4v.js';
 import { c } from 'react/compiler-runtime';
 import { L as Label } from '../packem_shared/label-D8ykjn5J.js';
 import { T as Textarea } from '../packem_shared/textarea-D3gaCU_-.js';

package/dist/packem_shared/{GlobalDataBrowser-CxJxRRf2.js → GlobalDataBrowser-f5Ll2AQK.js}

@@ -109,6 +109,10 @@ const GlobalDataBrowser = ({
     const index = Number(event.currentTarget.dataset["index"]);
     applyFilters(filtersRef.current.filter((_, position) => position !== index));
   };
+  const selectTableRef = useRef(selectTable);
+  useEffect(() => {
+    selectTableRef.current = selectTable;
+  });
   useEffect(() => {
     if (initialTable === void 0 || initialTable === "" || appliedInitialTable.current === initialTable) {
       return;
@@ -116,9 +120,9 @@ const GlobalDataBrowser = ({
     appliedInitialTable.current = initialTable;
     const target = initialTable;
     queueMicrotask(() => {
-      selectTable(target);
+      selectTableRef.current(target);
     });
-  }, [initialTable, selectTable]);
+  }, [initialTable]);
   const goToPage = (nextOffset) => {
     if (selectedTable === null) {
       return;

package/dist/packem_shared/{Studio-xJLTlLpf.js → Studio-BNGjxLVo.js}

@@ -1,7 +1,7 @@
 import 'react/compiler-runtime';
 import '@tanstack/react-router';
 import 'react';
-export { S as Studio } from './studio-WZUOecDv.js';
+export { S as Studio } from './studio-Cd21fp4v.js';
 import './ErrorBoundary-BzAApI7J.js';
 import './badge-B2PKA1-5.js';
 import './input-XH4r1Pt1.js';

package/dist/packem_shared/{StudioApp-oCQholCL.js → StudioApp-K9dn1Q9d.js}

@@ -3,7 +3,7 @@ import { LunoraClient } from '@lunora/client';
 import { LunoraProvider } from '@lunora/react';
 import { useState, useEffect } from 'react';
 import { ErrorBoundary } from './ErrorBoundary-BzAApI7J.js';
-import { u as useTheme, B as BrandMark, T as ThemeProvider, a as TooltipProvider, S as Studio } from './studio-WZUOecDv.js';
+import { u as useTheme, B as BrandMark, T as ThemeProvider, a as TooltipProvider, S as Studio } from './studio-Cd21fp4v.js';
 import useDebounced from './useDebounced-Dxncpg6z.js';
 import { useT, createStudioI18n } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { StudioI18nProvider } from './StudioI18nProvider-B-tDCZIi.js';
@@ -38,6 +38,66 @@ const saveToken = (token) => {
   }
 };
 
+const WS_TOKEN_MINT_PATH = "/_lunora/admin/ws-token";
+const REFRESH_MARGIN_MS = 1e4;
+const isMintedWsToken = (body) => {
+  const candidate = body;
+  return typeof candidate?.token === "string" && candidate.token.length > 0 && typeof candidate.expiresAtMs === "number";
+};
+const createAdminWsTokenProvider = (options) => {
+  const {
+    adminToken,
+    baseUrl
+  } = options;
+  const fetchImpl = options.fetchImpl ?? fetch;
+  let origin = baseUrl;
+  while (origin.endsWith("/")) {
+    origin = origin.slice(0, -1);
+  }
+  const mintUrl = `${origin}${WS_TOKEN_MINT_PATH}`;
+  let cached;
+  let endpointMissing = false;
+  let inFlight;
+  const mint = async () => {
+    const response = await fetchImpl(mintUrl, {
+      headers: {
+        authorization: `Bearer ${adminToken}`
+      },
+      method: "POST"
+    });
+    if (response.status === 404 || response.status === 405) {
+      endpointMissing = true;
+      return adminToken;
+    }
+    if (!response.ok) {
+      throw new Error(`ws-token mint failed: ${String(response.status)}`);
+    }
+    const body = await response.json().catch(() => void 0);
+    if (!isMintedWsToken(body)) {
+      throw new Error("ws-token mint failed: malformed response body");
+    }
+    cached = body;
+    return body.token;
+  };
+  return {
+    getToken: async () => {
+      if (endpointMissing) {
+        return adminToken;
+      }
+      if (cached !== void 0 && cached.expiresAtMs - REFRESH_MARGIN_MS > Date.now()) {
+        return cached.token;
+      }
+      inFlight ??= mint().finally(() => {
+        inFlight = void 0;
+      });
+      return inFlight;
+    },
+    invalidate: () => {
+      cached = void 0;
+    }
+  };
+};
+
 const StudioLoginForm = (t0) => {
   const $ = c(42);
   const {
@@ -544,14 +604,20 @@ const StudioApp = (t0) => {
     }
     let created;
     if ($[7] !== baseUrl || $[8] !== debouncedToken) {
+      const origin = resolveOrigin(baseUrl);
+      const provider = debouncedToken === "" ? void 0 : createAdminWsTokenProvider({
+        adminToken: debouncedToken,
+        baseUrl: origin
+      });
       created = new LunoraClient({
-        url: resolveOrigin(baseUrl),
-        ...debouncedToken === "" ? {} : {
-          wsToken: debouncedToken
+        url: origin,
+        ...provider === void 0 ? {} : {
+          wsToken: provider.getToken
         }
       });
-      if (debouncedToken !== "") {
+      if (provider !== void 0) {
         created.setAuthToken(debouncedToken);
+        created.onTokenExpired(provider.invalidate);
       }
       $[7] = baseUrl;
       $[8] = debouncedToken;

package/dist/packem_shared/{studio-WZUOecDv.js → studio-Cd21fp4v.js}

@@ -2,13 +2,13 @@
 import { c } from 'react/compiler-runtime';
 import { createRootRoute, createRoute, createBrowserHistory, createMemoryHistory, createRouter, useNavigate, useRouterState, useSearch, Outlet, RouterProvider } from '@tanstack/react-router';
 import * as React from 'react';
-import { useState, useEffect, createContext, use, lazy, Suspense } from 'react';
+import { use, createContext, useState, useEffect, lazy, Suspense } from 'react';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
 import { ErrorBoundary } from './ErrorBoundary-BzAApI7J.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { motion } from 'motion/react';
 import { LunoraError } from '@lunora/errors';
+import { motion } from 'motion/react';
 import { B as Badge } from './badge-B2PKA1-5.js';
 import { I as Input } from './input-XH4r1Pt1.js';
 import { Popover as Popover$1 } from '@base-ui/react/popover';
@@ -116,6 +116,25 @@ const ThemeProvider = ({
     children
   }, void 0, false);
 };
+const EnsureThemeProvider = (t0) => {
+  const $ = c(3);
+  const {
+    children
+  } = t0;
+  const existing = use(ThemeContext);
+  let t1;
+  if ($[0] !== children || $[1] !== existing) {
+    t1 = existing === null ? /* @__PURE__ */ jsxDEV(ThemeProvider, {
+      children
+    }, void 0, false) : children;
+    $[0] = children;
+    $[1] = existing;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+};
 const useTheme = () => {
   const context = use(ThemeContext);
   if (context === null) {
@@ -4009,19 +4028,21 @@ const Studio = (t0) => {
   } = t0;
   let t1;
   if ($[0] !== basePath || $[1] !== chrome || $[2] !== dataEditable || $[3] !== functions || $[4] !== initialShardKey || $[5] !== openApiSpec || $[6] !== openRpcSpec || $[7] !== runAsIdentity || $[8] !== scheduledCancel || $[9] !== scheduledCron || $[10] !== scheduledLoad || $[11] !== schemaEditable) {
-    t1 = /* @__PURE__ */ jsxDEV(StudioShell, {
-      basePath,
-      chrome,
-      dataEditable,
-      functions,
-      initialShardKey,
-      openApiSpec,
-      openRpcSpec,
-      runAsIdentity,
-      scheduledCancel,
-      scheduledCron,
-      scheduledLoad,
-      schemaEditable
+    t1 = /* @__PURE__ */ jsxDEV(EnsureThemeProvider, {
+      children: /* @__PURE__ */ jsxDEV(StudioShell, {
+        basePath,
+        chrome,
+        dataEditable,
+        functions,
+        initialShardKey,
+        openApiSpec,
+        openRpcSpec,
+        runAsIdentity,
+        scheduledCancel,
+        scheduledCron,
+        scheduledLoad,
+        schemaEditable
+      }, void 0, false)
     }, void 0, false);
     $[0] = basePath;
     $[1] = chrome;