From c0c4bea988208f75fa4534b807a026de3f619eaf Mon Sep 17 00:00:00 2001 From: gammelalf Date: Wed, 25 Jan 2023 21:22:38 +0100 Subject: Switched from SvelteKit to Svelte --- web/src/app.d.ts | 12 --- web/src/app.html | 13 --- web/src/assets/add.svg | 9 ++ web/src/assets/pause.svg | 19 ++++ web/src/assets/play.svg | 20 ++++ web/src/assets/stop.svg | 17 ++++ web/src/index.css | 52 +++++++++++ web/src/lib/devData.json | 27 ------ web/src/main.svelte | 219 +++++++++++++++++++++++++++++++++++++++++++ web/src/main.ts | 7 ++ web/src/routes/+page.svelte | 221 -------------------------------------------- web/src/routes/+page.ts | 1 - web/src/svg/add.svg | 9 -- web/src/svg/pause.svg | 19 ---- web/src/svg/play.svg | 20 ---- web/src/svg/stop.svg | 17 ---- web/src/vite-env.d.ts | 2 + 17 files changed, 345 insertions(+), 339 deletions(-) delete mode 100644 web/src/app.d.ts delete mode 100644 web/src/app.html create mode 100644 web/src/assets/add.svg create mode 100644 web/src/assets/pause.svg create mode 100644 web/src/assets/play.svg create mode 100644 web/src/assets/stop.svg create mode 100644 web/src/index.css delete mode 100644 web/src/lib/devData.json create mode 100644 web/src/main.svelte create mode 100644 web/src/main.ts delete mode 100644 web/src/routes/+page.svelte delete mode 100644 web/src/routes/+page.ts delete mode 100644 web/src/svg/add.svg delete mode 100644 web/src/svg/pause.svg delete mode 100644 web/src/svg/play.svg delete mode 100644 web/src/svg/stop.svg create mode 100644 web/src/vite-env.d.ts (limited to 'web/src') diff --git a/web/src/app.d.ts b/web/src/app.d.ts deleted file mode 100644 index f59b884..0000000 --- a/web/src/app.d.ts +++ /dev/null @@ -1,12 +0,0 @@ -// See https://kit.svelte.dev/docs/types#app -// for information about these interfaces -declare global { - namespace App { - // interface Error {} - // interface Locals {} - // interface PageData {} - // interface Platform {} - } -} - -export {}; diff --git a/web/src/app.html b/web/src/app.html deleted file mode 100644 index 2404d44..0000000 --- a/web/src/app.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - WRMS - - - - %sveltekit.head% - - - %sveltekit.body% - - diff --git a/web/src/assets/add.svg b/web/src/assets/add.svg new file mode 100644 index 0000000..55d75aa --- /dev/null +++ b/web/src/assets/add.svg @@ -0,0 +1,9 @@ + + + diff --git a/web/src/assets/pause.svg b/web/src/assets/pause.svg new file mode 100644 index 0000000..6559131 --- /dev/null +++ b/web/src/assets/pause.svg @@ -0,0 +1,19 @@ + + + diff --git a/web/src/assets/play.svg b/web/src/assets/play.svg new file mode 100644 index 0000000..59855de --- /dev/null +++ b/web/src/assets/play.svg @@ -0,0 +1,20 @@ + + + diff --git a/web/src/assets/stop.svg b/web/src/assets/stop.svg new file mode 100644 index 0000000..76301a5 --- /dev/null +++ b/web/src/assets/stop.svg @@ -0,0 +1,17 @@ + + + diff --git a/web/src/index.css b/web/src/index.css new file mode 100644 index 0000000..58fba29 --- /dev/null +++ b/web/src/index.css @@ -0,0 +1,52 @@ +:root { + --background: #222222; + --primary: white; + --secondary: gray; +} + +html { + width: 100%; + overflow: hidden; +} + +body { + position: fixed; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; + width: 100%; + height: 100%; + margin: 0; + background-color: var(--background); + color: var(--primary); +} + +a { + color: yellow; + text-decoration: none; +} +a:hover { + color: orange; +} + +.flex-column { + display: flex; + flex-direction: column; + align-items: center; +} + +.flex-row { + display: flex; + flex-direction: row; + align-items: center; +} + +.icon-button { + --icon-size: 4em; + border: none; + background-color: transparent; +} +.icon-button > img { + width: var(--icon-size); + height: var(--icon-size); + filter: invert(100%); +} diff --git a/web/src/lib/devData.json b/web/src/lib/devData.json deleted file mode 100644 index 9f99e61..0000000 --- a/web/src/lib/devData.json +++ /dev/null @@ -1,27 +0,0 @@ -[ - { "title": "Deutschland", "artist": "Rammstein", "uri": "1", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "2", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "3", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "4", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "5", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "6", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "7", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "8", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "9", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "10", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "11", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "12", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "13", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "14", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "15", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "16", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "17", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "18", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "19", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "20", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "21", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "22", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "23", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "24", "source": "dev", "weight": 0 }, - { "title": "Deutschland", "artist": "Rammstein", "uri": "25", "source": "dev", "weight": 0 } -] diff --git a/web/src/main.svelte b/web/src/main.svelte new file mode 100644 index 0000000..38b3699 --- /dev/null +++ b/web/src/main.svelte @@ -0,0 +1,219 @@ + + +

