Docker compose almost working
This commit is contained in:
@@ -99,7 +99,7 @@
|
||||
"_scoreStore.js"
|
||||
],
|
||||
"css": [
|
||||
"_app/immutable/assets/_page.T_78NcA1.css"
|
||||
"_app/immutable/assets/_page.DKtufWnM.css"
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
.container.svelte-31d80g,.player.svelte-31d80g{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.disabled.svelte-31d80g{display:none}.player.svelte-31d80g{gap:2vh}.name.svelte-31d80g{width:17vw;height:6vh;border:2px solid #A1674A;border-radius:10px;box-shadow:0 0 10px #343232}.circular-loader.svelte-31d80g{stroke-dasharray:100,125;stroke-dashoffset:-5;animation:svelte-31d80g-rotate 2s ease-in-out infinite;stroke-linecap:round}.loader-path.svelte-31d80g{width:25vw;height:25vh}button.svelte-31d80g{color:#000;width:18vw;height:15vh;border-radius:10px;background-color:#f1ecec;border:2px solid #A1674A;background-size:1800% 1800%;box-shadow:0 0 10px #343232}.name.svelte-31d80g:hover,button.svelte-31d80g:hover{transform:scale(1.1)}@keyframes svelte-31d80g-rotate{to{transform:rotate(360deg)}}
|
||||
@@ -1,4 +1,4 @@
|
||||
import { n as noop, f as safe_not_equal } from "./ssr.js";
|
||||
import { n as noop, d as safe_not_equal } from "./ssr.js";
|
||||
const subscriber_queue = [];
|
||||
function readable(value, start) {
|
||||
return {
|
||||
|
||||
@@ -204,7 +204,7 @@ const options = {
|
||||
<div class="error">
|
||||
<span class="status">` + status + '</span>\n <div class="message">\n <h1>' + message + "</h1>\n </div>\n </div>\n </body>\n</html>\n"
|
||||
},
|
||||
version_hash: "vmq992"
|
||||
version_hash: "1xthrp6"
|
||||
};
|
||||
async function get_hooks() {
|
||||
return {};
|
||||
|
||||
@@ -7,29 +7,43 @@ class Score {
|
||||
this.value = value;
|
||||
}
|
||||
}
|
||||
let localStorageKey = "scores";
|
||||
function isBrowser() {
|
||||
return typeof window !== "undefined" && typeof window.localStorage !== "undefined";
|
||||
const api_url = "http://naaturel.be:5000/api";
|
||||
async function getLeaderboard() {
|
||||
return await handleRequest(
|
||||
`${api_url}/api/leaderboard/`,
|
||||
{ method: "GET" }
|
||||
);
|
||||
}
|
||||
function createStore() {
|
||||
const storedValue = isBrowser() ? localStorage.getItem(localStorageKey) : null;
|
||||
const { set, update, subscribe } = writable(!storedValue ? [] : JSON.parse(storedValue));
|
||||
if (isBrowser()) subscribe((value) => localStorage.setItem(localStorageKey, JSON.stringify(value)));
|
||||
async function handleRequest(url, init) {
|
||||
return await fetch(url, init).then((response) => {
|
||||
if (response.status === 500) throw new Error(`${response.text()}`);
|
||||
if (!response.ok) throw new Error(`${response.status} : ${response.body}`);
|
||||
return response;
|
||||
}).then((response) => {
|
||||
return response.json();
|
||||
}).catch((error) => {
|
||||
return `Exception: ${error.message}`;
|
||||
});
|
||||
}
|
||||
function createStore(scores) {
|
||||
const { set, update, subscribe } = writable(scores);
|
||||
return {
|
||||
update,
|
||||
subscribe,
|
||||
set: (value) => set(!value ? [] : value),
|
||||
reset: () => set([]),
|
||||
add: (playerName, value) => {
|
||||
update((scores) => {
|
||||
let s = [...scores, new Score({ playerName, value })];
|
||||
update((scores2) => {
|
||||
let s = [...scores2, new Score({ playerName, value })];
|
||||
if (s.length >= 2) s.sort((s1, s2) => s1.value - s2.value);
|
||||
return s;
|
||||
});
|
||||
}
|
||||
};
|
||||
}
|
||||
const scoreStore = createStore();
|
||||
export {
|
||||
scoreStore as s
|
||||
};
|
||||
async function createStoreFromAPI() {
|
||||
console.log("http://naaturel.be:5000/api");
|
||||
let scores = await getLeaderboard();
|
||||
return createStore(scores);
|
||||
}
|
||||
createStoreFromAPI();
|
||||
|
||||
@@ -37,9 +37,6 @@ function setContext(key, context) {
|
||||
function getContext(key) {
|
||||
return get_current_component().$$.context.get(key);
|
||||
}
|
||||
function ensure_array_like(array_like_or_iterator) {
|
||||
return array_like_or_iterator?.length !== void 0 ? array_like_or_iterator : Array.from(array_like_or_iterator);
|
||||
}
|
||||
const ATTR_REGEX = /[&"<]/g;
|
||||
const CONTENT_REGEX = /[&<]/g;
|
||||
function escape(value, is_attr = false) {
|
||||
@@ -56,14 +53,6 @@ function escape(value, is_attr = false) {
|
||||
}
|
||||
return escaped + str.substring(last);
|
||||
}
|
||||
function each(items, fn) {
|
||||
items = ensure_array_like(items);
|
||||
let str = "";
|
||||
for (let i = 0; i < items.length; i += 1) {
|
||||
str += fn(items[i], i);
|
||||
}
|
||||
return str;
|
||||
}
|
||||
const missing_component = {
|
||||
$$render: () => ""
|
||||
};
|
||||
@@ -122,9 +111,8 @@ export {
|
||||
add_attribute as a,
|
||||
subscribe as b,
|
||||
create_ssr_component as c,
|
||||
each as d,
|
||||
safe_not_equal as d,
|
||||
escape as e,
|
||||
safe_not_equal as f,
|
||||
getContext as g,
|
||||
missing_component as m,
|
||||
noop as n,
|
||||
|
||||
@@ -1,39 +1,14 @@
|
||||
import { c as create_ssr_component, d as each, e as escape, b as subscribe, v as validate_component } from "../../chunks/ssr.js";
|
||||
import { s as scoreStore } from "../../chunks/scoreStore.js";
|
||||
const css = {
|
||||
code: ".leaderboard.svelte-13k6dxr{display:flex;flex-direction:column;width:60vw;height:65vh;padding:0 2vw 2vw 2vw;overflow:scroll;overflow-x:hidden}.leaderboard.svelte-13k6dxr::-webkit-scrollbar{display:none}li.svelte-13k6dxr{display:flex;justify-content:space-around;padding:1.25vh;margin:1.5vh;border:2px solid #A1674A;border-radius:10px;background-color:#f1ecec;box-shadow:0 0 10px #343232}li.svelte-13k6dxr:hover{transform:scale(1.075);background-color:#F5F5F5}.name.svelte-13k6dxr,.score.svelte-13k6dxr{color:black;margin-left:3vh}.name.svelte-13k6dxr{flex-grow:100;border-right:1px solid #A1674A}.score.svelte-13k6dxr{flex-grow:20;text-align:center}",
|
||||
map: '{"version":3,"file":"LeaderBoard.svelte","sources":["LeaderBoard.svelte"],"sourcesContent":["<script>\\r\\n\\r\\n export let scores = []\\r\\n\\r\\n<\/script>\\r\\n\\r\\n<ul class=\\"leaderboard\\">\\r\\n\\r\\n {#each scores as score, i}\\r\\n <li class=\\"item\\">\\r\\n <div class=\\"name\\"><img src=\\"\\" alt=\\"\\"/> {score.playerName} </div><div class=\\"score\\"> {score.value} pts.</div>\\r\\n </li>\\r\\n {/each}\\r\\n\\r\\n</ul>\\r\\n\\r\\n<style>\\r\\n\\r\\n .leaderboard\\r\\n {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n\\r\\n width: 60vw;\\r\\n height: 65vh;\\r\\n\\r\\n padding: 0 2vw 2vw 2vw;\\r\\n overflow: scroll;\\r\\n overflow-x: hidden;\\r\\n }\\r\\n\\r\\n .leaderboard::-webkit-scrollbar {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n li\\r\\n {\\r\\n display: flex;\\r\\n justify-content: space-around;\\r\\n padding: 1.25vh;\\r\\n margin: 1.5vh;\\r\\n border: 2px solid #A1674A;\\r\\n border-radius: 10px;\\r\\n background-color: #f1ecec;\\r\\n box-shadow: 0 0 10px #343232;\\r\\n }\\r\\n\\r\\n li:hover\\r\\n {\\r\\n transform: scale(1.075);\\r\\n background-color: #F5F5F5;\\r\\n }\\r\\n\\r\\n .name, .score\\r\\n {\\r\\n color: black;\\r\\n margin-left: 3vh;\\r\\n }\\r\\n\\r\\n .name\\r\\n {\\r\\n flex-grow: 100;\\r\\n border-right: 1px solid #A1674A;\\r\\n }\\r\\n\\r\\n .score\\r\\n {\\r\\n flex-grow: 20;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n</style>"],"names":[],"mappings":"AAkBI,2BACA,CACI,OAAO,CAAE,IAAI,CACb,cAAc,CAAE,MAAM,CAEtB,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CAEZ,OAAO,CAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CACtB,QAAQ,CAAE,MAAM,CAChB,UAAU,CAAE,MAChB,CAEA,2BAAY,mBAAoB,CAC5B,OAAO,CAAE,IACb,CAEA,iBACA,CACI,OAAO,CAAE,IAAI,CACb,eAAe,CAAE,YAAY,CAC7B,OAAO,CAAE,MAAM,CACf,MAAM,CAAE,KAAK,CACb,MAAM,CAAE,GAAG,CAAC,KAAK,CAAC,OAAO,CACzB,aAAa,CAAE,IAAI,CACnB,gBAAgB,CAAE,OAAO,CACzB,UAAU,CAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OACzB,CAEA,iBAAE,MACF,CACI,SAAS,CAAE,MAAM,KAAK,CAAC,CACvB,gBAAgB,CAAE,OACtB,CAEA,oBAAK,CAAE,qBACP,CACI,KAAK,CAAE,KAAK,CACZ,WAAW,CAAE,GACjB,CAEA,oBACA,CACI,SAAS,CAAE,GAAG,CACd,YAAY,CAAE,GAAG,CAAC,KAAK,CAAC,OAC5B,CAEA,qBACA,CACI,SAAS,CAAE,EAAE,CACb,UAAU,CAAE,MAChB"}'
|
||||
};
|
||||
const LeaderBoard = create_ssr_component(($$result, $$props, $$bindings, slots) => {
|
||||
let { scores = [] } = $$props;
|
||||
if ($$props.scores === void 0 && $$bindings.scores && scores !== void 0) $$bindings.scores(scores);
|
||||
$$result.css.add(css);
|
||||
return `<ul class="leaderboard svelte-13k6dxr">${each(scores, (score, i) => {
|
||||
return `<li class="item svelte-13k6dxr"><div class="name svelte-13k6dxr"><img src="" alt=""> ${escape(score.playerName)} </div><div class="score svelte-13k6dxr">${escape(score.value)} pts.</div> </li>`;
|
||||
})} </ul>`;
|
||||
});
|
||||
import { c as create_ssr_component } from "../../chunks/ssr.js";
|
||||
import "../../chunks/scoreStore.js";
|
||||
const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
|
||||
let $scoreStore, $$unsubscribe_scoreStore;
|
||||
$$unsubscribe_scoreStore = subscribe(scoreStore, (value) => $scoreStore = value);
|
||||
let $$settled;
|
||||
let $$rendered;
|
||||
let previous_head = $$result.head;
|
||||
do {
|
||||
$$settled = true;
|
||||
$$result.head = previous_head;
|
||||
$$rendered = `${validate_component(LeaderBoard, "LeaderBoard").$$render(
|
||||
$$result,
|
||||
{ scores: $scoreStore },
|
||||
{
|
||||
scores: ($$value) => {
|
||||
$scoreStore = $$value;
|
||||
$$settled = false;
|
||||
}
|
||||
},
|
||||
{}
|
||||
)}`;
|
||||
$$rendered = `${`<p data-svelte-h="svelte-17x5wrh">Loading leaderboard...</p>`}`;
|
||||
} while (!$$settled);
|
||||
$$unsubscribe_scoreStore();
|
||||
return $$rendered;
|
||||
});
|
||||
export {
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
import { c as create_ssr_component, e as escape, a as add_attribute } from "../../../chunks/ssr.js";
|
||||
import "../../../chunks/scoreStore.js";
|
||||
const css = {
|
||||
code: ".container.svelte-31d80g,.player.svelte-31d80g{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.disabled.svelte-31d80g{display:none}.player.svelte-31d80g{gap:2vh}.name.svelte-31d80g{width:17vw;height:6vh;border:2px solid #A1674A;border-radius:10px;box-shadow:0 0 10px #343232}.circular-loader.svelte-31d80g{stroke-dasharray:100, 125;stroke-dashoffset:-5;animation:svelte-31d80g-rotate 2s ease-in-out infinite;stroke-linecap:round}.loader-path.svelte-31d80g{width:25vw;height:25vh}button.svelte-31d80g{color:black;width:18vw;height:15vh;border-radius:10px;background-color:#f1ecec;border:2px solid #A1674A;background-size:1800% 1800%;box-shadow:0 0 10px #343232}.name.svelte-31d80g:hover,button.svelte-31d80g:hover{transform:scale(1.1)}@keyframes svelte-31d80g-rotate{to{transform:rotate(360deg)}}",
|
||||
map: '{"version":3,"file":"+page.svelte","sources":["+page.svelte"],"sourcesContent":["<script>\\r\\n\\r\\n import {onMount} from \\"svelte\\";\\r\\n import {scoreStore} from \\"$lib/stores/scoreStore.ts\\";\\r\\n\\r\\n let playerName = undefined;\\r\\n let range = 100;\\r\\n let result = 0;\\r\\n\\r\\n onMount(async () => {\\r\\n const jQuery = await import(\'jquery\');\\r\\n const $ = jQuery.default;\\r\\n\\r\\n window.$ = $;\\r\\n window.jQuery = $;\\r\\n });\\r\\n\\r\\n async function roll() {\\r\\n\\r\\n toggleLoading();\\r\\n\\r\\n result = Math.floor(Math.random() * (range + 1));\\r\\n\\r\\n await new Promise(r => setTimeout(r, 3000));\\r\\n\\r\\n toggleLoading();\\r\\n window.$(\\".result\\").text(`Result : ${result}/${range}`)\\r\\n\\r\\n scoreStore.add(playerName, result)\\r\\n }\\r\\n\\r\\n function toggleLoading(){\\r\\n window.$(\\".loader\\").toggleClass(\\"disabled\\");\\r\\n window.$(\\".player\\").toggleClass(\\"disabled\\");\\r\\n }\\r\\n\\r\\n<\/script>\\r\\n\\r\\n<div class=\\"container\\">\\r\\n <div class=\\"loader disabled\\">\\r\\n <svg class=\\"circular-loader\\" viewBox=\\"0 0 30 30\\">\\r\\n <circle class=\\"loader-path\\" cx=\\"15\\" cy=\\"15\\" r=\\"5\\" fill=\\"none\\" stroke=\\"#f1ecec\\" stroke-width=\\"0.7\\" />\\r\\n </svg>\\r\\n <div class=\\"info\\">Rolling a random numbers within range 0-{range}...</div>\\r\\n </div>\\r\\n\\r\\n <div class=\\"player\\">\\r\\n <input class=\\"name\\" placeholder=\\"Your name\\" bind:value={playerName}/>\\r\\n <button on:click={roll}>Let\'s roll !</button>\\r\\n <div class=\\"result\\"></div>\\r\\n </div>\\r\\n</div>\\r\\n\\r\\n<style>\\r\\n\\r\\n .container, .player\\r\\n {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .disabled\\r\\n {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .player\\r\\n {\\r\\n gap: 2vh;\\r\\n }\\r\\n\\r\\n .name\\r\\n {\\r\\n width: 17vw;\\r\\n height: 6vh;\\r\\n border: 2px solid #A1674A;\\r\\n border-radius: 10px;\\r\\n box-shadow: 0 0 10px #343232;\\r\\n }\\r\\n\\r\\n .circular-loader\\r\\n {\\r\\n stroke-dasharray: 100, 125;\\r\\n stroke-dashoffset: -5;\\r\\n animation: rotate 2s ease-in-out infinite;\\r\\n stroke-linecap: round;\\r\\n }\\r\\n\\r\\n .loader-path {\\r\\n width: 25vw;\\r\\n height: 25vh;\\r\\n }\\r\\n\\r\\n button\\r\\n {\\r\\n color: black;\\r\\n width: 18vw;\\r\\n height: 15vh;\\r\\n border-radius: 10px;\\r\\n background-color: #f1ecec;\\r\\n border: 2px solid #A1674A;\\r\\n background-size: 1800% 1800%;\\r\\n box-shadow: 0 0 10px #343232;\\r\\n }\\r\\n\\r\\n .name:hover, button:hover{\\r\\n transform: scale(1.1);\\r\\n }\\r\\n\\r\\n @keyframes rotate {\\r\\n to{transform: rotate(360deg)}\\r\\n }\\r\\n\\r\\n</style>"],"names":[],"mappings":"AAuDI,wBAAU,CAAE,qBACZ,CACI,OAAO,CAAE,IAAI,CACb,cAAc,CAAE,MAAM,CACtB,eAAe,CAAE,MAAM,CACvB,WAAW,CAAE,MAAM,CACnB,UAAU,CAAE,MAChB,CAEA,uBACA,CACI,OAAO,CAAE,IACb,CAEA,qBACA,CACI,GAAG,CAAE,GACT,CAEA,mBACA,CACI,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,GAAG,CACX,MAAM,CAAE,GAAG,CAAC,KAAK,CAAC,OAAO,CACzB,aAAa,CAAE,IAAI,CACnB,UAAU,CAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OACzB,CAEA,8BACA,CACI,gBAAgB,CAAE,GAAG,CAAC,CAAC,GAAG,CAC1B,iBAAiB,CAAE,EAAE,CACrB,SAAS,CAAE,oBAAM,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,CACzC,cAAc,CAAE,KACpB,CAEA,0BAAa,CACT,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IACZ,CAEA,oBACA,CACI,KAAK,CAAE,KAAK,CACZ,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,aAAa,CAAE,IAAI,CACnB,gBAAgB,CAAE,OAAO,CACzB,MAAM,CAAE,GAAG,CAAC,KAAK,CAAC,OAAO,CACzB,eAAe,CAAE,KAAK,CAAC,KAAK,CAC5B,UAAU,CAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OACzB,CAEA,mBAAK,MAAM,CAAE,oBAAM,MAAM,CACrB,SAAS,CAAE,MAAM,GAAG,CACxB,CAEA,WAAW,oBAAO,CACd,EAAE,CAAC,SAAS,CAAE,OAAO,MAAM,CAAC,CAChC"}'
|
||||
code: ".container.svelte-12gf247,.player.svelte-12gf247{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.disabled.svelte-12gf247{display:none}.player.svelte-12gf247{gap:2vh}.name.svelte-12gf247{width:17vw;height:6vh;border:2px solid #A1674A;border-radius:10px;box-shadow:0 0 10px #343232}.circular-loader.svelte-12gf247{stroke-dasharray:100, 125;stroke-dashoffset:-5;animation:svelte-12gf247-rotate 2s ease-in-out infinite;stroke-linecap:round}.loader-path.svelte-12gf247{width:25vw;height:25vh}button.svelte-12gf247{color:black;width:18vw;height:15vh;border-radius:10px;background-color:#f1ecec;border:2px solid #A1674A;box-shadow:0 0 10px #343232}.name.svelte-12gf247:hover,button.svelte-12gf247:hover{transform:scale(1.1)}@keyframes svelte-12gf247-rotate{to{transform:rotate(360deg)}}",
|
||||
map: '{"version":3,"file":"+page.svelte","sources":["+page.svelte"],"sourcesContent":["<script>\\r\\n\\r\\n import {onMount} from \\"svelte\\";\\r\\n import {scoreStore} from \\"$lib/stores/scoreStore.ts\\";\\r\\n\\r\\n let playerName = undefined;\\r\\n let range = 100;\\r\\n let result = 0;\\r\\n\\r\\n onMount(async () => {\\r\\n const jQuery = await import(\'jquery\');\\r\\n const $ = jQuery.default;\\r\\n\\r\\n window.$ = $;\\r\\n window.jQuery = $;\\r\\n });\\r\\n\\r\\n async function roll() {\\r\\n\\r\\n toggleLoading();\\r\\n\\r\\n result = Math.floor(Math.random() * (range + 1));\\r\\n\\r\\n await new Promise(r => setTimeout(r, 3000));\\r\\n\\r\\n toggleLoading();\\r\\n window.$(\\".result\\").text(`Result : ${result}/${range}`)\\r\\n\\r\\n scoreStore.add(playerName, result)\\r\\n }\\r\\n\\r\\n function toggleLoading(){\\r\\n window.$(\\".loader\\").toggleClass(\\"disabled\\");\\r\\n window.$(\\".player\\").toggleClass(\\"disabled\\");\\r\\n }\\r\\n\\r\\n<\/script>\\r\\n\\r\\n<div class=\\"container\\">\\r\\n <div class=\\"loader disabled\\">\\r\\n <svg class=\\"circular-loader\\" viewBox=\\"0 0 30 30\\">\\r\\n <circle class=\\"loader-path\\" cx=\\"15\\" cy=\\"15\\" r=\\"5\\" fill=\\"none\\" stroke=\\"#f1ecec\\" stroke-width=\\"0.7\\" />\\r\\n </svg>\\r\\n <div class=\\"info\\">Rolling a random numbers within range 0-{range}...</div>\\r\\n </div>\\r\\n\\r\\n <div class=\\"player\\">\\r\\n <input class=\\"name\\" placeholder=\\"Your name\\" bind:value={playerName}/>\\r\\n <button on:click={roll}>Let\'s roll !</button>\\r\\n <div class=\\"result\\"></div>\\r\\n </div>\\r\\n</div>\\r\\n\\r\\n<style>\\r\\n\\r\\n .container, .player\\r\\n {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .disabled\\r\\n {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .player\\r\\n {\\r\\n gap: 2vh;\\r\\n }\\r\\n\\r\\n .name\\r\\n {\\r\\n width: 17vw;\\r\\n height: 6vh;\\r\\n border: 2px solid #A1674A;\\r\\n border-radius: 10px;\\r\\n box-shadow: 0 0 10px #343232;\\r\\n }\\r\\n\\r\\n .circular-loader\\r\\n {\\r\\n stroke-dasharray: 100, 125;\\r\\n stroke-dashoffset: -5;\\r\\n animation: rotate 2s ease-in-out infinite;\\r\\n stroke-linecap: round;\\r\\n }\\r\\n\\r\\n .loader-path {\\r\\n width: 25vw;\\r\\n height: 25vh;\\r\\n }\\r\\n\\r\\n button\\r\\n {\\r\\n color: black;\\r\\n width: 18vw;\\r\\n height: 15vh;\\r\\n border-radius: 10px;\\r\\n background-color: #f1ecec;\\r\\n border: 2px solid #A1674A;\\r\\n box-shadow: 0 0 10px #343232;\\r\\n }\\r\\n\\r\\n .name:hover, button:hover{\\r\\n transform: scale(1.1);\\r\\n }\\r\\n\\r\\n @keyframes rotate {\\r\\n to{transform: rotate(360deg)}\\r\\n }\\r\\n\\r\\n</style>"],"names":[],"mappings":"AAuDI,yBAAU,CAAE,sBACZ,CACI,OAAO,CAAE,IAAI,CACb,cAAc,CAAE,MAAM,CACtB,eAAe,CAAE,MAAM,CACvB,WAAW,CAAE,MAAM,CACnB,UAAU,CAAE,MAChB,CAEA,wBACA,CACI,OAAO,CAAE,IACb,CAEA,sBACA,CACI,GAAG,CAAE,GACT,CAEA,oBACA,CACI,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,GAAG,CACX,MAAM,CAAE,GAAG,CAAC,KAAK,CAAC,OAAO,CACzB,aAAa,CAAE,IAAI,CACnB,UAAU,CAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OACzB,CAEA,+BACA,CACI,gBAAgB,CAAE,GAAG,CAAC,CAAC,GAAG,CAC1B,iBAAiB,CAAE,EAAE,CACrB,SAAS,CAAE,qBAAM,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,CACzC,cAAc,CAAE,KACpB,CAEA,2BAAa,CACT,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IACZ,CAEA,qBACA,CACI,KAAK,CAAE,KAAK,CACZ,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,aAAa,CAAE,IAAI,CACnB,gBAAgB,CAAE,OAAO,CACzB,MAAM,CAAE,GAAG,CAAC,KAAK,CAAC,OAAO,CACzB,UAAU,CAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OACzB,CAEA,oBAAK,MAAM,CAAE,qBAAM,MAAM,CACrB,SAAS,CAAE,MAAM,GAAG,CACxB,CAEA,WAAW,qBAAO,CACd,EAAE,CAAC,SAAS,CAAE,OAAO,MAAM,CAAC,CAChC"}'
|
||||
};
|
||||
let range = 100;
|
||||
const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
|
||||
let playerName = void 0;
|
||||
$$result.css.add(css);
|
||||
return `<div class="container svelte-31d80g"><div class="loader disabled svelte-31d80g"><svg class="circular-loader svelte-31d80g" viewBox="0 0 30 30"><circle class="loader-path svelte-31d80g" cx="15" cy="15" r="5" fill="none" stroke="#f1ecec" stroke-width="0.7"></circle></svg> <div class="info">Rolling a random numbers within range 0-${escape(range)}...</div></div> <div class="player svelte-31d80g"><input class="name svelte-31d80g" placeholder="Your name"${add_attribute("value", playerName, 0)}> <button class="svelte-31d80g" data-svelte-h="svelte-bef7me">Let's roll !</button> <div class="result"></div></div> </div>`;
|
||||
return `<div class="container svelte-12gf247"><div class="loader disabled svelte-12gf247"><svg class="circular-loader svelte-12gf247" viewBox="0 0 30 30"><circle class="loader-path svelte-12gf247" cx="15" cy="15" r="5" fill="none" stroke="#f1ecec" stroke-width="0.7"></circle></svg> <div class="info">Rolling a random numbers within range 0-${escape(range)}...</div></div> <div class="player svelte-12gf247"><input class="name svelte-12gf247" placeholder="Your name"${add_attribute("value", playerName, 0)}> <button class="svelte-12gf247" data-svelte-h="svelte-bef7me">Let's roll !</button> <div class="result"></div></div> </div>`;
|
||||
});
|
||||
export {
|
||||
Page as default
|
||||
|
||||
@@ -2542,7 +2542,7 @@ async function respond(request, options2, manifest, state) {
|
||||
fetch: null,
|
||||
getClientAddress: state.getClientAddress || (() => {
|
||||
throw new Error(
|
||||
`${"@sveltejs/adapter-auto"} does not specify getClientAddress. Please raise an issue`
|
||||
`${"@sveltejs/adapter-node"} does not specify getClientAddress. Please raise an issue`
|
||||
);
|
||||
}),
|
||||
locals: {},
|
||||
|
||||
@@ -10,7 +10,7 @@ return {
|
||||
assets: new Set(["style/app.css","style/menu.css"]),
|
||||
mimeTypes: {".css":"text/css"},
|
||||
_: {
|
||||
client: {"start":"_app/immutable/entry/start.Dk8EHlvX.js","app":"_app/immutable/entry/app.BB-guR1A.js","imports":["_app/immutable/entry/start.Dk8EHlvX.js","_app/immutable/chunks/entry.CWTQmo3s.js","_app/immutable/chunks/scheduler.t-3xYmlC.js","_app/immutable/chunks/index.BEtjop6e.js","_app/immutable/entry/app.BB-guR1A.js","_app/immutable/chunks/preload-helper.C1FmrZbK.js","_app/immutable/chunks/scheduler.t-3xYmlC.js","_app/immutable/chunks/index.Dz99_Qdh.js"],"stylesheets":[],"fonts":[],"uses_env_dynamic_public":false},
|
||||
client: {"start":"_app/immutable/entry/start.M9x8rur4.js","app":"_app/immutable/entry/app.CZjkDWD3.js","imports":["_app/immutable/entry/start.M9x8rur4.js","_app/immutable/chunks/entry.Dac4waFl.js","_app/immutable/chunks/scheduler.PSnnHpgA.js","_app/immutable/chunks/index.DXEl5lQ6.js","_app/immutable/entry/app.CZjkDWD3.js","_app/immutable/chunks/preload-helper.C1FmrZbK.js","_app/immutable/chunks/scheduler.PSnnHpgA.js","_app/immutable/chunks/index.0641B4xi.js"],"stylesheets":[],"fonts":[],"uses_env_dynamic_public":false},
|
||||
nodes: [
|
||||
__memo(() => import('./nodes/0.js')),
|
||||
__memo(() => import('./nodes/1.js')),
|
||||
|
||||
@@ -10,7 +10,7 @@ return {
|
||||
assets: new Set(["style/app.css","style/menu.css"]),
|
||||
mimeTypes: {".css":"text/css"},
|
||||
_: {
|
||||
client: {"start":"_app/immutable/entry/start.Dk8EHlvX.js","app":"_app/immutable/entry/app.BB-guR1A.js","imports":["_app/immutable/entry/start.Dk8EHlvX.js","_app/immutable/chunks/entry.CWTQmo3s.js","_app/immutable/chunks/scheduler.t-3xYmlC.js","_app/immutable/chunks/index.BEtjop6e.js","_app/immutable/entry/app.BB-guR1A.js","_app/immutable/chunks/preload-helper.C1FmrZbK.js","_app/immutable/chunks/scheduler.t-3xYmlC.js","_app/immutable/chunks/index.Dz99_Qdh.js"],"stylesheets":[],"fonts":[],"uses_env_dynamic_public":false},
|
||||
client: {"start":"_app/immutable/entry/start.M9x8rur4.js","app":"_app/immutable/entry/app.CZjkDWD3.js","imports":["_app/immutable/entry/start.M9x8rur4.js","_app/immutable/chunks/entry.Dac4waFl.js","_app/immutable/chunks/scheduler.PSnnHpgA.js","_app/immutable/chunks/index.DXEl5lQ6.js","_app/immutable/entry/app.CZjkDWD3.js","_app/immutable/chunks/preload-helper.C1FmrZbK.js","_app/immutable/chunks/scheduler.PSnnHpgA.js","_app/immutable/chunks/index.0641B4xi.js"],"stylesheets":[],"fonts":[],"uses_env_dynamic_public":false},
|
||||
nodes: [
|
||||
__memo(() => import('./nodes/0.js')),
|
||||
__memo(() => import('./nodes/1.js')),
|
||||
|
||||
@@ -3,6 +3,6 @@
|
||||
export const index = 0;
|
||||
let component_cache;
|
||||
export const component = async () => component_cache ??= (await import('../entries/pages/_layout.svelte.js')).default;
|
||||
export const imports = ["_app/immutable/nodes/0.BLjvgh0X.js","_app/immutable/chunks/preload-helper.C1FmrZbK.js","_app/immutable/chunks/scheduler.t-3xYmlC.js","_app/immutable/chunks/index.Dz99_Qdh.js"];
|
||||
export const imports = ["_app/immutable/nodes/0.AnXNanYA.js","_app/immutable/chunks/preload-helper.C1FmrZbK.js","_app/immutable/chunks/scheduler.PSnnHpgA.js","_app/immutable/chunks/index.0641B4xi.js"];
|
||||
export const stylesheets = [];
|
||||
export const fonts = [];
|
||||
|
||||
@@ -3,6 +3,6 @@
|
||||
export const index = 1;
|
||||
let component_cache;
|
||||
export const component = async () => component_cache ??= (await import('../entries/fallbacks/error.svelte.js')).default;
|
||||
export const imports = ["_app/immutable/nodes/1.DltsNqkt.js","_app/immutable/chunks/scheduler.t-3xYmlC.js","_app/immutable/chunks/index.Dz99_Qdh.js","_app/immutable/chunks/entry.CWTQmo3s.js","_app/immutable/chunks/index.BEtjop6e.js"];
|
||||
export const imports = ["_app/immutable/nodes/1.BUIZ54fc.js","_app/immutable/chunks/scheduler.PSnnHpgA.js","_app/immutable/chunks/index.0641B4xi.js","_app/immutable/chunks/entry.Dac4waFl.js","_app/immutable/chunks/index.DXEl5lQ6.js"];
|
||||
export const stylesheets = [];
|
||||
export const fonts = [];
|
||||
|
||||
@@ -3,6 +3,6 @@
|
||||
export const index = 2;
|
||||
let component_cache;
|
||||
export const component = async () => component_cache ??= (await import('../entries/pages/_page.svelte.js')).default;
|
||||
export const imports = ["_app/immutable/nodes/2.B0UqQsDX.js","_app/immutable/chunks/scheduler.t-3xYmlC.js","_app/immutable/chunks/index.Dz99_Qdh.js","_app/immutable/chunks/scoreStore.BJlEo5Dk.js","_app/immutable/chunks/index.BEtjop6e.js"];
|
||||
export const imports = ["_app/immutable/nodes/2.CnoF6cHq.js","_app/immutable/chunks/scheduler.PSnnHpgA.js","_app/immutable/chunks/index.0641B4xi.js","_app/immutable/chunks/scoreStore.d37k1Evl.js","_app/immutable/chunks/index.DXEl5lQ6.js"];
|
||||
export const stylesheets = ["_app/immutable/assets/2.DxlxdAfj.css"];
|
||||
export const fonts = [];
|
||||
|
||||
@@ -3,6 +3,6 @@
|
||||
export const index = 3;
|
||||
let component_cache;
|
||||
export const component = async () => component_cache ??= (await import('../entries/pages/about/_page.svelte.js')).default;
|
||||
export const imports = ["_app/immutable/nodes/3.vi6sie8m.js","_app/immutable/chunks/scheduler.t-3xYmlC.js","_app/immutable/chunks/index.Dz99_Qdh.js"];
|
||||
export const imports = ["_app/immutable/nodes/3.Cz998YEo.js","_app/immutable/chunks/scheduler.PSnnHpgA.js","_app/immutable/chunks/index.0641B4xi.js"];
|
||||
export const stylesheets = [];
|
||||
export const fonts = [];
|
||||
|
||||
@@ -3,6 +3,6 @@
|
||||
export const index = 4;
|
||||
let component_cache;
|
||||
export const component = async () => component_cache ??= (await import('../entries/pages/play/_page.svelte.js')).default;
|
||||
export const imports = ["_app/immutable/nodes/4.69oG6wwC.js","_app/immutable/chunks/preload-helper.C1FmrZbK.js","_app/immutable/chunks/scheduler.t-3xYmlC.js","_app/immutable/chunks/index.Dz99_Qdh.js","_app/immutable/chunks/scoreStore.BJlEo5Dk.js","_app/immutable/chunks/index.BEtjop6e.js"];
|
||||
export const stylesheets = ["_app/immutable/assets/4.T_78NcA1.css"];
|
||||
export const imports = ["_app/immutable/nodes/4.DdPoLKDr.js","_app/immutable/chunks/preload-helper.C1FmrZbK.js","_app/immutable/chunks/scheduler.PSnnHpgA.js","_app/immutable/chunks/index.0641B4xi.js","_app/immutable/chunks/scoreStore.d37k1Evl.js","_app/immutable/chunks/index.DXEl5lQ6.js"];
|
||||
export const stylesheets = ["_app/immutable/assets/4.DKtufWnM.css"];
|
||||
export const fonts = [];
|
||||
|
||||
Reference in New Issue
Block a user