@flanksource/clicky-ui 0.3.34 → 0.3.35

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

@@ -0,0 +1,15 @@
+interface TokensPanelProps {
+    source: string;
+    languageId: string;
+}
+/**
+ * Shows the token stream Monarch produces.
+ *
+ * This is the panel that makes a highlighting bug legible: colours tell you
+ * something is off, the token stream tells you which rule matched. It is also
+ * the fastest way to check a newly registered function is classified as
+ * `function` rather than falling through to `identifier`.
+ */
+export declare function TokensPanel({ source, languageId }: TokensPanelProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TokensPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TokensPanel.d.ts","sourceRoot":"","sources":["../../../../src/expressions/playground/panels/TokensPanel.tsx"],"names":[],"mappings":"AAIA,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,gBAAgB,+BAqDnE"}

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

@@ -0,0 +1,72 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { DataTable } from "../../../data/DataTable.js";
+import * as monacoEditor from "monaco-editor";
+function TokensPanel({ source, languageId }) {
+  const rows = 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__ */ jsx(
+        "span",
+        {
+          className: String(value).startsWith("identifier") ? "text-muted-foreground" : "",
+          children: String(value)
+        }
+      )
+    }
+  ];
+  return /* @__PURE__ */ jsx(
+    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.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;
+}
+export {
+  TokensPanel
+};
+//# sourceMappingURL=TokensPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TokensPanel.js","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":["monaco"],"mappings":";;;;AAuBO,SAAS,YAAY,EAAE,QAAQ,cAAgC;AACpE,QAAM,OAAO;AAAA,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,UACP;AAAA,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,SACE;AAAA,IAAC;AAAA,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,QAAQA,aAAO,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;"}

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsonPathTree = require("../../../components/jsonPathTree.cjs");
+const environment = require("../../lang/environment.cjs");
+function toGraphNode(node) {
+  const container = node.kind === "object" || node.kind === "array";
+  const scalar = node.kind === "scalar";
+  return {
+    id: node.key,
+    label: labelOf(node),
+    path: node.path,
+    kind: node.kind,
+    ...scalar || container ? { type: environment.kindOf(node.value) } : {},
+    ...scalar ? { value: scalarValue(node.value) } : {},
+    ...scalar ? {} : { raw: node.summary },
+    expandable: container && node.childCount > 0,
+    metadata: { node }
+  };
+}
+function labelOf(node) {
+  if (node.kind === "more") return "…";
+  const segments = jsonPathTree.literalSegments(node.path);
+  const last = segments == null ? void 0 : segments[segments.length - 1];
+  return last === void 0 ? node.path : String(last);
+}
+function scalarValue(value) {
+  if (value === null || value === void 0) return null;
+  const type = typeof value;
+  if (type === "string" || type === "number" || type === "boolean") {
+    return value;
+  }
+  return String(value);
+}
+exports.toGraphNode = toGraphNode;
+//# sourceMappingURL=graphNodes.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graphNodes.cjs","sources":["../../../../src/expressions/playground/panels/graphNodes.ts"],"sourcesContent":["import {\n  literalSegments,\n  type JSONPathNode,\n} from \"../../../components/jsonPathTree\";\nimport type { ObjectGraphNode } from \"../../../data/ObjectGraph\";\nimport { kindOf } from \"../../lang/index.ts\";\n\n/** An `ObjectGraphNode` that keeps the tree node it came from, for lazy loading. */\nexport interface GraphNode extends ObjectGraphNode {\n  metadata?: { node: JSONPathNode };\n}\n\n/**\n * Maps one lazy-tree node to a graph row.\n *\n * Two of the tree's fields do not mean what their names suggest here. `key` is a\n * namespaced identity, not a display name, so the label comes off the end of the\n * path instead. And `kind` is structural — object, array, scalar — so a scalar's\n * own type is read from the value: `string` against `number` is the distinction\n * that decides whether an expression needs quotes.\n */\nexport function toGraphNode(node: JSONPathNode): GraphNode {\n  const container = node.kind === \"object\" || node.kind === \"array\";\n  const scalar = node.kind === \"scalar\";\n  // Keys are omitted rather than set to undefined: `exactOptionalPropertyTypes`\n  // treats the two as different, and ObjectGraph's optional fields mean absent.\n  return {\n    id: node.key,\n    label: labelOf(node),\n    path: node.path,\n    kind: node.kind,\n    ...(scalar || container ? { type: kindOf(node.value) } : {}),\n    ...(scalar ? { value: scalarValue(node.value) } : {}),\n    ...(scalar ? {} : { raw: node.summary }),\n    expandable: container && node.childCount > 0,\n    metadata: { node },\n  };\n}\n\n/** The last segment of the node's path — the root has none, and is `$`. */\nfunction labelOf(node: JSONPathNode): string {\n  if (node.kind === \"more\") return \"…\";\n  const segments = literalSegments(node.path);\n  const last = segments?.[segments.length - 1];\n  return last === undefined ? node.path : String(last);\n}\n\nfunction scalarValue(value: unknown): string | number | boolean | null {\n  if (value === null || value === undefined) return null;\n  const type = typeof value;\n  if (type === \"string\" || type === \"number\" || type === \"boolean\") {\n    return value as string | number | boolean;\n  }\n  return String(value);\n}\n"],"names":["kindOf","literalSegments"],"mappings":";;;;AAqBO,SAAS,YAAY,MAA+B;AACzD,QAAM,YAAY,KAAK,SAAS,YAAY,KAAK,SAAS;AAC1D,QAAM,SAAS,KAAK,SAAS;AAG7B,SAAO;AAAA,IACL,IAAI,KAAK;AAAA,IACT,OAAO,QAAQ,IAAI;AAAA,IACnB,MAAM,KAAK;AAAA,IACX,MAAM,KAAK;AAAA,IACX,GAAI,UAAU,YAAY,EAAE,MAAMA,YAAAA,OAAO,KAAK,KAAK,EAAA,IAAM,CAAA;AAAA,IACzD,GAAI,SAAS,EAAE,OAAO,YAAY,KAAK,KAAK,EAAA,IAAM,CAAA;AAAA,IAClD,GAAI,SAAS,CAAA,IAAK,EAAE,KAAK,KAAK,QAAA;AAAA,IAC9B,YAAY,aAAa,KAAK,aAAa;AAAA,IAC3C,UAAU,EAAE,KAAA;AAAA,EAAK;AAErB;AAGA,SAAS,QAAQ,MAA4B;AAC3C,MAAI,KAAK,SAAS,OAAQ,QAAO;AACjC,QAAM,WAAWC,aAAAA,gBAAgB,KAAK,IAAI;AAC1C,QAAM,OAAO,qCAAW,SAAS,SAAS;AAC1C,SAAO,SAAS,SAAY,KAAK,OAAO,OAAO,IAAI;AACrD;AAEA,SAAS,YAAY,OAAkD;AACrE,MAAI,UAAU,QAAQ,UAAU,OAAW,QAAO;AAClD,QAAM,OAAO,OAAO;AACpB,MAAI,SAAS,YAAY,SAAS,YAAY,SAAS,WAAW;AAChE,WAAO;AAAA,EACT;AACA,SAAO,OAAO,KAAK;AACrB;;"}

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

