@flanksource/clicky-ui 0.2.18 → 0.2.20

package/dist/data/Clicky.cjs

@@ -20,6 +20,7 @@ const HoverCard = require("../overlay/HoverCard.cjs");
 const Modal = require("../overlay/Modal.cjs");
 const TagList = require("./cells/TagList.cjs");
 const tagUtils = require("./cells/tag-utils.cjs");
+const clickyParse = require("./clicky-parse.cjs");
 const UiEllipsis = require("../icons/components/UiEllipsis.cjs");
 const UiCheck = require("../icons/components/UiCheck.cjs");
 const UiCloudDownload = require("../icons/components/UiCloudDownload.cjs");
@@ -204,7 +205,7 @@ function ClickyContent({
       }
     );
   }
-  const parsed = parseClickyData(data);
+  const parsed = clickyParse.parseClickyData(data);
   if (!parsed.ok) {
     return /* @__PURE__ */ jsxRuntime.jsx(ClickyInvalidPayload, { parsed, className });
   }
@@ -255,8 +256,29 @@ function ClickyRemoteRenderer({
   const downloadHandledByTable = clickyPayloadHasTable(effectiveClickyData);
   const canDownload = downloadFormats.length > 0 && !downloadHandledByTable;
   const loadingMessage = `Fetching ${formattedUrl}`;
+  const runtime = react.useContext(ClickyRuntimeContext);
+  const tableHostsControls = downloadHandledByTable && activeView === "clicky";
+  const viewMenuActions = react.useMemo(() => {
+    if (!tableHostsControls || availableViews.length <= 1) return [];
+    return availableViews.map((format) => {
+      const meta = getRemoteFormatMeta(format);
+      return {
+        id: `view-${format}`,
+        label: formatViewLabel(format),
+        icon: meta.icon,
+        ...meta.iconClassName ? { iconClassName: meta.iconClassName } : {},
+        section: "View",
+        disabled: format === activeView,
+        onSelect: () => setActiveView(format)
+      };
+    });
+  }, [tableHostsControls, availableViews, activeView]);
+  const combinedTableActions = react.useMemo(
+    () => [...viewMenuActions, ...runtime.tableMenuActions ?? []],
+    [viewMenuActions, runtime.tableMenuActions]
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("space-y-density-3", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 rounded-md border border-border bg-muted/20 px-density-3 py-density-2", children: [
+    !tableHostsControls && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 rounded-md border border-border bg-muted/20 px-density-3 py-density-2", children: [
       primaryViews.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
@@ -323,7 +345,13 @@ function ClickyRemoteRenderer({
           tone: "warning"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(ClickyContent, { data: effectiveClickyData })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ClickyRuntimeContext.Provider,
+        {
+          value: { ...runtime, tableMenuActions: combinedTableActions },
+          children: /* @__PURE__ */ jsxRuntime.jsx(ClickyContent, { data: effectiveClickyData })
+        }
+      )
     ] }) : activeView === "json" ? activeQuery.isPending && effectiveJsonData === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ClickyNotice, { title: "Loading JSON", message: loadingMessage }) : activeQuery.isError && effectiveJsonData === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       ClickyNotice,
       {
@@ -544,20 +572,6 @@ function useDismissablePopup(open, rootRef, triggerRef, onClose) {
     };
   }, [onClose, open, rootRef, triggerRef]);
 }
-function parseClickyData(data) {
-  if (typeof data === "string") {
-    try {
-      return normalizeClickyDocument(JSON.parse(data));
-    } catch (error) {
-      return {
-        ok: false,
-        message: error instanceof Error ? error.message : "Failed to parse JSON",
-        raw: data
-      };
-    }
-  }
-  return normalizeClickyDocument(data);
-}
 function fetchRemoteFormat(url, format) {
   return fetch(url, {
     headers: {
@@ -1043,7 +1057,7 @@ function parseJsonValue(data) {
 }
 function clickyPayloadHasTable(data) {
   if (data === void 0) return false;
-  const parsed = parseClickyData(data);
+  const parsed = clickyParse.parseClickyData(data);
   return parsed.ok ? clickyNodeHasTable(parsed.document.node) : false;
 }
 function clickyNodeHasTable(node) {
@@ -1140,30 +1154,6 @@ function triggerDownload(url) {
 function isAbsoluteUrl(url) {
   return /^[a-z][a-z\d+\-.]*:/i.test(url) || url.startsWith("//");
 }
-function normalizeClickyDocument(data) {
-  if (!data || typeof data !== "object") {
-    return {
-      ok: false,
-      message: "Payload must be an object",
-      raw: String(data ?? "")
-    };
-  }
-  const candidate = data;
-  if ("version" in candidate && candidate.version === 1 && candidate.node && isClickyNode(candidate.node)) {
-    return { ok: true, document: candidate };
-  }
-  if (isClickyNode(candidate)) {
-    return { ok: true, document: { version: 1, node: candidate } };
-  }
-  return {
-    ok: false,
-    message: "Payload is neither a Clicky document nor a Clicky node",
-    raw: JSON.stringify(data, null, 2)
-  };
-}
-function isClickyNode(value) {
-  return !!value && typeof value === "object" && typeof value.kind === "string";
-}
 function ClickyNodeRenderer({ node }) {
   if (!node) return null;
   switch (node.kind) {
@@ -1629,7 +1619,7 @@ function ClickyCommandResponse({
   const parsedPayload = isExecutionResponse(response) ? response.parsed ?? classify.parseJsonBody(response) : response;
   const rawText = isExecutionResponse(response) ? response.stdout || response.output || response.message || "" : typeof response === "string" ? response : JSON.stringify(response, null, 2);
   const clickyPayload = typeof parsedPayload === "string" || parsedPayload != null && typeof parsedPayload === "object" ? parsedPayload : rawText;
-  const parsedClicky = clickyPayload === "" ? null : parseClickyData(clickyPayload);
+  const parsedClicky = clickyPayload === "" ? null : clickyParse.parseClickyData(clickyPayload);
   if (parsedClicky == null ? void 0 : parsedClicky.ok) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-border bg-background p-density-3", children: /* @__PURE__ */ jsxRuntime.jsx(ClickyNodeRenderer, { node: parsedClicky.document.node }) });
   }
@@ -2284,5 +2274,4 @@ function isInlineNode(node) {
 exports.Clicky = Clicky;
 exports.ClickyNodeView = ClickyNodeRenderer;
 exports.ClickyTable = ClickyTable;
-exports.parseClickyData = parseClickyData;
 //# sourceMappingURL=Clicky.cjs.map