misc_pterodactyl-panel/resources/assets/scripts/store/modules/server.ts

// @ts-ignore
import route from '../../../../../vendor/tightenco/ziggy/src/js/route';
import {ActionContext} from "vuex";
import {ServerData} from "@/models/server";
import {ServerApplicationCredentials, ServerState} from "../types";

export default {
    namespaced: true,
    state: {
        server: {},
        credentials: {node: '', key: ''},
        console: [],
        fm: {
            currentDirectory: '/',
        },
    },
    getters: {},
    actions: {
        /**
         * Fetches the active server from the API and stores it in vuex.
         */
        getServer: ({commit}: ActionContext<ServerState, any>, {server}: { server: string }): Promise<void> => {
            return new Promise((resolve, reject) => {
                // @ts-ignore
                window.axios.get(route('api.client.servers.view', {server}))
                // @ts-ignore
                    .then(response => {
                        // If there is a 302 redirect or some other odd behavior (basically, response that isnt
                        // in JSON format) throw an error and don't try to continue with the login.
                        if (!(response.data instanceof Object)) {
                            return reject(new Error('An error was encountered while processing this request.'));
                        }

                        if (response.data.object === 'server' && response.data.attributes) {
                            commit('SERVER_DATA', response.data.attributes)
                        }

                        return resolve();
                    })
                    .catch(reject);
            });
        },

        /**
         * Get authentication credentials that the client should use when connecting to the daemon to
         * retrieve server information.
         */
        getCredentials: ({commit}: ActionContext<ServerState, any>, {server}: { server: string }) => {
            return new Promise((resolve, reject) => {
                // @ts-ignore
                window.axios.get(route('server.credentials', {server}))
                // @ts-ignore
                    .then(response => {
                        // If there is a 302 redirect or some other odd behavior (basically, response that isnt
                        // in JSON format) throw an error and don't try to continue with the login.
                        if (!(response.data instanceof Object)) {
                            return reject(new Error('An error was encountered while processing this request.'));
                        }

                        if (response.data.key) {
                            commit('SERVER_CREDENTIALS', response.data)
                        }

                        return resolve();
                    })
                    .catch(reject);
            });
        },

        /**
         * Update the last viewed directory for the server the user is currently viewing. This allows
         * us to quickly navigate back to that directory, as well as ensure that actions taken are
         * performed aganist the correct directory without having to pass that mess everywhere.
         */
        updateCurrentDirectory: ({commit}: ActionContext<ServerState, any>, directory: string) => {
            commit('SET_CURRENT_DIRECTORY', directory);
        },
    },
    mutations: {
        SET_CURRENT_DIRECTORY: function (state: ServerState, directory: string) {
            state.fm.currentDirectory = directory;
        },
        SERVER_DATA: function (state: ServerState, data: ServerData) {
            state.server = data;
        },
        SERVER_CREDENTIALS: function (state: ServerState, credentials: ServerApplicationCredentials) {
            state.credentials = credentials;
        },
        CONSOLE_DATA: function (state: ServerState, data: string) {
            state.console.push(data);
        },
    },
}