@@ -0,0 +1,19 @@
+import { JSONPathNode } from '../../../components/jsonPathTree';
+import { ObjectGraphNode } from '../../../data/ObjectGraph';
+/** An `ObjectGraphNode` that keeps the tree node it came from, for lazy loading. */
+export interface GraphNode extends ObjectGraphNode {
+    metadata?: {
+        node: JSONPathNode;
+    };
+}
+/**
+ * Maps one lazy-tree node to a graph row.
+ *
+ * Two of the tree's fields do not mean what their names suggest here. `key` is a
+ * namespaced identity, not a display name, so the label comes off the end of the
+ * path instead. And `kind` is structural — object, array, scalar — so a scalar's
+ * own type is read from the value: `string` against `number` is the distinction
+ * that decides whether an expression needs quotes.
+ */
+export declare function toGraphNode(node: JSONPathNode): GraphNode;
+//# sourceMappingURL=graphNodes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graphNodes.d.ts","sourceRoot":"","sources":["../../../../src/expressions/playground/panels/graphNodes.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGjE,oFAAoF;AACpF,MAAM,WAAW,SAAU,SAAQ,eAAe;IAChD,QAAQ,CAAC,EAAE;QAAE,IAAI,EAAE,YAAY,CAAA;KAAE,CAAC;CACnC;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,CAgBzD"}

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

@@ -0,0 +1,35 @@
+import { literalSegments } from "../../../components/jsonPathTree.js";
+import { kindOf } from "../../lang/environment.js";
+function toGraphNode(node) {
+  const container = node.kind === "object" || node.kind === "array";
+  const scalar = node.kind === "scalar";
+  return {
+    id: node.key,
+    label: labelOf(node),
+    path: node.path,
+    kind: node.kind,
+    ...scalar || container ? { type: kindOf(node.value) } : {},
+    ...scalar ? { value: scalarValue(node.value) } : {},
+    ...scalar ? {} : { raw: node.summary },
+    expandable: container && node.childCount > 0,
+    metadata: { node }
+  };
+}
+function labelOf(node) {
+  if (node.kind === "more") return "…";
+  const segments = literalSegments(node.path);
+  const last = segments == null ? void 0 : segments[segments.length - 1];
+  return last === void 0 ? node.path : String(last);
+}
+function scalarValue(value) {
+  if (value === null || value === void 0) return null;
+  const type = typeof value;
+  if (type === "string" || type === "number" || type === "boolean") {
+    return value;
+  }
+  return String(value);
+}
+export {
+  toGraphNode
+};
+//# sourceMappingURL=graphNodes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graphNodes.js","sources":["../../../../src/expressions/playground/panels/graphNodes.ts"],"sourcesContent":["import {\n  literalSegments,\n  type JSONPathNode,\n} from \"../../../components/jsonPathTree\";\nimport type { ObjectGraphNode } from \"../../../data/ObjectGraph\";\nimport { kindOf } from \"../../lang/index.ts\";\n\n/** An `ObjectGraphNode` that keeps the tree node it came from, for lazy loading. */\nexport interface GraphNode extends ObjectGraphNode {\n  metadata?: { node: JSONPathNode };\n}\n\n/**\n * Maps one lazy-tree node to a graph row.\n *\n * Two of the tree's fields do not mean what their names suggest here. `key` is a\n * namespaced identity, not a display name, so the label comes off the end of the\n * path instead. And `kind` is structural — object, array, scalar — so a scalar's\n * own type is read from the value: `string` against `number` is the distinction\n * that decides whether an expression needs quotes.\n */\nexport function toGraphNode(node: JSONPathNode): GraphNode {\n  const container = node.kind === \"object\" || node.kind === \"array\";\n  const scalar = node.kind === \"scalar\";\n  // Keys are omitted rather than set to undefined: `exactOptionalPropertyTypes`\n  // treats the two as different, and ObjectGraph's optional fields mean absent.\n  return {\n    id: node.key,\n    label: labelOf(node),\n    path: node.path,\n    kind: node.kind,\n    ...(scalar || container ? { type: kindOf(node.value) } : {}),\n    ...(scalar ? { value: scalarValue(node.value) } : {}),\n    ...(scalar ? {} : { raw: node.summary }),\n    expandable: container && node.childCount > 0,\n    metadata: { node },\n  };\n}\n\n/** The last segment of the node's path — the root has none, and is `$`. */\nfunction labelOf(node: JSONPathNode): string {\n  if (node.kind === \"more\") return \"…\";\n  const segments = literalSegments(node.path);\n  const last = segments?.[segments.length - 1];\n  return last === undefined ? node.path : String(last);\n}\n\nfunction scalarValue(value: unknown): string | number | boolean | null {\n  if (value === null || value === undefined) return null;\n  const type = typeof value;\n  if (type === \"string\" || type === \"number\" || type === \"boolean\") {\n    return value as string | number | boolean;\n  }\n  return String(value);\n}\n"],"names":[],"mappings":";;AAqBO,SAAS,YAAY,MAA+B;AACzD,QAAM,YAAY,KAAK,SAAS,YAAY,KAAK,SAAS;AAC1D,QAAM,SAAS,KAAK,SAAS;AAG7B,SAAO;AAAA,IACL,IAAI,KAAK;AAAA,IACT,OAAO,QAAQ,IAAI;AAAA,IACnB,MAAM,KAAK;AAAA,IACX,MAAM,KAAK;AAAA,IACX,GAAI,UAAU,YAAY,EAAE,MAAM,OAAO,KAAK,KAAK,EAAA,IAAM,CAAA;AAAA,IACzD,GAAI,SAAS,EAAE,OAAO,YAAY,KAAK,KAAK,EAAA,IAAM,CAAA;AAAA,IAClD,GAAI,SAAS,CAAA,IAAK,EAAE,KAAK,KAAK,QAAA;AAAA,IAC9B,YAAY,aAAa,KAAK,aAAa;AAAA,IAC3C,UAAU,EAAE,KAAA;AAAA,EAAK;AAErB;AAGA,SAAS,QAAQ,MAA4B;AAC3C,MAAI,KAAK,SAAS,OAAQ,QAAO;AACjC,QAAM,WAAW,gBAAgB,KAAK,IAAI;AAC1C,QAAM,OAAO,qCAAW,SAAS,SAAS;AAC1C,SAAO,SAAS,SAAY,KAAK,OAAO,OAAO,IAAI;AACrD;AAEA,SAAS,YAAY,OAAkD;AACrE,MAAI,UAAU,QAAQ,UAAU,OAAW,QAAO;AAClD,QAAM,OAAO,OAAO;AACpB,MAAI,SAAS,YAAY,SAAS,YAAY,SAAS,WAAW;AAChE,WAAO;AAAA,EACT;AACA,SAAO,OAAO,KAAK;AACrB;"}

