Compare commits
No commits in common. "main" and "v1.0.0" have entirely different histories.
@ -2,4 +2,4 @@ root = true
|
|||||||
|
|
||||||
[*.{svelte, ts, cjs, json}]
|
[*.{svelte, ts, cjs, json}]
|
||||||
indent_style = space
|
indent_style = space
|
||||||
indent_size = 2
|
indent_size = 4
|
10
.env.EXAMPLE
@ -1,12 +1,6 @@
|
|||||||
HASHTAG_FILTER = ichlausche,music,musik,nowplaying,tunetuesday,nowlistening
|
HASHTAG_FILTER = ichlausche,music,musik,nowplaying,tunetuesday
|
||||||
|
URL_FILTER = song.link,album.link,spotify.com,music.apple.com,bandcamp.com
|
||||||
YOUTUBE_API_KEY = CHANGE_ME
|
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
|
VERBOSE = false
|
||||||
IGNORE_USERS = @moshhead@metalhead.club
|
|
||||||
WEBSUB_HUB = 'http://pubsubhubbub.superfeedr.com'
|
|
||||||
|
|
||||||
PUBLIC_REFRESH_INTERVAL = 10000
|
PUBLIC_REFRESH_INTERVAL = 10000
|
||||||
PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME = 'Metalhead.club'
|
|
@ -1,25 +1,16 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
root: true,
|
root: true,
|
||||||
parser: '@typescript-eslint/parser',
|
parser: '@typescript-eslint/parser',
|
||||||
extends: ['plugin:svelte/recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
|
extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
|
||||||
plugins: ['@typescript-eslint'],
|
plugins: ['svelte3', '@typescript-eslint'],
|
||||||
ignorePatterns: ['*.cjs'],
|
ignorePatterns: ['*.cjs'],
|
||||||
overrides: [
|
overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
|
||||||
{
|
|
||||||
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,
|
||||||
|
6
.gitignore
vendored
@ -1,11 +1,5 @@
|
|||||||
*.db
|
*.db
|
||||||
feed.xml
|
|
||||||
playbook.yml
|
|
||||||
inventory.yml
|
|
||||||
ansible.cfg
|
|
||||||
|
|
||||||
avatars/*
|
|
||||||
thumbnails/*
|
|
||||||
node_modules
|
node_modules
|
||||||
/build
|
/build
|
||||||
/.svelte-kit
|
/.svelte-kit
|
||||||
|
@ -1,11 +1,7 @@
|
|||||||
{
|
{
|
||||||
"apexskier.eslint.config.eslintConfigPath" : ".eslintrc.cjs",
|
"apexskier.typescript.config.formatDocumentOnSave": "true",
|
||||||
"apexskier.eslint.config.eslintPath" : "node_modules\/@eslint\/eslintrc\/dist\/eslintrc.cjs",
|
"apexskier.typescript.config.isEnabledForJavascript": "Enable",
|
||||||
"apexskier.eslint.config.fixOnSave" : "Enable",
|
"apexskier.typescript.config.organizeImportsOnSave": "true",
|
||||||
"apexskier.typescript.config.formatDocumentOnSave" : "false",
|
"apexskier.typescript.config.userPreferences.quotePreference": "single",
|
||||||
"apexskier.typescript.config.isEnabledForJavascript" : "Enable",
|
"apexskier.typescript.config.userPreferences.useLabelDetailsInCompletionEntries": true
|
||||||
"apexskier.typescript.config.organizeImportsOnSave" : "true",
|
|
||||||
"apexskier.typescript.config.userPreferences.quotePreference" : "single",
|
|
||||||
"apexskier.typescript.config.userPreferences.useLabelDetailsInCompletionEntries" : true,
|
|
||||||
"prettier.format-on-save" : "Global Default"
|
|
||||||
}
|
}
|
||||||
|
@ -6,7 +6,6 @@ node_modules
|
|||||||
.env
|
.env
|
||||||
.env.*
|
.env.*
|
||||||
!.env.example
|
!.env.example
|
||||||
/.nova
|
|
||||||
|
|
||||||
# Ignore files for PNPM, NPM and YARN
|
# Ignore files for PNPM, NPM and YARN
|
||||||
pnpm-lock.yaml
|
pnpm-lock.yaml
|
||||||
|
93
README.md
@ -1,6 +1,3 @@
|
|||||||
[![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
|
# Moshing Mammut
|
||||||
|
|
||||||
The fine folks on the [metalhead.club Mastodon Server](https://metalhead.club) occasionally share like to share
|
The fine folks on the [metalhead.club Mastodon Server](https://metalhead.club) occasionally share like to share
|
||||||
@ -11,8 +8,8 @@ Having a quick overview over what is being posted can be a great way to discover
|
|||||||
|
|
||||||
This is fairly simple from a technical point of view! metalhead.club's local timeline is being watched using the
|
This is fairly simple from a technical point of view! metalhead.club's local timeline is being watched using the
|
||||||
Mastodon Streaming API over a Websocket. Every time a new post arrives, it is checked if it contains any music by
|
Mastodon Streaming API over a Websocket. Every time a new post arrives, it is checked if it contains any music by
|
||||||
checking included hashtags and URLs. A list of tags can be found in [the configuration](.env.EXAMPLE).
|
checking included hashtags and URLs. A list of tags and URLs can be found in [the configuration](.env.EXAMPLE).
|
||||||
Additionally, links are vetted if they are music by checking if https://song.link finds info on them.
|
Additionally, lins to YouTube are queried, if they are music or other videos using the YouTube API.
|
||||||
|
|
||||||
If a post passes this check it is saved to a SQLite database.
|
If a post passes this check it is saved to a SQLite database.
|
||||||
|
|
||||||
@ -33,12 +30,12 @@ I can see that there are plenty of posts using only descriptions and links witho
|
|||||||
be missed. This isn't a great solution.
|
be missed. This isn't a great solution.
|
||||||
|
|
||||||
Another idea was to store only URLs of posts and resolve the content and account information live.
|
Another idea was to store only URLs of posts and resolve the content and account information live.
|
||||||
This would be better, but I'm _still_ storing post information while also slowing the app down and introduce more code
|
This would be better, but I'm *still* storing post information while also slowing the app down and introduce more code
|
||||||
complexity. I'm willing to make this change if people prefer this though.
|
complexity. I'm willing to make this change if people prefer this though.
|
||||||
|
|
||||||
Additionally, I ended up adding a few things which turned out to be not needed:
|
Additionally, I ended up adding a few things which turned out to be not needed:
|
||||||
The `tags` table (tags are included in the post's content and I don't do anything separately with tags) and
|
The `tags` table (tags are included in the post's content and I don't do anything separately with tags) and
|
||||||
~~`accounts.username`~~ (s being used for #18) ~~and `accounts.avatar_static`~~ (has been removed). I will keep these in until the initial wave of feedback arrives, and
|
`accounts.username` and `accounts.avatar_static`. I will keep these in until the initial wave of feedback arrives, and
|
||||||
remove it if no new features required them.
|
remove it if no new features required them.
|
||||||
|
|
||||||
I'll gladly accept any help in coming up with a good solution which doesn't need to store anything at all!
|
I'll gladly accept any help in coming up with a good solution which doesn't need to store anything at all!
|
||||||
@ -49,66 +46,38 @@ 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.
|
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.
|
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) 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)
|
This is based on [SvelteKit's instructions](https://kit.svelte.dev/docs/adapter-node#deploying)
|
||||||
|
|
||||||
|
On your server, install the requirements:
|
||||||
|
- Apache2 HTTP Server
|
||||||
|
- NodeJS (via [NVM](https://github.com/nvm-sh/nvm))
|
||||||
|
|
||||||
#### On your server
|
#### On your server
|
||||||
|
|
||||||
Install Apache2 if not already installed.
|
Create a directory for the app. This will be called `$APP_DIR` from now on.
|
||||||
|
|
||||||
Copy `apache2.conf.EXAMPLE` and `moshing-mammut.service.EXAMPLE` to your server.
|
Place `package.json`, `apache2.conf.EXAMPLE`, `moshing-mammut.service.EXAMPLE` and `start.sh.EXAMPLE` in this directory.
|
||||||
|
|
||||||
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
|
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 `<IfModule mod_ssl.c>` block.
|
Domain. If you do not need or want SSL support, remove the whole `<IfModule mod_ssl.c>` block.
|
||||||
If you do, add the path to your SSLCertificateFile and SSLCertificateKeyFile.
|
If you do, add the path to your SSLCertificateFile and SSLCertificateKeyFile.
|
||||||
|
|
||||||
Modify DocumentRoot and the two Alias and Directory statements, so that thumbnails and avatars are served directly by apache.
|
|
||||||
|
|
||||||
Copy `moshing-mammut.service.EXAMPLE` to `/etc/systemd/system/moshing-mammut.service`
|
Copy `moshing-mammut.service.EXAMPLE` to `/etc/systemd/system/moshing-mammut.service`
|
||||||
and set your `User`, `Group`, `ExecStart` and `WorkingDirectory` accordingly.
|
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.
|
||||||
|
|
||||||
|
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
|
#### On your development machine
|
||||||
|
|
||||||
Copy `.env.EXAMPLE` to `.env` and add your `YOUTUBE_API_KEY` and `ODESLI_API_KEY`.
|
Copy `.env.EXAMPLE` to `.env` and add your `YOUTUBE_API_KEY`.
|
||||||
To obtain one follow [YouTube's guide](https://developers.google.com/youtube/registering_an_application) to create an
|
To obtain one follow [YouTube's guide](https://developers.google.com/youtube/registering_an_application) to create an
|
||||||
_API key_.
|
*API key*. As soon as #13 is implemented, this will be optional!
|
||||||
If `YOUTUBE_API_KEY` is unset, no playlist will be updated. Also, _all_ YouTube links will be treated as music videos,
|
|
||||||
because the API is the only way to check if a YouTube link leads to music or something else.
|
|
||||||
|
|
||||||
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.
|
||||||
|
|
||||||
@ -125,21 +94,3 @@ 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!
|
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)
|
|
||||||
|
@ -15,23 +15,6 @@
|
|||||||
|
|
||||||
Include /etc/letsencrypt/options-ssl-apache.conf
|
Include /etc/letsencrypt/options-ssl-apache.conf
|
||||||
|
|
||||||
DocumentRoot /home/moshing-mammut/app/
|
|
||||||
|
|
||||||
ProxyPass /avatars/ !
|
|
||||||
ProxyPass /thumbnails/ !
|
|
||||||
Alias /avatars/ /home/moshing-mammut/app/avatars/
|
|
||||||
Alias /thumbnails/ /home/moshing-mammut/app/thumbnails/
|
|
||||||
|
|
||||||
<Directory "/home/moshing-mammut/app/avatars/">
|
|
||||||
Require all granted
|
|
||||||
Header set Cache-Control "public,max-age=31536000,immutable"
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
<Directory "/home/moshing-mammut/app/thumbnails/">
|
|
||||||
Require all granted
|
|
||||||
Header set Cache-Control "public,max-age=31536000,immutable"
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
ProxyPass / http://localhost:3000/
|
ProxyPass / http://localhost:3000/
|
||||||
ProxyPassReverse / http://localhost:3000/
|
ProxyPassReverse / http://localhost:3000/
|
||||||
|
|
||||||
|
@ -1,63 +0,0 @@
|
|||||||
{
|
|
||||||
"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
|
|
||||||
}
|
|
||||||
}
|
|
7
icon.svg
@ -1,7 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
||||||
<svg width="100%" height="100%" viewBox="0 0 1080 1080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
|
|
||||||
<g transform="matrix(1.1479,0,0,1.1479,-30.6849,-184.606)">
|
|
||||||
<path d="M394.962,828.42C395.182,833.842 395.637,839.066 396.328,844.053C407.304,927.369 478.944,932.362 546.806,934.687C615.3,937.031 676.288,917.8 676.288,917.8L679.102,979.724C679.102,979.724 631.194,1005.45 545.847,1010.18C498.785,1012.77 440.352,1009 372.293,990.982C224.682,951.913 199.297,794.568 195.412,634.913C194.228,587.513 194.958,542.815 194.958,505.432C194.958,389.045 229.261,290.625 266.058,262.36C280.549,251.229 294.537,251.58 309.264,251.58L770.736,251.58C786.666,251.58 799.578,264.493 799.578,280.422L799.578,799.578C799.578,815.508 786.666,828.42 770.736,828.42L394.962,828.42ZM540,759.411C619.644,759.411 684.21,694.845 684.21,615.201C684.21,535.557 619.644,470.991 540,470.991C523.462,470.991 507.575,473.775 492.781,478.899C436.326,498.454 395.79,552.094 395.79,615.201C395.79,694.845 460.355,759.411 540,759.411ZM540,701.727C492.212,701.727 453.474,662.989 453.474,615.201C453.474,567.413 492.212,528.675 540,528.675C587.788,528.675 626.526,567.413 626.526,615.201C626.526,662.989 587.788,701.727 540,701.727ZM540,408.951C563.893,408.951 583.263,389.582 583.263,365.688C583.263,341.794 563.893,322.425 540,322.425C516.107,322.425 496.737,341.794 496.737,365.688C496.737,389.582 516.107,408.951 540,408.951Z" style="fill:rgb(46,11,120);stroke:white;stroke-width:29.62px;"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 1.8 KiB |
@ -2,13 +2,14 @@
|
|||||||
Description=Moshing Mammut
|
Description=Moshing Mammut
|
||||||
|
|
||||||
[Service]
|
[Service]
|
||||||
ExecStart=/home/moshing-mammut/app/start.sh
|
ExecStart=/PATH_TO_MOSHING_MAMMUT/start.sh
|
||||||
Restart=always
|
Restart=always
|
||||||
User=moshing-mammut
|
User=MOSHING_MAMMUT_USER
|
||||||
Group=moshing-mammut
|
Group=nogroup
|
||||||
Environment=PATH=/usr/bin:/usr/local/bin
|
Environment=PATH=/usr/bin:/usr/local/bin
|
||||||
Environment=NODE_ENV=production
|
Environment=NODE_ENV=production
|
||||||
WorkingDirectory=/home/moshing-mammut/app
|
WorkingDirectory=/PATH_TO_MOSHING_MAMMUT/
|
||||||
|
KillMode=process
|
||||||
|
|
||||||
[Install]
|
[Install]
|
||||||
WantedBy=multi-user.target
|
WantedBy=multi-user.target
|
2542
package-lock.json
generated
32
package.json
@ -1,11 +1,9 @@
|
|||||||
{
|
{
|
||||||
"name": "moshing-mammut",
|
"name": "moshing-mammut",
|
||||||
"version": "1.3.2",
|
"version": "0.0.1",
|
||||||
"private": true,
|
"private": true,
|
||||||
"license": "LGPL-3.0-or-later",
|
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite dev",
|
"dev": "vite dev",
|
||||||
"devn": "vite dev --host",
|
|
||||||
"build": "vite build",
|
"build": "vite build",
|
||||||
"preview": "vite preview",
|
"preview": "vite preview",
|
||||||
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
||||||
@ -14,35 +12,27 @@
|
|||||||
"format": "prettier --plugin-search-dir . --write ."
|
"format": "prettier --plugin-search-dir . --write ."
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@sveltejs/adapter-node": "^2.0.0",
|
"@sveltejs/adapter-node": "^1.2.3",
|
||||||
"@sveltejs/kit": "^2.0.0",
|
"@sveltejs/kit": "^1.5.0",
|
||||||
"@sveltejs/vite-plugin-svelte": "^3.0.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/eslint-plugin": "^5.45.0",
|
||||||
"@typescript-eslint/parser": "^5.45.0",
|
"@typescript-eslint/parser": "^5.45.0",
|
||||||
"@zerodevx/svelte-toast": "^0.9.3",
|
|
||||||
"eslint": "^8.28.0",
|
"eslint": "^8.28.0",
|
||||||
"eslint-config-prettier": "^8.5.0",
|
"eslint-config-prettier": "^8.5.0",
|
||||||
"eslint-plugin-svelte": "^2.35.1",
|
"eslint-plugin-svelte3": "^4.0.0",
|
||||||
"prettier": "^2.8.0",
|
"prettier": "^2.8.0",
|
||||||
"prettier-plugin-svelte": "^2.10.1",
|
"prettier-plugin-svelte": "^2.8.1",
|
||||||
"svelte": "^4.0.0",
|
"svelte": "^3.54.0",
|
||||||
"svelte-check": "^3.4.3",
|
"svelte-check": "^3.0.1",
|
||||||
"tslib": "^2.4.1",
|
"tslib": "^2.4.1",
|
||||||
"typescript": "^5.0.0",
|
"typescript": "^4.9.3",
|
||||||
"vite": "^5.0.0"
|
"vite": "^4.0.0"
|
||||||
},
|
},
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"@types/sqlite3": "^3.1.8",
|
||||||
|
"@types/ws": "^8.5.4",
|
||||||
"dotenv": "^16.0.3",
|
"dotenv": "^16.0.3",
|
||||||
"feed": "^4.2.2",
|
|
||||||
"sharp": "^0.32.0",
|
|
||||||
"sqlite3": "^5.1.6",
|
"sqlite3": "^5.1.6",
|
||||||
"ws": "^8.13.0"
|
"ws": "^8.13.0"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
165
src/LICENSE
@ -1,165 +0,0 @@
|
|||||||
GNU LESSER GENERAL PUBLIC LICENSE
|
|
||||||
Version 3, 29 June 2007
|
|
||||||
|
|
||||||
Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
|
|
||||||
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.
|
|
78
src/app.html
@ -2,61 +2,22 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="%sveltekit.assets%/apple-touch-icon.png" />
|
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon-32x32.png" />
|
<link rel="stylesheet" href="%sveltekit.assets%/style.css" />
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="%sveltekit.assets%/favicon-16x16.png" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
<link rel="manifest" href="%sveltekit.assets%/site.webmanifest" />
|
<meta name="theme-color" content="#17063B" media="(prefers-color-scheme: dark)" />
|
||||||
<link rel="mask-icon" href="%sveltekit.assets%/safari-pinned-tab.svg" color="#2e0b78" />
|
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
|
||||||
<meta name="apple-mobile-web-app-title" content="Moshing Mammut" />
|
|
||||||
<meta name="application-name" content="Moshing Mammut" />
|
|
||||||
<meta name="msapplication-TileColor" content="#2e0b78" />
|
|
||||||
<meta
|
|
||||||
name="description"
|
|
||||||
content="A collection of music recommendations and now-listenings by the users of metalhead.club"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
||||||
<meta name="theme-color" content="#17063b" media="(prefers-color-scheme: dark)" />
|
|
||||||
<meta name="theme-color" content="#BCB9B2" media="(prefers-color-scheme: light)" />
|
|
||||||
<link rel="alternate" type="application/atom+xml" href="/feed.xml" title="Atom Feed" />
|
|
||||||
<link rel="hub" href="https://pubsubhubbub.superfeedr.com" />
|
|
||||||
%sveltekit.head%
|
%sveltekit.head%
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
--color-blue: hsl(259, 82%, 26%);
|
--color-text: #2F0C7A;
|
||||||
--color-blue-dark: hsl(259, 82%, 13%);
|
--color-bg: white;
|
||||||
--color-lavender: hsl(253, 82%, 33%);
|
--color-border: #17063B;
|
||||||
--color-mauve: hsl(273, 82%, 38%);
|
--color-link: #563ACC;
|
||||||
|
--color-link-visited: #858AFA;
|
||||||
--color-grey: hsl(44, 7%, 41%);
|
|
||||||
--color-grey-translucent: hsla(44, 7%, 41%, 0.2);
|
|
||||||
--color-grey-light: hsl(0, 0%, 98%);
|
|
||||||
|
|
||||||
--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%);
|
|
||||||
|
|
||||||
--color-text: var(--color-blue-dark);
|
|
||||||
--color-border: var(--color-grey);
|
|
||||||
--color-link: var(--color-mauve);
|
|
||||||
--color-link-visited: var(--color-lavender);
|
|
||||||
--color-bg: var(--color-grey-light);
|
|
||||||
--color-bg-translucent: hsla(42, 7%, 72%, 0.5);
|
|
||||||
--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);
|
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,
|
|
||||||
Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
|
|
||||||
'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@ -68,20 +29,11 @@
|
|||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
body {
|
body {
|
||||||
--color-lavender: hsl(273, 43%, 65%);
|
--color-text: white;
|
||||||
--color-mauve: hsl(286, 73%, 81%);
|
--color-bg: #17063B;
|
||||||
|
--color-border: white;
|
||||||
--color-text: var(--color-grey-light);
|
--color-link: #8A9BF0;
|
||||||
--color-border: var(--color-grey-light);
|
--color-link-visited: #C384FB;
|
||||||
--color-link: var(--color-lavender);
|
|
||||||
--color-link-visited: var(--color-mauve);
|
|
||||||
--color-bg: var(--color-blue-dark);
|
|
||||||
--color-bg-translucent: hsla(259, 82%, 26%, 0.5);
|
|
||||||
--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);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -1,62 +1,15 @@
|
|||||||
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 { HandleServerError } from '@sveltejs/kit';
|
||||||
import { error } from '@sveltejs/kit';
|
|
||||||
import fs from 'fs/promises';
|
|
||||||
|
|
||||||
TimelineReader.init();
|
TimelineReader.init();
|
||||||
|
|
||||||
export const handleError = (({ error }) => {
|
export const handleError = (({ error }) => {
|
||||||
if (error instanceof Error) {
|
if (error instanceof Error) {
|
||||||
log.error('Something went wrong: ', error.name, error.message);
|
console.error('Something went wrong: ', error.name, error.message);
|
||||||
}
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
message: `Something went wrong! ${error}`
|
message: 'Whoops!',
|
||||||
|
code: (error as any)?.code ?? 'UNKNOWN'
|
||||||
};
|
};
|
||||||
}) satisfies HandleServerError;
|
}) 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') {
|
|
||||||
return new Response('', { status: 301, headers: { Location: '/feed.xml' } });
|
|
||||||
}
|
|
||||||
if (event.url.pathname === '/feed.xml') {
|
|
||||||
const f = await fs.readFile('feed.xml', { encoding: 'utf8' });
|
|
||||||
return new Response(f, { headers: [['Content-Type', 'application/atom+xml']] });
|
|
||||||
}
|
|
||||||
|
|
||||||
// Ideally, this would be served by apache
|
|
||||||
if (event.url.pathname.startsWith('/avatars/')) {
|
|
||||||
const fileName = event.url.pathname.split('/').pop() ?? 'unknown.jpeg';
|
|
||||||
const suffix = fileName.split('.').pop() ?? 'jpeg';
|
|
||||||
try {
|
|
||||||
//This should work, but doesn't yet. See: https://github.com/nodejs/node/issues/45853
|
|
||||||
/*
|
|
||||||
const stat = await fs.stat('avatars/' + fileName);
|
|
||||||
const fd = await fs.open('avatars/' + fileName);
|
|
||||||
const readStream = fd
|
|
||||||
.readableWebStream()
|
|
||||||
.getReader({ mode: 'byob' }) as ReadableStream<Uint8Array>;
|
|
||||||
log.info('sending. size: ', stat.size);
|
|
||||||
return new Response(readStream, {
|
|
||||||
headers: [
|
|
||||||
['Content-Type', 'image/' + suffix],
|
|
||||||
['Content-Length', stat.size.toString()]
|
|
||||||
]
|
|
||||||
});
|
|
||||||
*/
|
|
||||||
|
|
||||||
const f = await fs.readFile('avatars/' + fileName);
|
|
||||||
return new Response(f, { headers: [['Content-Type', 'image/' + suffix]] });
|
|
||||||
} catch (e) {
|
|
||||||
log.error('no stream', e);
|
|
||||||
error(404);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const response = await resolve(event);
|
|
||||||
return response;
|
|
||||||
}) satisfies Handle;
|
|
||||||
|
@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM11 7V13H13V7H11Z" fill="#000"></path></svg>
|
|
Before Width: | Height: | Size: 268 B |
@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 3C12.9411 3 21 11.0589 21 21H18C18 12.7157 11.2843 6 3 6V3ZM3 10C9.07513 10 14 14.9249 14 21H11C11 16.5817 7.41828 13 3 13V10ZM3 17C5.20914 17 7 18.7909 7 21H3V17Z" fill="#000"></path></svg>
|
|
Before Width: | Height: | Size: 285 B |
@ -4,4 +4,4 @@
|
|||||||
export let account: Account;
|
export let account: Account;
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<a href={account.url} target="_blank">{account.display_name} @{account.acct}</a>
|
<a href="{account.url}" target="_blank">{account.display_name} @{account.acct}</a>
|
@ -3,52 +3,18 @@
|
|||||||
|
|
||||||
export let account: Account;
|
export let account: Account;
|
||||||
let avatarDescription: string;
|
let avatarDescription: string;
|
||||||
let sourceSetHtml: string;
|
$: avatarDescription = `Avatar for ${account.acct}`
|
||||||
$: avatarDescription = `Avatar for ${account.acct}`;
|
|
||||||
$: {
|
|
||||||
// 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>([
|
|
||||||
['avif', 0],
|
|
||||||
['webp', 1],
|
|
||||||
['jpg', 99],
|
|
||||||
['jpeg', 99]
|
|
||||||
]);
|
|
||||||
const resizedAvatars = (account.resizedAvatars ?? []).sort((a, b) => {
|
|
||||||
const extensionA = a.file.split('.').pop() ?? '';
|
|
||||||
const extensionB = b.file.split('.').pop() ?? '';
|
|
||||||
const prioA = formatPriority.get(extensionA) ?? 3;
|
|
||||||
const prioB = formatPriority.get(extensionB) ?? 3;
|
|
||||||
return prioA - prioB;
|
|
||||||
});
|
|
||||||
const m = new Map<string, string[]>();
|
|
||||||
for (const resizedAvatar of resizedAvatars) {
|
|
||||||
const extension = resizedAvatar.file.split('.').pop();
|
|
||||||
const mime = extension ? `image/${extension}` : 'application/octet-stream';
|
|
||||||
const sourceSetEntry = `${resizedAvatar.file} ${resizedAvatar.sizeDescriptor}`;
|
|
||||||
m.set(mime, [...(m.get(mime) || []), sourceSetEntry]);
|
|
||||||
}
|
|
||||||
let html = '';
|
|
||||||
for (const entry of m.entries()) {
|
|
||||||
const srcset = entry[1].join(', ');
|
|
||||||
html += `<source srcset="${srcset}" type="${entry[0]}" />`;
|
|
||||||
}
|
|
||||||
sourceSetHtml = html;
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<picture>
|
<img src="{account.avatar}" alt={avatarDescription}/>
|
||||||
{@html sourceSetHtml}
|
|
||||||
<img src={account.avatar} alt={avatarDescription} loading="lazy" width="50" height="50" />
|
|
||||||
</picture>
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
img {
|
img {
|
||||||
max-width: 100%;
|
max-width: 50px;
|
||||||
max-height: 100%;
|
max-height: 50px;
|
||||||
width: 50px;
|
width: auto;
|
||||||
height: 50px;
|
height: auto;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
border-radius: 3px;
|
border-radius: 3px;;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
@ -1,29 +1,17 @@
|
|||||||
<script>
|
<script>
|
||||||
import git from '$lib/assets/git-branch-fill.svg';
|
import git from '$lib/assets/git-branch-fill.svg';
|
||||||
import rss from '$lib/assets/rss-fill.svg';
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div>
|
<div>
|
||||||
<span class="label"
|
<span>Made with 🤘 by </span>
|
||||||
>Made<span class="secretIngredient"> with 🤘</span> by </span
|
<a href="https://metalhead.club/@aymm" rel="me">@aymm@metalhead.club</a>
|
||||||
>
|
|
||||||
<a href="https://metalhead.club/@aymm" rel="me"
|
|
||||||
>@aymm<span class="mastodonInstance">@metalhead.club</span></a
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
|
||||||
<div>
|
<div>
|
||||||
<a href="https://phlaym.net/git/phlaym/moshing-mammut">
|
<a href="https://phlaym.net/git/phlaym/moshing-mammut">
|
||||||
<img alt="Git branch" src={git} class="icon" />
|
<img alt="Git branch" src={git} class="icon" />
|
||||||
<span class="label">Source Code</span>
|
Source Code
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
|
||||||
<div>
|
|
||||||
<a href="/feed.xml">
|
|
||||||
<img alt="RSS" src={rss} class="icon" />
|
|
||||||
<span class="label">RSS<span class="feedSuffix"> Feed</span></span>
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -38,48 +26,23 @@
|
|||||||
gap: 10px;
|
gap: 10px;
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
-webkit-backdrop-filter: blur(10px);
|
-webkit-backdrop-filter: blur(10px);
|
||||||
background-color: var(--color-grey-translucent);
|
background-color: #54546788;
|
||||||
padding: 0.3em 1em;
|
padding: 0.3em 1em;
|
||||||
margin: 0 -8px;
|
margin: 0 -8px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
|
||||||
}
|
}
|
||||||
.icon {
|
.icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 0.25em;
|
top: 0.25em;
|
||||||
color: white;
|
color: white;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
width: 1em;
|
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
.icon {
|
.icon {
|
||||||
filter: invert();
|
filter: invert();
|
||||||
}
|
}
|
||||||
.footer {
|
.footer {
|
||||||
background-color: var(--color-grey-translucent);
|
background-color: #6364FF88;
|
||||||
}
|
|
||||||
}
|
|
||||||
@media only screen and (max-width: 620px) {
|
|
||||||
.mastodonInstance,
|
|
||||||
.feedSuffix {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.footer {
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 430px) {
|
|
||||||
.mastodonInstance,
|
|
||||||
.feedSuffix,
|
|
||||||
.secretIngredient {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 370px) {
|
|
||||||
.label {
|
|
||||||
display: none;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
@ -1,83 +0,0 @@
|
|||||||
<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';
|
|
||||||
}
|
|
||||||
$: disabled = !moreAvailable || isLoading;
|
|
||||||
$: title = moreAvailable ? 'Load More' : 'There be dragons!';
|
|
||||||
|
|
||||||
const dispatch = createEventDispatcher<{
|
|
||||||
loadOlderPosts: string;
|
|
||||||
}>();
|
|
||||||
|
|
||||||
function loadOlderPosts() {
|
|
||||||
dispatch('loadOlderPosts');
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<button on:click={loadOlderPosts} {disabled} {title}>
|
|
||||||
<div class="loading" class:collapsed={!isLoading}>
|
|
||||||
<LoadingSpinnerComponent size="0.5em" thickness="6px" />
|
|
||||||
</div>
|
|
||||||
<span>{displayText}</span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
button {
|
|
||||||
padding: 0.75em;
|
|
||||||
border-radius: 3px;
|
|
||||||
border: none;
|
|
||||||
background-color: var(--color-button);
|
|
||||||
color: var(--color-button-text);
|
|
||||||
cursor: grab;
|
|
||||||
transition: all 0.3s ease-in-out;
|
|
||||||
font-size: large;
|
|
||||||
font-weight: bold;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover:not(:disabled) {
|
|
||||||
background-color: var(--color-button-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover:not(:disabled):not(:active) {
|
|
||||||
box-shadow: 6px 6px 5px 0 var(--color-button-shadow);
|
|
||||||
translate: -2px -2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:disabled {
|
|
||||||
cursor: not-allowed;
|
|
||||||
background-color: var(--color-button-deactivated);
|
|
||||||
}
|
|
||||||
|
|
||||||
button:not(:disabled) {
|
|
||||||
box-shadow: 4px 4px 2px 0 var(--color-button-shadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
.loading {
|
|
||||||
margin-right: 3px;
|
|
||||||
display: flex;
|
|
||||||
overflow: hidden;
|
|
||||||
max-width: 100%;
|
|
||||||
transition: all 0.3s 0.5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Cannot be removed, so that it animates its width change */
|
|
||||||
.collapsed {
|
|
||||||
max-width: 0;
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
</style>
|
|
@ -1,38 +0,0 @@
|
|||||||
<script lang="ts">
|
|
||||||
export let size = '64px';
|
|
||||||
export let thickness = '6px';
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<div class="lds-dual-ring" style="--size: {size}; --thickness: {thickness}" />
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.lds-dual-ring {
|
|
||||||
display: inline-block;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.lds-dual-ring:after {
|
|
||||||
content: ' ';
|
|
||||||
display: block;
|
|
||||||
width: var(--size);
|
|
||||||
height: var(--size);
|
|
||||||
border-radius: 50%;
|
|
||||||
border: var(--thickness) solid #fff;
|
|
||||||
border-color: #fff transparent #fff transparent;
|
|
||||||
animation: lds-dual-ring 1.2s linear infinite;
|
|
||||||
}
|
|
||||||
@keyframes lds-dual-ring {
|
|
||||||
0% {
|
|
||||||
transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
25% {
|
|
||||||
transform: rotate(36deg);
|
|
||||||
}
|
|
||||||
75% {
|
|
||||||
transform: rotate(234deg);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
@ -1,256 +1,43 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { type Post, SongThumbnailImageKind } from '$lib/mastodon/response';
|
import type { Post } from '$lib/mastodon/response';
|
||||||
import type { SongInfo } from '$lib/odesliResponse';
|
|
||||||
import AvatarComponent from '$lib/components/AvatarComponent.svelte';
|
import AvatarComponent from '$lib/components/AvatarComponent.svelte';
|
||||||
import AccountComponent from '$lib/components/AccountComponent.svelte';
|
import AccountComponent from '$lib/components/AccountComponent.svelte';
|
||||||
import { secondsSince, relativeTime } from '$lib/relativeTime';
|
|
||||||
import { onMount } from 'svelte';
|
|
||||||
|
|
||||||
export let post: Post;
|
export let post: Post;
|
||||||
let displayRelativeTime = false;
|
let dateCreated: string;
|
||||||
const absoluteDate = new Date(post.created_at).toLocaleString();
|
$: dateCreated = new Date(post.created_at).toLocaleString();
|
||||||
let dateCreated = absoluteDate;
|
|
||||||
const timePassed = secondsSince(new Date(post.created_at));
|
|
||||||
$: if (displayRelativeTime) {
|
|
||||||
dateCreated = relativeTime($timePassed) ?? absoluteDate;
|
|
||||||
}
|
|
||||||
|
|
||||||
const songs = filterDuplicates(post.songs ?? []);
|
|
||||||
|
|
||||||
function filterDuplicates(songs: SongInfo[]): SongInfo[] {
|
|
||||||
return songs.filter((obj, index, arr) => {
|
|
||||||
return arr.map((mapObj) => mapObj.pageUrl).indexOf(obj.pageUrl) === index;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function getThumbnailSize(song: SongInfo): {
|
|
||||||
width?: number;
|
|
||||||
height?: number;
|
|
||||||
widthSmall?: number;
|
|
||||||
heightSmall?: number;
|
|
||||||
} {
|
|
||||||
if (song.thumbnailWidth === undefined || song.thumbnailHeight === undefined) {
|
|
||||||
return { width: undefined, height: undefined, widthSmall: undefined, heightSmall: undefined };
|
|
||||||
}
|
|
||||||
const factor = 200 / song.thumbnailWidth;
|
|
||||||
const smallFactor = 60 / song.thumbnailHeight;
|
|
||||||
const height = song.thumbnailHeight * factor;
|
|
||||||
return {
|
|
||||||
width: 200,
|
|
||||||
height: height,
|
|
||||||
widthSmall: smallFactor * song.thumbnailWidth,
|
|
||||||
heightSmall: 60
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Blurred thumbs aren't generated (yet, unclear of they ever will)
|
|
||||||
// So blurred forces using the small one, by skipping the others and removing its media query.
|
|
||||||
// This is technically unnecessary - the blurred one will only show if it matches the small media query,
|
|
||||||
// but this makes it more explicit
|
|
||||||
function getSourceSetHtml(song: SongInfo, isBlurred = false): string {
|
|
||||||
const small = new Map<string, string[]>();
|
|
||||||
const large = new Map<string, string[]>();
|
|
||||||
|
|
||||||
// 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>([
|
|
||||||
['avif', 0],
|
|
||||||
['webp', 1],
|
|
||||||
['jpg', 99],
|
|
||||||
['jpeg', 99]
|
|
||||||
]);
|
|
||||||
const thumbs = (song.resizedThumbnails ?? []).sort((a, b) => {
|
|
||||||
const extensionA = a.file.split('.').pop() ?? '';
|
|
||||||
const extensionB = b.file.split('.').pop() ?? '';
|
|
||||||
const prioA = formatPriority.get(extensionA) ?? 3;
|
|
||||||
const prioB = formatPriority.get(extensionB) ?? 3;
|
|
||||||
return prioA - prioB;
|
|
||||||
});
|
|
||||||
|
|
||||||
for (const resizedThumb of thumbs) {
|
|
||||||
if (isBlurred && resizedThumb.kind !== SongThumbnailImageKind.Small) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
const extension = resizedThumb.file.split('.').pop();
|
|
||||||
const mime = extension ? `image/${extension}` : 'application/octet-stream';
|
|
||||||
const sourceSetEntry = `${resizedThumb.file} ${resizedThumb.sizeDescriptor}`;
|
|
||||||
switch (resizedThumb.kind) {
|
|
||||||
case SongThumbnailImageKind.Big:
|
|
||||||
large.set(mime, [...(large.get(mime) || []), sourceSetEntry]);
|
|
||||||
break;
|
|
||||||
case SongThumbnailImageKind.Small:
|
|
||||||
small.set(mime, [...(small.get(mime) || []), sourceSetEntry]);
|
|
||||||
break;
|
|
||||||
case SongThumbnailImageKind.Blurred: // currently not generated
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
let html = '';
|
|
||||||
const { width, height, widthSmall, heightSmall } = getThumbnailSize(song);
|
|
||||||
const mediaAttribute = isBlurred ? '' : 'media="(max-width: 650px)"';
|
|
||||||
for (const entry of small.entries()) {
|
|
||||||
const srcset = entry[1].join(', ');
|
|
||||||
html += `<source srcset="${srcset}" type="${entry[0]}" ${mediaAttribute} width="${widthSmall}" height="${heightSmall}" />`;
|
|
||||||
}
|
|
||||||
html += '\n';
|
|
||||||
for (const entry of large.entries()) {
|
|
||||||
const srcset = entry[1].join(', ');
|
|
||||||
html += `<source srcset="${srcset}" type="${entry[0]}" width="${width}" height="${height}"/>`;
|
|
||||||
}
|
|
||||||
return html;
|
|
||||||
}
|
|
||||||
|
|
||||||
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;
|
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<div class="avatar"><AvatarComponent account={post.account} /></div>
|
<div class="avatar"><AvatarComponent account={post.account} /></div>
|
||||||
<div class="account"><AccountComponent account={post.account} /></div>
|
<div class="post">
|
||||||
<div class="meta">
|
<div class="meta">
|
||||||
<small><a href={post.url} target="_blank" title={absoluteDate}>{dateCreated}</a></small>
|
<AccountComponent account={post.account} />
|
||||||
|
<small><a href={post.url} target="_blank">{dateCreated}</a></small>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">{@html post.content}</div>
|
<div class="content">{@html post.content}</div>
|
||||||
<div class="song">
|
|
||||||
{#if post.songs}
|
|
||||||
{#each songs as song (song.pageUrl)}
|
|
||||||
<div class="info-wrapper">
|
|
||||||
<picture>
|
|
||||||
{@html getSourceSetHtml(song)}
|
|
||||||
<img class="bgimage" src={song.thumbnailUrl} loading="lazy" alt="Blurred cover" />
|
|
||||||
</picture>
|
|
||||||
<a href={song.pageUrl ?? song.postedUrl} target="_blank">
|
|
||||||
<div class="info">
|
|
||||||
<picture>
|
|
||||||
{@html getSourceSetHtml(song)}
|
|
||||||
<img
|
|
||||||
src={song.thumbnailUrl}
|
|
||||||
class="cover"
|
|
||||||
alt="Cover for {song.artistName} - {song.title}"
|
|
||||||
loading="lazy"
|
|
||||||
width={song.thumbnailWidth}
|
|
||||||
height={song.thumbnailHeight}
|
|
||||||
/>
|
|
||||||
</picture>
|
|
||||||
<span class="text">{song.artistName} - {song.title}</span>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{/each}
|
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.wrapper {
|
.wrapper {
|
||||||
display: grid;
|
display: flex;
|
||||||
grid-template-columns: 50px 1fr auto auto;
|
|
||||||
grid-template-rows: auto 1fr auto;
|
|
||||||
grid-template-areas:
|
|
||||||
'avatar account account meta'
|
|
||||||
'avatar content content song'
|
|
||||||
'. content content song';
|
|
||||||
grid-column-gap: 6px;
|
|
||||||
column-gap: 6px;
|
|
||||||
grid-row-gap: 6px;
|
|
||||||
row-gap: 6px;
|
|
||||||
}
|
}
|
||||||
.avatar {
|
.post {
|
||||||
grid-area: avatar;
|
|
||||||
max-width: 50px;
|
|
||||||
max-height: 50px;
|
|
||||||
}
|
|
||||||
.account {
|
|
||||||
grid-area: account;
|
|
||||||
}
|
|
||||||
.meta {
|
|
||||||
grid-area: meta;
|
|
||||||
justify-self: end;
|
|
||||||
}
|
|
||||||
.content {
|
|
||||||
grid-area: content;
|
|
||||||
word-break: break-word;
|
|
||||||
translate: 0 -0.5em;
|
|
||||||
}
|
|
||||||
.song {
|
|
||||||
grid-area: song;
|
|
||||||
align-self: center;
|
|
||||||
justify-self: center;
|
|
||||||
max-width: 200px;
|
|
||||||
}
|
|
||||||
.cover {
|
|
||||||
max-width: 200px;
|
|
||||||
display: block;
|
|
||||||
border-radius: 3px;
|
|
||||||
margin-bottom: 3px;
|
|
||||||
}
|
|
||||||
.bgimage {
|
|
||||||
display: none;
|
|
||||||
background-color: var(--color-bg);
|
|
||||||
}
|
|
||||||
.info {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
flex-grow: 2;
|
||||||
gap: 0.5em;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
}
|
||||||
.info * {
|
.meta {
|
||||||
z-index: inherit;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
@media only screen and (max-width: 650px) {
|
.avatar {
|
||||||
.wrapper {
|
margin-right: 1em;
|
||||||
grid-template-areas:
|
|
||||||
'avatar account account meta'
|
|
||||||
'content content content content'
|
|
||||||
'song song song song';
|
|
||||||
grid-row-gap: 3px;
|
|
||||||
row-gap: 3px;
|
|
||||||
}
|
|
||||||
.song {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.song,
|
|
||||||
.cover {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
.cover {
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
.cover:not(.background) {
|
|
||||||
z-index: 1;
|
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
-webkit-backdrop-filter: blur(10px);
|
|
||||||
}
|
|
||||||
.bgimage {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 60px;
|
|
||||||
z-index: 0;
|
|
||||||
filter: blur(10px);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
}
|
|
||||||
.info {
|
|
||||||
position: relative;
|
|
||||||
top: -60px;
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
.info-wrapper {
|
|
||||||
margin-bottom: -50px;
|
|
||||||
}
|
|
||||||
.text {
|
|
||||||
padding: 3px;
|
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
-webkit-backdrop-filter: blur(10px);
|
|
||||||
border-radius: 3px;
|
|
||||||
background-color: var(--color-bg-translucent);
|
|
||||||
color: var(--color-text);
|
|
||||||
}
|
}
|
||||||
|
.content {
|
||||||
|
max-width: calc(600px - 1em - 50px);
|
||||||
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
@ -1,8 +0,0 @@
|
|||||||
import errorIcon from '$lib/assets/error-warning-fill.svg';
|
|
||||||
import { toast } from '@zerodevx/svelte-toast';
|
|
||||||
|
|
||||||
export function errorToast(message: string): number {
|
|
||||||
return toast.push(`<img src="${errorIcon}" />${message}`, {
|
|
||||||
classes: ['error']
|
|
||||||
});
|
|
||||||
}
|
|
@ -1,32 +0,0 @@
|
|||||||
import { env } from '$env/dynamic/private';
|
|
||||||
import { isTruthy } from '$lib/truthyString';
|
|
||||||
const { DEV } = import.meta.env;
|
|
||||||
|
|
||||||
export const enableVerboseLog = isTruthy(env.VERBOSE);
|
|
||||||
|
|
||||||
export const log = {
|
|
||||||
verbose: (...params: any[]) => {
|
|
||||||
if (!enableVerboseLog) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
console.debug(new Date().toISOString(), ...params);
|
|
||||||
},
|
|
||||||
debug: (...params: any[]) => {
|
|
||||||
if (!DEV) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
console.debug(new Date().toISOString(), ...params);
|
|
||||||
},
|
|
||||||
log: (...params: any[]) => {
|
|
||||||
console.log(new Date().toISOString(), ...params);
|
|
||||||
},
|
|
||||||
info: (...params: any[]) => {
|
|
||||||
console.info(new Date().toISOString(), ...params);
|
|
||||||
},
|
|
||||||
warn: (...params: any[]) => {
|
|
||||||
console.warn(new Date().toISOString(), ...params);
|
|
||||||
},
|
|
||||||
error: (...params: any[]) => {
|
|
||||||
console.error(new Date().toISOString(), ...params);
|
|
||||||
}
|
|
||||||
};
|
|
@ -1,60 +1,29 @@
|
|||||||
import type { SongInfo } from '$lib/odesliResponse';
|
|
||||||
|
|
||||||
export interface TimelineEvent {
|
export interface TimelineEvent {
|
||||||
event: string;
|
event: string,
|
||||||
payload: string;
|
payload: string
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface Post {
|
export interface Post {
|
||||||
id: string;
|
id: string,
|
||||||
created_at: string;
|
created_at: string,
|
||||||
tags: Tag[];
|
tags: Tag[],
|
||||||
url: string;
|
url: string,
|
||||||
content: string;
|
content: string,
|
||||||
account: Account;
|
account: Account
|
||||||
card?: PreviewCard;
|
|
||||||
songs?: SongInfo[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface PreviewCard {
|
|
||||||
url: string;
|
|
||||||
title: string;
|
|
||||||
image?: string;
|
|
||||||
blurhash?: string;
|
|
||||||
width: number;
|
|
||||||
height: number;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface Tag {
|
export interface Tag {
|
||||||
name: string;
|
name: string,
|
||||||
url: string;
|
url: string
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface Account {
|
export interface Account {
|
||||||
id: string;
|
id: string,
|
||||||
acct: string;
|
acct: string,
|
||||||
username: string;
|
username: string,
|
||||||
display_name: string;
|
display_name: string,
|
||||||
url: string;
|
url: string,
|
||||||
avatar: string;
|
avatar: string,
|
||||||
resizedAvatars?: AccountAvatar[];
|
avatar_static: string
|
||||||
}
|
}
|
||||||
|
|
||||||
export type AccountAvatar = {
|
|
||||||
accountUrl: string;
|
|
||||||
file: string;
|
|
||||||
sizeDescriptor: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export enum SongThumbnailImageKind {
|
|
||||||
Big = 1,
|
|
||||||
Small,
|
|
||||||
Blurred
|
|
||||||
}
|
|
||||||
|
|
||||||
export type SongThumbnailImage = {
|
|
||||||
songThumbnailUrl: string;
|
|
||||||
file: string;
|
|
||||||
sizeDescriptor: string;
|
|
||||||
kind: SongThumbnailImageKind;
|
|
||||||
};
|
|
||||||
|
@ -1,149 +0,0 @@
|
|||||||
import type { SongThumbnailImage } from '$lib/mastodon/response';
|
|
||||||
|
|
||||||
export type SongInfo = {
|
|
||||||
pageUrl: string;
|
|
||||||
youtubeUrl?: string;
|
|
||||||
type: 'song' | 'album';
|
|
||||||
title?: string;
|
|
||||||
artistName?: string;
|
|
||||||
thumbnailUrl?: string;
|
|
||||||
postedUrl: string;
|
|
||||||
resizedThumbnails?: SongThumbnailImage[];
|
|
||||||
thumbnailWidth?: number;
|
|
||||||
thumbnailHeight?: number;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type SongwhipReponse = {
|
|
||||||
type: 'track' | 'album';
|
|
||||||
name: string;
|
|
||||||
image?: string;
|
|
||||||
url: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type OdesliResponse = {
|
|
||||||
/**
|
|
||||||
* The unique ID for the input entity that was supplied in the request. The
|
|
||||||
* data for this entity, such as title, artistName, etc. will be found in
|
|
||||||
* an object at `nodesByUniqueId[entityUniqueId]`
|
|
||||||
*/
|
|
||||||
entityUniqueId: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The userCountry query param that was supplied in the request. It signals
|
|
||||||
* the country/availability we use to query the streaming platforms. Defaults
|
|
||||||
* to 'US' if no userCountry supplied in the request.
|
|
||||||
*
|
|
||||||
* NOTE: As a fallback, our service may respond with matches that were found
|
|
||||||
* in a locale other than the userCountry supplied
|
|
||||||
*/
|
|
||||||
userCountry: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* A URL that will render the Songlink page for this entity
|
|
||||||
*/
|
|
||||||
pageUrl: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* A collection of objects. Each key is a platform, and each value is an
|
|
||||||
* object that contains data for linking to the match
|
|
||||||
*/
|
|
||||||
linksByPlatform: {
|
|
||||||
/**
|
|
||||||
* Each key in `linksByPlatform` is a Platform. A Platform will exist here
|
|
||||||
* only if there is a match found. E.g. if there is no YouTube match found,
|
|
||||||
* then neither `youtube` or `youtubeMusic` properties will exist here
|
|
||||||
*/
|
|
||||||
[k in Platform]: {
|
|
||||||
/**
|
|
||||||
* The unique ID for this entity. Use it to look up data about this entity
|
|
||||||
* at `entitiesByUniqueId[entityUniqueId]`
|
|
||||||
*/
|
|
||||||
entityUniqueId: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The URL for this match
|
|
||||||
*/
|
|
||||||
url: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The native app URI that can be used on mobile devices to open this
|
|
||||||
* entity directly in the native app
|
|
||||||
*/
|
|
||||||
nativeAppUriMobile?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The native app URI that can be used on desktop devices to open this
|
|
||||||
* entity directly in the native app
|
|
||||||
*/
|
|
||||||
nativeAppUriDesktop?: string;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
// A collection of objects. Each key is a unique identifier for a streaming
|
|
||||||
// entity, and each value is an object that contains data for that entity,
|
|
||||||
// such as `title`, `artistName`, `thumbnailUrl`, etc.
|
|
||||||
entitiesByUniqueId: {
|
|
||||||
[entityUniqueId: string]: {
|
|
||||||
// This is the unique identifier on the streaming platform/API provider
|
|
||||||
id: string;
|
|
||||||
|
|
||||||
type: 'song' | 'album';
|
|
||||||
|
|
||||||
title?: string;
|
|
||||||
artistName?: string;
|
|
||||||
thumbnailUrl?: string;
|
|
||||||
thumbnailWidth?: number;
|
|
||||||
thumbnailHeight?: number;
|
|
||||||
|
|
||||||
// The API provider that powered this match. Useful if you'd like to use
|
|
||||||
// this entity's data to query the API directly
|
|
||||||
apiProvider: APIProvider;
|
|
||||||
|
|
||||||
// An array of platforms that are "powered" by this entity. E.g. an entity
|
|
||||||
// from Apple Music will generally have a `platforms` array of
|
|
||||||
// `["appleMusic", "itunes"]` since both those platforms/links are derived
|
|
||||||
// from this single entity
|
|
||||||
platforms: Platform[];
|
|
||||||
};
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
export type Platform =
|
|
||||||
| 'spotify'
|
|
||||||
| 'itunes'
|
|
||||||
| 'appleMusic'
|
|
||||||
| 'youtube'
|
|
||||||
| 'youtubeMusic'
|
|
||||||
| 'google'
|
|
||||||
| 'googleStore'
|
|
||||||
| 'pandora'
|
|
||||||
| 'deezer'
|
|
||||||
| 'tidal'
|
|
||||||
| 'amazonStore'
|
|
||||||
| 'amazonMusic'
|
|
||||||
| 'soundcloud'
|
|
||||||
| 'napster'
|
|
||||||
| 'yandex'
|
|
||||||
| 'spinrilla'
|
|
||||||
| 'audius'
|
|
||||||
| 'audiomack'
|
|
||||||
| 'anghami'
|
|
||||||
| 'boomplay';
|
|
||||||
|
|
||||||
export type APIProvider =
|
|
||||||
| 'spotify'
|
|
||||||
| 'itunes'
|
|
||||||
| 'youtube'
|
|
||||||
| 'google'
|
|
||||||
| 'pandora'
|
|
||||||
| 'deezer'
|
|
||||||
| 'tidal'
|
|
||||||
| 'amazon'
|
|
||||||
| 'soundcloud'
|
|
||||||
| 'napster'
|
|
||||||
| 'yandex'
|
|
||||||
| 'spinrilla'
|
|
||||||
| 'audius'
|
|
||||||
| 'audiomack'
|
|
||||||
| 'anghami'
|
|
||||||
| 'boomplay';
|
|
@ -1,37 +0,0 @@
|
|||||||
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<number> {
|
|
||||||
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 `${Math.floor(seconds / day)}d`;
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
@ -1,189 +1,66 @@
|
|||||||
import { IGNORE_USERS, MASTODON_INSTANCE } from '$env/static/private';
|
import { env } from '$env/dynamic/private';
|
||||||
import { enableVerboseLog, log } from '$lib/log';
|
import type { Account, Post, Tag } from '$lib/mastodon/response';
|
||||||
import type { Account, AccountAvatar, Post, SongThumbnailImage, Tag } from '$lib/mastodon/response';
|
|
||||||
import type { SongInfo } from '$lib/odesliResponse';
|
|
||||||
import { TimelineReader } from '$lib/server/timeline';
|
|
||||||
import sqlite3 from 'sqlite3';
|
import sqlite3 from 'sqlite3';
|
||||||
|
const { DEV } = import.meta.env;
|
||||||
type FilterParameter = {
|
|
||||||
$limit?: number | undefined | null;
|
|
||||||
$since?: string | undefined | null;
|
|
||||||
$before?: string | undefined | null;
|
|
||||||
[x: string]: string | number | undefined | null;
|
|
||||||
};
|
|
||||||
|
|
||||||
type PostRow = {
|
|
||||||
id: string;
|
|
||||||
content: string;
|
|
||||||
created_at: string;
|
|
||||||
url: string;
|
|
||||||
account_id: string;
|
|
||||||
acct: string;
|
|
||||||
username: string;
|
|
||||||
display_name: string;
|
|
||||||
account_url: string;
|
|
||||||
avatar: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
type PostTagRow = {
|
|
||||||
post_id: string;
|
|
||||||
tag: string;
|
|
||||||
url: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
type SongRow = {
|
|
||||||
post_url: string;
|
|
||||||
postedUrl: string;
|
|
||||||
overviewUrl?: string;
|
|
||||||
type: 'album' | 'song';
|
|
||||||
youtubeUrl?: string;
|
|
||||||
title?: string;
|
|
||||||
artistName?: string;
|
|
||||||
thumbnailUrl?: string;
|
|
||||||
thumbnailWidth?: number;
|
|
||||||
thumbnailHeight?: number;
|
|
||||||
};
|
|
||||||
|
|
||||||
type AccountAvatarRow = {
|
|
||||||
account_url: string;
|
|
||||||
file: string;
|
|
||||||
sizeDescriptor: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
type SongThumbnailAvatarRow = {
|
|
||||||
song_thumbnailUrl: string;
|
|
||||||
file: string;
|
|
||||||
sizeDescriptor: string;
|
|
||||||
kind: number;
|
|
||||||
};
|
|
||||||
|
|
||||||
type Migration = {
|
|
||||||
id: number;
|
|
||||||
name: string;
|
|
||||||
statement: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
const db: sqlite3.Database = new sqlite3.Database('moshingmammut.db');
|
const db: sqlite3.Database = new sqlite3.Database('moshingmammut.db');
|
||||||
// for the local masto instance, the instance name is *not* saved
|
|
||||||
// as part of the username or acct, so it needs to be stripped
|
|
||||||
const ignoredUsers: string[] =
|
|
||||||
IGNORE_USERS === undefined
|
|
||||||
? []
|
|
||||||
: IGNORE_USERS.split(',')
|
|
||||||
.map((u) => (u.startsWith('@') ? u.substring(1) : u))
|
|
||||||
.map((u) =>
|
|
||||||
u.endsWith('@' + MASTODON_INSTANCE)
|
|
||||||
? u.substring(0, u.length - ('@' + MASTODON_INSTANCE).length)
|
|
||||||
: u
|
|
||||||
);
|
|
||||||
let databaseReady = false;
|
|
||||||
|
|
||||||
if (enableVerboseLog) {
|
if (DEV && env.VERBOSE === 'true') {
|
||||||
sqlite3.verbose();
|
sqlite3.verbose();
|
||||||
db.on('change', (t, d, table, rowid) => {
|
db.on('change', (t, d, table, rowid) => {
|
||||||
log.verbose('DB change event', t, d, table, rowid);
|
console.debug('DB change event', t, d, table, rowid);
|
||||||
});
|
})
|
||||||
|
|
||||||
db.on('trace', (sql) => {
|
db.on('trace', (sql) => {
|
||||||
log.verbose('Running', sql);
|
console.debug('Running', sql);
|
||||||
});
|
});
|
||||||
|
|
||||||
db.on('profile', (sql) => {
|
db.on('profile', (sql) => {
|
||||||
log.verbose('Finished', sql);
|
console.debug('Finished', sql);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function applyDbMigration(migration: Migration): Promise<void> {
|
interface Migration {
|
||||||
return new Promise((resolve, reject) => {
|
id: number,
|
||||||
db.exec(migration.statement, (err) => {
|
name: string,
|
||||||
if (err !== null) {
|
statement: string
|
||||||
log.error(`Failed to apply migration ${migration.name}`, err);
|
|
||||||
reject(err);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
resolve();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async function applyMigration(migration: Migration) {
|
|
||||||
if (migration.id === 4) {
|
|
||||||
// When this is run, no posts will have added song data,
|
|
||||||
// so filtering won't help
|
|
||||||
const posts = await getPostsInternal(null, null, 10000);
|
|
||||||
let current = 0;
|
|
||||||
const total = posts.length.toString().padStart(4, '0');
|
|
||||||
for (const post of posts) {
|
|
||||||
current++;
|
|
||||||
if (post.songs && post.songs.length) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
log.info(
|
|
||||||
`Fetching songs for existing post ${current.toString().padStart(4, '0')} of ${total}`,
|
|
||||||
post.url
|
|
||||||
);
|
|
||||||
const songs = await TimelineReader.getSongInfoInPost(post);
|
|
||||||
await saveSongInfoData(post.url, songs);
|
|
||||||
log.debug(`Fetched ${songs.length} songs for existing post`, post.url);
|
|
||||||
}
|
|
||||||
log.debug(`Finished fetching songs`);
|
|
||||||
} else {
|
|
||||||
await applyDbMigration(migration);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
db.on('open', () => {
|
db.on('open', () => {
|
||||||
log.info('Opened database');
|
console.log('Opened database');
|
||||||
db.serialize();
|
db.serialize();
|
||||||
db.run('CREATE TABLE IF NOT EXISTS "migrations" ("id" integer,"name" TEXT, PRIMARY KEY (id))');
|
db.run('CREATE TABLE IF NOT EXISTS "migrations" ("id" integer,"name" TEXT, PRIMARY KEY (id))');
|
||||||
db.all('SELECT id FROM migrations', (err, rows: Migration[]) => {
|
db.all('SELECT id FROM migrations', (err, rows) => {
|
||||||
if (err !== null) {
|
if (err !== null) {
|
||||||
log.error('Could not fetch existing migrations', err);
|
console.error('Could not fetch existing migrations', err);
|
||||||
databaseReady = true;
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
log.debug('Already applied migrations', rows);
|
console.debug('Already applied migrations', rows);
|
||||||
const appliedMigrations: Set<number> = new Set(rows.map((row) => row['id']));
|
const appliedMigrations: Set<number> = new Set(rows.map((row: any) => row['id']));
|
||||||
const toApply = getMigrations().filter((m) => !appliedMigrations.has(m.id));
|
const toApply = getMigrations().filter(m => !appliedMigrations.has(m.id));
|
||||||
let remaining = toApply.length;
|
for (let migration of toApply) {
|
||||||
if (remaining === 0) {
|
db.exec(migration.statement, (err) => {
|
||||||
databaseReady = true;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
for (const migration of toApply) {
|
|
||||||
applyMigration(migration).then(() => {
|
|
||||||
remaining--;
|
|
||||||
// This will set databaseReady to true before the migration has been inserted as applies,
|
|
||||||
// but that doesn't matter. It's only important that is has been applied
|
|
||||||
if (remaining === 0) {
|
|
||||||
databaseReady = true;
|
|
||||||
}
|
|
||||||
if (err !== null) {
|
if (err !== null) {
|
||||||
log.error(`Failed to apply migration ${migration.name}`, err);
|
console.error(`Failed to apply migration ${migration.name}`, err);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
db.run(
|
db.run('INSERT INTO migrations (id, name) VALUES(?, ?)', [migration.id, migration.name], (e: Error) => {
|
||||||
'INSERT INTO migrations (id, name) VALUES(?, ?)',
|
|
||||||
[migration.id, migration.name],
|
|
||||||
(e: Error) => {
|
|
||||||
if (e !== null) {
|
if (e !== null) {
|
||||||
log.error(`Failed to mark migration ${migration.name} as applied`, e);
|
console.error(`Failed to mark migration ${migration.name} as applied`, e);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
log.info(`Applied migration ${migration.name}`);
|
console.info(`Applied migration ${migration.name}`);
|
||||||
}
|
});
|
||||||
);
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
db.on('error', (err) => {
|
db.on('error', (err) => {
|
||||||
log.error('Error opening database', err);
|
console.error('Error opening database', err);
|
||||||
});
|
});
|
||||||
|
|
||||||
function getMigrations(): Migration[] {
|
function getMigrations(): Migration[] {
|
||||||
return [
|
return [{
|
||||||
{
|
|
||||||
id: 1,
|
id: 1,
|
||||||
name: 'initial',
|
name: 'initial',
|
||||||
statement: `
|
statement: `
|
||||||
@ -212,218 +89,79 @@ function getMigrations(): Migration[] {
|
|||||||
FOREIGN KEY (post_id) REFERENCES posts(id),
|
FOREIGN KEY (post_id) REFERENCES posts(id),
|
||||||
FOREIGN KEY (tag_url) REFERENCES tags(url)
|
FOREIGN KEY (tag_url) REFERENCES tags(url)
|
||||||
)`
|
)`
|
||||||
},
|
}];
|
||||||
{
|
|
||||||
id: 2,
|
|
||||||
name: 'urls as keys',
|
|
||||||
statement: `
|
|
||||||
CREATE TABLE accounts_new (
|
|
||||||
id TEXT NOT NULL,
|
|
||||||
acct TEXT,
|
|
||||||
username TEXT,
|
|
||||||
display_name TEXT,
|
|
||||||
url TEXT NOT NULL PRIMARY KEY,
|
|
||||||
avatar TEXT
|
|
||||||
);
|
|
||||||
INSERT INTO accounts_new (id, acct, username, display_name, url, avatar)
|
|
||||||
SELECT id, acct, username, display_name, url, avatar
|
|
||||||
FROM accounts;
|
|
||||||
DROP TABLE accounts;
|
|
||||||
ALTER TABLE accounts_new RENAME TO accounts;
|
|
||||||
|
|
||||||
CREATE TABLE posts_new (
|
|
||||||
id TEXT NOT NULL,
|
|
||||||
content TEXT,
|
|
||||||
created_at TEXT,
|
|
||||||
url TEXT NOT NULL PRIMARY KEY,
|
|
||||||
account_id TEXT NOT NULL,
|
|
||||||
FOREIGN KEY (account_id) REFERENCES accounts(url)
|
|
||||||
);
|
|
||||||
INSERT INTO posts_new (id, content, created_at, url, account_id)
|
|
||||||
SELECT p.id, p.content, p.created_at, p.url, accounts.url
|
|
||||||
FROM posts as p
|
|
||||||
JOIN accounts ON accounts.id = p.account_id;
|
|
||||||
DROP TABLE posts;
|
|
||||||
ALTER TABLE posts_new RENAME TO posts;
|
|
||||||
|
|
||||||
CREATE TABLE poststags_new (
|
|
||||||
id integer PRIMARY KEY,
|
|
||||||
post_id TEXT NOT NULL,
|
|
||||||
tag_url TEXT NOT NULL,
|
|
||||||
FOREIGN KEY (post_id) REFERENCES posts(url),
|
|
||||||
FOREIGN KEY (tag_url) REFERENCES tags(url)
|
|
||||||
);
|
|
||||||
|
|
||||||
INSERT INTO poststags_new (id, post_id, tag_url)
|
|
||||||
SELECT pt.id, posts.url, pt.tag_url
|
|
||||||
FROM poststags as pt
|
|
||||||
JOIN posts ON posts.id = pt.post_id;
|
|
||||||
DROP TABLE poststags;
|
|
||||||
ALTER TABLE poststags_new RENAME TO poststags;
|
|
||||||
`
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 3,
|
|
||||||
name: 'song info for posts',
|
|
||||||
statement: `
|
|
||||||
CREATE TABLE songs (
|
|
||||||
id integer PRIMARY KEY,
|
|
||||||
postedUrl TEXT NOT NULL,
|
|
||||||
overviewUrl TEXT,
|
|
||||||
type TEXT CHECK ( type in ('album', 'song') ),
|
|
||||||
youtubeUrl TEXT,
|
|
||||||
title TEXT,
|
|
||||||
artistName TEXT,
|
|
||||||
thumbnailUrl TEXT,
|
|
||||||
post_url TEXT,
|
|
||||||
FOREIGN KEY (post_url) REFERENCES posts(url)
|
|
||||||
);`
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 4,
|
|
||||||
name: 'song info for existing posts',
|
|
||||||
statement: ``
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 5,
|
|
||||||
name: 'resized avatars',
|
|
||||||
statement: `
|
|
||||||
CREATE TABLE accountsavatars (
|
|
||||||
file TEXT NOT NULL PRIMARY KEY,
|
|
||||||
account_url TEXT NOT NULL,
|
|
||||||
sizeDescriptor TEXT NOT NULL,
|
|
||||||
FOREIGN KEY (account_url) REFERENCES accounts(url)
|
|
||||||
);`
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 6,
|
|
||||||
name: 'resized song thumbnails',
|
|
||||||
statement: `
|
|
||||||
CREATE TABLE songsthumbnails (
|
|
||||||
file TEXT NOT NULL PRIMARY KEY,
|
|
||||||
song_thumbnailUrl TEXT NOT NULL,
|
|
||||||
sizeDescriptor TEXT NOT NULL,
|
|
||||||
kind INTEGER NOT NULL,
|
|
||||||
FOREIGN KEY (song_thumbnailUrl) REFERENCES songs(thumbnailUrl)
|
|
||||||
);`
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 7,
|
|
||||||
name: 'song thumbnail size',
|
|
||||||
statement: `
|
|
||||||
ALTER TABLE songs ADD COLUMN thumbnailWidth INTEGER NULL;
|
|
||||||
ALTER TABLE songs ADD COLUMN thumbnailHeight INTEGER NULL;`
|
|
||||||
}
|
|
||||||
];
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async function waitReady(): Promise<void> {
|
export function savePost(post: Post): void {
|
||||||
// Simpler than a semaphore and is really only needed on startup
|
console.debug(`Saving post ${post.url}`);
|
||||||
return new Promise((resolve) => {
|
const account = post.account;
|
||||||
const interval = setInterval(() => {
|
db.run(`
|
||||||
log.verbose('Waiting for database to be ready');
|
INSERT INTO accounts (id, acct, username, display_name, url, avatar, avatar_static)
|
||||||
if (databaseReady) {
|
VALUES(?, ?, ?, ?, ?, ?, ?)
|
||||||
log.verbose('DB is ready');
|
ON CONFLICT(id)
|
||||||
clearInterval(interval);
|
|
||||||
resolve();
|
|
||||||
}
|
|
||||||
}, 100);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function saveAccountData(account: Account): Promise<void> {
|
|
||||||
return new Promise<void>((resolve, reject) => {
|
|
||||||
db.run(
|
|
||||||
`
|
|
||||||
INSERT INTO accounts (id, acct, username, display_name, url, avatar)
|
|
||||||
VALUES(?, ?, ?, ?, ?, ?)
|
|
||||||
ON CONFLICT(url)
|
|
||||||
DO UPDATE SET
|
DO UPDATE SET
|
||||||
acct=excluded.acct,
|
acct=excluded.acct,
|
||||||
username=excluded.username,
|
username=excluded.username,
|
||||||
display_name=excluded.display_name,
|
display_name=excluded.display_name,
|
||||||
id=excluded.id,
|
url=excluded.url,
|
||||||
avatar=excluded.avatar;`,
|
avatar=excluded.avatar,
|
||||||
|
avatar_static=excluded.avatar_static;`,
|
||||||
[
|
[
|
||||||
account.id,
|
account.id,
|
||||||
account.acct,
|
account.acct,
|
||||||
account.username,
|
account.username,
|
||||||
account.display_name,
|
account.display_name,
|
||||||
account.url,
|
account.url,
|
||||||
account.avatar
|
account.avatar,
|
||||||
|
account.avatar_static
|
||||||
],
|
],
|
||||||
(err) => {
|
(err) => {
|
||||||
if (err !== null) {
|
if (err !== null) {
|
||||||
log.error(`Could not insert/update account ${account.id}`, err);
|
console.error(`Could not insert/update account ${account.id}`, err);
|
||||||
reject(err);
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
resolve();
|
db.run(`
|
||||||
}
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function savePostData(post: Post): Promise<void> {
|
|
||||||
return new Promise<void>((resolve, reject) => {
|
|
||||||
db.run(
|
|
||||||
`
|
|
||||||
INSERT INTO posts (id, content, created_at, url, account_id)
|
INSERT INTO posts (id, content, created_at, url, account_id)
|
||||||
VALUES (?, ?, ?, ?, ?) ON CONFLICT(url) DO UPDATE SET
|
VALUES (?, ?, ?, ?, ?) ON CONFLICT(id) DO UPDATE SET
|
||||||
content=excluded.content,
|
content=excluded.content,
|
||||||
created_at=excluded.created_at,
|
created_at=excluded.created_at,
|
||||||
id=excluded.id,
|
url=excluded.url,
|
||||||
account_id=excluded.account_id;`,
|
account_id=excluded.account_id;`,
|
||||||
[post.id, post.content, post.created_at, post.url, post.account.url],
|
[
|
||||||
|
post.id,
|
||||||
|
post.content,
|
||||||
|
post.created_at,
|
||||||
|
post.url,
|
||||||
|
post.account.id
|
||||||
|
],
|
||||||
(postErr) => {
|
(postErr) => {
|
||||||
if (postErr !== null) {
|
if (postErr !== null) {
|
||||||
log.error(`Could not insert post ${post.url}`, postErr);
|
console.error(`Could not insert post ${post.url}`, postErr);
|
||||||
reject(postErr);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
resolve();
|
|
||||||
}
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function savePostTagData(post: Post): Promise<void> {
|
|
||||||
return new Promise<void>((resolve, reject) => {
|
|
||||||
if (!post.tags.length) {
|
|
||||||
resolve();
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
db.parallelize(() => {
|
db.parallelize(() => {
|
||||||
let remaining = post.tags.length;
|
for (let tag of post.tags) {
|
||||||
for (const tag of post.tags) {
|
db.run(`
|
||||||
db.run(
|
|
||||||
`
|
|
||||||
INSERT INTO tags (url, tag) VALUES (?, ?)
|
INSERT INTO tags (url, tag) VALUES (?, ?)
|
||||||
ON CONFLICT(url) DO UPDATE SET
|
ON CONFLICT(url) DO UPDATE SET
|
||||||
tag=excluded.tag;`,
|
tag=excluded.tag;`,
|
||||||
[tag.url, tag.name],
|
[
|
||||||
|
tag.url,
|
||||||
|
tag.name
|
||||||
|
],
|
||||||
(tagErr) => {
|
(tagErr) => {
|
||||||
if (tagErr !== null) {
|
if (tagErr !== null) {
|
||||||
log.error(`Could not insert/update tag ${tag.url}`, tagErr);
|
console.error(`Could not insert/update tag ${tag.url}`, tagErr);
|
||||||
reject(tagErr);
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
db.run(
|
db.run('INSERT INTO poststags (post_id, tag_url) VALUES (?, ?)',
|
||||||
'INSERT INTO poststags (post_id, tag_url) VALUES (?, ?)',
|
[post.id, tag.url],
|
||||||
[post.url, tag.url],
|
|
||||||
(posttagserr) => {
|
(posttagserr) => {
|
||||||
if (posttagserr !== null) {
|
if (posttagserr !== null) {
|
||||||
log.error(`Could not insert poststags ${tag.url}, ${post.url}`, posttagserr);
|
console.error(`Could not insert poststags ${tag.url}, ${post.url}`, posttagserr);
|
||||||
reject(posttagserr);
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// Don't decrease on fail
|
|
||||||
remaining--;
|
|
||||||
// Only resolve after all have been inserted
|
|
||||||
if (remaining === 0) {
|
|
||||||
resolve();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -431,301 +169,70 @@ function savePostTagData(post: Post): Promise<void> {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function saveSongInfoData(postUrl: string, songs: SongInfo[]): Promise<void> {
|
export async function getPosts(since: string | null, limit: number) {
|
||||||
return new Promise<void>((resolve, reject) => {
|
let promise = await new Promise<Post[]>((resolve, reject) => {
|
||||||
if (songs.length === 0) {
|
let filter_query;
|
||||||
resolve();
|
let params: any = { $limit: limit };
|
||||||
return;
|
if (since === null) {
|
||||||
|
filter_query = '';
|
||||||
|
} else {
|
||||||
|
filter_query = 'WHERE posts.created_at > $since';
|
||||||
|
params.$since = since;
|
||||||
}
|
}
|
||||||
db.parallelize(() => {
|
|
||||||
let remaining = songs.length;
|
|
||||||
for (const song of songs) {
|
|
||||||
db.run(
|
|
||||||
`
|
|
||||||
INSERT INTO songs (postedUrl, overviewUrl, type, youtubeUrl, title, artistName, thumbnailUrl, post_url, thumbnailWidth, thumbnailHeight)
|
|
||||||
VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
|
|
||||||
`,
|
|
||||||
[
|
|
||||||
song.postedUrl,
|
|
||||||
song.pageUrl,
|
|
||||||
song.type,
|
|
||||||
song.youtubeUrl,
|
|
||||||
song.title,
|
|
||||||
song.artistName,
|
|
||||||
song.thumbnailUrl,
|
|
||||||
postUrl,
|
|
||||||
song.thumbnailWidth,
|
|
||||||
song.thumbnailHeight
|
|
||||||
],
|
|
||||||
(songErr) => {
|
|
||||||
if (songErr !== null) {
|
|
||||||
log.error(`Could not insert song ${song.postedUrl}`, songErr);
|
|
||||||
reject(songErr);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// Don't decrease on fail
|
|
||||||
remaining--;
|
|
||||||
// Only resolve after all have been inserted
|
|
||||||
if (remaining === 0) {
|
|
||||||
resolve();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function savePost(post: Post, songs: SongInfo[]) {
|
|
||||||
if (!databaseReady) {
|
|
||||||
await waitReady();
|
|
||||||
}
|
|
||||||
|
|
||||||
log.debug(`Saving post ${post.url}`);
|
|
||||||
const account = post.account;
|
|
||||||
await saveAccountData(account);
|
|
||||||
log.debug(`Saved account data ${post.url}`);
|
|
||||||
await savePostData(post);
|
|
||||||
log.debug(`Saved post data ${post.url}`);
|
|
||||||
await savePostTagData(post);
|
|
||||||
log.debug(`Saved ${post.tags.length} tag data ${post.url}`);
|
|
||||||
await saveSongInfoData(post.url, songs);
|
|
||||||
log.debug(
|
|
||||||
`Saved ${songs.length} song info data ${post.url}`,
|
|
||||||
songs.map((s) => s.thumbnailHeight)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function getPostData(filterQuery: string, params: FilterParameter): Promise<PostRow[]> {
|
|
||||||
const sql = `SELECT posts.id, posts.content, posts.created_at, posts.url,
|
const sql = `SELECT posts.id, posts.content, posts.created_at, posts.url,
|
||||||
accounts.id AS account_id, accounts.acct, accounts.username, accounts.display_name,
|
accounts.id AS account_id, accounts.acct, accounts.username, accounts.display_name,
|
||||||
accounts.url AS account_url, accounts.avatar
|
accounts.url AS account_url, accounts.avatar
|
||||||
FROM posts
|
FROM posts
|
||||||
JOIN accounts ON posts.account_id = accounts.url
|
JOIN accounts ON posts.account_id = accounts.id
|
||||||
${filterQuery}
|
${filter_query}
|
||||||
ORDER BY created_at DESC
|
ORDER BY created_at DESC
|
||||||
LIMIT $limit`;
|
LIMIT $limit`;
|
||||||
|
db.all(
|
||||||
return new Promise((resolve, reject) => {
|
sql,
|
||||||
db.all(sql, params, (err, rows: PostRow[]) => {
|
params,
|
||||||
|
(err, rows: any[]) => {
|
||||||
if (err != null) {
|
if (err != null) {
|
||||||
log.error('Error loading posts', err);
|
console.error('Error loading posts', err);
|
||||||
reject(err);
|
reject(err);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
resolve(rows);
|
if (rows.length === 0) {
|
||||||
});
|
// No need to check for tags
|
||||||
});
|
resolve([]);
|
||||||
}
|
return;
|
||||||
|
}
|
||||||
function getTagData(postIdsParams: string, postIds: string[]): Promise<Map<string, Tag[]>> {
|
const postIdsParams = rows.map(() => '?').join(', ');
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
db.all(
|
db.all(
|
||||||
`SELECT post_id, tags.url, tags.tag
|
`SELECT post_id, tags.url, tags.tag
|
||||||
FROM poststags
|
FROM poststags
|
||||||
JOIN tags ON poststags.tag_url = tags.url
|
JOIN tags ON poststags.tag_url = tags.url
|
||||||
WHERE post_id IN (${postIdsParams});`,
|
WHERE post_id IN (${postIdsParams});`,
|
||||||
postIds,
|
rows.map((r: any) => r.id),
|
||||||
(tagErr, tagRows: PostTagRow[]) => {
|
(tagErr, tagRows: any[]) => {
|
||||||
if (tagErr != null) {
|
if (tagErr != null) {
|
||||||
log.error('Error loading post tags', tagErr);
|
console.error('Error loading post tags', tagErr);
|
||||||
reject(tagErr);
|
reject(tagErr);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const tagMap: Map<string, Tag[]> = tagRows.reduce((result: Map<string, Tag[]>, item) => {
|
const tagMap: Map<string, Tag[]> = tagRows.reduce(
|
||||||
|
(result: Map<string, Tag[]>, item) => {
|
||||||
const tag: Tag = {
|
const tag: Tag = {
|
||||||
url: item.url,
|
url: item.url,
|
||||||
name: item.tag
|
name: item.tag
|
||||||
};
|
};
|
||||||
result.set(item.post_id, [...(result.get(item.post_id) || []), tag]);
|
result.set(item.post_id, [...result.get(item.post_id) || [], tag]);
|
||||||
return result;
|
return result;
|
||||||
}, new Map());
|
}, new Map());
|
||||||
resolve(tagMap);
|
const posts = rows.map(row => {
|
||||||
}
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function getSongData(postIdsParams: string, postIds: string[]): Promise<Map<string, SongInfo[]>> {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
db.all(
|
|
||||||
`SELECT post_url, songs.postedUrl, songs.overviewUrl, songs.type, songs.youtubeUrl,
|
|
||||||
songs.title, songs.artistName, songs.thumbnailUrl, songs.post_url, songs.thumbnailWidth, songs.thumbnailHeight
|
|
||||||
FROM songs
|
|
||||||
WHERE post_url IN (${postIdsParams});`,
|
|
||||||
postIds,
|
|
||||||
(tagErr, tagRows: SongRow[]) => {
|
|
||||||
if (tagErr != null) {
|
|
||||||
log.error('Error loading post songs', tagErr);
|
|
||||||
reject(tagErr);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const songMap: Map<string, SongInfo[]> = tagRows.reduce(
|
|
||||||
(result: Map<string, SongInfo[]>, item) => {
|
|
||||||
const info = {
|
|
||||||
pageUrl: item.overviewUrl,
|
|
||||||
youtubeUrl: item.youtubeUrl,
|
|
||||||
type: item.type,
|
|
||||||
title: item.title,
|
|
||||||
artistName: item.artistName,
|
|
||||||
thumbnailUrl: item.thumbnailUrl,
|
|
||||||
postedUrl: item.postedUrl,
|
|
||||||
thumbnailHeight: item.thumbnailHeight,
|
|
||||||
thumbnailWidth: item.thumbnailWidth
|
|
||||||
} as SongInfo;
|
|
||||||
result.set(item.post_url, [...(result.get(item.post_url) || []), info]);
|
|
||||||
return result;
|
|
||||||
},
|
|
||||||
new Map()
|
|
||||||
);
|
|
||||||
log.verbose('songMap', songMap);
|
|
||||||
resolve(songMap);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function getAvatarData(
|
|
||||||
accountUrlsParams: string,
|
|
||||||
accountUrls: string[]
|
|
||||||
): Promise<Map<string, AccountAvatar[]>> {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
db.all(
|
|
||||||
`SELECT account_url, file, sizeDescriptor
|
|
||||||
FROM accountsavatars
|
|
||||||
WHERE account_url IN (${accountUrlsParams});`,
|
|
||||||
accountUrls,
|
|
||||||
(err, rows: AccountAvatarRow[]) => {
|
|
||||||
if (err != null) {
|
|
||||||
log.error('Error loading avatars', err);
|
|
||||||
reject(err);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const avatarMap: Map<string, AccountAvatar[]> = rows.reduce(
|
|
||||||
(result: Map<string, AccountAvatar[]>, item) => {
|
|
||||||
const info: AccountAvatar = {
|
|
||||||
accountUrl: item.account_url,
|
|
||||||
file: item.file,
|
|
||||||
sizeDescriptor: item.sizeDescriptor
|
|
||||||
};
|
|
||||||
result.set(item.account_url, [...(result.get(item.account_url) || []), info]);
|
|
||||||
return result;
|
|
||||||
},
|
|
||||||
new Map()
|
|
||||||
);
|
|
||||||
resolve(avatarMap);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function getSongThumbnailData(
|
|
||||||
thumbUrlsParams: string,
|
|
||||||
thumbUrls: string[]
|
|
||||||
): Promise<Map<string, SongThumbnailImage[]>> {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
db.all(
|
|
||||||
`SELECT song_thumbnailUrl, file, sizeDescriptor, kind
|
|
||||||
FROM songsthumbnails
|
|
||||||
WHERE song_thumbnailUrl IN (${thumbUrlsParams});`,
|
|
||||||
thumbUrls,
|
|
||||||
(err, rows: SongThumbnailAvatarRow[]) => {
|
|
||||||
if (err != null) {
|
|
||||||
log.error('Error loading avatars', err);
|
|
||||||
reject(err);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const thumbnailMap: Map<string, SongThumbnailImage[]> = rows.reduce(
|
|
||||||
(result: Map<string, SongThumbnailImage[]>, item) => {
|
|
||||||
const info: SongThumbnailImage = {
|
|
||||||
songThumbnailUrl: item.song_thumbnailUrl,
|
|
||||||
file: item.file,
|
|
||||||
sizeDescriptor: item.sizeDescriptor,
|
|
||||||
kind: item.kind
|
|
||||||
};
|
|
||||||
result.set(item.song_thumbnailUrl, [
|
|
||||||
...(result.get(item.song_thumbnailUrl) || []),
|
|
||||||
info
|
|
||||||
]);
|
|
||||||
return result;
|
|
||||||
},
|
|
||||||
new Map()
|
|
||||||
);
|
|
||||||
resolve(thumbnailMap);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getPosts(
|
|
||||||
since: string | null,
|
|
||||||
before: string | null,
|
|
||||||
limit: number
|
|
||||||
): Promise<Post[]> {
|
|
||||||
if (!databaseReady) {
|
|
||||||
await waitReady();
|
|
||||||
}
|
|
||||||
return await getPostsInternal(since, before, limit);
|
|
||||||
}
|
|
||||||
|
|
||||||
async function getPostsInternal(
|
|
||||||
since: string | null,
|
|
||||||
before: string | null,
|
|
||||||
limit: number
|
|
||||||
): Promise<Post[]> {
|
|
||||||
let filterQuery = '';
|
|
||||||
const params: FilterParameter = { $limit: limit };
|
|
||||||
if (since === null && before === null) {
|
|
||||||
filterQuery = '';
|
|
||||||
} else if (since !== null) {
|
|
||||||
filterQuery = '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
|
|
||||||
filterQuery = 'WHERE posts.created_at < $before';
|
|
||||||
params.$before = before;
|
|
||||||
}
|
|
||||||
|
|
||||||
ignoredUsers.forEach((ignoredUser, index) => {
|
|
||||||
const userParam = `$user_${index}`;
|
|
||||||
const acctParam = userParam + 'a';
|
|
||||||
const usernameParam = userParam + 'u';
|
|
||||||
const prefix = filterQuery === '' ? ' WHERE' : ' AND';
|
|
||||||
filterQuery += `${prefix} acct != ${acctParam} AND username != ${usernameParam} `;
|
|
||||||
params[acctParam] = ignoredUser;
|
|
||||||
params[usernameParam] = ignoredUser;
|
|
||||||
});
|
|
||||||
|
|
||||||
const rows = await getPostData(filterQuery, params);
|
|
||||||
if (rows.length === 0) {
|
|
||||||
// No need to check for tags and songs
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
|
|
||||||
const postIdsParams = rows.map(() => '?').join(', ');
|
|
||||||
const postIds = rows.map((r: PostRow) => r.url);
|
|
||||||
const tagMap = await getTagData(postIdsParams, postIds);
|
|
||||||
const songMap = await getSongData(postIdsParams, postIds);
|
|
||||||
for (const entry of songMap) {
|
|
||||||
for (const songInfo of entry[1]) {
|
|
||||||
const thumbs = await getSongThumbnails(songInfo);
|
|
||||||
songInfo.resizedThumbnails = thumbs;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const accountUrls = [...new Set(rows.map((r: PostRow) => r.account_url))];
|
|
||||||
const accountUrlsParams = accountUrls.map(() => '?').join(', ');
|
|
||||||
|
|
||||||
const avatars = await getAvatarData(accountUrlsParams, accountUrls);
|
|
||||||
const posts = rows.map((row) => {
|
|
||||||
return {
|
return {
|
||||||
id: row.id,
|
id: row.id,
|
||||||
content: row.content,
|
content: row.content,
|
||||||
created_at: row.created_at,
|
created_at: row.created_at,
|
||||||
url: row.url,
|
url: row.url,
|
||||||
tags: tagMap.get(row.url) || [],
|
tags: tagMap.get(row.id) || [],
|
||||||
account: {
|
account: {
|
||||||
id: row.account_id,
|
id: row.account_id,
|
||||||
acct: row.acct,
|
acct: row.acct,
|
||||||
@ -733,133 +240,16 @@ async function getPostsInternal(
|
|||||||
display_name: row.display_name,
|
display_name: row.display_name,
|
||||||
url: row.account_url,
|
url: row.account_url,
|
||||||
avatar: row.avatar,
|
avatar: row.avatar,
|
||||||
resizedAvatars: avatars.get(row.account_url) || []
|
avatar_static: ''
|
||||||
} as Account,
|
} as Account
|
||||||
songs: songMap.get(row.url) || []
|
} as Post
|
||||||
} as Post;
|
|
||||||
});
|
});
|
||||||
return posts;
|
resolve(posts);
|
||||||
}
|
|
||||||
|
|
||||||
export async function removeAvatars(accountUrl: string): Promise<void> {
|
|
||||||
const params: FilterParameter = { $account: accountUrl };
|
|
||||||
const sql = `
|
|
||||||
DELETE
|
|
||||||
FROM accountsavatars
|
|
||||||
WHERE account_url = $account`;
|
|
||||||
await waitReady();
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
db.run(sql, params, (err) => {
|
|
||||||
if (err) {
|
|
||||||
reject(err);
|
|
||||||
return;
|
|
||||||
}
|
}
|
||||||
resolve();
|
);
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function saveSongThumbnail(thumb: SongThumbnailImage): Promise<void> {
|
|
||||||
// Will be null if file already existed
|
|
||||||
if (thumb.file === null) {
|
|
||||||
return;
|
|
||||||
}
|
}
|
||||||
const params: FilterParameter = {
|
|
||||||
$songId: thumb.songThumbnailUrl,
|
|
||||||
$file: thumb.file,
|
|
||||||
$sizeDescriptor: thumb.sizeDescriptor,
|
|
||||||
$kind: thumb.kind.valueOf()
|
|
||||||
};
|
|
||||||
const sql = `
|
|
||||||
INSERT INTO songsthumbnails
|
|
||||||
(song_thumbnailUrl, file, sizeDescriptor, kind) VALUES ($songId, $file, $sizeDescriptor, $kind)
|
|
||||||
ON CONFLICT(file) DO UPDATE SET
|
|
||||||
song_thumbnailUrl=excluded.song_thumbnailUrl,
|
|
||||||
sizeDescriptor=excluded.sizeDescriptor,
|
|
||||||
kind=excluded.kind;`;
|
|
||||||
await waitReady();
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
db.run(sql, params, (err) => {
|
|
||||||
if (err) {
|
|
||||||
reject(err);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
resolve();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function saveAvatar(avatar: AccountAvatar): Promise<void> {
|
|
||||||
// Will be null if file already existed
|
|
||||||
if (avatar.file === null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const params: FilterParameter = {
|
|
||||||
$accountUrl: avatar.accountUrl,
|
|
||||||
$file: avatar.file,
|
|
||||||
$sizeDescriptor: avatar.sizeDescriptor
|
|
||||||
};
|
|
||||||
const sql = `
|
|
||||||
INSERT INTO accountsavatars
|
|
||||||
(account_url, file, sizeDescriptor) VALUES ($accountUrl, $file, $sizeDescriptor)
|
|
||||||
ON CONFLICT(file) DO UPDATE SET
|
|
||||||
account_url=excluded.account_url,
|
|
||||||
sizeDescriptor=excluded.sizeDescriptor;`;
|
|
||||||
await waitReady();
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
db.run(sql, params, (err) => {
|
|
||||||
if (err) {
|
|
||||||
reject(err);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
resolve();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getAvatars(
|
|
||||||
accountUrl: string,
|
|
||||||
limit: number | undefined
|
|
||||||
): Promise<AccountAvatar[]> {
|
|
||||||
// TODO: Refactor to use `getAvatarData`
|
|
||||||
await waitReady();
|
|
||||||
let limitFilter = '';
|
|
||||||
const params: FilterParameter = {
|
|
||||||
$account: accountUrl,
|
|
||||||
$limit: 100
|
|
||||||
};
|
|
||||||
if (limit !== undefined) {
|
|
||||||
limitFilter = 'LIMIT $limit';
|
|
||||||
params.$limit = limit;
|
|
||||||
}
|
|
||||||
const sql = `
|
|
||||||
SELECT account_url, file, sizeDescriptor
|
|
||||||
FROM accountsavatars
|
|
||||||
WHERE account_url = $account
|
|
||||||
${limitFilter};`;
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
db.all(sql, params, (err, rows: AccountAvatarRow[]) => {
|
|
||||||
if (err) {
|
|
||||||
reject(err);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
resolve(
|
|
||||||
rows.map((r) => {
|
|
||||||
return {
|
|
||||||
accountUrl: r.account_url,
|
|
||||||
file: r.file,
|
|
||||||
sizeDescriptor: r.sizeDescriptor
|
|
||||||
} as AccountAvatar;
|
|
||||||
})
|
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
});
|
return promise;
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getSongThumbnails(song: SongInfo): Promise<SongThumbnailImage[]> {
|
|
||||||
if (!song.thumbnailUrl) {
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
const rows = await getSongThumbnailData('?', [song.thumbnailUrl]);
|
|
||||||
return rows.get(song.thumbnailUrl) ?? [];
|
|
||||||
}
|
|
||||||
|
@ -1,65 +0,0 @@
|
|||||||
import { BASE_URL, WEBSUB_HUB } from '$env/static/private';
|
|
||||||
import { PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME } from '$env/static/public';
|
|
||||||
import type { Post } from '$lib//mastodon/response';
|
|
||||||
import { log } from '$lib/log';
|
|
||||||
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 hub = WEBSUB_HUB ? WEBSUB_HUB : undefined;
|
|
||||||
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.xml`
|
|
||||||
},
|
|
||||||
hub: hub,
|
|
||||||
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.xml', feed.atom1(), { encoding: 'utf8' });
|
|
||||||
if (!WEBSUB_HUB) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
const params = new URLSearchParams();
|
|
||||||
params.append('hub.mode', 'publish');
|
|
||||||
params.append('hub.url', `${BASE_URL}/feed.xml`);
|
|
||||||
await fetch(WEBSUB_HUB, {
|
|
||||||
method: 'POST',
|
|
||||||
body: params
|
|
||||||
});
|
|
||||||
} catch (e) {
|
|
||||||
log.error('Failed to update WebSub hub', e);
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,56 +1,18 @@
|
|||||||
import {
|
import { HASHTAG_FILTER, URL_FILTER, YOUTUBE_API_KEY } from '$env/static/private';
|
||||||
HASHTAG_FILTER,
|
import type { Post, Tag, TimelineEvent } from '$lib/mastodon/response';
|
||||||
MASTODON_ACCESS_TOKEN,
|
import { savePost } from '$lib/server/db';
|
||||||
MASTODON_INSTANCE,
|
import { WebSocket } from "ws";
|
||||||
ODESLI_API_KEY,
|
|
||||||
YOUTUBE_API_KEY
|
|
||||||
} from '$env/static/private';
|
|
||||||
import { log } from '$lib/log';
|
|
||||||
import type {
|
|
||||||
Account,
|
|
||||||
AccountAvatar,
|
|
||||||
Post,
|
|
||||||
SongThumbnailImage,
|
|
||||||
Tag,
|
|
||||||
TimelineEvent
|
|
||||||
} from '$lib/mastodon/response';
|
|
||||||
import { SongThumbnailImageKind } from '$lib/mastodon/response';
|
|
||||||
import type { OdesliResponse, Platform, SongInfo } from '$lib/odesliResponse';
|
|
||||||
import {
|
|
||||||
getAvatars,
|
|
||||||
getPosts,
|
|
||||||
getSongThumbnails,
|
|
||||||
removeAvatars,
|
|
||||||
saveAvatar,
|
|
||||||
savePost,
|
|
||||||
saveSongThumbnail
|
|
||||||
} from '$lib/server/db';
|
|
||||||
import { createFeed, saveAtomFeed } from '$lib/server/rss';
|
|
||||||
import { sleep } from '$lib/sleep';
|
|
||||||
import crypto from 'crypto';
|
|
||||||
import fs from 'fs/promises';
|
|
||||||
import sharp from 'sharp';
|
|
||||||
import { WebSocket } from 'ws';
|
|
||||||
|
|
||||||
const URL_REGEX = new RegExp(/href="(?<postUrl>[^>]+?)" target="_blank"/gm);
|
const YOUTUBE_REGEX = new RegExp(/https?:\/\/(www\.)?youtu((be.com\/.*v=)|(\.be\/))(?<videoId>[a-zA-Z_0-9-]+)/gm);
|
||||||
const INVIDIOUS_REGEX = new RegExp(/invidious.*?watch.*?v=(?<videoId>[a-zA-Z_0-9-]+)/gm);
|
|
||||||
const YOUTUBE_REGEX = new RegExp(
|
|
||||||
/https?:\/\/(www\.)?youtu((be.com\/.*?v=)|(\.be\/))(?<videoId>[a-zA-Z_0-9-]+)/gm
|
|
||||||
);
|
|
||||||
|
|
||||||
export class TimelineReader {
|
export class TimelineReader {
|
||||||
private static _instance: TimelineReader;
|
private static _instance: TimelineReader;
|
||||||
|
|
||||||
private static async isMusicVideo(videoId: string) {
|
private static async isMusicVideo(videoId: string) {
|
||||||
if (!YOUTUBE_API_KEY || YOUTUBE_API_KEY === 'CHANGE_ME') {
|
|
||||||
// Assume that it *is* a music link when no YT API key is provided
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
const searchParams = new URLSearchParams([
|
const searchParams = new URLSearchParams([
|
||||||
['part', 'snippet'],
|
['part', 'snippet'],
|
||||||
['id', videoId],
|
['id', videoId],
|
||||||
['key', YOUTUBE_API_KEY]
|
['key', YOUTUBE_API_KEY]]);
|
||||||
]);
|
|
||||||
const youtubeVideoUrl = new URL(`https://www.googleapis.com/youtube/v3/videos?${searchParams}`);
|
const youtubeVideoUrl = new URL(`https://www.googleapis.com/youtube/v3/videos?${searchParams}`);
|
||||||
const resp = await fetch(youtubeVideoUrl);
|
const resp = await fetch(youtubeVideoUrl);
|
||||||
const respObj = await resp.json();
|
const respObj = await resp.json();
|
||||||
@ -60,357 +22,77 @@ export class TimelineReader {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const item = respObj.items[0];
|
const item = respObj.items[0];
|
||||||
if (!item.snippet) {
|
if (item.tags?.includes('music')) {
|
||||||
console.warn('Could not load snippet for video', videoId, item);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (item.snippet.tags?.includes('music')) {
|
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
const categorySearchParams = new URLSearchParams([
|
const categorySearchParams = new URLSearchParams([
|
||||||
['part', 'snippet'],
|
['part', 'snippet'],
|
||||||
['id', item.snippet.categoryId],
|
['id', item.categoryId],
|
||||||
['key', YOUTUBE_API_KEY]
|
['key', YOUTUBE_API_KEY]]);
|
||||||
]);
|
const youtubeCategoryUrl = new URL(`https://www.googleapis.com/youtube/v3/videoCategories?${categorySearchParams}`);
|
||||||
const youtubeCategoryUrl = new URL(
|
const categoryTitle: string = await fetch(youtubeCategoryUrl).then(r => r.json()).then(r => r.items[0]?.title);
|
||||||
`https://www.googleapis.com/youtube/v3/videoCategories?${categorySearchParams}`
|
|
||||||
);
|
|
||||||
const categoryTitle: string = await fetch(youtubeCategoryUrl)
|
|
||||||
.then((r) => r.json())
|
|
||||||
.then((r) => r.items[0]?.snippet?.title);
|
|
||||||
return categoryTitle === 'Music';
|
return categoryTitle === 'Music';
|
||||||
}
|
}
|
||||||
|
|
||||||
public static async getSongInfoInPost(post: Post): Promise<SongInfo[]> {
|
private static async checkYoutubeMatches(postContent: string): Promise<boolean> {
|
||||||
const urlMatches = post.content.matchAll(URL_REGEX);
|
const matches = postContent.matchAll(YOUTUBE_REGEX);
|
||||||
const songs: SongInfo[] = [];
|
for (let match of matches) {
|
||||||
for (const match of urlMatches) {
|
|
||||||
if (match === undefined || match.groups === undefined) {
|
if (match === undefined || match.groups === undefined) {
|
||||||
log.warn('Match listed in allMatches, but either it or its groups are undefined', match);
|
|
||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
const urlMatch = match.groups.postUrl.toString();
|
const videoId = match.groups.videoId.toString();
|
||||||
let url: URL;
|
|
||||||
try {
|
try {
|
||||||
url = new URL(urlMatch);
|
const isMusic = await TimelineReader.isMusicVideo(videoId);
|
||||||
|
if (isMusic) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
log.error('URL found via Regex does not seem to be a valud url', urlMatch, e);
|
console.error('Could not check if', videoId, 'is a music video', e);
|
||||||
continue;
|
}
|
||||||
|
}
|
||||||
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Check *all* found url and let odesli determine if it is music or not
|
private constructor() {
|
||||||
log.debug(`Checking ${url} if it contains song data`);
|
const socket = new WebSocket("wss://metalhead.club/api/v1/streaming")
|
||||||
const info = await TimelineReader.getSongInfo(url);
|
socket.onopen = (_event) => {
|
||||||
log.debug(`Found song info for ${url}?`, info);
|
socket.send('{ "type": "subscribe", "stream": "public:local"}');
|
||||||
if (info) {
|
|
||||||
songs.push(info);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return songs;
|
|
||||||
}
|
|
||||||
|
|
||||||
private static async getSongInfo(url: URL, remainingTries = 6): Promise<SongInfo | null> {
|
|
||||||
if (remainingTries === 0) {
|
|
||||||
log.error('No tries remaining. Lookup failed!');
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
if (url.hostname === 'songwhip.com') {
|
|
||||||
// song.link doesn't support songwhip links and songwhip themselves will provide metadata if you pass in a
|
|
||||||
// Apple Music/Spotify/etc link, but won't when provided with their own link, so no way to extract song info
|
|
||||||
// except maybe scraping their HTML
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
const videoId = INVIDIOUS_REGEX.exec(url.href)?.groups?.videoId;
|
|
||||||
const urlString =
|
|
||||||
videoId !== undefined ? `https://youtube.com/watch?v=${videoId}` : url.toString();
|
|
||||||
|
|
||||||
const odesliParams = new URLSearchParams();
|
|
||||||
odesliParams.append('url', urlString);
|
|
||||||
odesliParams.append('userCountry', 'DE');
|
|
||||||
odesliParams.append('songIfSingle', 'true');
|
|
||||||
if (ODESLI_API_KEY && ODESLI_API_KEY !== 'CHANGE_ME') {
|
|
||||||
odesliParams.append('key', ODESLI_API_KEY);
|
|
||||||
}
|
|
||||||
const odesliApiUrl = `https://api.song.link/v1-alpha.1/links?${odesliParams}`;
|
|
||||||
try {
|
|
||||||
const response = await fetch(odesliApiUrl);
|
|
||||||
if (response.status === 429) {
|
|
||||||
throw new Error('Rate limit reached', { cause: 429 });
|
|
||||||
}
|
|
||||||
const odesliInfo: OdesliResponse = await response.json();
|
|
||||||
if (!odesliInfo || !odesliInfo.entitiesByUniqueId || !odesliInfo.entityUniqueId) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
const info = odesliInfo.entitiesByUniqueId[odesliInfo.entityUniqueId];
|
|
||||||
const platform: Platform = 'youtube';
|
|
||||||
if (info.platforms.includes(platform)) {
|
|
||||||
const youtubeId =
|
|
||||||
videoId ??
|
|
||||||
YOUTUBE_REGEX.exec(url.href)?.groups?.videoId ??
|
|
||||||
new URL(odesliInfo.pageUrl).pathname.split('/y/').pop();
|
|
||||||
if (youtubeId === undefined) {
|
|
||||||
log.warn('Looks like a youtube video, but could not extract a video id', url, odesliInfo);
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
const isMusic = await TimelineReader.isMusicVideo(youtubeId);
|
|
||||||
if (!isMusic) {
|
|
||||||
log.debug('Probably not a music video', url);
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
...info,
|
|
||||||
pageUrl: odesliInfo.pageUrl,
|
|
||||||
youtubeUrl: odesliInfo.linksByPlatform[platform]?.url,
|
|
||||||
postedUrl: url.toString()
|
|
||||||
} as SongInfo;
|
|
||||||
} catch (e) {
|
|
||||||
if (e instanceof Error && e.cause === 429) {
|
|
||||||
log.warn('song.link rate limit reached. Trying again in 10 seconds');
|
|
||||||
await sleep(10_000);
|
|
||||||
return await this.getSongInfo(url, remainingTries - 1);
|
|
||||||
}
|
|
||||||
log.error(`Failed to load ${url} info from song.link`, e);
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private static async resizeAvatar(
|
|
||||||
baseName: string,
|
|
||||||
size: number,
|
|
||||||
suffix: string,
|
|
||||||
folder: string,
|
|
||||||
sharpAvatar: sharp.Sharp
|
|
||||||
): Promise<string | null> {
|
|
||||||
const fileName = `${folder}/${baseName}_${suffix}`;
|
|
||||||
const exists = await fs
|
|
||||||
.access(fileName, fs.constants.F_OK)
|
|
||||||
.then(() => true)
|
|
||||||
.catch(() => false);
|
|
||||||
if (exists) {
|
|
||||||
log.debug('File already exists', fileName);
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
log.debug('Saving avatar', fileName);
|
|
||||||
await sharpAvatar.resize(size).toFile(fileName);
|
|
||||||
return fileName;
|
|
||||||
}
|
|
||||||
|
|
||||||
private static resizeAvatarPromiseMaker(
|
|
||||||
avatarFilenameBase: string,
|
|
||||||
baseSize: number,
|
|
||||||
maxPixelDensity: number,
|
|
||||||
accountUrl: string,
|
|
||||||
formats: string[],
|
|
||||||
avatar: ArrayBuffer
|
|
||||||
): Promise<void>[] {
|
|
||||||
const sharpAvatar = sharp(avatar);
|
|
||||||
const promises: Promise<void>[] = [];
|
|
||||||
for (let i = 1; i <= maxPixelDensity; i++) {
|
|
||||||
promises.push(
|
|
||||||
...formats.map((f) =>
|
|
||||||
TimelineReader.resizeAvatar(
|
|
||||||
avatarFilenameBase,
|
|
||||||
baseSize * i,
|
|
||||||
`${i}x.${f}`,
|
|
||||||
'avatars',
|
|
||||||
sharpAvatar
|
|
||||||
)
|
|
||||||
.then(
|
|
||||||
(fn) =>
|
|
||||||
({
|
|
||||||
accountUrl: accountUrl,
|
|
||||||
file: fn,
|
|
||||||
sizeDescriptor: `${i}x`
|
|
||||||
} as AccountAvatar)
|
|
||||||
)
|
|
||||||
.then(saveAvatar)
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return promises;
|
|
||||||
}
|
|
||||||
|
|
||||||
private static resizeThumbnailPromiseMaker(
|
|
||||||
filenameBase: string,
|
|
||||||
baseSize: number,
|
|
||||||
maxPixelDensity: number,
|
|
||||||
songThumbnailUrl: string,
|
|
||||||
formats: string[],
|
|
||||||
image: ArrayBuffer,
|
|
||||||
kind: SongThumbnailImageKind
|
|
||||||
): Promise<void>[] {
|
|
||||||
const sharpAvatar = sharp(image);
|
|
||||||
const promises: Promise<void>[] = [];
|
|
||||||
for (let i = 1; i <= maxPixelDensity; i++) {
|
|
||||||
promises.push(
|
|
||||||
...formats.map((f) =>
|
|
||||||
TimelineReader.resizeAvatar(
|
|
||||||
filenameBase,
|
|
||||||
baseSize * i,
|
|
||||||
`${i}x.${f}`,
|
|
||||||
'thumbnails',
|
|
||||||
sharpAvatar
|
|
||||||
)
|
|
||||||
.then(
|
|
||||||
(fn) =>
|
|
||||||
({
|
|
||||||
songThumbnailUrl: songThumbnailUrl,
|
|
||||||
file: fn,
|
|
||||||
sizeDescriptor: `${i}x`,
|
|
||||||
kind: kind
|
|
||||||
} as SongThumbnailImage)
|
|
||||||
)
|
|
||||||
.then(saveSongThumbnail)
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return promises;
|
|
||||||
}
|
|
||||||
|
|
||||||
private static async saveAvatar(account: Account) {
|
|
||||||
try {
|
|
||||||
const existingAvatars = await getAvatars(account.url, 1);
|
|
||||||
const existingAvatarBase = existingAvatars.shift()?.file.split('/').pop()?.split('_').shift();
|
|
||||||
const avatarFilenameBase =
|
|
||||||
new URL(account.avatar).pathname.split('/').pop()?.split('.').shift() ?? account.acct;
|
|
||||||
|
|
||||||
// User's avatar changed. Remove the old one!
|
|
||||||
if (existingAvatarBase && existingAvatarBase !== avatarFilenameBase) {
|
|
||||||
await removeAvatars(account.url);
|
|
||||||
const avatarsToDelete = (await fs.readdir('avatars'))
|
|
||||||
.filter((x) => x.startsWith(existingAvatarBase + '_'))
|
|
||||||
.map((x) => {
|
|
||||||
log.debug('Removing existing avatar file', x);
|
|
||||||
return x;
|
|
||||||
})
|
|
||||||
.map((x) => fs.unlink('avatars/' + x));
|
|
||||||
await Promise.allSettled(avatarsToDelete);
|
|
||||||
}
|
|
||||||
const avatarResponse = await fetch(account.avatar);
|
|
||||||
const avatar = await avatarResponse.arrayBuffer();
|
|
||||||
await Promise.all(
|
|
||||||
TimelineReader.resizeAvatarPromiseMaker(
|
|
||||||
avatarFilenameBase,
|
|
||||||
50,
|
|
||||||
3,
|
|
||||||
account.url,
|
|
||||||
['webp', 'avif', 'jpeg'],
|
|
||||||
avatar
|
|
||||||
)
|
|
||||||
);
|
|
||||||
} catch (e) {
|
|
||||||
console.error('Could not resize and save avatar for', account.acct, account.avatar, e);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private static async saveSongThumbnails(songs: SongInfo[]) {
|
|
||||||
for (const song of songs) {
|
|
||||||
if (!song.thumbnailUrl) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
const existingThumbs = await getSongThumbnails(song);
|
|
||||||
if (existingThumbs.length) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
const fileBaseName = crypto.createHash('sha256').update(song.thumbnailUrl).digest('hex');
|
|
||||||
const imageResponse = await fetch(song.thumbnailUrl);
|
|
||||||
const avatar = await imageResponse.arrayBuffer();
|
|
||||||
await Promise.all(
|
|
||||||
TimelineReader.resizeThumbnailPromiseMaker(
|
|
||||||
fileBaseName + '_large',
|
|
||||||
200,
|
|
||||||
3,
|
|
||||||
song.thumbnailUrl,
|
|
||||||
['webp', 'avif', 'jpeg'],
|
|
||||||
avatar,
|
|
||||||
SongThumbnailImageKind.Big
|
|
||||||
)
|
|
||||||
);
|
|
||||||
await Promise.all(
|
|
||||||
TimelineReader.resizeThumbnailPromiseMaker(
|
|
||||||
fileBaseName + '_small',
|
|
||||||
60,
|
|
||||||
3,
|
|
||||||
song.thumbnailUrl,
|
|
||||||
['webp', 'avif', 'jpeg'],
|
|
||||||
avatar,
|
|
||||||
SongThumbnailImageKind.Small
|
|
||||||
)
|
|
||||||
);
|
|
||||||
} catch (e) {
|
|
||||||
console.error(
|
|
||||||
'Could not resize and save song thumbnail for',
|
|
||||||
song.pageUrl,
|
|
||||||
song.thumbnailUrl,
|
|
||||||
e
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private startWebsocket() {
|
|
||||||
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.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') {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const post: Post = JSON.parse(data.payload);
|
const post: Post = JSON.parse(data.payload);
|
||||||
|
|
||||||
const hashttags: string[] = HASHTAG_FILTER.split(',');
|
const hashttags: string[] = HASHTAG_FILTER.split(',');
|
||||||
const found_tags: Tag[] = post.tags.filter((t: Tag) => hashttags.includes(t.name));
|
const found_tags: Tag[] = post.tags.filter((t: Tag) => hashttags.includes(t.name));
|
||||||
|
|
||||||
const songs = await TimelineReader.getSongInfoInPost(post);
|
const urls: string[] = URL_FILTER.split(',');
|
||||||
|
const found_urls = urls.filter(t => post.content.includes(t));
|
||||||
|
|
||||||
// If we don't have any tags or non-youtube urls, check youtube
|
// 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
|
// YT is handled separately, because it requires an API call and therefore is slower
|
||||||
if (songs.length === 0 && found_tags.length === 0) {
|
if (found_urls.length === 0 &&
|
||||||
log.log('Ignoring post', post.url);
|
found_tags.length === 0 &&
|
||||||
|
!await TimelineReader.checkYoutubeMatches(post.content)) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
savePost(post);
|
||||||
|
|
||||||
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));
|
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
log.error('error message', event, event.data, e);
|
console.error("error message", event, event.data, e)
|
||||||
}
|
}
|
||||||
};
|
|
||||||
|
});
|
||||||
socket.onclose = (event) => {
|
socket.onclose = (event) => {
|
||||||
log.warn(
|
console.log("Closed", event, event.code, event.reason)
|
||||||
`Websocket connection to ${MASTODON_INSTANCE} closed. Code: ${event.code}, reason: '${event.reason}'`,
|
|
||||||
event
|
|
||||||
);
|
|
||||||
setTimeout(() => {
|
|
||||||
log.info(`Attempting to reconenct to WS`);
|
|
||||||
this.startWebsocket();
|
|
||||||
}, 10000);
|
|
||||||
};
|
};
|
||||||
socket.onerror = (event) => {
|
socket.onerror = (event) => {
|
||||||
log.error(
|
console.log("error", event, event.message, event.error)
|
||||||
`Websocket connection to ${MASTODON_INSTANCE} failed. ${event.type}: ${event.error}, message: '${event.message}'`
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
}
|
|
||||||
|
|
||||||
private constructor() {
|
|
||||||
this.startWebsocket();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
public static init() {
|
public static init() {
|
||||||
|
@ -1,5 +0,0 @@
|
|||||||
export function sleep(timeInMs: number): Promise<void> {
|
|
||||||
return new Promise((resolve) => {
|
|
||||||
setTimeout(resolve, timeInMs);
|
|
||||||
});
|
|
||||||
}
|
|
@ -1,7 +0,0 @@
|
|||||||
export function isTruthy(value: string | number | boolean | null | undefined): boolean {
|
|
||||||
if (typeof value === 'string') {
|
|
||||||
return value.toLowerCase() === 'true' || !!+value; // here we parse to number first
|
|
||||||
}
|
|
||||||
|
|
||||||
return !!value;
|
|
||||||
}
|
|
@ -1,15 +1,7 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import FooterComponent from '$lib/components/FooterComponent.svelte';
|
import FooterComponent from '$lib/components/FooterComponent.svelte'
|
||||||
import { SvelteToast } from '@zerodevx/svelte-toast';
|
|
||||||
|
|
||||||
const options = {
|
|
||||||
pausable: true,
|
|
||||||
classes: ['toast']
|
|
||||||
};
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<slot />
|
<slot />
|
||||||
<SvelteToast {options} />
|
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<FooterComponent />
|
<FooterComponent />
|
||||||
</div>
|
</div>
|
||||||
@ -20,23 +12,4 @@
|
|||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
display: inline-block;
|
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;
|
|
||||||
}
|
|
||||||
@media only screen and (max-width: 620px) {
|
|
||||||
.footer {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
@ -1,193 +1,64 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from "svelte";
|
||||||
import type { PageData } from './$types';
|
import type { PageData } from './$types';
|
||||||
import type { Post } from '$lib/mastodon/response';
|
import type { Post } from '$lib/mastodon/response';
|
||||||
import {
|
import { PUBLIC_REFRESH_INTERVAL } from '$env/static/public';
|
||||||
PUBLIC_REFRESH_INTERVAL,
|
import PostComponent from '$lib/components/PostComponent.svelte';
|
||||||
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';
|
|
||||||
import { errorToast } from '$lib/errorToast';
|
|
||||||
|
|
||||||
export let data: PageData;
|
export let data: PageData;
|
||||||
|
|
||||||
interface FetchOptions {
|
let interval: NodeJS.Timer | null = null;
|
||||||
since?: string;
|
|
||||||
before?: string;
|
|
||||||
count?: number;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface EdgeFlyParams extends FlyParams {
|
onMount(async () => {
|
||||||
created_at: string;
|
interval = setInterval(async () => {
|
||||||
}
|
|
||||||
|
|
||||||
const refreshInterval = parseInt(PUBLIC_REFRESH_INTERVAL);
|
|
||||||
let interval: ReturnType<typeof setTimeout> | 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<Post[]> {
|
|
||||||
const params = new URLSearchParams();
|
const params = new URLSearchParams();
|
||||||
if (options?.since !== undefined) {
|
|
||||||
params.set('since', options.since);
|
|
||||||
}
|
|
||||||
if (options?.before !== undefined) {
|
|
||||||
params.set('before', options.before);
|
|
||||||
}
|
|
||||||
if (options?.count !== undefined) {
|
|
||||||
params.set('count', options.count.toFixed(0));
|
|
||||||
}
|
|
||||||
|
|
||||||
const response = await fetch(`/api/posts?${params}`);
|
|
||||||
return await response.json();
|
|
||||||
}
|
|
||||||
|
|
||||||
function filterDuplicates(posts: Post[]): Post[] {
|
|
||||||
return posts.filter((obj, index, arr) => {
|
|
||||||
return arr.map((mapObj) => mapObj.url).indexOf(obj.url) === index;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function refresh() {
|
|
||||||
let filter: FetchOptions = {};
|
|
||||||
if (data.posts.length > 0) {
|
if (data.posts.length > 0) {
|
||||||
filter = { since: data.posts[0].created_at };
|
params.set('since', data.posts[0].created_at);
|
||||||
}
|
}
|
||||||
fetchPosts(filter)
|
await fetch(`/api/posts?${params}`)
|
||||||
.then((resp) => {
|
.then(r => r.json())
|
||||||
|
.then((resp: Post[]) => {
|
||||||
if (resp.length > 0) {
|
if (resp.length > 0) {
|
||||||
// Prepend new posts, filter dupes
|
data.posts = resp.concat(data.posts);
|
||||||
// There shouldn't be any duplicates, but better be safe than sorry
|
console.log('updated data', resp, data.posts);
|
||||||
data.posts = filterDuplicates(resp.concat(data.posts));
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch((e: Error) => {
|
.catch(e => {
|
||||||
errorToast('Error loading newest posts: ' + e.message);
|
// TODO: Show error in UI
|
||||||
|
console.error('Error loading newest posts', e);
|
||||||
});
|
});
|
||||||
}
|
}, parseInt(PUBLIC_REFRESH_INTERVAL));
|
||||||
|
|
||||||
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
|
|
||||||
// - If the page is shown, bump up refresh rate
|
|
||||||
document.addEventListener('visibilitychange', () => {
|
|
||||||
const delay = document.hidden ? refreshInterval * 10 : refreshInterval;
|
|
||||||
if (interval) {
|
|
||||||
clearInterval(interval);
|
|
||||||
}
|
|
||||||
interval = setInterval(refresh, delay);
|
|
||||||
});
|
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
if (interval !== null) {
|
if (interval !== null) {
|
||||||
clearInterval(interval);
|
clearInterval(interval)
|
||||||
}
|
}
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
function loadOlderPosts() {
|
|
||||||
loadingOlderPosts = true;
|
|
||||||
const filter: FetchOptions = { count: 20 };
|
|
||||||
if (data.posts.length > 0) {
|
|
||||||
const before = data.posts[data.posts.length - 1].created_at;
|
|
||||||
filter.before = before;
|
|
||||||
oldestBeforeLastFetch = new Date(before).getTime();
|
|
||||||
}
|
|
||||||
|
|
||||||
fetchPosts(filter)
|
|
||||||
.then((resp) => {
|
|
||||||
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));
|
|
||||||
// If we got less than we expected, there are no older posts available
|
|
||||||
moreOlderPostsAvailable = resp.length >= (filter.count ?? 20);
|
|
||||||
} else {
|
|
||||||
moreOlderPostsAvailable = false;
|
|
||||||
}
|
|
||||||
loadingOlderPosts = false;
|
|
||||||
})
|
|
||||||
.catch((e) => {
|
|
||||||
loadingOlderPosts = false;
|
|
||||||
errorToast('Error loading older posts: ' + e.message);
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:head>
|
<svelte:head>
|
||||||
<title>{PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME} music list</title>
|
<title>Metalhead.club music list</title>
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
<h2>{PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME} music list</h2>
|
<h2>Metalhead.club music list</h2>
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<div />
|
<div></div>
|
||||||
<div class="posts">
|
<div class="posts">
|
||||||
{#if data.posts.length === 0}
|
{#if data.posts.length === 0}
|
||||||
Sorry, no posts recommending music have been found yet
|
Sorry, no posts recommending music aave been found yet
|
||||||
{/if}
|
{/if}
|
||||||
{#each data.posts as post (post.url)}
|
{#each data.posts as post (post.id)}
|
||||||
<div
|
<div class="post"><PostComponent {post} /></div>
|
||||||
class="post"
|
|
||||||
transition:edgeFly|global={{
|
|
||||||
y: 10,
|
|
||||||
created_at: post.created_at,
|
|
||||||
duration: 300,
|
|
||||||
easing: cubicInOut
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<PostComponent {post} />
|
|
||||||
</div>
|
|
||||||
{/each}
|
{/each}
|
||||||
<LoadMoreComponent
|
|
||||||
on:loadOlderPosts={loadOlderPosts}
|
|
||||||
moreAvailable={moreOlderPostsAvailable}
|
|
||||||
isLoading={loadingOlderPosts}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div />
|
<div></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.posts {
|
.posts {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
|
||||||
}
|
}
|
||||||
.post {
|
.post {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: min(800px, 80vw);
|
max-width: 600px;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
border-bottom: 1px solid var(--color-border);
|
border-bottom: 1px solid var(--color-border);
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
@ -199,13 +70,5 @@
|
|||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 650px) {
|
|
||||||
.post {
|
|
||||||
max-width: calc(100vw - 16px);
|
|
||||||
padding: 1em 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
@ -4,6 +4,6 @@ import type { PageLoad } from './$types';
|
|||||||
export const load = (async ({ fetch }) => {
|
export const load = (async ({ fetch }) => {
|
||||||
const p = await fetch('/');
|
const p = await fetch('/');
|
||||||
return {
|
return {
|
||||||
posts: (await p.json()) as Post[]
|
posts: await p.json() as Post[]
|
||||||
};
|
};
|
||||||
}) satisfies PageLoad;
|
}) satisfies PageLoad;
|
@ -5,12 +5,11 @@ import type { RequestHandler } from './$types';
|
|||||||
|
|
||||||
export const GET = (async ({ url }) => {
|
export const GET = (async ({ url }) => {
|
||||||
const since = url.searchParams.get('since');
|
const since = url.searchParams.get('since');
|
||||||
const before = url.searchParams.get('before');
|
|
||||||
let count = Number.parseInt(url.searchParams.get('count') || '');
|
let count = Number.parseInt(url.searchParams.get('count') || '');
|
||||||
if (isNaN(count)) {
|
if (isNaN(count)) {
|
||||||
count = 20;
|
count = 20;
|
||||||
}
|
}
|
||||||
count = Math.min(count, 100);
|
count = Math.min(count, 100);
|
||||||
const posts = await getPosts(since, before, count);
|
const posts = await getPosts(since, count);
|
||||||
return json(posts);
|
return json(posts);
|
||||||
}) satisfies RequestHandler;
|
}) satisfies RequestHandler;
|
@ -1,3 +1,3 @@
|
|||||||
#!/bin/bash
|
#!/bin/bash
|
||||||
. /home/moshing-mammut/.nvm/nvm.sh
|
. /PATH_TO_YOUR_NVM/.nvm/nvm.sh
|
||||||
node -r dotenv/config build
|
node -r dotenv/config build
|
Before Width: | Height: | Size: 8.5 KiB |
Before Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 2.4 KiB |
Before Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 5.9 KiB |
Before Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 5.9 KiB |
Before Width: | Height: | Size: 2.9 KiB |
@ -1,12 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<browserconfig>
|
|
||||||
<msapplication>
|
|
||||||
<tile>
|
|
||||||
<square70x70logo src="/mstile-70x70.png"/>
|
|
||||||
<square150x150logo src="/mstile-150x150.png"/>
|
|
||||||
<square310x310logo src="/mstile-310x310.png"/>
|
|
||||||
<wide310x150logo src="/mstile-310x150.png"/>
|
|
||||||
<TileColor>#2e0b78</TileColor>
|
|
||||||
</tile>
|
|
||||||
</msapplication>
|
|
||||||
</browserconfig>
|
|
Before Width: | Height: | Size: 952 B |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 15 KiB |
BIN
static/favicon.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 3.1 KiB |
Before Width: | Height: | Size: 6.1 KiB |
Before Width: | Height: | Size: 1.9 KiB |
@ -1,28 +0,0 @@
|
|||||||
<?xml version="1.0" standalone="no"?>
|
|
||||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
|
||||||
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
|
||||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
|
|
||||||
preserveAspectRatio="xMidYMid meet">
|
|
||||||
<metadata>
|
|
||||||
Created by potrace 1.14, written by Peter Selinger 2001-2017
|
|
||||||
</metadata>
|
|
||||||
<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
|
|
||||||
fill="#000000" stroke="none">
|
|
||||||
<path d="M1945 6201 c-52 -13 -88 -37 -142 -94 -199 -211 -362 -703 -418
|
|
||||||
-1267 -32 -318 -29 -1388 5 -1835 62 -826 246 -1369 576 -1708 181 -186 380
|
|
||||||
-297 669 -372 707 -185 1455 -178 2006 18 l94 33 -4 120 c-1 65 -4 120 -6 122
|
|
||||||
-1 1 -58 -9 -126 -22 -202 -41 -342 -57 -559 -63 -349 -10 -656 22 -857 89
|
|
||||||
-239 79 -412 242 -492 462 -57 160 -79 360 -44 413 37 56 -35 53 1506 53
|
|
||||||
l1424 0 26 24 c14 13 28 39 32 57 3 19 4 908 3 1977 l-3 1944 -33 29 -32 29
|
|
||||||
-1798 -1 c-988 -1 -1810 -4 -1827 -8z m1994 -310 c125 -39 218 -120 274 -239
|
|
||||||
30 -63 32 -74 32 -178 0 -107 -1 -112 -38 -186 -133 -269 -470 -329 -688 -122
|
|
||||||
-176 169 -179 443 -6 616 50 50 140 102 205 117 64 15 157 12 221 -8z m99
|
|
||||||
-1107 c397 -70 754 -371 891 -751 57 -157 74 -267 68 -453 -4 -120 -11 -186
|
|
||||||
-25 -241 -78 -293 -249 -539 -489 -700 -482 -326 -1122 -256 -1524 168 -42 44
|
|
||||||
-94 106 -116 139 -91 133 -166 319 -194 474 -17 96 -17 304 0 400 64 363 301
|
|
||||||
685 628 852 239 123 489 160 761 112z"/>
|
|
||||||
<path d="M3730 4143 c-165 -28 -327 -153 -395 -306 -162 -368 123 -774 523
|
|
||||||
-744 323 24 551 332 477 646 -64 268 -335 449 -605 404z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 1.5 KiB |
@ -1,19 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "Moshing Mammut",
|
|
||||||
"short_name": "Moshing Mammut",
|
|
||||||
"icons": [
|
|
||||||
{
|
|
||||||
"src": "/android-chrome-192x192.png",
|
|
||||||
"sizes": "192x192",
|
|
||||||
"type": "image/png"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"src": "/android-chrome-512x512.png",
|
|
||||||
"sizes": "512x512",
|
|
||||||
"type": "image/png"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"theme_color": "#2e0b78",
|
|
||||||
"background_color": "#2e0b78",
|
|
||||||
"display": "standalone"
|
|
||||||
}
|
|
30
static/style.css
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
body {
|
||||||
|
--color-text: #2F0C7A;
|
||||||
|
--color-bg: white;
|
||||||
|
--color-border: #17063B;
|
||||||
|
--color-link: #563ACC;
|
||||||
|
--color-link-visited: #858AFA;
|
||||||
|
|
||||||
|
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);
|
||||||
|
}
|
||||||
|
a: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;
|
||||||
|
}
|
||||||
|
}
|
@ -1,5 +1,5 @@
|
|||||||
import adapter from '@sveltejs/adapter-node';
|
import adapter from '@sveltejs/adapter-node';
|
||||||
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
|
import { vitePreprocess } from '@sveltejs/kit/vite';
|
||||||
|
|
||||||
/** @type {import('@sveltejs/kit').Config} */
|
/** @type {import('@sveltejs/kit').Config} */
|
||||||
const config = {
|
const config = {
|
||||||
@ -12,15 +12,7 @@ const config = {
|
|||||||
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
|
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
|
||||||
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
||||||
adapter: adapter(),
|
adapter: adapter(),
|
||||||
|
},
|
||||||
csp: {
|
|
||||||
directives: {
|
|
||||||
'script-src': ['self', 'unsafe-inline'],
|
|
||||||
'base-uri': ['self'],
|
|
||||||
'object-src': ['none']
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default config;
|
export default config;
|
||||||
|
@ -1,16 +1,6 @@
|
|||||||
import { sveltekit } from '@sveltejs/kit/vite';
|
import { sveltekit } from '@sveltejs/kit/vite';
|
||||||
import { defineConfig, searchForWorkspaceRoot } from 'vite';
|
import { defineConfig } from 'vite';
|
||||||
|
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
plugins: [sveltekit()],
|
plugins: [sveltekit()]
|
||||||
server: {
|
|
||||||
fs: {
|
|
||||||
allow: [
|
|
||||||
// search up for workspace root
|
|
||||||
searchForWorkspaceRoot(process.cwd()),
|
|
||||||
// your custom rules
|
|
||||||
'avatars'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|