@flanksource/clicky-ui 0.3.33 → 0.3.35

package/dist/expressions/playground/panels/GraphPanel.d.ts

@@ -0,0 +1,19 @@
+interface GraphPanelProps {
+    /** The parsed input document, or undefined when there is nothing to show. */
+    document: unknown;
+    /** Monaco language id, which decides the syntax a click inserts. */
+    languageId: string;
+    /** Writes an expression at the source editor's cursor. */
+    onInsert: (expression: string) => void;
+}
+/**
+ * The shape of the document being evaluated against.
+ *
+ * The input pane shows the document as text; this shows it as paths. Clicking a
+ * row writes that path into the expression, in the syntax of the language being
+ * written, which is the step that otherwise means reading YAML and retyping it
+ * by hand.
+ */
+export declare function GraphPanel({ document, languageId, onInsert, }: GraphPanelProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=GraphPanel.d.ts.map

package/dist/expressions/playground/panels/GraphPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphPanel.d.ts","sourceRoot":"","sources":["../../../../src/expressions/playground/panels/GraphPanel.tsx"],"names":[],"mappings":"AAYA,UAAU,eAAe;IACvB,6EAA6E;IAC7E,QAAQ,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,UAAU,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,eAAe,+BAyEjB"}

package/dist/expressions/playground/panels/GraphPanel.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { createLazyJSONPathTree, literalSegments } from "../../../components/jsonPathTree.js";
+import { ObjectGraph } from "../../../data/ObjectGraph.js";
+import { toGraphNode } from "./graphNodes.js";
+import { pathExpression } from "../../lang/environment.js";
+function GraphPanel({
+  document,
+  languageId,
+  onInsert
+}) {
+  const [selectedId, setSelectedId] = useState();
+  const [note, setNote] = useState();
+  const tree = useMemo(
+    () => document === void 0 || document === null ? null : createLazyJSONPathTree(document, { keyPrefix: "input" }),
+    [document]
+  );
+  const roots = useMemo(
+    () => tree ? tree.roots.map(toGraphNode) : [],
+    [tree]
+  );
+  if (!tree) {
+    return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center p-6 text-center text-sm text-muted-foreground", children: "Nothing to show yet — write a YAML or JSON document in the input pane and its shape appears here." });
+  }
+  const select = (node) => {
+    setSelectedId(node.id);
+    const segments = node.path ? literalSegments(node.path) : void 0;
+    if (!segments) {
+      setNote("That row has no addressable path.");
+      return;
+    }
+    const expression = pathExpression(languageId, segments);
+    if (expression === null) {
+      setNote(
+        "A go template reaches a list element or a non-identifier key through `index`, which is a call rather than a path — so there is nothing to insert."
+      );
+      return;
+    }
+    if (expression === "") {
+      setNote(
+        "The whole document has no name in this language — pick a key under it."
+      );
+      return;
+    }
+    setNote(void 0);
+    onInsert(expression);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto p-2", children: /* @__PURE__ */ jsx(
+      ObjectGraph,
+      {
+        roots,
+        showControls: true,
+        defaultOpenDepth: 2,
+        ...selectedId ? { selectedId } : {},
+        onNodeSelect: select,
+        loadChildren: async (node) => {
+          var _a;
+          const source = (_a = node.metadata) == null ? void 0 : _a.node;
+          if (!source) return [];
+          return (await tree.loadChildren(source)).map(toGraphNode);
+        },
+        empty: "The document is empty."
+      }
+    ) }),
+    /* @__PURE__ */ jsx("footer", { className: "shrink-0 border-t border-border px-4 py-2 text-xs text-muted-foreground", children: note ?? "Click a key to insert its path at the cursor." })
+  ] });
+}
+export {
+  GraphPanel
+};
+//# sourceMappingURL=GraphPanel.js.map

package/dist/expressions/playground/panels/GraphPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphPanel.js","sources":["../../../../src/expressions/playground/panels/GraphPanel.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport {\n  createLazyJSONPathTree,\n  literalSegments,\n  type JSONPathNode,\n  type LazyJSONPathTree,\n} from \"../../../components/jsonPathTree\";\nimport { ObjectGraph } from \"../../../data/ObjectGraph\";\nimport { pathExpression } from \"../../lang/index.ts\";\nimport { toGraphNode } from \"./graphNodes.ts\";\nimport type { GraphNode } from \"./graphNodes.ts\";\n\ninterface GraphPanelProps {\n  /** The parsed input document, or undefined when there is nothing to show. */\n  document: unknown;\n  /** Monaco language id, which decides the syntax a click inserts. */\n  languageId: string;\n  /** Writes an expression at the source editor's cursor. */\n  onInsert: (expression: string) => void;\n}\n\n/**\n * The shape of the document being evaluated against.\n *\n * The input pane shows the document as text; this shows it as paths. Clicking a\n * row writes that path into the expression, in the syntax of the language being\n * written, which is the step that otherwise means reading YAML and retyping it\n * by hand.\n */\nexport function GraphPanel({\n  document,\n  languageId,\n  onInsert,\n}: GraphPanelProps) {\n  const [selectedId, setSelectedId] = useState<string>();\n  const [note, setNote] = useState<string>();\n\n  const tree = useMemo<LazyJSONPathTree | null>(\n    () =>\n      document === undefined || document === null\n        ? null\n        : createLazyJSONPathTree(document, { keyPrefix: \"input\" }),\n    [document],\n  );\n\n  const roots = useMemo(\n    () => (tree ? tree.roots.map(toGraphNode) : []),\n    [tree],\n  );\n\n  if (!tree) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-6 text-center text-sm text-muted-foreground\">\n        Nothing to show yet — write a YAML or JSON document in the input pane\n        and its shape appears here.\n      </div>\n    );\n  }\n\n  const select = (node: GraphNode) => {\n    setSelectedId(node.id);\n    const segments = node.path ? literalSegments(node.path) : undefined;\n    if (!segments) {\n      setNote(\"That row has no addressable path.\");\n      return;\n    }\n    const expression = pathExpression(languageId, segments);\n    if (expression === null) {\n      setNote(\n        \"A go template reaches a list element or a non-identifier key through `index`, \" +\n          \"which is a call rather than a path — so there is nothing to insert.\",\n      );\n      return;\n    }\n    if (expression === \"\") {\n      setNote(\n        \"The whole document has no name in this language — pick a key under it.\",\n      );\n      return;\n    }\n    setNote(undefined);\n    onInsert(expression);\n  };\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <div className=\"min-h-0 flex-1 overflow-auto p-2\">\n        <ObjectGraph\n          roots={roots}\n          showControls\n          defaultOpenDepth={2}\n          {...(selectedId ? { selectedId } : {})}\n          onNodeSelect={select}\n          loadChildren={async (node) => {\n            const source = node.metadata?.node as JSONPathNode | undefined;\n            if (!source) return [];\n            return (await tree.loadChildren(source)).map(toGraphNode);\n          }}\n          empty=\"The document is empty.\"\n        />\n      </div>\n      <footer className=\"shrink-0 border-t border-border px-4 py-2 text-xs text-muted-foreground\">\n        {note ?? \"Click a key to insert its path at the cursor.\"}\n      </footer>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AA6BO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAA;AACpC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAA;AAExB,QAAM,OAAO;AAAA,IACX,MACE,aAAa,UAAa,aAAa,OACnC,OACA,uBAAuB,UAAU,EAAE,WAAW,SAAS;AAAA,IAC7D,CAAC,QAAQ;AAAA,EAAA;AAGX,QAAM,QAAQ;AAAA,IACZ,MAAO,OAAO,KAAK,MAAM,IAAI,WAAW,IAAI,CAAA;AAAA,IAC5C,CAAC,IAAI;AAAA,EAAA;AAGP,MAAI,CAAC,MAAM;AACT,WACE,oBAAC,OAAA,EAAI,WAAU,yFAAwF,UAAA,qGAGvG;AAAA,EAEJ;AAEA,QAAM,SAAS,CAAC,SAAoB;AAClC,kBAAc,KAAK,EAAE;AACrB,UAAM,WAAW,KAAK,OAAO,gBAAgB,KAAK,IAAI,IAAI;AAC1D,QAAI,CAAC,UAAU;AACb,cAAQ,mCAAmC;AAC3C;AAAA,IACF;AACA,UAAM,aAAa,eAAe,YAAY,QAAQ;AACtD,QAAI,eAAe,MAAM;AACvB;AAAA,QACE;AAAA,MAAA;AAGF;AAAA,IACF;AACA,QAAI,eAAe,IAAI;AACrB;AAAA,QACE;AAAA,MAAA;AAEF;AAAA,IACF;AACA,YAAQ,MAAS;AACjB,aAAS,UAAU;AAAA,EACrB;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,cAAY;AAAA,QACZ,kBAAkB;AAAA,QACjB,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,QACnC,cAAc;AAAA,QACd,cAAc,OAAO,SAAS;;AAC5B,gBAAM,UAAS,UAAK,aAAL,mBAAe;AAC9B,cAAI,CAAC,OAAQ,QAAO,CAAA;AACpB,kBAAQ,MAAM,KAAK,aAAa,MAAM,GAAG,IAAI,WAAW;AAAA,QAC1D;AAAA,QACA,OAAM;AAAA,MAAA;AAAA,IAAA,GAEV;AAAA,IACA,oBAAC,UAAA,EAAO,WAAU,2EACf,kBAAQ,gDAAA,CACX;AAAA,EAAA,GACF;AAEJ;"}