package/dist/expressions/playground/runAction.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function registerRunAction(editor, monaco, run) {
+  return editor.addAction({
+    id: "gomplate.run",
+    label: "Run expression",
+    keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.Enter],
+    run
+  });
+}
+exports.registerRunAction = registerRunAction;
+//# sourceMappingURL=runAction.cjs.map

package/dist/expressions/playground/runAction.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"runAction.cjs","sources":["../../../src/expressions/playground/runAction.ts"],"sourcesContent":["import type * as monacoEditor from \"monaco-editor\";\nimport type { Monaco } from \"@monaco-editor/react\";\n\n/**\n * Registers Cmd/Ctrl+Enter inside a Monaco editor.\n *\n * A window-level listener is not enough: Monaco captures keystrokes while it\n * has focus, which is exactly where the reader is when they want to run. The\n * action also puts \"Run expression\" in the editor's command palette, so the\n * accelerator is discoverable rather than folklore.\n *\n * `run` is read through a ref by the caller, because the action is registered\n * once per editor and must not capture the first render's closure.\n */\nexport function registerRunAction(\n  editor: monacoEditor.editor.IStandaloneCodeEditor,\n  monaco: Monaco,\n  run: () => void,\n): monacoEditor.IDisposable {\n  return editor.addAction({\n    id: \"gomplate.run\",\n    label: \"Run expression\",\n    keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.Enter],\n    run,\n  });\n}\n"],"names":[],"mappings":";;AAcO,SAAS,kBACd,QACA,QACA,KAC0B;AAC1B,SAAO,OAAO,UAAU;AAAA,IACtB,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAAC,OAAO,OAAO,UAAU,OAAO,QAAQ,KAAK;AAAA,IAC1D;AAAA,EAAA,CACD;AACH;;"}

package/dist/expressions/playground/runAction.d.ts

@@ -0,0 +1,15 @@
+import { Monaco } from '@monaco-editor/react';
+import type * as monacoEditor from "monaco-editor";
+/**
+ * Registers Cmd/Ctrl+Enter inside a Monaco editor.
+ *
+ * A window-level listener is not enough: Monaco captures keystrokes while it
+ * has focus, which is exactly where the reader is when they want to run. The
+ * action also puts "Run expression" in the editor's command palette, so the
+ * accelerator is discoverable rather than folklore.
+ *
+ * `run` is read through a ref by the caller, because the action is registered
+ * once per editor and must not capture the first render's closure.
+ */
+export declare function registerRunAction(editor: monacoEditor.editor.IStandaloneCodeEditor, monaco: Monaco, run: () => void): monacoEditor.IDisposable;
+//# sourceMappingURL=runAction.d.ts.map

package/dist/expressions/playground/runAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runAction.d.ts","sourceRoot":"","sources":["../../../src/expressions/playground/runAction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,YAAY,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEnD;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,qBAAqB,EACjD,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,GACd,YAAY,CAAC,WAAW,CAO1B"}

package/dist/expressions/playground/runAction.js

@@ -0,0 +1,12 @@
+function registerRunAction(editor, monaco, run) {
+  return editor.addAction({
+    id: "gomplate.run",
+    label: "Run expression",
+    keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.Enter],
+    run
+  });
+}
+export {
+  registerRunAction
+};
+//# sourceMappingURL=runAction.js.map

package/dist/expressions/playground/runAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runAction.js","sources":["../../../src/expressions/playground/runAction.ts"],"sourcesContent":["import type * as monacoEditor from \"monaco-editor\";\nimport type { Monaco } from \"@monaco-editor/react\";\n\n/**\n * Registers Cmd/Ctrl+Enter inside a Monaco editor.\n *\n * A window-level listener is not enough: Monaco captures keystrokes while it\n * has focus, which is exactly where the reader is when they want to run. The\n * action also puts \"Run expression\" in the editor's command palette, so the\n * accelerator is discoverable rather than folklore.\n *\n * `run` is read through a ref by the caller, because the action is registered\n * once per editor and must not capture the first render's closure.\n */\nexport function registerRunAction(\n  editor: monacoEditor.editor.IStandaloneCodeEditor,\n  monaco: Monaco,\n  run: () => void,\n): monacoEditor.IDisposable {\n  return editor.addAction({\n    id: \"gomplate.run\",\n    label: \"Run expression\",\n    keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.Enter],\n    run,\n  });\n}\n"],"names":[],"mappings":"AAcO,SAAS,kBACd,QACA,QACA,KAC0B;AAC1B,SAAO,OAAO,UAAU;AAAA,IACtB,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAAC,OAAO,OAAO,UAAU,OAAO,QAAQ,KAAK;AAAA,IAC1D;AAAA,EAAA,CACD;AACH;"}

package/dist/expressions/playground/runShortcut.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const RUN_SHORTCUT_LABEL = isApple() ? "⌘⏎" : "Ctrl+↵";
+function isApple() {
+  if (typeof navigator === "undefined") return false;
+  return /mac|iphone|ipad/i.test(navigator.userAgent);
+}
+exports.RUN_SHORTCUT_LABEL = RUN_SHORTCUT_LABEL;
+//# sourceMappingURL=runShortcut.cjs.map

