Store the console output in a buffer for easier display

resources/assets/scripts/store/modules/socket.ts

@@ -7,6 +7,7 @@ export default {
         connected: false,
         connectionError: false,
         status: Status.STATUS_OFF,
+        outputBuffer: [],
     },
     mutations: {
         SOCKET_CONNECT: (state: SocketState) => {
@@ -25,6 +26,22 @@ export default {
 
         SOCKET_STATUS: (state: SocketState, data: string) => {
             state.status = data;
-        }
+        },
+
+        'SOCKET_CONSOLE OUTPUT': (state: SocketState, data: string) => {
+            const { outputBuffer } = state;
+
+            if (outputBuffer.length >= 500) {
+                // Pop all of the output buffer items off the front until we only have 499
+                // items in the array.
+                for (let i = 0; i <= (outputBuffer.length - 500); i++) {
+                    outputBuffer.shift();
+                    i++;
+                }
+            }
+
+            outputBuffer.push(data);
+            state.outputBuffer = outputBuffer;
+        },
     },
 };