studyup 0.0.0-stage → 1.0.0

package/sandboxels-package/sandboxels-1.13.2/mods/betterModManager.js

@@ -0,0 +1,174 @@
+var awaitingReload = [];
+
+function updateModManager() {
+    const modManager = document.getElementById("modManager");
+    // make the title a bit better
+    // modManager.getElementsByClassName("menuTitle").item(0).innerHTML = '<span class="menuTitle">Mod Manager</span>';
+    document.getElementById("modManagerUrl").remove();
+    const button = document.createElement("button");
+    button.id = "modListOpen";
+    button.onclick = openModList;
+    button.innerText = "Open Mod List";
+    button.style.position = "absolute";
+    button.style.bottom = "5%";
+    button.style.width = "100%";
+    button.style.left = "0";
+    button.style.height = "50px";
+    button.style.backgroundColor = "#3c3c3c"
+    button.style.paddingLeft = "auto";
+    button.style.zIndex = 11;
+    
+    modManager.appendChild(button);
+    const list = document.getElementById("modManagerList");
+    list.style.maxHeight = "60%";
+    list.style.overflowY = "scroll";
+    addModList();
+
+}
+
+function addModList() {
+    const parent = document.createElement("div");
+    parent.className = "menuParent"
+    parent.id = "modListParent";
+    parent.style.display = "none";
+    const modList = document.createElement("div");
+    modList.className = "menuScreen";
+    modList.id = "modList";
+    modList.innerHTML = `<button class="XButton" onclick="closeMenu();">-</button>
+    <span class="menuTitle">Mod List</span><br><br>
+    <span>NOTE: This list contains mods ONLY available on GitHub. For custom mods hosted elsewhere, enter JS url in the <a href="#modManagerUrl">.JS URL input box</a>.</span>`;
+    const modListUl = document.createElement("ul");
+    modListUl.id = "modListUl";
+    modListUl.style.maxHeight = "50%";
+    modListUl.style.overflowY = "scroll";
+    modList.appendChild(modListUl);
+    parent.appendChild(modList);
+    // add the modManagerUrl back, on a different screen
+    const modManagerUrl = document.createElement("input");
+    modManagerUrl.id = "modManagerUrl";
+    modManagerUrl.type = "text";
+    modManagerUrl.placeholder = ".JS URL...";
+    modManagerUrl.style.marginBottom = "10px";
+    modManagerUrl.onkeydown = (ev) => {
+        if (ev.key == "Enter") {
+            addMod(document.getElementById("modManagerUrl").value);
+            document.getElementById("modManagerUrl").value = '';
+        }
+        this.focus();
+    }
+    parent.appendChild(modManagerUrl);
+    document.getElementById("gameDiv").appendChild(parent);
+    const style = document.createElement("style");
+    style.innerHTML = `#modListUl { margin-top: 20px; }\n#modListUl li { position: relative; list-style-type: none; }\n#modListUl li::before { content: '•'; position: absolute; left: -1.5em; font-size: 1em; font-family: 'Press Start 2P'; }\n.addMod { color: #00cc00; }\n.awaitingReload { color: #666; }\n::-webkit-scrollbar { width: 10px; }\n::-webkit-scrollbar-track { background: #1f1f1f; }\n::-webkit-scrollbar-thumb { background: #aaa; }\n::-webkit-scrollbar-thumb:hover { background: #666; }`;
+    document.head.appendChild(style);
+    updateModList();
+}
+
+function updateModList() {
+    const modList = document.getElementById("modListUl");
+    // fetch all the mods from github
+    fetch("https://api.github.com/repos/R74nCom/sandboxels/git/trees/main?recursive=1").then(res => res.json())
+    .then(res => {
+        res.tree.filter(f => f.path.startsWith("mods/")).map(f => f.path).forEach(file => {
+            const link = document.createElement("a");
+            link.target = "_blank";
+            link.innerText = file.slice(5);
+            link.href = file;
+            const span = document.createElement("span");
+            if (awaitingReload.includes(file)) {
+                span.className = "awaitingReload";
+                span.innerText = " -";
+            } else if (enabledMods.includes(file)) {
+                span.className = "removeModX";
+                span.innerText = " X";
+            } else {
+                span.className = "addMod";
+                span.innerText = " +";
+            }
+            span.onclick = () => {
+                // makes sure that you cant modify mod state after its put into the awaiting reload group
+                // those mods will get updated when the site is reloaded and awaitingReload (because its not stored in localStorage) will get reset
+                if (awaitingReload.includes(file)) return;
+                if (enabledMods.includes(file)) {
+                    // why on earth addMod adds "mods/" automatically and removeMod doesnt
+                    removeMod(file.startsWith("mods/") ? file : "mods/" + file);
+                } else {
+                    addMod(file.replace(/mods\//g, ""));
+                }
+                awaitingReload.push(file);
+                span.innerText = " -";
+                span.className = "awaitingReload";
+            }
+            const listItem = document.createElement("li");
+            listItem.appendChild(link);
+            listItem.appendChild(span);
+            modList.appendChild(listItem);
+        }
+    )})
+}
+
+function openModList() {
+    document.getElementById("modParent").style.display = "none";
+    const modParent = document.getElementById("modListParent");
+    modParent.style.display = "block";
+    showingMenu = "modList";
+}
+
+if (enabledMods.includes("mods/betterMenuScreens.js")) {
+    menuScreens.modList = {
+        name: "Mod manager",
+        parentDiv: "modListParent",
+        show: false,
+        close: () => {
+            var modParent = document.getElementById("modListParent");
+            var modManagerUrl = document.getElementById("modManagerUrl");
+            modParent.style.display = "none";
+            modManagerUrl.value = "";
+            showingMenu = false;
+        },
+        onClose: () => {showModManager();},
+        loader: () => {updateModManager();}
+    }
+} else {
+    closeMenu = function() {
+        if (!showingMenu) { return; }
+        if (showingMenu == "info") {
+            var infoParent = document.getElementById("infoParent");
+            var infoSearch = document.getElementById("infoSearch");
+            infoParent.style.display = "none";
+            infoSearch.value = "";
+            showingMenu = false;
+            infoHistory = [];
+        }
+        else if (showingMenu == "mods") {
+            var modParent = document.getElementById("modParent");
+            var modManagerUrl = document.getElementById("modManagerUrl");
+            modParent.style.display = "none";
+            modManagerUrl.value = "";
+            showingMenu = false;
+        }
+        else if (showingMenu == "modList") {
+            var modParent = document.getElementById("modListParent");
+            var modManagerUrl = document.getElementById("modManagerUrl");
+            modParent.style.display = "none";
+            modManagerUrl.value = "";
+            showingMenu = false;
+            // open mod manager again so the mod list menu looks like a submenu
+            showModManager();
+        }
+        else if (showingMenu == "settings") {
+            var settingsParent = document.getElementById("settingsParent");
+            settingsParent.style.display = "none";
+            showingMenu = false;
+        }
+        else {
+            // do it to all elements with the class "menuParent"
+            var menuParents = document.getElementsByClassName("menuParent");
+            for (var i = 0; i < menuParents.length; i++) {
+                menuParents[i].style.display = "none";
+            }
+            showingMenu = false;
+        }
+    }
+    runAfterLoadList.push(updateModManager);
+}

package/sandboxels-package/sandboxels-1.13.2/mods/betterSettings.js

@@ -0,0 +1,304 @@
+const settingType = {
+    COLOR: [0, "#ff0000"],
+    TEXT: [1, ""],
+    NUMBER: [2, 0],
+    BOOLEAN: [3, false],
+    SELECT: [4, null]
+}
+class Setting {
+    constructor (name, storageName, type, disabled = false, defaultValue = null, description = "", customValidator = () => true) {
+        this.tabName = null;
+        this.name = name;
+        this.storageName = storageName;
+        this.type = type[0];
+        this.disabled = disabled;
+        this.defaultValue = defaultValue ?? type[1];
+        this.description = description;
+        this.validate = customValidator;
+        this.listeners = [];
+    }
+
+    set(value) {
+        if (!this.validate(value)) return false;
+        this.value = value;
+        const settings = JSON.parse(localStorage.getItem(`${this.tabName}/settings`)) ?? {};
+        settings[this.name] = value;
+        localStorage.setItem(`${this.tabName}/settings`, JSON.stringify(settings));
+        for (const listener of this.listeners) {
+            listener(value);
+        }
+    }
+
+    update() {
+        this.value = (JSON.parse(localStorage.getItem(`${this.tabName}/settings`)) ?? {})[this.name] ?? this.defaultValue;
+    }
+
+    get() {
+        this.update();
+        return this.value;
+    }
+
+    enable() {
+        this.disabled = false;
+    }
+    
+    disable() {
+        this.disabled = true;
+    }
+
+    onUpdate(callback) {
+        this.listeners.push(callback);
+    }
+
+    #parseColor(colorString) {
+        if (colorString instanceof Array) return parseColor(colorString[0]);
+        if (typeof colorString != "string") return "#ffffff";
+        if (colorString.startsWith("rgb(")) {
+            const color = colorString.replace("rgb(", "").replace(")", "");
+            return `#${color.split(",").map(a => parseInt(a).toString(16)).join("")}`;
+        } else {
+            if (colorString.startsWith("#")) {
+                const color = colorString.slice(1);
+                if (color.length == 3) return `#${color.repeat(2)}`;
+                else if (color.length == 2) return `#${color.repeat(3)}`;
+                else if (color.length >= 6) return `#${color.slice(0, 6)}`;
+                else return `#${color}`;
+            }
+        }
+    }
+
+    build() {
+        const value = this.get();
+        const id = "betterSettings/" + this.modName + "/" + this.storageName;
+        const span = document.createElement("span");
+        span.className = "setting-span";
+        span.title = 'Default: "' + this.defaultValue + '"' + (this.disabled ? ". This setting is disabled" : "") + (this.description ? `. ${this.description}` : "");
+        span.innerText = this.name + " ";
+        const element = document.createElement("input");
+        switch (this.type) {
+            case 0: {
+                element.type = "color";
+                element.disabled = this.disabled;
+                element.id = id;
+                element.value = value;
+                element.onchange = (ev) => {
+                    this.set(this.#parseColor(ev.target.value));
+                }
+                break;
+            }
+            case 1: {
+                element.type = "text";
+                element.disabled = this.disabled;
+                element.id = id;
+                element.value = value;
+                element.onchange = (ev) => {
+                    this.set(ev.target.value);
+                }
+                break;
+            }
+            case 2: {
+                element.type = "number";
+                element.disabled = this.disabled;
+                element.id = id;
+                element.value = value;
+                element.onchange = (ev) => {
+                    this.set(parseFloat(ev.target.value));
+                }
+                break;
+            }
+            case 3: {
+                element.type = "input";
+                element.className = "toggleInput";
+                element.disabled = this.disabled;
+                element.id = id;
+                element.value = value ? "ON" : "OFF";
+                element.setAttribute("state", value ? "1" : "0");
+                element.onclick = (ev) => {
+                    ev.target.value = ev.target.value == "ON" ? "OFF" : "ON";
+                    ev.target.setAttribute("state", ev.target.getAttribute("state") == "1" ? "0" : "1");
+                    this.set(ev.target.value == "ON");
+                }
+                break;
+            }
+        }
+        span.appendChild(element);
+        return span;
+    }
+}
+
+class SelectSetting extends Setting {
+    constructor (name, storageName, values, disabled = false, defaultValue = null) {
+        super(name, storageName, settingType.SELECT, disabled, defaultValue ?? values[0][1]);
+        this.values = values;
+    }
+
+    build() {
+        const value = this.get();
+        const id = "betterSettings/" + this.modName + "/" + this.storageName;
+        let selected = false;
+        const span = document.createElement("span");
+        span.className = "setting-span";
+        span.title = "Default: " + this.defaultValue;
+        span.innerText = this.name;
+        const element = document.createElement("select");
+        element.id = id;
+        for (const val of this.values) {
+            const option = document.createElement("option");
+            option.value = val[0];
+            option.innerText = val[1];
+            if (val[0] == value && !selected) {
+                option.selected = true;
+                selected = true;
+            }
+            element.appendChild(option);
+        }
+        element.onchange = (ev) => {
+            this.set(ev.target.value);
+        }
+        span.appendChild(element);
+        return span;
+    }
+}
+
+class SettingsTab {
+    constructor (tabName) {
+        this.categories = new Map();
+        this.registry = new Map();
+        this.tabName = tabName;
+    }
+
+    registerSetting(setting, category = "General") {
+        setting.tabName = this.tabName.toLowerCase().replace(/ /, "_");
+        setting.update();
+        if (this.categories.has(category)) this.categories.get(category).push(setting);
+        else this.categories.set(category, [setting]);
+        this.registry.set(setting.storageName, setting);
+        return this;
+    }
+
+    registerSettings(category = "General", ...settings) {
+        for (const setting of settings) {
+            this.registerSetting(setting, category);
+        }
+        return this;
+    }
+
+    set(name, value) {
+        this.registry.get(name)?.set(value);
+    }
+
+    get(name) {
+        return this.registry.get(name)?.get();
+    }
+
+    build() {
+        const result = document.createElement("div");
+        for (const key of this.categories.keys()) {
+            const category = document.createElement("div");
+            const title = document.createElement("span");
+            title.innerText = key;
+            title.className = "betterSettings-categoryTitle";
+            category.appendChild(title);
+            for (const setting of this.categories.get(key)) {
+                if (setting instanceof Setting) category.appendChild(setting.build());
+            }
+            result.append(category, document.createElement("br"));
+        }
+        return result;
+    }
+}
+
+class SettingsManager {
+    constructor () { 
+        this.settings = new Map();
+    }
+
+    registerTab(settingsTab) {
+        this.settings.set(settingsTab.tabName, settingsTab);
+    }
+
+    getSettings() {
+        return this.settings;
+    }
+}
+
+const settingsManager = new SettingsManager();
+{
+const injectCss = () => {
+    const css = `.modSelectSettingsButton {
+        padding: 10px;
+        cursor: pointer;
+    }
+    .modSelectSettingsButton[current=true] {
+        background-color: rgb(71, 71, 71);
+    }
+    .modSelectSettingsButton:hover {
+        background-color: rgb(51, 51, 51);
+    }
+    #modSelectControls {
+        margin-bottom: 10px;
+        position: relative;
+        display: flex;
+        overflow-x: scroll;
+    }
+    .betterSettings-categoryTitle {
+        font-size: 1.25em;
+    }`;
+    const style = document.createElement("style");
+    style.innerHTML = css;
+    document.head.appendChild(style);
+}
+
+const inject = () => {
+    const settingsMenu = document.getElementById("settingsMenu");
+    const menuText = settingsMenu.querySelector(".menuText");
+    const menuTextChildren = menuText.children;
+    const generalDiv = document.createElement("div");
+    generalDiv.id = "betterSettings/div/general";
+    while (menuTextChildren.length > 0) {
+        generalDiv.appendChild(menuTextChildren[0]);
+    }
+    menuText.appendChild(generalDiv);
+    const controls = document.createElement("div");
+    controls.id = "modSelectControls";
+    const generalButton = document.createElement("button");
+    generalButton.setAttribute("current", true);
+    generalButton.id = "betterSettings/button/general";
+    generalButton.className = "modSelectSettingsButton";
+    generalButton.innerText = "General";
+    generalButton.onclick = (ev) => {
+        for (const element of controls.children) {
+            element.setAttribute("current", false);
+            document.getElementById(element.id.replace("button", "div")).style.display = "none";
+        }
+        ev.target.setAttribute("current", true);
+        document.getElementById("betterSettings/div/general").style.display = "";
+    }
+    controls.appendChild(generalButton);
+    const wrapper = document.createElement("div");
+    wrapper.appendChild(generalDiv);
+    for (const mod of settingsManager.getSettings().keys()) {
+        const modButton = document.createElement("button");
+        modButton.setAttribute("current", false);
+        modButton.id = "betterSettings/button/" + mod;
+        modButton.className = "modSelectSettingsButton";
+        modButton.innerText = mod;
+        modButton.onclick = (ev) => {
+            for (const element of controls.children) {
+                element.setAttribute("current", false);
+                document.getElementById(element.id.replace("button", "div")).style.display = "none";
+            }
+            ev.target.setAttribute("current", true);
+            document.getElementById("betterSettings/div/" + mod).style.display = "";
+        }
+        controls.appendChild(modButton);
+        const modDiv = document.createElement("div");
+        modDiv.style.display = "none";
+        modDiv.id = "betterSettings/div/" + mod;
+        modDiv.appendChild(settingsManager.getSettings().get(mod).build());
+        wrapper.appendChild(modDiv);
+    }
+    menuText.append(controls, wrapper);
+}
+runAfterLoadList.push(inject, injectCss);
+}

package/sandboxels-package/sandboxels-1.13.2/mods/betterStats.js

@@ -0,0 +1,55 @@
+enabledMods.includes("mods/libpacman-v1.js") || (enabledMods.push("mods/libpacman-v1.js"), localStorage.setItem("enabledMods", JSON.stringify(enabledMods)), location.reload());
+
+let realTps = 0;
+let lastTps = 0;
+window.addEventListener("load", ()=>{
+  requireMods(["mods/libhooktick.js"], () => {
+    beforeEveryTick(()=>{
+      lastTps++;
+    });
+    setInterval(()=>{
+      realTps = lastTps;
+      lastTps = 0;
+    }, 1000);
+  });
+});
+function updateStatsNew() {
+	var statsDiv = document.getElementById("stats");
+	var stats = "<span id='stat-pos' class='stat'>x"+mousePos.x+",y"+mousePos.y+"</span>";
+	stats += "<span id='stat-pixels' class='stat"+ (currentPixels.length >= maxPixelCount ? " redText" : "") +"'>Pxls:" + currentPixels.length+"</span>";
+	stats += "<span id='stat-tps' class='stat'>" + tps+"tps</span>";
+	stats += "<span id='stat-realtps' class='stat'>" + realTps + "tps</span>";
+	stats += "<span id='stat-ticks' class='stat'>" + pixelTicks+"</span>";
+	if ((typeof pixelMap).length === 9) { return; }
+	if (pixelMap[mousePos.x] !== undefined) {
+		var currentPixel = pixelMap[mousePos.x][mousePos.y];
+		if (currentPixel !== undefined) {
+			stats += "<span id='stat-element' class='stat'>Elem:"+(elements[currentPixel.element].name || currentPixel.element).toUpperCase()+"</span>";
+			stats += "<span id='stat-temperature' class='stat'>Temp:"+formatTemp(currentPixel.temp)+"</span>";
+			if (currentPixel.charge) {
+				stats += "<span id='stat-charge' class='stat'>C"+parseFloat(currentPixel.charge)+"</span>";
+			}
+			if (currentPixel.burning) {
+				stats += "<span id='stat-burning' class='stat'>Burning</span>";
+			}
+			if (elements[currentPixel.element].hoverStat) {
+				stats += "<span id='stat-hover' class='stat'>"+elements[currentPixel.element].hoverStat(currentPixel).toString().replaceAll("<","&lt;")+"</span>";
+			}
+			else if (currentPixel.clone) {
+				stats += "<span id='stat-clone' class='stat'>"+currentPixel.clone.toString().toUpperCase().replaceAll("<","&lt;")+"</span>";
+			}
+			else if (currentPixel.con && currentPixel.con.element) {
+				stats += "<span id='stat-clone' class='stat'>"+currentPixel.con.element.toString().toUpperCase().replaceAll("<","&lt;")+"</span>";
+			}
+		}
+	}
+	if (shiftDown) {
+		stats += "<span id='stat-shift' class='stat'>"+shiftDownTypes[shiftDown]+"</span>";
+	}
+	// If the view is not null, show the view in all caps
+	if (view !== null) {
+		stats += "<span id='stat-view' class='stat'>"+(viewInfo[view] ? viewInfo[view].name : view)+"</span>";
+	}
+	statsDiv.innerHTML = stats;
+}
+updateStats = updateStatsNew;

package/sandboxels-package/sandboxels-1.13.2/mods/better_smooth_water.js

@@ -0,0 +1,6 @@
+elements.water.behavior = [
+    "XX|XX|XX",
+    "M2%5|XX|M2 AND BO",
+    "XX|M1|M2",
+];
+elements.water.flippableX = true;

package/sandboxels-package/sandboxels-1.13.2/mods/betterelec.js

@@ -0,0 +1,51 @@
+//betterelec.js, I will add more soon
+
+elements.transformer = {
+    tempHigh: 114,
+    tempLow: -101,
+    stateHigh: "spark",
+    stateLow: "coldfire",
+    color: "#ffffff",
+	behavior: behaviors.WALL,
+	category: "machines",
+	state: "solid",
+    conduct: 1,
+    }
+
+elements.battery_box = {
+    color: "#cfc9b4",
+    category: "machines",
+     behavior: [
+        "XX|SH|XX", // shocks (adds charge)
+        "SH|SH|XX",
+        "XX|XX|SH", 
+     ]
+}
+
+elements.spark = {
+    behavior: behaviors.FOAM,
+    category: "energy",
+    state: "gas",
+    color: "#e07d26",
+    conduct: 1,
+}
+
+elements.light_without_particles = {
+     color: "#ebebc3",
+    buttonColor: "#a8a897",
+    renderer: renderPresets.LED,
+    behavior: behaviors.WALL,
+    behaviorOn: [
+        "XX|XX|XX",
+        "XX|XX|XX",
+        "XX|XX|XX",
+    ],
+    category: "machines",
+    tempHigh: 1500,
+    stateHigh: ["molten_glass","molten_glass","molten_copper"],
+    conduct: 1,
+    breakInto: "glass_shard",
+    forceSaveColor: true
+}
+
+elements.wood.conduct = 1

package/sandboxels-package/sandboxels-1.13.2/mods/bettergraygoo.js

@@ -0,0 +1 @@
+elements.gray_goo.behavior = [ ["XX", "CH:gray_goo%25", "XX"], ["M2%5 AND CH:gray_goo0%25","XX","M2%5 AND CH:gray_goo%25"], ["XX","CH:gray_goo0%25 AND M1","XX"] ]

package/sandboxels-package/sandboxels-1.13.2/mods/bettermetalscrap.js

@@ -0,0 +1,37 @@
+if (!elements.aluminum.properties){elements.aluminum.properties = {}}
+elements.aluminum.properties.scrapType = "aluminum"
+if (!elements.tin.properties){elements.tin.properties = {}}
+elements.tin.properties.scrapType = "tin"
+if (!elements.brass.properties){elements.brass.properties = {}}
+elements.brass.properties.scrapType = "brass"
+if (!elements.grenade.properties){elements.grenade.properties = {}}
+elements.grenade.properties.scrapType = "steel"
+if (!elements.smoke_grenade.properties){elements.smoke_grenade.properties = {}}
+elements.smoke_grenade.properties.scrapType = "steel"
+if (!elements.flashbang.properties){elements.flashbang.properties = {}}
+elements.flashbang.properties.scrapType = "steel"
+var randomScrap = ["aluminum", "steel", "iron"]
+delete elements.metal_scrap.tempHigh
+delete elements.metal_scrap.stateHigh
+if (!elements.metal_scrap.tick){
+elements.metal_scrap.tick = function(pixel){
+    if (!pixel.scrapType){
+        pixel.scrapType = randomScrap[Math.floor(Math.random()*randomScrap.length)]
+    }
+    if (pixel.temp >= elements[pixel.scrapType].tempHigh){
+        changePixel(pixel, pixel.scrapType, false)
+    }
+}
+}
+else {
+    const prefunc = elements.metal_scrap.tick;
+    elements.metal_scrap.tick = function(pixel){
+        prefunc(pixel);
+        if (!pixel.scrapType){
+            pixel.scrapType = randomScrap[Math.floor(Math.random()*randomScrap.length)]
+        }
+        if (pixel.temp >= elements[pixel.scrapType].tempHigh){
+            changePixel(pixel, pixel.scrapType, false)
+        }
+    }
+}