package/dist/expressions/playground/runShortcut.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"runShortcut.cjs","sources":["../../../src/expressions/playground/runShortcut.ts"],"sourcesContent":["export const RUN_SHORTCUT_LABEL = isApple() ? \"⌘⏎\" : \"Ctrl+↵\";\n\nfunction isApple(): boolean {\n  if (typeof navigator === \"undefined\") return false;\n  return /mac|iphone|ipad/i.test(navigator.userAgent);\n}\n"],"names":[],"mappings":";;AAAO,MAAM,qBAAqB,QAAA,IAAY,OAAO;AAErD,SAAS,UAAmB;AAC1B,MAAI,OAAO,cAAc,YAAa,QAAO;AAC7C,SAAO,mBAAmB,KAAK,UAAU,SAAS;AACpD;;"}

package/dist/expressions/playground/runShortcut.d.ts

@@ -0,0 +1,2 @@
+export declare const RUN_SHORTCUT_LABEL: string;
+//# sourceMappingURL=runShortcut.d.ts.map

package/dist/expressions/playground/runShortcut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runShortcut.d.ts","sourceRoot":"","sources":["../../../src/expressions/playground/runShortcut.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,QAA8B,CAAC"}

package/dist/expressions/playground/runShortcut.js

@@ -0,0 +1,9 @@
+const RUN_SHORTCUT_LABEL = isApple() ? "⌘⏎" : "Ctrl+↵";
+function isApple() {
+  if (typeof navigator === "undefined") return false;
+  return /mac|iphone|ipad/i.test(navigator.userAgent);
+}
+export {
+  RUN_SHORTCUT_LABEL
+};
+//# sourceMappingURL=runShortcut.js.map

package/dist/expressions/playground/runShortcut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runShortcut.js","sources":["../../../src/expressions/playground/runShortcut.ts"],"sourcesContent":["export const RUN_SHORTCUT_LABEL = isApple() ? \"⌘⏎\" : \"Ctrl+↵\";\n\nfunction isApple(): boolean {\n  if (typeof navigator === \"undefined\") return false;\n  return /mac|iphone|ipad/i.test(navigator.userAgent);\n}\n"],"names":[],"mappings":"AAAO,MAAM,qBAAqB,QAAA,IAAY,OAAO;AAErD,SAAS,UAAmB;AAC1B,MAAI,OAAO,cAAc,YAAa,QAAO;AAC7C,SAAO,mBAAmB,KAAK,UAAU,SAAS;AACpD;"}

package/dist/expressions/playground/useEditorTheme.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const monacoEditor = require("monaco-editor");
+const theme = require("../lang/theme.cjs");
+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 useEditorTheme() {
+  const applyTheme = react.useCallback(() => {
+    const dark = document.documentElement.getAttribute("data-theme") === "dark";
+    monacoEditor__namespace.editor.setTheme(dark ? theme.GOMPLATE_DARK_THEME : theme.GOMPLATE_LIGHT_THEME);
+  }, []);
+  react.useEffect(() => {
+    applyTheme();
+    const observer = new MutationObserver(applyTheme);
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["data-theme"]
+    });
+    return () => observer.disconnect();
+  }, [applyTheme]);
+  return applyTheme;
+}
+exports.useEditorTheme = useEditorTheme;
+//# sourceMappingURL=useEditorTheme.cjs.map

package/dist/expressions/playground/useEditorTheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorTheme.cjs","sources":["../../../src/expressions/playground/useEditorTheme.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\nimport * as monaco from \"monaco-editor\";\nimport { GOMPLATE_DARK_THEME, GOMPLATE_LIGHT_THEME } from \"../lang/index.ts\";\n\n/**\n * Applies the gomplate colour themes and keeps them in step with clicky-ui's\n * theme switcher.\n *\n * `monaco.editor.setTheme` is global rather than per-editor, and\n * `@monaco-editor/react` calls it whenever an editor mounts, using the `theme`\n * prop clicky-ui hardcodes to `light`/`vs-dark`. So setting the theme once is\n * not enough: every editor that mounts afterwards resets it. Re-asserting from\n * each editor's `onMount` runs after that call and is deterministic, where a\n * plain effect would race the editor's lazy mount.\n *\n * clicky-ui's `MonacoEditor` gaining a `theme` prop makes this unnecessary;\n * until then this keeps the playground correct against the published package.\n */\nexport function useEditorTheme() {\n  const applyTheme = useCallback(() => {\n    const dark = document.documentElement.getAttribute(\"data-theme\") === \"dark\";\n    monaco.editor.setTheme(dark ? GOMPLATE_DARK_THEME : GOMPLATE_LIGHT_THEME);\n  }, []);\n\n  useEffect(() => {\n    applyTheme();\n\n    // clicky-ui's ThemeProvider writes `data-theme` on <html> and emits no\n    // event, so observe the attribute.\n    const observer = new MutationObserver(applyTheme);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"data-theme\"],\n    });\n    return () => observer.disconnect();\n  }, [applyTheme]);\n\n  return applyTheme;\n}\n"],"names":["useCallback","monaco","GOMPLATE_DARK_THEME","GOMPLATE_LIGHT_THEME","useEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkBO,SAAS,iBAAiB;AAC/B,QAAM,aAAaA,MAAAA,YAAY,MAAM;AACnC,UAAM,OAAO,SAAS,gBAAgB,aAAa,YAAY,MAAM;AACrEC,4BAAO,OAAO,SAAS,OAAOC,MAAAA,sBAAsBC,MAAAA,oBAAoB;AAAA,EAC1E,GAAG,CAAA,CAAE;AAELC,QAAAA,UAAU,MAAM;AACd,eAAA;AAIA,UAAM,WAAW,IAAI,iBAAiB,UAAU;AAChD,aAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,YAAY;AAAA,IAAA,CAC/B;AACD,WAAO,MAAM,SAAS,WAAA;AAAA,EACxB,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO;AACT;;"}

