{ "version": 3, "sources": ["../../javascript/appos/application.js", "../../javascript/appos/component_loader.js", "../../javascript/appos/component.js", "../../javascript/appos/namespaced_console.js", "../../javascript/appos/simple_events.js", "../../javascript/appos/debugger.js", "../../javascript/appos/util.js", "../../javascript/appos/appos.js", "../../javascript/appos/component/jquery/easings.js", "../../javascript/appos/component/turbo_bridge.js", "../../javascript/appos/component/toggle_inline_list.js", "../../javascript/appos/component/anim/threed_carousel.js", "../../javascript/appos/lib/scroll_queue.js", "../../javascript/sot_profile_viewer/find_a_thing_renderer.js", "../../javascript/appos/lib/trigram_index.js", "../../javascript/sot_profile_viewer/entitlement_mapper.js", "../../javascript/sot_profile_viewer/entitlement_search.js", "../../javascript/sot_profile_viewer/goto_anywhere.js", "../../javascript/appos/bootstrap5/modal.js", "../../javascript/sot_profile_viewer/graph_anything.js", "../../javascript/sot_profile_viewer/tracer_ui.js", "../../javascript/sot_profile_viewer/net_worth_ui.js", "../../javascript/sot_profile_viewer/emote_loadout_ui.js", "../../javascript/sot_profile_viewer/twitch_drops.js", "../../javascript/sot_profile_viewer/insider_timer.js", "../../javascript/sot_profile_viewer/key_modal.js", "../../javascript/sot_profile_viewer/fav_modal.js", "../../javascript/sot_profile_viewer/fat_help_modal.js", "../../../../../shared/node_modules/canvas-confetti/dist/confetti.module.mjs", "../../javascript/sot_profile_viewer/confetti_class.js", "../../javascript/sot_profile_viewer/inline_compare.js", "../../javascript/appos/lib/external_promise.js", "../../javascript/sot_profile_viewer/missing_entitlements.js", "../../javascript/sot_profile_viewer.js"], "sourcesContent": ["import * as AppOS from \"./appos\"\n\nclass Application {\n static availableComponents = []\n\n static boot(opts) {\n return AppOS.boot(new this(opts))\n }\n\n static DEFAULT_EVENTS = [\n \"init\",\n \"boot\",\n \"documentLoad\",\n \"pageLoad\",\n ]\n\n static DEFAULT_OPTIONS = {\n instance: null,\n init: null,\n debug: false,\n data: {},\n turbolinks: false,\n turbo: false,\n defaultBoot: app => {\n if (window.Turbo || window.Turbolinks) {\n document.addEventListener('DOMContentLoaded', _ => app.fire(\"documentLoad\", app), { once: true })\n if(window.Turbo) {\n app.debug(\"detected Turbo\")\n document.addEventListener('turbo:load', _ => app.fire(\"pageLoad\", app), false)\n }\n if(window.Turbolinks) {\n app.debug(\"detected Turbolinks\")\n document.addEventListener('turbolinks:load', _ => app.fire(\"pageLoad\", app), false)\n }\n } else {\n document.addEventListener('DOMContentLoaded', _ => {\n app.fire(\"documentLoad\", app)\n app.fire(\"pageLoad\", app)\n }, false)\n }\n }\n }\n\n constructor(opts = {}) {\n this.app = this\n this.loadedComponents = []\n this.opts = Object.assign({}, this.constructor.DEFAULT_OPTIONS, opts)\n\n // namespaced console\n AppOS.NamespacedConsole.applyOn(this, {\n debugConfig: this.opts,\n namespaces: [\"AppOS\", [this, \"instance\"]],\n })\n\n // debugger\n this.dev = new AppOS.Debugger(this).getProxy()\n\n // register events\n AppOS.SimpleEvents.applyOn(this, this.constructor.DEFAULT_EVENTS, this.opts)\n\n this.constructor.DEFAULT_EVENTS.forEach(efn => {\n if(typeof this[efn] == \"function\") this.on(efn, this[efn])\n })\n }\n\n use(imp, opts) {\n const ins = new imp(this, opts ?? this.opts[imp.id])\n this.debug(\"using component \", ins.name)\n this.loadedComponents.push(ins)\n ins.init?.()\n return ins\n }\n\n get components() {\n const res = {}\n this.loadedComponents.forEach(cins => {\n res[cins.name] = cins\n })\n return res\n }\n\n get componentLoader() {\n return window.__appos_core_component_loader\n }\n\n // ===============\n // = API methods =\n // ===============\n // init() {}\n // boot() {}\n // documentLoad() {}\n // pageLoad() {}\n}\n\nexport { Application }\n", "export class ComponentLoader {\n constructor(app) {\n this.app = app\n this.promises = new Map()\n this.sourceMap = new Map()\n this.exports = new Map()\n }\n\n destroy() {\n delete this.promises\n delete this.sourceMap\n delete this.exports\n }\n\n refreshSources() {\n this.sourceMap = new Map()\n if(document.body?.dataset.apposComponentMap) {\n this.sourceMap = new Map(Object.entries(JSON.parse(document.body.dataset.apposComponentMap)))\n }\n return this\n }\n\n signal(comp, exps = {}, use = []) {\n if(!this.exports.has(comp)) this.exports.set(comp, new Map())\n const emap = this.exports.get(comp)\n Object.entries(exps).forEach(([name, exp]) => emap.set(name, exp))\n\n document.body.dispatchEvent(\n new CustomEvent(\"appos:component:loaded\", {\n bubbles: true,\n detail: { component: comp, exports: exps },\n }),\n )\n\n use.forEach(exp => {\n const ins = this.app?.use(exp)\n ins.boot?.()\n ins.documentLoad?.()\n ins.pageLoad?.()\n })\n }\n\n ensure() {\n this.refreshSources()\n const promises = new Map()\n document.querySelectorAll(`[data-appos-require-component]`).forEach(el => {\n if(!el.dataset.apposRequireComponent) return undefined\n el.dataset.apposRequireComponent.split(\" \").forEach(comp => {\n if(comp && !promises.has(comp)) promises.set(comp, this.load(comp))\n })\n })\n return Promise.all(promises.values())\n }\n\n load(component) {\n if(!this.promises.has(component)) {\n if(this.sourceMap.has(component)) {\n this.promises.set(component, this.loadComponentWithScriptTag(component, this.sourceMap.get(component)))\n } else {\n console.warn(`[AppOS] failed to load component, not in map:`, component)\n }\n }\n return this.promises.get(component)\n }\n\n loadComponentWithScriptTag(component, src) {\n return new Promise((resolve, reject) => {\n const script = document.createElement(\"script\")\n script.type = \"text/javascript\"\n script.src = src\n script.defer = true\n script.setAttribute(\"data-appos-component\", component)\n // script.setAttribute(\"data-turbo-track\", \"reload\")\n script.onload = ev => resolve([component, this.exports.get(component), src, script, ev])\n document.head.append(script)\n })\n }\n}\n", "import * as AppOS from \"./appos\"\n\nclass Component {\n static DEFAULT_OPTIONS = {\n debug: false,\n }\n\n static DEFAULT_EVENTS = [\n \"init\",\n \"boot\",\n \"documentLoad\",\n \"pageLoad\",\n ]\n\n constructor(app, opts = {}) {\n this.app = app\n this.opts = Object.assign({}, this.constructor.DEFAULT_OPTIONS, opts)\n if(app.opts) this.opts.debug = this.app.opts.debug\n\n // namespaced console\n AppOS.NamespacedConsole.applyOn(this, { base: this.app, namespace: [this, \"name\"] })\n\n // register events\n this.constructor.DEFAULT_EVENTS.forEach(efn => {\n if(typeof this[efn] == \"function\") this.app.on(efn, this[efn].bind(this))\n })\n }\n\n get name() {\n return this.constructor.id\n }\n\n get componentLoader() {\n return window.__appos_core_component_loader\n }\n\n visitPage(...args) {\n AppOS.Util.visitPage(...args)\n }\n\n reloadPage (...args) {\n AppOS.Util.reloadPage(...args)\n }\n}\n\nexport { Component }\n", "class NamespacedConsole {\n static applyOn(target, opts = {}) {\n const bconfig = opts.base?.__namespaced_console_opts\n if (bconfig) {\n opts.namespaces = bconfig.namespaces.slice(0)\n opts.nsFallback = bconfig.nsFallback\n opts.debug = bconfig.debug\n opts.debugConfig = bconfig.debugConfig\n opts.debugConfigKey = bconfig.debugConfigKey\n }\n\n opts.debug ??= false\n opts.debugConfigKey ??= \"debug\"\n opts.nsFallback ??= \"?\"\n opts.namespaces ??= []\n if (opts.namespace) opts.namespaces.push(opts.namespace)\n\n opts.doDebugProc = _ => {\n return opts.debugConfig ? opts.debugConfig[opts.debugConfigKey] : opts.debug\n }\n\n const nsStrProc = _ => {\n if(!opts.namespaces) return false\n let nsStr = \"\"\n opts.namespaces.forEach(el => {\n nsStr += `[${(Array.isArray(el) ? el[0][el[1]] : (typeof el == \"function\" ? el() : el)) ?? opts.nsFallback}]`\n })\n return nsStr\n }\n\n target.__namespaced_console_opts = opts\n\n target.debug = (function (...msg) {\n if(!opts.doDebugProc()) return\n msg.unshift(nsStrProc())\n if(!msg[0]) msg.shift()\n console.debug.apply(console, msg)\n }).bind(target)\n\n target.info = (function (...msg) {\n msg.unshift(nsStrProc())\n if(!msg[0]) msg.shift()\n console.info.apply(console, msg)\n }).bind(target)\n\n target.warning = (function (...msg) {\n msg.unshift(nsStrProc())\n if(!msg[0]) msg.shift()\n console.warn.apply(console, msg)\n }).bind(target)\n\n target.error = (function (...msg) {\n msg.unshift(nsStrProc())\n if(!msg[0]) msg.shift()\n console.error.apply(console, msg)\n }).bind(target)\n }\n}\n\nexport { NamespacedConsole }\n", "class SimpleEvents {\n static applyOn(target, events = [], opts) {\n if(!Array.isArray(target)) target = Array(target)\n if(target.length == 1) target.push(\"events\")\n if(!target[0][target[1]]) target[0][target[1]] = new SimpleEvents.Events(target[0])\n\n const tev = target[0][target[1]]\n target[0].on = tev.on.bind(tev)\n target[0].off = tev.off.bind(tev)\n target[0].fire = tev.fire.bind(tev)\n\n events.forEach(evn => target[0][target[1]].register(evn, opts))\n }\n}\n\nSimpleEvents.Events = class {\n constructor(target) {\n this.target = target\n this.callbacks = {}\n }\n\n on(evn, cb) {\n if(!this.callbacks[evn]) throw(`no such event ${evn}`)\n this.callbacks[evn].push(cb)\n cb.detach = _ => this.off(evn, cb)\n return this.target\n }\n\n off(evn, cb) {\n if(!this.callbacks[evn]) throw(`no such event ${evn}`)\n const index = this.callbacks[evn].indexOf(cb)\n if(index < 0) throw(`no such handler on ${evn}`)\n this.callbacks[evn].splice(index, 1)\n return this.target\n }\n\n fire(evn, ...args) {\n if(!this.callbacks[evn]) throw(`no such event ${evn}`)\n this.callbacks[evn].forEach(fn => fn.apply(this.target, args))\n return this.target\n }\n\n register(evn, opts) {\n if(!this.callbacks[evn]) this.callbacks[evn] = []\n if(opts) {\n const capitalized = `${evn[0].toUpperCase()}${evn.slice(1)}`\n if(opts[`on${capitalized}`]) this.on(evn, opts[`on${capitalized}`])\n }\n }\n\n // bindSub(bindOn, ...args) {\n // let prefix = false\n // let events = args[0]\n // if(args.length == 2) {\n // prefix = args[0]\n // events = args[1]\n // }\n // Object.keys(this.callbacks).forEach(evn => {\n // if (prefix) {\n // this.target.on(evn, bindOn[`${prefix}${evn[0].toUpperCase()}${evn.slice(1)}`].bind(bindOn))\n // } else {\n // this.target.on(evn, bindOn[evn].bind(bindOn))\n // }\n // })\n // return target\n // }\n}\n\nexport { SimpleEvents }\n", "import * as AppOS from \"./appos\"\n\nclass Debugger {\n constructor(app) {\n this.app = app\n this.namespaces = {}\n AppOS.NamespacedConsole.applyOn(this, { base: this.app, namespace: \"Debugger\" })\n }\n\n getProxy() {\n this.proxy = new Proxy(this, {\n get(target, name, receiver) {\n if(typeof target[name] == \"function\") return target[name].bind(target)\n if(name == \"__parent\") return target\n let rv = Reflect.get(target.namespaces, name, receiver)\n return rv ? rv.getProxy() : rv\n }\n })\n\n return this.proxy\n }\n\n _register(ns, attr, vklass) {\n if(!this.namespaces[ns]) {\n this.namespaces[ns] = new Debugger.Namespace(ns, this)\n }\n this.namespaces[ns]._registerValue(attr, vklass)\n }\n\n enable() {\n Object.entries(this.namespaces).forEach(([name, ns]) => {\n Object.entries(ns.values).forEach(([name, v]) => v.set(true))\n })\n }\n\n disable() {\n Object.entries(this.namespaces).forEach(([name, ns]) => {\n Object.entries(ns.values).forEach(([name, v]) => v.set(false))\n })\n }\n}\n\nDebugger.Namespace = class {\n constructor(name, deb) {\n this.app = deb.app\n this.name = name\n this.deb = deb\n this.values = {}\n }\n\n getProxy() {\n return this.proxy = new Proxy(this, {\n get(target, name, receiver) {\n return Reflect.get(target.values, name, receiver)\n },\n set(target, name, val) {\n let rv = Reflect.get(target.values, name)\n rv ? rv.set(val) : console.error(\"invalid value name\", name, \"for NS\", target)\n }\n })\n }\n\n _registerValue(attr, vklass) {\n const inst = new vklass(this, attr)\n this.values[attr] = inst\n inst.init?.()\n }\n}\n\nDebugger.Value = class {\n constructor(ns, name) {\n this.app = ns.app\n this.ns = ns\n this.name = name\n this.value = false\n AppOS.SimpleEvents.applyOn(this, [\"change\"])\n AppOS.NamespacedConsole.applyOn(this, { base: this.ns.deb, namespace: _ => [this.ns.name, this.name].join(\".\") })\n }\n\n set(v) {\n if (this.value != v) {\n this.events.fire(\"change\", this, v, this.value)\n this.change?.(v, this.value)\n this.value = v\n }\n }\n\n true() { this.set(true) }\n yes() { this.set(true) }\n false() { this.set(false) }\n no() { this.set(false) }\n}\n\nexport { Debugger }\n", "class Util {\n static isPlainObject(v) {\n return (\n v !== null &&\n typeof v === 'object' &&\n v.constructor === Object\n )\n }\n\n static visitPage(url, force_turbolinks = null) {\n if(window.Turbo && !(force_turbolinks != null && !force_turbolinks)) {\n Turbo.visit(url)\n } else if (window.Turbolinks && !(force_turbolinks != null && !force_turbolinks)) {\n Turbolinks.visit(url)\n } else {\n window.location.href = url\n }\n }\n\n static reloadPage() {\n AppOS.Util.visitPage(...args)\n this.visitPage(window.location)\n }\n\n static upperFirst (str) {\n return str.charAt(0).toUpperCase() + str.slice(1)\n }\n\n static strbool(v, defVal) {\n if([true, \"true\", \"t\", \"1\", \"y\", \"yes\", \"on\"].includes(v)) {\n return true\n } else if([false, \"false\", \"f\", \"0\", \"n\", \"no\", \"off\"].includes(v)) {\n return false\n } else {\n if(defVal != null) return defVal\n throw(`Can't convert \\`${v}' to boolean, expression invalid!`)\n }\n }\n\n static formatNumber(s, decimals = 0) {\n if (decimals) {\n return s.toFixed(decimals).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,')\n } else {\n return s.toFixed(1).replace(/\\d(?=(\\d{3})+\\.)/g, '$&,').replace(/\\.\\d+/, \"\")\n }\n }\n\n static getHashParams(urlDecode = true, source = window.location) {\n const result = {}\n if (!source.hash) return result\n\n let hsh = source.hash.substr(1)\n if(urlDecode) hsh = decodeURIComponent(hsh)\n const parts = hsh.split(\"&\")\n parts.forEach(kv => {\n const kvp = kv.split(\"=\")\n const key = kvp.shift()\n result[key] = kvp.join(\"=\")\n })\n return result\n }\n\n static updateHashParams(toMerge = {}, opts) {\n this.setHashParams(Object.assign({}, this.getHashParams(), toMerge), opts)\n }\n\n static serializeHashParams(hparams = {}, opts = {}) {\n const hsh = []\n for (const [k, v] of Object.entries(hparams)) {\n if(v === undefined) continue\n if(v === \"\" && opts.clearBlanks) continue\n if(v === null)\n hsh.push(`${k}`)\n else\n hsh.push(`${k}=${v}`)\n }\n return hsh.join(\"&\")\n }\n\n static setHashParams(hparams = {}, opts = {}) {\n // window.location.hash = `#${this.serializeHashParams(hparams)}`\n history.replaceState(undefined, undefined, `#${this.serializeHashParams(hparams)}`)\n }\n\n static observeVisibility(el, opts = {}, callback) {\n if(!IntersectionObserver) {\n console.warn(\"IntersectionObserver not available\")\n return false\n }\n\n if (typeof opts == \"function\") {\n callback = opts\n opts = {}\n }\n\n el = $(el).get(0)\n opts.root ??= document.documentElement\n\n const observer = new IntersectionObserver(((entries, observer) => {\n entries.forEach(entry => callback?.(entry.intersectionRatio > 0, observer))\n }), opts)\n\n observer.observe(el)\n return observer\n }\n\n static debounce(func, timeout = 300) {\n let timer\n return (...args) => {\n clearTimeout(timer)\n timer = setTimeout(() => { func.apply(this, args) }, timeout)\n }\n }\n\n static debounce_leading(func, timeout = 300) {\n let timer\n return (...args) => {\n if (!timer) {\n func.apply(this, args)\n }\n clearTimeout(timer)\n timer = setTimeout(() => {\n timer = undefined\n }, timeout)\n }\n }\n\n static throttle(func, timeout = 300) {\n let timer\n\n return (...args) => {\n if(timer) return\n\n timer = setTimeout(() => {\n func.apply(this, args)\n timer = undefined\n }, timeout)\n }\n }\n\n static throttle_leading(func, timeout = 300) {\n let timer\n\n return (...args) => {\n if(timer) return\n\n func.apply(this, args)\n timer = setTimeout(() => {\n timer = undefined\n }, timeout)\n }\n }\n\n static throttle_debounce(func, timeout = 300) {\n let timer\n let timer2\n\n return (...args) => {\n clearTimeout(timer2)\n timer2 = setTimeout(() => { func.apply(this, args) }, timeout)\n\n if(timer) return\n\n func.apply(this, args)\n timer = setTimeout(() => {\n timer = undefined\n }, timeout)\n }\n }\n\n static throttle_leading_debounce(func, timeout = 300) {\n let timer\n let timer2\n\n return (...args) => {\n if(!timer2) func.apply(this, args)\n clearTimeout(timer2)\n timer2 = setTimeout(() => { func.apply(this, args) }, timeout)\n\n if(timer) return\n\n func.apply(this, args)\n timer = setTimeout(() => {\n timer = undefined\n }, timeout)\n }\n }\n\n static scrollParent(el, includeHidden) {\n const position = $(el).css( \"position\" )\n const excludeStaticParent = position === \"absolute\"\n const overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/\n const scrollParent = $(el).parents().filter(function() {\n const parent = $( this )\n if (excludeStaticParent && parent.css( \"position\" ) === \"static\") {\n return false\n }\n return overflowRegex.test(parent.css( \"overflow\" ) + parent.css( \"overflow-y\" ) + parent.css( \"overflow-x\" ))\n }).eq(0)\n\n return position === \"fixed\" || !scrollParent.length ?\n $( $(el)[0].ownerDocument || document ) :\n scrollParent;\n }\n\n static scrollIntoViewIfNeeded(target, opts = {}) {\n target = $(target)\n opts.centerX ??= true\n opts.parent ??= target.parent()\n opts.sparent ??= this.scrollParent(target)\n opts.behavior ??= \"auto\"\n\n const toff = target.offset()\n const soff = opts.sparent.offset()\n const stop = opts.sparent.scrollTop()\n\n let x = 0, y = 0\n let usableHeight = opts.sparent.innerHeight() - target.outerHeight()\n x = toff.top - soff.top //+ stop\n\n if (opts.excludeHeight && !Array.isArray(opts.excludeHeight)) {\n opts.excludeHeight = [opts.excludeHeight]\n }\n if (opts.excludeHeight) {\n opts.excludeHeight.forEach(el => {\n const oh = $(el).outerHeight()\n x -= oh\n usableHeight -= oh\n })\n }\n\n if(x < 0) {\n let starget = x + stop\n if (opts.centerX) {\n starget -= Math.floor(usableHeight / 2) //- Math.floor(target.outerHeight() / 2)\n }\n opts.sparent.get(0).scrollTo({ top: starget, left: y, behavior: opts.behavior })\n } else if (x > 0) {\n let starget = stop\n if(x - usableHeight > 0) {\n starget += (x - usableHeight)\n if (opts.centerX) {\n starget += Math.floor(usableHeight / 2) //- Math.floor(target.outerHeight() / 2)\n }\n opts.sparent.get(0).scrollTo({ top: starget, left: y, behavior: opts.behavior })\n }\n }\n }\n\n static scanBeep(play = true, volume = 1) {\n const snd = new Audio(\"data:audio/wav;base64,//uQRAAAAWMSLwUIYAAsYkXgoQwAEaYLWfkWgAI0wWs/ItAAAGDgYtAgAyN+QWaAAihwMWm4G8QQRDiMcCBcH3Cc+CDv/7xA4Tvh9Rz/y8QADBwMWgQAZG/ILNAARQ4GLTcDeIIIhxGOBAuD7hOfBB3/94gcJ3w+o5/5eIAIAAAVwWgQAVQ2ORaIQwEMAJiDg95G4nQL7mQVWI6GwRcfsZAcsKkJvxgxEjzFUgfHoSQ9Qq7KNwqHwuB13MA4a1q/DmBrHgPcmjiGoh//EwC5nGPEmS4RcfkVKOhJf+WOgoxJclFz3kgn//dBA+ya1GhurNn8zb//9NNutNuhz31f////9vt///z+IdAEAAAK4LQIAKobHItEIYCGAExBwe8jcToF9zIKrEdDYIuP2MgOWFSE34wYiR5iqQPj0JIeoVdlG4VD4XA67mAcNa1fhzA1jwHuTRxDUQ//iYBczjHiTJcIuPyKlHQkv/LHQUYkuSi57yQT//uggfZNajQ3Vmz+Zt//+mm3Wm3Q576v////+32///5/EOgAAADVghQAAAAA//uQZAUAB1WI0PZugAAAAAoQwAAAEk3nRd2qAAAAACiDgAAAAAAABCqEEQRLCgwpBGMlJkIz8jKhGvj4k6jzRnqasNKIeoh5gI7BJaC1A1AoNBjJgbyApVS4IDlZgDU5WUAxEKDNmmALHzZp0Fkz1FMTmGFl1FMEyodIavcCAUHDWrKAIA4aa2oCgILEBupZgHvAhEBcZ6joQBxS76AgccrFlczBvKLC0QI2cBoCFvfTDAo7eoOQInqDPBtvrDEZBNYN5xwNwxQRfw8ZQ5wQVLvO8OYU+mHvFLlDh05Mdg7BT6YrRPpCBznMB2r//xKJjyyOh+cImr2/4doscwD6neZjuZR4AgAABYAAAABy1xcdQtxYBYYZdifkUDgzzXaXn98Z0oi9ILU5mBjFANmRwlVJ3/6jYDAmxaiDG3/6xjQQCCKkRb/6kg/wW+kSJ5//rLobkLSiKmqP/0ikJuDaSaSf/6JiLYLEYnW/+kXg1WRVJL/9EmQ1YZIsv/6Qzwy5qk7/+tEU0nkls3/zIUMPKNX/6yZLf+kFgAfgGyLFAUwY//uQZAUABcd5UiNPVXAAAApAAAAAE0VZQKw9ISAAACgAAAAAVQIygIElVrFkBS+Jhi+EAuu+lKAkYUEIsmEAEoMeDmCETMvfSHTGkF5RWH7kz/ESHWPAq/kcCRhqBtMdokPdM7vil7RG98A2sc7zO6ZvTdM7pmOUAZTnJW+NXxqmd41dqJ6mLTXxrPpnV8avaIf5SvL7pndPvPpndJR9Kuu8fePvuiuhorgWjp7Mf/PRjxcFCPDkW31srioCExivv9lcwKEaHsf/7ow2Fl1T/9RkXgEhYElAoCLFtMArxwivDJJ+bR1HTKJdlEoTELCIqgEwVGSQ+hIm0NbK8WXcTEI0UPoa2NbG4y2K00JEWbZavJXkYaqo9CRHS55FcZTjKEk3NKoCYUnSQ0rWxrZbFKbKIhOKPZe1cJKzZSaQrIyULHDZmV5K4xySsDRKWOruanGtjLJXFEmwaIbDLX0hIPBUQPVFVkQkDoUNfSoDgQGKPekoxeGzA4DUvnn4bxzcZrtJyipKfPNy5w+9lnXwgqsiyHNeSVpemw4bWb9psYeq//uQZBoABQt4yMVxYAIAAAkQoAAAHvYpL5m6AAgAACXDAAAAD59jblTirQe9upFsmZbpMudy7Lz1X1DYsxOOSWpfPqNX2WqktK0DMvuGwlbNj44TleLPQ+Gsfb+GOWOKJoIrWb3cIMeeON6lz2umTqMXV8Mj30yWPpjoSa9ujK8SyeJP5y5mOW1D6hvLepeveEAEDo0mgCRClOEgANv3B9a6fikgUSu/DmAMATrGx7nng5p5iimPNZsfQLYB2sDLIkzRKZOHGAaUyDcpFBSLG9MCQALgAIgQs2YunOszLSAyQYPVC2YdGGeHD2dTdJk1pAHGAWDjnkcLKFymS3RQZTInzySoBwMG0QueC3gMsCEYxUqlrcxK6k1LQQcsmyYeQPdC2YfuGPASCBkcVMQQqpVJshui1tkXQJQV0OXGAZMXSOEEBRirXbVRQW7ugq7IM7rPWSZyDlM3IuNEkxzCOJ0ny2ThNkyRai1b6ev//3dzNGzNb//4uAvHT5sURcZCFcuKLhOFs8mLAAEAt4UWAAIABAAAAAB4qbHo0tIjVkUU//uQZAwABfSFz3ZqQAAAAAngwAAAE1HjMp2qAAAAACZDgAAAD5UkTE1UgZEUExqYynN1qZvqIOREEFmBcJQkwdxiFtw0qEOkGYfRDifBui9MQg4QAHAqWtAWHoCxu1Yf4VfWLPIM2mHDFsbQEVGwyqQoQcwnfHeIkNt9YnkiaS1oizycqJrx4KOQjahZxWbcZgztj2c49nKmkId44S71j0c8eV9yDK6uPRzx5X18eDvjvQ6yKo9ZSS6l//8elePK/Lf//IInrOF/FvDoADYAGBMGb7FtErm5MXMlmPAJQVgWta7Zx2go+8xJ0UiCb8LHHdftWyLJE0QIAIsI+UbXu67dZMjmgDGCGl1H+vpF4NSDckSIkk7Vd+sxEhBQMRU8j/12UIRhzSaUdQ+rQU5kGeFxm+hb1oh6pWWmv3uvmReDl0UnvtapVaIzo1jZbf/pD6ElLqSX+rUmOQNpJFa/r+sa4e/pBlAABoAAAAA3CUgShLdGIxsY7AUABPRrgCABdDuQ5GC7DqPQCgbbJUAoRSUj+NIEig0YfyWUho1VBBBA//uQZB4ABZx5zfMakeAAAAmwAAAAF5F3P0w9GtAAACfAAAAAwLhMDmAYWMgVEG1U0FIGCBgXBXAtfMH10000EEEEEECUBYln03TTTdNBDZopopYvrTTdNa325mImNg3TTPV9q3pmY0xoO6bv3r00y+IDGid/9aaaZTGMuj9mpu9Mpio1dXrr5HERTZSmqU36A3CumzN/9Robv/Xx4v9ijkSRSNLQhAWumap82WRSBUqXStV/YcS+XVLnSS+WLDroqArFkMEsAS+eWmrUzrO0oEmE40RlMZ5+ODIkAyKAGUwZ3mVKmcamcJnMW26MRPgUw6j+LkhyHGVGYjSUUKNpuJUQoOIAyDvEyG8S5yfK6dhZc0Tx1KI/gviKL6qvvFs1+bWtaz58uUNnryq6kt5RzOCkPWlVqVX2a/EEBUdU1KrXLf40GoiiFXK///qpoiDXrOgqDR38JB0bw7SoL+ZB9o1RCkQjQ2CBYZKd/+VJxZRRZlqSkKiws0WFxUyCwsKiMy7hUVFhIaCrNQsKkTIsLivwKKigsj8XYlwt/WKi2N4d//uQRCSAAjURNIHpMZBGYiaQPSYyAAABLAAAAAAAACWAAAAApUF/Mg+0aohSIRobBAsMlO//Kk4soosy1JSFRYWaLC4qZBYWFRGZdwqKiwkNBVmoWFSJkWFxX4FFRQWR+LsS4W/rFRb/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VEFHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU291bmRib3kuZGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjAwNGh0dHA6Ly93d3cuc291bmRib3kuZGUAAAAAAAAAACU=\")\n snd.volume = volume\n if(play) snd.play()\n return snd\n }\n\n static beepStart(freq, volume, onStop) {\n return new Promise((resolve, reject) => {\n try {\n const context = new AudioContext()\n const oscillator = context.createOscillator()\n const gainNode = context.createGain()\n\n oscillator.type = \"sine\"\n oscillator.frequency.value = freq\n gainNode.gain.value = Math.max(0, Math.min(volume, 1))\n\n oscillator.connect(gainNode)\n gainNode.connect(context.destination)\n\n oscillator.start()\n\n const stopFunc = cb => {\n oscillator.stop()\n context.close()\n onStop?.()\n cb?.()\n }\n\n resolve({ oscillator: oscillator, stop: stopFunc, gainNode: gainNode, gain: gainNode.gain, context: context })\n } catch(err) {\n reject(err)\n }\n })\n }\n\n static beep(freq = 1000, duration = 100, volume = 1) {\n return new Promise((resolve, reject) => {\n this.beepStart(freq, volume).then(beep => {\n if(duration == null) {\n resolve(beep)\n } else {\n setTimeout(_ => { beep.stop(resolve) }, duration)\n }\n })\n })\n }\n\n static beepSeq(seq, opts = {}) {\n opts.volume ??= 1\n opts.duration ??= 100\n opts.wait ??= 0\n opts.form ??= \"sine\"\n\n let dur = opts.duration\n let vol = opts.volume\n let wait = opts.wait\n let form = opts.form\n let beep = null\n let ptr = this.beepStart(0, vol)\n ptr.then(b => {\n beep = b\n beep.gain.value = vol\n })\n\n seq.split(\" \").forEach(el => {\n const chunks = el.split(\":\")\n\n ptr = ptr.then(_ => {\n if(chunks[0] == \"wait\") {\n wait = parseInt(chunks[1])\n return Promise.resolve()\n } else if(chunks[0] == \"dur\") {\n dur = parseInt(chunks[1])\n return Promise.resolve()\n } else if(chunks[0] == \"vol\") {\n vol = parseFloat(chunks[1])\n if(beep) beep.gain.value = vol\n return Promise.resolve()\n } else if(chunks[0] == \"form\") {\n form = chunks[1]\n if(beep) beep.oscillator.type = form\n return Promise.resolve()\n } else if(chunks[0] == \"w\") {\n const freqWas = beep.oscillator.frequency.value\n beep.oscillator.frequency.value = 0\n const wptr = this.wait(parseInt(chunks[1] ?? dur))\n wptr.then(_ => beep.oscillator.frequency.value = freqWas)\n return wptr\n } else {\n let wptr = Promise.resolve()\n let [freq, repeats] = chunks[0].split(\"*\")\n repeats ??= 1\n const setFreq = (_wait) => {\n beep.oscillator.frequency.value = parseInt(freq)\n return this.wait(_wait)\n }\n\n for (var i = 0; i < repeats; i++) {\n if(wait) {\n wptr = wptr.then(_ => {\n const freqWas = beep.oscillator.frequency.value\n beep.oscillator.frequency.value = 0\n return this.wait(wait).then(_ => setFreq(parseInt(chunks[1] ?? dur)))\n })\n } else {\n wptr = wptr.then(_ => setFreq(parseInt(chunks[1] ?? dur)))\n }\n }\n\n return wptr\n }\n })\n })\n\n ptr = ptr.then(_ => beep.stop())\n\n return ptr\n }\n\n static wait(ms) {\n return new Promise((resolve, reject) => setTimeout(resolve, ms))\n }\n\n static parameterize(str) {\n return str\n .toLowerCase()\n .trim()\n .replace(/[^a-z0-9]+/g, \"-\") // Replace non-alphanumeric characters with a dash\n .replace(/^-+|-+$/g, \"\") // Remove leading/trailing dashes\n }\n}\n\nexport { Util }\n", "import {Application} from \"./application\"\n// import {DomObserver} from \"./dom_observer\"\nimport {ComponentLoader} from \"./component_loader\"\nimport {Component} from \"./component\"\nimport {NamespacedConsole} from \"./namespaced_console\"\nimport {SimpleEvents} from \"./simple_events\"\nimport {Debugger} from \"./debugger\"\nimport {Util} from \"./util\"\n\nclass AppOS {\n static boot(app) {\n app.events.fire(\"init\", this)\n app.opts.defaultBoot?.apply(app, [app])\n\n AppOS.setupTemplateHooksSingleton(app)\n // AppOS.setupDomObserverSingleton(app)\n AppOS.setupComponentLoaderSingleton(app)\n\n app.events.fire(\"boot\", app)\n return app\n }\n\n static setupTemplateHooksSingleton(app) {\n if(!window.__appos_core_template_hooks_registered) {\n this.setupTemplateHooks(app)\n window.__appos_core_template_hooks_registered = true\n }\n }\n\n static setupTemplateHooks(app) {\n app.events.on(\"boot\", _ => { AppOS.runTemplateHooks(\"app-boot\", { app: app }) })\n app.events.on(\"documentLoad\", _ => { AppOS.runTemplateHooks(\"document-load\", { app: app }) })\n app.events.on(\"pageLoad\", _ => { AppOS.runTemplateHooks(\"page-load\", { app: app }) })\n }\n\n static setupComponentLoaderSingleton(app) {\n if(!window.__appos_core_component_loader) {\n this.setupComponentLoader(app)\n }\n }\n\n static setupComponentLoader(app) {\n window.__appos_core_component_loader?.destroy()\n window.__appos_core_component_loader = new ComponentLoader(app)\n window.__appos_component_loaded = window.__appos_core_component_loader.signal.bind(window.__appos_core_component_loader)\n app?.events.on(\"pageLoad\", _ => { window.__appos_core_component_loader.ensure() })\n }\n\n // static setupDomObserverSingleton(app) {\n // if(!window.__appos_core_dom_observer) {\n // this.setupDomObserver(app)\n // }\n // }\n\n // static setupDomObserver(app) {\n // window.__appos_core_dom_observer?.destroy()\n // window.__appos_core_dom_observer = new DomObserver(document.documentElement)\n // app.events.on(\"documentLoad\", _ => window.__appos_core_dom_observer?.start())\n // return window.__appos_core_dom_observer\n // }\n\n static runTemplateHooks(type, env = {}) {\n document.querySelectorAll(`template[appos-${type}]`).forEach(tpl => {\n const f = new Function('env', tpl.content.firstElementChild.textContent)\n if(typeof env?.app?.debug == \"function\") env.app.debug(\"running tpl-hook\", type, tpl)\n f(env)\n tpl.remove()\n })\n }\n\n static mergeClasses(...bases) {\n class Bases {\n constructor() {\n bases.forEach(base => Object.assign(this, new base()));\n }\n }\n bases.forEach(base => {\n Object.getOwnPropertyNames(base.prototype)\n .filter(prop => prop != 'constructor')\n .forEach(prop => Bases.prototype[prop] = base.prototype[prop])\n })\n return Bases;\n }\n\n static mergeClassesAsModule(...bases) {\n class Bases {}\n bases.forEach(base => {\n Object.getOwnPropertyNames(base.prototype)\n .filter(prop => prop != 'constructor')\n .forEach(prop => Bases.prototype[prop] = base.prototype[prop])\n })\n return Bases;\n }\n\n static html(str) {\n const template = document.createElement(\"template\")\n template.innerHTML = str\n return template.content.firstElementChild\n }\n\n static htmlAll(str) {\n const template = document.createElement(\"template\")\n template.innerHTML = str\n return template.content.childNodes\n }\n}\n\nconst bootFunction = AppOS.boot\nconst mergeClassesFunction = AppOS.mergeClasses\nconst mergeClassesAsModuleFunction = AppOS.mergeClassesAsModule\n\nexport {\n bootFunction as boot,\n mergeClassesFunction as mergeClasses,\n mergeClassesAsModuleFunction as mergeClassesAsModule,\n AppOS,\n Debugger,\n Application,\n Component,\n SimpleEvents,\n NamespacedConsole,\n Util,\n}\n", "// t: current time, b: begInnIng value, c: change In value, d: duration\njQuery.easing['jswing'] = jQuery.easing['swing'];\n\njQuery.extend( jQuery.easing,\n{\n def: 'easeOutQuad',\n swing: function (x, t, b, c, d) {\n //alert(jQuery.easing.default);\n return jQuery.easing[jQuery.easing.def](x, t, b, c, d);\n },\n easeInQuad: function (x, t, b, c, d) {\n return c*(t/=d)*t + b;\n },\n easeOutQuad: function (x, t, b, c, d) {\n return -c *(t/=d)*(t-2) + b;\n },\n easeInOutQuad: function (x, t, b, c, d) {\n if ((t/=d/2) < 1) return c/2*t*t + b;\n return -c/2 * ((--t)*(t-2) - 1) + b;\n },\n easeInCubic: function (x, t, b, c, d) {\n return c*(t/=d)*t*t + b;\n },\n easeOutCubic: function (x, t, b, c, d) {\n return c*((t=t/d-1)*t*t + 1) + b;\n },\n easeInOutCubic: function (x, t, b, c, d) {\n if ((t/=d/2) < 1) return c/2*t*t*t + b;\n return c/2*((t-=2)*t*t + 2) + b;\n },\n easeInQuart: function (x, t, b, c, d) {\n return c*(t/=d)*t*t*t + b;\n },\n easeOutQuart: function (x, t, b, c, d) {\n return -c * ((t=t/d-1)*t*t*t - 1) + b;\n },\n easeInOutQuart: function (x, t, b, c, d) {\n if ((t/=d/2) < 1) return c/2*t*t*t*t + b;\n return -c/2 * ((t-=2)*t*t*t - 2) + b;\n },\n easeInQuint: function (x, t, b, c, d) {\n return c*(t/=d)*t*t*t*t + b;\n },\n easeOutQuint: function (x, t, b, c, d) {\n return c*((t=t/d-1)*t*t*t*t + 1) + b;\n },\n easeInOutQuint: function (x, t, b, c, d) {\n if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;\n return c/2*((t-=2)*t*t*t*t + 2) + b;\n },\n easeInSine: function (x, t, b, c, d) {\n return -c * Math.cos(t/d * (Math.PI/2)) + c + b;\n },\n easeOutSine: function (x, t, b, c, d) {\n return c * Math.sin(t/d * (Math.PI/2)) + b;\n },\n easeInOutSine: function (x, t, b, c, d) {\n return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;\n },\n easeInExpo: function (x, t, b, c, d) {\n return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;\n },\n easeOutExpo: function (x, t, b, c, d) {\n return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;\n },\n slowEaseOutExpo: function (x, t, b, c, d) {\n var expo = -Math.pow(2, -10 * t/d) + 1;\n var slowExpo = 1 - Math.pow(1 - expo, 3);\n return b + c * slowExpo;\n },\n easeInOutExpo: function (x, t, b, c, d) {\n if (t==0) return b;\n if (t==d) return b+c;\n if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;\n return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;\n },\n easeInCirc: function (x, t, b, c, d) {\n return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;\n },\n easeOutCirc: function (x, t, b, c, d) {\n return c * Math.sqrt(1 - (t=t/d-1)*t) + b;\n },\n easeInOutCirc: function (x, t, b, c, d) {\n if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;\n return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;\n },\n easeInElastic: function (x, t, b, c, d) {\n var s=1.70158;var p=0;var a=c;\n if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;\n if (a < Math.abs(c)) { a=c; var s=p/4; }\n else var s = p/(2*Math.PI) * Math.asin (c/a);\n return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;\n },\n easeOutElastic: function (x, t, b, c, d) {\n var s=1.70158;var p=0;var a=c;\n if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;\n if (a < Math.abs(c)) { a=c; var s=p/4; }\n else var s = p/(2*Math.PI) * Math.asin (c/a);\n return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;\n },\n easeInOutElastic: function (x, t, b, c, d) {\n var s=1.70158;var p=0;var a=c;\n if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);\n if (a < Math.abs(c)) { a=c; var s=p/4; }\n else var s = p/(2*Math.PI) * Math.asin (c/a);\n if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;\n return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;\n },\n easeInBack: function (x, t, b, c, d, s) {\n if (s == undefined) s = 1.70158;\n return c*(t/=d)*t*((s+1)*t - s) + b;\n },\n easeOutBack: function (x, t, b, c, d, s) {\n if (s == undefined) s = 1.70158;\n return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;\n },\n easeInOutBack: function (x, t, b, c, d, s) {\n if (s == undefined) s = 1.70158;\n if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;\n return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;\n },\n easeInBounce: function (x, t, b, c, d) {\n return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;\n },\n easeOutBounce: function (x, t, b, c, d) {\n if ((t/=d) < (1/2.75)) {\n return c*(7.5625*t*t) + b;\n } else if (t < (2/2.75)) {\n return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;\n } else if (t < (2.5/2.75)) {\n return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;\n } else {\n return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;\n }\n },\n easeInOutBounce: function (x, t, b, c, d) {\n if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;\n return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;\n }\n});\n", "import * as AppOS from \"../appos\"\n\nconst Component = class extends AppOS.Component {\n static id = \"TurboBridge\"\n\n init() {\n this.active = false\n this.detached = []\n }\n\n documentLoad() {\n if (window.Turbo) {\n this.active = true\n document.addEventListener('turbo:before-render', this.turboBeforeRender)\n } else if (window.Turbolinks) {\n this.active = true\n\n }\n }\n\n pageLoad() {\n }\n\n turboBeforeRender(ev) {\n ev.target.querySelectorAll(\"[data-ao-permanent]\").forEach(el => {\n const pe = el.parentElement\n const nb = ev.detail.newBody\n const node = el.parentElement.removeChild(el)\n if (pe.tagName == \"BODY\") {\n nb.appendChild(node)\n } else if (pe.id) {\n nb.querySelector(`#${pe.id}`).appendChild(node)\n } else {\n nb.appendChild(node)\n this.warn(\"cannot determine parent, will reinsert to body\", el)\n }\n })\n }\n}\n\nAppOS.Application?.availableComponents?.push?.(Component)\nexport { Component }\n", "import * as AppOS from \"../appos\"\n\nconst Component = class extends AppOS.Component {\n static id = \"ToggleInlineList\"\n\n documentLoad() {\n $(document).on(\"click\", `[data-toggle=\"inline-list\"]`, ev => {\n $(ev.currentTarget).closest(\"ul.toggle-inline-list\").toggleClass(\"expanded\")\n setTimeout(_ => {\n $(ev.currentTarget).blur()\n }, 150)\n return false\n })\n }\n}\n\nAppOS.Application?.availableComponents?.push?.(Component)\nexport { Component }\n", "import * as AppOS from \"../../appos\"\n\nclass ElementRevolver {\n constructor(elements, opts = {}) {\n this.elements = elements\n this.positions = []\n this.interval = null\n this.opts = Object.assign({}, {\n // radius and center coordinates\n radius: 80,\n centerX: 150,\n centerY: 150,\n\n // time in milliseconds for one revolution (i.e. speed)\n interval: 60000,\n\n // direction = 1 for clockwise, -1 for counterclockwise\n direction: 1,\n\n // startPosition can be a degree angle\n // (0 = right, 90 = top, 180 = left, 270 = bottom)\n startPositionDeg: 270,\n\n updateInterval: 100,\n scaleFactor: 0.4,\n opacityFactor: 0.5,\n\n // how many degrees to put items apart, null = auto-detect based on items\n degStep: null,\n\n // 0 = left\n // 1 = bottom-left\n // 2 = bottom\n // 3 = bottom-right\n // 4 = right\n // 5 = top-right\n // 6 = top\n // 7 = top-left\n // let nrad = this.normalizeRad(pos.angle + (Math.PI / 2)) // top-oriented\n //let nrad = this.normalizeRad(pos.angle + Math.PI + (Math.PI / 2)) // bottom-oriented\n orientation: 6,\n }, opts)\n }\n\n setOpts(opts = {}) {\n Object.assign(this.opts, opts)\n return this\n }\n\n start() {\n this.startTime = Date.now()\n if(this.interval !== null) this.stop()\n\n if(this.opts.degStep === null) {\n this.opts.degStep = 360 / this.elements.length\n this.opts.radStep = this.opts.degStep / 180 * Math.PI\n }\n\n this.elements.each((i, el) => {\n el.style.position = this.opts.cssPosition || 'absolute'\n this.positions[i] = { deg: this.opts.startPositionDeg + (i * this.opts.degStep) }\n this.positions[i].rad = this.positions[i].deg / 180 * Math.PI\n // if(!this.opts.startPositionRad) this.opts.startPositionRad = this.opts.startPositionDeg / 180 * Math.PI\n })\n\n // update twice (first run sets scales)\n this.update()\n this.update()\n setTimeout(_ => {\n this.elements.parent().addClass(\"transition\")\n this.interval = setInterval(_ => this.update(), this.opts.updateInterval)\n }, 1)\n\n return this\n }\n\n stop() {\n if(this.interval === null) return\n clearInterval(this.interval)\n this.observer?.disconnect()\n this.interval = null\n return this\n }\n\n ease(scale) {\n return this.easeInOutSine(scale)\n }\n\n easeInQuint(x) { return x * x * x * x * x }\n easeInOutSine(x) { return -(Math.cos(Math.PI * x) - 1) / 2 }\n\n update() {\n let firstAngle = null\n this.elements.each((i, el) => {\n var pos = this.getPosition(i, el, Date.now() - this.startTime, firstAngle)\n if(firstAngle === null) firstAngle = pos.angle\n\n // let nrad = this.normalizeRad(pos.angle + (Math.PI / 2)) // top-oriented\n let nrad = this.normalizeRad(pos.angle + (Math.PI / 4 * this.opts.orientation))\n let scale = nrad / (Math.PI)\n if (scale > 1) scale = 2 - scale\n let scaleFactor = this.opts.scaleFactor * this.ease(1 - scale)\n let opacityFactor = this.opts.opacityFactor * (1 - scale)\n\n el.style.setProperty(\"--scale\", 1 - scaleFactor)\n el.style.setProperty(\"opacity\", 1 - opacityFactor)\n el.style.zIndex = Math.round(scale * 100)\n const rect = el.getBoundingClientRect()\n el.style.left = (pos.x - el.offsetWidth / 2) + (el.width / 2) + 'px';\n el.style.top = (pos.y - el.offsetHeight / 2) + (el.height / 2) + 'px';\n\n firstAngle += this.opts.radStep\n })\n // this.stop()\n }\n\n getPosition(i, el, ellapsedTime, angle = null) {\n if(angle === null) { angle = this.getAngle(i, ellapsedTime) }\n\n let radius = this.opts.radius\n const rect = el.getBoundingClientRect()\n radius -= (rect.width / 2) * 1.2\n\n return {\n angle: angle,\n x: this.opts.centerX + radius * Math.cos(angle),\n y: this.opts.centerY + radius * Math.sin(angle),\n }\n }\n\n getAngle(i, ellapsedTime) {\n return this.normalizeRad(ellapsedTime / this.opts.interval * 2 * Math.PI * this.opts.direction - this.positions[i].rad)\n }\n\n normalizeRad(rad) {\n while(rad < 0 ) rad += 2 * Math.PI\n return rad % (Math.PI * 2)\n }\n}\n\n\n\nclass ThreeD_Carousel {\n constructor(ctn) {\n this.ctn = $(ctn)\n this.vp = this.ctn.find(\".tdc-viewport\")\n this.imgCtn = this.ctn.find(\".tdc-images\")\n this.widthCtn = this.ctn.find(\".tdc-width\")\n\n this.init().start()\n }\n\n get imageElements() {\n return this.ctn.find(\".tdc-images img\")\n }\n\n init() {\n this.initImages()\n this.updateDimensions()\n return this\n }\n\n initImages() {\n this.observer = new ResizeObserver((e, o) => this.handleChange(e, o))\n this.observer.observe(this.widthCtn.get(0), { attributes: true })\n\n this.revolver?.stop()\n this.revolver = new ElementRevolver(this.imageElements)\n }\n\n async handleChange(entries, observer) {\n entries.forEach(m => {\n this.vp.css({ minWidth: `1px`, minHeight: `1px` })\n this.updateDimensions()\n // if(m.type != \"attributes\") return\n // if(m.attributeName != \"open\") return\n // this.toggle(m.target.dataset.visibilityMarker, m.target.attributes.getNamedItem(\"open\") !== null)\n })\n }\n\n updateDimensions() {\n const width = this.ctn.width()\n const height = this.ctn.height()\n const edge = Math.max(width, height) //Math.floor(width > height ? height : width)\n const center = edge / 2\n // const radius = Math.floor(center * 0.9)\n const radius = center //- ((this.imageElements[0].width / 2) * 1.1)\n\n this.vp.css({ minWidth: `${edge}px`, minHeight: `${edge}px` })\n this.revolver.setOpts({ radius: radius, centerX: center, centerY: center })\n\n return this\n }\n\n start() {\n this.imgCtn.removeClass(\"invisible\")\n this.revolver.start()\n\n return this\n }\n\n stop() {\n this.revolver?.stop()\n\n return this\n }\n}\n\nconst Component = class extends AppOS.Component {\n static id = \"ThreeD.Carousel\"\n\n init() {\n }\n\n documentLoad() {\n }\n\n pageLoad() {\n $(\".threed-carousel\").each((i, el) => {\n if(!$(el).data(\"appos-3d-carousel\")) {\n $(el).data(\"appos-3d-carousel\", new ThreeD_Carousel(el))\n }\n })\n }\n}\n\nAppOS.Application?.availableComponents?.push?.(Component)\nexport { Component }\n", "import * as AppOS from \"../appos\"\n\nclass ScrollQueue {\n constructor(opts = {}) {\n this.opts = Object.assign({}, {\n tickRate: 200,\n considerDoneAfter: 300,\n }, opts)\n this.lastScroll = Date.now()\n this.queue = []\n }\n\n get timeSinceLastScroll() {\n return Date.now() - this.lastScroll\n }\n\n hook() {\n if(!this.hooked) {\n this.hooked = true\n $(document).on(\"scroll\", ev => { this.lastScroll = Date.now() })\n }\n return this\n }\n\n start() {\n if(!this.clock) {\n this.clock = setInterval(_ => { this.tick() }, this.opts.tickRate)\n }\n return this\n }\n\n stop() {\n if(this.clock) {\n clearInterval(this.clock)\n delete this.clock\n }\n return this\n }\n\n tick() {\n if(!this.queue.length) return\n if(this.timeSinceLastScroll < this.opts.considerDoneAfter) return\n this.dequeue()\n }\n\n dequeue() {\n const item = this.queue.shift()\n\n if(item.opts.ifNeeded) {\n item.element.scrollIntoViewIfNeeded(true)\n } else {\n item.element.scrollIntoView(item.scrollOpts)\n }\n }\n\n enqueue(element, opts = {}, scrollOpts = { behavior: \"smooth\" }) {\n if(opts.delay) {\n setTimeout(_ => {\n this.enqueue(element, Object.assign({}, opts, { delay: false }), scrollOpts)\n }, opts.delay)\n return\n }\n\n this.queue.push({ element, opts, scrollOpts })\n }\n}\n\nexport { ScrollQueue }\n", "import * as AppOS from \"../appos/appos\"\n\nconst Component = class extends AppOS.Component {\n static id = \"FindAThingRenderer\"\n\n documentLoad() {\n this.opts.rows ??= 4\n this.opts.perRow ??= 6\n this.opts.perPage ??= this.opts.rows * this.opts.perRow\n // $(document).on(\"click\", `[data-toggle=\"inline-list\"]`, ev => {\n // $(ev.currentTarget).closest(\"ul.toggle-inline-list\").toggleClass(\"expanded\")\n // setTimeout(_ => {\n // $(ev.currentTarget).blur()\n // }, 150)\n // return false\n // })\n }\n\n pageLoad() {\n $(`[data-fat-index]`).each((i, _el) => {\n this.indexOne(_el)\n })\n //
\" data-fat-offset=\"<%= @fat_offset %>\">\n // \n }\n\n async indexOne(_el) {\n const el = $(_el)\n const index = el.data(\"fatIndex\")\n if(index === null || index === undefined) return\n const offset = el.data(\"fatOffset\") ?? 0\n const render = el.find(`[data-fat-render]`)\n const r = $(\"\")\n\n if (index < 0) {\n if(render.data(\"fatRender\") == \"compact\") {\n r.html(` LOOKUP-ERR`).addClass(\"text-danger\")\n } else {\n r.html(` LOOKUP-ERROR`).addClass(\"text-danger\")\n }\n } else {\n const a_index = index + offset\n const page = Math.floor(a_index / this.opts.perPage) + 1\n const row = Math.floor((a_index % this.opts.perPage) / this.opts.perRow) + 1\n const col = Math.floor(((a_index % this.opts.perPage) % this.opts.perRow)) + 1\n if(render.data(\"fatRender\") == \"compact\") {\n r.html(` P${page} R${row} C${col}`)\n } else {\n r.html(` Page ${page} / Row ${row} / Column ${col}`)\n }\n }\n\n const ico = $(\"\").addClass(\"bi bi-geo\").prependTo(r)\n render.html(\"\")\n render.append(r)\n }\n}\n\nAppOS.Application?.availableComponents?.push?.(Component)\nexport { Component }\n", "class TrigramIndex {\n constructor(inputPhrases = []) {\n this.ids = []\n this.phrases = []\n this.trigramIndex = []\n this.allowDuplicatePhrases = true\n inputPhrases.forEach(phrase => { this.index(...phrase) })\n }\n\n normalize(string) {\n return string\n .toLowerCase()\n .replace(/[^\\x00-\\x7F]/g, \"\")\n .replace(/[^a-z\\d]/g, \" \")\n .replace(/\\s+/g, \"*\")\n .replace(/^/g, \"**\")\n .replace(/$/g, \"*\")\n }\n\n asTrigrams(phrase, callback) {\n const rawData = this.normalize(phrase)\n\n for( let i = rawData.length - 3; i >= 0; i = i - 1 ) {\n callback(rawData.slice(i, i + 3))\n }\n }\n\n index(phrase, id) {\n if(Array.isArray(phrase)) {\n [phrase, id] = phrase\n }\n phrase = phrase.toLowerCase()\n\n if(!phrase || phrase === \"\" || (!this.allowDuplicatePhrases && this.phrases.indexOf(phrase) >= 0)) return\n const phraseIndex = this.phrases.push(phrase) - 1\n this.ids.push(id)\n\n this.asTrigrams(phrase, trigram => {\n let phrasesForTrigram = this.trigramIndex[`t_${trigram}`]\n if(!phrasesForTrigram) phrasesForTrigram = []\n if(phrasesForTrigram.indexOf(phraseIndex) < 0) phrasesForTrigram.push(phraseIndex)\n this.trigramIndex[`t_${trigram}`] = phrasesForTrigram\n })\n }\n\n find(phrase) {\n const phraseMatches = []\n let trigramsInPhrase = 0\n // const start = Date.now()\n\n this.asTrigrams(this.normalize(phrase), trigram => {\n const phrasesForTrigram = this.trigramIndex[`t_${trigram}`]\n trigramsInPhrase += 1\n if(phrasesForTrigram) {\n for(let j in phrasesForTrigram) {\n const phraseIndex = phrasesForTrigram[j]\n if(!phraseMatches[phraseIndex]) phraseMatches[phraseIndex] = 0\n phraseMatches[phraseIndex] += 1\n }\n }\n })\n\n const result = []\n for(let i in phraseMatches) {\n result.push({ id: this.ids[i], phrase: this.phrases[i], matches: phraseMatches[i] })\n }\n\n\n result.sort((a, b) => {\n const diff = b.matches - a.matches\n return diff// == 0 ? a.phrase.localeCompare(b.phrase) : diff\n })\n // console.log(Date.now() - start)\n return result\n }\n}\n\nexport { TrigramIndex }\n", "import {TrigramIndex} from \"../appos/lib/trigram_index\"\n\nclass EntitlementMapper {\n constructor(url, opts = {}) {\n this.url = url\n //this.data = data\n this.opts = opts\n this.itemClass = this.itemClass(EntitlementItem)\n }\n\n buildIndex() {\n return new TrigramIndex(this.items.map((el, i) => [el, i]))\n }\n\n itemClass(base) { return base }\n\n get populate() {\n if(this.promise) return this.promise\n this.promise = new Promise((resolve, reject) => {\n fetch(this.url).then(r => r.json()).then(json => {\n this.data = json\n this.indexer = this.buildIndex()\n this.loaded = true\n resolve(this)\n })\n })\n return this.promise\n }\n\n async do(func) {\n return await this.populate.then(func)\n }\n\n async findDev(query) {\n this.do(m => {\n m.find(query, 10).forEach(el => {\n console.log(el)\n })\n })\n }\n\n // Every following method should be wrapped in a do-block\n // e.g. mapper.do(map => { map.items[12] })\n // Alternatively you can check for `mapper.loaded` and/or\n // trigger data fetching with `mapper.populate`\n\n get items() {\n return this.data.items\n }\n\n get types() {\n return this.data.types\n }\n\n get typemap() {\n return this.data.type_map\n }\n\n rand(num = 1) {\n const ary = []\n for (var i = 0; i < num; i++) {\n ary.push(this.get(this.items[Math.floor(Math.random() * this.items.length)]))\n }\n return ary\n }\n\n get(name, matches) {\n const index = this.items.indexOf(name)\n if (index < 0) return false\n\n return new this.itemClass(this, index, matches)\n }\n\n levenshteinDistance(s, t) {\n const d = Array.from({ length: t.length + 1 }, (_, i) => i)\n\n for (let i = 1; i <= s.length; i++) {\n let prev = i - 1\n let current = i\n\n for (let j = 1; j <= t.length; j++) {\n const insert = current + 1\n const deleteScore = d[j] + 1\n const replaceScore = s[i - 1] === t[j - 1] ? prev : prev + 1\n current = Math.min(insert, deleteScore, replaceScore)\n prev = d[j]\n d[j] = current\n }\n }\n\n return d[t.length]\n }\n\n find(query, limit = null, log = false) {\n const filteredArray = this.indexer.find(query).map(r => {\n if(log) console.log(r)\n return this.get(this.items[r.id], r.matches)\n })\n // const filteredArray = this.items\n // .map(item => {\n // const itemLower = item.toLowerCase()\n // const queryLower = query.toLowerCase()\n // const distance = this.levenshteinDistance(itemLower, queryLower)\n // const score = itemLower.indexOf(queryLower) === 0 ? -distance : distance\n // return { item, score }\n // })\n // .filter(({ score }) => score <= query.length)\n // .sort((a, b) => a.score - b.score)\n // .map(({ item }) => item)\n\n if(limit !== null) {\n return filteredArray.slice(0, limit)\n }\n return filteredArray\n }\n\n findFirst(...args) {\n return find(...args)?.[0]\n }\n}\n\nclass EntitlementItem {\n constructor(mapper, index, matches = null) {\n this.index = index\n this.matches = matches\n this.name = mapper.items[this.index]\n this.types = mapper.typemap?.[this.index].map(id => mapper.types[id])\n this.pvBase = mapper.opts.pvBase\n }\n\n get profilePath() {\n return `${this.types[0]}?tab=${this.types[1]}`\n }\n\n get profileUrl() {\n if(this.pvBase) {\n return `${this.pvBase}/${this.profilePath}`\n } else {\n return this.profilePath\n }\n }\n\n toData() {\n return {\n index: this.index,\n name: this.name,\n types: this.types,\n profileUrl: this.profileUrl,\n }\n }\n}\n\nexport { EntitlementMapper }\n", "import * as AppOS from \"../appos/appos\"\n\nclass EntitlementSearch {\n static hookClicks(selector) {\n $(document).on(\"click\", async ev => {\n if(!$(ev.target).closest(`[data-role=\"searchContainer\"]`).length) {\n $(selector).each((i, el) => {\n $(el).data(\"entitlementSearch\")?.hide?.()\n })\n }\n })\n }\n\n constructor(app, ctn, mapper) {\n this.app = app\n this.ctn = ctn\n this.mapper = mapper\n this.ctn.data(\"entitlementSearch\", this)\n\n this.b_toggle = this.ctn.find(`[data-action=\"toggleSearch\"]`)\n this.i_query = this.ctn.find(`[data-role=\"query\"]`)\n this.c_wrapper = this.ctn.find(`[data-role=\"searchContainer\"]`)\n this.c_empty = this.ctn.find(`[data-role=\"emptySet\"]`)\n this.c_searching = this.ctn.find(`[data-role=\"searching\"]`)\n this.c_noquery = this.ctn.find(`[data-role=\"emptyQuery\"]`)\n this.c_results = this.ctn.find(`[data-role=\"results\"]`)\n\n this.b_toggle.on(\"click\", ev => {\n ev.preventDefault()\n ev.stopPropagation()\n this.b_toggle.blur()\n this.toggle()\n return false\n })\n\n this.i_query.on(\"keydown\", ev => {\n if(ev.keyCode == 27) { // escape\n this.hide()\n return false\n } else if(ev.keyCode == 13) { // enter\n this.confirmSelection()\n return false\n } else if(ev.keyCode == 38) { // arrow up\n this.selectPreviousResult(ev.shiftKey)\n return false\n } else if(ev.keyCode == 40) { // arrow down\n this.selectNextResult(ev.shiftKey)\n return false\n }\n\n clearTimeout(this.searchTimeout)\n this.searchTimeout = window.setTimeout(_ => {\n if(this.open) this.applySearch()\n }, 150)\n })\n }\n\n get open() {\n return !this.c_wrapper.hasClass(\"d-none\")\n }\n\n get selected() {\n return this.c_results.find(`.active`)\n }\n\n toggle() {\n return this.open ? this.hide() : this.show()\n }\n\n show() {\n this.c_wrapper.removeClass(\"d-none\")\n this.c_noquery.removeClass(\"d-none\")\n let offset = 0\n\n if(this.ctn.closest(\".is-sticky\").length) {\n this.ctn.closest(\".is-sticky\").css({\"position\": \"static\"})\n offset = this.b_toggle.offset().top\n this.ctn.closest(\".is-sticky\").css({\"position\": \"\"})\n } else {\n offset = this.b_toggle.offset().top\n }\n\n this.i_query.focus()\n if(offset < window.pageYOffset) {\n window.scrollTo({ top: offset, behavior: \"smooth\" })\n }\n }\n\n hide() {\n this.clearResults()\n this.i_query.val(\"\")\n this.c_wrapper.addClass(\"d-none\")\n this.c_searching.addClass(\"d-none\")\n }\n\n clearResults() {\n this.c_results.find(`[data-role=\"result\"]`).remove()\n this.c_noquery.toggleClass(\"d-none\", !!this.i_query.val())\n this.c_empty.addClass(\"d-none\")\n }\n\n confirmSelection() {\n const target = this.selected.attr(\"href\")\n this.hide()\n AppOS.Util.visitPage(target)\n }\n\n selectPreviousResult(selectFirst = false) {\n const current = this.selected\n if(selectFirst) {\n current.removeClass(\"active\")\n current.siblings(\":first\").addClass(\"active\")\n } else if(current.prev().length) {\n current.removeClass(\"active\")\n current.prev().addClass(\"active\")\n }\n }\n\n selectNextResult(selectLast = false) {\n const current = this.selected\n if(selectLast) {\n current.removeClass(\"active\")\n current.siblings(\":last\").addClass(\"active\")\n } else if(current.next().length) {\n current.removeClass(\"active\")\n current.next().addClass(\"active\")\n }\n }\n\n async applySearch() {\n const query = this.i_query.val()\n if(query == this.lastQuery) {\n // probably meta key or rapid undo\n return\n }\n this.lastQuery = query\n\n if(!query) {\n this.c_searching.addClass(\"d-none\")\n this.clearResults()\n return\n }\n this.c_searching.removeClass(\"d-none\")\n this.c_noquery.addClass(\"d-none\")\n this.c_empty.addClass(\"d-none\")\n\n this.mapper.do(map => {\n let results = []\n if(query.startsWith(\"%%rand%%\")) {\n results = map.rand(5)\n } else {\n results = map.find(query, 15)\n }\n this.c_searching.addClass(\"d-none\")\n this.clearResults()\n if(results.length) {\n results.forEach((el, i) => {\n //console.log(el.matches, el.name)\n const l = $(\"\")\n .addClass(\"list-group-item list-group-item-action d-flex justify-content-between align-items-center text-nowrap\")\n .attr(\"href\", el.profileUrl + `#jump=${encodeURIComponent(el.name).replace(/'/g, \"%27\")}&forceJumpOnce=true`)\n .attr(\"data-role\", \"result\")\n .text(el.name)\n .appendTo(this.c_results)\n\n if(i == 0) {\n l.addClass(\"active\")\n }\n\n let bgColor = \"bg-secondary\"\n if(el.types[0] == \"vanity\") {\n bgColor = \"bg-info\"\n } else if(el.types[0] == \"clothing\") {\n bgColor = \"bg-primary\"\n } else if(el.types[0] == \"ship\" || el.types[0] == \"ship_decorations\" || el.types[0] == \"ship_trinkets\") {\n bgColor = \"bg-warning text-black\"\n } else if(el.types[0] == \"armory\") {\n bgColor = \"bg-danger text-black\"\n } else if(el.types[0] == \"pets\") {\n bgColor = \"bg-success text-black\"\n }\n\n $(\"\")\n .addClass(`badge ${bgColor} badge-pill d-none d-lg-block`)\n .text(`${el.types.slice(-1)}`)\n .appendTo(l)\n })\n } else {\n this.c_empty.removeClass(\"d-none\")\n }\n })\n }\n}\n\nexport { EntitlementSearch }\n", "import * as AppOS from \"../appos/appos\"\nimport {TrigramIndex} from \"../appos/lib/trigram_index\"\nimport {EntitlementMapper} from \"./entitlement_mapper\"\n\nclass AchievementMapper extends EntitlementMapper {\n buildIndex() {\n return new TrigramIndex(this.items.map((el, i) => [el[0], i]))\n }\n}\n\nclass PagesMapper extends EntitlementMapper {\n buildIndex() {\n return new TrigramIndex(this.items.map((el, i) => [el.name, i]))\n }\n\n itemClass(base) {\n return class extends base {\n get pageUrl() {\n let url = this.name.url\n if(this.pvBase) url = url.replace(\"%profile%\", this.pvBase)\n return url\n }\n }\n }\n}\n\nclass GotoAnywhere {\n static hookClicks(selector) {\n $(document).on(\"click\", async ev => {\n if(!$(ev.target).closest(`[data-role=\"searchContainer\"]`).length) {\n $(selector).each((i, el) => {\n $(el).data(\"gotoAnywhere\")?.hide?.()\n })\n }\n })\n }\n\n constructor(app, ctn, mapper) {\n this.app = app\n this.ctn = ctn\n this.container = $(\"#pv-main\")\n this.mapperEnts = mapper\n this.mapperAchievements = (this.app.__achievementMapper ||= new AchievementMapper(this.container.data(\"pvBase\") + \"/goto_anywhere?d=achievements\", { pvBase: this.container.data(\"pvBase\") }))\n this.mapperPages = (this.app.__pagesMapper ||= new PagesMapper(this.container.data(\"pvBase\") + \"/goto_anywhere?d=pages\", { pvBase: this.container.data(\"pvBase\") }))\n this.ctn.data(\"gotoAnywhere\", this)\n this.moreResultsModifier = 0\n\n this.b_toggle = this.container.find(`[data-action=\"gotoAnywhere\"]`)\n this.i_query = this.ctn.find(`[data-role=\"query\"]`)\n this.c_wrapper = this.ctn//.find(`[data-role=\"searchContainer\"]`)\n this.c_empty = this.ctn.find(`[data-role=\"emptySet\"]`)\n this.c_searching = this.ctn.find(`[data-role=\"searching\"]`)\n this.c_noquery = this.ctn.find(`[data-role=\"emptyQuery\"]`)\n this.c_results = this.ctn.find(`[data-role=\"results\"]`)\n this.c_resultsPages = this.ctn.find(`[data-role=\"resultsPages\"]`)\n this.c_resultsAchievements = this.ctn.find(`[data-role=\"resultsAchievements\"]`)\n this.c_resultsEnts = this.ctn.find(`[data-role=\"resultsEnts\"]`)\n }\n\n hook() {\n this.b_toggle.on(\"click\", ev => {\n ev.preventDefault()\n ev.stopPropagation()\n this.b_toggle.blur()\n this.toggle()\n return false\n })\n\n this.i_query.on(\"keydown\", ev => {\n if(ev.keyCode == 27) { // escape\n this.hide()\n return false\n } else if(ev.keyCode == 9) { // tab\n ev.preventDefault()\n this.moreResultsModifier = Math.max(0, this.moreResultsModifier + (ev.shiftKey ? -1 : 1))\n this.applySearch(true)\n return false\n } else if(ev.keyCode == 13) { // enter\n this.confirmSelection(ev.shiftKey)\n return false\n } else if(ev.keyCode == 38) { // arrow up\n this.selectPreviousResult(ev.shiftKey)\n return false\n } else if(ev.keyCode == 40) { // arrow down\n this.selectNextResult(ev.shiftKey)\n return false\n }// else { console.log(ev.keyCode, ev.code) }\n\n clearTimeout(this.searchTimeout)\n this.searchTimeout = window.setTimeout(_ => {\n if(this.open) this.applySearch()\n }, 150)\n })\n\n const triggerBind = this.container.data(\"kbBind-GotoAnywhere\")\n if(triggerBind) {\n this.app.input?.hotkeyThisPage(triggerBind, { global: true }, ev => {\n ev.preventDefault()\n this.toggle()\n })\n }\n }\n\n get open() {\n return !this.c_wrapper.hasClass(\"d-none\")\n }\n\n get selected() {\n return this.c_results.find(`.active`)\n }\n\n toggle() {\n return this.open ? this.hide() : this.show()\n }\n\n show() {\n this.c_wrapper.removeClass(\"d-none\")\n this.c_noquery.removeClass(\"d-none\")\n this.i_query.focus()\n }\n\n hide() {\n delete this.lastQuery\n this.moreResultsModifier = 0\n this.clearResults()\n this.i_query.val(\"\")\n this.c_wrapper.addClass(\"d-none\")\n this.c_searching.addClass(\"d-none\")\n this.c_results.addClass(\"d-none\")\n }\n\n clearResults(clearFor = \"results\") {\n this[`c_${clearFor}`].find(`[data-role=\"result\"]`).remove()\n this.c_noquery.toggleClass(\"d-none\", !!this.i_query.val())\n this.c_empty.addClass(\"d-none\")\n }\n\n confirmSelection(popup = false) {\n const target = this.selected.attr(\"href\")\n if(!target) {\n return false\n } else if(target.startsWith(\"jsproc:\")) {\n const exps = new Map()\n exps.set(\"gaRef\", this)\n exps.set(\"gaHide\", _ => this.hide())\n exps.set(\"popup\", popup)\n return (new Function(\"env\", ...exps.keys(), target.slice(7)))(exps, ...exps.values())\n } else {\n if(this.selected.attr(\"target\") == \"_blank\" ? !popup : popup) {\n window.open(target, \"_blank\", this.selected.data(\"popopts\") || \"noopener,noreferrer\")\n this.hide()\n } else {\n this.hide()\n AppOS.Util.visitPage(target)\n }\n }\n }\n\n selectPreviousResult(selectFirst = false) {\n const current = this.selected\n if(current.prevAll(`[data-role=\"result\"]`).length) {\n current.removeClass(\"active\")\n if(selectFirst) {\n current.siblings(`[data-role=\"result\"]:first`).addClass(\"active\")\n } else {\n current.prevAll(`[data-role=\"result\"]`).first().addClass(\"active\")\n }\n } else {\n const fuckyoujs = current.parent().prevAll(`[data-is=\"resultSet\"]:not(\".d-none\")`).first().find(`[data-role=\"result\"]:last`)\n if(fuckyoujs.length) {\n current.removeClass(\"active\")\n fuckyoujs.addClass(\"active\")\n }\n }\n }\n\n selectNextResult(selectLast = false) {\n const current = this.selected\n if(current.nextAll(`[data-role=\"result\"]`).length) {\n current.removeClass(\"active\")\n if(selectLast) {\n current.siblings(`[data-role=\"result\"]:last`).addClass(\"active\")\n } else {\n current.nextAll(`[data-role=\"result\"]`).first().addClass(\"active\")\n }\n } else {\n const fuckyoujs = current.parent().nextAll(`[data-is=\"resultSet\"]:not(\".d-none\")`).first().find(`[data-role=\"result\"]:first`)\n if(fuckyoujs.length) {\n current.removeClass(\"active\")\n fuckyoujs.addClass(\"active\")\n }\n }\n }\n\n searchEntitlements(query, maxResults = 6, thresholdRatio = 4) {\n maxResults += this.moreResultsModifier\n\n return new Promise((resolve, reject) => { this.mapperEnts.do(map => {\n let results = []\n if(query.startsWith(\"%%rand%%\")) {\n results = map.rand(5)\n } else {\n results = map.find(query, maxResults * 3).filter((a) => a.matches > query.length / thresholdRatio).slice(0, maxResults)\n }\n this.clearResults(\"resultsEnts\")\n if(results.length) results.forEach((el, i) => {\n // console.log(\"ent\", el)\n const l = $(\"\")\n .addClass(\"list-group-item list-group-item-action d-flex justify-content-between align-items-center text-nowrap\")\n .attr(\"href\", el.profileUrl + `#jump=${encodeURIComponent(el.name).replace(/'/g, \"%27\")}&forceJumpOnce=true`)\n .attr(\"data-role\", \"result\")\n .appendTo(this.c_resultsEnts)\n\n const nameCtn = $(``).appendTo(l)\n\n // popup icon\n $(\"\")\n .addClass(\"position-absolute\")\n .html(``)\n .appendTo(nameCtn)\n\n // name\n $(\"\").addClass(\"ms-4\").text(el.name).appendTo(nameCtn)\n\n // badge\n let bgColor = \"bg-secondary\"\n if(el.types[0] == \"vanity\") {\n bgColor = \"bg-info\"\n } else if(el.types[0] == \"clothing\") {\n bgColor = \"bg-primary\"\n } else if(el.types[0] == \"ship\" || el.types[0] == \"ship_decorations\" || el.types[0] == \"ship_trinkets\") {\n bgColor = \"bg-warning text-black\"\n } else if(el.types[0] == \"armory\") {\n bgColor = \"bg-danger text-black\"\n } else if(el.types[0] == \"pets\") {\n bgColor = \"bg-success text-black\"\n }\n\n $(\"\")\n .addClass(`badge ${bgColor} badge-pill d-none d-lg-block`)\n .text(`${el.types.slice(-1)}`)\n .appendTo(l)\n })\n resolve(results)\n })})\n }\n\n searchPages(query, maxResults = 5, thresholdRatio = 3) {\n maxResults += this.moreResultsModifier\n\n return new Promise((resolve, reject) => { this.mapperPages.do(map => {\n let results = []\n if(query.startsWith(\"%%rand%%\")) {\n results = map.rand(5)\n } else {\n results = map.find(query, maxResults * 3).filter((a) => a.matches > query.length / thresholdRatio).slice(0, maxResults)\n }\n this.clearResults(\"resultsPages\")\n this.c_resultsPages.removeClass(\"d-none\")\n if(results.length) results.forEach((el, i) => {\n // console.log(\"pag\", el)\n const l = $(\"\")\n .addClass(\"list-group-item list-group-item-action d-flex justify-content-between align-items-center text-nowrap\")\n .attr(\"href\", el.pageUrl)\n .attr(\"data-role\", \"result\")\n .appendTo(this.c_resultsPages)\n if(el.name.popup) l.attr(\"target\", \"_blank\")\n if(el.name.popopts) l.attr(\"data-popopts\", el.name.popopts)\n\n const nameCtn = $(``).appendTo(l)\n\n // popup icon\n if(el.name.popup) {\n $(\"\")\n .addClass(\"position-absolute\")\n .html(``)\n .appendTo(nameCtn)\n } else {\n $(\"\")\n .addClass(\"position-absolute\")\n .html(``)\n .appendTo(nameCtn)\n }\n\n // name\n $(\"\").addClass(\"ms-4\").text(el.name.name).appendTo(nameCtn)\n\n // desc\n if(el.name.desc) {\n $(\"\").addClass(\"text-muted text-smaller text-truncate ms-2\").text(el.name.desc).appendTo(nameCtn)\n }\n })\n else this.c_resultsPages.addClass(\"d-none\")\n resolve(results)\n })})\n }\n\n searchAchievements(query, maxResults = 6, thresholdRatio = 4) {\n maxResults += this.moreResultsModifier\n\n return new Promise((resolve, reject) => { this.mapperAchievements.do(map => {\n let results = []\n if(query.startsWith(\"%%rand%%\")) {\n results = map.rand(5)\n } else {\n results = map.find(query, maxResults * 3).filter((a) => a.matches > query.length / thresholdRatio).slice(0, maxResults)\n }\n this.clearResults(\"resultsAchievements\")\n this.c_resultsAchievements.removeClass(\"d-none\")\n if(results.length) results.forEach((el, i) => {\n const l = $(\"\")\n .addClass(\"list-group-item list-group-item-action d-flex justify-content-between align-items-center text-nowrap\")\n // .attr(\"href\", el.pageUrl)\n .attr(\"href\", el.profileUrl + `#jump=${encodeURIComponent(el.name[0]).replace(/'/g, \"%27\")}&forceJumpOnce=true`)\n .attr(\"data-role\", \"result\")\n .appendTo(this.c_resultsAchievements)\n\n const nameCtn = $(\"\").addClass(\"position-relative d-flex mw-100 align-items-baseline\").css({ minWidth: 0 }).appendTo(l)\n\n // name\n $(\"\").addClass(\"ms-4\").text(el.name[0]).appendTo(nameCtn)\n\n // popup icon\n $(\"\")\n .addClass(\"position-absolute\")\n .html(``)\n .appendTo(nameCtn)\n\n // description\n if(el.name[1]) {\n $(\"\").addClass(\"text-muted text-smaller text-truncate ms-2\").text(el.name[1]).appendTo(nameCtn)\n }\n\n // badge\n let bgColor = {\n BilgeRats: \"--bilgerat-color\",\n AthenasFortune: \"--athena-color\",\n ReapersBones: \"--reaper-color\",\n GoldHoarders: \"--hoarder-color\",\n MerchantAlliance: \"--merchant-color\",\n OrderOfSouls: \"--souls-color\",\n HuntersCall: \"--hunter-color\",\n PirateLord: \"--guardian-color\",\n Flameheart: \"--servant-color\",\n TallTales: \"--talltale-color\",\n Achievement: \"--achievement-color\",\n }[el.types[1]] || \"--bs-secondary\"\n // if(bgColor == \"--bs-secondary\") console.log(\"type?\", el.types[1], bgColor)\n\n $(\"\")\n .addClass(`badge badge-pill d-none d-lg-block`)\n .css({ background: `var(${bgColor})`, color: `var(${bgColor}-contrast)` })\n .text(`${el.types[2]}`)\n .appendTo(l)\n })\n else this.c_resultsAchievements.addClass(\"d-none\")\n resolve(results)\n })})\n }\n\n async applySearch(force = false) {\n const query = this.i_query.val()\n if(!force && query == this.lastQuery) {\n // probably meta key or rapid undo\n return\n }\n this.lastQuery = query\n\n if(!query) {\n this.c_searching.addClass(\"d-none\")\n this.c_results.addClass(\"d-none\")\n this.clearResults()\n return\n }\n this.c_searching.removeClass(\"d-none\")\n this.c_noquery.addClass(\"d-none\")\n this.c_empty.addClass(\"d-none\")\n this.c_results.removeClass(\"d-none\")\n\n let resultCount = 0\n\n Promise.all([\n this.searchPages(query).then(r => { resultCount += r.length }),\n this.searchAchievements(query).then(r => { resultCount += r.length }),\n this.searchEntitlements(query).then(r => { resultCount += r.length }),\n ]).then(_ => {\n this.c_searching.addClass(\"d-none\")\n if(resultCount > 0) {\n this.c_results.find(`[data-role=\"result\"]`).first().addClass(\"active\")\n this.c_empty.addClass(\"d-none\")\n this.c_results.removeClass(\"d-none\")\n } else {\n this.c_results.addClass(\"d-none\")\n this.c_empty.removeClass(\"d-none\")\n }\n })\n }\n}\n\nexport { GotoAnywhere }\n", "import * as AppOS from \"../appos\"\n\nexport class Modal {\n static DEFAULT_EVENTS = [\n \"hide\",\n \"hidden\",\n \"show\",\n \"shown\",\n \"destroy\",\n ]\n\n evlist() {\n return this.constructor.DEFAULT_EVENTS\n }\n\n constructor(opts = {}) {\n const evlist = this.evlist()\n\n AppOS.SimpleEvents.applyOn(this, evlist, opts)\n evlist.forEach(efn => {\n const capitalized = `on${efn[0].toUpperCase()}${efn.slice(1)}`\n if(typeof this[capitalized] == \"function\") this.on(efn, this[capitalized].bind(this))\n })\n\n this.dom = this.createDom()\n this.setupDom()\n\n this.size = opts.size ?? false\n this.title = opts.title ?? \"Modal\"\n this.fade = opts.fade ?? true\n\n this.init(opts)\n }\n\n init(opts) {}\n\n destroy() {\n this.destroyed = true\n this.modal?.dispose()\n this.dom?.remove()\n this.fire(\"destroy\", this)\n }\n\n get modal() { return bootstrap.Modal.getOrCreateInstance(this.dom) }\n\n set size(v) {\n this.dom_dialog.classList.remove(\"modal-sm\", \"modal-lg\", \"modal-xl\")\n if(v) this.dom_dialog.classList.add(`modal-${v}`)\n }\n\n set title(v) {\n if(!this.dom_title) return false\n this.dom_title.innerHTML = v\n }\n\n set titleText(v) {\n if(!this.dom_title) return false\n this.dom_title.innerText = v\n }\n\n set fade(v) {\n this.dom.classList.toggle(\"fade\", v)\n }\n\n set backdrop(v) {\n if(v == \"static\") {\n this.dom.setAttribute(\"data-bs-backdrop\", \"static\")\n } else if(v) {\n this.dom.removeAttribute(\"data-bs-backdrop\")\n } else {\n this.dom.setAttribute(\"data-bs-backdrop\", \"false\")\n }\n }\n\n singleUse() {\n this.on(\"hidden\", _ => this.destroy())\n return this\n }\n\n show() {\n this.modal.show()\n return this\n }\n\n hide() {\n this.modal.hide()\n return this\n }\n\n createDom() {\n const div = document.createElement(\"div\")\n div.classList.add(\"modal\")\n\n div.innerHTML = this.domContainer()\n\n return div\n }\n\n setupDom() {\n this.dom_dialog = this.dom.querySelector(\".modal-dialog\")\n this.dom_content = this.dom.querySelector(\".modal-content\")\n this.dom_header = this.dom.querySelector(\".modal-header\")\n this.dom_title = this.dom.querySelector(\".modal-title\")\n this.dom_body = this.dom.querySelector(\".modal-body\")\n this.dom_footer = this.dom.querySelector(\".modal-footer\")\n this.dom.addEventListener(\"hide.bs.modal\", ev => this.fire(\"hide\", this, ev))\n this.dom.addEventListener(\"hidden.bs.modal\", ev => this.fire(\"hidden\", this, ev))\n this.dom.addEventListener(\"show.bs.modal\", ev => this.fire(\"show\", this, ev))\n this.dom.addEventListener(\"shown.bs.modal\", ev => this.fire(\"shown\", this, ev))\n }\n\n domContainer() {\n return `\n
\n
${this.domContent()}
\n
\n `\n }\n\n domContent() {\n return `\n ${this.domHeader()}\n ${this.domBody()}\n ${this.domFooter()}\n `\n }\n\n domHeader() {\n return `
${this.headerContent()}
`\n }\n\n headerContent() {\n return `\n
\n \n `\n }\n\n domBody() {\n return `
${this.bodyContent()}
`\n }\n\n bodyContent() { return `` }\n\n domFooter() {\n return `
${this.footerContent()}
`\n }\n\n footerContent() {\n return `\n
\n
${this.footerLeftContent()}
\n
${this.footerRightContent()}
\n
\n `\n }\n\n footerLeftContent() {\n return ``\n }\n\n footerRightContent() {\n return this.btnClose()\n }\n\n // ------------\n\n btnClose(opts = {}) {\n opts.btn ??= \"secondary\"\n opts.label ??= \"Close\"\n return `\n \n `\n }\n\n btnSubmit(opts = {}) {\n opts.btn ??= \"primary\"\n opts.value ??= \"submit\"\n opts.label ??= \"Save changes\"\n return `\n \n `\n }\n}\n\nexport class FormModal extends Modal {\n evlist() {\n return super.evlist().concat([\"submit\"])\n }\n\n domContent() {\n return `
${super.domContent()}
`\n }\n\n setupDom(dom = this.dom) {\n super.setupDom(dom)\n this.dom_form = dom.querySelector(\"form.modal-form\")\n this.dom_form.addEventListener(\"submit\", ev => this.fire(\"submit\", this, ev))\n }\n\n footerRightContent() {\n return super.footerRightContent() + this.btnSubmit()\n }\n}\n\nexport class YesNoModal extends FormModal {\n init(opts = {}) {\n super.init(opts)\n this.on(\"submit\", (m, ev) => {\n ev.preventDefault()\n\n if(ev.submitter.value == \"yes\") {\n this.fire(\"yes\", this, ev)\n this.hide()\n } else if (ev.submitter.value == \"no\") {\n this.fire(\"no\", this, ev)\n this.hide()\n } else {\n this.hide()\n }\n })\n }\n\n evlist() {\n return super.evlist().concat([\"no\", \"yes\"])\n }\n\n btnNo(opts = {}) {\n opts.btn ??= \"danger\"\n opts.label ??= \"No\"\n opts.value ??= \"no\"\n return super.btnSubmit(opts)\n }\n\n btnYes(opts = {}) {\n opts.btn ??= \"success\"\n opts.label ??= \"Yes\"\n opts.value ??= \"yes\"\n return super.btnSubmit(opts)\n }\n\n footerRightContent() {\n return this.btnNo() + this.btnYes()\n }\n}\n\nexport class EditModal extends FormModal {}\n", "import * as AppOS from \"../appos/appos\"\nimport { YesNoModal } from \"../appos/bootstrap5/modal\"\n\nconst DEV = false\n\nexport class GraphAnything {\n constructor(app, el, opts = {}) {\n this.app = app\n this.el = el\n this.opts = opts\n this.fmt = new Intl.NumberFormat('en-US')\n\n this.lastFetch = Date.now()\n this.fetchEvery = 3000\n }\n\n setStatus(msg, spinner, textColor, sIcon) {\n this.v_status.html(msg)\n this.v_status.removeClass((i, c) => (c.match(/(^|\\s)text-\\S+/g) || []).join(' '))\n if(textColor) this.v_status.addClass(\"text-\" + textColor)\n if(spinner) this.setSpinner(spinner, sIcon)\n return this\n }\n\n setSpinner(color, sIcon) {\n this.v_spinner.removeClass(\"animation-paused\")\n this.v_spinner.removeClass((i, c) => (c.match(/(^|\\s)text-\\S+/g) || []).join(' '))\n this.v_spinner.addClass(\"text-\" + color)\n if(sIcon) {\n this.v_spinner.replaceWith($(``))\n }\n }\n\n showData() {\n if(this.shown) return\n this.shown = true\n this.setupGraph()\n this.v_data.fadeIn(1000, _ => { this.shownReady = true })\n }\n\n fetchUpdates(jid, jri) {\n if(jid != null) {\n this.job_id = jid\n this.job_mc = 0\n this.job_buf = []\n this.job_started = false\n this.job_done = false\n this.job_failed = false\n if(jri != null) this.job_ri = jri\n if(!this.shown) this.showData()\n }\n\n fetch(this.el.data(\"gatFetch\") + '?' + new URLSearchParams({\n j: this.job_id,\n jri: this.job_ri,\n }), this.postOpts()).then(r => r.json()).then(json => {\n json.res.forEach(row => {\n this.job_ri++\n\n if(row == \"%JOB_STARTED%\") {\n // console.log(\"job started\")\n this.job_started = true\n this.setStatus(\"job started, waiting for data...\", \"warning\", \"info\")\n } else if (row == \"%JOB_FAILED%\") {\n // console.log(\"job failed\")\n this.job_failed = true\n this.setStatus(\"job failed :( sorry, try again later\", \"danger\", \"danger\", \"x-lg text-danger\")\n } else if (row == \"%JOB_DONE%\") {\n this.job_done = true\n } else if (Array.isArray(row) && row[0] == \"limit_reached\") {\n this.limit_reached = {\n limit: row[1],\n processed: row[2],\n remaining: row[3],\n sid: row[4],\n }\n this.job_buf.push(row)\n } else if (Array.isArray(row) && row[0] == \"prog\") {\n // console.log(\"progress\", row)\n // this.job_mc = parseFloat(row[1])\n this.job_mt = parseFloat(row[2])\n this.setStatus(`processing... ${this.job_mc}/${this.job_mt}`, \"warning\", \"warning\")\n } else {\n // console.log(\"row\", row)\n this.job_buf.push(row)\n }\n })\n this.lastFetch = Date.now()\n this.bufferOff()\n // this.v_table.html(JSON.stringify(json.res))\n if(!this.job_done && !this.job_failed) setTimeout(_ => { this.fetchUpdates() }, this.fetchEvery)\n }).catch(err => {\n this.setStatus(\"failed to gather data :( sorry, try again later\", \"danger\", \"danger\", \"x-lg text-danger\")\n console.error(err)\n })\n }\n\n continueModal() {\n return new ContinueModal({ ga: this })\n .show()\n .on(\"hidden\", m => {\n if(m.result == \"yesAll\") {\n this.continueJob(true)\n } else if (m.result == \"yes\") {\n this.continueJob()\n } else {\n this.finalizeJob()\n }\n })\n }\n\n continueJob(all = false) {\n if(!this.limit_reached) return false\n const lr = this.limit_reached\n this.limit_reached = false\n\n const eopts = { continueAt: lr.sid }\n if(all) eopts.limit = 0\n\n this.job_done = false\n this.enqueue(eopts)\n }\n\n finalizeJob() {\n this.limit_reached = false\n this.job_buf.push([\"noop\"])\n this.bufferOff()\n this.enqueue({ cancel: true })\n }\n\n bufferOff(internal = false) {\n if(this.job_bufoff_timer && !internal) {\n console.log(\"already in loop\")\n return\n }\n let continueBuffering = this.job_buf.length\n\n while(continueBuffering && this.job_buf.length) {\n const item = this.job_buf.shift()\n if (item[0] == \"limit_reached\") {\n this.setStatus(`PAUSED ${this.job_mc}/${this.job_mt}`, \"warning\", \"warning\")\n this.continueModal()\n } else if (item[0] == \"row\") {\n this.job_mc++\n this.addRowToGraph(item[1])\n this.addRowToTable(item[1])\n continueBuffering = false\n }\n\n if(!this.job_failed) {\n if (this.job_mc >= this.job_mt || (!this.job_buf.length && this.job_done && !this.limit_reached)) {\n this.setStatus(\"job done :)\", \"success animation-paused\", \"success\", \"check-lg text-success\")\n this.enableChartZoom()\n this.setChartMarkers()\n } else if (!this.limit_reached?.updateBlock) {\n this.setStatus(`processing... ${this.job_mc}/${this.job_mt}`, \"warning\", \"warning\")\n }\n } else {\n this.enableChartZoom()\n }\n }\n\n // reschedule\n if(!this.job_buf.length) {\n delete this.job_bufoff_timer\n return\n }\n\n const tdelta = this.fetchEvery - (Date.now() - this.lastFetch)\n let timeout = 10\n if (tdelta > 10) {\n timeout = Math.max(10, parseInt(tdelta / this.job_buf.length))\n }\n\n if(this.job_buf.length > 10) this.timer = Math.max(this.timer - (this.job_buf.length), 10)\n if(this.job_buf.length <= 10) this.timer = Math.min(this.timer + (this.job_buf.length), 500)\n // console.log(\"wait\", timeout, this.job_buf.length, tdelta)\n // let nextTimer = 300\n // nextTimer -= this.job_buf.length * 10\n // nextTimer = Math.max(20, nextTimer)\n // console.log(\"wait\", nextTimer)\n // if(this.job_buf.length > 100) nextTimer = 10\n // if(this.job_buf.length > 10) nextTimer = 100\n this.job_bufoff_timer = setTimeout(_ => { this.bufferOff(true) }, timeout)\n }\n\n postOpts() {\n return {\n method: \"POST\",\n headers: {\n \"X-CSRF-Token\": document.head.querySelector(\"meta[name=csrf-token]\")?.content,\n Accept: \"application/json\",\n },\n }\n }\n\n enqueue(opts = {}) {\n opts.limit ??= null\n opts.continueAt ??= null\n\n const urlparams = {\n k: this.el.data(\"gatKeys\"),\n e: 1,\n }\n\n if(opts.limit != null) {\n urlparams.limit = opts.limit\n }\n\n if(opts.continueAt != null) {\n urlparams.lsi = opts.continueAt\n urlparams.j = this.job_id\n urlparams.e = 2\n }\n\n if(opts.cancel) {\n urlparams.j = this.job_id\n urlparams.e = 666\n } else {\n this.setStatus(\"enqueuing job, please wait...\", \"info\", \"info\")\n }\n\n fetch(this.el.data(\"gatFetch\") + '?' + new URLSearchParams(urlparams), this.postOpts()).then(r => r.json()).then(json => {\n if(json.jid) {\n if(json.stopped) return false\n // console.log(\"got job \" + json.jid)\n this.setStatus(\"job enqueued, waiting for response...\", \"info\", \"info\")\n if(json.jid == this.job_id) {\n this.fetchUpdates()\n } else {\n this.fetchUpdates(json.jid, 0)\n\n // update URL\n const loc = URL.parse(location.href)\n loc.searchParams.set(\"j\", json.jid)\n window.history.replaceState(null, \"\", loc.href)\n\n // update share links\n document.querySelectorAll(`[data-target=\"pv-pageShareLink\"]`).forEach(el => {\n const url = URL.parse(el.href)\n url.searchParams.set(\"j\", json.jid)\n el.href = url.href\n })\n }\n } else {\n this.setStatus(\"failed to enqueue job :( sorry, try again later\", \"danger\", \"danger\", \"x-lg text-danger\")\n }\n }).catch(err => {\n this.setStatus(\"failed to enqueue job :( sorry, try again later\", \"danger\", \"danger\", \"x-lg text-danger\")\n console.error(err)\n })\n }\n\n hook() {\n if (\"Chartkick\" in window) {\n this.chartClass = window.Chartkick\n this.hookRaw()\n } else {\n this.app.componentLoader.load(\"charts\").then(([c, exps]) => {\n this.chartClass = exps.get(\"Chart\")\n this.hookRaw()\n })\n }\n }\n\n hookRaw() {\n this.v_loading = this.find(`[data-view=\"loading\"]`)\n this.v_spinner = this.find(`[data-view=\"loading-spinner\"]`)\n this.v_status = this.find(`[data-view=\"status\"]`)\n this.v_zoomDisabled = this.find(`[data-view=\"zoomDisabled\"]`)\n this.v_zoomEnabled = this.find(`[data-view=\"zoomEnabled\"]`)\n this.v_data = this.find(`[data-view=\"data\"]`)\n this.v_graph = this.find(`[data-view=\"graph\"]`)\n this.v_table = this.find(`[data-view=\"table\"]`)\n this.c_graph = this.v_graph.find(`canvas[data-graph]`)\n this.c_tbody = this.v_table.find(`table tbody`)\n this.b_resetZoom = this.find(`[data-action=\"resetGraphZoom\"]`)\n this.b_removeConsecutives = this.find(`[data-action=\"removeConsecutiveValues\"]`)\n\n this.b_resetZoom.click(ev => {\n this.chart.resetZoom()\n ev.currentTarget.blur()\n ev.preventDefault()\n return false\n })\n\n this.b_removeConsecutives.click(ev => {\n this.removeConsecutiveValues()\n ev.currentTarget.remove()\n ev.preventDefault()\n return false\n })\n\n if(this.el.data(\"gatJid\")) {\n this.fetchUpdates(this.el.data(\"gatJid\"), 0)\n } else {\n this.enqueue()\n }\n\n // this.el.on(\"click\", `[data-option]`, ev => {\n // this.toggleOpt($(ev.currentTarget).blur())\n // ev.stopImmediatePropagation()\n // ev.preventDefault()\n // })\n\n // this.find(\"turbo-frame\").on(\"turbo:fetch-request-error\", ev => { this.ls.errorOccured(ev) })\n\n // this.ls.setup()\n\n return this\n }\n\n find(selector) { return this.el.find(selector) }\n\n\n // ===============\n // = Graph/Table =\n // ===============\n\n addRowToTable(row) {\n Object.entries(row).forEach(([key, value]) => {\n const tr = $(\"\").attr(\"data-gold\", value[0])\n $(\"\").addClass(\"text-end\").text(value[2]).appendTo(tr) // snap id\n $(\"\").addClass(\"text-nowrap\").append(\n $(\"\").addClass(\"local-time\").html(new Date(Date.parse(value[1])).toLocaleString({}, { timeZoneName: \"short\" })).attr(\"title\", value[1])\n ).appendTo(tr) // date\n $(\"\").text(key).appendTo(tr) // value (name)\n $(\"\").addClass(\"text-nowrap text-end\").text(this.fmt.format(value[0])).attr(\"data-sotpf-bdiff\", \"gold\").appendTo(tr) // value\n this.c_tbody.append(tr)\n\n if(tr.prev().length) {\n this.app.diffBalanceAb(tr.prev().get(0), tr.get(0))\n }\n })\n }\n\n setupGraph() {\n const datasets = []\n\n this.el.data(\"gatKeys\").split(\"|\").forEach(gkey => {\n datasets.push({ label: gkey, data: [] })\n })\n\n this.chart = new this.chartClass(this.c_graph.get(0), {\n type: 'line',\n data: { datasets: datasets },\n options: {\n interaction: {\n mode: \"nearest\",\n axis: \"x\",\n intersect: false,\n position: \"nearest\",\n },\n scales: {\n x: {\n type: \"time\",\n display: true,\n time: { tooltipFormat: \"yyyy-MM-dd HH:mm X\" },\n },\n y: {\n beginAtZero: true,\n },\n },\n plugins: {\n annotation: {\n common: {\n drawTime: 'beforeDatasetsDraw',\n },\n annotations: {\n // box1: {\n // type: 'box',\n // xMin: Date.parse(\"2024-02-24T11:00:00Z\"),\n // xMax: Date.parse(\"2024-02-26T11:00:00Z\"),\n // backgroundColor: 'rgba(255, 99, 132, 0.25)',\n // label: {\n // content: \"hi\",\n // display: true,\n // },\n // }\n },\n },\n zoom: {\n pan: {\n enabled: true,\n mode: \"x\",\n onPanStart: () => { if(!this.chartHasLoaded) return false },\n },\n zoom: {\n mode: \"x\",\n // zoom options and/or events\n drag: {\n enabled: false,\n },\n wheel: {\n enabled: false,\n },\n },\n limits: {\n x: {min: \"original\", max: \"original\"},\n y: {min: \"original\", max: \"original\"},\n },\n },\n }\n },\n })\n }\n\n removeConsecutiveValues() {\n this.chart.data.datasets.forEach((dset, i) => {\n const nd = []\n dset.data.forEach(d => {\n if (nd.length && nd[nd.length - 1].y == d.y) return\n nd.push(d)\n })\n // dset.data.push({ x: value[1], y: value[0] })\n dset.data = nd\n this.updateChartMarkers()\n })\n\n this.c_tbody.find(\"tr\").each((i, el) => {\n if(el.nextElementSibling && el.dataset.gold == el.nextElementSibling.dataset.gold) {\n el.remove()\n }\n })\n }\n\n addRowToGraph(row) {\n let index = 0\n Object.entries(row).forEach(([key, value]) => {\n // console.log(index, \"set\", key, \"v\", value[0], \"d\", value[1])\n this.chart.data.datasets[index].data.push({ x: value[1], y: value[0] })\n index++\n })\n if(index > 0) this.chart.update()\n }\n\n enableChartZoom() {\n this.chartHasLoaded = true\n this.chart.options.plugins.zoom.zoom.wheel.enabled = true\n this.chart.update()\n this.v_zoomDisabled.hide()\n this.v_zoomEnabled.show()\n }\n\n setChartMarkers() {\n const markers = this.el.data(\"gatMarkers\")\n if(!markers) return\n\n let d1 = null\n let d2 = null\n\n this.chart.data.datasets.forEach(dset => {\n const fd = Date.parse(dset.data[0].x)\n const sd = Date.parse(dset.data[dset.data.length - 1].x)\n\n if (fd > sd) {\n if(!d2 || fd > d2) d2 = fd\n if(!d1 || sd < d1) d1 = sd\n } else {\n if(!d2 || sd > d2) d2 = sd\n if(!d1 || fd < d1) d1 = fd\n }\n })\n\n markers.forEach((marker, mi) => {\n if(marker[0] == \"game_version\") {\n const m_date = Date.parse(marker[2])\n if(m_date < d1 || m_date > d2) {\n console.log(\"out of bounds\", marker)\n return\n }\n\n const anno = {\n type: \"line\",\n scaleID: \"x\",\n borderWidth: 2,\n value: m_date,\n }\n\n if(marker[1] == \"major\") {\n anno.borderColor = 'rgba(255, 99, 99, 0.9)'\n } else if (marker[1] == \"minor\") {\n anno.borderColor = 'rgba(255, 200, 99, 0.9)'\n } else if (marker[1] == \"patch\") {\n anno.borderColor = 'rgba(99, 160, 99, 0.9)'\n } else {\n anno.borderColor = 'rgba(99, 99, 99, 0.9)'\n }\n\n const label = []\n\n if(marker[3]) {\n label.push(marker[3])\n }\n\n if(marker[4]) {\n label.push(marker[4])\n }\n\n if(label.length) {\n anno.label = {\n display: (ctx) => ctx.hovered,\n content: label.join(\"\\n\"),\n drawTime: 'afterDatasetsDraw',\n position: (ctx) => ctx.hoverPosition,\n }\n anno.label.color = anno.borderColor\n anno.enter = (ctx, event) => {\n ctx.hovered = true\n ctx.hoverPosition = (event.y / ctx.chart.chartArea.height * 100) + '%'\n ctx.chart.update()\n }\n anno.leave = (ctx, event) => {\n ctx.hovered = false\n ctx.chart.update()\n }\n }\n\n this.chart.options.plugins.annotation.annotations[`marker_${mi}`] = anno\n // [:game_version, :patch, Tue, 12 Dec 2023 14:43:50.000000000 UTC +00:00, \"2.9.2.1\", \"hotpatch\", {:game=>2, :major=>9, :minor=>2, :patch=>1}]\n // 0 1 2 3 4 5\n } else {\n console.warning(\"unknown marker\", marker)\n }\n })\n\n this.chart.update()\n }\n\n updateChartMarkers(updateChart = true) {\n let d1, d2 = null\n this.chart.data.datasets.forEach(dset => {\n const fd = Date.parse(dset.data[0].x)\n const sd = Date.parse(dset.data[dset.data.length - 1].x)\n\n if (fd > sd) {\n if(!d2 || fd > d2) d2 = fd\n if(!d1 || sd < d1) d1 = sd\n } else {\n if(!d2 || sd > d2) d2 = sd\n if(!d1 || fd < d1) d1 = fd\n }\n })\n\n Object.entries(this.chart.options.plugins.annotation.annotations).forEach(([key, marker]) => {\n if(marker.value < d1 || marker.value > d2) {\n // console.log(\"out of bounds\", marker)\n marker.display = false\n }\n })\n\n if(updateChart) this.chart.update()\n }\n}\n\nexport class ContinueModal extends YesNoModal {\n init(opts = {}) {\n super.init(opts)\n this.singleUse()\n this.ga = opts.ga\n this.title = \"Continue processing?\"\n this.dom_dialog.classList.add(\"pt-4\")\n // this.size = \"lg\"\n this.backdrop = \"static\"\n\n this.result = \"no\"\n this.setBodyContent()\n\n this.on(\"submit\", (m, ev) => {\n ev.preventDefault()\n this.result = ev.submitter.value\n this.hide()\n })\n }\n\n setBodyContent() {\n const l = this.ga.limit_reached\n this.dom_body.innerHTML = `\n
\n ${l.processed} / ${l.processed + l.remaining} snapshots processed\n (${l.remaining} remaining)\n
\n Do you want to continue processing?\n `\n }\n\n btnNo(opts = {}) {\n opts.btn = \"success\"\n opts.label = \"I'm good\"\n return super.btnNo(opts)\n }\n\n btnYes(opts = {}) {\n opts.btn = \"primary\"\n opts.label = \"Continue\"\n return super.btnYes(opts)\n }\n\n btnYesAll(opts = {}) {\n opts.btn ??= \"outline-primary\"\n opts.label ??= \"Continue all\"\n opts.value ??= \"yesAll\"\n return super.btnYes(opts)\n }\n\n footerLeftContent() {\n return this.btnYes() + this.btnYesAll()\n }\n\n footerRightContent() {\n return this.btnNo()\n }\n}\n", "import * as AppOS from \"../appos/appos\"\n\nconst DEV = false\n\nclass TracerUI {\n constructor(app, el, opts = {}) {\n this.app = app\n this.el = el\n this.opts = opts\n this.fmt = new Intl.NumberFormat('en-US')\n\n this.lastFetch = Date.now()\n this.fetchEvery = 3000\n }\n\n setStatus(msg, spinner, textColor, sIcon) {\n this.v_status.html(msg)\n this.v_status.removeClass((i, c) => (c.match(/(^|\\s)text-\\S+/g) || []).join(' '))\n if(textColor) this.v_status.addClass(\"text-\" + textColor)\n if(spinner) this.setSpinner(spinner, sIcon)\n return this\n }\n\n setSpinner(color, sIcon) {\n this.v_spinner.removeClass(\"animation-paused\")\n this.v_spinner.removeClass((i, c) => (c.match(/(^|\\s)text-\\S+/g) || []).join(' '))\n this.v_spinner.addClass(\"text-\" + color)\n if(sIcon) {\n this.v_spinner.replaceWith($(``))\n }\n }\n\n showData() {\n if(this.shown) return\n this.shown = true\n this.v_data.fadeIn(1000, _ => { this.shownReady = true })\n }\n\n fetchUpdates(jid, jri) {\n if(jid != null) {\n this.job_id = jid\n this.job_buf = []\n this.job_started = false\n this.job_done = false\n this.job_failed = false\n if(jri != null) this.job_ri = jri\n if(!this.shown) this.showData()\n }\n\n fetch(this.el.data(\"tracerFetch\") + '?' + new URLSearchParams({\n j: this.job_id,\n jri: this.job_ri,\n }), this.postOpts()).then(r => r.json()).then(json => {\n json.res.forEach(row => {\n this.job_ri++\n\n if(row == \"%JOB_STARTED%\") {\n // console.log(\"job started\")\n this.job_started = true\n this.setStatus(\"job started, waiting for data...\", \"warning\", \"info\")\n } else if (row == \"%JOB_FAILED%\") {\n // console.log(\"job failed\")\n this.job_failed = true\n this.setStatus(`job failed :( sorry, try again later`, \"danger\", \"danger\", \"x-lg me-1 text-danger\")\n } else if (row == \"%JOB_DONE%\") {\n // console.log(\"job done\")\n this.job_done = true\n // if (!this.job_failed) {\n // this.setStatus(\"job done :)\", \"success animation-paused\", \"success\", \"check-lg text-success\")\n // }\n } else if (Array.isArray(row) && row[0] == \"prog\") {\n // console.log(\"progress\", row)\n this.job_mc = parseFloat(row[1])\n this.job_mt = parseFloat(row[2])\n this.setStatus(`processing... ${this.job_mc}/${this.job_mt}`, \"warning\", \"warning\")\n } else {\n // console.log(\"row\", row)\n this.job_buf.push(row)\n }\n })\n this.lastFetch = Date.now()\n this.bufferOff()\n if(!this.job_done && !this.job_failed) setTimeout(_ => { this.fetchUpdates() }, this.fetchEvery)\n }).catch(err => {\n this.setStatus(\"failed to gather data :( sorry, try again later\", \"danger\", \"danger\", \"x-lg me-1 text-danger\")\n console.error(err)\n })\n }\n\n bufferOff(internal = false) {\n if(this.job_bufoff_timer && !internal) {\n console.log(\"already in loop\")\n return\n }\n let continueBuffering = this.job_buf.length\n\n while(continueBuffering && this.job_buf.length) {\n const item = this.job_buf.shift()\n if (item[0] == \"row\") {\n Object.entries(item[1]).forEach(([event, evdata]) => {\n const tr = $(\"\")\n const ev_date = Date.parse(evdata[0])\n const ev_snapid = evdata[1]\n const ev_before = evdata[2]\n const ev_after = evdata[3]\n\n $(\"\").addClass(\"text-end\").text(ev_snapid).appendTo(tr) // snap id\n $(\"\").addClass(\"text-nowrap\").append(\n $(\"\").addClass(\"local-time\").html(new Date(ev_date).toLocaleString({}, { timeZoneName: \"short\" })).attr(\"title\", ev_date)\n ).appendTo(tr) // date\n $(\"\").addClass(\"text-end text-info fw-bold\").text(event).appendTo(tr) // snap id\n\n const why = [ev_before, ev_after]\n why.forEach(sub => {\n const ul = $(\"