/* Copyright (c) 2015 William Toohey * Portions Copyright (c) 2015 Calvin Walton * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ (function(window, document) { "use strict"; /* If you're modifying settings for your hues, DON'T EDIT THIS - Go to the HTML and edit the `defaults` object instead! */ const defaultSettings = { // Location relative to root - where do the audio/zip workers live // This is required because Web Workers need an absolute path workersPath : "lib/workers/", // ONLY USED FOR QUERY STRINGS this will be prepended to any respacks // passed in as a ?packs=query respackPath : "respacks/", // Debugging var, for loading zips or not load : true, // Debug, play first song automatically? autoplay : true, // If true, defaults passed in initialiser override locally saved overwriteLocal : false, // If set, will attempt to play the named song first firstSong: null, // If set, will attempt to set the named image first firstImage: null, // If set, will disable the remote resources menu. For custom pages. disableRemoteResources: false, // You will rarely want to change this. Enables/disables the Hues Window. enableWindow: true, // Whether to show the Hues Window on page load showWindow: false, // What tab will be displayed first in the Hues Window firstWindow: "INFO", // Preloader customisation preloadPrefix: "0x", preloadBase: 16, preloadMax: 0x40, preloadTitle: "", // Info customisation huesName: "0x40 Hues of JS, v%VERSION%", // If unset, uses , otherwise sets which element to turn hues-y root: null, // If set, keyboard shortcuts are ignored disableKeyboard: false, // UI accessible config smartAlign: "on", blurAmount: "medium", blurDecay: "fast", blurQuality: "medium", currentUI: "modern", colourSet: "normal", blackoutUI: "off", playBuildups: "on", visualiser: "off", shuffleImages: "on", autoSong: "off", autoSongDelay: 5, // loops or minutes depending on autoSong value autoSongShuffle: "on", autoSongFadeout: "on", trippyMode: "off", volume: 0.7, skipPreloader: "off" }; // Don't get saved to localStorage const ephemeralSettings = [ "load", "autoplay", "overwriteLocal", "respacks", "respackPath", "firstSong", "firstImage", "disableRemoteResources", "preloadPrefix", "preloadBase", "preloadMax", "enableWindow", "firstWindow", "workersPath", "huesName", "root", "disableKeyboard" ]; // To dynamically build the UI like the cool guy I am const settingsCategories = { "Functionality" : [ "autoSong", "autoSongShuffle", "autoSongFadeout", "playBuildups" ], "Graphics" : [ "blurAmount", "blurDecay", "blurQuality", "trippyMode" ], "Visuals" : [ "smartAlign", "shuffleImages", "colourSet", "visualiser" ], "Interface" : [ "currentUI", "blackoutUI", "skipPreloader" ] }; const settingsOptions = { smartAlign : { name : "Smart Align images", options : ["off", "on"] }, blurAmount : { name : "Blur amount", options : ["low", "medium", "high"] }, blurDecay : { name : "Blur decay", options : ["slow", "medium", "fast", "faster!"] }, blurQuality : { name : "Blur quality", options : ["low", "medium", "high", "extreme"] }, visualiser : { name : "Spectrum analyser", options : ["off", "on"] }, currentUI : { name : "UI style", options : ["retro", "v4.20", "modern", "xmas", "hlwn", "mini"] }, colourSet : { name : "Colour set", options : ["normal", "pastel", "v4.20"] }, blackoutUI : { name : "Blackout affects UI", options : ["off", "on"] }, playBuildups : { name : "Play buildups", options : ["off", "once", "on"] }, autoSong : { name : "AutoSong", options : ["off", "loop", "time", {type:"varText", text:function() { // only display if autosong is on return localStorage["autoSong"] == "off" ? "" : "after"; }}, {type:"input", variable:"autoSongDelay", inputType:"int", visiblity:function() { return localStorage["autoSong"] != "off"; } }, {type:"varText", text:function() { let ret = ""; switch(localStorage["autoSong"]) { case "loop": ret = "loop"; break; case "time": ret = "min"; break; case "off": /* falls through */ default: return ""; } if(localStorage["autoSongDelay"] > 1) { ret += "s"; } return ret; }} ] }, autoSongShuffle : { name : "AutoSong shuffle", options : ["off", "on"] }, autoSongFadeout : { name : "AutoSong fade out", options : ["off", "on"] }, trippyMode : { name : "Trippy Mode", options : ["off", "on"] }, shuffleImages : { name : "Shuffle images", options : ["off", "on"] }, skipPreloader : { name : "Skip preloader warning", options : ["off", "on"] } }; class HuesSettings { constructor(defaults) { this.eventListeners = { /* callback updated() * * Called when settings are updated */ updated : [] }; this.hasUI = false; this.settingCheckboxes = {}; this.textCallbacks = []; this.visCallbacks = []; for(let attr in defaultSettings) { if(defaultSettings.hasOwnProperty(attr)) { if(defaults[attr] === undefined) { defaults[attr] = defaultSettings[attr]; } // don't write to local if it's a temp settings if(ephemeralSettings.indexOf(attr) != -1) { continue; } if(defaults.overwriteLocal) { localStorage[attr] = defaults[attr]; } // populate defaults, ignoring current if(localStorage[attr] === undefined) { localStorage[attr] = defaults[attr]; } } } this.defaults = defaults; // Override with our query string let querySettings = this.getQuerySettings(); this.defaults.respacks = this.defaults.respacks.concat(querySettings.respacks); for(let attr in querySettings) { if(querySettings.hasOwnProperty(attr) && attr != "respacks") { this.defaults[attr] = querySettings[attr]; if(ephemeralSettings.indexOf(attr) == -1) { // TODO: Everything that checks localStorage for settings should // change to get() to preserve local changes localStorage[attr] = querySettings[attr]; } } } } getQuerySettings() { let results = {}; results.respacks = []; let query = window.location.search.substring(1); let vars = query.split("&"); for (let i=0;i