package/dist/expressions/playground/panels/ResultPanel.cjs

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const button = require("../../../components/button.cjs");
+const Badge = require("../../../data/Badge.cjs");
+const CodeBlock = require("../../../data/CodeBlock.cjs");
+const JsonView = require("../../../data/JsonView.cjs");
+const runShortcut = require("../runShortcut.cjs");
+function ResultPanel({
+  response,
+  pending,
+  stale,
+  onRun
+}) {
+  if (!response) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: pending ? "Evaluating…" : "Type an expression, then run it." }),
+      stale && !pending ? /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { onClick: onRun, size: "sm", className: "mt-3", children: [
+        "Run (",
+        runShortcut.RUN_SHORTCUT_LABEL,
+        ")"
+      ] }) : null
+    ] });
+  }
+  if (response.error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs font-medium uppercase tracking-wide text-destructive", children: response.error.line ? `Error at line ${response.error.line}, column ${response.error.column}` : "Error" }),
+      /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { source: response.error.message, bare: true })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 border-b border-border px-4 py-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { variant: "outline", children: [
+        response.durationMs.toFixed(2),
+        " ms"
+      ] }),
+      response.type ? /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { variant: "outline", children: response.type }) : null,
+      stale ? /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onRun,
+          className: "ml-auto rounded border border-amber-500/40 bg-amber-500/10 px-2 py-0.5 text-amber-700 hover:bg-amber-500/20 dark:text-amber-400",
+          title: `Run (${runShortcut.RUN_SHORTCUT_LABEL})`,
+          children: "Out of date — run again"
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `min-h-0 flex-1 overflow-auto p-4 ${stale ? "opacity-50" : ""}`,
+        children: isStructured(response.value) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(JsonView.JsonView, { data: response.value, defaultOpenDepth: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "mt-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "cursor-pointer text-xs text-muted-foreground", children: "Rendered string" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { source: response.result, bare: true, copyable: false }) })
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+          CodeBlock.CodeBlock,
+          {
+            source: response.result || "(empty)",
+            language: languageOf(response.result),
+            copyable: true
+          }
+        )
+      }
+    )
+  ] });
+}
+function isStructured(value) {
+  return typeof value === "object" && value !== null;
+}
+function languageOf(result) {
+  const trimmed = result.trim();
+  if (!trimmed) return void 0;
+  if (trimmed.startsWith("{") || trimmed.startsWith("[")) return "json";
+  if (/^[A-Za-z_][\w.-]*:\s/m.test(trimmed)) return "yaml";
+  return void 0;
+}
+exports.ResultPanel = ResultPanel;
+//# sourceMappingURL=ResultPanel.cjs.map

