@lunora/studio 0.0.0 → 1.0.0-alpha.10

package/dist/packem_shared/StudioApp-C7aaizqc.js

@@ -0,0 +1,657 @@
+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-9Mq0PdMi.js';
+import useDebounced from './useDebounced-Dxncpg6z.js';
+import { useT, createStudioI18n } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { StudioI18nProvider } from './StudioI18nProvider-B-tDCZIi.js';
+import STUDIO_ROOT_CLASS from './STUDIO_ROOT_CLASS-D12gX2dV.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 store = () => {
+  try {
+    return globalThis.sessionStorage;
+  } catch {
+    return void 0;
+  }
+};
+const loadToken = () => {
+  try {
+    return store()?.getItem(STORAGE_KEY) ?? "";
+  } catch {
+    return "";
+  }
+};
+const saveToken = (token) => {
+  const storage = store();
+  if (storage === void 0) {
+    return;
+  }
+  try {
+    if (token === "") {
+      storage.removeItem(STORAGE_KEY);
+    } else {
+      storage.setItem(STORAGE_KEY, token);
+    }
+  } catch {
+  }
+};
+
+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 resolveBaseUrl = (explicit) => {
+  if (explicit !== void 0 && explicit !== "") {
+    return explicit;
+  }
+  const loc = globalThis.location;
+  if (loc?.origin !== void 0 && loc.origin !== "") {
+    return loc.origin;
+  }
+  return "http://localhost:5173";
+};
+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) {
+      created = new LunoraClient({
+        url: resolveBaseUrl(baseUrl),
+        ...debouncedToken === "" ? {} : {
+          wsToken: debouncedToken
+        }
+      });
+      if (debouncedToken !== "") {
+        created.setAuthToken(debouncedToken);
+      }
+      $[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 };

package/dist/packem_shared/StudioI18nProvider-B-tDCZIi.js

@@ -0,0 +1,48 @@
+import { c } from 'react/compiler-runtime';
+import { studioI18n, createStudioI18n, StudioI18nContext } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const resolveInstance = (i18n, locale, catalogs) => {
+  if (i18n !== void 0) {
+    return i18n;
+  }
+  if (locale === void 0 && catalogs === void 0) {
+    return studioI18n;
+  }
+  return createStudioI18n(locale, catalogs);
+};
+const StudioI18nProvider = (t0) => {
+  const $ = c(7);
+  const {
+    catalogs,
+    children,
+    i18n,
+    locale
+  } = t0;
+  let t1;
+  if ($[0] !== catalogs || $[1] !== i18n || $[2] !== locale) {
+    t1 = resolveInstance(i18n, locale, catalogs);
+    $[0] = catalogs;
+    $[1] = i18n;
+    $[2] = locale;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const instance = t1;
+  let t2;
+  if ($[4] !== children || $[5] !== instance) {
+    t2 = /* @__PURE__ */ jsxDEV(StudioI18nContext, {
+      value: instance,
+      children
+    }, void 0, false);
+    $[4] = children;
+    $[5] = instance;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+};
+
+export { StudioI18nProvider };