@kwirthmagnify/kwirth-plugin-pinocchio 0.2.4 → 0.2.5

package/front.js

@@ -122,6 +122,15 @@
       var react_1 = __importStar(require_react());
       var material_1 = require_material();
       var icons_material_1 = require_icons_material();
+      var downloadJson = (data, filename) => {
+        const blob = new Blob([JSON.stringify(data, null, 2)], { type: "application/json" });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = filename;
+        a.click();
+        URL.revokeObjectURL(url);
+      };
       var LlmSelector = ({ llms, value, onChange, label = "LLM", size = "small", fullWidth = true }) => {
         return react_1.default.createElement(
           material_1.FormControl,
@@ -143,6 +152,7 @@
       var AiConfigLlm2 = (props) => {
         var _a;
         const [llms, setLlms] = (0, react_1.useState)(JSON.parse(JSON.stringify(props.llms)));
+        const importLlmRef = (0, react_1.useRef)(null);
         const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(null);
         const [showPassword, setShowPassword] = (0, react_1.useState)(false);
         const [id, setId] = (0, react_1.useState)("");
@@ -280,6 +290,27 @@
           react_1.default.createElement(
             material_1.DialogActions,
             null,
+            react_1.default.createElement("input", { ref: importLlmRef, type: "file", accept: ".json", style: { display: "none" }, onChange: (e) => {
+              var _a2;
+              const f = (_a2 = e.target.files) === null || _a2 === void 0 ? void 0 : _a2[0];
+              if (!f)
+                return;
+              const reader = new FileReader();
+              reader.onload = (ev) => {
+                try {
+                  setLlms(JSON.parse(ev.target.result));
+                } catch (_a3) {
+                }
+              };
+              reader.readAsText(f);
+              e.target.value = "";
+            } }),
+            react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(icons_material_1.FileUpload, { fontSize: "small" }), onClick: () => {
+              var _a2;
+              return (_a2 = importLlmRef.current) === null || _a2 === void 0 ? void 0 : _a2.click();
+            } }, "Import"),
+            react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(icons_material_1.FileDownload, { fontSize: "small" }), onClick: () => downloadJson(llms, "kwirth-llms.json") }, "Export"),
+            react_1.default.createElement(material_1.Box, { flex: 1 }),
             react_1.default.createElement(material_1.Button, { onClick: () => props.onClose(llms), variant: "contained" }, "OK"),
             react_1.default.createElement(material_1.Button, { onClick: () => props.onClose(void 0), color: "inherit" }, "Cancel")
           )
@@ -289,6 +320,7 @@
       var AiConfigProvider2 = (props) => {
         var _a;
         const [providers, setProviders] = (0, react_1.useState)(JSON.parse(JSON.stringify(props.providers)));
+        const importProvRef = (0, react_1.useRef)(null);
         const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(null);
         const [showPassword, setShowPassword] = (0, react_1.useState)(false);
         const [providerName, setProviderName] = (0, react_1.useState)("");
@@ -387,6 +419,27 @@
           react_1.default.createElement(
             material_1.DialogActions,
             { sx: { p: 2 } },
+            react_1.default.createElement("input", { ref: importProvRef, type: "file", accept: ".json", style: { display: "none" }, onChange: (e) => {
+              var _a2;
+              const f = (_a2 = e.target.files) === null || _a2 === void 0 ? void 0 : _a2[0];
+              if (!f)
+                return;
+              const reader = new FileReader();
+              reader.onload = (ev) => {
+                try {
+                  setProviders(JSON.parse(ev.target.result));
+                } catch (_a3) {
+                }
+              };
+              reader.readAsText(f);
+              e.target.value = "";
+            } }),
+            react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(icons_material_1.FileUpload, { fontSize: "small" }), onClick: () => {
+              var _a2;
+              return (_a2 = importProvRef.current) === null || _a2 === void 0 ? void 0 : _a2.click();
+            } }, "Import"),
+            react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(icons_material_1.FileDownload, { fontSize: "small" }), onClick: () => downloadJson(providers.map((p) => ({ name: p.name, key: p.key })), "kwirth-providers.json") }, "Export"),
+            react_1.default.createElement(material_1.Box, { flex: 1 }),
             react_1.default.createElement(material_1.Button, { onClick: () => props.onClose(providers), color: "primary", variant: "contained" }, "Save"),
             react_1.default.createElement(material_1.Button, { onClick: () => props.onClose(void 0), color: "inherit" }, "Cancel")
           )

package/package.json

@@ -2,7 +2,7 @@
   "id": "pinocchio",
   "name": "@kwirthmagnify/kwirth-plugin-pinocchio",
   "displayName": "Pinocchio",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "Pinocchio AI channel plugin for Kwirth - LLM-based Kubernetes event analysis",
   "icon": "AutoFixHigh",
   "website": "https://kwirthmagnify.dev"