Dump.vue

<template>
  <div>
    <b-message type="is-primary" v-if="invalid">
      <div class="content">
        <p>
          Run the <b>/ess dump</b> in-game or from the console to generate a server dump.
          You can then click on the provided link to view the dump, or you can give the link to EssentialsX support when getting help.
        </p>
        <p>
          Command not working? <saber-link to="/downloads.html">Update EssentialsX</saber-link> to the latest version and try again.
        </p>
      </div>
    </b-message>

    <b-message type="is-danger" v-if="error">
      <div class="content">
        <p>
          Failed to load EssentialsX dump data! <br>
          Double check you used the correct URL, and if that doesn't work, try generating a new dump with <b>/ess dump</b>.
        </p>
        <details v-if="friendlyError != error">
          <summary>
            Error: <b>{{ friendlyError }}</b>
          </summary>
          <highlightjs language="yaml" :code="JSON.stringify(error, null, 4)" />
        </details>
        <p v-else>
          Error: <b>{{ error }}</b>
        </p>
      </div>
    </b-message>

    <b-skeleton height="120px" :count="5" :active="isLoading" />

    <div v-if="loaded">
      <div class="message is-primary">
        <div class="message-header">
          <p>EssentialsX version</p>
        </div>
        <div class="message-body">
          <nav class="level">
            <div class="level-item has-text-centered">
              <div>
                <p class="heading">Version</p>
                <p class="title is-6">{{ essVersion }}</p>
              </div>
            </div>
            <div class="level-item has-text-centered">
              <div>
                <p class="heading">Update Branch</p>
                <p class="title is-6">{{ essBranch }}</p>
              </div>
            </div>
            <div class="level-item has-text-centered">
              <div>
                <p class="heading">Economy Layer</p>
                <p class="title is-6">{{ essLayer }}</p>
              </div>
            </div>
            <div class="level-item has-text-centered">
              <div>
                <p class="heading">Layer Backend</p>
                <p class="title is-6">{{ essBackend }}</p>
              </div>
            </div>
          </nav>
        </div>
      </div>

      <div class="message is-serverinfo">
        <div class="message-header">
          <p>Server version</p>
        </div>
        <div class="message-body">
          <nav class="level">
            <div class="level-item has-text-centered">
              <div>
                <p class="heading">Brand</p>
                <p class="title is-6">{{ srvBrand }}</p>
              </div>
            </div>
            <div class="level-item has-text-centered">
              <div>
                <p class="heading">Server Version</p>
                <p class="title is-6">{{ srvVersion }}</p>
              </div>
            </div>
            <div class="level-item has-text-centered">
              <div>
                <p class="heading">Bukkit Version</p>
                <p class="title is-6">{{ srvBukkitVersion }}</p>
              </div>
            </div>
            <div class="level-item has-text-centered">
              <div>
                <p class="heading">Online Mode</p>
                <p class="title is-6">{{ srvOnlineMode }}</p>
              </div>
            </div>
            <div class="level-item has-text-centered">
              <div>
                <p class="heading">Support Status</p>
                <p class="title is-6">{{ srvSupport }}</p>
              </div>
            </div>
            <div class="level-item has-text-centered">
              <div>
                <p class="heading">Support Status Trigger</p>
                <p class="title is-6">{{ srvTrigger }}</p>
              </div>
            </div>
          </nav>
        </div>
      </div>

      <div class="message is-info">
        <div class="message-header">
          <p>Server environment</p>
        </div>
        <div class="message-body">
          <nav class="level">
            <div class="level-item has-text-centered">
              <div>
                <p class="heading">Java Version</p>
                <p class="title is-6">{{ envJava }}</p>
              </div>
            </div>
            <div class="level-item has-text-centered">
              <div>
                <p class="heading">OS Name</p>
                <p class="title is-6">{{ envOs }}</p>
              </div>
            </div>
            <div class="level-item has-text-centered">
              <div>
                <p class="heading">Uptime</p>
                <p class="title is-6">{{ envUptime }}</p>
              </div>
            </div>
            <div class="level-item has-text-centered">
              <div>
                <p class="heading">Allocated Memory</p>
                <p class="title is-6">{{ envMemory }}</p>
              </div>
            </div>
          </nav>
        </div>
      </div>

      <collapse-message type="is-dark">
        <template v-slot:title>
          EssentialsX addons ({{ addons.length }})
        </template>

        <DumpPlugins v-if="addons.length > 0" :entries="addons" />
        <div v-else class="content">
          <p>No addons installed.</p>
        </div>
      </collapse-message>

      <collapse-message type="is-dark">
        <template v-slot:title>
          Server plugins ({{ plugins.length }})
        </template>

        <DumpPlugins :entries="plugins" searchable />
      </collapse-message>

      <collapse-message type="is-black" v-if="config">
        <template v-slot:title>
          Config
        </template>

        <highlightjs class="p-0" language="yaml" :code="config" />
      </collapse-message>

      <collapse-message type="is-black" v-if="kits">
        <template v-slot:title>
          Kits
        </template>

        <highlightjs class="p-0" language="yaml" :code="kits" />
      </collapse-message>

      <collapse-message type="is-black" v-if="worth">
        <template v-slot:title>
          Item Worth Config
        </template>

        <highlightjs class="p-0" language="yaml" :code="worth" />
      </collapse-message>

      <collapse-message type="is-black" v-if="tpr">
        <template v-slot:title>
          TPR Config
        </template>

        <highlightjs class="p-0" language="yaml" :code="tpr" />
      </collapse-message>

      <collapse-message type="is-black" v-if="spawn">
        <template v-slot:title>
          Spawn Locations
        </template>

        <highlightjs class="p-0" language="yaml" :code="spawn" />
      </collapse-message>

      <collapse-message type="is-black" v-if="commands">
        <template v-slot:title>
          Command Aliases
        </template>

        <highlightjs class="p-0" language="yaml" :code="commands" />
      </collapse-message>

      <collapse-message type="is-black" v-if="commandoverride">
        <template v-slot:title>
          Command Overrides
        </template>

        <code class="p-0">
          <pre class="dump-log">{{ commandoverride }}</pre>
        </code>
      </collapse-message>

      <collapse-message type="is-black" v-if="commandmap">
        <template v-slot:title>
          Command Map
        </template>

        <code class="p-0">
          <pre class="dump-log">{{ commandmap }}</pre>
        </code>
      </collapse-message>

      <collapse-message type="is-black" v-if="discord">
        <template v-slot:title>
          Discord config
        </template>

        <highlightjs class="p-0" language="yaml" :code="discord" />
      </collapse-message>

      <collapse-message type="is-black" v-if="discordlink">
        <template v-slot:title>
          Discord Link config
        </template>

        <highlightjs class="p-0" language="yaml" :code="discordlink" />
      </collapse-message>

      <collapse-message type="is-black" v-if="log">
        <template v-slot:title>
          Server log
        </template>

        <code class="p-0">
          <pre class="dump-log">{{ log }}</pre>
        </code>
      </collapse-message>

      <b-notification type="is-dark" :closable="false">
        <p>
          Generated by
          <span v-if="senderUuid"> <img :src="senderImg" /></span>
          <b>{{ senderName }}</b>
          at {{ new Date(timestamp).toLocaleString() }}.
          <a :href="originalUrl" target="_blank">Click here</a> for the original paste.
        </p>
      </b-notification>
    </div>
  </div>