package/dist/expressions/playground/panels/ResultPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultPanel.cjs","sources":["../../../../src/expressions/playground/panels/ResultPanel.tsx"],"sourcesContent":["import { Button } from \"../../../components/button\";\nimport { Badge } from \"../../../data/Badge\";\nimport { CodeBlock } from \"../../../data/CodeBlock\";\nimport { JsonView } from \"../../../data/JsonView\";\nimport type { EvalResponse } from \"../api.ts\";\nimport { RUN_SHORTCUT_LABEL } from \"../runShortcut\";\n\ninterface ResultPanelProps {\n  response: EvalResponse | null;\n  pending: boolean;\n  /** The shown result predates the current source or input. */\n  stale: boolean;\n  onRun: () => void;\n}\n\nexport function ResultPanel({\n  response,\n  pending,\n  stale,\n  onRun,\n}: ResultPanelProps) {\n  if (!response) {\n    return (\n      <div className=\"p-4\">\n        <p className=\"text-sm text-muted-foreground\">\n          {pending ? \"Evaluating…\" : \"Type an expression, then run it.\"}\n        </p>\n        {stale && !pending ? (\n          <Button onClick={onRun} size=\"sm\" className=\"mt-3\">\n            Run ({RUN_SHORTCUT_LABEL})\n          </Button>\n        ) : null}\n      </div>\n    );\n  }\n\n  if (response.error) {\n    return (\n      <div className=\"p-4\">\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3\">\n          <p className=\"mb-2 text-xs font-medium uppercase tracking-wide text-destructive\">\n            {response.error.line\n              ? `Error at line ${response.error.line}, column ${response.error.column}`\n              : \"Error\"}\n          </p>\n          <CodeBlock source={response.error.message} bare />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <div className=\"flex items-center gap-2 border-b border-border px-4 py-2 text-xs text-muted-foreground\">\n        <Badge variant=\"outline\">{response.durationMs.toFixed(2)} ms</Badge>\n        {response.type ? (\n          <Badge variant=\"outline\">{response.type}</Badge>\n        ) : null}\n        {/* Without this, a result that no longer matches what is on screen is\n            indistinguishable from one that does. */}\n        {stale ? (\n          <button\n            type=\"button\"\n            onClick={onRun}\n            className=\"ml-auto rounded border border-amber-500/40 bg-amber-500/10 px-2 py-0.5 text-amber-700 hover:bg-amber-500/20 dark:text-amber-400\"\n            title={`Run (${RUN_SHORTCUT_LABEL})`}\n          >\n            Out of date — run again\n          </button>\n        ) : null}\n      </div>\n\n      <div\n        className={`min-h-0 flex-1 overflow-auto p-4 ${stale ? \"opacity-50\" : \"\"}`}\n      >\n        {/* The rendered string is what a gomplate caller receives. A structured\n            result is more readable as a tree, so hand those to JsonView and\n            keep the raw rendering below it. */}\n        {isStructured(response.value) ? (\n          <>\n            <JsonView data={response.value} defaultOpenDepth={3} />\n            <details className=\"mt-4\">\n              <summary className=\"cursor-pointer text-xs text-muted-foreground\">\n                Rendered string\n              </summary>\n              <div className=\"mt-2\">\n                <CodeBlock source={response.result} bare copyable={false} />\n              </div>\n            </details>\n          </>\n        ) : (\n          <CodeBlock\n            source={response.result || \"(empty)\"}\n            language={languageOf(response.result)}\n            copyable\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction isStructured(value: unknown): boolean {\n  return typeof value === \"object\" && value !== null;\n}\n\n/**\n * Templates render whole documents, so highlight the output when it is\n * recognisably YAML or JSON rather than showing a wall of grey.\n */\nfunction languageOf(result: string): string | undefined {\n  const trimmed = result.trim();\n  if (!trimmed) return undefined;\n  if (trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\")) return \"json\";\n  if (/^[A-Za-z_][\\w.-]*:\\s/m.test(trimmed)) return \"yaml\";\n  return undefined;\n}\n"],"names":["jsxs","jsx","Button","RUN_SHORTCUT_LABEL","CodeBlock","Badge","Fragment","JsonView"],"mappings":";;;;;;;;AAeO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,MAAI,CAAC,UAAU;AACb,WACEA,2BAAAA,KAAC,OAAA,EAAI,WAAU,OACb,UAAA;AAAA,MAAAC,+BAAC,KAAA,EAAE,WAAU,iCACV,UAAA,UAAU,gBAAgB,oCAC7B;AAAA,MACC,SAAS,CAAC,UACTD,2BAAAA,KAACE,OAAAA,QAAA,EAAO,SAAS,OAAO,MAAK,MAAK,WAAU,QAAO,UAAA;AAAA,QAAA;AAAA,QAC3CC,YAAAA;AAAAA,QAAmB;AAAA,MAAA,EAAA,CAC3B,IACE;AAAA,IAAA,GACN;AAAA,EAEJ;AAEA,MAAI,SAAS,OAAO;AAClB,0CACG,OAAA,EAAI,WAAU,OACb,UAAAH,2BAAAA,KAAC,OAAA,EAAI,WAAU,gEACb,UAAA;AAAA,MAAAC,+BAAC,KAAA,EAAE,WAAU,qEACV,UAAA,SAAS,MAAM,OACZ,iBAAiB,SAAS,MAAM,IAAI,YAAY,SAAS,MAAM,MAAM,KACrE,SACN;AAAA,qCACCG,UAAAA,WAAA,EAAU,QAAQ,SAAS,MAAM,SAAS,MAAI,KAAA,CAAC;AAAA,IAAA,EAAA,CAClD,EAAA,CACF;AAAA,EAEJ;AAEA,SACEJ,2BAAAA,KAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,0FACb,UAAA;AAAA,MAAAA,2BAAAA,KAACK,MAAAA,OAAA,EAAM,SAAQ,WAAW,UAAA;AAAA,QAAA,SAAS,WAAW,QAAQ,CAAC;AAAA,QAAE;AAAA,MAAA,GAAG;AAAA,MAC3D,SAAS,OACRJ,+BAACI,MAAAA,OAAA,EAAM,SAAQ,WAAW,UAAA,SAAS,MAAK,IACtC;AAAA,MAGH,QACCJ,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAU;AAAA,UACV,OAAO,QAAQE,YAAAA,kBAAkB;AAAA,UAClC,UAAA;AAAA,QAAA;AAAA,MAAA,IAGC;AAAA,IAAA,GACN;AAAA,IAEAF,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,oCAAoC,QAAQ,eAAe,EAAE;AAAA,QAKvE,UAAA,aAAa,SAAS,KAAK,IAC1BD,gCAAAM,WAAAA,UAAA,EACE,UAAA;AAAA,UAAAL,2BAAAA,IAACM,SAAAA,UAAA,EAAS,MAAM,SAAS,OAAO,kBAAkB,GAAG;AAAA,UACrDP,2BAAAA,KAAC,WAAA,EAAQ,WAAU,QACjB,UAAA;AAAA,YAAAC,2BAAAA,IAAC,WAAA,EAAQ,WAAU,gDAA+C,UAAA,mBAElE;AAAA,YACAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,QACb,UAAAA,2BAAAA,IAACG,UAAAA,WAAA,EAAU,QAAQ,SAAS,QAAQ,MAAI,MAAC,UAAU,OAAO,EAAA,CAC5D;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CACF,IAEAH,2BAAAA;AAAAA,UAACG,UAAAA;AAAAA,UAAA;AAAA,YACC,QAAQ,SAAS,UAAU;AAAA,YAC3B,UAAU,WAAW,SAAS,MAAM;AAAA,YACpC,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ;AAEA,SAAS,aAAa,OAAyB;AAC7C,SAAO,OAAO,UAAU,YAAY,UAAU;AAChD;AAMA,SAAS,WAAW,QAAoC;AACtD,QAAM,UAAU,OAAO,KAAA;AACvB,MAAI,CAAC,QAAS,QAAO;AACrB,MAAI,QAAQ,WAAW,GAAG,KAAK,QAAQ,WAAW,GAAG,EAAG,QAAO;AAC/D,MAAI,wBAAwB,KAAK,OAAO,EAAG,QAAO;AAClD,SAAO;AACT;;"}

package/dist/expressions/playground/panels/ResultPanel.d.ts