+ +

+ {#each searchResults as { title, artist, source, uri, weight } (uri)} +

+ + {artist + ' - ' + title} + {source} +

+ {/each} +

Playlist

+ {#each playlist as { title, artist, source, uri, weight } (uri)} +

+ + + {`${weight} ${artist} - ${title}`} + {`(${source})`} +

+ {/each} +

+ +

+ {#if currentSong !== null} + {currentSong.title}
{currentSong.artist} + {:else} + No songs schedulded :(
Try adding some. + {/if} +

+ + diff --git a/web/src/main.ts b/web/src/main.ts new file mode 100644 index 0000000..099b842 --- /dev/null +++ b/web/src/main.ts @@ -0,0 +1,7 @@ +import App from './main.svelte'; + +const app = new App({ + target: document.body +}); + +export default app; diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte deleted file mode 100644 index dd23681..0000000 --- a/web/src/routes/+page.svelte +++ /dev/null @@ -1,221 +0,0 @@ - - -

- -

- {#each searchResults as { title, artist, source, uri, weight } (uri)} -

- - {artist + ' - ' + title} - {source} -

- {/each} -

Playlist

- {#each playlist as { title, artist, source, uri, weight } (uri)} -

- - - {`${weight} ${artist} - ${title}`} - {`(${source})`} -

- {/each} -

- -

- {#if currentSong !== null} - {currentSong.title}
{currentSong.artist} - {:else} - No songs schedulded :(
Try adding some. - {/if} -

- - diff --git a/web/src/routes/+page.ts b/web/src/routes/+page.ts deleted file mode 100644 index 189f71e..0000000 --- a/web/src/routes/+page.ts +++ /dev/null @@ -1 +0,0 @@ -export const prerender = true; diff --git a/web/src/svg/add.svg b/web/src/svg/add.svg deleted file mode 100644 index 55d75aa..0000000 --- a/web/src/svg/add.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - diff --git a/web/src/svg/pause.svg b/web/src/svg/pause.svg deleted file mode 100644 index 6559131..0000000 --- a/web/src/svg/pause.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - diff --git a/web/src/svg/play.svg b/web/src/svg/play.svg deleted file mode 100644 index 59855de..0000000 --- a/web/src/svg/play.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - diff --git a/web/src/svg/stop.svg b/web/src/svg/stop.svg deleted file mode 100644 index 76301a5..0000000 --- a/web/src/svg/stop.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - diff --git a/web/src/vite-env.d.ts b/web/src/vite-env.d.ts new file mode 100644 index 0000000..4078e74 --- /dev/null +++ b/web/src/vite-env.d.ts @@ -0,0 +1,2 @@ +/// +/// -- cgit v1.2.3

Add your song

Playlist

Add your song

Playlist