@lunora/studio 1.0.0-alpha.59 → 1.0.0-alpha.60

package/dist/packem_shared/StudioApp-CzqlB4zO.js

@@ -1,708 +0,0 @@
-import { c } from 'react/compiler-runtime';
-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-8QSXbZ98.js';
-import useDebounced from './useDebounced-Dxncpg6z.js';
-import { useT, createStudioI18n } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { StudioI18nProvider } from './StudioI18nProvider-B-tDCZIi.js';
-import { r as resolveOrigin } from './internal-DzHCc2Rq.js';
-import STUDIO_ROOT_CLASS from './STUDIO_ROOT_CLASS-D12gX2dV.js';
-import { a as storageOf } from './browser-storage-L4gOP5gJ.js';
-import { c as cn } from './utils-B05Dmz_H.js';
-import { B as Button } from './button-BhsN2uZH.js';
-import { I as Input } from './input-XH4r1Pt1.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const STORAGE_KEY = "lunora-studio-admin-token";
-const loadToken = () => {
-  try {
-    return storageOf("session")?.getItem(STORAGE_KEY) ?? "";
-  } catch {
-    return "";
-  }
-};
-const saveToken = (token) => {
-  const storage = storageOf("session");
-  if (storage === void 0) {
-    return;
-  }
-  try {
-    if (token === "") {
-      storage.removeItem(STORAGE_KEY);
-    } else {
-      storage.setItem(STORAGE_KEY, token);
-    }
-  } catch {
-  }
-};
-
-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 {
-    onSubmit
-  } = t0;
-  const t = useT();
-  const [value, setValue] = useState("");
-  let t1;
-  if ($[0] !== value) {
-    t1 = value.trim();
-    $[0] = value;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const trimmed = t1;
-  let t2;
-  if ($[2] !== onSubmit || $[3] !== trimmed) {
-    t2 = (event) => {
-      event.preventDefault();
-      if (trimmed !== "") {
-        onSubmit(trimmed);
-      }
-    };
-    $[2] = onSubmit;
-    $[3] = trimmed;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  const submit = t2;
-  let t3;
-  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsxDEV("div", {
-      className: "h-10 w-10 text-foreground",
-      children: /* @__PURE__ */ jsxDEV(BrandMark, {}, void 0, false)
-    }, void 0, false);
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== t) {
-    t4 = t("Connect to Lunora Studio");
-    $[6] = t;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== t4) {
-    t5 = /* @__PURE__ */ jsxDEV("h1", {
-      className: "text-base font-semibold text-foreground",
-      children: t4
-    }, void 0, false);
-    $[8] = t4;
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
-  let t6;
-  if ($[10] !== t) {
-    t6 = t("Enter your admin token to access the studio.");
-    $[10] = t;
-    $[11] = t6;
-  } else {
-    t6 = $[11];
-  }
-  let t7;
-  if ($[12] !== t6) {
-    t7 = /* @__PURE__ */ jsxDEV("p", {
-      className: "text-[13px] text-muted-foreground",
-      children: t6
-    }, void 0, false);
-    $[12] = t6;
-    $[13] = t7;
-  } else {
-    t7 = $[13];
-  }
-  let t8;
-  if ($[14] !== t5 || $[15] !== t7) {
-    t8 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col items-center gap-3 text-center",
-      children: [t3, /* @__PURE__ */ jsxDEV("div", {
-        className: "flex flex-col gap-1",
-        children: [t5, t7]
-      }, void 0, true)]
-    }, void 0, true);
-    $[14] = t5;
-    $[15] = t7;
-    $[16] = t8;
-  } else {
-    t8 = $[16];
-  }
-  let t9;
-  if ($[17] !== t) {
-    t9 = t("admin token");
-    $[17] = t;
-    $[18] = t9;
-  } else {
-    t9 = $[18];
-  }
-  let t10;
-  if ($[19] !== t9) {
-    t10 = /* @__PURE__ */ jsxDEV("label", {
-      className: "text-xs font-medium text-foreground",
-      htmlFor: "lunora-studio-login-token",
-      children: t9
-    }, void 0, false);
-    $[19] = t9;
-    $[20] = t10;
-  } else {
-    t10 = $[20];
-  }
-  let t11;
-  if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t11 = (event_0) => {
-      setValue(event_0.target.value);
-    };
-    $[21] = t11;
-  } else {
-    t11 = $[21];
-  }
-  let t12;
-  if ($[22] !== value) {
-    t12 = /* @__PURE__ */ jsxDEV(Input, {
-      autoComplete: "off",
-      autoFocus: true,
-      "data-testid": "lunora-studio-login-token",
-      id: "lunora-studio-login-token",
-      onChange: t11,
-      placeholder: "LUNORA_ADMIN_TOKEN",
-      type: "password",
-      value
-    }, void 0, false);
-    $[22] = value;
-    $[23] = t12;
-  } else {
-    t12 = $[23];
-  }
-  let t13;
-  if ($[24] !== t) {
-    t13 = t("From your worker's LUNORA_ADMIN_TOKEN — your project's .dev.vars in dev, or a deployment secret in production.");
-    $[24] = t;
-    $[25] = t13;
-  } else {
-    t13 = $[25];
-  }
-  let t14;
-  if ($[26] !== t13) {
-    t14 = /* @__PURE__ */ jsxDEV("p", {
-      className: "text-[11px] text-muted-foreground",
-      children: t13
-    }, void 0, false);
-    $[26] = t13;
-    $[27] = t14;
-  } else {
-    t14 = $[27];
-  }
-  let t15;
-  if ($[28] !== t10 || $[29] !== t12 || $[30] !== t14) {
-    t15 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-1.5",
-      children: [t10, t12, t14]
-    }, void 0, true);
-    $[28] = t10;
-    $[29] = t12;
-    $[30] = t14;
-    $[31] = t15;
-  } else {
-    t15 = $[31];
-  }
-  const t16 = trimmed === "";
-  let t17;
-  if ($[32] !== t) {
-    t17 = t("Connect");
-    $[32] = t;
-    $[33] = t17;
-  } else {
-    t17 = $[33];
-  }
-  let t18;
-  if ($[34] !== t16 || $[35] !== t17) {
-    t18 = /* @__PURE__ */ jsxDEV(Button, {
-      "data-testid": "lunora-studio-login-submit",
-      disabled: t16,
-      type: "submit",
-      children: t17
-    }, void 0, false);
-    $[34] = t16;
-    $[35] = t17;
-    $[36] = t18;
-  } else {
-    t18 = $[36];
-  }
-  let t19;
-  if ($[37] !== submit || $[38] !== t15 || $[39] !== t18 || $[40] !== t8) {
-    t19 = /* @__PURE__ */ jsxDEV("form", {
-      className: "flex w-full max-w-sm flex-col gap-5 rounded-xl border border-border bg-card p-7 shadow-lg",
-      "data-testid": "lunora-studio-login",
-      onSubmit: submit,
-      children: [t8, t15, t18]
-    }, void 0, true);
-    $[37] = submit;
-    $[38] = t15;
-    $[39] = t18;
-    $[40] = t8;
-    $[41] = t19;
-  } else {
-    t19 = $[41];
-  }
-  return t19;
-};
-const StudioLogin = (t0) => {
-  const $ = c(10);
-  const {
-    i18n,
-    onSubmit
-  } = t0;
-  const {
-    resolvedTheme
-  } = useTheme();
-  const t1 = resolvedTheme === "dark" && "dark";
-  let t2;
-  if ($[0] !== t1) {
-    t2 = cn(STUDIO_ROOT_CLASS, t1, "flex h-dvh items-center justify-center bg-sidebar p-6 text-sm text-foreground");
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  let t3;
-  if ($[2] !== onSubmit) {
-    t3 = /* @__PURE__ */ jsxDEV(StudioLoginForm, {
-      onSubmit
-    }, void 0, false);
-    $[2] = onSubmit;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] !== i18n || $[5] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV(StudioI18nProvider, {
-      i18n,
-      children: t3
-    }, void 0, false);
-    $[4] = i18n;
-    $[5] = t3;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  let t5;
-  if ($[7] !== t2 || $[8] !== t4) {
-    t5 = /* @__PURE__ */ jsxDEV("div", {
-      className: t2,
-      "data-testid": "lunora-studio-login-root",
-      children: t4
-    }, void 0, false);
-    $[7] = t2;
-    $[8] = t4;
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
-  return t5;
-};
-
-const StudioAppBody = (t0) => {
-  const $ = c(23);
-  const {
-    basePath,
-    chrome,
-    studio
-  } = t0;
-  const t = useT();
-  let t1;
-  if ($[0] !== t) {
-    t1 = t("Studio failed");
-    $[0] = t;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== t) {
-    t2 = t("Studio");
-    $[2] = t;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== t) {
-    t3 = t("Try again");
-    $[4] = t;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  const t4 = studio?.dataEditable;
-  const t5 = studio?.functions;
-  const t6 = studio?.initialShardKey;
-  const t7 = studio?.openApiSpec;
-  const t8 = studio?.openRpcSpec;
-  const t9 = studio?.runAsIdentity;
-  const t10 = studio?.scheduledCancel;
-  const t11 = studio?.scheduledLoad;
-  const t12 = studio?.schemaEditable;
-  let t13;
-  if ($[6] !== basePath || $[7] !== chrome || $[8] !== t10 || $[9] !== t11 || $[10] !== t12 || $[11] !== t4 || $[12] !== t5 || $[13] !== t6 || $[14] !== t7 || $[15] !== t8 || $[16] !== t9) {
-    t13 = /* @__PURE__ */ jsxDEV(Studio, {
-      basePath,
-      chrome,
-      dataEditable: t4,
-      functions: t5,
-      initialShardKey: t6,
-      openApiSpec: t7,
-      openRpcSpec: t8,
-      runAsIdentity: t9,
-      scheduledCancel: t10,
-      scheduledLoad: t11,
-      schemaEditable: t12
-    }, void 0, false);
-    $[6] = basePath;
-    $[7] = chrome;
-    $[8] = t10;
-    $[9] = t11;
-    $[10] = t12;
-    $[11] = t4;
-    $[12] = t5;
-    $[13] = t6;
-    $[14] = t7;
-    $[15] = t8;
-    $[16] = t9;
-    $[17] = t13;
-  } else {
-    t13 = $[17];
-  }
-  let t14;
-  if ($[18] !== t1 || $[19] !== t13 || $[20] !== t2 || $[21] !== t3) {
-    t14 = /* @__PURE__ */ jsxDEV(ErrorBoundary, {
-      fallbackTitle: t1,
-      label: t2,
-      retryLabel: t3,
-      children: t13
-    }, void 0, false);
-    $[18] = t1;
-    $[19] = t13;
-    $[20] = t2;
-    $[21] = t3;
-    $[22] = t14;
-  } else {
-    t14 = $[22];
-  }
-  return t14;
-};
-const StudioShell = (t0) => {
-  const $ = c(20);
-  const {
-    basePath,
-    clearToken,
-    client,
-    i18n,
-    onTokenChange,
-    rulesInstalled,
-    studio,
-    token
-  } = t0;
-  const {
-    resolvedTheme
-  } = useTheme();
-  let t1;
-  if ($[0] !== clearToken || $[1] !== onTokenChange || $[2] !== rulesInstalled || $[3] !== token) {
-    t1 = {
-      clearToken,
-      onTokenChange,
-      rulesInstalled,
-      token
-    };
-    $[0] = clearToken;
-    $[1] = onTokenChange;
-    $[2] = rulesInstalled;
-    $[3] = token;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  const chrome = t1;
-  const t2 = resolvedTheme === "dark" && "dark";
-  let t3;
-  if ($[5] !== t2) {
-    t3 = cn(STUDIO_ROOT_CLASS, t2, "flex h-dvh flex-col overflow-hidden bg-sidebar text-sm text-foreground");
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== basePath || $[8] !== chrome || $[9] !== studio) {
-    t4 = /* @__PURE__ */ jsxDEV(TooltipProvider, {
-      children: /* @__PURE__ */ jsxDEV(StudioAppBody, {
-        basePath,
-        chrome,
-        studio
-      }, void 0, false)
-    }, void 0, false);
-    $[7] = basePath;
-    $[8] = chrome;
-    $[9] = studio;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  let t5;
-  if ($[11] !== i18n || $[12] !== t4) {
-    t5 = /* @__PURE__ */ jsxDEV(StudioI18nProvider, {
-      i18n,
-      children: t4
-    }, void 0, false);
-    $[11] = i18n;
-    $[12] = t4;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  let t6;
-  if ($[14] !== client || $[15] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV(LunoraProvider, {
-      client,
-      children: t5
-    }, void 0, false);
-    $[14] = client;
-    $[15] = t5;
-    $[16] = t6;
-  } else {
-    t6 = $[16];
-  }
-  let t7;
-  if ($[17] !== t3 || $[18] !== t6) {
-    t7 = /* @__PURE__ */ jsxDEV("div", {
-      className: t3,
-      "data-testid": "lunora-studio-app",
-      children: t6
-    }, void 0, false);
-    $[17] = t3;
-    $[18] = t6;
-    $[19] = t7;
-  } else {
-    t7 = $[19];
-  }
-  return t7;
-};
-const StudioApp = (t0) => {
-  const $ = c(25);
-  let t1;
-  if ($[0] !== t0) {
-    t1 = t0 === void 0 ? {} : t0;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const {
-    adminToken,
-    basePath,
-    baseUrl,
-    client: injectedClient,
-    rulesInstalled,
-    studio,
-    locale
-  } = t1;
-  let t2;
-  if ($[2] !== adminToken) {
-    t2 = () => adminToken ?? loadToken();
-    $[2] = adminToken;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const [token, setToken] = useState(t2);
-  let t3;
-  let t4;
-  if ($[4] !== token) {
-    t3 = () => {
-      saveToken(token);
-    };
-    t4 = [token];
-    $[4] = token;
-    $[5] = t3;
-    $[6] = t4;
-  } else {
-    t3 = $[5];
-    t4 = $[6];
-  }
-  useEffect(t3, t4);
-  const debouncedToken = useDebounced(token, 300);
-  let t5;
-  bb0: {
-    if (injectedClient !== void 0) {
-      t5 = injectedClient;
-      break bb0;
-    }
-    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: origin,
-        ...provider === void 0 ? {} : {
-          wsToken: provider.getToken
-        }
-      });
-      if (provider !== void 0) {
-        created.setAuthToken(debouncedToken);
-        created.onTokenExpired(provider.invalidate);
-      }
-      $[7] = baseUrl;
-      $[8] = debouncedToken;
-      $[9] = created;
-    } else {
-      created = $[9];
-    }
-    t5 = created;
-  }
-  const client = t5;
-  let t6;
-  let t7;
-  if ($[10] !== client || $[11] !== injectedClient) {
-    t6 = () => () => {
-      if (injectedClient === void 0) {
-        client.close();
-      }
-    };
-    t7 = [client, injectedClient];
-    $[10] = client;
-    $[11] = injectedClient;
-    $[12] = t6;
-    $[13] = t7;
-  } else {
-    t6 = $[12];
-    t7 = $[13];
-  }
-  useEffect(t6, t7);
-  let t8;
-  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t8 = (event) => {
-      setToken(event.target.value);
-    };
-    $[14] = t8;
-  } else {
-    t8 = $[14];
-  }
-  const onTokenChange = t8;
-  let t9;
-  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t9 = () => {
-      setToken("");
-    };
-    $[15] = t9;
-  } else {
-    t9 = $[15];
-  }
-  const clearToken = t9;
-  let t10;
-  if ($[16] !== locale) {
-    t10 = createStudioI18n(locale);
-    $[16] = locale;
-    $[17] = t10;
-  } else {
-    t10 = $[17];
-  }
-  const i18n = t10;
-  let t11;
-  if ($[18] !== basePath || $[19] !== client || $[20] !== i18n || $[21] !== rulesInstalled || $[22] !== studio || $[23] !== token) {
-    t11 = /* @__PURE__ */ jsxDEV(ThemeProvider, {
-      children: token === "" ? /* @__PURE__ */ jsxDEV(StudioLogin, {
-        i18n,
-        onSubmit: setToken
-      }, void 0, false) : /* @__PURE__ */ jsxDEV(StudioShell, {
-        basePath,
-        clearToken,
-        client,
-        i18n,
-        onTokenChange,
-        rulesInstalled,
-        studio,
-        token
-      }, void 0, false)
-    }, void 0, false);
-    $[18] = basePath;
-    $[19] = client;
-    $[20] = i18n;
-    $[21] = rulesInstalled;
-    $[22] = studio;
-    $[23] = token;
-    $[24] = t11;
-  } else {
-    t11 = $[24];
-  }
-  return t11;
-};
-
-export { StudioApp };