@gameap/frontend 4.1.0-dev1 → 4.1.0-dev3

package/dist/RconPlayers-GrvCMJX3.js

@@ -0,0 +1,420 @@
+import { resolveComponent as k, createElementBlock as u, openBlock as m, createVNode as f, withCtx as h, createElementVNode as s, createCommentVNode as c, toDisplayString as o, Fragment as O, renderList as D, withDirectives as _, vModelText as w, ref as G } from "vue";
+import { storeToRefs as L } from "pinia";
+import { S as B, E as S, F as T, G as C, H as U, I as M, J as z, K, L as R, M as V, N as I, O as H, P as q, Q as J, R as Q, T as W, U as X, b as Y, _ as Z, n as P, e as E, u as x, V as v } from "./index-60qEjGuU.js";
+import { u as $ } from "./ServerIdView-BfqrYuar.js";
+import "naive-ui";
+var j = 1, ee = 2;
+function re(e, r, n, i) {
+  var a = n.length, t = a;
+  if (e == null)
+    return !t;
+  for (e = Object(e); a--; ) {
+    var d = n[a];
+    if (d[2] ? d[1] !== e[d[0]] : !(d[0] in e))
+      return !1;
+  }
+  for (; ++a < t; ) {
+    d = n[a];
+    var p = d[0], g = e[p], l = d[1];
+    if (d[2]) {
+      if (g === void 0 && !(p in e))
+        return !1;
+    } else {
+      var b = new B(), y;
+      if (!(y === void 0 ? S(l, g, j | ee, i, b) : y))
+        return !1;
+    }
+  }
+  return !0;
+}
+function F(e) {
+  return e === e && !T(e);
+}
+function ne(e) {
+  for (var r = C(e), n = r.length; n--; ) {
+    var i = r[n], a = e[i];
+    r[n] = [i, a, F(a)];
+  }
+  return r;
+}
+function N(e, r) {
+  return function(n) {
+    return n == null ? !1 : n[e] === r && (r !== void 0 || e in Object(n));
+  };
+}
+function se(e) {
+  var r = ne(e);
+  return r.length == 1 && r[0][2] ? N(r[0][0], r[0][1]) : function(n) {
+    return n === e || re(n, e, r);
+  };
+}
+function te(e, r) {
+  return e != null && r in Object(e);
+}
+function oe(e, r, n) {
+  r = U(r, e);
+  for (var i = -1, a = r.length, t = !1; ++i < a; ) {
+    var d = M(r[i]);
+    if (!(t = e != null && n(e, d)))
+      break;
+    e = e[d];
+  }
+  return t || ++i != a ? t : (a = e == null ? 0 : e.length, !!a && z(a) && K(d, a) && (R(e) || V(e)));
+}
+function ie(e, r) {
+  return e != null && oe(e, r, te);
+}
+var ae = 1, le = 2;
+function de(e, r) {
+  return I(e) && F(r) ? N(M(e), r) : function(n) {
+    var i = H(n, e);
+    return i === void 0 && i === r ? ie(n, e) : S(r, i, ae | le);
+  };
+}
+function ue(e) {
+  return function(r) {
+    return r?.[e];
+  };
+}
+function me(e) {
+  return function(r) {
+    return q(r, e);
+  };
+}
+function ce(e) {
+  return I(e) ? ue(M(e)) : me(e);
+}
+function he(e) {
+  return typeof e == "function" ? e : e == null ? J : typeof e == "object" ? R(e) ? de(e[0], e[1]) : se(e) : ce(e);
+}
+var fe = Q();
+function pe(e, r) {
+  return e && fe(e, r, C);
+}
+var ge = W(pe);
+function be(e, r) {
+  var n;
+  return ge(e, function(i, a, t) {
+    return n = r(i, a, t), !n;
+  }), !!n;
+}
+function A(e, r, n) {
+  var i = R(e) ? X : be;
+  return i(e, he(r));
+}
+const ye = {
+  name: "RconPlayers",
+  components: { GButton: Z },
+  props: {
+    serverId: Number
+  },
+  setup() {
+    const e = x(), r = $(), { players: n } = L(r);
+    return {
+      serverStore: e,
+      rconStore: r,
+      players: n
+    };
+  },
+  data: function() {
+    return {
+      dialogAction: null,
+      dialogPlayerIndex: null,
+      dialogPlayerName: null,
+      form: {
+        playerId: null,
+        player: {},
+        reason: null,
+        time: null,
+        message: null
+      },
+      errors: {
+        reason: null,
+        time: null,
+        message: null
+      },
+      modalEnabled: G(!1),
+      segmented: {
+        content: "soft",
+        footer: "soft"
+      }
+    };
+  },
+  methods: {
+    updatePlayers() {
+      this.rconStore.fetchPlayers();
+    },
+    openDialog(e, r) {
+      this.resetErrors(), this.resetForm(), this.dialogAction = e, this.dialogPlayerName = this.players[r].name, this.form.playerId = this.players[r].id, this.form.player = this.players[r], this.showModal();
+    },
+    showModal() {
+      this.modalEnabled = !0;
+    },
+    hideModal() {
+      this.modalEnabled = !1;
+    },
+    send() {
+      this.checkForm() && (this.dialogAction === "ban" && this.ban(), this.dialogAction === "kick" && this.kick(), this.dialogAction === "message" && this.sendMessage());
+    },
+    checkForm() {
+      this.resetErrors();
+      let e = !1;
+      switch (this.dialogAction) {
+        case "ban":
+          this.form.time || (e = !0, this.errors.time = "Empty time");
+        case "kick":
+          this.form.reason || (e = !0, this.errors.reason = "Empty reason");
+          break;
+        case "message":
+          this.form.message || (e = !0, this.errors.reason = "Empty message");
+          break;
+      }
+      return !e;
+    },
+    resetErrors() {
+      this.errors = {
+        reason: null,
+        time: null,
+        message: null
+      };
+    },
+    resetForm() {
+      this.form = {
+        playerId: null,
+        reason: null,
+        time: null,
+        message: null
+      };
+    },
+    ban() {
+      this.rconStore.banPlayer(this.form.player, this.form.reason, this.form.time).then(() => {
+        this.hideModal(), P(this.trans("rcon.ban_msg_success"));
+      }).catch((e) => {
+        this.hideModal(), E(e);
+      });
+    },
+    kick() {
+      this.rconStore.kickPlayer(this.form.player, this.form.reason).then(() => {
+        this.hideModal(), P(this.trans("rcon.kick_msg_success"));
+      }).catch((e) => {
+        this.hideModal(), E(e);
+      });
+    },
+    sendMessage() {
+      this.rconStore.sendPlayerMessage(this.form.playerId, this.form.message).then(() => {
+        this.hideModal(), P(this.trans("rcon.message_msg_success"));
+      }).catch((e) => {
+        this.hideModal(), E(e);
+      });
+    }
+  },
+  computed: {
+    dialogTitle() {
+      switch (this.dialogAction) {
+        case "ban":
+          return this.trans("rcon.modal_title_ban", { player: this.dialogPlayerName });
+        case "kick":
+          return this.trans("rcon.modal_title_kick", { player: this.dialogPlayerName });
+        case "message":
+          return this.trans("rcon.modal_title_msg", { player: this.dialogPlayerName });
+      }
+    },
+    ipRow() {
+      return A(this.players, (e) => !v(e.ip));
+    },
+    pingRow() {
+      return A(this.players, (e) => !v(e.ping));
+    },
+    scoreRow() {
+      return A(this.players, (e) => !v(e.score));
+    }
+  },
+  mounted() {
+    this.serverStore.setServerId(this.serverId), this.rconStore.fetchPlayers();
+  }
+}, ke = { id: "rcon-players-component" }, _e = { key: 0 }, we = { key: 1 }, Pe = { key: 2 }, Ee = { key: 0 }, ve = { key: 1 }, Ae = { key: 2 }, Me = { class: "grid grid-cols-2 gap-x-4" }, Re = { class: "hidden lg:inline" }, Se = { class: "hidden lg:inline" }, Ce = {
+  key: 0,
+  class: "mb-3"
+}, Ie = {
+  for: "input-reason",
+  class: "control-label"
+}, Fe = {
+  key: 0,
+  class: "help-block"
+}, Ne = { class: "text-red-600" }, Oe = {
+  key: 1,
+  class: "mb-3"
+}, De = {
+  for: "input-time",
+  class: "control-label"
+}, Ge = {
+  key: 0,
+  class: "help-block"
+}, Le = { class: "text-red-600" }, Be = {
+  key: 2,
+  class: "mb-3"
+}, Te = {
+  for: "input-mesage",
+  class: "control-label"
+}, Ue = {
+  key: 0,
+  class: "help-block"
+}, ze = { class: "text-red-600" };
+function Ke(e, r, n, i, a, t) {
+  const d = k("GButton"), p = k("n-table"), g = k("n-modal");
+  return m(), u("div", ke, [
+    f(d, {
+      color: "green",
+      size: "small",
+      class: "mb-2",
+      onClick: t.updatePlayers
+    }, {
+      default: h(() => [...r[6] || (r[6] = [
+        s("i", { class: "fas fa-sync" }, null, -1)
+      ])]),
+      _: 1
+    }, 8, ["onClick"]),
+    f(p, {
+      size: "small",
+      bordered: !1
+    }, {
+      default: h(() => [
+        s("thead", null, [
+          s("tr", null, [
+            s("th", null, o(e.trans("rcon.player_name")), 1),
+            t.scoreRow ? (m(), u("th", _e, o(e.trans("rcon.player_score")), 1)) : c("", !0),
+            t.pingRow ? (m(), u("th", we, o(e.trans("rcon.player_ping")), 1)) : c("", !0),
+            t.ipRow ? (m(), u("th", Pe, o(e.trans("rcon.player_ip")), 1)) : c("", !0),
+            s("th", null, o(e.trans("main.actions")), 1)
+          ])
+        ]),
+        (m(!0), u(O, null, D(i.players, (l, b) => (m(), u("tbody", null, [
+          s("tr", null, [
+            s("td", null, o(l.name), 1),
+            t.scoreRow ? (m(), u("td", Ee, o(l.score), 1)) : c("", !0),
+            t.pingRow ? (m(), u("td", ve, o(l.ping), 1)) : c("", !0),
+            t.ipRow ? (m(), u("td", Ae, o(l.ip), 1)) : c("", !0),
+            s("td", Me, [
+              f(d, {
+                color: "black",
+                size: "small",
+                class: "mb-2",
+                onClick: (y) => t.openDialog("kick", b)
+              }, {
+                default: h(() => [
+                  r[7] || (r[7] = s("i", { class: "gicon gicon-kick mr-1" }, null, -1)),
+                  s("span", Re, o(e.trans("rcon.kick")), 1)
+                ]),
+                _: 1
+              }, 8, ["onClick"]),
+              f(d, {
+                color: "black",
+                size: "small",
+                class: "mb-2",
+                onClick: (y) => t.openDialog("ban", b)
+              }, {
+                default: h(() => [
+                  r[8] || (r[8] = s("i", { class: "fas fa-ban mr-1" }, null, -1)),
+                  s("span", Se, o(e.trans("rcon.ban")), 1)
+                ]),
+                _: 1
+              }, 8, ["onClick"])
+            ])
+          ])
+        ]))), 256))
+      ]),
+      _: 1
+    }),
+    f(g, {
+      show: e.modalEnabled,
+      "onUpdate:show": r[5] || (r[5] = (l) => e.modalEnabled = l),
+      class: "custom-card",
+      preset: "card",
+      title: t.dialogTitle,
+      bordered: !1,
+      style: { width: "600px" },
+      segmented: e.segmented
+    }, {
+      footer: h(() => [
+        s("button", {
+          type: "button",
+          class: "inline-block align-middle text-center select-none border font-normal whitespace-no-wrap rounded py-2 px-3 leading-normal no-underline bg-blue-600 text-white hover:bg-blue-600 me-1",
+          onClick: r[3] || (r[3] = (...l) => t.send && t.send(...l))
+        }, o(e.trans("main.send")), 1),
+        s("button", {
+          type: "button",
+          class: "inline-block align-middle text-center select-none border font-normal whitespace-no-wrap rounded py-2 px-3 leading-normal no-underline bg-stone-600 text-white hover:bg-stone-700",
+          onClick: r[4] || (r[4] = (...l) => t.hideModal && t.hideModal(...l))
+        }, o(e.trans("main.close")), 1)
+      ]),
+      default: h(() => [
+        s("div", null, [
+          s("form", null, [
+            e.dialogAction === "ban" || e.dialogAction === "kick" ? (m(), u("div", Ce, [
+              s("label", Ie, o(e.trans("rcon.reason")), 1),
+              _(s("input", {
+                "onUpdate:modelValue": r[0] || (r[0] = (l) => e.form.reason = l),
+                id: "input-reason",
+                type: "text",
+                class: "block appearance-none w-full py-1 px-2 mb-1 leading-normal bg-white text-stone-800 border border-stone-200 rounded"
+              }, null, 512), [
+                [
+                  w,
+                  e.form.reason,
+                  void 0,
+                  { number: !0 }
+                ]
+              ]),
+              e.errors.reason ? (m(), u("span", Fe, [
+                s("strong", Ne, o(e.errors.reason), 1)
+              ])) : c("", !0)
+            ])) : c("", !0),
+            e.dialogAction === "ban" ? (m(), u("div", Oe, [
+              s("label", De, o(e.trans("rcon.time")), 1),
+              _(s("input", {
+                "onUpdate:modelValue": r[1] || (r[1] = (l) => e.form.time = l),
+                id: "input-time",
+                type: "number",
+                class: "block appearance-none w-full py-1 px-2 mb-1 leading-normal bg-white text-stone-800 border border-stone-200 rounded"
+              }, null, 512), [
+                [
+                  w,
+                  e.form.time,
+                  void 0,
+                  { number: !0 }
+                ]
+              ]),
+              e.errors.time ? (m(), u("span", Ge, [
+                s("strong", Le, o(e.errors.time), 1)
+              ])) : c("", !0)
+            ])) : c("", !0),
+            e.dialogAction === "message" ? (m(), u("div", Be, [
+              s("label", Te, o(e.trans("rcon.message")), 1),
+              _(s("input", {
+                "onUpdate:modelValue": r[2] || (r[2] = (l) => e.form.message = l),
+                id: "input-mesage",
+                type: "text",
+                class: "block appearance-none w-full py-1 px-2 mb-1 leading-normal bg-white text-stone-800 border border-stone-200 rounded"
+              }, null, 512), [
+                [
+                  w,
+                  e.form.message,
+                  void 0,
+                  { number: !0 }
+                ]
+              ]),
+              e.errors.message ? (m(), u("span", Ue, [
+                s("strong", ze, o(e.errors.message), 1)
+              ])) : c("", !0)
+            ])) : c("", !0)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["show", "title", "segmented"])
+  ]);
+}
+const We = /* @__PURE__ */ Y(ye, [["render", Ke]]);
+export {
+  We as default
+};

package/dist/ServerConsole-BHHnpxJy.js

@@ -0,0 +1,98 @@
+import { ref as l, onMounted as C, onUnmounted as N, createElementBlock as t, openBlock as s, createElementVNode as o, createCommentVNode as k, createVNode as T, toDisplayString as v, withDirectives as I, withKeys as A, vModelText as V, unref as B, createTextVNode as R } from "vue";
+import { a as _, r as S, e as D } from "./index-60qEjGuU.js";
+import { NDivider as H } from "naive-ui";
+const $ = { class: "w-full" }, E = { class: "coding inverse-toggle px-5 pt-4 shadow-lg text-stone-100 text-sm font-mono subpixel-antialiased bg-stone-800 dark:bg-stone-900 pb-6 pt-4 rounded-lg leading-normal overflow-hidden" }, K = {
+  key: 0,
+  class: "bg-red-500 text-white dark:bg-red-800 dark:text-stone-200 font-bold rounded px-4 py-2 mt-6 mb-3"
+}, M = {
+  key: 1,
+  class: "mt-4"
+}, U = { class: "relative flex items-stretch w-full" }, L = { class: "w-full" }, j = { class: "inline" }, q = {
+  key: 0,
+  class: "fa-solid fa-gear fa-spin"
+}, z = ["placeholder"], F = { key: 0 }, G = { key: 1 }, Q = {
+  __name: "ServerConsole",
+  props: {
+    serverId: Number,
+    consoleHostname: String,
+    serverActive: Boolean,
+    sendCommandAvailable: Boolean
+  },
+  setup(a) {
+    const h = a, r = l(), f = l(), g = l(null), i = l(null), d = l(!1), m = l(!1), u = l(!0), c = l(!0);
+    function x() {
+      c.value && r.value && r.value.scrollTo({ top: r.value.scrollHeight, behavior: "smooth" });
+    }
+    function p() {
+      u.value && _.get(`/api/servers/${h.serverId}/console`).then((e) => {
+        g.value = S(e.data.console, /(\r\n|\n|\r)/gm, `
+`), setTimeout(x, 1e3);
+      }).catch((e) => {
+        console.log(e), u.value = !1;
+      });
+    }
+    function y() {
+      d.value || (d.value = !0, m.value = !0, _.post(`/api/servers/${h.serverId}/console`, { command: i.value }).then((e) => {
+        i.value = "", d.value = !1, u.value = !0, setTimeout(p, 1e3);
+      }).catch((e) => {
+        d.value = !1, console.log(e), D(e);
+      }).finally(() => {
+        m.value = !1, setTimeout(() => {
+          f.value && f.value.select();
+        }, 200);
+      }));
+    }
+    let w;
+    return C(() => {
+      p(), w = setInterval(p, 1e4);
+    }), N(() => {
+      u.value = !1, clearInterval(w);
+    }), (e, n) => (s(), t("div", null, [
+      o("div", $, [
+        o("div", E, [
+          n[2] || (n[2] = o("div", { class: "top mb-2 flex" }, [
+            o("div", { class: "h-3 w-3 bg-red-500 rounded-full" }),
+            o("div", { class: "ml-2 h-3 w-3 bg-orange-300 rounded-full" }),
+            o("div", { class: "ml-2 h-3 w-3 bg-green-500 rounded-full" })
+          ], -1)),
+          a.serverActive ? k("", !0) : (s(), t("div", K, v(e.trans("servers.offline_console_msg")), 1)),
+          o("div", {
+            ref_key: "consoleRef",
+            ref: r,
+            class: "break-all whitespace-pre-wrap mt-4 flex h-[60vh] overflow-y-scroll overscroll-contain"
+          }, v(g.value), 513),
+          a.serverActive && a.sendCommandAvailable ? (s(), t("div", M, [
+            o("div", U, [
+              o("div", L, [
+                o("div", j, v(a.consoleHostname) + ":> ", 1),
+                m.value ? (s(), t("i", q)) : I((s(), t("input", {
+                  key: 1,
+                  onKeyup: A(y, ["enter"]),
+                  "onUpdate:modelValue": n[0] || (n[0] = (b) => i.value = b),
+                  type: "text",
+                  ref_key: "inputRef",
+                  ref: f,
+                  class: "terminal-input inline md:w-[40vw] lg:w-[50vw]",
+                  placeholder: e.trans("servers.enter_command") + " ..."
+                }, null, 40, z)), [
+                  [V, i.value]
+                ])
+              ])
+            ])
+          ])) : k("", !0),
+          T(B(H), { dashed: "" }),
+          o("div", {
+            class: "p-1 cursor-pointer inline",
+            onClick: n[1] || (n[1] = (b) => c.value = !c.value)
+          }, [
+            c.value ? (s(), t("span", F, "[x]")) : (s(), t("span", G, "[ ]")),
+            R(" " + v(e.trans("main.autoscroll")), 1)
+          ])
+        ])
+      ])
+    ]));
+  }
+};
+export {
+  Q as default
+};