@@ -0,0 +1,11 @@
+import { EvalResponse } from '../api.ts';
+interface ResultPanelProps {
+    response: EvalResponse | null;
+    pending: boolean;
+    /** The shown result predates the current source or input. */
+    stale: boolean;
+    onRun: () => void;
+}
+export declare function ResultPanel({ response, pending, stale, onRun, }: ResultPanelProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ResultPanel.d.ts.map

package/dist/expressions/playground/panels/ResultPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultPanel.d.ts","sourceRoot":"","sources":["../../../../src/expressions/playground/panels/ResultPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAG9C,UAAU,gBAAgB;IACxB,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,6DAA6D;IAC7D,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,GACN,EAAE,gBAAgB,+BAgFlB"}

package/dist/expressions/playground/panels/ResultPanel.js

@@ -0,0 +1,82 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Button } from "../../../components/button.js";
+import { Badge } from "../../../data/Badge.js";
+import { CodeBlock } from "../../../data/CodeBlock.js";
+import { JsonView } from "../../../data/JsonView.js";
+import { RUN_SHORTCUT_LABEL } from "../runShortcut.js";
+function ResultPanel({
+  response,
+  pending,
+  stale,
+  onRun
+}) {
+  if (!response) {
+    return /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: pending ? "Evaluating…" : "Type an expression, then run it." }),
+      stale && !pending ? /* @__PURE__ */ jsxs(Button, { onClick: onRun, size: "sm", className: "mt-3", children: [
+        "Run (",
+        RUN_SHORTCUT_LABEL,
+        ")"
+      ] }) : null
+    ] });
+  }
+  if (response.error) {
+    return /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium uppercase tracking-wide text-destructive", children: response.error.line ? `Error at line ${response.error.line}, column ${response.error.column}` : "Error" }),
+      /* @__PURE__ */ jsx(CodeBlock, { source: response.error.message, bare: true })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-border px-4 py-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs(Badge, { variant: "outline", children: [
+        response.durationMs.toFixed(2),
+        " ms"
+      ] }),
+      response.type ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: response.type }) : null,
+      stale ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onRun,
+          className: "ml-auto rounded border border-amber-500/40 bg-amber-500/10 px-2 py-0.5 text-amber-700 hover:bg-amber-500/20 dark:text-amber-400",
+          title: `Run (${RUN_SHORTCUT_LABEL})`,
+          children: "Out of date — run again"
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `min-h-0 flex-1 overflow-auto p-4 ${stale ? "opacity-50" : ""}`,
+        children: isStructured(response.value) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(JsonView, { data: response.value, defaultOpenDepth: 3 }),
+          /* @__PURE__ */ jsxs("details", { className: "mt-4", children: [
+            /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-xs text-muted-foreground", children: "Rendered string" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(CodeBlock, { source: response.result, bare: true, copyable: false }) })
+          ] })
+        ] }) : /* @__PURE__ */ jsx(
+          CodeBlock,
+          {
+            source: response.result || "(empty)",
+            language: languageOf(response.result),
+            copyable: true
+          }
+        )
+      }
+    )
+  ] });
+}
+function isStructured(value) {
+  return typeof value === "object" && value !== null;
+}
+function languageOf(result) {
+  const trimmed = result.trim();
+  if (!trimmed) return void 0;
+  if (trimmed.startsWith("{") || trimmed.startsWith("[")) return "json";
+  if (/^[A-Za-z_][\w.-]*:\s/m.test(trimmed)) return "yaml";
+  return void 0;
+}
+export {
+  ResultPanel
+};
+//# sourceMappingURL=ResultPanel.js.map

package/dist/expressions/playground/panels/ResultPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultPanel.js","sources":["../../../../src/expressions/playground/panels/ResultPanel.tsx"],"sourcesContent":["import { Button } from \"../../../components/button\";\nimport { Badge } from \"../../../data/Badge\";\nimport { CodeBlock } from \"../../../data/CodeBlock\";\nimport { JsonView } from \"../../../data/JsonView\";\nimport type { EvalResponse } from \"../api.ts\";\nimport { RUN_SHORTCUT_LABEL } from \"../runShortcut\";\n\ninterface ResultPanelProps {\n  response: EvalResponse | null;\n  pending: boolean;\n  /** The shown result predates the current source or input. */\n  stale: boolean;\n  onRun: () => void;\n}\n\nexport function ResultPanel({\n  response,\n  pending,\n  stale,\n  onRun,\n}: ResultPanelProps) {\n  if (!response) {\n    return (\n      <div className=\"p-4\">\n        <p className=\"text-sm text-muted-foreground\">\n          {pending ? \"Evaluating…\" : \"Type an expression, then run it.\"}\n        </p>\n        {stale && !pending ? (\n          <Button onClick={onRun} size=\"sm\" className=\"mt-3\">\n            Run ({RUN_SHORTCUT_LABEL})\n          </Button>\n        ) : null}\n      </div>\n    );\n  }\n\n  if (response.error) {\n    return (\n      <div className=\"p-4\">\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3\">\n          <p className=\"mb-2 text-xs font-medium uppercase tracking-wide text-destructive\">\n            {response.error.line\n              ? `Error at line ${response.error.line}, column ${response.error.column}`\n              : \"Error\"}\n          </p>\n          <CodeBlock source={response.error.message} bare />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <div className=\"flex items-center gap-2 border-b border-border px-4 py-2 text-xs text-muted-foreground\">\n        <Badge variant=\"outline\">{response.durationMs.toFixed(2)} ms</Badge>\n        {response.type ? (\n          <Badge variant=\"outline\">{response.type}</Badge>\n        ) : null}\n        {/* Without this, a result that no longer matches what is on screen is\n            indistinguishable from one that does. */}\n        {stale ? (\n          <button\n            type=\"button\"\n            onClick={onRun}\n            className=\"ml-auto rounded border border-amber-500/40 bg-amber-500/10 px-2 py-0.5 text-amber-700 hover:bg-amber-500/20 dark:text-amber-400\"\n            title={`Run (${RUN_SHORTCUT_LABEL})`}\n          >\n            Out of date — run again\n          </button>\n        ) : null}\n      </div>\n\n      <div\n        className={`min-h-0 flex-1 overflow-auto p-4 ${stale ? \"opacity-50\" : \"\"}`}\n      >\n        {/* The rendered string is what a gomplate caller receives. A structured\n            result is more readable as a tree, so hand those to JsonView and\n            keep the raw rendering below it. */}\n        {isStructured(response.value) ? (\n          <>\n            <JsonView data={response.value} defaultOpenDepth={3} />\n            <details className=\"mt-4\">\n              <summary className=\"cursor-pointer text-xs text-muted-foreground\">\n                Rendered string\n              </summary>\n              <div className=\"mt-2\">\n                <CodeBlock source={response.result} bare copyable={false} />\n              </div>\n            </details>\n          </>\n        ) : (\n          <CodeBlock\n            source={response.result || \"(empty)\"}\n            language={languageOf(response.result)}\n            copyable\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction isStructured(value: unknown): boolean {\n  return typeof value === \"object\" && value !== null;\n}\n\n/**\n * Templates render whole documents, so highlight the output when it is\n * recognisably YAML or JSON rather than showing a wall of grey.\n */\nfunction languageOf(result: string): string | undefined {\n  const trimmed = result.trim();\n  if (!trimmed) return undefined;\n  if (trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\")) return \"json\";\n  if (/^[A-Za-z_][\\w.-]*:\\s/m.test(trimmed)) return \"yaml\";\n  return undefined;\n}\n"],"names":[],"mappings":";;;;;;AAeO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,MAAI,CAAC,UAAU;AACb,WACE,qBAAC,OAAA,EAAI,WAAU,OACb,UAAA;AAAA,MAAA,oBAAC,KAAA,EAAE,WAAU,iCACV,UAAA,UAAU,gBAAgB,oCAC7B;AAAA,MACC,SAAS,CAAC,UACT,qBAAC,QAAA,EAAO,SAAS,OAAO,MAAK,MAAK,WAAU,QAAO,UAAA;AAAA,QAAA;AAAA,QAC3C;AAAA,QAAmB;AAAA,MAAA,EAAA,CAC3B,IACE;AAAA,IAAA,GACN;AAAA,EAEJ;AAEA,MAAI,SAAS,OAAO;AAClB,+BACG,OAAA,EAAI,WAAU,OACb,UAAA,qBAAC,OAAA,EAAI,WAAU,gEACb,UAAA;AAAA,MAAA,oBAAC,KAAA,EAAE,WAAU,qEACV,UAAA,SAAS,MAAM,OACZ,iBAAiB,SAAS,MAAM,IAAI,YAAY,SAAS,MAAM,MAAM,KACrE,SACN;AAAA,0BACC,WAAA,EAAU,QAAQ,SAAS,MAAM,SAAS,MAAI,KAAA,CAAC;AAAA,IAAA,EAAA,CAClD,EAAA,CACF;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,0FACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAM,SAAQ,WAAW,UAAA;AAAA,QAAA,SAAS,WAAW,QAAQ,CAAC;AAAA,QAAE;AAAA,MAAA,GAAG;AAAA,MAC3D,SAAS,OACR,oBAAC,OAAA,EAAM,SAAQ,WAAW,UAAA,SAAS,MAAK,IACtC;AAAA,MAGH,QACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAU;AAAA,UACV,OAAO,QAAQ,kBAAkB;AAAA,UAClC,UAAA;AAAA,QAAA;AAAA,MAAA,IAGC;AAAA,IAAA,GACN;AAAA,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,oCAAoC,QAAQ,eAAe,EAAE;AAAA,QAKvE,UAAA,aAAa,SAAS,KAAK,IAC1B,qBAAA,UAAA,EACE,UAAA;AAAA,UAAA,oBAAC,UAAA,EAAS,MAAM,SAAS,OAAO,kBAAkB,GAAG;AAAA,UACrD,qBAAC,WAAA,EAAQ,WAAU,QACjB,UAAA;AAAA,YAAA,oBAAC,WAAA,EAAQ,WAAU,gDAA+C,UAAA,mBAElE;AAAA,YACA,oBAAC,OAAA,EAAI,WAAU,QACb,UAAA,oBAAC,WAAA,EAAU,QAAQ,SAAS,QAAQ,MAAI,MAAC,UAAU,OAAO,EAAA,CAC5D;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CACF,IAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAQ,SAAS,UAAU;AAAA,YAC3B,UAAU,WAAW,SAAS,MAAM;AAAA,YACpC,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ;AAEA,SAAS,aAAa,OAAyB;AAC7C,SAAO,OAAO,UAAU,YAAY,UAAU;AAChD;AAMA,SAAS,WAAW,QAAoC;AACtD,QAAM,UAAU,OAAO,KAAA;AACvB,MAAI,CAAC,QAAS,QAAO;AACrB,MAAI,QAAQ,WAAW,GAAG,KAAK,QAAQ,WAAW,GAAG,EAAG,QAAO;AAC/D,MAAI,wBAAwB,KAAK,OAAO,EAAG,QAAO;AAClD,SAAO;AACT;"}