</template>
<script>
import CollapseMessage from "./CollapseMessage"
import DumpPlugins from "./DumpPlugins";
import axios from "axios";

export default {
  components: {
    CollapseMessage,
    DumpPlugins
  },
  mounted() {
    this.loadData()
  },
  data() {
    return {
      loaded: false,
      error: null,
      invalid: false,
      isErrorPopupOpen: false,

      essVersion: null,
      essBranch: null,
      essLayer: null,
      essBackend: null,

      srvBrand: null,
      srvVersion: null,
      srvBukkitVersion: null,
      srvSupport: null,
      srvTrigger: null,
      srvOnlineMode: null,

      envJava: null,
      envOs: null,
      envUptime: null,
      envMemory: null,

      config: null,
      discord: null,
      discordlink: null,
      kits: null,
      log: null,
      spawn: null,
      tpr: null,
      worth: null,
      commands: null,
      commandoverride: null,
      commandmap: null,

      addons: [],
      plugins: [],

      timestamp: 0,
      sender: "",
      senderUuid: "",
    }
  },
  methods: {
    async loadData() {
      if (!this.pasteId) {
        this.invalid = true
        return;
      }

      try {
        let { data } = await axios.get(this.newPaste ? `https://api.pastes.dev/${this.pasteId}` : `https://api.paste.gg/v1/pastes/${this.pasteId}?full=true`)
        data = this.newPaste ? data.files : data.result.files;
        data.forEach(file => {
          if (file.name === "config.yml") {
            this.config = file.content.value
          } else if (file.name === "kits.yml") {
            this.kits = file.content.value
          } else if (file.name === "discord-config.yml") {
            this.discord = file.content.value
          } else if (file.name === "discord-link-config.yml") {
            this.discordlink = file.content.value
          } else if (file.name === "latest.log") {
            this.log = file.content.value
          } else if (file.name === "worth.yml") {
            this.worth = file.content.value
          } else if (file.name === "spawn.yml") {
            this.spawn = file.content.value
          } else if (file.name === "commands.yml") {
            this.commands = file.content.value
          } else if (file.name === "commandmap.json") {
            this.commandmap = file.content.value
          } else if (file.name === "commandoverride.json") {
            this.commandoverride = file.content.value
          } else if (file.name === "tpr.yml") {
            this.tpr = file.content.value
          } else if (file.name === "dump.json") {
            const dump = JSON.parse(file.content.value)
            this.essVersion = dump["ess-data"].version
            this.essBranch = dump["ess-data"]["update-data"].branch
            this.essLayer = dump["ess-data"]["economy-layer"].enabled ? (dump["ess-data"]["economy-layer"].name === "null" ? "None" : dump["ess-data"]["economy-layer"].name) : "Disabled"
            this.essBackend = dump["ess-data"]["economy-layer"]["backend-name"] === "null" ? "N/A" : dump["ess-data"]["economy-layer"]["backend-name"]

            this.srvBrand = dump["server-data"]["server-brand"]
            this.srvVersion = dump["server-data"]["server-version"]
            this.srvBukkitVersion = dump["server-data"]["bukkit-version"]
            this.srvOnlineMode = dump["server-data"].hasOwnProperty("online-mode") ? dump["server-data"]["online-mode"] : "Not Provided"
            this.srvSupport = dump["server-data"]["support-status"].status + " (" + (dump["server-data"]["support-status"].supported ? "Supported" : "Unsupported") + ")"
            this.srvTrigger = dump["server-data"]["support-status"].trigger === null ? "N/A" : dump["server-data"]["support-status"].trigger

            this.envJava = dump.environment["java-version"]
            this.envOs = dump.environment["operating-system"]
            this.envUptime = dump.environment.uptime
            this.envMemory = dump.environment["allocated-memory"]

            this.addons = dump["ess-data"].addons
            this.plugins = dump.plugins

            this.timestamp = dump.meta.timestamp
            this.sender = dump.meta.sender
            this.senderUuid = dump.meta.senderUuid
          }
        })
        this.loaded = true
      } catch (e) {
        console.log(e)
        this.error = e.response ? e.response.data : e.message
      }
    }
  },
  computed: {
    newPaste() {
      return this.$route.query.id === undefined;
    },
    pasteId() {
      return this.$route.hash ? this.$route.hash.substring(1) : (this.$route.query.id ? this.$route.query.id : this.$route.query.bytebin);
    },
    friendlyError() {
      if (typeof this.error == "string") {
        return this.error;
      }

      if (this.error.error) {
        switch (this.error.error) {
          case "not_found":
            return "Invalid paste ID";
          case "missing_paste":
            return "Paste not found";
        }
      }

      return "Unknown error"
    },
    isLoading() {
      return !this.loaded && !this.error && !this.invalid;
    },
    originalUrl() {
      if (this.newPaste) {
        return `https://pastes.dev/${this.pasteId}`
      }

      return `https://paste.gg/p/anonymous/${this.pasteId}`;
    },
    senderName() {
      return this.sender || "CONSOLE";
    },
    senderImg() {
      return `https://crafthead.net/helm/${this.senderUuid}/16`;
    },
  }
}
</script>

<style>
pre {
  overflow-x: auto;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.dump-log {
  padding: 0.5em;
  font-size: 1em;
  background-color: #1c1b1b;
}
</style>