package/dist/expressions/playground/useEditorTheme.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Applies the gomplate colour themes and keeps them in step with clicky-ui's
+ * theme switcher.
+ *
+ * `monaco.editor.setTheme` is global rather than per-editor, and
+ * `@monaco-editor/react` calls it whenever an editor mounts, using the `theme`
+ * prop clicky-ui hardcodes to `light`/`vs-dark`. So setting the theme once is
+ * not enough: every editor that mounts afterwards resets it. Re-asserting from
+ * each editor's `onMount` runs after that call and is deterministic, where a
+ * plain effect would race the editor's lazy mount.
+ *
+ * clicky-ui's `MonacoEditor` gaining a `theme` prop makes this unnecessary;
+ * until then this keeps the playground correct against the published package.
+ */
+export declare function useEditorTheme(): () => void;
+//# sourceMappingURL=useEditorTheme.d.ts.map

package/dist/expressions/playground/useEditorTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorTheme.d.ts","sourceRoot":"","sources":["../../../src/expressions/playground/useEditorTheme.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,eAoB7B"}

package/dist/expressions/playground/useEditorTheme.js

@@ -0,0 +1,23 @@
+import { useCallback, useEffect } from "react";
+import * as monacoEditor from "monaco-editor";
+import { GOMPLATE_DARK_THEME, GOMPLATE_LIGHT_THEME } from "../lang/theme.js";
+function useEditorTheme() {
+  const applyTheme = useCallback(() => {
+    const dark = document.documentElement.getAttribute("data-theme") === "dark";
+    monacoEditor.editor.setTheme(dark ? GOMPLATE_DARK_THEME : GOMPLATE_LIGHT_THEME);
+  }, []);
+  useEffect(() => {
+    applyTheme();
+    const observer = new MutationObserver(applyTheme);
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["data-theme"]
+    });
+    return () => observer.disconnect();
+  }, [applyTheme]);
+  return applyTheme;
+}
+export {
+  useEditorTheme
+};
+//# sourceMappingURL=useEditorTheme.js.map

package/dist/expressions/playground/useEditorTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorTheme.js","sources":["../../../src/expressions/playground/useEditorTheme.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\nimport * as monaco from \"monaco-editor\";\nimport { GOMPLATE_DARK_THEME, GOMPLATE_LIGHT_THEME } from \"../lang/index.ts\";\n\n/**\n * Applies the gomplate colour themes and keeps them in step with clicky-ui's\n * theme switcher.\n *\n * `monaco.editor.setTheme` is global rather than per-editor, and\n * `@monaco-editor/react` calls it whenever an editor mounts, using the `theme`\n * prop clicky-ui hardcodes to `light`/`vs-dark`. So setting the theme once is\n * not enough: every editor that mounts afterwards resets it. Re-asserting from\n * each editor's `onMount` runs after that call and is deterministic, where a\n * plain effect would race the editor's lazy mount.\n *\n * clicky-ui's `MonacoEditor` gaining a `theme` prop makes this unnecessary;\n * until then this keeps the playground correct against the published package.\n */\nexport function useEditorTheme() {\n  const applyTheme = useCallback(() => {\n    const dark = document.documentElement.getAttribute(\"data-theme\") === \"dark\";\n    monaco.editor.setTheme(dark ? GOMPLATE_DARK_THEME : GOMPLATE_LIGHT_THEME);\n  }, []);\n\n  useEffect(() => {\n    applyTheme();\n\n    // clicky-ui's ThemeProvider writes `data-theme` on <html> and emits no\n    // event, so observe the attribute.\n    const observer = new MutationObserver(applyTheme);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"data-theme\"],\n    });\n    return () => observer.disconnect();\n  }, [applyTheme]);\n\n  return applyTheme;\n}\n"],"names":["monaco"],"mappings":";;;AAkBO,SAAS,iBAAiB;AAC/B,QAAM,aAAa,YAAY,MAAM;AACnC,UAAM,OAAO,SAAS,gBAAgB,aAAa,YAAY,MAAM;AACrEA,iBAAO,OAAO,SAAS,OAAO,sBAAsB,oBAAoB;AAAA,EAC1E,GAAG,CAAA,CAAE;AAEL,YAAU,MAAM;AACd,eAAA;AAIA,UAAM,WAAW,IAAI,iBAAiB,UAAU;AAChD,aAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,YAAY;AAAA,IAAA,CAC/B;AACD,WAAO,MAAM,SAAS,WAAA;AAAA,EACxB,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO;AACT;"}