package/dist/expressions/playground/panels/SpecPanel.cjs

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Badge = require("../../../data/Badge.cjs");
+const DataTable = require("../../../data/DataTable.cjs");
+function SpecPanel({ flavour, spec }) {
+  const rows = react.useMemo(() => {
+    const functions = flavour === "cel" ? spec.cel.functions : spec.gotemplate.functions;
+    return functions.map(toRow);
+  }, [flavour, spec]);
+  const columns = [
+    {
+      key: "name",
+      label: "Name",
+      sortable: true,
+      grow: true,
+      cellClassName: "font-mono"
+    },
+    {
+      key: "namespace",
+      label: "Namespace",
+      sortable: true,
+      filterable: true,
+      shrink: true,
+      render: (value) => value ? String(value) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "—" })
+    },
+    {
+      key: "kind",
+      label: "Call",
+      filterable: true,
+      shrink: true,
+      // `x.sum()` is legal where a bare `sum(x)` is not, and nothing else in
+      // the catalogue records that -- so it is worth a column of its own.
+      render: (value) => value === "member" ? /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { variant: "outline", children: "member only" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "global" })
+    },
+    {
+      key: "signature",
+      label: "Signature",
+      grow: true,
+      cellClassName: "font-mono text-muted-foreground"
+    },
+    { key: "doc", label: "Description", grow: true }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DataTable.DataTable,
+    {
+      data: rows,
+      columns,
+      autoFilter: true,
+      showGlobalFilter: true,
+      globalFilterPlaceholder: "Filter functions…",
+      defaultSort: { key: "name", dir: "asc" },
+      emptyMessage: "No functions in this catalogue.",
+      className: "h-full"
+    }
+  );
+}
+function toRow(fn) {
+  return {
+    name: fn.name,
+    namespace: fn.namespace ?? "",
+    signature: signatureOf(fn),
+    kind: fn.memberOnly ? "member" : "global",
+    doc: fn.doc ?? ""
+  };
+}
+function signatureOf(fn) {
+  if (fn.signature) return fn.signature;
+  const [overload] = fn.overloads ?? [];
+  if (!overload) return "";
+  const args = overload.member ? overload.args.slice(1) : overload.args;
+  return `(${args.join(", ")}) -> ${overload.result}`;
+}
+exports.SpecPanel = SpecPanel;
+//# sourceMappingURL=SpecPanel.cjs.map

