@lunora/studio 0.0.0 → 1.0.0-alpha.1

package/dist/packem_shared/FunctionRunner-j0Rd5m9t.js

@@ -0,0 +1,343 @@
+import { useLunora } from '@lunora/react';
+import { useState, useEffect } from 'react';
+import { ShardInput } from './ShardInput-DNCsT1KW.js';
+import { B as Badge } from './badge-B2PKA1-5.js';
+import { B as Button } from './button-BhsN2uZH.js';
+import { I as Input } from './input-XH4r1Pt1.js';
+import { L as Label } from './label-D8ykjn5J.js';
+import { T as Textarea } from './textarea-D3gaCU_-.js';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTION_PREFIX-DmBqMZ-z.js';
+import { e as errorMessage, d as formatTimestamp, f as fireAndForget, a as adminRef } from './internal-BBZYexre.js';
+import { r as recordShard } from './shard-history-DyebH1R5.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const argumentType = (argument) => {
+  if (argument.kind === "id") {
+    return argument.table === void 0 ? "id" : `id<${argument.table}>`;
+  }
+  if (argument.kind === "array") {
+    return argument.element === void 0 ? "array" : `${argument.element}[]`;
+  }
+  return argument.kind;
+};
+const formatSignature = (arguments_) => {
+  if (arguments_ === void 0 || arguments_.length === 0) {
+    return "()";
+  }
+  return `(${arguments_.map((argument) => `${argument.name}${argument.optional ? "?" : ""}: ${argumentType(argument)}`).join(", ")})`;
+};
+const placeholderValue = (kind) => {
+  switch (kind) {
+    case "array": {
+      return [];
+    }
+    case "bigint":
+    case "number": {
+      return 0;
+    }
+    case "boolean": {
+      return false;
+    }
+    case "object":
+    case "record": {
+      return {};
+    }
+    // string / id / literal / bytes / date / timestamp / any / unknown
+    default: {
+      return "";
+    }
+  }
+};
+const argumentsTemplate = (arguments_) => {
+  const template = {};
+  for (const argument of arguments_ ?? []) {
+    if (!argument.optional) {
+      template[argument.name] = placeholderValue(argument.kind);
+    }
+  }
+  return JSON.stringify(template, void 0, 2);
+};
+
+const RUN_AS = adminRef(ADMIN_FUNCTIONS.runAs);
+const MAX_HISTORY = 10;
+const formatResult = (value) => {
+  if (value === void 0) {
+    return "undefined";
+  }
+  return JSON.stringify(value, null, 2);
+};
+const FunctionRunner = ({
+  functions: functionsProp,
+  runAsIdentity = false
+} = {}) => {
+  const t = useT();
+  const client = useLunora();
+  const [discovered, setDiscovered] = useState(null);
+  const [discoverError, setDiscoverError] = useState(null);
+  const functions = functionsProp ?? discovered ?? [];
+  const [selectedPath, setSelectedPath] = useState("");
+  const [argsText, setArgsText] = useState("{}");
+  const [shardKey, setShardKey] = useState("");
+  const [runAsUserId, setRunAsUserId] = useState("");
+  const [status, setStatus] = useState("idle");
+  const [result, setResult] = useState(void 0);
+  const [error, setError] = useState(null);
+  const [runs, setRuns] = useState([]);
+  useEffect(() => {
+    if (functionsProp !== void 0) {
+      return void 0;
+    }
+    let cancelled = false;
+    client.listFunctions().then((list) => {
+      if (!cancelled) {
+        setDiscovered(list);
+      }
+      return list;
+    }).catch((error_) => {
+      if (!cancelled) {
+        setDiscoverError(errorMessage(error_));
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, functionsProp]);
+  const effectivePath = selectedPath === "" ? functions[0]?.path ?? "" : selectedPath;
+  const selected = functions.find((descriptor) => descriptor.path === effectivePath);
+  const run = async () => {
+    if (!selected) {
+      return;
+    }
+    let parsedArgs;
+    try {
+      parsedArgs = argsText.trim() === "" ? {} : JSON.parse(argsText);
+    } catch (parseError) {
+      setStatus("error");
+      setResult(void 0);
+      setError(t("Invalid JSON args: {message}", {
+        message: parseError.message
+      }));
+      return;
+    }
+    const reference = {
+      __lunoraRef: selected.path
+    };
+    const options = shardKey.trim() === "" ? {} : {
+      shardKey: shardKey.trim()
+    };
+    const forgedUserId = runAsIdentity ? runAsUserId.trim() : "";
+    const record = (runStatus) => {
+      setRuns((previous) => {
+        const entry = {
+          argsText,
+          at: Date.now(),
+          id: (previous[0]?.id ?? 0) + 1,
+          kind: selected.kind,
+          path: selected.path,
+          shardKey,
+          status: runStatus
+        };
+        return [entry, ...previous].slice(0, MAX_HISTORY);
+      });
+    };
+    setStatus("running");
+    setError(null);
+    try {
+      let value;
+      if (forgedUserId === "") {
+        switch (selected.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);
+          }
+        }
+      } else {
+        value = await client.query(RUN_AS, {
+          args: parsedArgs,
+          functionPath: selected.path,
+          userId: forgedUserId
+        }, options);
+      }
+      recordShard(shardKey);
+      setResult(value);
+      setStatus("success");
+      record("success");
+    } catch (runError) {
+      setResult(void 0);
+      setError(runError.message);
+      setStatus("error");
+      record("error");
+    }
+  };
+  const loadRun = (entry_0) => {
+    setSelectedPath(entry_0.path);
+    setArgsText(entry_0.argsText);
+    setShardKey(entry_0.shardKey);
+  };
+  const onSelectChange = (event) => {
+    setSelectedPath(event.target.value);
+  };
+  const onArgsChange = (event_0) => {
+    setArgsText(event_0.target.value);
+  };
+  const onRunAsChange = (event_1) => {
+    setRunAsUserId(event_1.target.value);
+  };
+  const runOnce = () => {
+    fireAndForget(run());
+  };
+  const prefillArgs = () => {
+    setArgsText(argumentsTemplate(selected?.args));
+  };
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex flex-col gap-4",
+    "data-testid": "lunora-function-runner",
+    children: [discoverError !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "function-discover-error",
+      role: "alert",
+      children: discoverError
+    }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4 rounded-xl border border-border bg-card p-4",
+      children: [/* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-col gap-1.5",
+        children: [/* @__PURE__ */ jsxDEV(Label, {
+          htmlFor: "function-select",
+          children: t("Function")
+        }, void 0, false), /* @__PURE__ */ jsxDEV("select", {
+          "aria-label": t("Function"),
+          className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
+          "data-testid": "function-select",
+          id: "function-select",
+          onChange: onSelectChange,
+          value: effectivePath,
+          children: functions.map((descriptor_0) => /* @__PURE__ */ jsxDEV("option", {
+            value: descriptor_0.path,
+            children: [descriptor_0.path, " (", descriptor_0.kind, ")"]
+          }, descriptor_0.path, true))
+        }, void 0, false), selected !== void 0 && /* @__PURE__ */ jsxDEV("p", {
+          className: "text-xs text-muted-foreground",
+          children: [/* @__PURE__ */ jsxDEV("span", {
+            className: "mr-1.5 font-medium",
+            children: t("Signature")
+          }, void 0, false), /* @__PURE__ */ jsxDEV("code", {
+            className: "font-mono",
+            "data-testid": "function-signature",
+            children: formatSignature(selected.args)
+          }, void 0, false)]
+        }, void 0, true)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-col gap-1.5",
+        children: [/* @__PURE__ */ jsxDEV("div", {
+          className: "flex items-center justify-between gap-2",
+          children: [/* @__PURE__ */ jsxDEV(Label, {
+            htmlFor: "args-input",
+            children: t("Arguments")
+          }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+            "data-testid": "prefill-button",
+            disabled: selected === void 0,
+            onClick: prefillArgs,
+            size: "xs",
+            type: "button",
+            variant: "ghost",
+            children: t("Prefill")
+          }, void 0, false)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV(Textarea, {
+          "aria-label": t("Arguments"),
+          className: "font-mono text-xs",
+          "data-testid": "args-input",
+          id: "args-input",
+          onChange: onArgsChange,
+          value: argsText
+        }, void 0, false)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV(ShardInput, {
+        onChange: setShardKey,
+        testId: "shard-input",
+        value: shardKey
+      }, void 0, false), runAsIdentity && /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-col gap-1.5",
+        "data-testid": "run-as-field",
+        children: [/* @__PURE__ */ jsxDEV(Label, {
+          htmlFor: "run-as-input",
+          children: t("Run as identity (userId)")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
+          "aria-label": t("Run as identity (userId)"),
+          className: "font-mono text-xs",
+          "data-testid": "run-as-input",
+          id: "run-as-input",
+          onChange: onRunAsChange,
+          placeholder: t("Leave empty to run as admin"),
+          value: runAsUserId
+        }, void 0, false), /* @__PURE__ */ jsxDEV("p", {
+          className: "text-[11px] text-muted-foreground",
+          children: t("Dev only: runs the function as this user so you can test auth and RLS. Forged over the admin gate.")
+        }, void 0, false)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-wrap items-center gap-2",
+        children: [/* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "run-button",
+          disabled: status === "running" || selected === void 0,
+          onClick: runOnce,
+          type: "button",
+          children: t("Run")
+        }, void 0, false), selected !== void 0 && /* @__PURE__ */ jsxDEV(Badge, {
+          variant: "outline",
+          children: selected.kind
+        }, void 0, false), runAsIdentity && runAsUserId.trim() !== "" && /* @__PURE__ */ jsxDEV(Badge, {
+          "data-testid": "run-as-badge",
+          variant: "secondary",
+          children: t("as {userId}", {
+            userId: runAsUserId.trim()
+          })
+        }, void 0, false)]
+      }, void 0, true)]
+    }, void 0, true), status === "error" && error !== null && /* @__PURE__ */ jsxDEV("pre", {
+      className: "overflow-auto rounded-md border border-border bg-muted/50 p-3 font-mono text-xs text-destructive",
+      "data-testid": "error",
+      role: "alert",
+      children: error
+    }, void 0, false), status === "success" && /* @__PURE__ */ jsxDEV("pre", {
+      className: "overflow-auto rounded-md border border-border bg-muted/50 p-3 font-mono text-xs",
+      "data-testid": "result",
+      children: formatResult(result)
+    }, void 0, false), runs.length > 0 && /* @__PURE__ */ jsxDEV("ul", {
+      className: "flex flex-col overflow-hidden rounded-xl border border-border",
+      "data-testid": "fn-history",
+      children: runs.map((entry_1, index) => /* @__PURE__ */ jsxDEV("li", {
+        className: "flex flex-wrap items-center gap-2 border-b border-border px-3 py-2 text-sm last:border-b-0",
+        "data-testid": "fn-history-row",
+        children: [/* @__PURE__ */ jsxDEV("span", {
+          className: entry_1.status === "success" ? "text-success" : "text-destructive",
+          "data-testid": `fn-history-status-${index.toString()}`,
+          children: entry_1.status === "success" ? "✓" : "✗"
+        }, void 0, false), " ", /* @__PURE__ */ jsxDEV("span", {
+          className: "font-mono text-xs",
+          children: [entry_1.path, " (", entry_1.kind, ")"]
+        }, void 0, true), " ", /* @__PURE__ */ jsxDEV("time", {
+          className: "text-xs text-muted-foreground",
+          children: formatTimestamp(entry_1.at)
+        }, void 0, false), " ", /* @__PURE__ */ jsxDEV(Button, {
+          className: "ml-auto",
+          "data-testid": `fn-history-load-${index.toString()}`,
+          onClick: () => {
+            loadRun(entry_1);
+          },
+          size: "xs",
+          type: "button",
+          variant: "ghost",
+          children: t("Load")
+        }, void 0, false)]
+      }, entry_1.id, true))
+    }, void 0, false)]
+  }, void 0, true);
+};
+
+export { FunctionRunner };