check for missed posts

updated dependencies, fixed sorting
update to svelte 5
2025-06-15 07:01:45 +02:00 · 2025-03-26 08:36:20 +01:00 · 2024-10-29 16:26:07 +01:00 · 2024-09-24 14:47:50 +02:00 · 2024-09-24 12:05:36 +02:00 · 2024-01-22 17:33:31 +01:00
17 changed files with 3581 additions and 2329 deletions
--- a/.env.EXAMPLE
+++ b/.env.EXAMPLE
@ -2,6 +2,7 @@ HASHTAG_FILTER = ichlausche,music,musik,nowplaying,tunetuesday,nowlistening
 YOUTUBE_API_KEY = CHANGE_ME
 ODESLI_API_KEY = CHANGE_ME
 MASTODON_INSTANCE = 'metalhead.club'
+MASTODON_ACCESS_TOKEN = 'YOUR_ACCESS_TOKEN_HERE'
 BASE_URL = 'https://moshingmammut.phlaym.net'
 VERBOSE = false
 IGNORE_USERS = @moshhead@metalhead.club
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@ -1,16 +1,25 @@
 module.exports = {
  root: true,
  parser: '@typescript-eslint/parser',
-  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
-  plugins: ['svelte3', '@typescript-eslint'],
+  extends: ['plugin:svelte/recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+  plugins: ['@typescript-eslint'],
  ignorePatterns: ['*.cjs'],
-  overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
+  overrides: [
+    {
+      files: ['*.svelte'],
+      parser: 'svelte-eslint-parser',
+      parserOptions: {
+        parser: '@typescript-eslint/parser'
+      }
+    }
+  ],
  settings: {
    'svelte3/typescript': () => require('typescript')
  },
  parserOptions: {
    sourceType: 'module',
-    ecmaVersion: 2020
+    ecmaVersion: 2020,
+    extraFileExtensions: ['.svelte']
  },
  env: {
    browser: true,
--- a/README.md
+++ b/README.md
@ -65,7 +65,7 @@ Set up NVM:

 ```
 $ cd
-$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh
+$ curl https://raw.githubusercontent.com/nvm-sh/nvm/refs/heads/master/install.sh | bash
 $ source ~/.nvm/nvm.sh
 $ nvm install --lts
 ```
@ -103,6 +103,13 @@ because the API is the only way to check if a YouTube link leads to music or som

 If `ODESLI_API_KEY` is unset, your rate limit to the song.link API will be lower.

+Add `MASTODON_ACCESS_TOKEN` as well, see [Creating our application
+
+](https://docs.joinmastodon.org/client/token/#app) in the Mastodon documentation.
+`read:statuses` is the only required scope. An access token will be displayed in your settings. Use that!
+
+There are currently no plans to implement an actual authentication flow.
+
 Run `npm run build` and copy the output folder, usually `build` to `$APP_DIR` on your server.

 #### On your server again
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "moshing-mammut",
-  "version": "1.3.1",
+  "version": "1.3.2",
  "private": true,
  "license": "LGPL-3.0-or-later",
  "scripts": {
@ -14,34 +14,35 @@
    "format": "prettier --plugin-search-dir . --write ."
  },
  "devDependencies": {
-    "@sveltejs/adapter-node": "^1.2.3",
-    "@sveltejs/kit": "^1.5.0",
-    "@types/node": "^18.16.3",
-    "@types/sqlite3": "^3.1.8",
-    "@types/ws": "^8.5.4",
-    "@typescript-eslint/eslint-plugin": "^5.45.0",
-    "@typescript-eslint/parser": "^5.45.0",
+    "@sveltejs/adapter-node": "^5.2.12",
+    "@sveltejs/kit": "^2.21.5",
+    "@sveltejs/vite-plugin-svelte": "^5.0.0",
+    "@types/node": "^22.6.1",
+    "@types/sqlite3": "^3.0.0",
+    "@types/ws": "^8.5.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
    "@zerodevx/svelte-toast": "^0.9.3",
-    "eslint": "^8.28.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-svelte3": "^4.0.0",
-    "prettier": "^2.8.0",
-    "prettier-plugin-svelte": "^2.8.1",
-    "svelte": "^3.54.0",
-    "svelte-check": "^3.0.1",
-    "tslib": "^2.4.1",
-    "typescript": "^4.9.3",
-    "vite": "^4.0.0"
+    "eslint": "^9.11.1",
+    "eslint-config-prettier": "^10.0.0",
+    "eslint-plugin-svelte": "^3.0.0",
+    "prettier": "^3.1.0",
+    "prettier-plugin-svelte": "^3.2.6",
+    "svelte": "^5",
+    "svelte-check": "^4.0.0",
+    "tslib": "^2.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^6.0.0"
  },
  "type": "module",
  "dependencies": {
    "dotenv": "^16.0.3",
-    "feed": "^4.2.2",
-    "sharp": "^0.32.0",
-    "sqlite3": "^5.1.6",
-    "ws": "^8.13.0"
+    "feed": "^5.1.0",
+    "sharp": "^0.34.2",
+    "sqlite3": "^5.0.0",
+    "ws": "^8.18.0"
  },
  "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.0.0"
  }
 }
--- a/src/app.html
+++ b/src/app.html
@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
  <head>
    <meta charset="utf-8" />
@ -54,9 +54,22 @@

        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';
+        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 {
--- a/src/hooks.server.ts
+++ b/src/hooks.server.ts
@ -1,9 +1,10 @@
 import { log } from '$lib/log';
 import { TimelineReader } from '$lib/server/timeline';
-import type { HandleServerError } from '@sveltejs/kit';
+import type { Handle, HandleServerError } from '@sveltejs/kit';
 import { error } from '@sveltejs/kit';
 import fs from 'fs/promises';

+log.log('App startup');
 TimelineReader.init();

 export const handleError = (({ error }) => {
@ -16,8 +17,6 @@ export const handleError = (({ error }) => {
  };
 }) satisfies HandleServerError;

-import type { Handle } from '@sveltejs/kit';
-
 export const handle = (async ({ event, resolve }) => {
  // Reeder *insists* on checking /feed instead of /feed.xml
  if (event.url.pathname === '/feed') {
@ -53,7 +52,7 @@ export const handle = (async ({ event, resolve }) => {
      return new Response(f, { headers: [['Content-Type', 'image/' + suffix]] });
    } catch (e) {
      log.error('no stream', e);
-      throw error(404);
+      error(404);
    }
  }

--- a/src/lib/components/AccountComponent.svelte
+++ b/src/lib/components/AccountComponent.svelte
@ -1,7 +1,11 @@
 <script lang="ts">
  import type { Account } from '$lib/mastodon/response';

-  export let account: Account;
+  interface Props {
+    account: Account;
+  }
+
+  let { account }: Props = $props();
 </script>

 <a href={account.url} target="_blank">{account.display_name} @{account.acct}</a>
--- a/src/lib/components/AvatarComponent.svelte
+++ b/src/lib/components/AvatarComponent.svelte
@ -1,11 +1,13 @@
 <script lang="ts">
  import type { Account } from '$lib/mastodon/response';

-  export let account: Account;
-  let avatarDescription: string;
-  let sourceSetHtml: string;
-  $: avatarDescription = `Avatar for ${account.acct}`;
-  $: {
+  interface Props {
+    account: Account;
+  }
+
+  let { account }: Props = $props();
+  let avatarDescription: string = $derived(`Avatar for ${account.acct}`);
+  let sourceSetHtml: string = $derived.by(() => {
    // Sort thumbnails by file type. This is important, because the order of the srcset entries matter.
    // We need the best format to be first
    const formatPriority = new Map<string, number>([
@ -14,7 +16,7 @@
      ['jpg', 99],
      ['jpeg', 99]
    ]);
-    const resizedAvatars = (account.resizedAvatars ?? []).sort((a, b) => {
+    const resizedAvatars = (account.resizedAvatars ?? []).toSorted((a, b) => {
      const extensionA = a.file.split('.').pop() ?? '';
      const extensionB = b.file.split('.').pop() ?? '';
      const prioA = formatPriority.get(extensionA) ?? 3;
@ -33,8 +35,8 @@
      const srcset = entry[1].join(', ');
      html += `<source srcset="${srcset}" type="${entry[0]}" />`;
    }
-    sourceSetHtml = html;
-  }
+    return html;
+  });
 </script>

 <picture>
--- a/src/lib/components/LoadMoreComponent.svelte
+++ b/src/lib/components/LoadMoreComponent.svelte
@ -1,31 +1,34 @@
 <script lang="ts">
-  import { createEventDispatcher } from 'svelte';
  import LoadingSpinnerComponent from '$lib/components/LoadingSpinnerComponent.svelte';

-  export let moreAvailable = false;
-  export let isLoading = false;
-  let displayText = '';
-  let title = '';
-  let disabled: boolean;
-
-  $: if (isLoading) {
-    displayText = 'Loading...';
-  } else if (!moreAvailable) {
-    displayText = 'You reached the end';
-  } else {
-    displayText = 'Load More';
+  interface Props {
+    moreAvailable?: boolean;
+    isLoading?: boolean;
+    loadOlderPosts: any;
  }
-  $: disabled = !moreAvailable || isLoading;
-  $: title = moreAvailable ? 'Load More' : 'There be dragons!';

-  const dispatch = createEventDispatcher();
+  let { moreAvailable = false, isLoading = false, loadOlderPosts }: Props = $props();
+  let displayText = $derived.by(() => {
+    if (isLoading) {
+      return 'Loading...';
+    } else if (!moreAvailable) {
+      return 'You reached the end';
+    }
+    return 'Load More';
+  });
+  let title = $derived(moreAvailable ? 'Load More' : 'There be dragons!');
+  let disabled: boolean = $derived(!moreAvailable || isLoading);

-  function loadOlderPosts() {
-    dispatch('loadOlderPosts');
-  }
+  /*const dispatch = createEventDispatcher<{
+  loadOlderPosts: string;
+}>();
+
+function loadOlderPosts() {
+  dispatch('loadOlderPosts');
+}*/
 </script>

-<button on:click={loadOlderPosts} {disabled} {title}>
+<button onclick={() => loadOlderPosts()} {disabled} {title}>
  <div class="loading" class:collapsed={!isLoading}>
    <LoadingSpinnerComponent size="0.5em" thickness="6px" />
  </div>
--- a/src/lib/components/LoadingSpinnerComponent.svelte
+++ b/src/lib/components/LoadingSpinnerComponent.svelte
@ -1,9 +1,13 @@
 <script lang="ts">
-  export let size = '64px';
-  export let thickness = '6px';
+  interface Props {
+    size?: string;
+    thickness?: string;
+  }
+
+  let { size = '64px', thickness = '6px' }: Props = $props();
 </script>

-<div class="lds-dual-ring" style="--size: {size}; --thickness: {thickness}" />
+<div class="lds-dual-ring" style="--size: {size}; --thickness: {thickness}"></div>

 <style>
  .lds-dual-ring {
--- a/src/lib/components/PostComponent.svelte
+++ b/src/lib/components/PostComponent.svelte
@ -6,15 +6,21 @@
  import { secondsSince, relativeTime } from '$lib/relativeTime';
  import { onMount } from 'svelte';

-  export let post: Post;
-  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;
+  interface Props {
+    post: Post;
  }

+  let { post }: Props = $props();
+  let displayRelativeTime = $state(false);
+  const absoluteDate = new Date(post.created_at).toLocaleString();
+  const timePassed = secondsSince(new Date(post.created_at));
+  let dateCreated = $derived.by(() => {
+    if (displayRelativeTime) {
+      return relativeTime($timePassed) ?? absoluteDate;
+    }
+    return absoluteDate;
+  });
+
  const songs = filterDuplicates(post.songs ?? []);

  function filterDuplicates(songs: SongInfo[]): SongInfo[] {
@ -59,7 +65,7 @@
      ['jpg', 99],
      ['jpeg', 99]
    ]);
-    const thumbs = (song.resizedThumbnails ?? []).sort((a, b) => {
+    const thumbs = (song.resizedThumbnails ?? []).toSorted((a, b) => {
      const extensionA = a.file.split('.').pop() ?? '';
      const extensionB = b.file.split('.').pop() ?? '';
      const prioA = formatPriority.get(extensionA) ?? 3;
--- a/src/lib/server/db.ts
+++ b/src/lib/server/db.ts
@ -479,11 +479,11 @@ function saveSongInfoData(postUrl: string, songs: SongInfo[]): Promise<void> {
 }

 export async function savePost(post: Post, songs: SongInfo[]) {
+  log.debug(`Saving post ${post.url}`);
  if (!databaseReady) {
    await waitReady();
  }

-  log.debug(`Saving post ${post.url}`);
  const account = post.account;
  await saveAccountData(account);
  log.debug(`Saved account data ${post.url}`);
--- a/src/lib/server/timeline.ts
+++ b/src/lib/server/timeline.ts
@ -1,5 +1,6 @@
 import {
  HASHTAG_FILTER,
+  MASTODON_ACCESS_TOKEN,
  MASTODON_INSTANCE,
  ODESLI_API_KEY,
  YOUTUBE_API_KEY
@ -223,7 +224,7 @@ export class TimelineReader {
                  accountUrl: accountUrl,
                  file: fn,
                  sizeDescriptor: `${i}x`
-                } as AccountAvatar)
+                }) as AccountAvatar
            )
            .then(saveAvatar)
        )
@ -260,7 +261,7 @@ export class TimelineReader {
                  file: fn,
                  sizeDescriptor: `${i}x`,
                  kind: kind
-                } as SongThumbnailImage)
+                }) as SongThumbnailImage
            )
            .then(saveSongThumbnail)
        )
@ -351,48 +352,54 @@ export class TimelineReader {
    }
  }

+  private async checkAndSavePost(post: Post) {
+    const hashttags: string[] = HASHTAG_FILTER.split(',');
+    const found_tags: Tag[] = post.tags.filter((t: Tag) => hashttags.includes(t.name));
+
+    const songs = await TimelineReader.getSongInfoInPost(post);
+
+    // If we don't have any tags or non-youtube urls, check youtube
+    // YT is handled separately, because it requires an API call and therefore is slower
+    if (songs.length === 0 && found_tags.length === 0) {
+      log.log('Ignoring post', post.url);
+      return;
+    }
+
+    await savePost(post, songs);
+
+    await TimelineReader.saveAvatar(post.account);
+    await TimelineReader.saveSongThumbnails(songs);
+
+    log.debug('Saved post', post.url);
+
+    const posts = await getPosts(null, null, 100);
+    await saveAtomFeed(createFeed(posts));
+  }
+
  private startWebsocket() {
-    const socket = new WebSocket(`wss://${MASTODON_INSTANCE}/api/v1/streaming`);
+    const socket = new WebSocket(
+      `wss://${MASTODON_INSTANCE}/api/v1/streaming?type=subscribe&stream=public:local&access_token=${MASTODON_ACCESS_TOKEN}`
+    );
    socket.onopen = () => {
      log.log('Connected to WS');
-      socket.send('{ "type": "subscribe", "stream": "public:local"}');
    };
    socket.onmessage = async (event) => {
      try {
        const data: TimelineEvent = JSON.parse(event.data.toString());
        if (data.event !== 'update') {
+          log.log('Ignoring ES event', data.event);
          return;
        }
        const post: Post = JSON.parse(data.payload);
-
-        const hashttags: string[] = HASHTAG_FILTER.split(',');
-        const found_tags: Tag[] = post.tags.filter((t: Tag) => hashttags.includes(t.name));
-
-        const songs = await TimelineReader.getSongInfoInPost(post);
-
-        // If we don't have any tags or non-youtube urls, check youtube
-        // YT is handled separately, because it requires an API call and therefore is slower
-        if (songs.length === 0 && found_tags.length === 0) {
-          log.log('Ignoring post', post.url);
-          return;
-        }
-
-        await savePost(post, songs);
-
-        await TimelineReader.saveAvatar(post.account);
-        await TimelineReader.saveSongThumbnails(songs);
-
-        log.debug('Saved post', post.url);
-
-        const posts = await getPosts(null, null, 100);
-        await saveAtomFeed(createFeed(posts));
+        await this.checkAndSavePost(post);
      } catch (e) {
        log.error('error message', event, event.data, e);
      }
    };
    socket.onclose = (event) => {
      log.warn(
-        `Websocket connection to ${MASTODON_INSTANCE} closed. Code: ${event.code}, reason: '${event.reason}'`
+        `Websocket connection to ${MASTODON_INSTANCE} closed. Code: ${event.code}, reason: '${event.reason}'`,
+        event
      );
      setTimeout(() => {
        log.info(`Attempting to reconenct to WS`);
@ -406,11 +413,42 @@ export class TimelineReader {
    };
  }

+  private async loadPostsSinceLastRun() {
+    const now = new Date().toISOString();
+    let latestPost = await getPosts(null, now, 1);
+    log.log('Last post in DB since', now, latestPost);
+    let u = new URL(`https://${MASTODON_INSTANCE}/api/v1/timelines/public?local=true&limit=40`);
+    if (latestPost.length > 0) {
+      u.searchParams.append('since_id', latestPost[0].id);
+    }
+    for (let tag of HASHTAG_FILTER.split(',')) {
+      u.searchParams.append('q', '#' + tag);
+    }
+    const headers = {
+      Authorization: `Bearer ${MASTODON_ACCESS_TOKEN}`
+    };
+    const latestPosts: Post[] = await fetch(u, { headers }).then((r) => r.json());
+    log.info('searched posts', latestPosts);
+    for (const post of latestPosts) {
+      await this.checkAndSavePost(post);
+    }
+  }
+
  private constructor() {
+    log.log('Constructing timeline object');
    this.startWebsocket();
+
+    this.loadPostsSinceLastRun()
+      .then((_) => {
+        log.info('loaded posts since last run');
+      })
+      .catch((e) => {
+        log.error('cannot fetch latest posts', e);
+      });
  }

  public static init() {
+    log.log('Timeline object init');
    if (this._instance === undefined) {
      this._instance = new TimelineReader();
    }
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@ -1,6 +1,11 @@
 <script lang="ts">
  import FooterComponent from '$lib/components/FooterComponent.svelte';
  import { SvelteToast } from '@zerodevx/svelte-toast';
+  interface Props {
+    children?: import('svelte').Snippet;
+  }
+
+  let { children }: Props = $props();

  const options = {
    pausable: true,
@ -8,7 +13,7 @@
  };
 </script>

-<slot />
+{@render children?.()}
 <SvelteToast {options} />
 <div class="footer">
  <FooterComponent />
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@ -12,7 +12,12 @@
  import { cubicInOut } from 'svelte/easing';
  import { errorToast } from '$lib/errorToast';

-  export let data: PageData;
+  interface Props {
+    data: PageData;
+  }
+
+  let { data = $bindable() }: Props = $props();
+  let posts: Post[] = $state(data.posts);

  interface FetchOptions {
    since?: string;
@ -26,8 +31,8 @@

  const refreshInterval = parseInt(PUBLIC_REFRESH_INTERVAL);
  let interval: ReturnType<typeof setTimeout> | null = null;
-  let moreOlderPostsAvailable = true;
-  let loadingOlderPosts = false;
+  let moreOlderPostsAvailable = $state(true);
+  let loadingOlderPosts = $state(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
@ -40,11 +45,11 @@
   */
  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 diffNewest = Math.abs(new Date(posts[0].created_at).getTime() - createdAt);
    const oldest =
      oldestBeforeLastFetch !== null
        ? oldestBeforeLastFetch
-        : new Date(data.posts[data.posts.length - 1].created_at).getTime();
+        : new Date(posts[posts.length - 1].created_at).getTime();
    const diffOldest = Math.abs(oldest - createdAt);
    const fromTop = diffNewest <= diffOldest;

@ -79,15 +84,15 @@

  function refresh() {
    let filter: FetchOptions = {};
-    if (data.posts.length > 0) {
-      filter = { since: data.posts[0].created_at };
+    if (posts.length > 0) {
+      filter = { since: posts[0].created_at };
    }
    fetchPosts(filter)
      .then((resp) => {
        if (resp.length > 0) {
          // Prepend new posts, filter dupes
          // There shouldn't be any duplicates, but better be safe than sorry
-          data.posts = filterDuplicates(resp.concat(data.posts));
+          posts = filterDuplicates(resp.concat(posts));
        }
      })
      .catch((e: Error) => {
@ -96,8 +101,9 @@
  }

  onMount(async () => {
-    if (data.posts.length > 0) {
-      oldestBeforeLastFetch = new Date(data.posts[data.posts.length - 1].created_at).getTime();
+    posts = data.posts;
+    if (posts.length > 0) {
+      oldestBeforeLastFetch = new Date(posts[posts.length - 1].created_at).getTime();
    }
    interval = setInterval(refresh, refreshInterval);

@ -121,8 +127,8 @@
  function loadOlderPosts() {
    loadingOlderPosts = true;
    const filter: FetchOptions = { count: 20 };
-    if (data.posts.length > 0) {
-      const before = data.posts[data.posts.length - 1].created_at;
+    if (posts.length > 0) {
+      const before = posts[posts.length - 1].created_at;
      filter.before = before;
      oldestBeforeLastFetch = new Date(before).getTime();
    }
@ -132,7 +138,7 @@
        if (resp.length > 0) {
          // Append old posts, filter dupes
          // There shouldn't be any duplicates, but better be safe than sorry
-          data.posts = filterDuplicates(data.posts.concat(resp));
+          posts = filterDuplicates(posts.concat(resp));
          // If we got less than we expected, there are no older posts available
          moreOlderPostsAvailable = resp.length >= (filter.count ?? 20);
        } else {
@ -152,15 +158,15 @@
 </svelte:head>
 <h2>{PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME} music list</h2>
 <div class="wrapper">
-  <div />
+  <div></div>
  <div class="posts">
-    {#if data.posts.length === 0}
+    {#if posts.length === 0}
      Sorry, no posts recommending music have been found yet
    {/if}
-    {#each data.posts as post (post.url)}
+    {#each posts as post (post.url)}
      <div
        class="post"
-        transition:edgeFly={{
+        transition:edgeFly|global={{
          y: 10,
          created_at: post.created_at,
          duration: 300,
@ -171,12 +177,12 @@
      </div>
    {/each}
    <LoadMoreComponent
-      on:loadOlderPosts={loadOlderPosts}
+      {loadOlderPosts}
      moreAvailable={moreOlderPostsAvailable}
      isLoading={loadingOlderPosts}
    />
  </div>
-  <div />
+  <div></div>
 </div>

 <style>
--- a/svelte.config.js
+++ b/svelte.config.js
@ -1,5 +1,5 @@
 import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/kit/vite';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';

 /** @type {import('@sveltejs/kit').Config} */
 const config = {
Author	SHA1	Message	Date
Max Nuding	3c6e742e43	check for missed posts	2025-06-15 07:01:45 +02:00
Max Nuding	7296582b0d	updated dependencies, fixed sorting	2025-03-26 08:36:20 +01:00
Max Nuding	66f09cf5a3	update to svelte 5	2024-10-29 16:26:07 +01:00
Max Nuding	d39ccba927	minor refactors and additional logs	2024-09-24 14:47:50 +02:00
Max Nuding	498b1d82d9	Update dependencies	2024-09-24 12:05:36 +02:00
Max Nuding	79405cd08c	Update dependencies & version	2024-01-22 17:33:31 +01:00
Max Nuding	39c9689af4	Format	2024-01-22 17:26:49 +01:00
Max Nuding	ad7c8af9de	Migrate to Sveltekit 2.0	2024-01-22 17:26:36 +01:00
Max Nuding	f1cb0b2159	Migrate to Svelte 4	2024-01-22 16:26:06 +01:00
Max Nuding	049cd86ae0	Update dependencies	2024-01-22 16:06:43 +01:00
Max Nuding	aab4433a55	Add oauth token to websocket connection	2023-10-15 19:39:36 +02:00