From 2eddb77b746c891818f18d63baaa0c537cce8bd7 Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Mon, 3 Apr 2023 17:24:36 +0200 Subject: [PATCH 01/24] Fix some youtube videos not being added, add additional filter tag to example --- .env.EXAMPLE | 2 +- src/lib/server/timeline.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/.env.EXAMPLE b/.env.EXAMPLE index 729f514..205710f 100644 --- a/.env.EXAMPLE +++ b/.env.EXAMPLE @@ -1,4 +1,4 @@ -HASHTAG_FILTER = ichlausche,music,musik,nowplaying,tunetuesday +HASHTAG_FILTER = ichlausche,music,musik,nowplaying,tunetuesday,nowlistening URL_FILTER = song.link,album.link,spotify.com,music.apple.com,bandcamp.com YOUTUBE_API_KEY = CHANGE_ME VERBOSE = false diff --git a/src/lib/server/timeline.ts b/src/lib/server/timeline.ts index 7d6af5f..f462c33 100644 --- a/src/lib/server/timeline.ts +++ b/src/lib/server/timeline.ts @@ -3,7 +3,7 @@ import type { Post, Tag, TimelineEvent } from '$lib/mastodon/response'; import { savePost } from '$lib/server/db'; import { WebSocket } from "ws"; -const YOUTUBE_REGEX = new RegExp(/https?:\/\/(www\.)?youtu((be.com\/.*v=)|(\.be\/))(?[a-zA-Z_0-9-]+)/gm); +const YOUTUBE_REGEX = new RegExp(/https?:\/\/(www\.)?youtu((be.com\/.*?v=)|(\.be\/))(?[a-zA-Z_0-9-]+)/gm); export class TimelineReader { private static _instance: TimelineReader; -- 2.39.5 From e8e864bdfc57b49eb552428ba5ed6e926af6d911 Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Mon, 3 Apr 2023 17:24:59 +0200 Subject: [PATCH 02/24] Add basic loading of older posts --- src/lib/components/LoadMoreComponent.svelte | 11 ++++++ src/lib/server/db.ts | 10 +++-- src/routes/+page.svelte | 41 +++++++++++++++++++-- src/routes/api/posts/+server.ts | 17 +++++---- 4 files changed, 64 insertions(+), 15 deletions(-) create mode 100644 src/lib/components/LoadMoreComponent.svelte diff --git a/src/lib/components/LoadMoreComponent.svelte b/src/lib/components/LoadMoreComponent.svelte new file mode 100644 index 0000000..881c013 --- /dev/null +++ b/src/lib/components/LoadMoreComponent.svelte @@ -0,0 +1,11 @@ + + + \ No newline at end of file diff --git a/src/lib/server/db.ts b/src/lib/server/db.ts index 7f8ba92..042b983 100644 --- a/src/lib/server/db.ts +++ b/src/lib/server/db.ts @@ -172,15 +172,19 @@ export function savePost(post: Post): void { }); } -export async function getPosts(since: string | null, limit: number) { +export async function getPosts(since: string | null, before: string | null, limit: number) { let promise = await new Promise((resolve, reject) => { let filter_query; let params: any = { $limit: limit }; - if (since === null) { + if (since === null && before === null) { filter_query = ''; - } else { + } else if (since !== null) { filter_query = 'WHERE posts.created_at > $since'; params.$since = since; + } else if (before !== null) { + // Setting both, before and since doesn't make sense, so this case is not explicitly handled + filter_query = 'WHERE posts.created_at < $before'; + params.$before = before; } const sql = `SELECT posts.id, posts.content, posts.created_at, posts.url, accounts.id AS account_id, accounts.acct, accounts.username, accounts.display_name, diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 03da0ec..ac27b3e 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -4,6 +4,7 @@ import type { PageData } from './$types'; import type { Post } from '$lib/mastodon/response'; import { PUBLIC_REFRESH_INTERVAL } from '$env/static/public'; import PostComponent from '$lib/components/PostComponent.svelte'; +import LoadMoreComponent from '$lib/components/LoadMoreComponent.svelte'; export let data: PageData; @@ -19,8 +20,13 @@ onMount(async () => { .then(r => r.json()) .then((resp: Post[]) => { if (resp.length > 0) { - data.posts = resp.concat(data.posts); - console.log('updated data', resp, data.posts); + // Prepend new posts, filter dupes + // There shouldn't be any duplicates, but better be safe than sorry + const combined = resp.concat(data.posts); + const filteredPosts = combined.filter((obj, index, arr) => { + return arr.map(mapObj => mapObj.url).indexOf(obj.url) === index; + }); + data.posts = filteredPosts; } }) .catch(e => { @@ -33,7 +39,33 @@ onMount(async () => { clearInterval(interval) } } -}) +}); + +async function loadOlderPosts() { + const params = new URLSearchParams(); + if (data.posts.length > 0) { + params.set('before', data.posts[data.posts.length - 1].created_at); + } + await fetch(`/api/posts?${params}`) + .then(r => r.json()) + .then((resp: Post[]) => { + if (resp.length > 0) { + // Append old posts, filter dupes + // There shouldn't be any duplicates, but better be safe than sorry + const combined = data.posts.concat(resp); + const filteredPosts = combined.filter((obj, index, arr) => { + return arr.map(mapObj => mapObj.url).indexOf(obj.url) === index; + }); + data.posts = filteredPosts; + } + }) + .catch(e => { + // TODO: Show error in UI + console.error('Error loading older posts', e); + }); + +} + Metalhead.club music list @@ -45,9 +77,10 @@ onMount(async () => { {#if data.posts.length === 0} Sorry, no posts recommending music aave been found yet {/if} - {#each data.posts as post (post.id)} + {#each data.posts as post (post.url)}
{/each} +
diff --git a/src/routes/api/posts/+server.ts b/src/routes/api/posts/+server.ts index 24c4fcd..4b67da2 100644 --- a/src/routes/api/posts/+server.ts +++ b/src/routes/api/posts/+server.ts @@ -4,12 +4,13 @@ import { json } from '@sveltejs/kit'; import type { RequestHandler } from './$types'; export const GET = (async ({ url }) => { - const since = url.searchParams.get('since'); - let count = Number.parseInt(url.searchParams.get('count') || ''); - if (isNaN(count)) { - count = 20; - } - count = Math.min(count, 100); - const posts = await getPosts(since, count); - return json(posts); + const since = url.searchParams.get('since'); + const before = url.searchParams.get('before'); + let count = Number.parseInt(url.searchParams.get('count') || ''); + if (isNaN(count)) { + count = 20; + } + count = Math.min(count, 100); + const posts = await getPosts(since, before, count); + return json(posts); }) satisfies RequestHandler; \ No newline at end of file -- 2.39.5 From 02a352a122b619bd4c606b52fbbba6a4f1b7bbca Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Tue, 4 Apr 2023 08:44:21 +0200 Subject: [PATCH 03/24] Increase footer legibility in light mode --- src/lib/components/FooterComponent.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/components/FooterComponent.svelte b/src/lib/components/FooterComponent.svelte index c6d2949..34244ea 100644 --- a/src/lib/components/FooterComponent.svelte +++ b/src/lib/components/FooterComponent.svelte @@ -26,7 +26,7 @@ gap: 10px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); - background-color: #54546788; + background-color: #bbbbcd73; padding: 0.3em 1em; margin: 0 -8px; border-radius: 3px; -- 2.39.5 From 8ed804a922dbb732aa49fddd48c9de3644e354d1 Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Tue, 4 Apr 2023 08:45:20 +0200 Subject: [PATCH 04/24] Fix #4: Implement "Load More" button --- src/lib/components/LoadMoreComponent.svelte | 43 +++++++++++++++++---- src/routes/+page.svelte | 14 ++++++- 2 files changed, 49 insertions(+), 8 deletions(-) diff --git a/src/lib/components/LoadMoreComponent.svelte b/src/lib/components/LoadMoreComponent.svelte index 881c013..691ee6e 100644 --- a/src/lib/components/LoadMoreComponent.svelte +++ b/src/lib/components/LoadMoreComponent.svelte @@ -1,11 +1,40 @@ - - \ No newline at end of file + + + \ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index ac27b3e..0f7bdd0 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -9,6 +9,8 @@ import LoadMoreComponent from '$lib/components/LoadMoreComponent.svelte'; export let data: PageData; let interval: NodeJS.Timer | null = null; +let moreOlderPostsAvailable = true; +let loadingOlderPosts = false; onMount(async () => { interval = setInterval(async () => { @@ -42,6 +44,7 @@ onMount(async () => { }); async function loadOlderPosts() { + loadingOlderPosts = true; const params = new URLSearchParams(); if (data.posts.length > 0) { params.set('before', data.posts[data.posts.length - 1].created_at); @@ -57,9 +60,14 @@ async function loadOlderPosts() { return arr.map(mapObj => mapObj.url).indexOf(obj.url) === index; }); data.posts = filteredPosts; + moreOlderPostsAvailable = true; + } else { + moreOlderPostsAvailable = false; } + loadingOlderPosts = false; }) .catch(e => { + loadingOlderPosts = false; // TODO: Show error in UI console.error('Error loading older posts', e); }); @@ -80,7 +88,10 @@ async function loadOlderPosts() { {#each data.posts as post (post.url)}
{/each} - +
@@ -88,6 +99,7 @@ async function loadOlderPosts() { .posts { display: flex; flex-direction: column; + align-items: center; } .post { width: 100%; -- 2.39.5 From 5dd20cd6a0031589e5b34fb4e5eeaadb19c04080 Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Tue, 4 Apr 2023 12:32:04 +0200 Subject: [PATCH 05/24] Fix #17 and improve instructions --- README.md | 46 +++++++++++++++++++++++----------- moshing-mammut.service.EXAMPLE | 9 +++---- start.sh.EXAMPLE | 2 +- 3 files changed, 37 insertions(+), 20 deletions(-) diff --git a/README.md b/README.md index de59b56..fca1329 100644 --- a/README.md +++ b/README.md @@ -46,32 +46,50 @@ This might not be the ideal setup to run this, but here's how I am doing it. Ins or Debian derivative, using Apache as HTTP Proxy. Other setups are possible, but not covered here. By default, NVM is used to install NodeJS, but you can install it any way you want. -This is based on [SvelteKit's instructions](https://kit.svelte.dev/docs/adapter-node#deploying) +This is based on [SvelteKit's instructions](https://kit.svelte.dev/docs/adapter-node#deploying) and [How To Deploy Node.js Applications Using Systemd and Nginx](https://www.digitalocean.com/community/tutorials/how-to-deploy-node-js-applications-using-systemd-and-nginx) -On your server, install the requirements: -- Apache2 HTTP Server -- NodeJS (via [NVM](https://github.com/nvm-sh/nvm)) #### On your server -Create a directory for the app. This will be called `$APP_DIR` from now on. +Install Apache2 if not already installed. -Place `package.json`, `apache2.conf.EXAMPLE`, `moshing-mammut.service.EXAMPLE` and `start.sh.EXAMPLE` in this directory. +Copy `apache2.conf.EXAMPLE` and `moshing-mammut.service.EXAMPLE` to your server. + +Set up a user for the app: `useradd -mrU moshing-mammut` + +Switch to your newly created user: `su moshing-mammut` + +Set up NVM: + +``` +$ cd +$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh +$ source ~/.nvm/nvm.sh +$ nvm install --lts +``` + +Create a directory for the app. This will be called `$APP_DIR` from now on. I use `/home/moshing-mammut/app`. + +Enter `$APP_DIR`. + +Place `package-lock.json` and `start.sh.EXAMPLE` in this directory. +Run `npm ci --omit dev` to install the dependencies. + + +Rename `start.sh.EXAMPLE` to `start.sh` and set the path to your NVM. + +If you do not have NVM installed, simply remove the line and make sure your node executable can be found either by +specifying the full path or by adding it to your $PATH. + +Exit out of your `moshing-mammut` user shell. Copy `apache2.conf.EXAMPLE` to `/etc/apache2/sites-available/moshingmammut.conf` and replace `ServerName` with your Domain. If you do not need or want SSL support, remove the whole `` block. If you do, add the path to your SSLCertificateFile and SSLCertificateKeyFile. Copy `moshing-mammut.service.EXAMPLE` to `/etc/systemd/system/moshing-mammut.service` -and replace `/PATH_TO_MOSHING_MAMMUT` with your `$APP_DIR`. Also replace `MOSHING_MAMMUT_USER` with the user you want -to run the app as. +and set your `User`, `Group`, `ExecStart` and `WorkingDirectory` accordingly. -Rename `start.sh.EXAMPLE` to `start.sh` and replace `/PATH_TO_YOUR_NVM/.nvm/nvm.sh` with the path to your NVM -installation. -If you do not have NVM installed, simply remove the line and make sure your node executable can be found either by -specifying the full path or by adding it to your $PATH. - -Run `npm ci --omit dev` to install the dependencies. #### On your development machine diff --git a/moshing-mammut.service.EXAMPLE b/moshing-mammut.service.EXAMPLE index 1073980..cc0cbba 100644 --- a/moshing-mammut.service.EXAMPLE +++ b/moshing-mammut.service.EXAMPLE @@ -2,14 +2,13 @@ Description=Moshing Mammut [Service] -ExecStart=/PATH_TO_MOSHING_MAMMUT/start.sh +ExecStart=/home/moshing-mammut/app/start.sh Restart=always -User=MOSHING_MAMMUT_USER -Group=nogroup +User=moshing-mammut +Group=moshing-mammut Environment=PATH=/usr/bin:/usr/local/bin Environment=NODE_ENV=production -WorkingDirectory=/PATH_TO_MOSHING_MAMMUT/ -KillMode=process +WorkingDirectory=/home/moshing-mammut/app [Install] WantedBy=multi-user.target \ No newline at end of file diff --git a/start.sh.EXAMPLE b/start.sh.EXAMPLE index 7ea8309..a620e80 100644 --- a/start.sh.EXAMPLE +++ b/start.sh.EXAMPLE @@ -1,3 +1,3 @@ #!/bin/bash -. /PATH_TO_YOUR_NVM/.nvm/nvm.sh +. /home/moshing-mammut/.nvm/nvm.sh node -r dotenv/config build \ No newline at end of file -- 2.39.5 From a3751c985b2453265b59cc99e81be682ba7cf350 Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Tue, 4 Apr 2023 12:45:27 +0200 Subject: [PATCH 06/24] Fix #14 make mastodon instance configurable --- .env.EXAMPLE | 4 +++- src/lib/server/timeline.ts | 4 ++-- src/routes/+page.svelte | 6 +++--- 3 files changed, 8 insertions(+), 6 deletions(-) diff --git a/.env.EXAMPLE b/.env.EXAMPLE index 205710f..938d3e8 100644 --- a/.env.EXAMPLE +++ b/.env.EXAMPLE @@ -1,6 +1,8 @@ HASHTAG_FILTER = ichlausche,music,musik,nowplaying,tunetuesday,nowlistening URL_FILTER = song.link,album.link,spotify.com,music.apple.com,bandcamp.com YOUTUBE_API_KEY = CHANGE_ME +MASTODON_INSTANCE = 'metalhead.club' VERBOSE = false -PUBLIC_REFRESH_INTERVAL = 10000 \ No newline at end of file +PUBLIC_REFRESH_INTERVAL = 10000 +PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME = 'Metalhead.club' \ No newline at end of file diff --git a/src/lib/server/timeline.ts b/src/lib/server/timeline.ts index f462c33..3bd7962 100644 --- a/src/lib/server/timeline.ts +++ b/src/lib/server/timeline.ts @@ -1,4 +1,4 @@ -import { HASHTAG_FILTER, URL_FILTER, YOUTUBE_API_KEY } from '$env/static/private'; +import { HASHTAG_FILTER, MASTODON_INSTANCE, URL_FILTER, YOUTUBE_API_KEY } from '$env/static/private'; import type { Post, Tag, TimelineEvent } from '$lib/mastodon/response'; import { savePost } from '$lib/server/db'; import { WebSocket } from "ws"; @@ -55,7 +55,7 @@ export class TimelineReader { } private constructor() { - const socket = new WebSocket("wss://metalhead.club/api/v1/streaming") + const socket = new WebSocket(`wss://${MASTODON_INSTANCE}/api/v1/streaming`); socket.onopen = (_event) => { socket.send('{ "type": "subscribe", "stream": "public:local"}'); }; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 0f7bdd0..08a134d 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -2,7 +2,7 @@ import { onMount } from "svelte"; import type { PageData } from './$types'; import type { Post } from '$lib/mastodon/response'; -import { PUBLIC_REFRESH_INTERVAL } from '$env/static/public'; +import { PUBLIC_REFRESH_INTERVAL, PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME } from '$env/static/public'; import PostComponent from '$lib/components/PostComponent.svelte'; import LoadMoreComponent from '$lib/components/LoadMoreComponent.svelte'; @@ -76,9 +76,9 @@ async function loadOlderPosts() { - Metalhead.club music list + {PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME} music list -

Metalhead.club music list

+

{PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME} music list

-- 2.39.5 From d723d4264ab593b2544e75b2f50f8e33fcad92fe Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Wed, 5 Apr 2023 16:21:43 +0200 Subject: [PATCH 07/24] Generate Atom feed --- .env.EXAMPLE | 1 + package-lock.json | 349 +++++++++++++++++++++++++++++++++++-- package.json | 5 +- src/hooks.server.ts | 18 +- src/lib/server/db.ts | 165 ++++++++++-------- src/lib/server/rss.ts | 45 +++++ src/lib/server/timeline.ts | 9 +- 7 files changed, 496 insertions(+), 96 deletions(-) create mode 100644 src/lib/server/rss.ts diff --git a/.env.EXAMPLE b/.env.EXAMPLE index 938d3e8..d9d5761 100644 --- a/.env.EXAMPLE +++ b/.env.EXAMPLE @@ -2,6 +2,7 @@ HASHTAG_FILTER = ichlausche,music,musik,nowplaying,tunetuesday,nowlistening URL_FILTER = song.link,album.link,spotify.com,music.apple.com,bandcamp.com YOUTUBE_API_KEY = CHANGE_ME MASTODON_INSTANCE = 'metalhead.club' +BASE_URL = 'https://moshingmammut.phlaym.net' VERBOSE = false PUBLIC_REFRESH_INTERVAL = 10000 diff --git a/package-lock.json b/package-lock.json index 4797168..a9916a9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,15 +8,17 @@ "name": "moshing-mammut", "version": "0.0.1", "dependencies": { - "@types/sqlite3": "^3.1.8", - "@types/ws": "^8.5.4", "dotenv": "^16.0.3", + "feed": "^4.2.2", + "feeder": "git+ssh://git@phlaym.net:phlaym/feeder.git", "sqlite3": "^5.1.6", "ws": "^8.13.0" }, "devDependencies": { "@sveltejs/adapter-node": "^1.2.3", "@sveltejs/kit": "^1.5.0", + "@types/sqlite3": "^3.1.8", + "@types/ws": "^8.5.4", "@typescript-eslint/eslint-plugin": "^5.45.0", "@typescript-eslint/parser": "^5.45.0", "eslint": "^8.28.0", @@ -31,6 +33,102 @@ "vite": "^4.0.0" } }, + "node_modules/@babel/code-frame": { + "version": "7.21.4", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.21.4.tgz", + "integrity": "sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==", + "dependencies": { + "@babel/highlight": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "7.19.1", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz", + "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/highlight": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz", + "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==", + "dependencies": { + "@babel/helper-validator-identifier": "^7.18.6", + "chalk": "^2.0.0", + "js-tokens": "^4.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/highlight/node_modules/ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dependencies": { + "color-convert": "^1.9.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/highlight/node_modules/chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dependencies": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/highlight/node_modules/color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dependencies": { + "color-name": "1.1.3" + } + }, + "node_modules/@babel/highlight/node_modules/color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" + }, + "node_modules/@babel/highlight/node_modules/escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/@babel/highlight/node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/highlight/node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, "node_modules/@esbuild/android-arm": { "version": "0.17.14", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.14.tgz", @@ -841,7 +939,8 @@ "node_modules/@types/node": { "version": "18.15.11", "resolved": "https://registry.npmjs.org/@types/node/-/node-18.15.11.tgz", - "integrity": "sha512-E5Kwq2n4SbMzQOn6wnmBjuK9ouqlURrcZDVfbo9ftDDTFt3nk7ZKK4GMOzoYgnpQJKcxwQw+lGaBvvlMo0qN/Q==" + "integrity": "sha512-E5Kwq2n4SbMzQOn6wnmBjuK9ouqlURrcZDVfbo9ftDDTFt3nk7ZKK4GMOzoYgnpQJKcxwQw+lGaBvvlMo0qN/Q==", + "dev": true }, "node_modules/@types/pug": { "version": "2.0.6", @@ -865,6 +964,7 @@ "version": "3.1.8", "resolved": "https://registry.npmjs.org/@types/sqlite3/-/sqlite3-3.1.8.tgz", "integrity": "sha512-sQMt/qnyUWnqiTcJXm5ZfNPIBeJ/DVvJDwxw+0tAxPJvadzfiP1QhryO1JOR6t1yfb8NpzQb/Rud06mob5laIA==", + "dev": true, "dependencies": { "@types/node": "*" } @@ -873,6 +973,7 @@ "version": "8.5.4", "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.4.tgz", "integrity": "sha512-zdQDHKUgcX/zBc4GrwsE/7dVdAD8JR4EuiAXiiUhhfyIJXXb2+PrGshFyeXWQPMmmZ2XxgaqclgpIC7eTXc1mg==", + "dev": true, "dependencies": { "@types/node": "*" } @@ -1429,6 +1530,11 @@ "color-support": "bin.js" } }, + "node_modules/commander": { + "version": "2.20.3", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", + "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==" + }, "node_modules/commondir": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz", @@ -1536,6 +1642,14 @@ "integrity": "sha512-n94yQo4LI3w7erwf84mhRUkUJfhLoCZiLyoOZ/QFsDbcWNZePrLwbQpvZBUG2TNxwV3VjCKPxkiiQA6pe3TrTA==", "dev": true }, + "node_modules/diff": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz", + "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", + "engines": { + "node": ">=0.3.1" + } + }, "node_modules/dir-glob": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", @@ -1801,6 +1915,18 @@ "url": "https://opencollective.com/eslint" } }, + "node_modules/esprima": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", + "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", + "bin": { + "esparse": "bin/esparse.js", + "esvalidate": "bin/esvalidate.js" + }, + "engines": { + "node": ">=4" + } + }, "node_modules/esquery": { "version": "1.5.0", "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz", @@ -1922,6 +2048,38 @@ "reusify": "^1.0.4" } }, + "node_modules/feed": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/feed/-/feed-4.2.2.tgz", + "integrity": "sha512-u5/sxGfiMfZNtJ3OvQpXcvotFpYkL0n9u9mM2vkui2nGo8b4wvDkJ8gAkYqbA8QpGyFCv3RK0Z+Iv+9veCS9bQ==", + "dependencies": { + "xml-js": "^1.6.11" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/feeder": { + "version": "1.0.0", + "resolved": "git+ssh://git@phlaym.net:phlaym/feeder.git#9543c65bd79b056202cb5649b08858e90085da41", + "license": "ISC", + "dependencies": { + "tslint": "^6.1.3", + "typescript": "^5.0.3" + } + }, + "node_modules/feeder/node_modules/typescript": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.3.tgz", + "integrity": "sha512-xv8mOEDnigb/tN9PSMTwSEqAnUvkoXMQlicOb0IUVDBSQCgBSaAAROUZYy2IcUy5qU6XajK5jjjO7TMWqBTKZA==", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=12.20" + } + }, "node_modules/file-entry-cache": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz", @@ -2014,8 +2172,7 @@ "node_modules/function-bind": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", - "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", - "dev": true + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==" }, "node_modules/gauge": { "version": "3.0.2", @@ -2130,7 +2287,6 @@ "version": "1.0.3", "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", - "dev": true, "dependencies": { "function-bind": "^1.1.1" }, @@ -2305,7 +2461,6 @@ "version": "2.11.0", "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz", "integrity": "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==", - "dev": true, "dependencies": { "has": "^1.0.3" }, @@ -2397,6 +2552,11 @@ "url": "https://opencollective.com/js-sdsl" } }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" + }, "node_modules/js-yaml": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", @@ -2594,7 +2754,6 @@ "version": "1.2.8", "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz", "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==", - "dev": true, "funding": { "url": "https://github.com/sponsors/ljharb" } @@ -2691,7 +2850,6 @@ "version": "0.5.6", "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz", "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==", - "dev": true, "dependencies": { "minimist": "^1.2.6" }, @@ -3009,8 +3167,7 @@ "node_modules/path-parse": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", - "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", - "dev": true + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==" }, "node_modules/path-type": { "version": "4.0.0", @@ -3174,7 +3331,6 @@ "version": "1.22.1", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==", - "dev": true, "dependencies": { "is-core-module": "^2.9.0", "path-parse": "^1.0.7", @@ -3329,6 +3485,11 @@ "rimraf": "bin.js" } }, + "node_modules/sax": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz", + "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==" + }, "node_modules/semver": { "version": "7.3.8", "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz", @@ -3465,6 +3626,11 @@ "node": ">=0.10.0" } }, + "node_modules/sprintf-js": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", + "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==" + }, "node_modules/sqlite3": { "version": "5.1.6", "resolved": "https://registry.npmjs.org/sqlite3/-/sqlite3-5.1.6.tgz", @@ -3580,7 +3746,6 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", - "dev": true, "engines": { "node": ">= 0.4" }, @@ -3788,6 +3953,152 @@ "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==", "dev": true }, + "node_modules/tslint": { + "version": "6.1.3", + "resolved": "https://registry.npmjs.org/tslint/-/tslint-6.1.3.tgz", + "integrity": "sha512-IbR4nkT96EQOvKE2PW/djGz8iGNeJ4rF2mBfiYaR/nvUWYKJhLwimoJKgjIFEIDibBtOevj7BqCRL4oHeWWUCg==", + "deprecated": "TSLint has been deprecated in favor of ESLint. Please see https://github.com/palantir/tslint/issues/4534 for more information.", + "dependencies": { + "@babel/code-frame": "^7.0.0", + "builtin-modules": "^1.1.1", + "chalk": "^2.3.0", + "commander": "^2.12.1", + "diff": "^4.0.1", + "glob": "^7.1.1", + "js-yaml": "^3.13.1", + "minimatch": "^3.0.4", + "mkdirp": "^0.5.3", + "resolve": "^1.3.2", + "semver": "^5.3.0", + "tslib": "^1.13.0", + "tsutils": "^2.29.0" + }, + "bin": { + "tslint": "bin/tslint" + }, + "engines": { + "node": ">=4.8.0" + }, + "peerDependencies": { + "typescript": ">=2.3.0-dev || >=2.4.0-dev || >=2.5.0-dev || >=2.6.0-dev || >=2.7.0-dev || >=2.8.0-dev || >=2.9.0-dev || >=3.0.0-dev || >= 3.1.0-dev || >= 3.2.0-dev || >= 4.0.0-dev" + } + }, + "node_modules/tslint/node_modules/ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dependencies": { + "color-convert": "^1.9.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/tslint/node_modules/argparse": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", + "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", + "dependencies": { + "sprintf-js": "~1.0.2" + } + }, + "node_modules/tslint/node_modules/builtin-modules": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz", + "integrity": "sha512-wxXCdllwGhI2kCC0MnvTGYTMvnVZTvqgypkiTI8Pa5tcz2i6VqsqwYGgqwXji+4RgCzms6EajE4IxiUH6HH8nQ==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/tslint/node_modules/chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dependencies": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/tslint/node_modules/color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dependencies": { + "color-name": "1.1.3" + } + }, + "node_modules/tslint/node_modules/color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" + }, + "node_modules/tslint/node_modules/escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/tslint/node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "engines": { + "node": ">=4" + } + }, + "node_modules/tslint/node_modules/js-yaml": { + "version": "3.14.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz", + "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==", + "dependencies": { + "argparse": "^1.0.7", + "esprima": "^4.0.0" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/tslint/node_modules/semver": { + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", + "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "bin": { + "semver": "bin/semver" + } + }, + "node_modules/tslint/node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/tslint/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==" + }, + "node_modules/tslint/node_modules/tsutils": { + "version": "2.29.0", + "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-2.29.0.tgz", + "integrity": "sha512-g5JVHCIJwzfISaXpXE1qvNalca5Jwob6FjI4AoPlqMusJ6ftFE7IkkFoMhVLRgK+4Kx3gkzb8UZK5t5yTTvEmA==", + "dependencies": { + "tslib": "^1.8.1" + }, + "peerDependencies": { + "typescript": ">=2.1.0 || >=2.1.0-dev || >=2.2.0-dev || >=2.3.0-dev || >=2.4.0-dev || >=2.5.0-dev || >=2.6.0-dev || >=2.7.0-dev || >=2.8.0-dev || >=2.9.0-dev || >= 3.0.0-dev || >= 3.1.0-dev" + } + }, "node_modules/tsutils": { "version": "3.21.0", "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz", @@ -3837,7 +4148,6 @@ "version": "4.9.5", "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz", "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", - "dev": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -4024,6 +4334,17 @@ } } }, + "node_modules/xml-js": { + "version": "1.6.11", + "resolved": "https://registry.npmjs.org/xml-js/-/xml-js-1.6.11.tgz", + "integrity": "sha512-7rVi2KMfwfWFl+GpPg6m80IVMWXLRjO+PxTq7V2CDhoGak0wzYzFgUY2m4XJ47OGdXd8eLE8EmwfAmdjw7lC1g==", + "dependencies": { + "sax": "^1.2.4" + }, + "bin": { + "xml-js": "bin/cli.js" + } + }, "node_modules/yallist": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", diff --git a/package.json b/package.json index 15b2a0a..6302745 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,8 @@ "devDependencies": { "@sveltejs/adapter-node": "^1.2.3", "@sveltejs/kit": "^1.5.0", + "@types/sqlite3": "^3.1.8", + "@types/ws": "^8.5.4", "@typescript-eslint/eslint-plugin": "^5.45.0", "@typescript-eslint/parser": "^5.45.0", "eslint": "^8.28.0", @@ -29,9 +31,8 @@ }, "type": "module", "dependencies": { - "@types/sqlite3": "^3.1.8", - "@types/ws": "^8.5.4", "dotenv": "^16.0.3", + "feed": "^4.2.2", "sqlite3": "^5.1.6", "ws": "^8.13.0" } diff --git a/src/hooks.server.ts b/src/hooks.server.ts index 89f47a2..1ee1dda 100644 --- a/src/hooks.server.ts +++ b/src/hooks.server.ts @@ -1,5 +1,6 @@ import { TimelineReader } from '$lib/server/timeline'; import type { HandleServerError } from '@sveltejs/kit'; +import fs from 'fs/promises'; TimelineReader.init(); @@ -12,4 +13,19 @@ export const handleError = (({ error }) => { message: 'Whoops!', code: (error as any)?.code ?? 'UNKNOWN' }; -}) satisfies HandleServerError; \ No newline at end of file +}) satisfies HandleServerError; + +import type { Handle } from '@sveltejs/kit'; + +export const handle = (async ({ event, resolve }) => { + if (event.url.pathname === '/feed.atom') { + const f = await fs.readFile('feed.atom', { encoding: 'utf8' }); + return new Response( + f, + { headers: [['Content-Type', 'application/atom+xml']] } + ); + } + + const response = await resolve(event); + return response; +}) satisfies Handle; \ No newline at end of file diff --git a/src/lib/server/db.ts b/src/lib/server/db.ts index 042b983..02bd876 100644 --- a/src/lib/server/db.ts +++ b/src/lib/server/db.ts @@ -92,84 +92,97 @@ function getMigrations(): Migration[] { }]; } -export function savePost(post: Post): void { - console.debug(`Saving post ${post.url}`); - const account = post.account; - db.run(` - INSERT INTO accounts (id, acct, username, display_name, url, avatar, avatar_static) - VALUES(?, ?, ?, ?, ?, ?, ?) - ON CONFLICT(id) - DO UPDATE SET - acct=excluded.acct, - username=excluded.username, - display_name=excluded.display_name, - url=excluded.url, - avatar=excluded.avatar, - avatar_static=excluded.avatar_static;`, - [ - account.id, - account.acct, - account.username, - account.display_name, - account.url, - account.avatar, - account.avatar_static - ], - (err) => { - if (err !== null) { - console.error(`Could not insert/update account ${account.id}`, err); - return; - } - db.run(` - INSERT INTO posts (id, content, created_at, url, account_id) - VALUES (?, ?, ?, ?, ?) ON CONFLICT(id) DO UPDATE SET - content=excluded.content, - created_at=excluded.created_at, - url=excluded.url, - account_id=excluded.account_id;`, - [ - post.id, - post.content, - post.created_at, - post.url, - post.account.id - ], - (postErr) => { - if (postErr !== null) { - console.error(`Could not insert post ${post.url}`, postErr); - return; - } - - db.parallelize(() => { - for (let tag of post.tags) { - db.run(` - INSERT INTO tags (url, tag) VALUES (?, ?) - ON CONFLICT(url) DO UPDATE SET - tag=excluded.tag;`, - [ - tag.url, - tag.name - ], - (tagErr) => { - if (tagErr !== null) { - console.error(`Could not insert/update tag ${tag.url}`, tagErr); - return; - } - db.run('INSERT INTO poststags (post_id, tag_url) VALUES (?, ?)', - [post.id, tag.url], - (posttagserr) => { - if (posttagserr !== null) { - console.error(`Could not insert poststags ${tag.url}, ${post.url}`, posttagserr); - return; - } - } - ); - } - ); +export async function savePost(post: Post): Promise { + return new Promise((resolve, reject) => { + console.debug(`Saving post ${post.url}`); + const account = post.account; + db.run(` + INSERT INTO accounts (id, acct, username, display_name, url, avatar, avatar_static) + VALUES(?, ?, ?, ?, ?, ?, ?) + ON CONFLICT(id) + DO UPDATE SET + acct=excluded.acct, + username=excluded.username, + display_name=excluded.display_name, + url=excluded.url, + avatar=excluded.avatar, + avatar_static=excluded.avatar_static;`, + [ + account.id, + account.acct, + account.username, + account.display_name, + account.url, + account.avatar, + account.avatar_static + ], + (err) => { + if (err !== null) { + console.error(`Could not insert/update account ${account.id}`, err); + reject(err); + return; + } + db.run(` + INSERT INTO posts (id, content, created_at, url, account_id) + VALUES (?, ?, ?, ?, ?) ON CONFLICT(id) DO UPDATE SET + content=excluded.content, + created_at=excluded.created_at, + url=excluded.url, + account_id=excluded.account_id;`, + [ + post.id, + post.content, + post.created_at, + post.url, + post.account.id + ], + (postErr) => { + if (postErr !== null) { + console.error(`Could not insert post ${post.url}`, postErr); + reject(postErr); + return; } + + db.parallelize(() => { + let remaining = post.tags.length; + for (let tag of post.tags) { + db.run(` + INSERT INTO tags (url, tag) VALUES (?, ?) + ON CONFLICT(url) DO UPDATE SET + tag=excluded.tag;`, + [ + tag.url, + tag.name + ], + (tagErr) => { + if (tagErr !== null) { + console.error(`Could not insert/update tag ${tag.url}`, tagErr); + reject(tagErr); + return; + } + db.run('INSERT INTO poststags (post_id, tag_url) VALUES (?, ?)', + [post.id, tag.url], + (posttagserr) => { + if (posttagserr !== null) { + console.error(`Could not insert poststags ${tag.url}, ${post.url}`, posttagserr); + reject(posttagserr); + return; + } + // Don't decrease on fail + remaining--; + // Only resolve after all have been inserted + if (remaining === 0) { + resolve(undefined); + } + } + ); + } + ); + } + }); }); - }); - }); + }); + }); } export async function getPosts(since: string | null, before: string | null, limit: number) { diff --git a/src/lib/server/rss.ts b/src/lib/server/rss.ts new file mode 100644 index 0000000..cbf5b3b --- /dev/null +++ b/src/lib/server/rss.ts @@ -0,0 +1,45 @@ +import { BASE_URL } from '$env/static/private'; +import { PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME } from '$env/static/public'; +import type { Post } from '$lib//mastodon/response'; +import { Feed } from 'feed'; +import fs from 'fs/promises'; + +export function createFeed(posts: Post[]): Feed { + const baseUrl = BASE_URL.endsWith('/') ? BASE_URL : BASE_URL + '/'; + const feed = new Feed({ + title: `${PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME} music feed`, + description: `Posts about music on ${PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME}`, + id: baseUrl, + link: baseUrl, + language: 'en', + //image: "http://example.com/image.png", + //favicon: "http://example.com/favicon.ico", + copyright: '', + generator: 'moshing-mamut', + feedLinks: { + atom: `${BASE_URL}/feed.atom` + }, + author: { + name: '@aymm', + link: 'https://metalhead.club/@aymm' + }, + }); + posts.forEach(p => { + feed.addItem({ + title: p.content, + id: p.url, + link: p.url, + content: p.content, + author: [{ + name: p.account.acct, + link: p.account.url + }], + date: new Date(p.created_at) + }) + }); + feed.addCategory('Music'); + return feed; +} +export async function saveAtomFeed(feed: Feed) { + await fs.writeFile('feed.atom', feed.atom1(), { encoding: 'utf8' }); +} \ No newline at end of file diff --git a/src/lib/server/timeline.ts b/src/lib/server/timeline.ts index 3bd7962..515c12e 100644 --- a/src/lib/server/timeline.ts +++ b/src/lib/server/timeline.ts @@ -1,6 +1,7 @@ import { HASHTAG_FILTER, MASTODON_INSTANCE, URL_FILTER, YOUTUBE_API_KEY } from '$env/static/private'; import type { Post, Tag, TimelineEvent } from '$lib/mastodon/response'; -import { savePost } from '$lib/server/db'; +import { getPosts, savePost } from '$lib/server/db'; +import { createFeed, saveAtomFeed } from '$lib/server/rss'; import { WebSocket } from "ws"; const YOUTUBE_REGEX = new RegExp(/https?:\/\/(www\.)?youtu((be.com\/.*?v=)|(\.be\/))(?[a-zA-Z_0-9-]+)/gm); @@ -77,9 +78,11 @@ export class TimelineReader { if (found_urls.length === 0 && found_tags.length === 0 && !await TimelineReader.checkYoutubeMatches(post.content)) { - return; + //return; } - savePost(post); + await savePost(post); + const posts = await getPosts(null, null, 100); + await saveAtomFeed(createFeed(posts)); } catch (e) { console.error("error message", event, event.data, e) -- 2.39.5 From 4d689a86abf8dfd8dcccf5388f7e9be281e3a057 Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Wed, 5 Apr 2023 16:57:25 +0200 Subject: [PATCH 08/24] Add RSS feed to footer and page. Fix #8 --- .gitignore | 1 + src/app.html | 1 + src/hooks.server.ts | 4 ++-- src/lib/assets/rss-fill.svg | 1 + src/lib/components/FooterComponent.svelte | 10 +++++++++- src/lib/server/rss.ts | 4 ++-- src/lib/server/timeline.ts | 2 +- 7 files changed, 17 insertions(+), 6 deletions(-) create mode 100644 src/lib/assets/rss-fill.svg diff --git a/.gitignore b/.gitignore index 2d5c3a5..4af8198 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,5 @@ *.db +feed.xml node_modules /build diff --git a/src/app.html b/src/app.html index 37e46d3..96a0a61 100644 --- a/src/app.html +++ b/src/app.html @@ -7,6 +7,7 @@ + %sveltekit.head% \ No newline at end of file diff --git a/src/lib/components/LoadMoreComponent.svelte b/src/lib/components/LoadMoreComponent.svelte index c87c012..3fd386a 100644 --- a/src/lib/components/LoadMoreComponent.svelte +++ b/src/lib/components/LoadMoreComponent.svelte @@ -31,16 +31,27 @@ padding: 0.75em; border-radius: 3px; border: none; - background-color: var(--color-link); - color: white; + background-color: var(--color-button); + color: var(--color-button-text); cursor: grab; transition: all 0.2s ease-in-out; } + button:hover:not(:disabled) { - background-color: var(--color-link-visited); + background-color: var(--color-button-hover); } + + button:hover:not(:disabled):not(:active) { + box-shadow: 4px 4px 3px 0 var(--color-button-shadow); + translate: -2px -2px; + } + button:disabled { cursor: not-allowed; - background-color: grey; + background-color: var(--color-button-deactivated); + } + + button:not(:disabled) { + box-shadow: 2px 2px 1px 0 var(--color-button-shadow); } \ No newline at end of file diff --git a/static/style.css b/static/style.css index 6e84b17..2eabfe1 100644 --- a/static/style.css +++ b/static/style.css @@ -1,30 +1,56 @@ body { - --color-text: #2F0C7A; - --color-bg: white; - --color-border: #17063B; - --color-link: #563ACC; - --color-link-visited: #858AFA; + --color-blue: hsl(259, 82%, 26%); + --color-blue-dark: hsl(259, 82%, 10%); + --color-lavender: hsl(273, 43%, 65%); + --color-mauve: hsl(286, 73%, 81%); - color: var(--color-text); - background-color: var(--color-bg); - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, - Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif, - "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --color-grey: hsl(44, 7%, 41%); + --color-grey-translucent: hsla(44, 7%, 41%, 0.2); + --color-grey-light: hsl(42, 7%, 72%); + + --color-red: hsl(7, 100%, 56%); + --color-red-light: hsl(7, 100%, 61%); + --color-red-desat: hsl(7, 20%, 56%); + --color-red-desat-dark: hsl(7, 20%, 30%); + --color-red-desat-desat: hsl(7, 8%, 56%); + + + --color-text: var(--color-blue); + --color-border: var(--color-grey); + --color-link: var(--color-mauve); + --color-link-visited: var(--color-lavender); + --color-bg: var(--color-grey-light); + --color-button: var(--color-red-light); + --color-button-shadow: var(--color-red-desat-dark); + --color-button-hover: var(--color-red); + --color-button-deactivated: var(--color-red-desat-desat); + --color-button-text: var(--color-blue-dark); + + color: var(--color-text); + background-color: var(--color-bg); + font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, + Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif, + "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } a { - color: var(--color-link); + color: var(--color-link); } a:visited { - color: var(--color-link-visited); + color: var(--color-link-visited); } @media (prefers-color-scheme: dark) { - body { - --color-text: white; - --color-bg: #17063B; - --color-border: white; - --color-link: #8A9BF0; - --color-link-visited: #C384FB; - } + body { + --color-text: var(--color-grey-light); + --color-border: var(--color-grey-light); + --color-link: var(--color-mauve); + --color-link-visited: var(--color-lavender); + --color-bg: var(--color-blue); + --color-button: var(--color-red-light); + --color-button-shadow: var(--color-red-desat); + --color-button-hover: var(--color-red); + --color-button-deactivated: var(--color-red-desat-desat); + --color-button-text: var(--color-blue-dark); + } } \ No newline at end of file -- 2.39.5 From c16bfd9c8234b6e363490c5b75174519ca8e268f Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Thu, 6 Apr 2023 18:29:05 +0200 Subject: [PATCH 14/24] Improved button legibility --- src/lib/components/LoadMoreComponent.svelte | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/lib/components/LoadMoreComponent.svelte b/src/lib/components/LoadMoreComponent.svelte index 3fd386a..3ed2f49 100644 --- a/src/lib/components/LoadMoreComponent.svelte +++ b/src/lib/components/LoadMoreComponent.svelte @@ -35,6 +35,8 @@ color: var(--color-button-text); cursor: grab; transition: all 0.2s ease-in-out; + font-size: large; + font-weight: bold; } button:hover:not(:disabled) { @@ -42,7 +44,7 @@ } button:hover:not(:disabled):not(:active) { - box-shadow: 4px 4px 3px 0 var(--color-button-shadow); + box-shadow: 6px 6px 5px 0 var(--color-button-shadow); translate: -2px -2px; } @@ -52,6 +54,6 @@ } button:not(:disabled) { - box-shadow: 2px 2px 1px 0 var(--color-button-shadow); + box-shadow: 4px 4px 2px 0 var(--color-button-shadow); } \ No newline at end of file -- 2.39.5 From 20cdd8e68888665bcdecbbc612b3787facc65c46 Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Fri, 7 Apr 2023 09:50:02 +0200 Subject: [PATCH 15/24] Animate loading button and new posts arriving --- src/lib/components/LoadMoreComponent.svelte | 26 ++++++++- .../components/LoadingSpinnerComponent.svelte | 38 +++++++++++++ src/routes/+page.svelte | 54 ++++++++++++++++--- 3 files changed, 110 insertions(+), 8 deletions(-) create mode 100644 src/lib/components/LoadingSpinnerComponent.svelte diff --git a/src/lib/components/LoadMoreComponent.svelte b/src/lib/components/LoadMoreComponent.svelte index 3ed2f49..0af7935 100644 --- a/src/lib/components/LoadMoreComponent.svelte +++ b/src/lib/components/LoadMoreComponent.svelte @@ -1,5 +1,6 @@ - + \ No newline at end of file diff --git a/src/lib/components/LoadingSpinnerComponent.svelte b/src/lib/components/LoadingSpinnerComponent.svelte new file mode 100644 index 0000000..e41ec9f --- /dev/null +++ b/src/lib/components/LoadingSpinnerComponent.svelte @@ -0,0 +1,38 @@ + + +
+ \ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 9ff2b00..82d4b89 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -5,20 +5,52 @@ import type { Post } from '$lib/mastodon/response'; import { PUBLIC_REFRESH_INTERVAL, PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME } from '$env/static/public'; import PostComponent from '$lib/components/PostComponent.svelte'; import LoadMoreComponent from '$lib/components/LoadMoreComponent.svelte'; +import { fly, type FlyParams } from 'svelte/transition'; +import { cubicInOut } from 'svelte/easing'; + export let data: PageData; -const refreshInterval = parseInt(PUBLIC_REFRESH_INTERVAL); -let interval: NodeJS.Timer | null = null; -let moreOlderPostsAvailable = true; -let loadingOlderPosts = false; - interface FetchOptions { since?: string, before?: string, count?: number } +interface EdgeFlyParams extends FlyParams { + created_at: string +} + +const refreshInterval = parseInt(PUBLIC_REFRESH_INTERVAL) * 10; +let interval: NodeJS.Timer | null = null; +let moreOlderPostsAvailable = true; +let loadingOlderPosts = false; + +// Needed, so that edgeFly() can do its thing: +// To determine whether a newly loaded post is older than the existing ones, is required to know what the oldest +// post was, before the fetch happened. +let oldestBeforeLastFetch: number | null = null; + +/** + * Animate either from the top, or the bottom of the window, depending if the post is + * newer than the existing ones or older. + */ +function edgeFly(node: Element, opts: EdgeFlyParams) { + const createdAt = new Date(opts.created_at).getTime(); + const diffNewest = Math.abs(new Date(data.posts[0].created_at).getTime() - createdAt); + const oldest = oldestBeforeLastFetch !== null + ? oldestBeforeLastFetch + : new Date(data.posts[data.posts.length - 1].created_at).getTime(); + const diffOldest = Math.abs(oldest - createdAt); + const fromTop = diffNewest <= diffOldest; + + const rect = node.getBoundingClientRect(); + const paramY = +`${opts.y}`; + let offset = isNaN(paramY) ? 0 : paramY + rect.height; + opts.y = fromTop ? -offset : window.innerHeight + offset; + return fly(node, opts); +} + async function fetchPosts(options: FetchOptions): Promise { const params = new URLSearchParams(); if (options?.since !== undefined) { @@ -60,6 +92,9 @@ function refresh() { } onMount(async () => { + if (data.posts.length > 0) { + oldestBeforeLastFetch = new Date(data.posts[data.posts.length - 1].created_at).getTime(); + } interval = setInterval(refresh, refreshInterval); // - If the page is hidden, slow down refresh rate @@ -84,6 +119,7 @@ function loadOlderPosts() { const filter: FetchOptions = { count: 20 }; if (data.posts.length > 0) { filter.before = data.posts[data.posts.length - 1].created_at; + oldestBeforeLastFetch = new Date(filter.before).getTime(); } @@ -119,7 +155,12 @@ function loadOlderPosts() { Sorry, no posts recommending music aave been found yet {/if} {#each data.posts as post (post.url)} -
+
+ +
{/each} \ No newline at end of file -- 2.39.5 From 8428f6e70ec2b61e2e69fa88bd4e6f8a9b5b0bd9 Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Fri, 7 Apr 2023 10:00:30 +0200 Subject: [PATCH 16/24] Improve loading button animation --- src/lib/components/LoadMoreComponent.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/components/LoadMoreComponent.svelte b/src/lib/components/LoadMoreComponent.svelte index 0af7935..ce461db 100644 --- a/src/lib/components/LoadMoreComponent.svelte +++ b/src/lib/components/LoadMoreComponent.svelte @@ -70,7 +70,7 @@ display: flex; overflow: hidden; max-width: 100%; - transition: all 0.3s; + transition: all 0.3s 0.5s; } /* Cannot be removed, so that it animates its width change */ -- 2.39.5 From 95e9b8cabf0fee8aea675dcf96123c1d9469045c Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Fri, 7 Apr 2023 10:01:18 +0200 Subject: [PATCH 17/24] Fix "load more" button being greyed out falsely --- src/routes/+page.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 82d4b89..a0ccd59 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -129,7 +129,7 @@ function loadOlderPosts() { // There shouldn't be any duplicates, but better be safe than sorry data.posts = filterDuplicates(data.posts.concat(resp)); // If we got less than we expected, there are no older posts available - moreOlderPostsAvailable = resp.length < (filter.count ?? 20); + moreOlderPostsAvailable = resp.length >= (filter.count ?? 20); } else { moreOlderPostsAvailable = false; } -- 2.39.5 From 94e749960f104d0df91711b68ea780dd8af00f67 Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Fri, 7 Apr 2023 11:54:54 +0200 Subject: [PATCH 18/24] Add toast for error messages, fix #16 --- .editorconfig | 2 +- package-lock.json | 336 +++----------------------- package.json | 1 + src/lib/assets/error-warning-fill.svg | 1 + src/lib/errorToast.ts | 8 + src/routes/+layout.svelte | 21 ++ src/routes/+page.svelte | 16 +- static/style.css | 2 + 8 files changed, 70 insertions(+), 317 deletions(-) create mode 100644 src/lib/assets/error-warning-fill.svg create mode 100644 src/lib/errorToast.ts diff --git a/.editorconfig b/.editorconfig index 0d7fefe..db0dfb7 100644 --- a/.editorconfig +++ b/.editorconfig @@ -2,4 +2,4 @@ root = true [*.{svelte, ts, cjs, json}] indent_style = space -indent_size = 4 \ No newline at end of file +indent_size = 2 \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index a9916a9..8abd8d9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,6 @@ "dependencies": { "dotenv": "^16.0.3", "feed": "^4.2.2", - "feeder": "git+ssh://git@phlaym.net:phlaym/feeder.git", "sqlite3": "^5.1.6", "ws": "^8.13.0" }, @@ -21,6 +20,7 @@ "@types/ws": "^8.5.4", "@typescript-eslint/eslint-plugin": "^5.45.0", "@typescript-eslint/parser": "^5.45.0", + "@zerodevx/svelte-toast": "^0.9.3", "eslint": "^8.28.0", "eslint-config-prettier": "^8.5.0", "eslint-plugin-svelte3": "^4.0.0", @@ -33,102 +33,6 @@ "vite": "^4.0.0" } }, - "node_modules/@babel/code-frame": { - "version": "7.21.4", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.21.4.tgz", - "integrity": "sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==", - "dependencies": { - "@babel/highlight": "^7.18.6" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-validator-identifier": { - "version": "7.19.1", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz", - "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==", - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/highlight": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz", - "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==", - "dependencies": { - "@babel/helper-validator-identifier": "^7.18.6", - "chalk": "^2.0.0", - "js-tokens": "^4.0.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/highlight/node_modules/ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dependencies": { - "color-convert": "^1.9.0" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/@babel/highlight/node_modules/chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dependencies": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/@babel/highlight/node_modules/color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dependencies": { - "color-name": "1.1.3" - } - }, - "node_modules/@babel/highlight/node_modules/color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" - }, - "node_modules/@babel/highlight/node_modules/escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", - "engines": { - "node": ">=0.8.0" - } - }, - "node_modules/@babel/highlight/node_modules/has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", - "engines": { - "node": ">=4" - } - }, - "node_modules/@babel/highlight/node_modules/supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dependencies": { - "has-flag": "^3.0.0" - }, - "engines": { - "node": ">=4" - } - }, "node_modules/@esbuild/android-arm": { "version": "0.17.14", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.14.tgz", @@ -857,9 +761,9 @@ } }, "node_modules/@sveltejs/kit": { - "version": "1.15.0", - "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.15.0.tgz", - "integrity": "sha512-fvDsW9msxWjDU/j9wwLlxEZ6cpXQYcmcQHq7neJMqibMEl39gI1ztVymGnYqM8KLqZXwNmhKtLu8EPheukKtXQ==", + "version": "1.15.2", + "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.15.2.tgz", + "integrity": "sha512-rLNxZrjbrlPf8AWW8GAU4L/Vvu17e9v8EYl7pUip7x72lTft7RcxeP3z7tsrHpMSBBxC9o4XdKzFvz1vMZyXZw==", "dev": true, "hasInstallScript": true, "dependencies": { @@ -875,7 +779,7 @@ "set-cookie-parser": "^2.5.1", "sirv": "^2.0.2", "tiny-glob": "^0.2.9", - "undici": "5.21.0" + "undici": "5.20.0" }, "bin": { "svelte-kit": "svelte-kit.js" @@ -1166,6 +1070,15 @@ "url": "https://opencollective.com/typescript-eslint" } }, + "node_modules/@zerodevx/svelte-toast": { + "version": "0.9.3", + "resolved": "https://registry.npmjs.org/@zerodevx/svelte-toast/-/svelte-toast-0.9.3.tgz", + "integrity": "sha512-VPKWR4A9y01fyXRscu9HiTj7tV2hFrpRKZvGwMmaPXfHIXR1D9+NNsz0HXcQ7qZ0C5UaHS3n9uNtPtIcAXT7RQ==", + "dev": true, + "peerDependencies": { + "svelte": "^3.57.0" + } + }, "node_modules/abbrev": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", @@ -1530,11 +1443,6 @@ "color-support": "bin.js" } }, - "node_modules/commander": { - "version": "2.20.3", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", - "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==" - }, "node_modules/commondir": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz", @@ -1642,14 +1550,6 @@ "integrity": "sha512-n94yQo4LI3w7erwf84mhRUkUJfhLoCZiLyoOZ/QFsDbcWNZePrLwbQpvZBUG2TNxwV3VjCKPxkiiQA6pe3TrTA==", "dev": true }, - "node_modules/diff": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz", - "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", - "engines": { - "node": ">=0.3.1" - } - }, "node_modules/dir-glob": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", @@ -1915,18 +1815,6 @@ "url": "https://opencollective.com/eslint" } }, - "node_modules/esprima": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", - "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", - "bin": { - "esparse": "bin/esparse.js", - "esvalidate": "bin/esvalidate.js" - }, - "engines": { - "node": ">=4" - } - }, "node_modules/esquery": { "version": "1.5.0", "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz", @@ -2059,27 +1947,6 @@ "node": ">=0.4.0" } }, - "node_modules/feeder": { - "version": "1.0.0", - "resolved": "git+ssh://git@phlaym.net:phlaym/feeder.git#9543c65bd79b056202cb5649b08858e90085da41", - "license": "ISC", - "dependencies": { - "tslint": "^6.1.3", - "typescript": "^5.0.3" - } - }, - "node_modules/feeder/node_modules/typescript": { - "version": "5.0.3", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.3.tgz", - "integrity": "sha512-xv8mOEDnigb/tN9PSMTwSEqAnUvkoXMQlicOb0IUVDBSQCgBSaAAROUZYy2IcUy5qU6XajK5jjjO7TMWqBTKZA==", - "bin": { - "tsc": "bin/tsc", - "tsserver": "bin/tsserver" - }, - "engines": { - "node": ">=12.20" - } - }, "node_modules/file-entry-cache": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz", @@ -2172,7 +2039,8 @@ "node_modules/function-bind": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", - "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==" + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", + "dev": true }, "node_modules/gauge": { "version": "3.0.2", @@ -2287,6 +2155,7 @@ "version": "1.0.3", "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "dev": true, "dependencies": { "function-bind": "^1.1.1" }, @@ -2461,6 +2330,7 @@ "version": "2.11.0", "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz", "integrity": "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==", + "dev": true, "dependencies": { "has": "^1.0.3" }, @@ -2552,11 +2422,6 @@ "url": "https://opencollective.com/js-sdsl" } }, - "node_modules/js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" - }, "node_modules/js-yaml": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", @@ -2754,6 +2619,7 @@ "version": "1.2.8", "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz", "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==", + "dev": true, "funding": { "url": "https://github.com/sponsors/ljharb" } @@ -2850,6 +2716,7 @@ "version": "0.5.6", "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz", "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==", + "dev": true, "dependencies": { "minimist": "^1.2.6" }, @@ -3167,7 +3034,8 @@ "node_modules/path-parse": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", - "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==" + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "dev": true }, "node_modules/path-type": { "version": "4.0.0", @@ -3331,6 +3199,7 @@ "version": "1.22.1", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==", + "dev": true, "dependencies": { "is-core-module": "^2.9.0", "path-parse": "^1.0.7", @@ -3626,11 +3495,6 @@ "node": ">=0.10.0" } }, - "node_modules/sprintf-js": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", - "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==" - }, "node_modules/sqlite3": { "version": "5.1.6", "resolved": "https://registry.npmjs.org/sqlite3/-/sqlite3-5.1.6.tgz", @@ -3746,6 +3610,7 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "dev": true, "engines": { "node": ">= 0.4" }, @@ -3953,152 +3818,6 @@ "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==", "dev": true }, - "node_modules/tslint": { - "version": "6.1.3", - "resolved": "https://registry.npmjs.org/tslint/-/tslint-6.1.3.tgz", - "integrity": "sha512-IbR4nkT96EQOvKE2PW/djGz8iGNeJ4rF2mBfiYaR/nvUWYKJhLwimoJKgjIFEIDibBtOevj7BqCRL4oHeWWUCg==", - "deprecated": "TSLint has been deprecated in favor of ESLint. Please see https://github.com/palantir/tslint/issues/4534 for more information.", - "dependencies": { - "@babel/code-frame": "^7.0.0", - "builtin-modules": "^1.1.1", - "chalk": "^2.3.0", - "commander": "^2.12.1", - "diff": "^4.0.1", - "glob": "^7.1.1", - "js-yaml": "^3.13.1", - "minimatch": "^3.0.4", - "mkdirp": "^0.5.3", - "resolve": "^1.3.2", - "semver": "^5.3.0", - "tslib": "^1.13.0", - "tsutils": "^2.29.0" - }, - "bin": { - "tslint": "bin/tslint" - }, - "engines": { - "node": ">=4.8.0" - }, - "peerDependencies": { - "typescript": ">=2.3.0-dev || >=2.4.0-dev || >=2.5.0-dev || >=2.6.0-dev || >=2.7.0-dev || >=2.8.0-dev || >=2.9.0-dev || >=3.0.0-dev || >= 3.1.0-dev || >= 3.2.0-dev || >= 4.0.0-dev" - } - }, - "node_modules/tslint/node_modules/ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dependencies": { - "color-convert": "^1.9.0" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/tslint/node_modules/argparse": { - "version": "1.0.10", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", - "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", - "dependencies": { - "sprintf-js": "~1.0.2" - } - }, - "node_modules/tslint/node_modules/builtin-modules": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz", - "integrity": "sha512-wxXCdllwGhI2kCC0MnvTGYTMvnVZTvqgypkiTI8Pa5tcz2i6VqsqwYGgqwXji+4RgCzms6EajE4IxiUH6HH8nQ==", - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/tslint/node_modules/chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dependencies": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/tslint/node_modules/color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dependencies": { - "color-name": "1.1.3" - } - }, - "node_modules/tslint/node_modules/color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" - }, - "node_modules/tslint/node_modules/escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", - "engines": { - "node": ">=0.8.0" - } - }, - "node_modules/tslint/node_modules/has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", - "engines": { - "node": ">=4" - } - }, - "node_modules/tslint/node_modules/js-yaml": { - "version": "3.14.1", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz", - "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==", - "dependencies": { - "argparse": "^1.0.7", - "esprima": "^4.0.0" - }, - "bin": { - "js-yaml": "bin/js-yaml.js" - } - }, - "node_modules/tslint/node_modules/semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", - "bin": { - "semver": "bin/semver" - } - }, - "node_modules/tslint/node_modules/supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dependencies": { - "has-flag": "^3.0.0" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/tslint/node_modules/tslib": { - "version": "1.14.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", - "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==" - }, - "node_modules/tslint/node_modules/tsutils": { - "version": "2.29.0", - "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-2.29.0.tgz", - "integrity": "sha512-g5JVHCIJwzfISaXpXE1qvNalca5Jwob6FjI4AoPlqMusJ6ftFE7IkkFoMhVLRgK+4Kx3gkzb8UZK5t5yTTvEmA==", - "dependencies": { - "tslib": "^1.8.1" - }, - "peerDependencies": { - "typescript": ">=2.1.0 || >=2.1.0-dev || >=2.2.0-dev || >=2.3.0-dev || >=2.4.0-dev || >=2.5.0-dev || >=2.6.0-dev || >=2.7.0-dev || >=2.8.0-dev || >=2.9.0-dev || >= 3.0.0-dev || >= 3.1.0-dev" - } - }, "node_modules/tsutils": { "version": "3.21.0", "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz", @@ -4148,6 +3867,7 @@ "version": "4.9.5", "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz", "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", + "dev": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -4157,9 +3877,9 @@ } }, "node_modules/undici": { - "version": "5.21.0", - "resolved": "https://registry.npmjs.org/undici/-/undici-5.21.0.tgz", - "integrity": "sha512-HOjK8l6a57b2ZGXOcUsI5NLfoTrfmbOl90ixJDl0AEFG4wgHNDQxtZy15/ZQp7HhjkpaGlp/eneMgtsu1dIlUA==", + "version": "5.20.0", + "resolved": "https://registry.npmjs.org/undici/-/undici-5.20.0.tgz", + "integrity": "sha512-J3j60dYzuo6Eevbawwp1sdg16k5Tf768bxYK4TUJRH7cBM4kFCbf3mOnM/0E3vQYXvpxITbbWmBafaDbxLDz3g==", "dev": true, "dependencies": { "busboy": "^1.6.0" diff --git a/package.json b/package.json index 6302745..cd0d61d 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,7 @@ "@types/ws": "^8.5.4", "@typescript-eslint/eslint-plugin": "^5.45.0", "@typescript-eslint/parser": "^5.45.0", + "@zerodevx/svelte-toast": "^0.9.3", "eslint": "^8.28.0", "eslint-config-prettier": "^8.5.0", "eslint-plugin-svelte3": "^4.0.0", diff --git a/src/lib/assets/error-warning-fill.svg b/src/lib/assets/error-warning-fill.svg new file mode 100644 index 0000000..011c4c3 --- /dev/null +++ b/src/lib/assets/error-warning-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/lib/errorToast.ts b/src/lib/errorToast.ts new file mode 100644 index 0000000..1d85264 --- /dev/null +++ b/src/lib/errorToast.ts @@ -0,0 +1,8 @@ +import errorIcon from '$lib/assets/error-warning-fill.svg'; +import { toast } from '@zerodevx/svelte-toast'; + +export function errorToast(message: string): number { + return toast.push(`${message}`, { + classes: ['error'] + }); +} \ No newline at end of file diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 223e975..af1013c 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,7 +1,14 @@ + @@ -12,4 +19,18 @@ bottom: 0px; display: inline-block; } + :global(.toast.error) { + --toastColor: var(--color-button-text); + --toastBackground: var(--color-red-dark); + --toastBarBackground: var(--color-red-lighter); + } + :global(._toastMsg > img) { + position: relative; + height: 1.5em; + } + :global(._toastMsg) { + display: flex; + align-items: center; + gap: 10px; + } \ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index a0ccd59..97dbe9e 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -7,6 +7,7 @@ import PostComponent from '$lib/components/PostComponent.svelte'; import LoadMoreComponent from '$lib/components/LoadMoreComponent.svelte'; import { fly, type FlyParams } from 'svelte/transition'; import { cubicInOut } from 'svelte/easing'; +import { errorToast } from '$lib/errorToast' export let data: PageData; @@ -21,7 +22,7 @@ interface EdgeFlyParams extends FlyParams { created_at: string } -const refreshInterval = parseInt(PUBLIC_REFRESH_INTERVAL) * 10; +const refreshInterval = parseInt(PUBLIC_REFRESH_INTERVAL); let interval: NodeJS.Timer | null = null; let moreOlderPostsAvailable = true; let loadingOlderPosts = false; @@ -85,9 +86,8 @@ function refresh() { data.posts = filterDuplicates(resp.concat(data.posts)); } }) - .catch(e => { - // TODO: Show error in UI - console.error('Error loading newest posts', e); + .catch((e: Error) => { + errorToast('Error loading newest posts: ' + e.message); }); } @@ -118,8 +118,9 @@ function loadOlderPosts() { loadingOlderPosts = true; const filter: FetchOptions = { count: 20 }; if (data.posts.length > 0) { - filter.before = data.posts[data.posts.length - 1].created_at; - oldestBeforeLastFetch = new Date(filter.before).getTime(); + const before = data.posts[data.posts.length - 1].created_at; + filter.before = before; + oldestBeforeLastFetch = new Date(before).getTime(); } @@ -137,8 +138,7 @@ function loadOlderPosts() { }) .catch(e => { loadingOlderPosts = false; - // TODO: Show error in UI - console.error('Error loading older posts', e); + errorToast('Error loading older posts: ' + e.message); }); } diff --git a/static/style.css b/static/style.css index 2eabfe1..244d6a4 100644 --- a/static/style.css +++ b/static/style.css @@ -10,6 +10,8 @@ body { --color-red: hsl(7, 100%, 56%); --color-red-light: hsl(7, 100%, 61%); + --color-red-lighter: hsl(7, 100%, 68%); + --color-red-dark: hsl(7, 100%, 48%); --color-red-desat: hsl(7, 20%, 56%); --color-red-desat-dark: hsl(7, 20%, 30%); --color-red-desat-desat: hsl(7, 8%, 56%); -- 2.39.5 From 626797260519e2151f54a207ffea992d11070a84 Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Fri, 7 Apr 2023 12:27:40 +0200 Subject: [PATCH 19/24] Add license and version shield, increase version --- README.md | 3 + package.json | 3 +- src/LICENSE | 165 +++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 170 insertions(+), 1 deletion(-) create mode 100644 src/LICENSE diff --git a/README.md b/README.md index fca1329..a4bcbec 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,6 @@ +[![License: MIT](https://img.shields.io/badge/License-LGPL-blue.svg)](https://opensource.org/license/lgpl-3-0/) +[![Release](https://shields.io/badge/dynamic/json.svg?label=release&url=https://phlaym.net/git/api/v1/repos/phlaym/moshing-mammut/releases&query=$[0].tag_name)](https://phlaym.net/phlaym/moshing-mammut/releases) + # Moshing Mammut The fine folks on the [metalhead.club Mastodon Server](https://metalhead.club) occasionally share like to share diff --git a/package.json b/package.json index cd0d61d..21e6a34 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,8 @@ { "name": "moshing-mammut", - "version": "0.0.1", + "version": "1.1.0", "private": true, + "license": "LGPL-3.0-or-later", "scripts": { "dev": "vite dev", "build": "vite build", diff --git a/src/LICENSE b/src/LICENSE new file mode 100644 index 0000000..153d416 --- /dev/null +++ b/src/LICENSE @@ -0,0 +1,165 @@ + GNU LESSER GENERAL PUBLIC LICENSE + Version 3, 29 June 2007 + + Copyright (C) 2007 Free Software Foundation, Inc. + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + + This version of the GNU Lesser General Public License incorporates +the terms and conditions of version 3 of the GNU General Public +License, supplemented by the additional permissions listed below. + + 0. Additional Definitions. + + As used herein, "this License" refers to version 3 of the GNU Lesser +General Public License, and the "GNU GPL" refers to version 3 of the GNU +General Public License. + + "The Library" refers to a covered work governed by this License, +other than an Application or a Combined Work as defined below. + + An "Application" is any work that makes use of an interface provided +by the Library, but which is not otherwise based on the Library. +Defining a subclass of a class defined by the Library is deemed a mode +of using an interface provided by the Library. + + A "Combined Work" is a work produced by combining or linking an +Application with the Library. The particular version of the Library +with which the Combined Work was made is also called the "Linked +Version". + + The "Minimal Corresponding Source" for a Combined Work means the +Corresponding Source for the Combined Work, excluding any source code +for portions of the Combined Work that, considered in isolation, are +based on the Application, and not on the Linked Version. + + The "Corresponding Application Code" for a Combined Work means the +object code and/or source code for the Application, including any data +and utility programs needed for reproducing the Combined Work from the +Application, but excluding the System Libraries of the Combined Work. + + 1. Exception to Section 3 of the GNU GPL. + + You may convey a covered work under sections 3 and 4 of this License +without being bound by section 3 of the GNU GPL. + + 2. Conveying Modified Versions. + + If you modify a copy of the Library, and, in your modifications, a +facility refers to a function or data to be supplied by an Application +that uses the facility (other than as an argument passed when the +facility is invoked), then you may convey a copy of the modified +version: + + a) under this License, provided that you make a good faith effort to + ensure that, in the event an Application does not supply the + function or data, the facility still operates, and performs + whatever part of its purpose remains meaningful, or + + b) under the GNU GPL, with none of the additional permissions of + this License applicable to that copy. + + 3. Object Code Incorporating Material from Library Header Files. + + The object code form of an Application may incorporate material from +a header file that is part of the Library. You may convey such object +code under terms of your choice, provided that, if the incorporated +material is not limited to numerical parameters, data structure +layouts and accessors, or small macros, inline functions and templates +(ten or fewer lines in length), you do both of the following: + + a) Give prominent notice with each copy of the object code that the + Library is used in it and that the Library and its use are + covered by this License. + + b) Accompany the object code with a copy of the GNU GPL and this license + document. + + 4. Combined Works. + + You may convey a Combined Work under terms of your choice that, +taken together, effectively do not restrict modification of the +portions of the Library contained in the Combined Work and reverse +engineering for debugging such modifications, if you also do each of +the following: + + a) Give prominent notice with each copy of the Combined Work that + the Library is used in it and that the Library and its use are + covered by this License. + + b) Accompany the Combined Work with a copy of the GNU GPL and this license + document. + + c) For a Combined Work that displays copyright notices during + execution, include the copyright notice for the Library among + these notices, as well as a reference directing the user to the + copies of the GNU GPL and this license document. + + d) Do one of the following: + + 0) Convey the Minimal Corresponding Source under the terms of this + License, and the Corresponding Application Code in a form + suitable for, and under terms that permit, the user to + recombine or relink the Application with a modified version of + the Linked Version to produce a modified Combined Work, in the + manner specified by section 6 of the GNU GPL for conveying + Corresponding Source. + + 1) Use a suitable shared library mechanism for linking with the + Library. A suitable mechanism is one that (a) uses at run time + a copy of the Library already present on the user's computer + system, and (b) will operate properly with a modified version + of the Library that is interface-compatible with the Linked + Version. + + e) Provide Installation Information, but only if you would otherwise + be required to provide such information under section 6 of the + GNU GPL, and only to the extent that such information is + necessary to install and execute a modified version of the + Combined Work produced by recombining or relinking the + Application with a modified version of the Linked Version. (If + you use option 4d0, the Installation Information must accompany + the Minimal Corresponding Source and Corresponding Application + Code. If you use option 4d1, you must provide the Installation + Information in the manner specified by section 6 of the GNU GPL + for conveying Corresponding Source.) + + 5. Combined Libraries. + + You may place library facilities that are a work based on the +Library side by side in a single library together with other library +facilities that are not Applications and are not covered by this +License, and convey such a combined library under terms of your +choice, if you do both of the following: + + a) Accompany the combined library with a copy of the same work based + on the Library, uncombined with any other library facilities, + conveyed under the terms of this License. + + b) Give prominent notice with the combined library that part of it + is a work based on the Library, and explaining where to find the + accompanying uncombined form of the same work. + + 6. Revised Versions of the GNU Lesser General Public License. + + The Free Software Foundation may publish revised and/or new versions +of the GNU Lesser General Public License from time to time. Such new +versions will be similar in spirit to the present version, but may +differ in detail to address new problems or concerns. + + Each version is given a distinguishing version number. If the +Library as you received it specifies that a certain numbered version +of the GNU Lesser General Public License "or any later version" +applies to it, you have the option of following the terms and +conditions either of that published version or of any later version +published by the Free Software Foundation. If the Library as you +received it does not specify a version number of the GNU Lesser +General Public License, you may choose any version of the GNU Lesser +General Public License ever published by the Free Software Foundation. + + If the Library as you received it specifies that a proxy can decide +whether future versions of the GNU Lesser General Public License shall +apply, that proxy's public statement of acceptance of any version is +permanent authorization for you to choose that version for the +Library. \ No newline at end of file -- 2.39.5 From a484810d2fddfde4f67acbbd36acc866f713f1f1 Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Fri, 7 Apr 2023 13:27:34 +0200 Subject: [PATCH 20/24] Fix #6: Display relative timestamps --- src/lib/components/PostComponent.svelte | 20 +++++++++++-- src/lib/relativeTime.ts | 40 +++++++++++++++++++++++++ src/routes/+page.svelte | 2 +- 3 files changed, 58 insertions(+), 4 deletions(-) create mode 100644 src/lib/relativeTime.ts diff --git a/src/lib/components/PostComponent.svelte b/src/lib/components/PostComponent.svelte index 5bc09d2..f15245a 100644 --- a/src/lib/components/PostComponent.svelte +++ b/src/lib/components/PostComponent.svelte @@ -2,10 +2,24 @@ import type { Post } from '$lib/mastodon/response'; import AvatarComponent from '$lib/components/AvatarComponent.svelte'; import AccountComponent from '$lib/components/AccountComponent.svelte'; + import { secondsSince, relativeTime } from '$lib/relativeTime'; + import { onMount } from "svelte"; export let post: Post; - let dateCreated: string; - $: dateCreated = new Date(post.created_at).toLocaleString(); + let displayRelativeTime = false; + const absoluteDate = new Date(post.created_at).toLocaleString(); + let dateCreated = absoluteDate; + const timePassed = secondsSince(new Date(post.created_at)); + $: if(displayRelativeTime) { + dateCreated = relativeTime($timePassed) ?? absoluteDate; + } + + onMount(() => { + // Display relative time only after mount: + // When JS is disabled the server-side rendered absolute date will be shown, + // otherwise the relative date would be outdated very quickly + displayRelativeTime = true; + }) @@ -14,7 +28,7 @@
{@html post.content}
diff --git a/src/lib/relativeTime.ts b/src/lib/relativeTime.ts new file mode 100644 index 0000000..c0955c7 --- /dev/null +++ b/src/lib/relativeTime.ts @@ -0,0 +1,40 @@ +import { derived, readable, type Readable } from 'svelte/store'; + +export const time = readable(new Date(), function start(set) { + const interval = setInterval(() => { + set(new Date()); + }, 10000); //Every 10sec is enough, we don't need that much granularity + + return function stop() { + clearInterval(interval); + }; +}); + +export function secondsSince(date: Date): Readable { + return derived( + time, + $time => Math.round(($time.getTime() - date.getTime()) / 1000) + ); +} + +export function relativeTime(seconds: number): string | null { + const min = 60; + if (seconds < min) { + return 'just now'; + } + + const hour = 60 * min; + if (seconds < hour) { + return `${Math.floor(seconds / min)}min`; + } + + const day = hour * 24; + if (seconds < day) { + return `${(Math.floor(seconds / hour))}h`; + } + const maxRelative = day * 31; + if (seconds < maxRelative) { + return `${seconds % day}d`; + } + return null; +} \ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 97dbe9e..bd4e83e 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -30,7 +30,7 @@ let loadingOlderPosts = false; // Needed, so that edgeFly() can do its thing: // To determine whether a newly loaded post is older than the existing ones, is required to know what the oldest // post was, before the fetch happened. -let oldestBeforeLastFetch: number | null = null; +let oldestBeforeLastFetch: number | null = null; /** * Animate either from the top, or the bottom of the window, depending if the post is -- 2.39.5 From cc180b40f1f4175cc8b6af4508b21b26648d731f Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Fri, 7 Apr 2023 15:57:13 +0200 Subject: [PATCH 21/24] Fix relative time display for everything older than 1 day --- package-lock.json | 341 +--------------------------------------- src/lib/relativeTime.ts | 2 +- 2 files changed, 4 insertions(+), 339 deletions(-) diff --git a/package-lock.json b/package-lock.json index 8abd8d9..930c85e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,13 @@ { "name": "moshing-mammut", - "version": "0.0.1", + "version": "1.1.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "moshing-mammut", - "version": "0.0.1", + "version": "1.1.0", + "license": "LGPL-3.0-or-later", "dependencies": { "dotenv": "^16.0.3", "feed": "^4.2.2", @@ -33,54 +34,6 @@ "vite": "^4.0.0" } }, - "node_modules/@esbuild/android-arm": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.14.tgz", - "integrity": "sha512-0CnlwnjDU8cks0yJLXfkaU/uoLyRf9VZJs4p1PskBr2AlAHeEsFEwJEo0of/Z3g+ilw5mpyDwThlxzNEIxOE4g==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/android-arm64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.14.tgz", - "integrity": "sha512-eLOpPO1RvtsP71afiFTvS7tVFShJBCT0txiv/xjFBo5a7R7Gjw7X0IgIaFoLKhqXYAXhahoXm7qAmRXhY4guJg==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/android-x64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.14.tgz", - "integrity": "sha512-nrfQYWBfLGfSGLvRVlt6xi63B5IbfHm3tZCdu/82zuFPQ7zez4XjmRtF/wIRYbJQ/DsZrxJdEvYFE67avYXyng==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, "node_modules/@esbuild/darwin-arm64": { "version": "0.17.14", "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.14.tgz", @@ -97,294 +50,6 @@ "node": ">=12" } }, - "node_modules/@esbuild/darwin-x64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.14.tgz", - "integrity": "sha512-zN0U8RWfrDttdFNkHqFYZtOH8hdi22z0pFm0aIJPsNC4QQZv7je8DWCX5iA4Zx6tRhS0CCc0XC2m7wKsbWEo5g==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/freebsd-arm64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.14.tgz", - "integrity": "sha512-z0VcD4ibeZWVQCW1O7szaLxGsx54gcCnajEJMdYoYjLiq4g1jrP2lMq6pk71dbS5+7op/L2Aod+erw+EUr28/A==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/freebsd-x64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.14.tgz", - "integrity": "sha512-hd9mPcxfTgJlolrPlcXkQk9BMwNBvNBsVaUe5eNUqXut6weDQH8whcNaKNF2RO8NbpT6GY8rHOK2A9y++s+ehw==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-arm": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.14.tgz", - "integrity": "sha512-BNTl+wSJ1omsH8s3TkQmIIIQHwvwJrU9u1ggb9XU2KTVM4TmthRIVyxSp2qxROJHhZuW/r8fht46/QE8hU8Qvg==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-arm64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.14.tgz", - "integrity": "sha512-FhAMNYOq3Iblcj9i+K0l1Fp/MHt+zBeRu/Qkf0LtrcFu3T45jcwB6A1iMsemQ42vR3GBhjNZJZTaCe3VFPbn9g==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-ia32": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.14.tgz", - "integrity": "sha512-91OK/lQ5y2v7AsmnFT+0EyxdPTNhov3y2CWMdizyMfxSxRqHazXdzgBKtlmkU2KYIc+9ZK3Vwp2KyXogEATYxQ==", - "cpu": [ - "ia32" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-loong64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.14.tgz", - "integrity": "sha512-vp15H+5NR6hubNgMluqqKza85HcGJgq7t6rMH7O3Y6ApiOWPkvW2AJfNojUQimfTp6OUrACUXfR4hmpcENXoMQ==", - "cpu": [ - "loong64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-mips64el": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.14.tgz", - "integrity": "sha512-90TOdFV7N+fgi6c2+GO9ochEkmm9kBAKnuD5e08GQMgMINOdOFHuYLPQ91RYVrnWwQ5683sJKuLi9l4SsbJ7Hg==", - "cpu": [ - "mips64el" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-ppc64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.14.tgz", - "integrity": "sha512-NnBGeoqKkTugpBOBZZoktQQ1Yqb7aHKmHxsw43NddPB2YWLAlpb7THZIzsRsTr0Xw3nqiPxbA1H31ZMOG+VVPQ==", - "cpu": [ - "ppc64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-riscv64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.14.tgz", - "integrity": "sha512-0qdlKScLXA8MGVy21JUKvMzCYWovctuP8KKqhtE5A6IVPq4onxXhSuhwDd2g5sRCzNDlDjitc5sX31BzDoL5Fw==", - "cpu": [ - "riscv64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-s390x": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.14.tgz", - "integrity": "sha512-Hdm2Jo1yaaOro4v3+6/zJk6ygCqIZuSDJHdHaf8nVH/tfOuoEX5Riv03Ka15LmQBYJObUTNS1UdyoMk0WUn9Ww==", - "cpu": [ - "s390x" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-x64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.14.tgz", - "integrity": "sha512-8KHF17OstlK4DuzeF/KmSgzrTWQrkWj5boluiiq7kvJCiQVzUrmSkaBvcLB2UgHpKENO2i6BthPkmUhNDaJsVw==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/netbsd-x64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.14.tgz", - "integrity": "sha512-nVwpqvb3yyXztxIT2+VsxJhB5GCgzPdk1n0HHSnchRAcxqKO6ghXwHhJnr0j/B+5FSyEqSxF4q03rbA2fKXtUQ==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "netbsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/openbsd-x64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.14.tgz", - "integrity": "sha512-1RZ7uQQ9zcy/GSAJL1xPdN7NDdOOtNEGiJalg/MOzeakZeTrgH/DoCkbq7TaPDiPhWqnDF+4bnydxRqQD7il6g==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "openbsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/sunos-x64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.14.tgz", - "integrity": "sha512-nqMjDsFwv7vp7msrwWRysnM38Sd44PKmW8EzV01YzDBTcTWUpczQg6mGao9VLicXSgW/iookNK6AxeogNVNDZA==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "sunos" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/win32-arm64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.14.tgz", - "integrity": "sha512-xrD0mccTKRBBIotrITV7WVQAwNJ5+1va6L0H9zN92v2yEdjfAN7864cUaZwJS7JPEs53bDTzKFbfqVlG2HhyKQ==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/win32-ia32": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.14.tgz", - "integrity": "sha512-nXpkz9bbJrLLyUTYtRotSS3t5b+FOuljg8LgLdINWFs3FfqZMtbnBCZFUmBzQPyxqU87F8Av+3Nco/M3hEcu1w==", - "cpu": [ - "ia32" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/win32-x64": { - "version": "0.17.14", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.14.tgz", - "integrity": "sha512-gPQmsi2DKTaEgG14hc3CHXHp62k8g6qr0Pas+I4lUxRMugGSATh/Bi8Dgusoz9IQ0IfdrvLpco6kujEIBoaogA==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=12" - } - }, "node_modules/@eslint-community/eslint-utils": { "version": "4.4.0", "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz", diff --git a/src/lib/relativeTime.ts b/src/lib/relativeTime.ts index c0955c7..2128a96 100644 --- a/src/lib/relativeTime.ts +++ b/src/lib/relativeTime.ts @@ -34,7 +34,7 @@ export function relativeTime(seconds: number): string | null { } const maxRelative = day * 31; if (seconds < maxRelative) { - return `${seconds % day}d`; + return `${Math.floor(seconds / day)}d`; } return null; } \ No newline at end of file -- 2.39.5 From 2eed6ab4ea2902e8799c2fee6aed0061d3004760 Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Fri, 7 Apr 2023 15:59:27 +0200 Subject: [PATCH 22/24] Add ansible playbook to gitignore --- .gitignore | 3 +++ 1 file changed, 3 insertions(+) diff --git a/.gitignore b/.gitignore index 4af8198..f6342e9 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,8 @@ *.db feed.xml +playbook.yml +inventory.yml +ansible.cfg node_modules /build -- 2.39.5 From cce926866dce0340770ed6b01a0d1a3b73b2e42f Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Fri, 7 Apr 2023 16:47:37 +0200 Subject: [PATCH 23/24] Add icons, fix #5 --- README.md | 18 +++++ faviconDescription.json | 64 ++++++++++++++++++ icon.svg | 7 ++ src/app.html | 14 +++- static/android-chrome-192x192.png | Bin 0 -> 8694 bytes static/android-chrome-512x512.png | Bin 0 -> 24274 bytes .../apple-touch-icon-120x120-precomposed.png | Bin 0 -> 2483 bytes static/apple-touch-icon-120x120.png | Bin 0 -> 2197 bytes .../apple-touch-icon-152x152-precomposed.png | Bin 0 -> 2998 bytes static/apple-touch-icon-152x152.png | Bin 0 -> 2595 bytes .../apple-touch-icon-180x180-precomposed.png | Bin 0 -> 6006 bytes static/apple-touch-icon-180x180.png | Bin 0 -> 2947 bytes static/apple-touch-icon-60x60-precomposed.png | Bin 0 -> 1595 bytes static/apple-touch-icon-60x60.png | Bin 0 -> 1422 bytes static/apple-touch-icon-76x76-precomposed.png | Bin 0 -> 1862 bytes static/apple-touch-icon-76x76.png | Bin 0 -> 1662 bytes static/apple-touch-icon-precomposed.png | Bin 0 -> 6006 bytes static/apple-touch-icon.png | Bin 0 -> 2947 bytes static/browserconfig.xml | 12 ++++ static/favicon-16x16.png | Bin 0 -> 952 bytes static/favicon-32x32.png | Bin 0 -> 1626 bytes static/favicon.ico | Bin 0 -> 15086 bytes static/favicon.png | Bin 1571 -> 0 bytes static/mstile-144x144.png | Bin 0 -> 2926 bytes static/mstile-150x150.png | Bin 0 -> 2929 bytes static/mstile-310x150.png | Bin 0 -> 3184 bytes static/mstile-310x310.png | Bin 0 -> 6290 bytes static/mstile-70x70.png | Bin 0 -> 1988 bytes static/safari-pinned-tab.svg | 28 ++++++++ static/site.webmanifest | 19 ++++++ 30 files changed, 159 insertions(+), 3 deletions(-) create mode 100644 faviconDescription.json create mode 100644 icon.svg create mode 100644 static/android-chrome-192x192.png create mode 100644 static/android-chrome-512x512.png create mode 100644 static/apple-touch-icon-120x120-precomposed.png create mode 100644 static/apple-touch-icon-120x120.png create mode 100644 static/apple-touch-icon-152x152-precomposed.png create mode 100644 static/apple-touch-icon-152x152.png create mode 100644 static/apple-touch-icon-180x180-precomposed.png create mode 100644 static/apple-touch-icon-180x180.png create mode 100644 static/apple-touch-icon-60x60-precomposed.png create mode 100644 static/apple-touch-icon-60x60.png create mode 100644 static/apple-touch-icon-76x76-precomposed.png create mode 100644 static/apple-touch-icon-76x76.png create mode 100644 static/apple-touch-icon-precomposed.png create mode 100644 static/apple-touch-icon.png create mode 100644 static/browserconfig.xml create mode 100644 static/favicon-16x16.png create mode 100644 static/favicon-32x32.png create mode 100644 static/favicon.ico delete mode 100644 static/favicon.png create mode 100644 static/mstile-144x144.png create mode 100644 static/mstile-150x150.png create mode 100644 static/mstile-310x150.png create mode 100644 static/mstile-310x310.png create mode 100644 static/mstile-70x70.png create mode 100644 static/safari-pinned-tab.svg create mode 100644 static/site.webmanifest diff --git a/README.md b/README.md index a4bcbec..3a41123 100644 --- a/README.md +++ b/README.md @@ -115,3 +115,21 @@ Verify that everything is okay with `service moshing-mammut status`. The app should now be reachable on http://localhost:3000 or whatever you configured your domain to be! +# Icons + +Favicon is a combination of [speaker-line by remix icon](https://remixicon.com/icon/speaker-line) +and [the official Mastodon icon](https://joinmastodon.org/en/branding). + +It has been mushed together by me, saved as SVG file in [icon.svg](./icon.svg) +and turned into a slew of icons by [https://realfavicongenerator.net/](https://realfavicongenerator.net/): + +```sh +npm install -g cli-real-favicon +real-favicon generate faviconDescription.json faviconData.json static +``` + +Other icons: + +- [error-warning-fill by remix icon](https://remixicon.com/icon/error-warning-fill) +- [git-branch-fill by remix icon](https://remixicon.com/icon/git-branch-fill) +- [rss-fill by remix icon](https://remixicon.com/icon/rss-line) diff --git a/faviconDescription.json b/faviconDescription.json new file mode 100644 index 0000000..edc8e91 --- /dev/null +++ b/faviconDescription.json @@ -0,0 +1,64 @@ + +{ + "masterPicture": "./icon.svg", + "iconsPath": "/static", + "design": { + "ios": { + "pictureAspect": "backgroundAndMargin", + "backgroundColor": "#ffffff", + "margin": "0%", + "assets": { + "ios6AndPriorIcons": false, + "ios7AndLaterIcons": true, + "precomposedIcons": true, + "declareOnlyDefaultIcon": true + }, + "appName": "Moshing Mammut" + }, + "desktopBrowser": { + "design": "raw" + }, + "windows": { + "pictureAspect": "whiteSilhouette", + "backgroundColor": "#2e0b78", + "onConflict": "override", + "assets": { + "windows80Ie10Tile": false, + "windows10Ie11EdgeTiles": { + "small": true, + "medium": true, + "big": true, + "rectangle": true + } + }, + "appName": "Moshing Mammut" + }, + "androidChrome": { + "pictureAspect": "noChange", + "themeColor": "#2e0b78", + "manifest": { + "name": "Moshing Mammut", + "display": "standalone", + "orientation": "notSet", + "onConflict": "override", + "declared": true + }, + "assets": { + "legacyIcon": false, + "lowResolutionIcons": false + } + }, + "safariPinnedTab": { + "pictureAspect": "blackAndWhite", + "threshold": 27.5, + "themeColor": "#2e0b78" + } + }, + "settings": { + "scalingAlgorithm": "Mitchell", + "errorOnImageTooSmall": false, + "readmeFile": false, + "htmlCodeFile": false, + "usePathAsIs": false + } +} \ No newline at end of file diff --git a/icon.svg b/icon.svg new file mode 100644 index 0000000..c609fc8 --- /dev/null +++ b/icon.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/app.html b/src/app.html index 96a0a61..52aae12 100644 --- a/src/app.html +++ b/src/app.html @@ -2,11 +2,19 @@ - + + + + + + + + + - - + + %sveltekit.head%