package/dist/expressions/playground/useEvaluator.cjs

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const api = require("./api.cjs");
+const AUTO_RUN_STORAGE_KEY = "expressions:auto-run";
+const DEBOUNCE_MS = 250;
+function useEvaluator(apiBase, payload) {
+  const [response, setResponse] = react.useState(null);
+  const [pending, setPending] = react.useState(false);
+  const [autoRun, setAutoRunState] = react.useState(readAutoRun);
+  const [evaluated, setEvaluated] = react.useState(null);
+  const abortRef = react.useRef(void 0);
+  const payloadRef = react.useRef(payload);
+  payloadRef.current = payload;
+  const evaluateNow = react.useCallback(() => {
+    var _a, _b;
+    const current = payloadRef.current;
+    if (!current.source.trim()) {
+      (_a = abortRef.current) == null ? void 0 : _a.abort();
+      setResponse(null);
+      setEvaluated(current);
+      setPending(false);
+      return;
+    }
+    (_b = abortRef.current) == null ? void 0 : _b.abort();
+    const controller = new AbortController();
+    abortRef.current = controller;
+    setPending(true);
+    api.evaluate(apiBase, current, controller.signal).then((next) => {
+      setResponse(next);
+      setEvaluated(current);
+      setPending(false);
+    }).catch(() => {
+    });
+  }, [apiBase]);
+  react.useEffect(() => {
+    if (!autoRun) return;
+    const timer = setTimeout(evaluateNow, DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [payload.language, payload.source, payload.input, autoRun, evaluateNow]);
+  react.useEffect(() => {
+    setResponse(null);
+    setEvaluated(null);
+  }, [payload.language]);
+  const setAutoRun = react.useCallback(
+    (next) => {
+      setAutoRunState(next);
+      window.localStorage.setItem(AUTO_RUN_STORAGE_KEY, String(next));
+      if (next) evaluateNow();
+    },
+    [evaluateNow]
+  );
+  return {
+    response,
+    pending,
+    stale: isStale(evaluated, payload),
+    autoRun,
+    setAutoRun,
+    run: evaluateNow
+  };
+}
+function isStale(evaluated, current) {
+  if (!current.source.trim()) return false;
+  if (!evaluated) return true;
+  return evaluated.source !== current.source || evaluated.input !== current.input || evaluated.language !== current.language;
+}
+function readAutoRun() {
+  if (typeof window === "undefined") return true;
+  return window.localStorage.getItem(AUTO_RUN_STORAGE_KEY) !== "false";
+}
+exports.useEvaluator = useEvaluator;
+//# sourceMappingURL=useEvaluator.cjs.map

package/dist/expressions/playground/useEvaluator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEvaluator.cjs","sources":["../../../src/expressions/playground/useEvaluator.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { evaluate, type EvalRequest, type EvalResponse } from \"./api.ts\";\n\nconst AUTO_RUN_STORAGE_KEY = \"expressions:auto-run\";\n\n/** How long typing settles before an automatic run fires. */\nconst DEBOUNCE_MS = 250;\n\nexport interface Evaluator {\n  response: EvalResponse | null;\n  /** A request is in flight or a debounce is pending. */\n  pending: boolean;\n  /** The source or input has changed since the shown result was produced. */\n  stale: boolean;\n  autoRun: boolean;\n  setAutoRun: (next: boolean) => void;\n  /** Evaluates now, skipping the debounce. */\n  run: () => void;\n}\n\ntype Payload = Pick<EvalRequest, \"language\" | \"source\" | \"input\">;\n\n/**\n * Runs an expression against the Go evaluator.\n *\n * Automatic evaluation is convenient for a one-line expression and a nuisance\n * for anything longer: a debounce fires mid-keystroke and reports errors for\n * half-written input. So it is a toggle, and an explicit run is always\n * available -- which is also the only way to re-run an expression whose value\n * changes on its own (`time.Now()`, `uuid.V4()`, `random.*`).\n */\nexport function useEvaluator(apiBase: string, payload: Payload): Evaluator {\n  const [response, setResponse] = useState<EvalResponse | null>(null);\n  const [pending, setPending] = useState(false);\n  const [autoRun, setAutoRunState] = useState(readAutoRun);\n  const [evaluated, setEvaluated] = useState<Payload | null>(null);\n\n  const abortRef = useRef<AbortController | undefined>(undefined);\n  // The current payload, so `run` stays referentially stable: it is wired into\n  // a Monaco action registered once at mount, which would otherwise capture the\n  // payload from the first render forever.\n  const payloadRef = useRef(payload);\n  payloadRef.current = payload;\n\n  const evaluateNow = useCallback(() => {\n    const current = payloadRef.current;\n    if (!current.source.trim()) {\n      abortRef.current?.abort();\n      setResponse(null);\n      setEvaluated(current);\n      setPending(false);\n      return;\n    }\n\n    abortRef.current?.abort();\n    const controller = new AbortController();\n    abortRef.current = controller;\n\n    setPending(true);\n    evaluate(apiBase, current, controller.signal)\n      .then((next) => {\n        setResponse(next);\n        setEvaluated(current);\n        setPending(false);\n      })\n      .catch(() => {\n        // Superseded by a newer run; that one owns the state.\n      });\n  }, [apiBase]);\n\n  useEffect(() => {\n    if (!autoRun) return;\n    const timer = setTimeout(evaluateNow, DEBOUNCE_MS);\n    return () => clearTimeout(timer);\n  }, [payload.language, payload.source, payload.input, autoRun, evaluateNow]);\n\n  // Switching language changes what the source even means, so show nothing\n  // rather than the previous language's result.\n  useEffect(() => {\n    setResponse(null);\n    setEvaluated(null);\n  }, [payload.language]);\n\n  const setAutoRun = useCallback(\n    (next: boolean) => {\n      setAutoRunState(next);\n      window.localStorage.setItem(AUTO_RUN_STORAGE_KEY, String(next));\n      if (next) evaluateNow();\n    },\n    [evaluateNow],\n  );\n\n  return {\n    response,\n    pending,\n    stale: isStale(evaluated, payload),\n    autoRun,\n    setAutoRun,\n    run: evaluateNow,\n  };\n}\n\nfunction isStale(evaluated: Payload | null, current: Payload): boolean {\n  if (!current.source.trim()) return false;\n  if (!evaluated) return true;\n  return (\n    evaluated.source !== current.source ||\n    evaluated.input !== current.input ||\n    evaluated.language !== current.language\n  );\n}\n\nfunction readAutoRun(): boolean {\n  if (typeof window === \"undefined\") return true;\n  // Default on: the playground should evaluate as soon as it opens.\n  return window.localStorage.getItem(AUTO_RUN_STORAGE_KEY) !== \"false\";\n}\n"],"names":["useState","useRef","useCallback","evaluate","useEffect"],"mappings":";;;;AAGA,MAAM,uBAAuB;AAG7B,MAAM,cAAc;AAyBb,SAAS,aAAa,SAAiB,SAA6B;AACzE,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAA8B,IAAI;AAClE,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,eAAe,IAAIA,MAAAA,SAAS,WAAW;AACvD,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAyB,IAAI;AAE/D,QAAM,WAAWC,MAAAA,OAAoC,MAAS;AAI9D,QAAM,aAAaA,MAAAA,OAAO,OAAO;AACjC,aAAW,UAAU;AAErB,QAAM,cAAcC,MAAAA,YAAY,MAAM;;AACpC,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC,QAAQ,OAAO,QAAQ;AAC1B,qBAAS,YAAT,mBAAkB;AAClB,kBAAY,IAAI;AAChB,mBAAa,OAAO;AACpB,iBAAW,KAAK;AAChB;AAAA,IACF;AAEA,mBAAS,YAAT,mBAAkB;AAClB,UAAM,aAAa,IAAI,gBAAA;AACvB,aAAS,UAAU;AAEnB,eAAW,IAAI;AACfC,QAAAA,SAAS,SAAS,SAAS,WAAW,MAAM,EACzC,KAAK,CAAC,SAAS;AACd,kBAAY,IAAI;AAChB,mBAAa,OAAO;AACpB,iBAAW,KAAK;AAAA,IAClB,CAAC,EACA,MAAM,MAAM;AAAA,IAEb,CAAC;AAAA,EACL,GAAG,CAAC,OAAO,CAAC;AAEZC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,QAAS;AACd,UAAM,QAAQ,WAAW,aAAa,WAAW;AACjD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,QAAQ,UAAU,QAAQ,QAAQ,QAAQ,OAAO,SAAS,WAAW,CAAC;AAI1EA,QAAAA,UAAU,MAAM;AACd,gBAAY,IAAI;AAChB,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAErB,QAAM,aAAaF,MAAAA;AAAAA,IACjB,CAAC,SAAkB;AACjB,sBAAgB,IAAI;AACpB,aAAO,aAAa,QAAQ,sBAAsB,OAAO,IAAI,CAAC;AAC9D,UAAI,KAAM,aAAA;AAAA,IACZ;AAAA,IACA,CAAC,WAAW;AAAA,EAAA;AAGd,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO,QAAQ,WAAW,OAAO;AAAA,IACjC;AAAA,IACA;AAAA,IACA,KAAK;AAAA,EAAA;AAET;AAEA,SAAS,QAAQ,WAA2B,SAA2B;AACrE,MAAI,CAAC,QAAQ,OAAO,KAAA,EAAQ,QAAO;AACnC,MAAI,CAAC,UAAW,QAAO;AACvB,SACE,UAAU,WAAW,QAAQ,UAC7B,UAAU,UAAU,QAAQ,SAC5B,UAAU,aAAa,QAAQ;AAEnC;AAEA,SAAS,cAAuB;AAC9B,MAAI,OAAO,WAAW,YAAa,QAAO;AAE1C,SAAO,OAAO,aAAa,QAAQ,oBAAoB,MAAM;AAC/D;;"}

