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

package/dist/packem_shared/internal-zwBoOv24.js

@@ -0,0 +1,122 @@
+const dispatchByKind = (client, kind, reference, args, options) => {
+  switch (kind) {
+    case "action": {
+      return client.action(reference, args, options);
+    }
+    case "mutation": {
+      return client.mutation(reference, args, options);
+    }
+    default: {
+      return client.query(reference, args, options);
+    }
+  }
+};
+const adminRef = (path) => {
+  return {
+    __lunoraRef: path
+  };
+};
+const callOptions = (shardKey) => {
+  const trimmed = shardKey.trim();
+  return trimmed === "" ? {} : {
+    shardKey: trimmed
+  };
+};
+const errorMessage = (error) => error instanceof Error ? error.message : String(error);
+const errorHint = (error) => {
+  if (error === null || typeof error !== "object" || !("hint" in error)) {
+    return void 0;
+  }
+  const {
+    hint
+  } = error;
+  if (typeof hint === "string") {
+    return hint;
+  }
+  return Array.isArray(hint) ? hint.filter((line) => typeof line === "string").join("\n") : void 0;
+};
+const errorDocumentationUrl = (error) => {
+  if (error === null || typeof error !== "object" || !("docsUrl" in error)) {
+    return void 0;
+  }
+  const value = error.docsUrl;
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  try {
+    const {
+      protocol
+    } = new URL(value);
+    return protocol === "http:" || protocol === "https:" ? value : void 0;
+  } catch {
+    return void 0;
+  }
+};
+const formatCell = (value) => {
+  if (value === null || value === void 0) {
+    return "";
+  }
+  switch (typeof value) {
+    case "bigint":
+    case "boolean":
+    case "number": {
+      return value.toString();
+    }
+    case "string": {
+      return value;
+    }
+    case "symbol": {
+      return value.toString();
+    }
+    default: {
+      return JSON.stringify(value);
+    }
+  }
+};
+const fireAndForget = (promise, onError) => {
+  promise.catch((error) => {
+  });
+};
+const resolveOrigin = (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 copyToClipboard = (text) => {
+  const clipboard = "navigator" in globalThis ? globalThis.navigator.clipboard : void 0;
+  if (clipboard === void 0) {
+    return false;
+  }
+  fireAndForget(clipboard.writeText(text));
+  return true;
+};
+const formatBytes = (bytes) => {
+  if (bytes === null || bytes === void 0) {
+    return "—";
+  }
+  if (bytes < 1024) {
+    return `${bytes.toString()} B`;
+  }
+  const units = ["KB", "MB", "GB", "TB"];
+  let value = bytes / 1024;
+  let unit = 0;
+  while (value >= 1024 && unit < units.length - 1) {
+    value /= 1024;
+    unit += 1;
+  }
+  return `${value.toFixed(1)} ${units[unit] ?? "TB"}`;
+};
+const formatTimestamp = (value, fallback = "") => {
+  if (value === null || value === void 0 || value === "") {
+    return fallback;
+  }
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? String(value) : date.toLocaleString();
+};
+
+export { adminRef as a, errorHint as b, callOptions as c, errorDocumentationUrl as d, errorMessage as e, fireAndForget as f, copyToClipboard as g, formatCell as h, formatTimestamp as i, dispatchByKind as j, formatBytes as k, resolveOrigin as r };

package/dist/packem_shared/modal-shell-hyaJvIJ6.js

@@ -0,0 +1,100 @@
+import { c } from 'react/compiler-runtime';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const OVERLAY_BY_VARIANT = {
+  dialog: "fixed inset-0 z-[1000] flex justify-center bg-black/20 pt-[10vh]",
+  drawer: "fixed inset-0 z-[1000] flex justify-end bg-black/20"
+};
+const PANEL_BY_VARIANT = {
+  dialog: "flex h-fit w-[min(28rem,92vw)] flex-col gap-3 rounded-lg border border-border bg-background p-4 shadow-xl",
+  drawer: "flex h-full w-[min(34rem,100vw)] flex-col gap-4 overflow-auto border-l border-border bg-background p-4 shadow-xl"
+};
+const ModalShell = (t0) => {
+  const $ = c(18);
+  const {
+    className,
+    children,
+    label,
+    onClose,
+    panelTestId,
+    testId,
+    variant
+  } = t0;
+  let t1;
+  if ($[0] !== onClose) {
+    t1 = (event) => {
+      if (event.target === event.currentTarget) {
+        onClose();
+      }
+    };
+    $[0] = onClose;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const onOverlayClick = t1;
+  let t2;
+  if ($[2] !== onClose) {
+    t2 = (event_0) => {
+      if (event_0.key === "Escape") {
+        onClose();
+      }
+    };
+    $[2] = onClose;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const onOverlayKeyDown = t2;
+  const t3 = OVERLAY_BY_VARIANT[variant];
+  const t4 = PANEL_BY_VARIANT[variant];
+  let t5;
+  if ($[4] !== className || $[5] !== t4) {
+    t5 = cn(t4, className);
+    $[4] = className;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== children || $[8] !== label || $[9] !== panelTestId || $[10] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      "aria-label": label,
+      className: t5,
+      "data-testid": panelTestId,
+      role: "dialog",
+      children
+    }, void 0, false);
+    $[7] = children;
+    $[8] = label;
+    $[9] = panelTestId;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== onOverlayClick || $[13] !== onOverlayKeyDown || $[14] !== t3 || $[15] !== t6 || $[16] !== testId) {
+    t7 = /* @__PURE__ */ jsxDEV("div", {
+      className: t3,
+      "data-testid": testId,
+      onClick: onOverlayClick,
+      onKeyDown: onOverlayKeyDown,
+      role: "presentation",
+      children: t6
+    }, void 0, false);
+    $[12] = onOverlayClick;
+    $[13] = onOverlayKeyDown;
+    $[14] = t3;
+    $[15] = t6;
+    $[16] = testId;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  return t7;
+};
+
+export { ModalShell as M };

package/dist/packem_shared/{reference-view-B4E49Lip.js → reference-view-DUULLuOi.js}

@@ -1,58 +1,19 @@
 import { c } from 'react/compiler-runtime';
-import { c as cn } from './utils-B05Dmz_H.js';
-import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
 import { useState, useEffect, createContext, use } from 'react';
-import { e as errorMessage, g as copyToClipboard, f as fireAndForget, c as callOptions, a as adminRef } from './internal-rXJEAhXS.js';
+import { e as errorMessage, g as copyToClipboard, f as fireAndForget, j as dispatchByKind, c as callOptions, a as adminRef } from './internal-zwBoOv24.js';
 import { SentIcon, Copy01Icon, Search01Icon } from '@hugeicons/core-free-icons';
 import { HugeiconsIcon } from '@hugeicons/react';
 import { I as Input } from './input-XH4r1Pt1.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { B as Button } from './button-BhsN2uZH.js';
+import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
 import { B as Badge$1 } from './badge-B2PKA1-5.js';
-import { ShardInput } from './ShardInput-gx_DZXXn.js';
+import { ShardInput } from './ShardInput-CZnpHILL.js';
 import { L as Label } from './label-D8ykjn5J.js';
 import { T as Textarea } from './textarea-D3gaCU_-.js';
+import { LunoraError } from '@lunora/errors';
 import { useLunora } from '@lunora/react';
-
-function Skeleton(t0) {
-  const $ = c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = cn("animate-pulse rounded-md bg-muted", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /* @__PURE__ */ jsxDEV("div", {
-      "data-slot": "skeleton",
-      className: t1,
-      ...props
-    }, void 0, false);
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
-}
+import { c as cn } from './utils-B05Dmz_H.js';
 
 const useAdminSpec = function(inlineSpec, fetcher, classify) {
   const $ = c(10);
@@ -855,7 +816,7 @@ const OperationRunContext = /* @__PURE__ */ createContext(null);
 const useOperationRun = () => {
   const value = use(OperationRunContext);
   if (value === null) {
-    throw new Error("useOperationRun must be used within an OperationRunProvider");
+    throw new LunoraError("INTERNAL", "useOperationRun must be used within an OperationRunProvider");
   }
   return value;
 };
@@ -905,21 +866,7 @@ const OperationRunProvider = ({
           value = text;
         }
       } else {
-        const reference = adminRef(operation.functionPath);
-        const options = callOptions(shardKey);
-        switch (operation.kind) {
-          case "action": {
-            value = await client.action(reference, parsedArgs, options);
-            break;
-          }
-          case "mutation": {
-            value = await client.mutation(reference, parsedArgs, options);
-            break;
-          }
-          default: {
-            value = await client.query(reference, parsedArgs, options);
-          }
-        }
+        value = await dispatchByKind(client, operation.kind, adminRef(operation.functionPath), parsedArgs, callOptions(shardKey));
       }
       setResponse(value);
       setDurationMs(Math.round(performance.now() - startedAt));
@@ -2177,4 +2124,4 @@ const ReferenceView = (t0) => {
   return t14;
 };
 
-export { ReferenceView as R, Skeleton as S, useAdminSpec as u };
+export { ReferenceView as R, useAdminSpec as u };

package/dist/packem_shared/result-chart-DZradBAS.js

@@ -0,0 +1,119 @@
+import { c } from 'react/compiler-runtime';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { h as formatCell } from './internal-zwBoOv24.js';
+import { X as XAxis, B as Bar, T as Tooltip, E as EvilBarChart } from './bar-chart-DSwcWIRy.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const MAX_BARS = 50;
+const RESULT_CHART_CONFIG = {
+  value: {
+    colors: {
+      dark: ["var(--chart-1)"],
+      light: ["var(--chart-1)"]
+    },
+    label: "value"
+  }
+};
+const pickColumns = (result) => {
+  const value = result.columns.find((column) => result.rows.length > 0 && result.rows.every((row) => typeof row[column] === "number")) ?? null;
+  const label = result.columns.find((column) => column !== value) ?? null;
+  return {
+    label,
+    value
+  };
+};
+const SqlResultChart = (t0) => {
+  const $ = c(15);
+  const {
+    result
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== result) {
+    t1 = pickColumns(result);
+    $[0] = result;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    label,
+    value
+  } = t1;
+  let t2;
+  if ($[2] !== label || $[3] !== result || $[4] !== value) {
+    t2 = value === null ? [] : result.rows.slice(0, MAX_BARS).map((row, index) => ({
+      label: label === null ? `#${(index + 1).toString()}` : formatCell(row[label]),
+      value: Number(row[value]) || 0
+    }));
+    $[2] = label;
+    $[3] = result;
+    $[4] = value;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const data = t2;
+  if (value === null) {
+    let t32;
+    if ($[6] !== t) {
+      t32 = t("No numeric column to chart.");
+      $[6] = t;
+      $[7] = t32;
+    } else {
+      t32 = $[7];
+    }
+    let t42;
+    if ($[8] !== t32) {
+      t42 = /* @__PURE__ */ jsxDEV("p", {
+        className: "p-4 text-sm text-muted-foreground",
+        "data-testid": "sql-chart-empty",
+        children: t32
+      }, void 0, false);
+      $[8] = t32;
+      $[9] = t42;
+    } else {
+      t42 = $[9];
+    }
+    return t42;
+  }
+  let t3;
+  let t4;
+  let t5;
+  if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxDEV(XAxis, {
+      dataKey: "label"
+    }, void 0, false);
+    t4 = /* @__PURE__ */ jsxDEV(Bar, {
+      dataKey: "value"
+    }, void 0, false);
+    t5 = /* @__PURE__ */ jsxDEV(Tooltip, {}, void 0, false);
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t3 = $[10];
+    t4 = $[11];
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== data) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      className: "h-80 w-full p-3",
+      "data-testid": "sql-chart",
+      children: /* @__PURE__ */ jsxDEV(EvilBarChart, {
+        className: "h-full w-full",
+        config: RESULT_CHART_CONFIG,
+        data,
+        children: [t3, t4, t5]
+      }, void 0, true)
+    }, void 0, false);
+    $[13] = data;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  return t6;
+};
+
+export { SqlResultChart as S };

package/dist/packem_shared/scroll-area-DLhcy-ml.js

@@ -0,0 +1,93 @@
+'use client';
+import { c } from 'react/compiler-runtime';
+import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+function ScrollArea(t0) {
+  const $ = c(14);
+  let children;
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      children,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = cn("relative", className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== children) {
+    t2 = /* @__PURE__ */ jsxDEV(ScrollArea$1.Viewport, {
+      "data-slot": "scroll-area-viewport",
+      className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
+      children
+    }, void 0, false);
+    $[6] = children;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  let t4;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxDEV(ScrollBar, {}, void 0, false);
+    t4 = /* @__PURE__ */ jsxDEV(ScrollArea$1.Corner, {}, void 0, false);
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t3 = $[8];
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== props || $[11] !== t1 || $[12] !== t2) {
+    t5 = /* @__PURE__ */ jsxDEV(ScrollArea$1.Root, {
+      "data-slot": "scroll-area",
+      className: t1,
+      ...props,
+      children: [t2, t3, t4]
+    }, void 0, true);
+    $[10] = props;
+    $[11] = t1;
+    $[12] = t2;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  return t5;
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(ScrollArea$1.Scrollbar, {
+    "data-slot": "scroll-area-scrollbar",
+    "data-orientation": orientation,
+    orientation,
+    className: cn("flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-s data-vertical:border-s-transparent", className),
+    ...props,
+    children: /* @__PURE__ */ jsxDEV(ScrollArea$1.Thumb, {
+      "data-slot": "scroll-area-thumb",
+      className: "relative flex-1 rounded-md bg-border"
+    }, void 0, false)
+  }, void 0, false);
+}
+
+export { ScrollArea as S };