@openc3/vue-common 6.6.0 → 6.7.0

package/dist/PluginsTab-CZApRILr.js

@@ -0,0 +1,1288 @@
+import { d as A, c as T } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-DWYRspHE.js";
+import { resolveComponent as l, createElementBlock as P, openBlock as g, Fragment as O, renderSlot as tt, createVNode as n, withCtx as s, createElementVNode as r, toDisplayString as f, normalizeProps as R, guardReactiveProps as B, createCommentVNode as V, createTextVNode as x, createBlock as b, mergeProps as U, normalizeClass as L, withModifiers as F, renderList as M } from "vue";
+import { _ as N } from "./CustomIcon-h5X7369N.js";
+import "single-spa";
+import { S as et } from "./SimpleTextDialog-Cmtrmt79.js";
+import { ModifiedPluginDialog as nt, PluginDialog as lt } from "./tools/admin.js";
+import { S as it } from "./settings-spKii1fI.js";
+import { f as ot, t as st } from "./format-CVeawcIv.js";
+const at = "store_url", j = {
+  props: {
+    id: Number,
+    name: String,
+    title: String,
+    // titleSlug: String,
+    author: String,
+    // authorSlug: String,
+    description: String,
+    keywords: Array,
+    image_url: String,
+    license: String,
+    // rating: Number,
+    // downloads: Number,
+    verified: Boolean,
+    homepage: String,
+    repository: String,
+    gem_url: String,
+    checksum: String
+  },
+  data: function() {
+    return {
+      _api: new A(),
+      _storeUrl: ""
+    };
+  },
+  computed: {
+    plugin: function() {
+      return {
+        id: this.id,
+        name: this.name,
+        title: this.title,
+        // titleSlug: this.titleSlug,
+        author: this.author,
+        // authorSlug: this.authorSlug,
+        description: this.description,
+        keywords: this.keywords,
+        image_url: this.image_url,
+        license: this.license,
+        // rating: this.rating,
+        // downloads: this.downloads,
+        verified: this.verified,
+        homepage: this.homepage,
+        repository: this.repository,
+        gem_url: this.gem_url,
+        checksum: this.checksum
+      };
+    },
+    storeLink: function() {
+      return this.hasStoreListing ? new URL(`/cosmos_plugins/${this.id}`, this._storeUrl) : null;
+    },
+    hasStoreListing: function() {
+      return !!this.id;
+    },
+    isPluginInstalled: function() {
+      return !!this.name;
+    }
+  },
+  created: function() {
+    this._api.get_setting(at).then((e) => this._storeUrl = e);
+  }
+}, rt = {
+  mixins: [j],
+  props: {
+    modelValue: Boolean
+  },
+  emits: ["triggerInstall", "triggerUninstall", "update:modelValue"],
+  data() {
+    return {
+      showDialog: !1,
+      showCopiedTooltip: !1
+    };
+  },
+  computed: {
+    isDialogOpen: {
+      get: function() {
+        return this.modelValue || this.showDialog;
+      },
+      set: function(e) {
+        this.showDialog = e, this.$emit("update:modelValue", e);
+      }
+    }
+  },
+  methods: {
+    openDialog: function() {
+      this.isDialogOpen = !0;
+    },
+    install: function() {
+      this.$emit("triggerInstall", this.gemUrl);
+    },
+    uninstall: function() {
+      this.$emit("triggerUninstall", this.gemUrl);
+    },
+    copyChecksum: function() {
+      navigator.clipboard.writeText(this.checksum), this.showCopiedTooltip = !0, setTimeout(() => {
+        this.showCopiedTooltip = !1;
+      }, 1e3);
+    }
+  }
+}, ut = ["textContent"], dt = { key: 0 }, ct = ["textContent"], pt = { class: "mt-3 text-caption font-italic" };
+function gt(e, t, a, m, i, o) {
+  const c = l("v-spacer"), d = l("v-btn"), p = l("v-tooltip"), y = l("v-toolbar"), v = l("v-badge"), k = l("v-card-subtitle"), C = l("v-img"), h = l("v-text-field"), S = l("v-card-text"), _ = l("v-card-actions"), I = l("v-card"), w = l("v-dialog");
+  return g(), P(O, null, [
+    tt(e.$slots, "activator", {
+      props: { onClick: o.openDialog }
+    }),
+    n(w, {
+      modelValue: o.isDialogOpen,
+      "onUpdate:modelValue": t[2] || (t[2] = (D) => o.isDialogOpen = D),
+      "max-width": "500"
+    }, {
+      default: s(() => [
+        n(I, null, {
+          default: s(() => [
+            n(y, { height: "24" }, {
+              default: s(() => [
+                n(c),
+                r("span", {
+                  textContent: f(e.title)
+                }, null, 8, ut),
+                n(c),
+                n(p, { location: "top" }, {
+                  activator: s(({ props: D }) => [
+                    r("div", R(B(D)), [
+                      n(d, {
+                        href: e.storeLink,
+                        target: "_blank",
+                        icon: "mdi-open-in-new",
+                        size: "small",
+                        variant: "plain"
+                      }, null, 8, ["href"])
+                    ], 16)
+                  ]),
+                  default: s(() => [
+                    t[3] || (t[3] = r("span", null, " View at store.openc3.com ", -1))
+                  ]),
+                  _: 1,
+                  __: [3]
+                })
+              ]),
+              _: 1
+            }),
+            n(k, { class: "d-flex align-center justify-content-space-between" }, {
+              default: s(() => [
+                r("div", null, f(e.author), 1),
+                n(c),
+                e.verified ? (g(), P("div", dt, [
+                  t[4] || (t[4] = x(" Verified ", -1)),
+                  n(v, {
+                    inline: "",
+                    icon: "mdi-shield-check",
+                    color: "success"
+                  })
+                ])) : V("", !0)
+              ]),
+              _: 1
+            }),
+            n(S, null, {
+              default: s(() => [
+                e.image_url ? (g(), b(C, {
+                  key: 0,
+                  src: e.image_url
+                }, null, 8, ["src"])) : V("", !0),
+                r("div", {
+                  textContent: f(e.description)
+                }, null, 8, ct),
+                r("div", pt, "License: " + f(e.license), 1),
+                n(h, {
+                  modelValue: e.checksum,
+                  "onUpdate:modelValue": t[1] || (t[1] = (D) => e.checksum = D),
+                  label: "SHA256",
+                  variant: "solo",
+                  density: "compact",
+                  "hide-details": "",
+                  readonly: ""
+                }, {
+                  append: s(() => [
+                    n(p, {
+                      modelValue: i.showCopiedTooltip,
+                      "onUpdate:modelValue": t[0] || (t[0] = (D) => i.showCopiedTooltip = D),
+                      location: "top",
+                      "open-on-hover": !1
+                    }, {
+                      activator: s(({ props: D }) => [
+                        n(d, U(D, {
+                          icon: "mdi-content-copy",
+                          variant: "text",
+                          density: "compact",
+                          onClick: o.copyChecksum
+                        }), null, 16, ["onClick"])
+                      ]),
+                      default: s(() => [
+                        t[5] || (t[5] = r("span", null, "Copied!", -1))
+                      ]),
+                      _: 1,
+                      __: [5]
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(_, { class: "justify-start px-6" }, {
+              default: s(() => [
+                e.isPluginInstalled ? (g(), b(d, {
+                  key: 0,
+                  text: "Uninstall",
+                  "append-icon": "mdi-puzzle-remove",
+                  variant: "outlined",
+                  color: "red",
+                  onClick: o.uninstall
+                }, null, 8, ["onClick"])) : (g(), b(d, {
+                  key: 1,
+                  text: "Install",
+                  "append-icon": "mdi-puzzle-plus",
+                  variant: "elevated",
+                  onClick: o.install
+                }, null, 8, ["onClick"])),
+                n(d, {
+                  text: "Repository",
+                  "append-icon": "mdi-open-in-new",
+                  variant: "outlined",
+                  href: e.repository,
+                  target: "_blank"
+                }, null, 8, ["href"]),
+                n(d, {
+                  text: "Homepage",
+                  "append-icon": "mdi-open-in-new",
+                  variant: "outlined",
+                  href: e.homepage,
+                  target: "_blank"
+                }, null, 8, ["href"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ], 64);
+}
+const H = /* @__PURE__ */ N(rt, [["render", gt]]), mt = {
+  components: {
+    PluginDetailsDialog: H
+  },
+  mixins: [j],
+  emits: ["triggerInstall"],
+  methods: {
+    install: function() {
+      this.$emit("triggerInstall", this.plugin);
+    }
+  }
+}, ht = ["textContent"];
+function _t(e, t, a, m, i, o) {
+  const c = l("v-spacer"), d = l("v-badge"), p = l("v-card-title"), y = l("v-card-subtitle"), v = l("v-img"), k = l("v-card-text"), C = l("v-btn"), h = l("v-card-actions"), S = l("v-card"), _ = l("plugin-details-dialog");
+  return g(), b(_, U(e.plugin, { onTriggerInstall: o.install }), {
+    activator: s(({ props: I }) => [
+      n(S, U(I, {
+        height: "350",
+        class: "d-flex flex-column"
+      }), {
+        default: s(() => [
+          n(p, { class: "d-flex align-center justify-content-space-between" }, {
+            default: s(() => [
+              x(f(e.title) + " ", 1),
+              n(c),
+              e.verified ? (g(), b(d, {
+                key: 0,
+                inline: "",
+                icon: "mdi-shield-check",
+                color: "success"
+              })) : V("", !0)
+            ]),
+            _: 1
+          }),
+          n(y, { class: "d-flex align-center justify-content-space-between" }, {
+            default: s(() => [
+              r("div", null, f(e.author), 1)
+            ]),
+            _: 1
+          }),
+          n(k, null, {
+            default: s(() => [
+              e.image_url ? (g(), b(v, {
+                key: 0,
+                src: e.image_url,
+                "max-height": "160"
+              }, null, 8, ["src"])) : V("", !0),
+              r("div", {
+                class: L({
+                  "truncate-description": !0,
+                  "truncate-2": !!e.image_url,
+                  "truncate-10": !e.image_url
+                }),
+                textContent: f(e.description)
+              }, null, 10, ht)
+            ]),
+            _: 1
+          }),
+          n(c),
+          n(h, { class: "flex-wrap" }, {
+            default: s(() => [
+              n(C, {
+                text: "Install",
+                "append-icon": "mdi-puzzle-plus",
+                variant: "elevated",
+                onClick: F(o.install, ["stop"])
+              }, null, 8, ["onClick"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 2
+      }, 1040)
+    ]),
+    _: 1
+  }, 16, ["onTriggerInstall"]);
+}
+const ft = /* @__PURE__ */ N(mt, [["render", _t], ["__scopeId", "data-v-83d9d7a7"]]), E = "store_url", z = "DEFAULT", vt = {
+  mixins: [it],
+  props: {
+    modelValue: Boolean
+  },
+  emits: ["update:modelValue", "update:storeUrl"],
+  data() {
+    return {
+      showDialog: !1,
+      storeUrl: "",
+      rules: {
+        required: (e) => !!e || "Required",
+        url: (e) => {
+          try {
+            new URL(e);
+          } catch {
+            return "Not a valid URL";
+          }
+          return !0;
+        }
+      }
+    };
+  },
+  watch: {
+    modelValue: function(e) {
+      e && (this.showDialog = e);
+    },
+    showDialog: function(e) {
+      e || this.$emit("update:modelValue", e);
+    }
+  },
+  created: function() {
+    this.loadSetting(E, { scope: z });
+  },
+  methods: {
+    save() {
+      this.saveSetting(E, this.storeUrl, { scope: z }), this.$emit("update:storeUrl", this.storeUrl), this.showDialog = !1;
+    },
+    parseSetting: function(e) {
+      e ? this.storeUrl = e : this.storeUrl = "https://store.openc3.com";
+    }
+  }
+};
+function wt(e, t, a, m, i, o) {
+  const c = l("v-spacer"), d = l("v-toolbar"), p = l("v-alert"), y = l("v-text-field"), v = l("v-card-text"), k = l("v-btn"), C = l("v-card-actions"), h = l("v-card"), S = l("v-dialog");
+  return g(), b(S, {
+    modelValue: i.showDialog,
+    "onUpdate:modelValue": t[4] || (t[4] = (_) => i.showDialog = _),
+    width: "600"
+  }, {
+    default: s(() => [
+      n(d, { height: "24" }, {
+        default: s(() => [
+          n(c),
+          t[5] || (t[5] = r("span", null, "Plugin Store Settings", -1)),
+          n(c)
+        ]),
+        _: 1,
+        __: [5]
+      }),
+      n(h, { class: "pa-3" }, {
+        default: s(() => [
+          n(p, {
+            modelValue: e.errorLoading,
+            "onUpdate:modelValue": t[0] || (t[0] = (_) => e.errorLoading = _),
+            type: "error",
+            closable: "",
+            density: "compact"
+          }, {
+            default: s(() => [
+              x(" Error loading previous configuration due to " + f(e.errorText), 1)
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          n(p, {
+            modelValue: e.errorSaving,
+            "onUpdate:modelValue": t[1] || (t[1] = (_) => e.errorSaving = _),
+            type: "error",
+            closable: "",
+            density: "compact"
+          }, {
+            default: s(() => [
+              x(" Error saving due to " + f(e.errorText), 1)
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          n(p, {
+            modelValue: e.successSaving,
+            "onUpdate:modelValue": t[2] || (t[2] = (_) => e.successSaving = _),
+            type: "success",
+            closable: "",
+            density: "compact"
+          }, {
+            default: s(() => t[6] || (t[6] = [
+              x(" Saved! ", -1)
+            ])),
+            _: 1,
+            __: [6]
+          }, 8, ["modelValue"]),
+          n(v, null, {
+            default: s(() => [
+              n(y, {
+                modelValue: i.storeUrl,
+                "onUpdate:modelValue": t[3] || (t[3] = (_) => i.storeUrl = _),
+                label: "Store URL",
+                rules: [i.rules.required, i.rules.url]
+              }, null, 8, ["modelValue", "rules"])
+            ]),
+            _: 1
+          }),
+          n(C, null, {
+            default: s(() => [
+              n(k, {
+                color: "success",
+                variant: "text",
+                text: "Save",
+                "data-test": "save-store-settings-btn",
+                onClick: o.save
+              }, null, 8, ["onClick"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue"]);
+}
+const Pt = /* @__PURE__ */ N(vt, [["render", wt]]), xt = {
+  components: {
+    PluginCard: ft,
+    PluginStoreSettingsDialog: Pt
+  },
+  emits: ["close", "triggerInstall"],
+  data() {
+    return {
+      api: new A(),
+      search: "",
+      verifiedOnly: !1,
+      showSettingsDialog: !1,
+      plugins: []
+    };
+  },
+  computed: {
+    filteredPlugins: function() {
+      let e = this.plugins;
+      return this.verifiedOnly && (e = e.filter((t) => t.verified)), this.search.length && (e = e.filter(
+        (t) => t.title.toLowerCase().includes(this.search.toLowerCase())
+      )), e;
+    }
+  },
+  mounted: function() {
+    this.fetchPluginStoreData();
+  },
+  methods: {
+    fetchPluginStoreData: function() {
+      T.get("/openc3-api/pluginstore").then((e) => {
+        this.plugins = e.data;
+      });
+    },
+    close: function() {
+      this.$emit("close");
+    },
+    install: function(e) {
+      this.$emit("triggerInstall", e), this.close();
+    },
+    openSettings: function() {
+      this.showSettingsDialog = !0;
+    },
+    updatePluginStore: function() {
+      this.api.update_plugin_store().then((e) => {
+        this.fetchPluginStoreData();
+      });
+    }
+  }
+}, bt = { class: "d-flex justify-content-space-between" }, yt = { class: "d-inline-flex align-center w-100" };
+function kt(e, t, a, m, i, o) {
+  const c = l("v-spacer"), d = l("v-btn"), p = l("v-tooltip"), y = l("v-text-field"), v = l("v-switch"), k = l("plugin-card"), C = l("v-col"), h = l("v-row"), S = l("v-container"), _ = l("v-sheet"), I = l("plugin-store-settings-dialog");
+  return g(), P(O, null, [
+    n(_, {
+      class: "pb-11 pt-8 px-8",
+      height: "100%"
+    }, {
+      default: s(() => [
+        r("div", bt, [
+          t[4] || (t[4] = r("div", null, [
+            r("div", { class: "text-h3 mb-3" }, "OpenC3 Plugin Store"),
+            r("div", { class: "text-subtitle-1" }, " Browse plugins made by OpenC3 and the COSMOS community ")
+          ], -1)),
+          n(c),
+          n(d, {
+            icon: "mdi-cog",
+            variant: "text",
+            onClick: o.openSettings
+          }, null, 8, ["onClick"]),
+          n(p, { location: "top" }, {
+            activator: s(({ props: w }) => [
+              r("div", R(B(w)), [
+                n(d, {
+                  href: "https://store.openc3.com",
+                  target: "_blank",
+                  icon: "mdi-open-in-new",
+                  variant: "text",
+                  class: "mx-2"
+                })
+              ], 16)
+            ]),
+            default: s(() => [
+              t[3] || (t[3] = r("span", null, " Open store.openc3.com ", -1))
+            ]),
+            _: 1,
+            __: [3]
+          }),
+          n(d, {
+            icon: "mdi-close",
+            variant: "text",
+            onClick: o.close
+          }, null, 8, ["onClick"])
+        ]),
+        r("div", yt, [
+          n(y, {
+            modelValue: i.search,
+            "onUpdate:modelValue": t[0] || (t[0] = (w) => i.search = w),
+            label: "Search",
+            "prepend-inner-icon": "mdi-magnify",
+            clearable: "",
+            variant: "outlined",
+            density: "compact",
+            "single-line": "",
+            "hide-details": "",
+            "data-test": "search-plugin-store"
+          }, null, 8, ["modelValue"]),
+          n(v, {
+            modelValue: i.verifiedOnly,
+            "onUpdate:modelValue": t[1] || (t[1] = (w) => i.verifiedOnly = w),
+            label: "Verified only",
+            density: "compact",
+            "hide-details": "",
+            class: "ml-4"
+          }, null, 8, ["modelValue"])
+        ]),
+        n(c),
+        t[5] || (t[5] = r("span", { class: "" }, " Click on a plugin to see more information about it ", -1)),
+        n(S, null, {
+          default: s(() => [
+            n(h, null, {
+              default: s(() => [
+                (g(!0), P(O, null, M(o.filteredPlugins, (w) => (g(), b(C, {
+                  key: w.id,
+                  cols: "4"
+                }, {
+                  default: s(() => [
+                    n(k, U({ ref_for: !0 }, w, { onTriggerInstall: o.install }), null, 16, ["onTriggerInstall"])
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1,
+      __: [5]
+    }),
+    n(I, {
+      modelValue: i.showSettingsDialog,
+      "onUpdate:modelValue": t[2] || (t[2] = (w) => i.showSettingsDialog = w),
+      "onUpdate:storeUrl": o.updatePluginStore
+    }, null, 8, ["modelValue", "onUpdate:storeUrl"])
+  ], 64);
+}
+const Ct = /* @__PURE__ */ N(xt, [["render", kt]]), St = {
+  components: {
+    // PluginCard,
+    PluginDetailsDialog: H
+  },
+  mixins: [j],
+  props: {
+    targets: {
+      type: Array,
+      default: () => []
+    },
+    isModified: Boolean
+  },
+  emits: ["edit", "delete", "upgrade", "showDetails"],
+  data() {
+    return {
+      showCard: !1
+    };
+  },
+  computed: {
+    displayTitle: function() {
+      return this.title ? this.title : this.name.replace(/^openc3-cosmos-/, "").replace(/-?\d+\.\d+\.\d+(?:\.pre\.beta\d+\.\d+)?\.gem(?:__\d+)?$/, "");
+    }
+  },
+  methods: {
+    openDetails: function() {
+      this.hasStoreListing && (this.showCard = !0);
+    },
+    downloadPlugin: function() {
+      T.post(`/openc3-api/packages/${this.name}/download`).then(
+        (e) => {
+          const t = window.atob(e.data.contents), a = new Uint8Array(t.length);
+          for (let o = 0; o < t.length; ++o)
+            a[o] = t.charCodeAt(o);
+          const m = new Blob([a], { type: "application/zip" }), i = document.createElement("a");
+          i.href = URL.createObjectURL(m), i.setAttribute("download", e.data.filename), i.click();
+        }
+      );
+    },
+    downloadTarget: function(e) {
+      T.post(`/openc3-api/targets/${e}/download`).then((t) => {
+        const a = window.atob(t.data.contents), m = new Uint8Array(a.length);
+        for (let c = 0; c < a.length; ++c)
+          m[c] = a.charCodeAt(c);
+        const i = new Blob([m], { type: "application/zip" }), o = document.createElement("a");
+        o.href = URL.createObjectURL(i), o.setAttribute("download", t.data.filename), o.click();
+      });
+    },
+    edit: function() {
+      this.$emit("edit");
+    },
+    upgrade: function() {
+      this.$emit("upgrade");
+    },
+    deletePrompt: function() {
+      this.showCard = !1, this.$emit("delete");
+    }
+  }
+}, Dt = ["textContent"], Tt = { class: "text-subtitle-2 v-list-item-subtitle pl-0" }, Vt = { key: 0 }, Ut = ["onClick", "textContent"], It = ["textContent"];
+function Ot(e, t, a, m, i, o) {
+  var C;
+  const c = l("v-img"), d = l("v-icon"), p = l("v-list-item"), y = l("v-list"), v = l("v-menu"), k = l("plugin-details-dialog");
+  return g(), P(O, null, [
+    r("tr", {
+      class: L({ "cursor-pointer": e.hasStoreListing }),
+      "data-test": "plugin-list-item",
+      onClick: t[0] || (t[0] = (...h) => o.openDetails && o.openDetails(...h))
+    }, [
+      r("td", null, [
+        e.image_url ? (g(), b(c, {
+          key: 0,
+          src: e.image_url,
+          "max-height": "56",
+          "min-width": "56"
+        }, null, 8, ["src"])) : V("", !0)
+      ]),
+      r("td", null, [
+        r("div", {
+          class: "text-h6",
+          textContent: f(o.displayTitle)
+        }, null, 8, Dt),
+        r("div", Tt, [
+          a.isModified ? (g(), P(O, { key: 0 }, [
+            x(" * ")
+          ], 64)) : V("", !0),
+          x(" " + f(e.name), 1)
+        ]),
+        (C = a.targets) != null && C.length ? (g(), P("div", Vt, [
+          (g(!0), P(O, null, M(a.targets, (h, S) => (g(), P("span", {
+            key: S,
+            class: "mr-2"
+          }, [
+            h.modified ? (g(), P("a", {
+              key: 0,
+              style: { cursor: "pointer" },
+              onClick: F((_) => o.downloadTarget(h.name), ["prevent"]),
+              textContent: f(h.name)
+            }, null, 8, Ut)) : (g(), P("span", {
+              key: 1,
+              textContent: f(h.name)
+            }, null, 8, It))
+          ]))), 128))
+        ])) : V("", !0)
+      ]),
+      r("td", null, [
+        n(v, null, {
+          activator: s(({ props: h }) => [
+            n(d, U(h, {
+              icon: "mdi-dots-horizontal",
+              "data-test": "plugin-actions"
+            }), null, 16)
+          ]),
+          default: s(() => [
+            n(y, null, {
+              default: s(() => [
+                n(p, {
+                  title: "Download",
+                  "prepend-icon": "mdi-download",
+                  "data-test": "download-plugin",
+                  onClick: o.downloadPlugin
+                }, null, 8, ["onClick"]),
+                n(p, {
+                  title: "Edit Details",
+                  "prepend-icon": "mdi-pencil",
+                  "data-test": "edit-plugin",
+                  onClick: o.edit
+                }, null, 8, ["onClick"]),
+                n(p, {
+                  title: "Upgrade",
+                  "prepend-icon": "mdi-update",
+                  "data-test": "upgrade-plugin",
+                  onClick: o.upgrade
+                }, null, 8, ["onClick"]),
+                n(p, {
+                  title: "Delete",
+                  "prepend-icon": "mdi-delete",
+                  "data-test": "delete-plugin",
+                  onClick: o.deletePrompt
+                }, null, 8, ["onClick"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ])
+    ], 2),
+    n(k, U({
+      modelValue: i.showCard,
+      "onUpdate:modelValue": t[1] || (t[1] = (h) => i.showCard = h)
+    }, e.plugin, { onTriggerUninstall: o.deletePrompt }), null, 16, ["modelValue", "onTriggerUninstall"])
+  ], 64);
+}
+const Nt = /* @__PURE__ */ N(St, [["render", Ot]]), At = {
+  components: {
+    PluginDialog: lt,
+    PluginListItem: Nt,
+    PluginStore: Ct,
+    ModifiedPluginDialog: nt,
+    SimpleTextDialog: et
+  },
+  data() {
+    return {
+      api: new A(),
+      file: null,
+      currentPlugin: null,
+      showPluginDetails: !1,
+      detailPlugin: null,
+      plugins: [],
+      targets: {},
+      processes: {},
+      alert: "",
+      alertType: "success",
+      showAlert: !1,
+      pluginName: null,
+      variables: {},
+      storeId: null,
+      pluginTxt: "",
+      pluginHashTmp: null,
+      existingPluginTxt: null,
+      showDownloadDialog: !1,
+      showProcessOutput: !1,
+      processOutput: "",
+      showPluginStore: !1,
+      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-cosmos-tool-systemhealth",
+        // Enterprise only
+        "openc3-enterprise-tool-base",
+        // Enterprise only
+        "openc3-tool-base"
+      ]
+    };
+  },
+  computed: {
+    shownPlugins() {
+      const e = [], t = [];
+      return this.plugins.forEach((a) => {
+        const o = a.name.split("__")[0].split("-").slice(0, -1).join("-");
+        this.defaultPlugins.includes(o) ? t.push(a) : e.push(a);
+      }), e.sort(
+        (a, m) => a.name < m.name ? -1 : a.name > m.name ? 1 : 0
+      ), this.showDefaultTools ? (t.sort(
+        (a, m) => a.name < m.name ? -1 : a.name > m.name ? 1 : 0
+      ), e.concat(t)) : e;
+    }
+  },
+  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);
+    }
+  },
+  created() {
+    this.api.update_plugin_store();
+  },
+  mounted() {
+    this.update(), this.updateProcesses();
+    const e = this;
+    window.onpopstate = function() {
+      e.showPluginStore && (e.showPluginStore = !1, history.go(1));
+    };
+  },
+  methods: {
+    showDetails: function(e) {
+      this.detailPlugin = e, this.showPluginDetails = !0;
+    },
+    pluginTargets: function(e) {
+      let t = [];
+      for (const a in this.targets)
+        this.targets[a].plugin === e && t.push(this.targets[a]);
+      return t;
+    },
+    isModified: function(e) {
+      return Object.entries(this.targets).some(([t, a]) => a.plugin === e && a.modified === !0);
+    },
+    showOutput: function(e) {
+      this.processOutput = e.output, this.showProcessOutput = !0;
+    },
+    update: function() {
+      T.get("/openc3-api/plugins/all").then((e) => {
+        this.plugins = Object.entries(e.data).map(
+          ([t, a]) => a
+        );
+      }), T.get("/openc3-api/targets_modified").then((e) => {
+        this.targets = e.data;
+      });
+    },
+    updateProcesses: function() {
+      T.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 ot(
+        st(parseInt(e) / 1e6),
+        "yyyy-MM-dd HH:mm:ss.SSS"
+      );
+    },
+    upload: function(e = null, t = null) {
+      const a = e ? "put" : "post", m = e ? `/openc3-api/plugins/${e}` : "/openc3-api/plugins", i = new FormData();
+      t === null ? i.append("plugin", this.file, this.file.name) : i.append("store_id", t.id);
+      let o = this;
+      T[a](m, {
+        data: i,
+        headers: { "Content-Type": "multipart/form-data" },
+        onUploadProgress: function(d) {
+          let p = Math.round(
+            d.loaded * 100 / d.total
+          );
+          o.progress = p;
+        }
+      }).then((d) => {
+        this.progress = 100, this.alert = "Uploaded file", this.alertType = "success", this.showAlert = !0, setTimeout(() => {
+          this.showAlert = !1;
+        }, 5e3), this.update();
+        let p = null;
+        d.data.existing_plugin_txt_lines !== void 0 && (p = d.data.existing_plugin_txt_lines.join(`
+`));
+        let y = d.data.plugin_txt_lines.join(`
+`);
+        this.pluginName = d.data.name, this.variables = d.data.variables, this.storeId = d.data.store_id, this.pluginTxt = y, this.existingPluginTxt = p, this.showPluginDialog = !0, this.file = void 0;
+      }).catch((d) => {
+        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 T.post(`/openc3-api/targets/${t.name}/delete_modified`);
+      this.pluginDelete ? this.deletePlugin(this.currentPlugin) : this.pluginInstall();
+    },
+    pluginInstall: function() {
+      T.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, this.storeId = null, setTimeout(() => {
+          this.showAlert = !1, this.updateProcesses();
+        }, 5e3), this.update();
+      });
+    },
+    editPlugin: function(e) {
+      T.get(`/openc3-api/plugins/${e}`).then((t) => {
+        let a = null;
+        t.data.existing_plugin_txt_lines !== void 0 && (a = t.data.existing_plugin_txt_lines.join(`
+`)), this.pluginName = t.data.name, this.variables = t.data.variables, this.pluginTxt = t.data.plugin_txt_lines.join(`
+`), this.existingPluginTxt = a, 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, T.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((a) => {
+            });
+          else {
+            let a = this.file.name.split("-"), m = a.findIndex((c) => c.includes(".")), i = a.slice(0, m).join("-");
+            a = this.currentPlugin.split("-"), m = a.findIndex((c) => c.includes("."));
+            let o = a.slice(0, m).join("-");
+            i !== o ? this.$dialog.confirm(
+              `The new gem base name ${i} doesn't match the existing ${o}. Install?`,
+              {
+                okText: "Ok",
+                cancelText: "Cancel"
+              }
+            ).then(() => {
+              this.upload(this.currentPlugin);
+            }) : this.upload(this.currentPlugin);
+          }
+        else
+          this.upload();
+      else
+        this.$refs.fileInput.value = null;
+    },
+    openStore() {
+      this.showPluginStore = !0;
+    }
+  }
+}, Lt = { class: "mt-2" }, Mt = ["textContent"], jt = ["textContent"];
+function Et(e, t, a, m, i, o) {
+  const c = l("v-btn"), d = l("v-icon"), p = l("v-col"), y = l("rux-progress"), v = l("v-row"), k = l("v-divider"), C = l("v-alert"), h = l("v-list-item-title"), S = l("v-list-item-subtitle"), _ = l("v-progress-circular"), I = l("v-tooltip"), w = l("v-list-item"), D = l("v-list"), q = l("v-switch"), G = l("plugin-list-item"), J = l("v-data-table"), K = l("plugin-card"), Q = l("plugin-dialog"), W = l("modified-plugin-dialog"), X = l("simple-text-dialog"), Y = l("plugin-store"), Z = l("v-bottom-sheet");
+  return g(), P("div", null, [
+    n(v, {
+      "no-gutters": "",
+      align: "center",
+      class: "px-2"
+    }, {
+      default: s(() => [
+        n(p, { class: "pa-2 mt-2" }, {
+          default: s(() => [
+            n(c, {
+              "append-icon": "mdi-store",
+              onClick: o.openStore
+            }, {
+              default: s(() => t[9] || (t[9] = [
+                x(" Browse Plugins ", -1)
+              ])),
+              _: 1,
+              __: [9]
+            }, 8, ["onClick"]),
+            n(c, {
+              "append-icon": "mdi-paperclip",
+              class: "mx-2",
+              onClick: o.selectFile
+            }, {
+              default: s(() => t[10] || (t[10] = [
+                x(" Install From File ", -1)
+              ])),
+              _: 1,
+              __: [10]
+            }, 8, ["onClick"]),
+            r("input", {
+              ref: "fileInput",
+              style: { display: "none" },
+              type: "file",
+              onChange: t[0] || (t[0] = (...u) => o.fileChange && o.fileChange(...u))
+            }, null, 544),
+            t[14] || (t[14] = r("br", null, null, -1)),
+            r("p", Lt, [
+              t[12] || (t[12] = x(" Note: Use ", -1)),
+              n(d, null, {
+                default: s(() => t[11] || (t[11] = [
+                  x(" mdi-dots-horizontal ", -1)
+                ])),
+                _: 1,
+                __: [11]
+              }),
+              t[13] || (t[13] = x(" in the Installed Plugins list to upgrade existing plugins ", -1))
+            ])
+          ]),
+          _: 1,
+          __: [14]
+        }),
+        n(p, {
+          class: "ml-4 mr-2",
+          cols: "4"
+        }, {
+          default: s(() => [
+            n(y, { value: i.progress }, null, 8, ["value"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }),
+    n(v, {
+      "no-gutters": "",
+      class: "px-2"
+    }, {
+      default: s(() => [
+        n(p, {
+          align: "right",
+          class: "mr-2"
+        }, {
+          default: s(() => t[15] || (t[15] = [
+            r("div", null, "* indicates a modified plugin", -1),
+            r("div", null, "Click target link to download modifications", -1)
+          ])),
+          _: 1,
+          __: [15]
+        })
+      ]),
+      _: 1
+    }),
+    n(k),
+    n(C, {
+      modelValue: i.showAlert,
+      "onUpdate:modelValue": t[1] || (t[1] = (u) => i.showAlert = u),
+      closable: "",
+      type: i.alertType,
+      text: i.alert,
+      "data-test": "plugin-alert"
+    }, null, 8, ["modelValue", "type", "text"]),
+    Object.keys(i.processes).length > 0 ? (g(), b(D, {
+      key: 0,
+      class: "list",
+      "data-test": "process-list"
+    }, {
+      default: s(() => [
+        n(v, {
+          "no-gutters": "",
+          class: "px-4"
+        }, {
+          default: s(() => [
+            n(p, { class: "text-h5" }, {
+              default: s(() => t[16] || (t[16] = [
+                x(" Process List ", -1)
+              ])),
+              _: 1,
+              __: [16]
+            }),
+            n(p, { align: "right" }, {
+              default: s(() => t[17] || (t[17] = [
+                r("div", null, "Showing last 10 min of activity", -1)
+              ])),
+              _: 1,
+              __: [17]
+            })
+          ]),
+          _: 1
+        }),
+        (g(!0), P(O, null, M(i.processes, (u) => (g(), P("div", {
+          key: u.name
+        }, [
+          n(w, null, {
+            append: s(() => [
+              u.state === "Running" ? (g(), b(_, {
+                key: 0,
+                indeterminate: "",
+                color: "primary"
+              })) : (g(), b(I, {
+                key: 1,
+                "open-delay": 600,
+                location: "top"
+              }, {
+                activator: s(({ props: $ }) => [
+                  n(c, U({ ref_for: !0 }, $, {
+                    icon: "mdi-eye",
+                    variant: "text",
+                    "aria-label": "Show Output",
+                    "data-test": "show-output",
+                    onClick: (zt) => o.showOutput(u)
+                  }), null, 16, ["onClick"])
+                ]),
+                default: s(() => [
+                  t[18] || (t[18] = r("span", null, " Show Output ", -1))
+                ]),
+                _: 2,
+                __: [18]
+              }, 1024))
+            ]),
+            default: s(() => [
+              n(h, null, {
+                default: s(() => [
+                  r("span", {
+                    class: L(u.state.toLowerCase()),
+                    textContent: f(
+                      `Processing ${u.process_type}: ${u.detail} - ${u.state}`
+                    )
+                  }, null, 10, Mt)
+                ]),
+                _: 2
+              }, 1024),
+              n(S, null, {
+                default: s(() => [
+                  r("span", {
+                    textContent: f(" Updated At: " + o.formatDate(u.updated_at))
+                  }, null, 8, jt)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1024),
+          n(k)
+        ]))), 128))
+      ]),
+      _: 1
+    })) : V("", !0),
+    n(v, {
+      "no-gutters": "",
+      class: "px-4"
+    }, {
+      default: s(() => [
+        n(p, { class: "text-h5" }, {
+          default: s(() => t[19] || (t[19] = [
+            x(" Installed Plugins ", -1)
+          ])),
+          _: 1,
+          __: [19]
+        }),
+        n(p, { class: "v-col-auto" }, {
+          default: s(() => [
+            n(q, {
+              modelValue: i.showDefaultTools,
+              "onUpdate:modelValue": t[2] || (t[2] = (u) => i.showDefaultTools = u),
+              label: "Show Default Tools",
+              density: "compact",
+              "hide-details": "",
+              "data-test": "show-default-tools"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }),
+    n(J, {
+      headers: [],
+      items: o.shownPlugins,
+      density: "compact",
+      class: "list",
+      "data-test": "plugin-list"
+    }, {
+      item: s(({ item: u }) => [
+        n(G, U(u, {
+          targets: o.pluginTargets(u.name),
+          "is-modified": o.isModified(u.name),
+          onEdit: () => o.editPlugin(u.name),
+          onUpgrade: () => o.upgradePlugin(u.name),
+          onDelete: () => o.deletePrompt(u.name),
+          onShowDetails: o.showDetails
+        }), null, 16, ["targets", "is-modified", "onEdit", "onUpgrade", "onDelete", "onShowDetails"])
+      ]),
+      _: 1
+    }, 8, ["items"]),
+    n(K, U(i.detailPlugin, {
+      "hide-activator": "",
+      "show-dailog": i.showPluginDetails
+    }), null, 16, ["show-dailog"]),
+    i.showPluginDialog ? (g(), b(Q, {
+      key: 1,
+      modelValue: i.showPluginDialog,
+      "onUpdate:modelValue": t[3] || (t[3] = (u) => i.showPluginDialog = u),
+      "plugin-name": i.pluginName,
+      variables: i.variables,
+      "plugin-txt": i.pluginTxt,
+      "existing-plugin-txt": i.existingPluginTxt,
+      "store-id": i.storeId,
+      onCallback: o.pluginCallback
+    }, null, 8, ["modelValue", "plugin-name", "variables", "plugin-txt", "existing-plugin-txt", "store-id", "onCallback"])) : V("", !0),
+    i.showModifiedPluginDialog ? (g(), b(W, {
+      key: 2,
+      modelValue: i.showModifiedPluginDialog,
+      "onUpdate:modelValue": t[4] || (t[4] = (u) => i.showModifiedPluginDialog = u),
+      "plugin-name": i.currentPlugin,
+      targets: o.pluginTargets(i.currentPlugin),
+      "plugin-delete": i.pluginDelete,
+      onSubmit: o.modifiedSubmit
+    }, null, 8, ["modelValue", "plugin-name", "targets", "plugin-delete", "onSubmit"])) : V("", !0),
+    n(X, {
+      modelValue: i.showProcessOutput,
+      "onUpdate:modelValue": t[5] || (t[5] = (u) => i.showProcessOutput = u),
+      title: "Process Output",
+      text: i.processOutput
+    }, null, 8, ["modelValue", "text"]),
+    n(Z, {
+      modelValue: i.showPluginStore,
+      "onUpdate:modelValue": t[8] || (t[8] = (u) => i.showPluginStore = u),
+      fullscreen: ""
+    }, {
+      default: s(() => [
+        n(Y, {
+          onClose: t[6] || (t[6] = () => i.showPluginStore = !1),
+          onTriggerInstall: t[7] || (t[7] = (u) => o.upload(null, u))
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const Qt = /* @__PURE__ */ N(At, [["render", Et], ["__scopeId", "data-v-c0cc521f"]]);
+export {
+  Qt as default
+};
+//# sourceMappingURL=PluginsTab-CZApRILr.js.map