diff options
| -rw-r--r-- | .gitignore | 5 | ||||
| -rw-r--r-- | src/app.css | 9 | ||||
| -rw-r--r-- | src/donators.txt | 10 | ||||
| -rw-r--r-- | src/lib/SearchUser.svelte | 2 | ||||
| -rw-r--r-- | src/routes/index.svelte | 77 | ||||
| -rw-r--r-- | svelte.config.js | 51 |
6 files changed, 139 insertions, 15 deletions
@@ -9,4 +9,7 @@ node_modules .vercel .output .yarn -/.vercel_build_output
\ No newline at end of file +/.vercel_build_output + +# this file is autogenerated from the svelte.config.js +/src/_donators.json diff --git a/src/app.css b/src/app.css index a77dddd..154cdc0 100644 --- a/src/app.css +++ b/src/app.css @@ -127,7 +127,8 @@ main { /* base styles for inputs */ input[type='text'], -input[type='submit'] { +input[type='submit'], +button { -webkit-appearance: none; background-color: transparent; color: var(--theme-darker-text); @@ -152,13 +153,15 @@ input[type='text']:focus { } /* base styles for buttons */ -input[type='submit'] { +input[type='submit'], +button { margin-left: 0.2em; cursor: pointer; } /* Hovering over a button */ -input[type='submit']:hover { +input[type='submit']:hover, +button:hover { /* make the text lighter */ color: var(--theme-main-text); } diff --git a/src/donators.txt b/src/donators.txt new file mode 100644 index 0000000..37fe2ba --- /dev/null +++ b/src/donators.txt @@ -0,0 +1,10 @@ +951801c9765944bbbd1adf22cc90294e oxnan +c558970dca7343a79083825bacfa65c7 FingaMan +1915444928b64d8b8973df8044f8cdb7 LeaPhant +585b739ac76d40a8a95604ea052930c7 Canadas +7e534bf90cc24b4689e9ab380aab9877 CalebDavisPvP +64e5da31f6ae40caa6e77cebd7694df8 ImEvoke +26398ec782e5440cbcbb94c58b8b60a2 coydog +a7b317669c3945a380cd96d1f516b858 nullDorito +25e670e88a104f96bbe6f5545170682f RunicYoungDragon +4c6beeff830e4bc1b9bc876e9ee8f357 ItzMonday
\ No newline at end of file diff --git a/src/lib/SearchUser.svelte b/src/lib/SearchUser.svelte index 3c841ce..886afe1 100644 --- a/src/lib/SearchUser.svelte +++ b/src/lib/SearchUser.svelte @@ -22,6 +22,8 @@ autocapitalize="off" spellcheck="false" aria-label="Enter username" + required bind:value /> + <slot /> </form> diff --git a/src/routes/index.svelte b/src/routes/index.svelte index b90528a..46d8940 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -1,15 +1,80 @@ -<script context="module" lang="ts"> - import Header from '$lib/Header.svelte' +<script lang="ts"> + import Username from '$lib/minecraft/Username.svelte' + import SearchUser from '$lib/SearchUser.svelte' + import type { CleanUser } from '$lib/APITypes' + import donators from '../_donators.json' export const prerender = true + export const hydrate = false </script> <svelte:head> <title>SkyBlock Stats</title> </svelte:head> -<Header /> +<main> + <section class="title-section"> + <h1>SkyBlock Stats</h1> + <SearchUser> + <button>View Profiles</button> + </SearchUser> + </section> -<section> - <h1>SkyBlock Stats</h1> -</section> + <hr style="margin: 25vh 0 2em 0" /> + + <section> + <h3>Other SkyBlock tools</h3> + <ul> + <li><a>Auction prices (coming soon)</a></li> + <li><a href="/leaderboards">Leaderboards</a></li> + <li><a>Bazaar (coming soon)</a></li> + <li><a href="/chat">Fake chat generator</a></li> + <li><a href="https://skyblock-npcs.matdoes.dev">NPC Skin Stealer</a></li> + <li><a href="/election">Mayor Election Status</a></li> + </ul> + </section> + + <section id="donators"> + <h2>Donators</h2> + <p> + Thank you to these people for + <a href="https://ko-fi.com/matdoesdev" target="_blank">donating</a>. + </p> + <ul> + {#each donators as donator} + <li><Username player={donator} headType="2d" hyperlinkToProfile /></li> + {/each} + </ul> + </section> + <section> + <h2>Info</h2> + <p>Website made by <a href="https://matdoes.dev">mat</a>.</p> + <p>Join the <a href="https://discord.gg/nWQKpzPCPJ">Forum Sweats</a> Discord server.</p> + <p> + Resource packs: <a href="//packshq.com">PacksHQ</a> (default), + <a href="//hypixel.net/threads/2138599">Furfsky</a>, + <a href="//furfsky.net">Furfsky Reborn</a>, + <a href="//hypixel.net/threads/2239953">Ectoplasm</a>, + <a href="//hypixel.net/threads/3470904">RNBW</a>, + <a href="//hypixel.net/threads/4174260">Hypixel+</a>, + <a href="//hypixel.net/threads/3597207">Worlds and Beyond</a>. + </p> + <p> + Minecraft skin APIs: <a href="//mc-heads.net">mc-heads.net</a> for 3d renders and + <a href="//mc-crafatar.com">crafatar.com</a> for 2d heads. + </p> + <p>Emojis: <a href="https://twemoji.twitter.com/">Twemoji</a></p> + <p>Font: <a href="https://brailleinstitute.org/freefont">Atkinson Hyperlegible</a></p> + </section> +</main> + +<style> + .title-section { + margin: 0 auto; + width: fit-content; + } + + #donators p { + margin: 0; + } +</style> diff --git a/svelte.config.js b/svelte.config.js index 1d64bf4..c6ab18b 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -1,7 +1,48 @@ // import adapter from '@sveltejs/adapter-cloudflare' import adapter from '@sveltejs/adapter-auto' import preprocess from 'svelte-preprocess' -// import { createHtmlPlugin } from 'vite-plugin-html' +import fs from 'fs' +import https from 'https' + +function fetch(url) { + return new Promise((resolve, reject) => { + let data = '' + + const req = https.request(new URL(url), res => { + res.on('data', d => { + data += d + }) + + res.on('end', () => { + resolve(data) + }) + }) + + req.on('error', error => { + reject(error) + }) + + req.end() + }) +} + +(async () => { + const API_URL = 'https://skyblock-api.matdoes.dev/' + + // create a donators.json from the donators.txt + const donatorUuidsText = await fs.promises.readFile('src/donators.txt', { + encoding: 'utf8' + }) + const donatorUuids = donatorUuidsText.split('\n').map(u => u.split(' ')[0]).filter(u => u) + const donators = await Promise.all( + donatorUuids.map(u => fetch(`${API_URL}player/${u}`) + .then(r => JSON.parse(r).player) + ) + ) + await fs.promises.writeFile('src/_donators.json', JSON.stringify(donators), { + encoding: 'utf8' + }) +})() /** @type {import('@sveltejs/kit').Config} */ const config = { @@ -18,7 +59,7 @@ const config = { // host: '127.0.0.1' // } // }), - + // Override http methods in the Todo forms methodOverride: { @@ -27,9 +68,9 @@ const config = { // https://vitejs.dev/config/ vite: { - // plugins: [createHtmlPlugin({ - // minify: true - // })], + // plugins: [createHtmlPlugin({ + // minify: true + // })], build: { rollupOptions: { // external: ['discord-api-types/payloads/v9', 'discord-api-types', 'discord-api-types/v9'], |