@openc3/vue-common 6.2.0 → 6.3.0

package/dist/PluginsTab-B64OvayB.js

@@ -0,0 +1,599 @@
+import { o as _ } from "./WidgetComponents-C1lSLZ0I.js";
+import { resolveComponent as d, createElementBlock as h, openBlock as p, createVNode as n, createBlock as w, createCommentVNode as x, withCtx as l, createElementVNode as g, createTextVNode as m, toDisplayString as v, Fragment as N, renderList as V, normalizeClass as E, mergeProps as y, withModifiers as H } from "vue";
+import { _ as z } from "./CustomIcon-h5X7369N.js";
+import "single-spa";
+import { S as J } from "./SimpleTextDialog-pwN8oRy1.js";
+import { ModifiedPluginDialog as q, PluginDialog as G } from "./tools/admin.js";
+import { f as K, t as Q } from "./format-CVeawcIv.js";
+const W = {
+  components: {
+    PluginDialog: G,
+    ModifiedPluginDialog: q,
+    SimpleTextDialog: J
+  },
+  data() {
+    return {
+      file: null,
+      currentPlugin: null,
+      plugins: [],
+      targets: [],
+      processes: {},
+      alert: "",
+      alertType: "success",
+      showAlert: !1,
+      pluginName: null,
+      variables: {},
+      pluginTxt: "",
+      pluginHashTmp: null,
+      existingPluginTxt: null,
+      showDownloadDialog: !1,
+      showProcessOutput: !1,
+      processOutput: "",
+      showPluginDialog: !1,
+      showModifiedPluginDialog: !1,
+      showDefaultTools: !1,
+      progress: 0,
+      pluginDelete: !1,
+      // When updating update local_mode.rb, local_mode.py, plugins.spec.ts
+      defaultPlugins: [
+        "openc3-cosmos-tool-admin",
+        "openc3-cosmos-tool-bucketexplorer",
+        "openc3-cosmos-tool-cmdsender",
+        "openc3-cosmos-tool-cmdhistory",
+        // Enterprise only
+        "openc3-cosmos-tool-cmdtlmserver",
+        "openc3-cosmos-tool-dataextractor",
+        "openc3-cosmos-tool-dataviewer",
+        "openc3-cosmos-tool-docs",
+        "openc3-cosmos-tool-handbooks",
+        "openc3-cosmos-tool-iframe",
+        "openc3-cosmos-tool-limitsmonitor",
+        "openc3-cosmos-tool-packetviewer",
+        "openc3-cosmos-tool-scriptrunner",
+        "openc3-cosmos-tool-tablemanager",
+        "openc3-cosmos-tool-tlmgrapher",
+        "openc3-cosmos-tool-tlmviewer",
+        "openc3-cosmos-enterprise-tool-admin",
+        // Enterprise only
+        "openc3-cosmos-tool-autonomic",
+        // Enterprise only
+        "openc3-cosmos-tool-calendar",
+        // Enterprise only
+        "openc3-cosmos-tool-grafana",
+        // Enterprise only
+        "openc3-enterprise-tool-base",
+        // Enterprise only
+        "openc3-tool-base"
+      ]
+    };
+  },
+  watch: {
+    // watcher to reset the file input when the dialog is closed
+    showPluginDialog: function(e, t) {
+      e === !1 && (this.file = null, this.$refs.fileInput.value = null);
+    }
+  },
+  computed: {
+    shownPlugins() {
+      let e = [];
+      for (let t of this.plugins) {
+        let r = t.split("__")[0].split("-");
+        r = r.slice(0, -1);
+        let i = r.join("-");
+        (!this.defaultPlugins.includes(i) || this.showDefaultTools) && e.push(t);
+      }
+      return e;
+    },
+    pluginTargets() {
+      return (e) => {
+        let t = [];
+        for (const u in this.targets)
+          this.targets[u].plugin === e && t.push(this.targets[u]);
+        return t;
+      };
+    },
+    isModified() {
+      return (e) => {
+        let t = !1;
+        for (const u in this.targets)
+          if (this.targets[u].plugin === e && this.targets[u].modified === !0) {
+            t = !0;
+            break;
+          }
+        return t;
+      };
+    }
+  },
+  mounted() {
+    this.update(), this.updateProcesses();
+  },
+  methods: {
+    showOutput: function(e) {
+      this.processOutput = e.output, this.showProcessOutput = !0;
+    },
+    update: function() {
+      _.get("/openc3-api/plugins").then((e) => {
+        this.plugins = e.data;
+      }), _.get("/openc3-api/targets_modified").then((e) => {
+        this.targets = e.data;
+      });
+    },
+    updateProcesses: function() {
+      _.get("openc3-api/process_status/plugin_?substr=true").then(
+        (e) => {
+          this.processes = e.data, Object.keys(this.processes).length > 0 && setTimeout(() => {
+            this.updateProcesses(), this.update();
+          }, 5e3);
+        }
+      );
+    },
+    formatDate(e) {
+      return K(
+        Q(parseInt(e) / 1e6),
+        "yyyy-MM-dd HH:mm:ss.SSS"
+      );
+    },
+    upload: function(e = null) {
+      const t = e ? "put" : "post", u = e ? `/openc3-api/plugins/${e}` : "/openc3-api/plugins", r = new FormData();
+      r.append("plugin", this.file, this.file.name);
+      let i = this;
+      _[t](u, {
+        data: r,
+        headers: { "Content-Type": "multipart/form-data" },
+        onUploadProgress: function(a) {
+          let f = Math.round(
+            a.loaded * 100 / a.total
+          );
+          i.progress = f;
+        }
+      }).then((a) => {
+        this.progress = 100, this.alert = "Uploaded file", this.alertType = "success", this.showAlert = !0, setTimeout(() => {
+          this.showAlert = !1;
+        }, 5e3), this.update();
+        let f = null;
+        a.data.existing_plugin_txt_lines !== void 0 && (f = a.data.existing_plugin_txt_lines.join(`
+`));
+        let P = a.data.plugin_txt_lines.join(`
+`);
+        this.pluginName = a.data.name, this.variables = a.data.variables, this.pluginTxt = P, this.existingPluginTxt = f, this.showPluginDialog = !0, this.file = void 0;
+      }).catch((a) => {
+        this.currentPlugin = null, this.file = void 0;
+      });
+    },
+    pluginCallback: function(e) {
+      this.showPluginDialog = !1, this.currentPlugin !== null && (e.name = this.currentPlugin), this.pluginHashTmp = e, this.isModified(this.currentPlugin) ? (this.pluginDelete = !1, this.showModifiedPluginDialog = !0) : this.pluginInstall();
+    },
+    modifiedSubmit: async function(e) {
+      if (e === !0)
+        for (let t of this.pluginTargets(this.currentPlugin))
+          t.modified == !0 && await _.post(`/openc3-api/targets/${t.name}/delete_modified`);
+      this.pluginDelete ? this.deletePlugin(this.currentPlugin) : this.pluginInstall();
+    },
+    pluginInstall: function() {
+      _.post(`/openc3-api/plugins/install/${this.pluginName}`, {
+        data: {
+          plugin_hash: JSON.stringify(this.pluginHashTmp)
+        }
+      }).then((e) => {
+        this.alert = `Started installing plugin ${this.pluginName} ...`, this.alertType = "success", this.showAlert = !0, this.currentPlugin = null, this.file = void 0, this.variables = {}, this.pluginTxt = "", this.existingPluginTxt = null, setTimeout(() => {
+          this.showAlert = !1, this.updateProcesses();
+        }, 5e3), this.update();
+      });
+    },
+    downloadTarget: function(e) {
+      _.post(`/openc3-api/targets/${e}/download`).then((t) => {
+        const u = window.atob(t.data.contents), r = new Uint8Array(u.length);
+        for (let a = 0; a < u.length; ++a)
+          r[a] = u.charCodeAt(a);
+        const i = new Blob([r], { type: "application/zip" }), s = document.createElement("a");
+        s.href = URL.createObjectURL(i), s.setAttribute("download", t.data.filename), s.click();
+      });
+    },
+    downloadPlugin: function(e) {
+      _.post(`/openc3-api/packages/${e}/download`).then((t) => {
+        const u = window.atob(t.data.contents), r = new Uint8Array(u.length);
+        for (let a = 0; a < u.length; ++a)
+          r[a] = u.charCodeAt(a);
+        const i = new Blob([r], { type: "application/zip" }), s = document.createElement("a");
+        s.href = URL.createObjectURL(i), s.setAttribute("download", t.data.filename), s.click();
+      });
+    },
+    editPlugin: function(e) {
+      _.get(`/openc3-api/plugins/${e}`).then((t) => {
+        let u = null;
+        t.data.existing_plugin_txt_lines !== void 0 && (u = t.data.existing_plugin_txt_lines.join(`
+`));
+        let r = t.data.plugin_txt_lines.join(`
+`);
+        this.pluginName = t.data.name, this.variables = t.data.variables, this.pluginTxt = r, this.existingPluginTxt = u, this.showPluginDialog = !0;
+      });
+    },
+    deletePrompt: function(e) {
+      this.$dialog.confirm(`Are you sure you want to remove: ${e}`, {
+        okText: "Delete",
+        cancelText: "Cancel"
+      }).then((t) => {
+        this.isModified(e) ? (this.currentPlugin = e, this.pluginDelete = !0, this.showModifiedPluginDialog = !0) : this.deletePlugin(e);
+      });
+    },
+    deletePlugin: function(e) {
+      this.alert = `Removing plugin ${e} ...`, this.alertType = "success", this.showAlert = !0, _.delete(`/openc3-api/plugins/${e}`).then((t) => {
+        setTimeout(() => {
+          this.showAlert = !1, this.updateProcesses();
+        }, 5e3);
+      }), this.update();
+    },
+    upgradePlugin(e) {
+      this.file = null, this.currentPlugin = e, this.progress = 0, this.$refs.fileInput.click();
+    },
+    selectFile() {
+      this.file = null, this.currentPlugin = null, this.progress = 0, this.$refs.fileInput.click();
+    },
+    fileChange(e) {
+      const t = e.target.files;
+      if (t.length > 0)
+        if (this.file = t[0], this.currentPlugin !== null)
+          if (this.file.name.split(".gem")[0] == this.currentPlugin.split(".gem")[0])
+            this.$dialog.confirm(
+              `The new gem ${this.file.name} appears to be identical to the existing ${this.currentPlugin}. Install?`,
+              {
+                okText: "Ok",
+                cancelText: "Cancel"
+              }
+            ).then(() => {
+              this.upload(this.currentPlugin);
+            }).catch((u) => {
+            });
+          else {
+            let u = this.file.name.split("-"), r = u.findIndex((a) => a.includes(".")), i = u.slice(0, r).join("-");
+            u = this.currentPlugin.split("-"), r = u.findIndex((a) => a.includes("."));
+            let s = u.slice(0, r).join("-");
+            i !== s ? this.$dialog.confirm(
+              `The new gem base name ${i} doesn't match the existing ${s}. Install?`,
+              {
+                okText: "Ok",
+                cancelText: "Cancel"
+              }
+            ).then(() => {
+              this.upload(this.currentPlugin);
+            }) : this.upload(this.currentPlugin);
+          }
+        else
+          this.upload();
+      else
+        this.$refs.fileInput.value = null;
+    }
+  }
+}, X = ["textContent"], Y = ["textContent"], Z = { key: 0 }, $ = { key: 0 }, tt = ["onClick"], et = { key: 1 }, lt = { class: "mx-3" }, it = { class: "mx-3" }, nt = { class: "mx-3" }, st = { class: "mx-3" };
+function ot(e, t, u, r, i, s) {
+  const a = d("v-btn"), f = d("v-icon"), P = d("v-col"), U = d("rux-progress"), D = d("v-row"), M = d("v-checkbox"), C = d("v-divider"), j = d("v-alert"), A = d("v-list-item-title"), O = d("v-list-item-subtitle"), L = d("v-progress-circular"), k = d("v-tooltip"), I = d("v-list-item"), S = d("v-list"), F = d("plugin-dialog"), R = d("modified-plugin-dialog"), B = d("simple-text-dialog");
+  return p(), h("div", null, [
+    n(D, {
+      "no-gutters": "",
+      align: "center",
+      class: "px-2"
+    }, {
+      default: l(() => [
+        n(P, { class: "pa-2 mt-2" }, {
+          default: l(() => [
+            n(a, { onClick: s.selectFile }, {
+              default: l(() => t[6] || (t[6] = [
+                m("Install New Plugin")
+              ])),
+              _: 1
+            }, 8, ["onClick"]),
+            g("input", {
+              style: { display: "none" },
+              type: "file",
+              ref: "fileInput",
+              onChange: t[0] || (t[0] = (...o) => s.fileChange && s.fileChange(...o))
+            }, null, 544),
+            t[8] || (t[8] = m("  Note: Use ")),
+            n(f, null, {
+              default: l(() => t[7] || (t[7] = [
+                m("mdi-update")
+              ])),
+              _: 1
+            }),
+            t[9] || (t[9] = m(" to upgrade existing plugins "))
+          ]),
+          _: 1
+        }),
+        n(P, {
+          class: "ml-4 mr-2",
+          cols: "4"
+        }, {
+          default: l(() => [
+            n(U, { value: i.progress }, null, 8, ["value"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }),
+    n(D, {
+      "no-gutters": "",
+      class: "px-2"
+    }, {
+      default: l(() => [
+        n(P, null, {
+          default: l(() => [
+            n(M, {
+              modelValue: i.showDefaultTools,
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => i.showDefaultTools = o),
+              label: "Show Default Tools",
+              class: "mt-0",
+              "data-test": "show-default-tools"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        n(P, {
+          align: "right",
+          class: "mr-2"
+        }, {
+          default: l(() => t[10] || (t[10] = [
+            g("div", null, "* indicates a modified plugin", -1),
+            g("div", null, "Click target link to download modifications", -1)
+          ])),
+          _: 1
+        })
+      ]),
+      _: 1
+    }),
+    n(C),
+    n(j, {
+      closable: "",
+      type: i.alertType,
+      modelValue: i.showAlert,
+      "onUpdate:modelValue": t[2] || (t[2] = (o) => i.showAlert = o),
+      "data-test": "plugin-alert"
+    }, {
+      default: l(() => [
+        m(v(i.alert), 1)
+      ]),
+      _: 1
+    }, 8, ["type", "modelValue"]),
+    Object.keys(i.processes).length > 0 ? (p(), w(S, {
+      key: 0,
+      class: "list",
+      "data-test": "process-list"
+    }, {
+      default: l(() => [
+        n(D, {
+          "no-gutters": "",
+          class: "px-4"
+        }, {
+          default: l(() => [
+            n(P, { class: "text-h6" }, {
+              default: l(() => t[11] || (t[11] = [
+                m("Process List")
+              ])),
+              _: 1
+            }),
+            n(P, { align: "right" }, {
+              default: l(() => t[12] || (t[12] = [
+                g("div", null, "Showing last 10 min of activity", -1)
+              ])),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        (p(!0), h(N, null, V(i.processes, (o) => (p(), h("div", {
+          key: o.name
+        }, [
+          n(I, null, {
+            append: l(() => [
+              o.state === "Running" ? (p(), h("div", Z, [
+                n(L, {
+                  indeterminate: "",
+                  color: "primary"
+                })
+              ])) : (p(), w(k, {
+                key: 1,
+                location: "top"
+              }, {
+                activator: l(({ props: T }) => [
+                  n(f, y({ ref_for: !0 }, T, {
+                    onClick: (c) => s.showOutput(o),
+                    "data-test": "show-output"
+                  }), {
+                    default: l(() => t[13] || (t[13] = [
+                      m(" mdi-eye ")
+                    ])),
+                    _: 2
+                  }, 1040, ["onClick"])
+                ]),
+                default: l(() => [
+                  t[14] || (t[14] = g("span", null, "Show Output", -1))
+                ]),
+                _: 2
+              }, 1024))
+            ]),
+            default: l(() => [
+              n(A, null, {
+                default: l(() => [
+                  g("span", {
+                    class: E(o.state.toLowerCase()),
+                    textContent: v(
+                      `Processing ${o.process_type}: ${o.detail} - ${o.state}`
+                    )
+                  }, null, 10, X)
+                ]),
+                _: 2
+              }, 1024),
+              n(O, null, {
+                default: l(() => [
+                  g("span", {
+                    textContent: v(" Updated At: " + s.formatDate(o.updated_at))
+                  }, null, 8, Y)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1024),
+          n(C)
+        ]))), 128))
+      ]),
+      _: 1
+    })) : x("", !0),
+    n(S, {
+      class: "list",
+      "data-test": "plugin-list"
+    }, {
+      default: l(() => [
+        n(D, { class: "px-4" }, {
+          default: l(() => [
+            n(P, { class: "text-h6" }, {
+              default: l(() => t[15] || (t[15] = [
+                m("Plugin List")
+              ])),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        (p(!0), h(N, null, V(s.shownPlugins, (o, T) => (p(), h("div", { key: T }, [
+          n(I, { "data-test": "plugin-list-item" }, {
+            append: l(() => [
+              g("div", lt, [
+                n(k, { location: "top" }, {
+                  activator: l(({ props: c }) => [
+                    n(f, y({ ref_for: !0 }, c, {
+                      onClick: (b) => s.downloadPlugin(o),
+                      "data-test": "download-plugin"
+                    }), {
+                      default: l(() => t[16] || (t[16] = [
+                        m(" mdi-download ")
+                      ])),
+                      _: 2
+                    }, 1040, ["onClick"])
+                  ]),
+                  default: l(() => [
+                    t[17] || (t[17] = g("span", null, "Download Plugin", -1))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              g("div", it, [
+                n(k, { location: "top" }, {
+                  activator: l(({ props: c }) => [
+                    n(f, y({ ref_for: !0 }, c, {
+                      onClick: (b) => s.editPlugin(o),
+                      "data-test": "edit-plugin"
+                    }), {
+                      default: l(() => t[18] || (t[18] = [
+                        m(" mdi-pencil ")
+                      ])),
+                      _: 2
+                    }, 1040, ["onClick"])
+                  ]),
+                  default: l(() => [
+                    t[19] || (t[19] = g("span", null, "Edit Plugin Details", -1))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              g("div", nt, [
+                n(k, { location: "top" }, {
+                  activator: l(({ props: c }) => [
+                    n(f, y({ ref_for: !0 }, c, {
+                      onClick: (b) => s.upgradePlugin(o),
+                      "data-test": "upgrade-plugin"
+                    }), {
+                      default: l(() => t[20] || (t[20] = [
+                        m(" mdi-update ")
+                      ])),
+                      _: 2
+                    }, 1040, ["onClick"])
+                  ]),
+                  default: l(() => [
+                    t[21] || (t[21] = g("span", null, "Upgrade Plugin", -1))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              g("div", st, [
+                n(k, { location: "top" }, {
+                  activator: l(({ props: c }) => [
+                    n(f, y({ ref_for: !0 }, c, {
+                      onClick: (b) => s.deletePrompt(o),
+                      "data-test": "delete-plugin"
+                    }), {
+                      default: l(() => t[22] || (t[22] = [
+                        m(" mdi-delete ")
+                      ])),
+                      _: 2
+                    }, 1040, ["onClick"])
+                  ]),
+                  default: l(() => [
+                    t[23] || (t[23] = g("span", null, "Delete Plugin", -1))
+                  ]),
+                  _: 2
+                }, 1024)
+              ])
+            ]),
+            default: l(() => [
+              n(A, null, {
+                default: l(() => [
+                  s.isModified(o) ? (p(), h("span", $, "* ")) : x("", !0),
+                  m(v(o), 1)
+                ]),
+                _: 2
+              }, 1024),
+              s.pluginTargets(o).length !== 0 ? (p(), w(O, { key: 0 }, {
+                default: l(() => [
+                  (p(!0), h(N, null, V(s.pluginTargets(o), (c, b) => (p(), h("span", {
+                    key: b,
+                    class: "mr-2"
+                  }, [
+                    c.modified ? (p(), h("a", {
+                      key: 0,
+                      onClick: H((ut) => s.downloadTarget(c.name), ["prevent"])
+                    }, v(c.name), 9, tt)) : (p(), h("span", et, v(c.name), 1))
+                  ]))), 128))
+                ]),
+                _: 2
+              }, 1024)) : x("", !0)
+            ]),
+            _: 2
+          }, 1024),
+          T < i.plugins.length - 1 ? (p(), w(C, { key: T })) : x("", !0)
+        ]))), 128))
+      ]),
+      _: 1
+    }),
+    i.showPluginDialog ? (p(), w(F, {
+      key: 1,
+      modelValue: i.showPluginDialog,
+      "onUpdate:modelValue": t[3] || (t[3] = (o) => i.showPluginDialog = o),
+      pluginName: i.pluginName,
+      variables: i.variables,
+      pluginTxt: i.pluginTxt,
+      existingPluginTxt: i.existingPluginTxt,
+      onCallback: s.pluginCallback
+    }, null, 8, ["modelValue", "pluginName", "variables", "pluginTxt", "existingPluginTxt", "onCallback"])) : x("", !0),
+    i.showModifiedPluginDialog ? (p(), w(R, {
+      key: 2,
+      modelValue: i.showModifiedPluginDialog,
+      "onUpdate:modelValue": t[4] || (t[4] = (o) => i.showModifiedPluginDialog = o),
+      pluginName: i.currentPlugin,
+      targets: s.pluginTargets(i.currentPlugin),
+      pluginDelete: i.pluginDelete,
+      onSubmit: s.modifiedSubmit
+    }, null, 8, ["modelValue", "pluginName", "targets", "pluginDelete", "onSubmit"])) : x("", !0),
+    n(B, {
+      modelValue: i.showProcessOutput,
+      "onUpdate:modelValue": t[5] || (t[5] = (o) => i.showProcessOutput = o),
+      title: "Process Output",
+      text: i.processOutput
+    }, null, 8, ["modelValue", "text"])
+  ]);
+}
+const ft = /* @__PURE__ */ z(W, [["render", ot], ["__scopeId", "data-v-f61368fa"]]);
+export {
+  ft as default
+};
+//# sourceMappingURL=PluginsTab-B64OvayB.js.map