@gameap/frontend 4.1.0-dev1 → 4.1.0-dev11

package/dist/AdminPluginsView-CRjF3BPs.js

@@ -0,0 +1,984 @@
+import { ref as y, computed as z, onMounted as le, onUnmounted as ce, watch as he, createElementBlock as m, openBlock as o, createCommentVNode as x, createVNode as r, unref as t, createElementVNode as u, createBlock as T, toDisplayString as a, Fragment as ae, renderList as ye, normalizeStyle as _e, normalizeClass as oe, withCtx as k, createTextVNode as I, h as i } from "vue";
+import { b as E, q as be, l as X, a as p, t as s, _ as $, e as q, m as ke, n as Q } from "./index-9fvX7FD-.js";
+import { defineStore as we, storeToRefs as Pe } from "pinia";
+import { NSelect as Ce, NModal as de, NTabs as Se, NTabPane as ue, NDataTable as se, NEmpty as re, NPagination as $e, NSpin as ze } from "naive-ui";
+const Ue = we("pluginStore", () => {
+  const n = y([]), b = y(1), h = y(0), w = y(1), v = y(15), V = y([]), C = y([]), U = y(null), D = y([]), F = y(1), j = y(1), f = y(0), N = z(() => f.value > 0), c = z(
+    () => n.value.filter((l) => l.installed === !0)
+  ), d = z(
+    () => n.value.filter(
+      (l) => l.installed === !0 && l.installed_version && l.latest_version && l.installed_version !== l.latest_version
+    )
+  ), _ = z(
+    () => V.value.map((l) => ({
+      label: l.name,
+      value: l.slug
+    }))
+  ), B = z(
+    () => C.value.map((l) => ({
+      label: l.name,
+      value: l.slug,
+      color: l.color
+    }))
+  ), M = (l = {}) => ({
+    ...l,
+    lang: be()
+  });
+  async function Y() {
+    f.value++;
+    try {
+      const l = await E.get("/api/plugin-store/categories", {
+        params: M()
+      });
+      V.value = l.data;
+    } finally {
+      f.value--;
+    }
+  }
+  async function Z() {
+    f.value++;
+    try {
+      const l = await E.get("/api/plugin-store/labels", {
+        params: M()
+      });
+      C.value = l.data;
+    } finally {
+      f.value--;
+    }
+  }
+  async function ee(l = {}) {
+    f.value++;
+    try {
+      const P = M({
+        page: l.page || b.value,
+        per_page: l.perPage || v.value
+      });
+      l.category && (P.category = l.category), l.label && (P.label = l.label), l.search && (P.search = l.search);
+      const S = await E.get("/api/plugin-store/plugins", { params: P });
+      n.value = S.data.data, b.value = S.data.current_page, h.value = S.data.total, w.value = S.data.last_page;
+    } finally {
+      f.value--;
+    }
+  }
+  async function te(l) {
+    f.value++;
+    try {
+      const P = await E.get(`/api/plugin-store/plugins/${l}`, {
+        params: M()
+      });
+      U.value = P.data;
+    } finally {
+      f.value--;
+    }
+  }
+  async function O(l, P = 1) {
+    f.value++;
+    try {
+      const S = await E.get(`/api/plugin-store/plugins/${l}/versions`, {
+        params: M({
+          page: P,
+          per_page: 20
+        })
+      });
+      D.value = S.data.data, F.value = S.data.current_page, j.value = S.data.last_page;
+    } finally {
+      f.value--;
+    }
+  }
+  async function ne(l, P = null) {
+    f.value++;
+    try {
+      const S = P ? { version: P } : {};
+      return (await E.post(`/api/plugin-store/plugins/${l}/install`, S, {
+        params: M()
+      })).data;
+    } finally {
+      f.value--;
+    }
+  }
+  async function W(l, P = null) {
+    f.value++;
+    try {
+      const S = P ? { version: P } : {};
+      return (await E.post(`/api/plugin-store/plugins/${l}/update`, S, {
+        params: M()
+      })).data;
+    } finally {
+      f.value--;
+    }
+  }
+  async function A(l) {
+    f.value++;
+    try {
+      return (await E.delete(`/api/plugin-store/plugins/${l}`, {
+        params: M()
+      })).data;
+    } finally {
+      f.value--;
+    }
+  }
+  function R() {
+    U.value = null, D.value = [], F.value = 1, j.value = 1;
+  }
+  return {
+    // State
+    plugins: n,
+    currentPage: b,
+    total: h,
+    lastPage: w,
+    perPage: v,
+    categories: V,
+    labels: C,
+    currentPlugin: U,
+    currentPluginVersions: D,
+    versionsCurrentPage: F,
+    versionsLastPage: j,
+    apiProcesses: f,
+    // Getters
+    loading: N,
+    installedPlugins: c,
+    updatablePlugins: d,
+    categoryOptions: _,
+    labelOptions: B,
+    // Actions
+    fetchCategories: Y,
+    fetchLabels: Z,
+    fetchPlugins: ee,
+    fetchPluginDetails: te,
+    fetchPluginVersions: O,
+    installPlugin: ne,
+    updatePlugin: W,
+    uninstallPlugin: A,
+    clearCurrentPlugin: R
+  };
+}), Ne = { class: "plugin-details" }, De = {
+  key: 0,
+  class: "flex justify-center py-8"
+}, Me = { key: 1 }, Ve = { class: "flex items-start gap-4 mb-4" }, Le = ["src", "alt"], Te = { class: "flex-1" }, qe = { class: "flex items-center gap-2 flex-wrap" }, je = { class: "text-xl font-bold whitespace-nowrap" }, Ee = ["href"], Fe = {
+  key: 2,
+  class: "hidden md:inline px-2 py-0.5 text-xs font-medium rounded-full bg-lime-100 text-lime-800 dark:bg-lime-900 dark:text-lime-300 whitespace-nowrap"
+}, Be = {
+  key: 0,
+  class: "mb-4 text-stone-600 dark:text-stone-400"
+}, Ie = {
+  key: 1,
+  class: "hidden md:flex gap-1 mt-1"
+}, Oe = { class: "flex items-center gap-2 mt-2" }, We = { class: "text-orange-500 text-lg" }, Ae = ["href"], Re = {
+  key: 1,
+  class: "text-stone-500"
+}, Ge = { class: "flex flex-col md:flex-row items-end md:items-center gap-2" }, He = { class: "flex justify-around py-4 border-t border-b border-stone-200 dark:border-stone-700 mb-4 divide-x divide-stone-100 dark:divide-stone-700" }, Ke = {
+  key: 0,
+  class: "flex flex-col items-center text-center px-4"
+}, Je = { class: "text-sm font-medium whitespace-nowrap" }, Qe = { class: "text-xs text-stone-500" }, Xe = {
+  key: 1,
+  class: "flex flex-col items-center text-center px-4"
+}, Ye = { class: "text-sm font-medium whitespace-nowrap" }, Ze = { class: "text-xs text-stone-500" }, et = {
+  key: 2,
+  class: "flex flex-col items-center text-center px-4"
+}, tt = { class: "text-sm font-medium whitespace-nowrap" }, nt = { class: "text-xs text-stone-500" }, st = {
+  key: 3,
+  class: "hidden md:flex flex-col items-center text-center px-4"
+}, lt = { class: "text-sm font-medium whitespace-nowrap" }, at = { class: "text-xs text-stone-500" }, it = {
+  key: 4,
+  class: "hidden md:flex flex-col items-center text-center px-4"
+}, ot = { class: "text-sm font-medium whitespace-nowrap" }, ut = { class: "text-xs text-stone-500" }, rt = {
+  key: 5,
+  class: "flex flex-col items-center text-center px-4"
+}, ct = { class: "text-sm font-medium whitespace-nowrap" }, dt = { class: "text-xs text-stone-500" }, gt = {
+  key: 6,
+  class: "flex flex-col items-center text-center px-4"
+}, pt = { class: "text-sm font-medium whitespace-nowrap" }, mt = { class: "text-xs text-stone-500" }, ft = ["href"], xt = { class: "text-sm font-medium text-blue-500" }, vt = {
+  key: 0,
+  class: "mb-4"
+}, ht = { class: "font-semibold mb-2" }, yt = { class: "text-sm whitespace-pre-wrap" }, _t = {
+  key: 1,
+  class: "flex justify-center gap-6 mb-4 p-3 bg-stone-100 dark:bg-stone-800 rounded-lg"
+}, bt = { class: "flex flex-col items-center text-center" }, kt = { class: "text-sm font-medium whitespace-nowrap" }, wt = { class: "text-xs text-stone-500" }, Pt = { class: "flex flex-col items-center text-center" }, Ct = { class: "text-sm font-medium whitespace-nowrap" }, St = { class: "text-xs text-stone-500" }, $t = {
+  key: 0,
+  class: "self-center px-2 py-0.5 text-xs font-medium rounded-full bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-300"
+}, zt = {
+  __name: "PluginDetailsModal",
+  props: {
+    plugin: {
+      type: Object,
+      default: null
+    },
+    versions: {
+      type: Array,
+      default: () => []
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["install", "update", "uninstall"],
+  setup(n, { emit: b }) {
+    const h = n, w = y(null), v = y(window.innerWidth < 768), V = () => {
+      v.value = window.innerWidth < 768;
+    };
+    le(() => {
+      window.addEventListener("resize", V);
+    }), ce(() => {
+      window.removeEventListener("resize", V);
+    });
+    const C = z(() => h.plugin?.installed ? h.plugin.installed_version !== h.plugin.latest_version : !1), U = z(() => h.plugin?.requires_subscription && h.plugin?.has_subscription !== !0);
+    function D() {
+      h.plugin?.subscription_url && window.open(h.plugin.subscription_url, "_blank");
+    }
+    const F = z(() => h.versions.map((c) => ({
+      label: c.version,
+      value: c.version
+    })));
+    z(() => w.value ? h.versions.find((c) => c.version === w.value) : null), he([() => h.versions, () => h.plugin], ([c, d]) => {
+      d?.latest_version ? w.value = d.latest_version : c?.length > 0 && (w.value = c[0].version);
+    }, { immediate: !0 });
+    function j(c) {
+      const d = Math.floor(c || 0), _ = (c || 0) - d >= 0.5, B = 5 - d - (_ ? 1 : 0);
+      return "★".repeat(d) + (_ ? "½" : "") + "☆".repeat(B);
+    }
+    function f(c) {
+      return c ? c >= 1e6 ? (c / 1e6).toFixed(1) + "M" : c >= 1e3 ? (c / 1e3).toFixed(1) + "K" : c.toString() : "0";
+    }
+    function N(c) {
+      return c ? new Date(c).toLocaleDateString() : "";
+    }
+    return (c, d) => (o(), m("div", Ne, [
+      n.loading && !n.plugin ? (o(), m("div", De, [
+        r(t(X))
+      ])) : n.plugin ? (o(), m("div", Me, [
+        u("div", Ve, [
+          n.plugin.icon_url ? (o(), m("img", {
+            key: 0,
+            src: n.plugin.icon_url,
+            alt: n.plugin.name,
+            class: "w-16 h-16 rounded-lg"
+          }, null, 8, Le)) : (o(), T(t(p), {
+            key: 1,
+            name: "puzzle-piece",
+            class: "text-5xl text-stone-400"
+          })),
+          u("div", Te, [
+            u("div", qe, [
+              u("h2", je, a(n.plugin.name), 1),
+              n.plugin.requires_subscription ? (o(), T(t(p), {
+                key: 0,
+                name: "star",
+                class: "text-yellow-500"
+              })) : x("", !0),
+              n.plugin.url ? (o(), m("a", {
+                key: 1,
+                href: n.plugin.url,
+                target: "_blank",
+                class: "text-blue-500 hover:text-blue-600"
+              }, [
+                r(t(p), { name: "external-link" })
+              ], 8, Ee)) : x("", !0),
+              n.plugin.installed ? (o(), m("span", Fe, a(t(s)("plugins.already_installed")), 1)) : x("", !0)
+            ]),
+            n.plugin.summary ? (o(), m("div", Be, a(n.plugin.summary), 1)) : x("", !0),
+            n.plugin.labels?.length > 0 ? (o(), m("div", Ie, [
+              (o(!0), m(ae, null, ye(n.plugin.labels, (_) => (o(), m("span", {
+                key: _.id,
+                class: oe(["px-2 py-0.5 text-xs font-medium rounded-full", _.color ? "" : "bg-stone-100 text-stone-800 dark:bg-stone-700 dark:text-stone-300"]),
+                style: _e(_.color ? { backgroundColor: _.color, color: "#fff" } : {})
+              }, a(_.name), 7))), 128))
+            ])) : x("", !0),
+            u("div", Oe, [
+              u("span", We, a(j(n.plugin.rating_avg)), 1),
+              n.plugin.url ? (o(), m("a", {
+                key: 0,
+                href: n.plugin.url + "/reviews",
+                target: "_blank",
+                class: "text-stone-500 hover:text-blue-500 hover:underline"
+              }, " (" + a(n.plugin.rating_count || 0) + " " + a(t(s)("plugins.reviews")) + ") ", 9, Ae)) : (o(), m("span", Re, "(" + a(n.plugin.rating_count || 0) + " " + a(t(s)("plugins.reviews")) + ")", 1))
+            ])
+          ]),
+          u("div", Ge, [
+            !n.plugin.installed && U.value ? (o(), T($, {
+              key: 0,
+              color: "orange",
+              size: v.value ? "small" : "medium",
+              onClick: D
+            }, {
+              default: k(() => [
+                r(t(p), {
+                  name: "external-link",
+                  class: "mr-1"
+                }),
+                I(" " + a(t(s)("plugins.get_subscription")), 1)
+              ]),
+              _: 1
+            }, 8, ["size"])) : (o(), m(ae, { key: 1 }, [
+              !n.plugin.installed || C.value ? (o(), T(t(Ce), {
+                key: 0,
+                value: w.value,
+                "onUpdate:value": d[0] || (d[0] = (_) => w.value = _),
+                options: F.value,
+                placeholder: t(s)("plugins.select_version"),
+                style: { width: "120px" },
+                size: v.value ? "small" : "large"
+              }, null, 8, ["value", "options", "placeholder", "size"])) : x("", !0),
+              n.plugin.installed ? x("", !0) : (o(), T($, {
+                key: 1,
+                color: "green",
+                size: v.value ? "small" : "medium",
+                onClick: d[1] || (d[1] = (_) => c.$emit("install", w.value))
+              }, {
+                default: k(() => [
+                  r(t(p), {
+                    name: "download",
+                    class: "mr-1"
+                  }),
+                  I(" " + a(t(s)("plugins.install")), 1)
+                ]),
+                _: 1
+              }, 8, ["size"]))
+            ], 64)),
+            n.plugin.installed && C.value ? (o(), T($, {
+              key: 2,
+              color: "blue",
+              size: v.value ? "small" : "medium",
+              onClick: d[2] || (d[2] = (_) => c.$emit("update", w.value))
+            }, {
+              default: k(() => [
+                r(t(p), {
+                  name: "sync",
+                  class: "mr-1"
+                }),
+                I(" " + a(t(s)("plugins.update")), 1)
+              ]),
+              _: 1
+            }, 8, ["size"])) : x("", !0),
+            n.plugin.installed ? (o(), T($, {
+              key: 3,
+              color: "red",
+              size: v.value ? "small" : "medium",
+              onClick: d[3] || (d[3] = (_) => c.$emit("uninstall"))
+            }, {
+              default: k(() => [
+                r(t(p), {
+                  name: "close",
+                  class: "mr-1"
+                }),
+                I(" " + a(t(s)("plugins.uninstall")), 1)
+              ]),
+              _: 1
+            }, 8, ["size"])) : x("", !0)
+          ])
+        ]),
+        u("div", He, [
+          n.plugin.author ? (o(), m("div", Ke, [
+            r(t(p), {
+              name: "user",
+              class: "text-xl text-stone-500 dark:text-stone-400 mb-1"
+            }),
+            u("span", Je, a(n.plugin.author.username), 1),
+            u("span", Qe, a(t(s)("plugins.author")), 1)
+          ])) : x("", !0),
+          n.plugin.category ? (o(), m("div", Xe, [
+            r(t(p), {
+              name: "folder",
+              class: "text-xl text-stone-500 dark:text-stone-400 mb-1"
+            }),
+            u("span", Ye, a(n.plugin.category.name), 1),
+            u("span", Ze, a(t(s)("plugins.category")), 1)
+          ])) : x("", !0),
+          n.plugin.license ? (o(), m("div", et, [
+            r(t(p), {
+              name: "scale-balanced",
+              class: "text-xl text-stone-500 dark:text-stone-400 mb-1"
+            }),
+            u("span", tt, a(n.plugin.license), 1),
+            u("span", nt, a(t(s)("plugins.license")), 1)
+          ])) : x("", !0),
+          n.plugin.download_count !== void 0 ? (o(), m("div", st, [
+            r(t(p), {
+              name: "download",
+              class: "text-xl text-stone-500 dark:text-stone-400 mb-1"
+            }),
+            u("span", lt, a(f(n.plugin.download_count)), 1),
+            u("span", at, a(t(s)("plugins.downloads")), 1)
+          ])) : x("", !0),
+          n.plugin.published_at ? (o(), m("div", it, [
+            r(t(p), {
+              name: "calendar",
+              class: "text-xl text-stone-500 dark:text-stone-400 mb-1"
+            }),
+            u("span", ot, a(N(n.plugin.published_at)), 1),
+            u("span", ut, a(t(s)("plugins.published_at")), 1)
+          ])) : x("", !0),
+          n.plugin.has_subscription && n.plugin.subscription_expires_at ? (o(), m("div", rt, [
+            r(t(p), {
+              name: "star",
+              class: "text-xl text-yellow-500 mb-1"
+            }),
+            u("span", ct, a(N(n.plugin.subscription_expires_at)), 1),
+            u("span", dt, a(t(s)("plugins.subscription_expires")), 1)
+          ])) : x("", !0),
+          n.plugin.min_gameap_version ? (o(), m("div", gt, [
+            r(t(p), {
+              name: "gamepad",
+              class: "text-xl text-stone-500 dark:text-stone-400 mb-1"
+            }),
+            u("span", pt, a(n.plugin.min_gameap_version), 1),
+            u("span", mt, a(t(s)("plugins.min_gameap_version")), 1)
+          ])) : x("", !0),
+          n.plugin.url ? (o(), m("a", {
+            key: 7,
+            href: n.plugin.url,
+            target: "_blank",
+            class: "flex flex-col items-center text-center px-4 hover:text-blue-500 transition-colors"
+          }, [
+            r(t(p), {
+              name: "external-link",
+              class: "text-xl text-blue-500 mb-1"
+            }),
+            u("span", xt, a(t(s)("plugins.plugin_page")), 1)
+          ], 8, ft)) : x("", !0)
+        ]),
+        n.plugin.description ? (o(), m("div", vt, [
+          u("h3", ht, a(t(s)("plugins.description")), 1),
+          u("div", yt, a(n.plugin.description), 1)
+        ])) : x("", !0),
+        n.plugin.installed ? (o(), m("div", _t, [
+          u("div", bt, [
+            r(t(p), {
+              name: "box",
+              class: "text-xl text-lime-500 mb-1"
+            }),
+            u("span", kt, a(n.plugin.installed_version), 1),
+            u("span", wt, a(t(s)("plugins.installed_version")), 1)
+          ]),
+          u("div", Pt, [
+            r(t(p), {
+              name: "arrow-up",
+              class: oe(["text-xl mb-1", C.value ? "text-orange-500" : "text-stone-400"])
+            }, null, 8, ["class"]),
+            u("span", Ct, a(n.plugin.latest_version), 1),
+            u("span", St, a(t(s)("plugins.latest_version")), 1)
+          ]),
+          C.value ? (o(), m("span", $t, a(t(s)("plugins.update")), 1)) : x("", !0)
+        ])) : x("", !0)
+      ])) : x("", !0)
+    ]));
+  }
+}, Ut = { class: "space-y-4" }, Nt = { class: "text-stone-600 dark:text-stone-400" }, Dt = {
+  key: 0,
+  class: "flex items-center gap-3 p-3 bg-stone-50 dark:bg-stone-800 rounded-lg"
+}, Mt = ["src", "alt"], Vt = { class: "font-medium" }, Lt = { class: "text-sm text-stone-500" }, Tt = { class: "flex justify-end gap-2" }, qt = {
+  __name: "SubscriptionModal",
+  props: {
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    plugin: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["update:show", "get-subscription"],
+  setup(n, { emit: b }) {
+    const h = n, w = b, v = z({
+      get: () => h.show,
+      set: (C) => w("update:show", C)
+    });
+    function V() {
+      h.plugin?.subscription_url && window.open(h.plugin.subscription_url, "_blank"), w("get-subscription"), v.value = !1;
+    }
+    return (C, U) => (o(), T(t(de), {
+      show: v.value,
+      "onUpdate:show": U[1] || (U[1] = (D) => v.value = D),
+      preset: "card",
+      title: t(s)("plugins.subscription_required"),
+      bordered: !1,
+      style: { width: "500px", "max-width": "90vw" }
+    }, {
+      footer: k(() => [
+        u("div", Tt, [
+          r($, {
+            color: "gray",
+            onClick: U[0] || (U[0] = (D) => v.value = !1)
+          }, {
+            default: k(() => [
+              I(a(t(s)("main.close")), 1)
+            ]),
+            _: 1
+          }),
+          r($, {
+            color: "orange",
+            onClick: V
+          }, {
+            default: k(() => [
+              r(t(p), {
+                name: "external-link",
+                class: "mr-1"
+              }),
+              I(" " + a(t(s)("plugins.get_subscription")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      default: k(() => [
+        u("div", Ut, [
+          u("p", Nt, a(t(s)("plugins.subscription_info")), 1),
+          n.plugin ? (o(), m("div", Dt, [
+            n.plugin.icon_url ? (o(), m("img", {
+              key: 0,
+              src: n.plugin.icon_url,
+              alt: n.plugin.name,
+              class: "w-12 h-12 rounded"
+            }, null, 8, Mt)) : (o(), T(t(p), {
+              key: 1,
+              name: "plugin",
+              class: "text-4xl text-stone-400"
+            })),
+            u("div", null, [
+              u("div", Vt, a(n.plugin.name), 1),
+              u("div", Lt, a(n.plugin.summary), 1)
+            ])
+          ])) : x("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["show", "title"]));
+  }
+}, jt = {
+  key: 0,
+  class: "mb-6"
+}, Et = { class: "text-lg font-semibold mb-2" }, Ft = {
+  key: 0,
+  class: "flex justify-center mt-4"
+}, At = {
+  __name: "AdminPluginsView",
+  setup(n) {
+    const b = Ue(), {
+      plugins: h,
+      lastPage: w,
+      currentPlugin: v,
+      currentPluginVersions: V,
+      loading: C,
+      installedPlugins: U,
+      updatablePlugins: D
+    } = Pe(b), F = z(() => [
+      { route: "/", text: "GameAP", icon: "gicon gicon-gameap" },
+      { route: { name: "admin.plugins.index" }, text: s("plugins.plugins") }
+    ]), j = y("installed"), f = y(!1), N = y(!1), c = y(1), d = y(window.innerWidth < 768), _ = y(!1), B = y(null), M = () => {
+      d.value = window.innerWidth < 768;
+    };
+    le(() => {
+      window.addEventListener("resize", M);
+    }), ce(() => {
+      window.removeEventListener("resize", M);
+    });
+    const Y = z(() => [...U.value].sort((e, g) => e.name.localeCompare(g.name))), Z = {
+      pageSize: 15
+    }, ee = () => [
+      {
+        title: s("plugins.name"),
+        key: "name",
+        render(e) {
+          return i("div", {
+            class: "flex items-center gap-2 cursor-pointer hover:opacity-80",
+            onClick: () => H(e.id)
+          }, [
+            e.icon_url ? i("img", { src: e.icon_url, class: "w-8 h-8 rounded", alt: e.name }) : i(p, { name: "plugin", class: "text-2xl text-stone-400" }),
+            i("div", { class: "flex flex-col" }, [
+              i("span", { class: "font-medium text-blue-600 dark:text-blue-400 hover:underline whitespace-nowrap" }, e.name),
+              !d.value && e.labels?.length > 0 ? i(
+                "div",
+                { class: "flex gap-1 mt-1" },
+                e.labels.map(
+                  (g) => i("span", {
+                    class: "px-2 py-0.5 text-xs font-medium rounded-full" + (g.color ? "" : " bg-stone-100 text-stone-800 dark:bg-stone-700 dark:text-stone-300"),
+                    style: g.color ? { backgroundColor: g.color, color: "#fff" } : {}
+                  }, g.name)
+                )
+              ) : null
+            ])
+          ]);
+        }
+      },
+      {
+        title: s("plugins.category"),
+        key: "category",
+        width: 120,
+        render(e) {
+          return e.category?.name || "";
+        }
+      },
+      {
+        title: s("plugins.rating"),
+        key: "rating_avg",
+        width: 140,
+        render(e) {
+          return i("div", { class: "flex items-center gap-1" }, [
+            i("span", { class: "text-orange-500" }, W(e.rating_avg)),
+            i("span", { class: "text-sm text-stone-500" }, `(${e.rating_count || 0})`)
+          ]);
+        }
+      },
+      {
+        title: s("plugins.downloads"),
+        key: "download_count",
+        width: 100,
+        render(e) {
+          return A(e.download_count);
+        }
+      },
+      {
+        title: s("plugins.version"),
+        key: "installed_version",
+        width: 100
+      },
+      {
+        title: s("main.actions"),
+        key: "actions",
+        width: d.value ? 80 : 180,
+        render(e) {
+          const g = e.installed_version && e.latest_version && e.installed_version !== e.latest_version;
+          return i("div", { class: "flex gap-1" }, [
+            g ? i($, {
+              color: "blue",
+              size: "small",
+              onClick: () => ge(e.id)
+            }, () => [i(p, { name: "sync" })]) : null,
+            i($, {
+              color: "red",
+              size: "small",
+              onClick: () => xe(e.id, e.name)
+            }, () => d.value ? [i(p, { name: "close" })] : [i(p, { name: "close", class: "mr-1" }), s("plugins.uninstall")])
+          ]);
+        }
+      }
+    ], te = () => [
+      {
+        title: s("plugins.name"),
+        key: "name",
+        render(e) {
+          return i("div", {
+            class: "flex items-center gap-2 cursor-pointer hover:opacity-80",
+            onClick: () => H(e.id)
+          }, [
+            e.icon_url ? i("img", { src: e.icon_url, class: "w-8 h-8 rounded", alt: e.name }) : i(p, { name: "plugin", class: "text-2xl text-stone-400" }),
+            i("div", { class: "flex flex-col" }, [
+              i("div", { class: "flex items-center gap-2" }, [
+                i("span", { class: "font-medium text-blue-600 dark:text-blue-400 hover:underline whitespace-nowrap" }, e.name),
+                e.requires_subscription ? i(p, { name: "star", class: "text-yellow-500" }) : null,
+                !d.value && e.installed ? i("span", { class: "px-2 py-0.5 text-xs font-medium rounded-full bg-lime-100 text-lime-800 dark:bg-lime-900 dark:text-lime-300 whitespace-nowrap" }, s("plugins.already_installed")) : null
+              ]),
+              !d.value && e.labels?.length > 0 ? i(
+                "div",
+                { class: "flex gap-1 mt-1" },
+                e.labels.map(
+                  (g) => i("span", {
+                    class: "px-2 py-0.5 text-xs font-medium rounded-full" + (g.color ? "" : " bg-stone-100 text-stone-800 dark:bg-stone-700 dark:text-stone-300"),
+                    style: g.color ? { backgroundColor: g.color, color: "#fff" } : {}
+                  }, g.name)
+                )
+              ) : null
+            ])
+          ]);
+        }
+      },
+      {
+        title: s("plugins.category"),
+        key: "category",
+        width: 120,
+        render(e) {
+          return e.category?.name || "";
+        }
+      },
+      {
+        title: s("plugins.rating"),
+        key: "rating_avg",
+        width: 140,
+        render(e) {
+          return i("div", { class: "flex items-center gap-1" }, [
+            i("span", { class: "text-orange-500" }, W(e.rating_avg)),
+            i("span", { class: "text-sm text-stone-500" }, `(${e.rating_count || 0})`)
+          ]);
+        }
+      },
+      {
+        title: s("plugins.downloads"),
+        key: "download_count",
+        width: 100,
+        render(e) {
+          return A(e.download_count);
+        }
+      },
+      {
+        title: s("plugins.version"),
+        key: "latest_version",
+        width: 100
+      },
+      {
+        title: s("main.actions"),
+        key: "actions",
+        width: d.value ? 80 : 150,
+        render(e) {
+          return e.installed ? d.value ? i($, {
+            color: "gray",
+            size: "small",
+            disabled: !0
+          }, () => [i(p, { name: "check" })]) : i($, {
+            color: "gray",
+            size: "small",
+            disabled: !0
+          }, () => s("plugins.already_installed")) : l(e) ? d.value ? i($, {
+            color: "orange",
+            size: "small",
+            onClick: () => R(e)
+          }, () => [i(p, { name: "star" })]) : i($, {
+            color: "orange",
+            size: "small",
+            onClick: () => R(e)
+          }, () => [i(p, { name: "star", class: "mr-1" }), s("plugins.purchase")]) : d.value ? i($, {
+            color: "blue",
+            size: "small",
+            onClick: () => ie(e.id)
+          }, () => [i(p, { name: "download" })]) : i($, {
+            color: "blue",
+            size: "small",
+            onClick: () => ie(e.id)
+          }, () => [i(p, { name: "download", class: "mr-1" }), s("plugins.install")]);
+        }
+      }
+    ], O = z(() => {
+      const e = ee();
+      return d.value ? e.filter((g) => !["installed_version", "download_count"].includes(g.key)) : e;
+    }), ne = z(() => {
+      const e = te();
+      return d.value ? e.filter((g) => !["latest_version", "download_count"].includes(g.key)) : e;
+    });
+    function W(e) {
+      const g = Math.floor(e || 0), L = (e || 0) - g >= 0.5, ve = 5 - g - (L ? 1 : 0);
+      return "★".repeat(g) + (L ? "½" : "") + "☆".repeat(ve);
+    }
+    function A(e) {
+      return e ? e >= 1e6 ? (e / 1e6).toFixed(1) + "M" : e >= 1e3 ? (e / 1e3).toFixed(1) + "K" : e.toString() : "0";
+    }
+    function R(e) {
+      B.value = e, _.value = !0;
+    }
+    function l(e) {
+      return e.requires_subscription && e.has_subscription !== !0 && !e.installed;
+    }
+    function P(e) {
+      e === "store" && h.value.length === 0 && G();
+    }
+    function S(e) {
+      c.value = e, G();
+    }
+    function G() {
+      b.fetchPlugins({
+        page: c.value
+      }).catch(q);
+    }
+    function H(e) {
+      b.fetchPluginDetails(e).catch(q), b.fetchPluginVersions(e).catch(q), f.value = !0;
+    }
+    function ie(e) {
+      H(e);
+    }
+    function ge(e) {
+      H(e);
+    }
+    function K() {
+      f.value = !1, b.clearCurrentPlugin();
+    }
+    function pe(e) {
+      v.value && (N.value = !0, b.installPlugin(v.value.id, e).then(() => {
+        Q({
+          content: s("plugins.install_success_msg"),
+          type: "success"
+        }), K(), J();
+      }).catch(q).finally(() => {
+        N.value = !1;
+      }));
+    }
+    function me(e) {
+      v.value && (N.value = !0, b.updatePlugin(v.value.id, e).then(() => {
+        Q({
+          content: s("plugins.update_success_msg"),
+          type: "success"
+        }), K(), J();
+      }).catch(q).finally(() => {
+        N.value = !1;
+      }));
+    }
+    function fe() {
+      v.value && window.$dialog.warning({
+        title: s("plugins.uninstall_confirm_msg"),
+        positiveText: s("main.yes"),
+        negativeText: s("main.no"),
+        closable: !1,
+        onPositiveClick: () => {
+          N.value = !0, b.uninstallPlugin(v.value.id).then(() => {
+            Q({
+              content: s("plugins.uninstall_success_msg"),
+              type: "success"
+            }), K(), J();
+          }).catch(q).finally(() => {
+            N.value = !1;
+          });
+        }
+      });
+    }
+    function xe(e, g) {
+      window.$dialog.warning({
+        title: s("plugins.uninstall_confirm_msg"),
+        positiveText: s("main.yes"),
+        negativeText: s("main.no"),
+        closable: !1,
+        onPositiveClick: () => {
+          b.uninstallPlugin(e).then(() => {
+            Q({
+              content: s("plugins.uninstall_success_msg"),
+              type: "success"
+            }), J();
+          }).catch(q);
+        }
+      });
+    }
+    function J() {
+      b.fetchPlugins({ page: 1, perPage: 100 }).catch(q);
+    }
+    return le(() => {
+      b.fetchPlugins({ page: 1, perPage: 100 }).catch(q);
+    }), (e, g) => (o(), m(ae, null, [
+      r(t(ke), { items: F.value }, null, 8, ["items"]),
+      r(t(Se), {
+        value: j.value,
+        "onUpdate:value": [
+          g[1] || (g[1] = (L) => j.value = L),
+          P
+        ],
+        type: "line",
+        animated: ""
+      }, {
+        default: k(() => [
+          r(t(ue), {
+            name: "installed",
+            tab: t(s)("plugins.installed")
+          }, {
+            default: k(() => [
+              t(D).length > 0 ? (o(), m("div", jt, [
+                u("h3", Et, a(t(s)("plugins.updates_available")), 1),
+                r(t(se), {
+                  bordered: !1,
+                  "single-line": !0,
+                  columns: O.value,
+                  data: t(D),
+                  loading: t(C),
+                  size: "small"
+                }, {
+                  loading: k(() => [
+                    r(t(X))
+                  ]),
+                  _: 1
+                }, 8, ["columns", "data", "loading"])
+              ])) : x("", !0),
+              r(t(se), {
+                bordered: !1,
+                "single-line": !0,
+                columns: O.value,
+                data: Y.value,
+                loading: t(C),
+                pagination: Z
+              }, {
+                loading: k(() => [
+                  r(t(X))
+                ]),
+                empty: k(() => [
+                  r(t(re), {
+                    description: t(s)("plugins.no_plugins")
+                  }, null, 8, ["description"])
+                ]),
+                _: 1
+              }, 8, ["columns", "data", "loading"])
+            ]),
+            _: 1
+          }, 8, ["tab"]),
+          r(t(ue), {
+            name: "store",
+            tab: t(s)("plugins.store")
+          }, {
+            default: k(() => [
+              r(t(se), {
+                bordered: !1,
+                "single-line": !0,
+                columns: ne.value,
+                data: t(h),
+                loading: t(C),
+                pagination: !1
+              }, {
+                loading: k(() => [
+                  r(t(X))
+                ]),
+                empty: k(() => [
+                  r(t(re), {
+                    description: t(s)("plugins.no_plugins")
+                  }, null, 8, ["description"])
+                ]),
+                _: 1
+              }, 8, ["columns", "data", "loading"]),
+              t(w) > 1 ? (o(), m("div", Ft, [
+                r(t($e), {
+                  page: c.value,
+                  "onUpdate:page": [
+                    g[0] || (g[0] = (L) => c.value = L),
+                    S
+                  ],
+                  "page-count": t(w)
+                }, null, 8, ["page", "page-count"])
+              ])) : x("", !0)
+            ]),
+            _: 1
+          }, 8, ["tab"])
+        ]),
+        _: 1
+      }, 8, ["value"]),
+      r(t(de), {
+        show: f.value,
+        "onUpdate:show": g[2] || (g[2] = (L) => f.value = L),
+        class: "custom-card",
+        preset: "card",
+        title: t(v)?.name || "",
+        bordered: !1,
+        style: { width: "900px", "max-width": "90vw" },
+        segmented: { content: "soft", footer: "soft" }
+      }, {
+        default: k(() => [
+          r(t(ze), { show: N.value }, {
+            default: k(() => [
+              t(v) ? (o(), T(zt, {
+                key: 0,
+                plugin: t(v),
+                versions: t(V),
+                loading: t(C),
+                onInstall: pe,
+                onUpdate: me,
+                onUninstall: fe,
+                onClose: K
+              }, null, 8, ["plugin", "versions", "loading"])) : x("", !0)
+            ]),
+            _: 1
+          }, 8, ["show"])
+        ]),
+        _: 1
+      }, 8, ["show", "title"]),
+      r(qt, {
+        show: _.value,
+        "onUpdate:show": g[3] || (g[3] = (L) => _.value = L),
+        plugin: B.value
+      }, null, 8, ["show", "plugin"])
+    ], 64));
+  }
+};
+export {
+  At as default
+};