package/dist/expressions/playground/useEvaluator.d.ts

@@ -0,0 +1,25 @@
+import { EvalRequest, EvalResponse } from './api.ts';
+export interface Evaluator {
+    response: EvalResponse | null;
+    /** A request is in flight or a debounce is pending. */
+    pending: boolean;
+    /** The source or input has changed since the shown result was produced. */
+    stale: boolean;
+    autoRun: boolean;
+    setAutoRun: (next: boolean) => void;
+    /** Evaluates now, skipping the debounce. */
+    run: () => void;
+}
+type Payload = Pick<EvalRequest, "language" | "source" | "input">;
+/**
+ * Runs an expression against the Go evaluator.
+ *
+ * Automatic evaluation is convenient for a one-line expression and a nuisance
+ * for anything longer: a debounce fires mid-keystroke and reports errors for
+ * half-written input. So it is a toggle, and an explicit run is always
+ * available -- which is also the only way to re-run an expression whose value
+ * changes on its own (`time.Now()`, `uuid.V4()`, `random.*`).
+ */
+export declare function useEvaluator(apiBase: string, payload: Payload): Evaluator;
+export {};
+//# sourceMappingURL=useEvaluator.d.ts.map

package/dist/expressions/playground/useEvaluator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEvaluator.d.ts","sourceRoot":"","sources":["../../../src/expressions/playground/useEvaluator.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAOzE,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,uDAAuD;IACvD,OAAO,EAAE,OAAO,CAAC;IACjB,2EAA2E;IAC3E,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,4CAA4C;IAC5C,GAAG,EAAE,MAAM,IAAI,CAAC;CACjB;AAED,KAAK,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC;AAElE;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,SAAS,CAqEzE"}

package/dist/expressions/playground/useEvaluator.js

