Compare commits
10 Commits
Author | SHA1 | Date | |
---|---|---|---|
d39ccba927 | |||
498b1d82d9 | |||
79405cd08c | |||
39c9689af4 | |||
ad7c8af9de | |||
f1cb0b2159 | |||
049cd86ae0 | |||
aab4433a55 | |||
d3b599738e | |||
ba89182791 |
@ -2,6 +2,7 @@ HASHTAG_FILTER = ichlausche,music,musik,nowplaying,tunetuesday,nowlistening
|
|||||||
YOUTUBE_API_KEY = CHANGE_ME
|
YOUTUBE_API_KEY = CHANGE_ME
|
||||||
ODESLI_API_KEY = CHANGE_ME
|
ODESLI_API_KEY = CHANGE_ME
|
||||||
MASTODON_INSTANCE = 'metalhead.club'
|
MASTODON_INSTANCE = 'metalhead.club'
|
||||||
|
MASTODON_ACCESS_TOKEN = 'YOUR_ACCESS_TOKEN_HERE'
|
||||||
BASE_URL = 'https://moshingmammut.phlaym.net'
|
BASE_URL = 'https://moshingmammut.phlaym.net'
|
||||||
VERBOSE = false
|
VERBOSE = false
|
||||||
IGNORE_USERS = @moshhead@metalhead.club
|
IGNORE_USERS = @moshhead@metalhead.club
|
||||||
|
@ -1,16 +1,25 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
root: true,
|
root: true,
|
||||||
parser: '@typescript-eslint/parser',
|
parser: '@typescript-eslint/parser',
|
||||||
extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
|
extends: ['plugin:svelte/recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
|
||||||
plugins: ['svelte3', '@typescript-eslint'],
|
plugins: ['@typescript-eslint'],
|
||||||
ignorePatterns: ['*.cjs'],
|
ignorePatterns: ['*.cjs'],
|
||||||
overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
|
overrides: [
|
||||||
|
{
|
||||||
|
files: ['*.svelte'],
|
||||||
|
parser: 'svelte-eslint-parser',
|
||||||
|
parserOptions: {
|
||||||
|
parser: '@typescript-eslint/parser'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
settings: {
|
settings: {
|
||||||
'svelte3/typescript': () => require('typescript')
|
'svelte3/typescript': () => require('typescript')
|
||||||
},
|
},
|
||||||
parserOptions: {
|
parserOptions: {
|
||||||
sourceType: 'module',
|
sourceType: 'module',
|
||||||
ecmaVersion: 2020
|
ecmaVersion: 2020,
|
||||||
|
extraFileExtensions: ['.svelte']
|
||||||
},
|
},
|
||||||
env: {
|
env: {
|
||||||
browser: true,
|
browser: true,
|
||||||
|
@ -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.
|
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.
|
Run `npm run build` and copy the output folder, usually `build` to `$APP_DIR` on your server.
|
||||||
|
|
||||||
#### On your server again
|
#### On your server again
|
||||||
|
4353
package-lock.json
generated
4353
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
43
package.json
43
package.json
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "moshing-mammut",
|
"name": "moshing-mammut",
|
||||||
"version": "1.4.1",
|
"version": "1.3.2",
|
||||||
"private": true,
|
"private": true,
|
||||||
"license": "LGPL-3.0-or-later",
|
"license": "LGPL-3.0-or-later",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
@ -14,34 +14,35 @@
|
|||||||
"format": "prettier --plugin-search-dir . --write ."
|
"format": "prettier --plugin-search-dir . --write ."
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@sveltejs/adapter-node": "^1.2.3",
|
"@sveltejs/adapter-node": "^5.0.0",
|
||||||
"@sveltejs/kit": "^1.5.0",
|
"@sveltejs/kit": "^2.0.0",
|
||||||
"@types/node": "^18.16.3",
|
"@sveltejs/vite-plugin-svelte": "^3.0.0",
|
||||||
"@types/sqlite3": "^3.1.8",
|
"@types/node": "^22.6.1",
|
||||||
"@types/ws": "^8.5.4",
|
"@types/sqlite3": "^3.0.0",
|
||||||
"@typescript-eslint/eslint-plugin": "^5.45.0",
|
"@types/ws": "^8.5.0",
|
||||||
"@typescript-eslint/parser": "^5.45.0",
|
"@typescript-eslint/eslint-plugin": "^8.0.0",
|
||||||
|
"@typescript-eslint/parser": "^8.0.0",
|
||||||
"@zerodevx/svelte-toast": "^0.9.3",
|
"@zerodevx/svelte-toast": "^0.9.3",
|
||||||
"eslint": "^8.28.0",
|
"eslint": "^9.11.1",
|
||||||
"eslint-config-prettier": "^8.5.0",
|
"eslint-config-prettier": "^9.0.0",
|
||||||
"eslint-plugin-svelte3": "^4.0.0",
|
"eslint-plugin-svelte": "^2.0.0",
|
||||||
"prettier": "^2.8.0",
|
"prettier": "^3.0.0",
|
||||||
"prettier-plugin-svelte": "^2.8.1",
|
"prettier-plugin-svelte": "^3.0.0",
|
||||||
"svelte": "^3.54.0",
|
"svelte": "^4.0.0",
|
||||||
"svelte-check": "^3.0.1",
|
"svelte-check": "^4.0.0",
|
||||||
"tslib": "^2.4.1",
|
"tslib": "^2.4.1",
|
||||||
"typescript": "^4.9.3",
|
"typescript": "^5.0.0",
|
||||||
"vite": "^4.0.0"
|
"vite": "^5.0.0"
|
||||||
},
|
},
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"dotenv": "^16.0.3",
|
"dotenv": "^16.0.3",
|
||||||
"feed": "^4.2.2",
|
"feed": "^4.2.2",
|
||||||
"sharp": "^0.32.0",
|
"sharp": "^0.33.0",
|
||||||
"sqlite3": "^5.1.6",
|
"sqlite3": "^5.0.0",
|
||||||
"ws": "^8.13.0"
|
"ws": "^8.18.0"
|
||||||
},
|
},
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=18.0.0"
|
"node": ">=20.0.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
21
src/app.html
21
src/app.html
@ -1,4 +1,4 @@
|
|||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
@ -54,9 +54,22 @@
|
|||||||
|
|
||||||
color: var(--color-text);
|
color: var(--color-text);
|
||||||
background-color: var(--color-bg);
|
background-color: var(--color-bg);
|
||||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans,
|
font-family:
|
||||||
Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
|
system-ui,
|
||||||
'Segoe UI Emoji', 'Segoe UI Symbol';
|
-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 {
|
||||||
|
@ -1,9 +1,10 @@
|
|||||||
import { log } from '$lib/log';
|
import { log } from '$lib/log';
|
||||||
import { TimelineReader } from '$lib/server/timeline';
|
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 { error } from '@sveltejs/kit';
|
||||||
import fs from 'fs/promises';
|
import fs from 'fs/promises';
|
||||||
|
|
||||||
|
log.log('App startup');
|
||||||
TimelineReader.init();
|
TimelineReader.init();
|
||||||
|
|
||||||
export const handleError = (({ error }) => {
|
export const handleError = (({ error }) => {
|
||||||
@ -16,8 +17,6 @@ export const handleError = (({ error }) => {
|
|||||||
};
|
};
|
||||||
}) satisfies HandleServerError;
|
}) satisfies HandleServerError;
|
||||||
|
|
||||||
import type { Handle } from '@sveltejs/kit';
|
|
||||||
|
|
||||||
export const handle = (async ({ event, resolve }) => {
|
export const handle = (async ({ event, resolve }) => {
|
||||||
// Reeder *insists* on checking /feed instead of /feed.xml
|
// Reeder *insists* on checking /feed instead of /feed.xml
|
||||||
if (event.url.pathname === '/feed') {
|
if (event.url.pathname === '/feed') {
|
||||||
@ -53,7 +52,7 @@ export const handle = (async ({ event, resolve }) => {
|
|||||||
return new Response(f, { headers: [['Content-Type', 'image/' + suffix]] });
|
return new Response(f, { headers: [['Content-Type', 'image/' + suffix]] });
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
log.error('no stream', e);
|
log.error('no stream', e);
|
||||||
throw error(404);
|
error(404);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -18,7 +18,9 @@
|
|||||||
$: disabled = !moreAvailable || isLoading;
|
$: disabled = !moreAvailable || isLoading;
|
||||||
$: title = moreAvailable ? 'Load More' : 'There be dragons!';
|
$: title = moreAvailable ? 'Load More' : 'There be dragons!';
|
||||||
|
|
||||||
const dispatch = createEventDispatcher();
|
const dispatch = createEventDispatcher<{
|
||||||
|
loadOlderPosts: string;
|
||||||
|
}>();
|
||||||
|
|
||||||
function loadOlderPosts() {
|
function loadOlderPosts() {
|
||||||
dispatch('loadOlderPosts');
|
dispatch('loadOlderPosts');
|
||||||
|
@ -479,11 +479,11 @@ function saveSongInfoData(postUrl: string, songs: SongInfo[]): Promise<void> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export async function savePost(post: Post, songs: SongInfo[]) {
|
export async function savePost(post: Post, songs: SongInfo[]) {
|
||||||
|
log.debug(`Saving post ${post.url}`);
|
||||||
if (!databaseReady) {
|
if (!databaseReady) {
|
||||||
await waitReady();
|
await waitReady();
|
||||||
}
|
}
|
||||||
|
|
||||||
log.debug(`Saving post ${post.url}`);
|
|
||||||
const account = post.account;
|
const account = post.account;
|
||||||
await saveAccountData(account);
|
await saveAccountData(account);
|
||||||
log.debug(`Saved account data ${post.url}`);
|
log.debug(`Saved account data ${post.url}`);
|
||||||
|
@ -1,5 +1,6 @@
|
|||||||
import {
|
import {
|
||||||
HASHTAG_FILTER,
|
HASHTAG_FILTER,
|
||||||
|
MASTODON_ACCESS_TOKEN,
|
||||||
MASTODON_INSTANCE,
|
MASTODON_INSTANCE,
|
||||||
ODESLI_API_KEY,
|
ODESLI_API_KEY,
|
||||||
YOUTUBE_API_KEY
|
YOUTUBE_API_KEY
|
||||||
@ -223,7 +224,7 @@ export class TimelineReader {
|
|||||||
accountUrl: accountUrl,
|
accountUrl: accountUrl,
|
||||||
file: fn,
|
file: fn,
|
||||||
sizeDescriptor: `${i}x`
|
sizeDescriptor: `${i}x`
|
||||||
} as AccountAvatar)
|
}) as AccountAvatar
|
||||||
)
|
)
|
||||||
.then(saveAvatar)
|
.then(saveAvatar)
|
||||||
)
|
)
|
||||||
@ -260,7 +261,7 @@ export class TimelineReader {
|
|||||||
file: fn,
|
file: fn,
|
||||||
sizeDescriptor: `${i}x`,
|
sizeDescriptor: `${i}x`,
|
||||||
kind: kind
|
kind: kind
|
||||||
} as SongThumbnailImage)
|
}) as SongThumbnailImage
|
||||||
)
|
)
|
||||||
.then(saveSongThumbnail)
|
.then(saveSongThumbnail)
|
||||||
)
|
)
|
||||||
@ -352,15 +353,17 @@ export class TimelineReader {
|
|||||||
}
|
}
|
||||||
|
|
||||||
private startWebsocket() {
|
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 = () => {
|
socket.onopen = () => {
|
||||||
log.log('Connected to WS');
|
log.log('Connected to WS');
|
||||||
socket.send('{ "type": "subscribe", "stream": "public:local"}');
|
|
||||||
};
|
};
|
||||||
socket.onmessage = async (event) => {
|
socket.onmessage = async (event) => {
|
||||||
try {
|
try {
|
||||||
const data: TimelineEvent = JSON.parse(event.data.toString());
|
const data: TimelineEvent = JSON.parse(event.data.toString());
|
||||||
if (data.event !== 'update') {
|
if (data.event !== 'update') {
|
||||||
|
log.log('Ignoring ES event', data.event);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const post: Post = JSON.parse(data.payload);
|
const post: Post = JSON.parse(data.payload);
|
||||||
@ -392,7 +395,8 @@ export class TimelineReader {
|
|||||||
};
|
};
|
||||||
socket.onclose = (event) => {
|
socket.onclose = (event) => {
|
||||||
log.warn(
|
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(() => {
|
setTimeout(() => {
|
||||||
log.info(`Attempting to reconenct to WS`);
|
log.info(`Attempting to reconenct to WS`);
|
||||||
@ -407,10 +411,12 @@ export class TimelineReader {
|
|||||||
}
|
}
|
||||||
|
|
||||||
private constructor() {
|
private constructor() {
|
||||||
|
log.log('Constructing timeline object');
|
||||||
this.startWebsocket();
|
this.startWebsocket();
|
||||||
}
|
}
|
||||||
|
|
||||||
public static init() {
|
public static init() {
|
||||||
|
log.log('Timeline object init');
|
||||||
if (this._instance === undefined) {
|
if (this._instance === undefined) {
|
||||||
this._instance = new TimelineReader();
|
this._instance = new TimelineReader();
|
||||||
}
|
}
|
||||||
|
@ -160,7 +160,7 @@
|
|||||||
{#each data.posts as post (post.url)}
|
{#each data.posts as post (post.url)}
|
||||||
<div
|
<div
|
||||||
class="post"
|
class="post"
|
||||||
transition:edgeFly={{
|
transition:edgeFly|global={{
|
||||||
y: 10,
|
y: 10,
|
||||||
created_at: post.created_at,
|
created_at: post.created_at,
|
||||||
duration: 300,
|
duration: 300,
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
import adapter from '@sveltejs/adapter-node';
|
import adapter from '@sveltejs/adapter-node';
|
||||||
import { vitePreprocess } from '@sveltejs/kit/vite';
|
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
|
||||||
|
|
||||||
/** @type {import('@sveltejs/kit').Config} */
|
/** @type {import('@sveltejs/kit').Config} */
|
||||||
const config = {
|
const config = {
|
||||||
|
Loading…
Reference in New Issue
Block a user