package/dist/expressions/playground/panels/SpecPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpecPanel.cjs","sources":["../../../../src/expressions/playground/panels/SpecPanel.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Badge } from \"../../../data/Badge\";\nimport { DataTable, type DataTableColumn } from \"../../../data/DataTable\";\nimport type { GomplateSpec, SpecFunction } from \"../../lang/index.ts\";\n\ninterface SpecPanelProps {\n  /** Which catalogue to browse. */\n  flavour: \"cel\" | \"gotemplate\";\n  /** The catalogue itself — the server's when it has one, gomplate's otherwise. */\n  spec: GomplateSpec;\n}\n\ninterface FunctionRow extends Record<string, unknown> {\n  name: string;\n  namespace: string;\n  signature: string;\n  kind: string;\n  doc: string;\n}\n\n/**\n * Browses the generated function catalogue.\n *\n * This is the first accurate reference that exists for this fork: CEL.md\n * documents functions that live in `duty` and omits whole namespaces, while\n * docs-src carries the upstream list. What is shown here is read out of the\n * live registries, so it is what the evaluator will actually accept.\n */\nexport function SpecPanel({ flavour, spec }: SpecPanelProps) {\n  const rows = useMemo(() => {\n    const functions =\n      flavour === \"cel\" ? spec.cel.functions : spec.gotemplate.functions;\n    return functions.map(toRow);\n  }, [flavour, spec]);\n\n  const columns: DataTableColumn<FunctionRow>[] = [\n    {\n      key: \"name\",\n      label: \"Name\",\n      sortable: true,\n      grow: true,\n      cellClassName: \"font-mono\",\n    },\n    {\n      key: \"namespace\",\n      label: \"Namespace\",\n      sortable: true,\n      filterable: true,\n      shrink: true,\n      render: (value) =>\n        value ? (\n          String(value)\n        ) : (\n          <span className=\"text-muted-foreground\">—</span>\n        ),\n    },\n    {\n      key: \"kind\",\n      label: \"Call\",\n      filterable: true,\n      shrink: true,\n      // `x.sum()` is legal where a bare `sum(x)` is not, and nothing else in\n      // the catalogue records that -- so it is worth a column of its own.\n      render: (value) =>\n        value === \"member\" ? (\n          <Badge variant=\"outline\">member only</Badge>\n        ) : (\n          <span className=\"text-muted-foreground\">global</span>\n        ),\n    },\n    {\n      key: \"signature\",\n      label: \"Signature\",\n      grow: true,\n      cellClassName: \"font-mono text-muted-foreground\",\n    },\n    { key: \"doc\", label: \"Description\", grow: true },\n  ];\n\n  return (\n    <DataTable\n      data={rows}\n      columns={columns}\n      autoFilter\n      showGlobalFilter\n      globalFilterPlaceholder=\"Filter functions…\"\n      defaultSort={{ key: \"name\", dir: \"asc\" }}\n      emptyMessage=\"No functions in this catalogue.\"\n      className=\"h-full\"\n    />\n  );\n}\n\nfunction toRow(fn: SpecFunction): FunctionRow {\n  return {\n    name: fn.name,\n    namespace: fn.namespace ?? \"\",\n    signature: signatureOf(fn),\n    kind: fn.memberOnly ? \"member\" : \"global\",\n    doc: fn.doc ?? \"\",\n  };\n}\n\nfunction signatureOf(fn: SpecFunction): string {\n  if (fn.signature) return fn.signature;\n\n  const [overload] = fn.overloads ?? [];\n  if (!overload) return \"\";\n\n  // A member overload carries its receiver as the first argument; an author\n  // writes it before the dot, not inside the parentheses.\n  const args = overload.member ? overload.args.slice(1) : overload.args;\n  return `(${args.join(\", \")}) -> ${overload.result}`;\n}\n"],"names":["useMemo","jsx","Badge","DataTable"],"mappings":";;;;;;AA4BO,SAAS,UAAU,EAAE,SAAS,QAAwB;AAC3D,QAAM,OAAOA,MAAAA,QAAQ,MAAM;AACzB,UAAM,YACJ,YAAY,QAAQ,KAAK,IAAI,YAAY,KAAK,WAAW;AAC3D,WAAO,UAAU,IAAI,KAAK;AAAA,EAC5B,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,QAAM,UAA0C;AAAA,IAC9C;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,MAAM;AAAA,MACN,eAAe;AAAA,IAAA;AAAA,IAEjB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,QAAQ,CAAC,UACP,QACE,OAAO,KAAK,IAEZC,+BAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,IAAA,CAAC;AAAA,IAAA;AAAA,IAG/C;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,QAAQ;AAAA;AAAA;AAAA,MAGR,QAAQ,CAAC,UACP,UAAU,WACRA,2BAAAA,IAACC,MAAAA,OAAA,EAAM,SAAQ,WAAU,yBAAW,IAEpCD,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,SAAA,CAAM;AAAA,IAAA;AAAA,IAGpD;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,eAAe;AAAA,IAAA;AAAA,IAEjB,EAAE,KAAK,OAAO,OAAO,eAAe,MAAM,KAAA;AAAA,EAAK;AAGjD,SACEA,2BAAAA;AAAAA,IAACE,UAAAA;AAAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA,YAAU;AAAA,MACV,kBAAgB;AAAA,MAChB,yBAAwB;AAAA,MACxB,aAAa,EAAE,KAAK,QAAQ,KAAK,MAAA;AAAA,MACjC,cAAa;AAAA,MACb,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,SAAS,MAAM,IAA+B;AAC5C,SAAO;AAAA,IACL,MAAM,GAAG;AAAA,IACT,WAAW,GAAG,aAAa;AAAA,IAC3B,WAAW,YAAY,EAAE;AAAA,IACzB,MAAM,GAAG,aAAa,WAAW;AAAA,IACjC,KAAK,GAAG,OAAO;AAAA,EAAA;AAEnB;AAEA,SAAS,YAAY,IAA0B;AAC7C,MAAI,GAAG,UAAW,QAAO,GAAG;AAE5B,QAAM,CAAC,QAAQ,IAAI,GAAG,aAAa,CAAA;AACnC,MAAI,CAAC,SAAU,QAAO;AAItB,QAAM,OAAO,SAAS,SAAS,SAAS,KAAK,MAAM,CAAC,IAAI,SAAS;AACjE,SAAO,IAAI,KAAK,KAAK,IAAI,CAAC,QAAQ,SAAS,MAAM;AACnD;;"}

package/dist/expressions/playground/panels/SpecPanel.d.ts

@@ -0,0 +1,18 @@
+import { GomplateSpec } from '../../lang/index.ts';
+interface SpecPanelProps {
+    /** Which catalogue to browse. */
+    flavour: "cel" | "gotemplate";
+    /** The catalogue itself — the server's when it has one, gomplate's otherwise. */
+    spec: GomplateSpec;
+}
+/**
+ * Browses the generated function catalogue.
+ *
+ * This is the first accurate reference that exists for this fork: CEL.md
+ * documents functions that live in `duty` and omits whole namespaces, while
+ * docs-src carries the upstream list. What is shown here is read out of the
+ * live registries, so it is what the evaluator will actually accept.
+ */
+export declare function SpecPanel({ flavour, spec }: SpecPanelProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SpecPanel.d.ts.map

package/dist/expressions/playground/panels/SpecPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpecPanel.d.ts","sourceRoot":"","sources":["../../../../src/expressions/playground/panels/SpecPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAgB,MAAM,qBAAqB,CAAC;AAEtE,UAAU,cAAc;IACtB,iCAAiC;IACjC,OAAO,EAAE,KAAK,GAAG,YAAY,CAAC;IAC9B,iFAAiF;IACjF,IAAI,EAAE,YAAY,CAAC;CACpB;AAUD;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,cAAc,+BA+D1D"}

package/dist/expressions/playground/panels/SpecPanel.js

@@ -0,0 +1,76 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Badge } from "../../../data/Badge.js";
+import { DataTable } from "../../../data/DataTable.js";
+function SpecPanel({ flavour, spec }) {
+  const rows = useMemo(() => {
+    const functions = flavour === "cel" ? spec.cel.functions : spec.gotemplate.functions;
+    return functions.map(toRow);
+  }, [flavour, spec]);
+  const columns = [
+    {
+      key: "name",
+      label: "Name",
+      sortable: true,
+      grow: true,
+      cellClassName: "font-mono"
+    },
+    {
+      key: "namespace",
+      label: "Namespace",
+      sortable: true,
+      filterable: true,
+      shrink: true,
+      render: (value) => value ? String(value) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "—" })
+    },
+    {
+      key: "kind",
+      label: "Call",
+      filterable: true,
+      shrink: true,
+      // `x.sum()` is legal where a bare `sum(x)` is not, and nothing else in
+      // the catalogue records that -- so it is worth a column of its own.
+      render: (value) => value === "member" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "member only" }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "global" })
+    },
+    {
+      key: "signature",
+      label: "Signature",
+      grow: true,
+      cellClassName: "font-mono text-muted-foreground"
+    },
+    { key: "doc", label: "Description", grow: true }
+  ];
+  return /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      data: rows,
+      columns,
+      autoFilter: true,
+      showGlobalFilter: true,
+      globalFilterPlaceholder: "Filter functions…",
+      defaultSort: { key: "name", dir: "asc" },
+      emptyMessage: "No functions in this catalogue.",
+      className: "h-full"
+    }
+  );
+}
+function toRow(fn) {
+  return {
+    name: fn.name,
+    namespace: fn.namespace ?? "",
+    signature: signatureOf(fn),
+    kind: fn.memberOnly ? "member" : "global",
+    doc: fn.doc ?? ""
+  };
+}
+function signatureOf(fn) {
+  if (fn.signature) return fn.signature;
+  const [overload] = fn.overloads ?? [];
+  if (!overload) return "";
+  const args = overload.member ? overload.args.slice(1) : overload.args;
+  return `(${args.join(", ")}) -> ${overload.result}`;
+}
+export {
+  SpecPanel
+};
+//# sourceMappingURL=SpecPanel.js.map