@@ -0,0 +1,72 @@
+import { useState, useRef, useCallback, useEffect } from "react";
+import { evaluate } from "./api.js";
+const AUTO_RUN_STORAGE_KEY = "expressions:auto-run";
+const DEBOUNCE_MS = 250;
+function useEvaluator(apiBase, payload) {
+  const [response, setResponse] = useState(null);
+  const [pending, setPending] = useState(false);
+  const [autoRun, setAutoRunState] = useState(readAutoRun);
+  const [evaluated, setEvaluated] = useState(null);
+  const abortRef = useRef(void 0);
+  const payloadRef = useRef(payload);
+  payloadRef.current = payload;
+  const evaluateNow = useCallback(() => {
+    var _a, _b;
+    const current = payloadRef.current;
+    if (!current.source.trim()) {
+      (_a = abortRef.current) == null ? void 0 : _a.abort();
+      setResponse(null);
+      setEvaluated(current);
+      setPending(false);
+      return;
+    }
+    (_b = abortRef.current) == null ? void 0 : _b.abort();
+    const controller = new AbortController();
+    abortRef.current = controller;
+    setPending(true);
+    evaluate(apiBase, current, controller.signal).then((next) => {
+      setResponse(next);
+      setEvaluated(current);
+      setPending(false);
+    }).catch(() => {
+    });
+  }, [apiBase]);
+  useEffect(() => {
+    if (!autoRun) return;
+    const timer = setTimeout(evaluateNow, DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [payload.language, payload.source, payload.input, autoRun, evaluateNow]);
+  useEffect(() => {
+    setResponse(null);
+    setEvaluated(null);
+  }, [payload.language]);
+  const setAutoRun = useCallback(
+    (next) => {
+      setAutoRunState(next);
+      window.localStorage.setItem(AUTO_RUN_STORAGE_KEY, String(next));
+      if (next) evaluateNow();
+    },
+    [evaluateNow]
+  );
+  return {
+    response,
+    pending,
+    stale: isStale(evaluated, payload),
+    autoRun,
+    setAutoRun,
+    run: evaluateNow
+  };
+}
+function isStale(evaluated, current) {
+  if (!current.source.trim()) return false;
+  if (!evaluated) return true;
+  return evaluated.source !== current.source || evaluated.input !== current.input || evaluated.language !== current.language;
+}
+function readAutoRun() {
+  if (typeof window === "undefined") return true;
+  return window.localStorage.getItem(AUTO_RUN_STORAGE_KEY) !== "false";
+}
+export {
+  useEvaluator
+};
+//# sourceMappingURL=useEvaluator.js.map

package/dist/expressions/playground/useEvaluator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEvaluator.js","sources":["../../../src/expressions/playground/useEvaluator.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { evaluate, type EvalRequest, type EvalResponse } from \"./api.ts\";\n\nconst AUTO_RUN_STORAGE_KEY = \"expressions:auto-run\";\n\n/** How long typing settles before an automatic run fires. */\nconst DEBOUNCE_MS = 250;\n\nexport interface Evaluator {\n  response: EvalResponse | null;\n  /** A request is in flight or a debounce is pending. */\n  pending: boolean;\n  /** The source or input has changed since the shown result was produced. */\n  stale: boolean;\n  autoRun: boolean;\n  setAutoRun: (next: boolean) => void;\n  /** Evaluates now, skipping the debounce. */\n  run: () => void;\n}\n\ntype Payload = Pick<EvalRequest, \"language\" | \"source\" | \"input\">;\n\n/**\n * Runs an expression against the Go evaluator.\n *\n * Automatic evaluation is convenient for a one-line expression and a nuisance\n * for anything longer: a debounce fires mid-keystroke and reports errors for\n * half-written input. So it is a toggle, and an explicit run is always\n * available -- which is also the only way to re-run an expression whose value\n * changes on its own (`time.Now()`, `uuid.V4()`, `random.*`).\n */\nexport function useEvaluator(apiBase: string, payload: Payload): Evaluator {\n  const [response, setResponse] = useState<EvalResponse | null>(null);\n  const [pending, setPending] = useState(false);\n  const [autoRun, setAutoRunState] = useState(readAutoRun);\n  const [evaluated, setEvaluated] = useState<Payload | null>(null);\n\n  const abortRef = useRef<AbortController | undefined>(undefined);\n  // The current payload, so `run` stays referentially stable: it is wired into\n  // a Monaco action registered once at mount, which would otherwise capture the\n  // payload from the first render forever.\n  const payloadRef = useRef(payload);\n  payloadRef.current = payload;\n\n  const evaluateNow = useCallback(() => {\n    const current = payloadRef.current;\n    if (!current.source.trim()) {\n      abortRef.current?.abort();\n      setResponse(null);\n      setEvaluated(current);\n      setPending(false);\n      return;\n    }\n\n    abortRef.current?.abort();\n    const controller = new AbortController();\n    abortRef.current = controller;\n\n    setPending(true);\n    evaluate(apiBase, current, controller.signal)\n      .then((next) => {\n        setResponse(next);\n        setEvaluated(current);\n        setPending(false);\n      })\n      .catch(() => {\n        // Superseded by a newer run; that one owns the state.\n      });\n  }, [apiBase]);\n\n  useEffect(() => {\n    if (!autoRun) return;\n    const timer = setTimeout(evaluateNow, DEBOUNCE_MS);\n    return () => clearTimeout(timer);\n  }, [payload.language, payload.source, payload.input, autoRun, evaluateNow]);\n\n  // Switching language changes what the source even means, so show nothing\n  // rather than the previous language's result.\n  useEffect(() => {\n    setResponse(null);\n    setEvaluated(null);\n  }, [payload.language]);\n\n  const setAutoRun = useCallback(\n    (next: boolean) => {\n      setAutoRunState(next);\n      window.localStorage.setItem(AUTO_RUN_STORAGE_KEY, String(next));\n      if (next) evaluateNow();\n    },\n    [evaluateNow],\n  );\n\n  return {\n    response,\n    pending,\n    stale: isStale(evaluated, payload),\n    autoRun,\n    setAutoRun,\n    run: evaluateNow,\n  };\n}\n\nfunction isStale(evaluated: Payload | null, current: Payload): boolean {\n  if (!current.source.trim()) return false;\n  if (!evaluated) return true;\n  return (\n    evaluated.source !== current.source ||\n    evaluated.input !== current.input ||\n    evaluated.language !== current.language\n  );\n}\n\nfunction readAutoRun(): boolean {\n  if (typeof window === \"undefined\") return true;\n  // Default on: the playground should evaluate as soon as it opens.\n  return window.localStorage.getItem(AUTO_RUN_STORAGE_KEY) !== \"false\";\n}\n"],"names":[],"mappings":";;AAGA,MAAM,uBAAuB;AAG7B,MAAM,cAAc;AAyBb,SAAS,aAAa,SAAiB,SAA6B;AACzE,QAAM,CAAC,UAAU,WAAW,IAAI,SAA8B,IAAI;AAClE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,eAAe,IAAI,SAAS,WAAW;AACvD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAyB,IAAI;AAE/D,QAAM,WAAW,OAAoC,MAAS;AAI9D,QAAM,aAAa,OAAO,OAAO;AACjC,aAAW,UAAU;AAErB,QAAM,cAAc,YAAY,MAAM;;AACpC,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC,QAAQ,OAAO,QAAQ;AAC1B,qBAAS,YAAT,mBAAkB;AAClB,kBAAY,IAAI;AAChB,mBAAa,OAAO;AACpB,iBAAW,KAAK;AAChB;AAAA,IACF;AAEA,mBAAS,YAAT,mBAAkB;AAClB,UAAM,aAAa,IAAI,gBAAA;AACvB,aAAS,UAAU;AAEnB,eAAW,IAAI;AACf,aAAS,SAAS,SAAS,WAAW,MAAM,EACzC,KAAK,CAAC,SAAS;AACd,kBAAY,IAAI;AAChB,mBAAa,OAAO;AACpB,iBAAW,KAAK;AAAA,IAClB,CAAC,EACA,MAAM,MAAM;AAAA,IAEb,CAAC;AAAA,EACL,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AACd,QAAI,CAAC,QAAS;AACd,UAAM,QAAQ,WAAW,aAAa,WAAW;AACjD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,QAAQ,UAAU,QAAQ,QAAQ,QAAQ,OAAO,SAAS,WAAW,CAAC;AAI1E,YAAU,MAAM;AACd,gBAAY,IAAI;AAChB,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAErB,QAAM,aAAa;AAAA,IACjB,CAAC,SAAkB;AACjB,sBAAgB,IAAI;AACpB,aAAO,aAAa,QAAQ,sBAAsB,OAAO,IAAI,CAAC;AAC9D,UAAI,KAAM,aAAA;AAAA,IACZ;AAAA,IACA,CAAC,WAAW;AAAA,EAAA;AAGd,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO,QAAQ,WAAW,OAAO;AAAA,IACjC;AAAA,IACA;AAAA,IACA,KAAK;AAAA,EAAA;AAET;AAEA,SAAS,QAAQ,WAA2B,SAA2B;AACrE,MAAI,CAAC,QAAQ,OAAO,KAAA,EAAQ,QAAO;AACnC,MAAI,CAAC,UAAW,QAAO;AACvB,SACE,UAAU,WAAW,QAAQ,UAC7B,UAAU,UAAU,QAAQ,SAC5B,UAAU,aAAa,QAAQ;AAEnC;AAEA,SAAS,cAAuB;AAC9B,MAAI,OAAO,WAAW,YAAa,QAAO;AAE1C,SAAO,OAAO,aAAa,QAAQ,oBAAoB,MAAM;AAC/D;"}