@openc3/vue-common 6.6.0 → 6.8.0

package/dist/PluginsTab-CayzDij0.js

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