Hello {name}!
\r\n\tVisit the Svelte tutorial to learn how to build Svelte apps.
\r\n\r\n
\r\n\r\n",
+ "\r\n\r\n 2000}>\r\n {#if song}\r\n
\r\n {#if now - lastVolumeUpdate < 4000 && song && song.audio}\r\n \r\n
\r\n {/if}\r\n {song.artist} - {song.song}
\r\n\r\n
\r\n \r\n ![\"{playing](\"images/music_{playing "\\"{playing")
\r\n
\r\n \r\n ![\"Skip](\"images/music_forward.svg\" "\\"Skip")
\r\n
\r\n \r\n 2000}>\r\n \r\n
\r\n {/if}\r\n![\"logo\"](\"images/logo.svg\"){kind=logo}
\r\n \r\n\r\n\r\n"
],
"names": [],
- "mappings": "AAUC,IAAI,cAAC,CAAC,AACL,UAAU,CAAE,MAAM,CAClB,OAAO,CAAE,GAAG,CACZ,SAAS,CAAE,KAAK,CAChB,MAAM,CAAE,CAAC,CAAC,IAAI,AACf,CAAC,AACD,EAAE,cAAC,CAAC,AACH,KAAK,CAAE,OAAO,CACd,cAAc,CAAE,SAAS,CACzB,SAAS,CAAE,GAAG,CACd,WAAW,CAAE,GAAG,AACjB,CAAC,AACD,MAAM,AAAC,YAAY,KAAK,CAAC,AAAC,CAAC,AAC1B,IAAI,cAAC,CAAC,AACL,SAAS,CAAE,IAAI,AAChB,CAAC,AACF,CAAC"
+ "mappings": "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"
}
\ No newline at end of file
diff --git a/public/build/bundle.js b/public/build/bundle.js
index 2aa0939..96648c2 100644
--- a/public/build/bundle.js
+++ b/public/build/bundle.js
@@ -46,6 +46,10 @@ var app = (function () {
function space() {
return text(' ');
}
+ function listen(node, event, handler, options) {
+ node.addEventListener(event, handler, options);
+ return () => node.removeEventListener(event, handler, options);
+ }
function attr(node, attribute, value) {
if (value == null)
node.removeAttribute(attribute);
@@ -55,6 +59,12 @@ var app = (function () {
function children(element) {
return Array.from(element.childNodes);
}
+ function set_style(node, key, value, important) {
+ node.style.setProperty(key, value, important ? 'important' : '');
+ }
+ function toggle_class(element, name, toggle) {
+ element.classList[toggle ? 'add' : 'remove'](name);
+ }
function custom_event(type, detail) {
const e = document.createEvent('CustomEvent');
e.initCustomEvent(type, false, false, detail);
@@ -65,6 +75,25 @@ var app = (function () {
function set_current_component(component) {
current_component = component;
}
+ function get_current_component() {
+ if (!current_component)
+ throw new Error(`Function called outside component initialization`);
+ return current_component;
+ }
+ function createEventDispatcher() {
+ const component = get_current_component();
+ return (type, detail) => {
+ const callbacks = component.$$.callbacks[type];
+ if (callbacks) {
+ // TODO are there situations where events could be dispatched
+ // in a server (non-DOM) environment?
+ const event = custom_event(type, detail);
+ callbacks.slice().forEach(fn => {
+ fn.call(component, event);
+ });
+ }
+ };
+ }
const dirty_components = [];
const binding_callbacks = [];
@@ -81,6 +110,9 @@ var app = (function () {
function add_render_callback(fn) {
render_callbacks.push(fn);
}
+ function add_flush_callback(fn) {
+ flush_callbacks.push(fn);
+ }
let flushing = false;
const seen_callbacks = new Set();
function flush() {
@@ -130,12 +162,46 @@ var app = (function () {
}
}
const outroing = new Set();
+ let outros;
function transition_in(block, local) {
if (block && block.i) {
outroing.delete(block);
block.i(local);
}
}
+ function transition_out(block, local, detach, callback) {
+ if (block && block.o) {
+ if (outroing.has(block))
+ return;
+ outroing.add(block);
+ outros.c.push(() => {
+ outroing.delete(block);
+ if (callback) {
+ if (detach)
+ block.d(1);
+ callback();
+ }
+ });
+ block.o(local);
+ }
+ }
+
+ const globals = (typeof window !== 'undefined'
+ ? window
+ : typeof globalThis !== 'undefined'
+ ? globalThis
+ : global);
+
+ function bind(component, name, callback) {
+ const index = component.$$.props[name];
+ if (index !== undefined) {
+ component.$$.bound[index] = callback;
+ callback(component.$$.ctx[index]);
+ }
+ }
+ function create_component(block) {
+ block && block.c();
+ }
function mount_component(component, target, anchor) {
const { fragment, on_mount, on_destroy, after_update } = component.$$;
fragment && fragment.m(target, anchor);
@@ -270,6 +336,19 @@ var app = (function () {
dispatch_dev("SvelteDOMRemove", { node });
detach(node);
}
+ function listen_dev(node, event, handler, options, has_prevent_default, has_stop_propagation) {
+ const modifiers = options === true ? ["capture"] : options ? Array.from(Object.keys(options)) : [];
+ if (has_prevent_default)
+ modifiers.push('preventDefault');
+ if (has_stop_propagation)
+ modifiers.push('stopPropagation');
+ dispatch_dev("SvelteDOMAddEventListener", { node, event, handler, modifiers });
+ const dispose = listen(node, event, handler, options);
+ return () => {
+ dispatch_dev("SvelteDOMRemoveEventListener", { node, event, handler, modifiers });
+ dispose();
+ };
+ }
function attr_dev(node, attribute, value) {
attr(node, attribute, value);
if (value == null)
@@ -277,6 +356,13 @@ var app = (function () {
else
dispatch_dev("SvelteDOMSetAttribute", { node, attribute, value });
}
+ function set_data_dev(text, data) {
+ data = '' + data;
+ if (text.wholeText === data)
+ return;
+ dispatch_dev("SvelteDOMSetData", { node: text, data });
+ text.data = data;
+ }
function validate_slots(name, slot, keys) {
for (const slot_key of Object.keys(slot)) {
if (!~keys.indexOf(slot_key)) {
@@ -301,55 +387,260 @@ var app = (function () {
$inject_state() { }
}
- /* src\App.svelte generated by Svelte v3.25.1 */
+ /* src\Menu.svelte generated by Svelte v3.25.1 */
- const file = "src\\App.svelte";
+ const { console: console_1 } = globals;
+ const file = "src\\Menu.svelte";
- function create_fragment(ctx) {
- let main;
- let h1;
+ // (99:8) {#if song}
+ function create_if_block_1(ctx) {
+ let div3;
+ let h2;
+ let t0_value = /*song*/ ctx[0].artist + "";
+ let t0;
+ let t1;
+ let t2_value = /*song*/ ctx[0].song + "";
+ let t2;
let t3;
- let p;
+ let div2;
+ let div0;
+ let img0;
+ let img0_src_value;
+ let img0_alt_value;
+ let img0_title_value;
let t4;
- let a;
- let t6;
+ let div1;
+ let img1;
+ let img1_src_value;
+ let mounted;
+ let dispose;
const block = {
c: function create() {
- main = element("main");
- h1 = element("h1");
- h1.textContent = `Hello ${/*name*/ ctx[0]}!`;
+ div3 = element("div");
+ h2 = element("h2");
+ t0 = text(t0_value);
+ t1 = text(" - ");
+ t2 = text(t2_value);
t3 = space();
- p = element("p");
- t4 = text("Visit the ");
- a = element("a");
- a.textContent = "Svelte tutorial";
- t6 = text(" to learn how to build Svelte apps.");
- attr_dev(h1, "class", "svelte-2x1evt");
- add_location(h1, file, 5, 1, 54);
- attr_dev(a, "href", "https://svelte.dev/tutorial");
- add_location(a, file, 6, 14, 92);
- add_location(p, file, 6, 1, 79);
- attr_dev(main, "class", "svelte-2x1evt");
- add_location(main, file, 4, 0, 45);
+ div2 = element("div");
+ div0 = element("div");
+ img0 = element("img");
+ t4 = space();
+ div1 = element("div");
+ img1 = element("img");
+ attr_dev(h2, "class", "svelte-1j9fr45");
+ add_location(h2, file, 100, 16, 3079);
+ if (img0.src !== (img0_src_value = "images/music_" + (/*playing*/ ctx[4] ? "pause" : "play") + ".svg")) attr_dev(img0, "src", img0_src_value);
+ attr_dev(img0, "alt", img0_alt_value = "" + ((/*playing*/ ctx[4] ? "Pause" : "Play") + " music"));
+ attr_dev(img0, "title", img0_title_value = "" + ((/*playing*/ ctx[4] ? "Pause" : "Play") + " music"));
+ attr_dev(img0, "class", "svelte-1j9fr45");
+ add_location(img0, file, 103, 24, 3243);
+ attr_dev(div0, "class", "play svelte-1j9fr45");
+ add_location(div0, file, 102, 20, 3177);
+ if (img1.src !== (img1_src_value = "images/music_forward.svg")) attr_dev(img1, "src", img1_src_value);
+ attr_dev(img1, "alt", "Skip the song");
+ attr_dev(img1, "title", "Skip the song");
+ attr_dev(img1, "class", "svelte-1j9fr45");
+ add_location(img1, file, 106, 24, 3501);
+ attr_dev(div1, "class", "forward svelte-1j9fr45");
+ add_location(div1, file, 105, 20, 3434);
+ attr_dev(div2, "class", "controls svelte-1j9fr45");
+ add_location(div2, file, 101, 16, 3133);
+ attr_dev(div3, "class", "song svelte-1j9fr45");
+ add_location(div3, file, 99, 12, 3043);
+ },
+ m: function mount(target, anchor) {
+ insert_dev(target, div3, anchor);
+ append_dev(div3, h2);
+ append_dev(h2, t0);
+ append_dev(h2, t1);
+ append_dev(h2, t2);
+ append_dev(div3, t3);
+ append_dev(div3, div2);
+ append_dev(div2, div0);
+ append_dev(div0, img0);
+ append_dev(div2, t4);
+ append_dev(div2, div1);
+ append_dev(div1, img1);
+
+ if (!mounted) {
+ dispose = [
+ listen_dev(div0, "click", /*togglePlay*/ ctx[6], false, false, false),
+ listen_dev(div1, "click", /*playNext*/ ctx[5], false, false, false)
+ ];
+
+ mounted = true;
+ }
+ },
+ p: function update(ctx, dirty) {
+ if (dirty & /*song*/ 1 && t0_value !== (t0_value = /*song*/ ctx[0].artist + "")) set_data_dev(t0, t0_value);
+ if (dirty & /*song*/ 1 && t2_value !== (t2_value = /*song*/ ctx[0].song + "")) set_data_dev(t2, t2_value);
+
+ if (dirty & /*playing*/ 16 && img0.src !== (img0_src_value = "images/music_" + (/*playing*/ ctx[4] ? "pause" : "play") + ".svg")) {
+ attr_dev(img0, "src", img0_src_value);
+ }
+
+ if (dirty & /*playing*/ 16 && img0_alt_value !== (img0_alt_value = "" + ((/*playing*/ ctx[4] ? "Pause" : "Play") + " music"))) {
+ attr_dev(img0, "alt", img0_alt_value);
+ }
+
+ if (dirty & /*playing*/ 16 && img0_title_value !== (img0_title_value = "" + ((/*playing*/ ctx[4] ? "Pause" : "Play") + " music"))) {
+ attr_dev(img0, "title", img0_title_value);
+ }
+ },
+ d: function destroy(detaching) {
+ if (detaching) detach_dev(div3);
+ mounted = false;
+ run_all(dispose);
+ }
+ };
+
+ dispatch_dev("SvelteRegisterBlock", {
+ block,
+ id: create_if_block_1.name,
+ type: "if",
+ source: "(99:8) {#if song}",
+ ctx
+ });
+
+ return block;
+ }
+
+ // (113:4) {#if now - lastVolumeUpdate < 4000 && song && song.audio}
+ function create_if_block(ctx) {
+ let div2;
+ let div1;
+ let div0;
+ let t0_value = Math.round(/*song*/ ctx[0].audio.volume * 100) + "";
+ let t0;
+ let t1;
+
+ const block = {
+ c: function create() {
+ div2 = element("div");
+ div1 = element("div");
+ div0 = element("div");
+ t0 = text(t0_value);
+ t1 = text("%");
+ attr_dev(div0, "class", "percent");
+ add_location(div0, file, 115, 16, 3868);
+ attr_dev(div1, "class", "slider");
+ add_location(div1, file, 114, 12, 3830);
+ attr_dev(div2, "class", "volume svelte-1j9fr45");
+ toggle_class(div2, "hidden", /*now*/ ctx[3] - /*lastVolumeUpdate*/ ctx[2] > 2000);
+ add_location(div2, file, 113, 8, 3751);
+ },
+ m: function mount(target, anchor) {
+ insert_dev(target, div2, anchor);
+ append_dev(div2, div1);
+ append_dev(div1, div0);
+ append_dev(div0, t0);
+ append_dev(div0, t1);
+ },
+ p: function update(ctx, dirty) {
+ if (dirty & /*song*/ 1 && t0_value !== (t0_value = Math.round(/*song*/ ctx[0].audio.volume * 100) + "")) set_data_dev(t0, t0_value);
+
+ if (dirty & /*now, lastVolumeUpdate*/ 12) {
+ toggle_class(div2, "hidden", /*now*/ ctx[3] - /*lastVolumeUpdate*/ ctx[2] > 2000);
+ }
+ },
+ d: function destroy(detaching) {
+ if (detaching) detach_dev(div2);
+ }
+ };
+
+ dispatch_dev("SvelteRegisterBlock", {
+ block,
+ id: create_if_block.name,
+ type: "if",
+ source: "(113:4) {#if now - lastVolumeUpdate < 4000 && song && song.audio}",
+ ctx
+ });
+
+ return block;
+ }
+
+ function create_fragment(ctx) {
+ let div1;
+ let div0;
+ let t;
+ let mounted;
+ let dispose;
+ let if_block0 = /*song*/ ctx[0] && create_if_block_1(ctx);
+ let if_block1 = /*now*/ ctx[3] - /*lastVolumeUpdate*/ ctx[2] < 4000 && /*song*/ ctx[0] && /*song*/ ctx[0].audio && create_if_block(ctx);
+
+ const block = {
+ c: function create() {
+ div1 = element("div");
+ div0 = element("div");
+ if (if_block0) if_block0.c();
+ t = space();
+ if (if_block1) if_block1.c();
+ attr_dev(div0, "class", "info svelte-1j9fr45");
+ toggle_class(div0, "hidden", /*now*/ ctx[3] - /*last*/ ctx[1] > 2000);
+ add_location(div0, file, 97, 4, 2958);
+ attr_dev(div1, "class", "menu");
+ add_location(div1, file, 96, 0, 2934);
},
l: function claim(nodes) {
throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
},
m: function mount(target, anchor) {
- insert_dev(target, main, anchor);
- append_dev(main, h1);
- append_dev(main, t3);
- append_dev(main, p);
- append_dev(p, t4);
- append_dev(p, a);
- append_dev(p, t6);
+ insert_dev(target, div1, anchor);
+ append_dev(div1, div0);
+ if (if_block0) if_block0.m(div0, null);
+ append_dev(div1, t);
+ if (if_block1) if_block1.m(div1, null);
+
+ if (!mounted) {
+ dispose = [
+ listen_dev(window, "mousemove", /*mousemove_handler*/ ctx[9], false, false, false),
+ listen_dev(window, "wheel", /*wheel_handler*/ ctx[10], false, false, false)
+ ];
+
+ mounted = true;
+ }
+ },
+ p: function update(ctx, [dirty]) {
+ if (/*song*/ ctx[0]) {
+ if (if_block0) {
+ if_block0.p(ctx, dirty);
+ } else {
+ if_block0 = create_if_block_1(ctx);
+ if_block0.c();
+ if_block0.m(div0, null);
+ }
+ } else if (if_block0) {
+ if_block0.d(1);
+ if_block0 = null;
+ }
+
+ if (dirty & /*now, last*/ 10) {
+ toggle_class(div0, "hidden", /*now*/ ctx[3] - /*last*/ ctx[1] > 2000);
+ }
+
+ if (/*now*/ ctx[3] - /*lastVolumeUpdate*/ ctx[2] < 4000 && /*song*/ ctx[0] && /*song*/ ctx[0].audio) {
+ if (if_block1) {
+ if_block1.p(ctx, dirty);
+ } else {
+ if_block1 = create_if_block(ctx);
+ if_block1.c();
+ if_block1.m(div1, null);
+ }
+ } else if (if_block1) {
+ if_block1.d(1);
+ if_block1 = null;
+ }
},
- p: noop,
i: noop,
o: noop,
d: function destroy(detaching) {
- if (detaching) detach_dev(main);
+ if (detaching) detach_dev(div1);
+ if (if_block0) if_block0.d();
+ if (if_block1) if_block1.d();
+ mounted = false;
+ run_all(dispose);
}
};
@@ -366,37 +657,766 @@ var app = (function () {
function instance($$self, $$props, $$invalidate) {
let { $$slots: slots = {}, $$scope } = $$props;
- validate_slots("App", slots, []);
- let name = "world";
- const writable_props = [];
+ validate_slots("Menu", slots, []);
+ var { osuData } = $$props;
+ var { song } = $$props;
+ var last = Date.now();
+ var lastVolumeUpdate = Date.now() - 5000;
+ var dialogActive = false;
+ var now = Date.now();
+
+ setInterval(
+ () => {
+ $$invalidate(3, now = Date.now());
+ },
+ 500
+ );
+
+ var playing = true;
+
+ function resetPool() {
+ if (!osuData.songs) return false;
+ $$invalidate(8, osuData.songPool = osuData.songs.filter(v => true), osuData);
+ let a = osuData.songPool;
+
+ for (let i = a.length - 1; i > 0; i--) {
+ // shuffle
+ const j = Math.floor(Math.random() * (i + 1));
+
+ [a[i], a[j]] = [a[j], a[i]];
+ }
+
+ $$invalidate(0, song = osuData.songPool.shift());
+ }
+
+ function playNext() {
+ if (song.audio) {
+ song.audio.pause();
+ }
+
+ if (osuData.songPool.length) {
+ $$invalidate(0, song = osuData.songPool.shift());
+ } else {
+ resetPool();
+ }
+ }
+
+ function togglePlay() {
+ $$invalidate(4, playing = !playing);
+
+ if (playing) {
+ song.audio.play();
+ } else {
+ song.audio.pause();
+ }
+ }
+
+ function updateVolume(e) {
+ if (!song || !song.audio || !e.altKey) return;
+ $$invalidate(2, lastVolumeUpdate = Date.now());
+ var volume = song.audio.volume;
+ volume += e.deltaY * -0.0005;
+ $$invalidate(0, song.audio.volume = Math.min(1, Math.max(volume, 0)), song);
+ }
+
+ setTimeout(
+ () => {
+ $$invalidate(0, song);
+ },
+ 200
+ );
+
+ const writable_props = ["osuData", "song"];
Object.keys($$props).forEach(key => {
- if (!~writable_props.indexOf(key) && key.slice(0, 2) !== "$$") console.warn(`