notherbase-fs 4.0.21 → 4.0.23

package/public/js/chat-box.js

@@ -1,120 +1,120 @@
-/**
- * Creates a chat box from a div.chat-box.
- */
-class ChatBox {
-    constructor(username, room) {
-        ChatBox.attemptStyle();
-        this.socket = null;
-        this.username = username;
-        this.room = room;
-        this.$div = $(`.chat-box#${room}`);
-        this.$chatLog = null;
-        this.$entry = null;
-        this.maxMessages = 100;
-
-        this.socket = io({
-            query: {
-                room: this.room,
-                name: this.username
-            }
-        });
-
-        this.socket.on('chat message', this.newMessage);
-        this.socket.on('chat info', this.updateInfo);
-        this.render();
-    }
-
-    static styled = false;
-
-    /**
-     * Adds the chat box styles if needed.
-     */
-    static attemptStyle() {
-        if (!ChatBox.styled) {
-            $("head").append(`<link href='/styles/chat.css' rel='stylesheet' />`);
-            ChatBox.styled = true;
-        }
-    }
-
-    /**
-     * Renders a new message in the chat.
-     * @param {Object} msg An object including the text to render.
-     */
-    newMessage = (msg) => {
-        let time = new Date(msg.time);
-        let times = time.toLocaleTimeString('en-US').split(":");
-        this.$chatLog.append(`<p>(${times[0]}:${times[1]}) ${msg.name}: ${msg.text}</p>`);
-        this.$chatLog.scrollTop(this.$chatLog.prop("scrollHeight"));
-        let msgs = this.$chatLog.find("p");
-        if (msgs.length > this.maxMessages) {
-            for (let i = 0; i < msgs.length - this.maxMessages; i++) {
-                msgs[i].remove();
-            }
-        }
-    }
-
-    /**
-     * Updates info about the chat room in the chat box.
-     * @param {Object} msg An object including the users in the room.
-     */
-    updateInfo = (msg) => {
-        this.$usersChatting.text(`${msg.data.users.length} User${msg.data.users.length !== 1 ? "s" : ""} Chatting`);
-
-        this.$users.empty();
-        this.$header = $(`<h4>You are ${this.username}</h4>`).appendTo(this.$users);
-        
-        for (let i = 0; i < msg.data.users.length; i++) {
-            this.$users.append(`<li>${msg.data.users[i]}</li>`);
-        }
-    }
-
-    /**
-     * Sends a new chat message to the server.
-     */
-    sendMessage = (override = null) => {
-        if (override !== null) {
-            this.socket.emit('chat message', {
-                name: this.username,
-                time: Date.now(),
-                text: override
-            });
-        }
-        else if (this.$entry.val() !== ""){
-            let val = this.$entry.val();
-            this.$entry.val("");
-
-            this.socket.emit('chat message', {
-                name: this.username,
-                time: Date.now(),
-                text: val
-            });
-        }
-    }
-
-    /**
-     * Renders necessary child elements.
-     */
-    render() {
-        this.$div.empty();
-
-        this.$usersChatting = $(`<button id="chatting">0 Users Chatting</button>`).appendTo(this.$div);
-        this.$usersChatting.click(this.toggleUsers);
-        this.$chatLog = $(`<div class="chat-log"></div>`).appendTo(this.$div);
-        this.$users = $(`<ul class="users"></ul>`).appendTo(this.$div);
-        this.$header = $(`<h4>You are ${this.username}</h4>`).appendTo(this.$users);
-        this.$entry = $(`<input autocomplete="off" type="text" class="chat-entry">`).appendTo(this.$div);
-        this.$send = $(`<button class="chat-send">Send</button>`).appendTo(this.$div);
-
-        this.$send.on("click", (e) => {
-            this.sendMessage(null);
-        });
-        this.$entry.on("keyup", (e) => {
-            if (e.keyCode == 13) this.sendMessage(null);
-        });
-    }
-
-    toggleUsers = () => {
-        this.$users.toggleClass("shown");
-    }
-}
-
+/**
+ * Creates a chat box from a div.chat-box.
+ */
+class ChatBox {
+    constructor(username, room) {
+        ChatBox.attemptStyle();
+        this.socket = null;
+        this.username = username;
+        this.room = room;
+        this.$div = $(`.chat-box#${room}`);
+        this.$chatLog = null;
+        this.$entry = null;
+        this.maxMessages = 100;
+
+        this.socket = io({
+            query: {
+                room: this.room,
+                name: this.username
+            }
+        });
+
+        this.socket.on('chat message', this.newMessage);
+        this.socket.on('chat info', this.updateInfo);
+        this.render();
+    }
+
+    static styled = false;
+
+    /**
+     * Adds the chat box styles if needed.
+     */
+    static attemptStyle() {
+        if (!ChatBox.styled) {
+            $("head").append(`<link href='/styles/chat.css' rel='stylesheet' />`);
+            ChatBox.styled = true;
+        }
+    }
+
+    /**
+     * Renders a new message in the chat.
+     * @param {Object} msg An object including the text to render.
+     */
+    newMessage = (msg) => {
+        let time = new Date(msg.time);
+        let times = time.toLocaleTimeString('en-US').split(":");
+        this.$chatLog.append(`<p>(${times[0]}:${times[1]}) ${msg.name}: ${msg.text}</p>`);
+        this.$chatLog.scrollTop(this.$chatLog.prop("scrollHeight"));
+        let msgs = this.$chatLog.find("p");
+        if (msgs.length > this.maxMessages) {
+            for (let i = 0; i < msgs.length - this.maxMessages; i++) {
+                msgs[i].remove();
+            }
+        }
+    }
+
+    /**
+     * Updates info about the chat room in the chat box.
+     * @param {Object} msg An object including the users in the room.
+     */
+    updateInfo = (msg) => {
+        this.$usersChatting.text(`${msg.data.users.length} User${msg.data.users.length !== 1 ? "s" : ""} Chatting`);
+
+        this.$users.empty();
+        this.$header = $(`<h4>You are ${this.username}</h4>`).appendTo(this.$users);
+        
+        for (let i = 0; i < msg.data.users.length; i++) {
+            this.$users.append(`<li>${msg.data.users[i]}</li>`);
+        }
+    }
+
+    /**
+     * Sends a new chat message to the server.
+     */
+    sendMessage = (override = null) => {
+        if (override !== null) {
+            this.socket.emit('chat message', {
+                name: this.username,
+                time: Date.now(),
+                text: override
+            });
+        }
+        else if (this.$entry.val() !== ""){
+            let val = this.$entry.val();
+            this.$entry.val("");
+
+            this.socket.emit('chat message', {
+                name: this.username,
+                time: Date.now(),
+                text: val
+            });
+        }
+    }
+
+    /**
+     * Renders necessary child elements.
+     */
+    render() {
+        this.$div.empty();
+
+        this.$usersChatting = $(`<button id="chatting">0 Users Chatting</button>`).appendTo(this.$div);
+        this.$usersChatting.click(this.toggleUsers);
+        this.$chatLog = $(`<div class="chat-log"></div>`).appendTo(this.$div);
+        this.$users = $(`<ul class="users"></ul>`).appendTo(this.$div);
+        this.$header = $(`<h4>You are ${this.username}</h4>`).appendTo(this.$users);
+        this.$entry = $(`<input autocomplete="off" type="text" class="chat-entry">`).appendTo(this.$div);
+        this.$send = $(`<button class="chat-send">Send</button>`).appendTo(this.$div);
+
+        this.$send.on("click", (e) => {
+            this.sendMessage(null);
+        });
+        this.$entry.on("keyup", (e) => {
+            if (e.keyCode == 13) this.sendMessage(null);
+        });
+    }
+
+    toggleUsers = () => {
+        this.$users.toggleClass("shown");
+    }
+}
+