package/dist/expressions/playground/panels/SpecPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpecPanel.js","sources":["../../../../src/expressions/playground/panels/SpecPanel.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Badge } from \"../../../data/Badge\";\nimport { DataTable, type DataTableColumn } from \"../../../data/DataTable\";\nimport type { GomplateSpec, SpecFunction } from \"../../lang/index.ts\";\n\ninterface SpecPanelProps {\n  /** Which catalogue to browse. */\n  flavour: \"cel\" | \"gotemplate\";\n  /** The catalogue itself — the server's when it has one, gomplate's otherwise. */\n  spec: GomplateSpec;\n}\n\ninterface FunctionRow extends Record<string, unknown> {\n  name: string;\n  namespace: string;\n  signature: string;\n  kind: string;\n  doc: string;\n}\n\n/**\n * Browses the generated function catalogue.\n *\n * This is the first accurate reference that exists for this fork: CEL.md\n * documents functions that live in `duty` and omits whole namespaces, while\n * docs-src carries the upstream list. What is shown here is read out of the\n * live registries, so it is what the evaluator will actually accept.\n */\nexport function SpecPanel({ flavour, spec }: SpecPanelProps) {\n  const rows = useMemo(() => {\n    const functions =\n      flavour === \"cel\" ? spec.cel.functions : spec.gotemplate.functions;\n    return functions.map(toRow);\n  }, [flavour, spec]);\n\n  const columns: DataTableColumn<FunctionRow>[] = [\n    {\n      key: \"name\",\n      label: \"Name\",\n      sortable: true,\n      grow: true,\n      cellClassName: \"font-mono\",\n    },\n    {\n      key: \"namespace\",\n      label: \"Namespace\",\n      sortable: true,\n      filterable: true,\n      shrink: true,\n      render: (value) =>\n        value ? (\n          String(value)\n        ) : (\n          <span className=\"text-muted-foreground\">—</span>\n        ),\n    },\n    {\n      key: \"kind\",\n      label: \"Call\",\n      filterable: true,\n      shrink: true,\n      // `x.sum()` is legal where a bare `sum(x)` is not, and nothing else in\n      // the catalogue records that -- so it is worth a column of its own.\n      render: (value) =>\n        value === \"member\" ? (\n          <Badge variant=\"outline\">member only</Badge>\n        ) : (\n          <span className=\"text-muted-foreground\">global</span>\n        ),\n    },\n    {\n      key: \"signature\",\n      label: \"Signature\",\n      grow: true,\n      cellClassName: \"font-mono text-muted-foreground\",\n    },\n    { key: \"doc\", label: \"Description\", grow: true },\n  ];\n\n  return (\n    <DataTable\n      data={rows}\n      columns={columns}\n      autoFilter\n      showGlobalFilter\n      globalFilterPlaceholder=\"Filter functions…\"\n      defaultSort={{ key: \"name\", dir: \"asc\" }}\n      emptyMessage=\"No functions in this catalogue.\"\n      className=\"h-full\"\n    />\n  );\n}\n\nfunction toRow(fn: SpecFunction): FunctionRow {\n  return {\n    name: fn.name,\n    namespace: fn.namespace ?? \"\",\n    signature: signatureOf(fn),\n    kind: fn.memberOnly ? \"member\" : \"global\",\n    doc: fn.doc ?? \"\",\n  };\n}\n\nfunction signatureOf(fn: SpecFunction): string {\n  if (fn.signature) return fn.signature;\n\n  const [overload] = fn.overloads ?? [];\n  if (!overload) return \"\";\n\n  // A member overload carries its receiver as the first argument; an author\n  // writes it before the dot, not inside the parentheses.\n  const args = overload.member ? overload.args.slice(1) : overload.args;\n  return `(${args.join(\", \")}) -> ${overload.result}`;\n}\n"],"names":[],"mappings":";;;;AA4BO,SAAS,UAAU,EAAE,SAAS,QAAwB;AAC3D,QAAM,OAAO,QAAQ,MAAM;AACzB,UAAM,YACJ,YAAY,QAAQ,KAAK,IAAI,YAAY,KAAK,WAAW;AAC3D,WAAO,UAAU,IAAI,KAAK;AAAA,EAC5B,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,QAAM,UAA0C;AAAA,IAC9C;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,MAAM;AAAA,MACN,eAAe;AAAA,IAAA;AAAA,IAEjB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,QAAQ,CAAC,UACP,QACE,OAAO,KAAK,IAEZ,oBAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,IAAA,CAAC;AAAA,IAAA;AAAA,IAG/C;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,QAAQ;AAAA;AAAA;AAAA,MAGR,QAAQ,CAAC,UACP,UAAU,WACR,oBAAC,OAAA,EAAM,SAAQ,WAAU,yBAAW,IAEpC,oBAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,SAAA,CAAM;AAAA,IAAA;AAAA,IAGpD;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,eAAe;AAAA,IAAA;AAAA,IAEjB,EAAE,KAAK,OAAO,OAAO,eAAe,MAAM,KAAA;AAAA,EAAK;AAGjD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA,YAAU;AAAA,MACV,kBAAgB;AAAA,MAChB,yBAAwB;AAAA,MACxB,aAAa,EAAE,KAAK,QAAQ,KAAK,MAAA;AAAA,MACjC,cAAa;AAAA,MACb,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,SAAS,MAAM,IAA+B;AAC5C,SAAO;AAAA,IACL,MAAM,GAAG;AAAA,IACT,WAAW,GAAG,aAAa;AAAA,IAC3B,WAAW,YAAY,EAAE;AAAA,IACzB,MAAM,GAAG,aAAa,WAAW;AAAA,IACjC,KAAK,GAAG,OAAO;AAAA,EAAA;AAEnB;AAEA,SAAS,YAAY,IAA0B;AAC7C,MAAI,GAAG,UAAW,QAAO,GAAG;AAE5B,QAAM,CAAC,QAAQ,IAAI,GAAG,aAAa,CAAA;AACnC,MAAI,CAAC,SAAU,QAAO;AAItB,QAAM,OAAO,SAAS,SAAS,SAAS,KAAK,MAAM,CAAC,IAAI,SAAS;AACjE,SAAO,IAAI,KAAK,KAAK,IAAI,CAAC,QAAQ,SAAS,MAAM;AACnD;"}