package/test/coast/tall-beach/nono-cove/index.css

@@ -1,18 +1,18 @@
-:root {
-}
-
-.nono-spirit {
-    width: 100%;
-    height: 200px;
-    margin: 10px;
-    position: relative;
-}
-
-.nono-spirit img {
-    width: 100px;
-    height: 100px;
-    top: 50%;
-    left: 50%;
-    position: absolute;
-    image-rendering: pixelated;
+:root {
+}
+
+.nono-spirit {
+    width: 100%;
+    height: 200px;
+    margin: 10px;
+    position: relative;
+}
+
+.nono-spirit img {
+    width: 100px;
+    height: 100px;
+    top: 50%;
+    left: 50%;
+    position: absolute;
+    image-rendering: pixelated;
 }

package/test/coast/tall-beach/nono-cove/index.ejs

@@ -1,30 +1,30 @@
-<p>
-    nono
-</p>
-
-<hr>
-
-<h3>chat</h3>
-
-<div class="chat-box" id="test-chat"></div>
-<div class="chat-box" id="test-chat-2"></div>
-<div class="chat-box" id="test-chat-3"></div>
-
-<hr>
-
-<a href="/the-front" class="to">
-    Go to The Front
-</a>
-
-<a href="/coast/tall-beach/nono-cove/nono-og" class="to">
-    Go to Nono Cove
-</a>
-
-<script src="/js/chat-box.js"></script>
-<script>
-    let chatTest = new ChatBox("<%= user.memory.data.username %>", "test-chat");
-    let chatTest2 = new ChatBox("<%= user.memory.data.username %>", "test-chat-2");
-    let chatTest3 = new ChatBox("<%= user.memory.data.username %>", "test-chat-3");
-
-    chatTest.sendMessage("Hello, world!");
+<p>
+    nono
+</p>
+
+<hr>
+
+<h3>chat</h3>
+
+<div class="chat-box" id="test-chat"></div>
+<div class="chat-box" id="test-chat-2"></div>
+<div class="chat-box" id="test-chat-3"></div>
+
+<hr>
+
+<a href="/the-front" class="to">
+    Go to The Front
+</a>
+
+<a href="/coast/tall-beach/nono-cove/nono-og" class="to">
+    Go to Nono Cove
+</a>
+
+<script src="/js/chat-box.js"></script>
+<script>
+    let chatTest = new ChatBox("<%= user.memory.data.username %>", "test-chat");
+    let chatTest2 = new ChatBox("<%= user.memory.data.username %>", "test-chat-2");
+    let chatTest3 = new ChatBox("<%= user.memory.data.username %>", "test-chat-3");
+
+    chatTest.sendMessage("Hello, world!");
 </script>

package/test/coast/tall-beach/nono-cove/nono-og/add-gold.js

@@ -1,16 +1,16 @@
-export default async (req, user) => {
-    await user.offsetItem("Gold Coin", 3);
-
-    let spirit = await req.db.Spirit.recallOne("test");
-    if (!spirit.memory.data.amount) spirit.memory.data.amount = 0;
-    spirit.memory.data.amount += 3;
-    await spirit.commit();
-
-    let stats = await req.db.Spirit.recallOne("stats");
-    let render = [];
-    let keys = Object.keys(stats.memory.data);
-    for (let i = 0; i < keys.length; i++) {
-        render.push(`${keys[i]} - ${stats.memory.data[keys[i]].visits}`)
-    }
-    console.log(render);
+export default async (req, user) => {
+    await user.offsetItem("Gold Coin", 3);
+
+    let spirit = await req.db.Spirit.recallOne("test");
+    if (!spirit.memory.data.amount) spirit.memory.data.amount = 0;
+    spirit.memory.data.amount += 3;
+    await spirit.commit();
+
+    let stats = await req.db.Spirit.recallOne("stats");
+    let render = [];
+    let keys = Object.keys(stats.memory.data);
+    for (let i = 0; i < keys.length; i++) {
+        render.push(`${keys[i]} - ${stats.memory.data[keys[i]].visits}`)
+    }
+    console.log(render);
 }

package/test/coast/tall-beach/nono-cove/nono-og/index.ejs

@@ -1,47 +1,47 @@
-<style>
-    <%- include("./nono.css"); %>
-</style>
-
-<p>
-    A random nono washes up on shore. Will you solve it?
-</p>
-
-<hr>
-
-<div class="nono-spirit">
-    <img id="move-nono-spirit" src="/img/logo.png" alt="Nono Spirit">
-</div>
-
-<div id="nono-board"></div>
-
-<hr>
-
-<a href="/the-front">
-    Go to The Front
-</a>
-
-<script>
-    let lastPos = [0, 0];
-
-    let moveNono = function moveNono() {
-        let focus = $("#move-nono-spirit");
-        let newPos = [Math.floor(Math.random() * 200), Math.floor(Math.random() * 100)];
-
-        focus.animate({
-            left: newPos[0],
-            top: newPos[1],
-        }, 2000);
-
-        lastPos = newPos;
-    };
-
-    moveNono();
-
-    setInterval(moveNono, 2000);
-
-    <%- include("./nono.js"); %>
-
-    base.load("test", "global").then((res) => {
-        console.log(res);
-    });
+<style>
+    <%- include("./nono.css"); %>
+</style>
+
+<p>
+    A random nono washes up on shore. Will you solve it?
+</p>
+
+<hr>
+
+<div class="nono-spirit">
+    <img id="move-nono-spirit" src="/img/logo.png" alt="Nono Spirit">
+</div>
+
+<div id="nono-board"></div>
+
+<hr>
+
+<a href="/the-front">
+    Go to The Front
+</a>
+
+<script>
+    let lastPos = [0, 0];
+
+    let moveNono = function moveNono() {
+        let focus = $("#move-nono-spirit");
+        let newPos = [Math.floor(Math.random() * 200), Math.floor(Math.random() * 100)];
+
+        focus.animate({
+            left: newPos[0],
+            top: newPos[1],
+        }, 2000);
+
+        lastPos = newPos;
+    };
+
+    moveNono();
+
+    setInterval(moveNono, 2000);
+
+    <%- include("./nono.js"); %>
+
+    base.load("test", "global").then((res) => {
+        console.log(res);
+    });
 </script>

package/test/coast/tall-beach/nono-cove/nono-og/nono.css

@@ -1,89 +1,89 @@
-:root {
-    --nonoColor: rgb(87, 61, 53);
-    --nonoColorBright: rgb(187, 130, 113);
-    --nonoBG: rgb(61, 61, 61);
-}
-
-#nono-board {
-    border: 2px solid black;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: flex-start;
-}
-
-.nono {
-    background-color: var(--nonoBG);
-    user-select: none;
-    image-rendering: pixelated;
-}
-
-.hints {
-    background-color: var(--nonoBG);
-    display: flex;
-    flex-wrap: wrap;
-    align-items: flex-start;
-    user-select: none;
-}
-
-.column {
-    border: 1px solid var(--nonoColor);
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-end;
-    user-select: none;
-}
-
-.row {
-    border: 1px solid var(--nonoColor);
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-end;
-    user-select: none;
-}
-
-.hint {
-    width: 25px;
-    height: 25px;
-    margin: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    user-select: none;
-}
-
-.nono-field {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: flex-start;
-}
-
-.nono-tile {
-    border: 1px solid var(--nonoColor);
-    cursor: pointer;
-}
-
-.borderless {
-    border: none !important;
-    cursor: initial !important;
-}
-
-.nono-tile:hover {
-    border: 1px solid var(--nonoColorBright);
-}
-
-.blank {
-    background-color: white;
-    transition: all .1s ease;
-}
-
-.marked {
-    background-color: rgb(73, 80, 182);
-    transition: all .1s ease;
-}
-
-.punched {
-    background-color: rgb(0, 0, 0);
-    transition: all .1s ease;
+:root {
+    --nonoColor: rgb(87, 61, 53);
+    --nonoColorBright: rgb(187, 130, 113);
+    --nonoBG: rgb(61, 61, 61);
+}
+
+#nono-board {
+    border: 2px solid black;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+}
+
+.nono {
+    background-color: var(--nonoBG);
+    user-select: none;
+    image-rendering: pixelated;
+}
+
+.hints {
+    background-color: var(--nonoBG);
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    user-select: none;
+}
+
+.column {
+    border: 1px solid var(--nonoColor);
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    user-select: none;
+}
+
+.row {
+    border: 1px solid var(--nonoColor);
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    user-select: none;
+}
+
+.hint {
+    width: 25px;
+    height: 25px;
+    margin: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    user-select: none;
+}
+
+.nono-field {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+}
+
+.nono-tile {
+    border: 1px solid var(--nonoColor);
+    cursor: pointer;
+}
+
+.borderless {
+    border: none !important;
+    cursor: initial !important;
+}
+
+.nono-tile:hover {
+    border: 1px solid var(--nonoColorBright);
+}
+
+.blank {
+    background-color: white;
+    transition: all .1s ease;
+}
+
+.marked {
+    background-color: rgb(73, 80, 182);
+    transition: all .1s ease;
+}
+
+.punched {
+    background-color: rgb(0, 0, 0);
+    transition: all .1s ease;
 }