package/dist/expressions/playground/panels/TokensPanel.cjs

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const DataTable = require("../../../data/DataTable.cjs");
+const monacoEditor = require("monaco-editor");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const monacoEditor__namespace = /* @__PURE__ */ _interopNamespaceDefault(monacoEditor);
+function TokensPanel({ source, languageId }) {
+  const rows = react.useMemo(
+    () => tokenize(source, languageId),
+    [source, languageId]
+  );
+  const columns = [
+    {
+      key: "line",
+      label: "Line",
+      align: "right",
+      shrink: true,
+      sortable: true
+    },
+    {
+      key: "text",
+      label: "Text",
+      grow: true,
+      cellClassName: "font-mono whitespace-pre"
+    },
+    {
+      key: "token",
+      label: "Token",
+      sortable: true,
+      filterable: true,
+      cellClassName: "font-mono",
+      // An `identifier` is the fallback every unmatched word lands on, so it is
+      // the one class worth de-emphasising: what stands out is what matched.
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: String(value).startsWith("identifier") ? "text-muted-foreground" : "",
+          children: String(value)
+        }
+      )
+    }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DataTable.DataTable,
+    {
+      data: rows,
+      columns,
+      autoFilter: true,
+      showGlobalFilter: true,
+      globalFilterPlaceholder: "Filter tokens…",
+      emptyMessage: "Nothing to tokenize.",
+      className: "h-full"
+    }
+  );
+}
+function tokenize(source, languageId) {
+  if (!source.trim()) return [];
+  const lines = monacoEditor__namespace.editor.tokenize(source, languageId);
+  const rows = [];
+  source.split(/\r\n|\r|\n/).forEach((line, index) => {
+    const tokens = lines[index] ?? [];
+    tokens.forEach((token, i) => {
+      const end = i + 1 < tokens.length ? tokens[i + 1].offset : line.length;
+      const text = line.slice(token.offset, end);
+      if (text.trim() === "") return;
+      rows.push({ line: index + 1, text, token: token.type });
+    });
+  });
+  return rows;
+}
+exports.TokensPanel = TokensPanel;
+//# sourceMappingURL=TokensPanel.cjs.map

package/dist/expressions/playground/panels/TokensPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokensPanel.cjs","sources":["../../../../src/expressions/playground/panels/TokensPanel.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { DataTable, type DataTableColumn } from \"../../../data/DataTable\";\nimport * as monaco from \"monaco-editor\";\n\ninterface TokensPanelProps {\n  source: string;\n  languageId: string;\n}\n\ninterface TokenRow extends Record<string, unknown> {\n  line: number;\n  text: string;\n  token: string;\n}\n\n/**\n * Shows the token stream Monarch produces.\n *\n * This is the panel that makes a highlighting bug legible: colours tell you\n * something is off, the token stream tells you which rule matched. It is also\n * the fastest way to check a newly registered function is classified as\n * `function` rather than falling through to `identifier`.\n */\nexport function TokensPanel({ source, languageId }: TokensPanelProps) {\n  const rows = useMemo(\n    () => tokenize(source, languageId),\n    [source, languageId],\n  );\n\n  const columns: DataTableColumn<TokenRow>[] = [\n    {\n      key: \"line\",\n      label: \"Line\",\n      align: \"right\",\n      shrink: true,\n      sortable: true,\n    },\n    {\n      key: \"text\",\n      label: \"Text\",\n      grow: true,\n      cellClassName: \"font-mono whitespace-pre\",\n    },\n    {\n      key: \"token\",\n      label: \"Token\",\n      sortable: true,\n      filterable: true,\n      cellClassName: \"font-mono\",\n      // An `identifier` is the fallback every unmatched word lands on, so it is\n      // the one class worth de-emphasising: what stands out is what matched.\n      render: (value) => (\n        <span\n          className={\n            String(value).startsWith(\"identifier\")\n              ? \"text-muted-foreground\"\n              : \"\"\n          }\n        >\n          {String(value)}\n        </span>\n      ),\n    },\n  ];\n\n  return (\n    <DataTable\n      data={rows}\n      columns={columns}\n      autoFilter\n      showGlobalFilter\n      globalFilterPlaceholder=\"Filter tokens…\"\n      emptyMessage=\"Nothing to tokenize.\"\n      className=\"h-full\"\n    />\n  );\n}\n\nfunction tokenize(source: string, languageId: string): TokenRow[] {\n  if (!source.trim()) return [];\n\n  const lines = monaco.editor.tokenize(source, languageId);\n  const rows: TokenRow[] = [];\n\n  source.split(/\\r\\n|\\r|\\n/).forEach((line, index) => {\n    const tokens = lines[index] ?? [];\n    tokens.forEach((token, i) => {\n      // Monaco reports a start offset only; each token runs to the next start.\n      const end = i + 1 < tokens.length ? tokens[i + 1]!.offset : line.length;\n      const text = line.slice(token.offset, end);\n      if (text.trim() === \"\") return;\n      rows.push({ line: index + 1, text, token: token.type });\n    });\n  });\n  return rows;\n}\n"],"names":["useMemo","jsx","DataTable","monaco"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBO,SAAS,YAAY,EAAE,QAAQ,cAAgC;AACpE,QAAM,OAAOA,MAAAA;AAAAA,IACX,MAAM,SAAS,QAAQ,UAAU;AAAA,IACjC,CAAC,QAAQ,UAAU;AAAA,EAAA;AAGrB,QAAM,UAAuC;AAAA,IAC3C;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,eAAe;AAAA,IAAA;AAAA,IAEjB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,eAAe;AAAA;AAAA;AAAA,MAGf,QAAQ,CAAC,UACPC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WACE,OAAO,KAAK,EAAE,WAAW,YAAY,IACjC,0BACA;AAAA,UAGL,iBAAO,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAAA,EAEJ;AAGF,SACEA,2BAAAA;AAAAA,IAACC,UAAAA;AAAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA,YAAU;AAAA,MACV,kBAAgB;AAAA,MAChB,yBAAwB;AAAA,MACxB,cAAa;AAAA,MACb,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,SAAS,SAAS,QAAgB,YAAgC;AAChE,MAAI,CAAC,OAAO,KAAA,UAAe,CAAA;AAE3B,QAAM,QAAQC,wBAAO,OAAO,SAAS,QAAQ,UAAU;AACvD,QAAM,OAAmB,CAAA;AAEzB,SAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,UAAU;AAClD,UAAM,SAAS,MAAM,KAAK,KAAK,CAAA;AAC/B,WAAO,QAAQ,CAAC,OAAO,MAAM;AAE3B,YAAM,MAAM,IAAI,IAAI,OAAO,SAAS,OAAO,IAAI,CAAC,EAAG,SAAS,KAAK;AACjE,YAAM,OAAO,KAAK,MAAM,MAAM,QAAQ,GAAG;AACzC,UAAI,KAAK,KAAA,MAAW,GAAI;AACxB,WAAK,KAAK,EAAE,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,MAAM;AAAA,IACxD,CAAC;AAAA,EACH,CAAC;AACD,SAAO;AACT;;"}