Merge pull request 'Implement issues for v1.1.0' (#20) from v1.1.0 into main
Reviewed-on: https://phlaym.net/git/phlaym/moshing-mammut/pulls/20
This commit is contained in:
commit
e3c15be31c
@ -2,4 +2,4 @@ root = true
|
|||||||
|
|
||||||
[*.{svelte, ts, cjs, json}]
|
[*.{svelte, ts, cjs, json}]
|
||||||
indent_style = space
|
indent_style = space
|
||||||
indent_size = 4
|
indent_size = 2
|
||||||
@ -1,6 +1,9 @@
|
|||||||
HASHTAG_FILTER = ichlausche,music,musik,nowplaying,tunetuesday
|
HASHTAG_FILTER = ichlausche,music,musik,nowplaying,tunetuesday,nowlistening
|
||||||
URL_FILTER = song.link,album.link,spotify.com,music.apple.com,bandcamp.com
|
URL_FILTER = song.link,album.link,spotify.com,music.apple.com,bandcamp.com
|
||||||
YOUTUBE_API_KEY = CHANGE_ME
|
YOUTUBE_API_KEY = CHANGE_ME
|
||||||
|
MASTODON_INSTANCE = 'metalhead.club'
|
||||||
|
BASE_URL = 'https://moshingmammut.phlaym.net'
|
||||||
VERBOSE = false
|
VERBOSE = false
|
||||||
|
|
||||||
PUBLIC_REFRESH_INTERVAL = 10000
|
PUBLIC_REFRESH_INTERVAL = 10000
|
||||||
|
PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME = 'Metalhead.club'
|
||||||
4
.gitignore
vendored
4
.gitignore
vendored
@ -1,4 +1,8 @@
|
|||||||
*.db
|
*.db
|
||||||
|
feed.xml
|
||||||
|
playbook.yml
|
||||||
|
inventory.yml
|
||||||
|
ansible.cfg
|
||||||
|
|
||||||
node_modules
|
node_modules
|
||||||
/build
|
/build
|
||||||
|
|||||||
67
README.md
67
README.md
@ -1,3 +1,6 @@
|
|||||||
|
[](https://opensource.org/license/lgpl-3-0/)
|
||||||
|
[](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
|
||||||
@ -46,32 +49,50 @@ This might not be the ideal setup to run this, but here's how I am doing it. Ins
|
|||||||
or Debian derivative, using Apache as HTTP Proxy. Other setups are possible, but not covered here.
|
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)
|
This is based on [SvelteKit's instructions](https://kit.svelte.dev/docs/adapter-node#deploying) and [How To Deploy Node.js Applications Using Systemd and Nginx](https://www.digitalocean.com/community/tutorials/how-to-deploy-node-js-applications-using-systemd-and-nginx)
|
||||||
|
|
||||||
On your server, install the requirements:
|
|
||||||
- Apache2 HTTP Server
|
|
||||||
- NodeJS (via [NVM](https://github.com/nvm-sh/nvm))
|
|
||||||
|
|
||||||
#### On your server
|
#### On your server
|
||||||
|
|
||||||
Create a directory for the app. This will be called `$APP_DIR` from now on.
|
Install Apache2 if not already installed.
|
||||||
|
|
||||||
Place `package.json`, `apache2.conf.EXAMPLE`, `moshing-mammut.service.EXAMPLE` and `start.sh.EXAMPLE` in this directory.
|
Copy `apache2.conf.EXAMPLE` and `moshing-mammut.service.EXAMPLE` to your server.
|
||||||
|
|
||||||
|
Set up a user for the app: `useradd -mrU moshing-mammut`
|
||||||
|
|
||||||
|
Switch to your newly created user: `su moshing-mammut`
|
||||||
|
|
||||||
|
Set up NVM:
|
||||||
|
|
||||||
|
```
|
||||||
|
$ cd
|
||||||
|
$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh
|
||||||
|
$ source ~/.nvm/nvm.sh
|
||||||
|
$ nvm install --lts
|
||||||
|
```
|
||||||
|
|
||||||
|
Create a directory for the app. This will be called `$APP_DIR` from now on. I use `/home/moshing-mammut/app`.
|
||||||
|
|
||||||
|
Enter `$APP_DIR`.
|
||||||
|
|
||||||
|
Place `package-lock.json` and `start.sh.EXAMPLE` in this directory.
|
||||||
|
Run `npm ci --omit dev` to install the dependencies.
|
||||||
|
|
||||||
|
|
||||||
|
Rename `start.sh.EXAMPLE` to `start.sh` and set the path to your NVM.
|
||||||
|
|
||||||
|
If you do not have NVM installed, simply remove the line and make sure your node executable can be found either by
|
||||||
|
specifying the full path or by adding it to your $PATH.
|
||||||
|
|
||||||
|
Exit out of your `moshing-mammut` user shell.
|
||||||
|
|
||||||
Copy `apache2.conf.EXAMPLE` to `/etc/apache2/sites-available/moshingmammut.conf` and replace `ServerName` with your
|
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.
|
||||||
|
|
||||||
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 replace `/PATH_TO_MOSHING_MAMMUT` with your `$APP_DIR`. Also replace `MOSHING_MAMMUT_USER` with the user you want
|
and set your `User`, `Group`, `ExecStart` and `WorkingDirectory` accordingly.
|
||||||
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
|
||||||
|
|
||||||
@ -94,3 +115,21 @@ Verify that everything is okay with `service moshing-mammut status`.
|
|||||||
|
|
||||||
The app should now be reachable on http://localhost:3000 or whatever you configured your domain to be!
|
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)
|
||||||
|
|||||||
64
faviconDescription.json
Normal file
64
faviconDescription.json
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
|
||||||
|
{
|
||||||
|
"masterPicture": "./icon.svg",
|
||||||
|
"iconsPath": "/static",
|
||||||
|
"design": {
|
||||||
|
"ios": {
|
||||||
|
"pictureAspect": "backgroundAndMargin",
|
||||||
|
"backgroundColor": "#ffffff",
|
||||||
|
"margin": "0%",
|
||||||
|
"assets": {
|
||||||
|
"ios6AndPriorIcons": false,
|
||||||
|
"ios7AndLaterIcons": true,
|
||||||
|
"precomposedIcons": true,
|
||||||
|
"declareOnlyDefaultIcon": true
|
||||||
|
},
|
||||||
|
"appName": "Moshing Mammut"
|
||||||
|
},
|
||||||
|
"desktopBrowser": {
|
||||||
|
"design": "raw"
|
||||||
|
},
|
||||||
|
"windows": {
|
||||||
|
"pictureAspect": "whiteSilhouette",
|
||||||
|
"backgroundColor": "#2e0b78",
|
||||||
|
"onConflict": "override",
|
||||||
|
"assets": {
|
||||||
|
"windows80Ie10Tile": false,
|
||||||
|
"windows10Ie11EdgeTiles": {
|
||||||
|
"small": true,
|
||||||
|
"medium": true,
|
||||||
|
"big": true,
|
||||||
|
"rectangle": true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"appName": "Moshing Mammut"
|
||||||
|
},
|
||||||
|
"androidChrome": {
|
||||||
|
"pictureAspect": "noChange",
|
||||||
|
"themeColor": "#2e0b78",
|
||||||
|
"manifest": {
|
||||||
|
"name": "Moshing Mammut",
|
||||||
|
"display": "standalone",
|
||||||
|
"orientation": "notSet",
|
||||||
|
"onConflict": "override",
|
||||||
|
"declared": true
|
||||||
|
},
|
||||||
|
"assets": {
|
||||||
|
"legacyIcon": false,
|
||||||
|
"lowResolutionIcons": false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"safariPinnedTab": {
|
||||||
|
"pictureAspect": "blackAndWhite",
|
||||||
|
"threshold": 27.5,
|
||||||
|
"themeColor": "#2e0b78"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"settings": {
|
||||||
|
"scalingAlgorithm": "Mitchell",
|
||||||
|
"errorOnImageTooSmall": false,
|
||||||
|
"readmeFile": false,
|
||||||
|
"htmlCodeFile": false,
|
||||||
|
"usePathAsIs": false
|
||||||
|
}
|
||||||
|
}
|
||||||
7
icon.svg
Normal file
7
icon.svg
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
<?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>
|
||||||
|
After Width: | Height: | Size: 1.8 KiB |
@ -2,14 +2,13 @@
|
|||||||
Description=Moshing Mammut
|
Description=Moshing Mammut
|
||||||
|
|
||||||
[Service]
|
[Service]
|
||||||
ExecStart=/PATH_TO_MOSHING_MAMMUT/start.sh
|
ExecStart=/home/moshing-mammut/app/start.sh
|
||||||
Restart=always
|
Restart=always
|
||||||
User=MOSHING_MAMMUT_USER
|
User=moshing-mammut
|
||||||
Group=nogroup
|
Group=moshing-mammut
|
||||||
Environment=PATH=/usr/bin:/usr/local/bin
|
Environment=PATH=/usr/bin:/usr/local/bin
|
||||||
Environment=NODE_ENV=production
|
Environment=NODE_ENV=production
|
||||||
WorkingDirectory=/PATH_TO_MOSHING_MAMMUT/
|
WorkingDirectory=/home/moshing-mammut/app
|
||||||
KillMode=process
|
|
||||||
|
|
||||||
[Install]
|
[Install]
|
||||||
WantedBy=multi-user.target
|
WantedBy=multi-user.target
|
||||||
402
package-lock.json
generated
402
package-lock.json
generated
@ -1,24 +1,27 @@
|
|||||||
{
|
{
|
||||||
"name": "moshing-mammut",
|
"name": "moshing-mammut",
|
||||||
"version": "0.0.1",
|
"version": "1.1.0",
|
||||||
"lockfileVersion": 3,
|
"lockfileVersion": 3,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "moshing-mammut",
|
"name": "moshing-mammut",
|
||||||
"version": "0.0.1",
|
"version": "1.1.0",
|
||||||
|
"license": "LGPL-3.0-or-later",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@types/sqlite3": "^3.1.8",
|
|
||||||
"@types/ws": "^8.5.4",
|
|
||||||
"dotenv": "^16.0.3",
|
"dotenv": "^16.0.3",
|
||||||
|
"feed": "^4.2.2",
|
||||||
"sqlite3": "^5.1.6",
|
"sqlite3": "^5.1.6",
|
||||||
"ws": "^8.13.0"
|
"ws": "^8.13.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@sveltejs/adapter-node": "^1.2.3",
|
"@sveltejs/adapter-node": "^1.2.3",
|
||||||
"@sveltejs/kit": "^1.5.0",
|
"@sveltejs/kit": "^1.5.0",
|
||||||
|
"@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-svelte3": "^4.0.0",
|
"eslint-plugin-svelte3": "^4.0.0",
|
||||||
@ -31,54 +34,6 @@
|
|||||||
"vite": "^4.0.0"
|
"vite": "^4.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@esbuild/android-arm": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-0CnlwnjDU8cks0yJLXfkaU/uoLyRf9VZJs4p1PskBr2AlAHeEsFEwJEo0of/Z3g+ilw5mpyDwThlxzNEIxOE4g==",
|
|
||||||
"cpu": [
|
|
||||||
"arm"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"android"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/android-arm64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-eLOpPO1RvtsP71afiFTvS7tVFShJBCT0txiv/xjFBo5a7R7Gjw7X0IgIaFoLKhqXYAXhahoXm7qAmRXhY4guJg==",
|
|
||||||
"cpu": [
|
|
||||||
"arm64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"android"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/android-x64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-nrfQYWBfLGfSGLvRVlt6xi63B5IbfHm3tZCdu/82zuFPQ7zez4XjmRtF/wIRYbJQ/DsZrxJdEvYFE67avYXyng==",
|
|
||||||
"cpu": [
|
|
||||||
"x64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"android"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/darwin-arm64": {
|
"node_modules/@esbuild/darwin-arm64": {
|
||||||
"version": "0.17.14",
|
"version": "0.17.14",
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.14.tgz",
|
"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.14.tgz",
|
||||||
@ -95,294 +50,6 @@
|
|||||||
"node": ">=12"
|
"node": ">=12"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@esbuild/darwin-x64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-zN0U8RWfrDttdFNkHqFYZtOH8hdi22z0pFm0aIJPsNC4QQZv7je8DWCX5iA4Zx6tRhS0CCc0XC2m7wKsbWEo5g==",
|
|
||||||
"cpu": [
|
|
||||||
"x64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"darwin"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/freebsd-arm64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-z0VcD4ibeZWVQCW1O7szaLxGsx54gcCnajEJMdYoYjLiq4g1jrP2lMq6pk71dbS5+7op/L2Aod+erw+EUr28/A==",
|
|
||||||
"cpu": [
|
|
||||||
"arm64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"freebsd"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/freebsd-x64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-hd9mPcxfTgJlolrPlcXkQk9BMwNBvNBsVaUe5eNUqXut6weDQH8whcNaKNF2RO8NbpT6GY8rHOK2A9y++s+ehw==",
|
|
||||||
"cpu": [
|
|
||||||
"x64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"freebsd"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/linux-arm": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-BNTl+wSJ1omsH8s3TkQmIIIQHwvwJrU9u1ggb9XU2KTVM4TmthRIVyxSp2qxROJHhZuW/r8fht46/QE8hU8Qvg==",
|
|
||||||
"cpu": [
|
|
||||||
"arm"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"linux"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/linux-arm64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-FhAMNYOq3Iblcj9i+K0l1Fp/MHt+zBeRu/Qkf0LtrcFu3T45jcwB6A1iMsemQ42vR3GBhjNZJZTaCe3VFPbn9g==",
|
|
||||||
"cpu": [
|
|
||||||
"arm64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"linux"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/linux-ia32": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-91OK/lQ5y2v7AsmnFT+0EyxdPTNhov3y2CWMdizyMfxSxRqHazXdzgBKtlmkU2KYIc+9ZK3Vwp2KyXogEATYxQ==",
|
|
||||||
"cpu": [
|
|
||||||
"ia32"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"linux"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/linux-loong64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-vp15H+5NR6hubNgMluqqKza85HcGJgq7t6rMH7O3Y6ApiOWPkvW2AJfNojUQimfTp6OUrACUXfR4hmpcENXoMQ==",
|
|
||||||
"cpu": [
|
|
||||||
"loong64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"linux"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/linux-mips64el": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-90TOdFV7N+fgi6c2+GO9ochEkmm9kBAKnuD5e08GQMgMINOdOFHuYLPQ91RYVrnWwQ5683sJKuLi9l4SsbJ7Hg==",
|
|
||||||
"cpu": [
|
|
||||||
"mips64el"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"linux"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/linux-ppc64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-NnBGeoqKkTugpBOBZZoktQQ1Yqb7aHKmHxsw43NddPB2YWLAlpb7THZIzsRsTr0Xw3nqiPxbA1H31ZMOG+VVPQ==",
|
|
||||||
"cpu": [
|
|
||||||
"ppc64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"linux"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/linux-riscv64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-0qdlKScLXA8MGVy21JUKvMzCYWovctuP8KKqhtE5A6IVPq4onxXhSuhwDd2g5sRCzNDlDjitc5sX31BzDoL5Fw==",
|
|
||||||
"cpu": [
|
|
||||||
"riscv64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"linux"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/linux-s390x": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-Hdm2Jo1yaaOro4v3+6/zJk6ygCqIZuSDJHdHaf8nVH/tfOuoEX5Riv03Ka15LmQBYJObUTNS1UdyoMk0WUn9Ww==",
|
|
||||||
"cpu": [
|
|
||||||
"s390x"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"linux"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/linux-x64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-8KHF17OstlK4DuzeF/KmSgzrTWQrkWj5boluiiq7kvJCiQVzUrmSkaBvcLB2UgHpKENO2i6BthPkmUhNDaJsVw==",
|
|
||||||
"cpu": [
|
|
||||||
"x64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"linux"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/netbsd-x64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-nVwpqvb3yyXztxIT2+VsxJhB5GCgzPdk1n0HHSnchRAcxqKO6ghXwHhJnr0j/B+5FSyEqSxF4q03rbA2fKXtUQ==",
|
|
||||||
"cpu": [
|
|
||||||
"x64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"netbsd"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/openbsd-x64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-1RZ7uQQ9zcy/GSAJL1xPdN7NDdOOtNEGiJalg/MOzeakZeTrgH/DoCkbq7TaPDiPhWqnDF+4bnydxRqQD7il6g==",
|
|
||||||
"cpu": [
|
|
||||||
"x64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"openbsd"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/sunos-x64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-nqMjDsFwv7vp7msrwWRysnM38Sd44PKmW8EzV01YzDBTcTWUpczQg6mGao9VLicXSgW/iookNK6AxeogNVNDZA==",
|
|
||||||
"cpu": [
|
|
||||||
"x64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"sunos"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/win32-arm64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-xrD0mccTKRBBIotrITV7WVQAwNJ5+1va6L0H9zN92v2yEdjfAN7864cUaZwJS7JPEs53bDTzKFbfqVlG2HhyKQ==",
|
|
||||||
"cpu": [
|
|
||||||
"arm64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"win32"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/win32-ia32": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-nXpkz9bbJrLLyUTYtRotSS3t5b+FOuljg8LgLdINWFs3FfqZMtbnBCZFUmBzQPyxqU87F8Av+3Nco/M3hEcu1w==",
|
|
||||||
"cpu": [
|
|
||||||
"ia32"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"win32"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@esbuild/win32-x64": {
|
|
||||||
"version": "0.17.14",
|
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.14.tgz",
|
|
||||||
"integrity": "sha512-gPQmsi2DKTaEgG14hc3CHXHp62k8g6qr0Pas+I4lUxRMugGSATh/Bi8Dgusoz9IQ0IfdrvLpco6kujEIBoaogA==",
|
|
||||||
"cpu": [
|
|
||||||
"x64"
|
|
||||||
],
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"win32"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": ">=12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@eslint-community/eslint-utils": {
|
"node_modules/@eslint-community/eslint-utils": {
|
||||||
"version": "4.4.0",
|
"version": "4.4.0",
|
||||||
"resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
|
"resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
|
||||||
@ -759,9 +426,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@sveltejs/kit": {
|
"node_modules/@sveltejs/kit": {
|
||||||
"version": "1.15.0",
|
"version": "1.15.2",
|
||||||
"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.15.0.tgz",
|
"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.15.2.tgz",
|
||||||
"integrity": "sha512-fvDsW9msxWjDU/j9wwLlxEZ6cpXQYcmcQHq7neJMqibMEl39gI1ztVymGnYqM8KLqZXwNmhKtLu8EPheukKtXQ==",
|
"integrity": "sha512-rLNxZrjbrlPf8AWW8GAU4L/Vvu17e9v8EYl7pUip7x72lTft7RcxeP3z7tsrHpMSBBxC9o4XdKzFvz1vMZyXZw==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"hasInstallScript": true,
|
"hasInstallScript": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
@ -777,7 +444,7 @@
|
|||||||
"set-cookie-parser": "^2.5.1",
|
"set-cookie-parser": "^2.5.1",
|
||||||
"sirv": "^2.0.2",
|
"sirv": "^2.0.2",
|
||||||
"tiny-glob": "^0.2.9",
|
"tiny-glob": "^0.2.9",
|
||||||
"undici": "5.21.0"
|
"undici": "5.20.0"
|
||||||
},
|
},
|
||||||
"bin": {
|
"bin": {
|
||||||
"svelte-kit": "svelte-kit.js"
|
"svelte-kit": "svelte-kit.js"
|
||||||
@ -841,7 +508,8 @@
|
|||||||
"node_modules/@types/node": {
|
"node_modules/@types/node": {
|
||||||
"version": "18.15.11",
|
"version": "18.15.11",
|
||||||
"resolved": "https://registry.npmjs.org/@types/node/-/node-18.15.11.tgz",
|
"resolved": "https://registry.npmjs.org/@types/node/-/node-18.15.11.tgz",
|
||||||
"integrity": "sha512-E5Kwq2n4SbMzQOn6wnmBjuK9ouqlURrcZDVfbo9ftDDTFt3nk7ZKK4GMOzoYgnpQJKcxwQw+lGaBvvlMo0qN/Q=="
|
"integrity": "sha512-E5Kwq2n4SbMzQOn6wnmBjuK9ouqlURrcZDVfbo9ftDDTFt3nk7ZKK4GMOzoYgnpQJKcxwQw+lGaBvvlMo0qN/Q==",
|
||||||
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/@types/pug": {
|
"node_modules/@types/pug": {
|
||||||
"version": "2.0.6",
|
"version": "2.0.6",
|
||||||
@ -865,6 +533,7 @@
|
|||||||
"version": "3.1.8",
|
"version": "3.1.8",
|
||||||
"resolved": "https://registry.npmjs.org/@types/sqlite3/-/sqlite3-3.1.8.tgz",
|
"resolved": "https://registry.npmjs.org/@types/sqlite3/-/sqlite3-3.1.8.tgz",
|
||||||
"integrity": "sha512-sQMt/qnyUWnqiTcJXm5ZfNPIBeJ/DVvJDwxw+0tAxPJvadzfiP1QhryO1JOR6t1yfb8NpzQb/Rud06mob5laIA==",
|
"integrity": "sha512-sQMt/qnyUWnqiTcJXm5ZfNPIBeJ/DVvJDwxw+0tAxPJvadzfiP1QhryO1JOR6t1yfb8NpzQb/Rud06mob5laIA==",
|
||||||
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@types/node": "*"
|
"@types/node": "*"
|
||||||
}
|
}
|
||||||
@ -873,6 +542,7 @@
|
|||||||
"version": "8.5.4",
|
"version": "8.5.4",
|
||||||
"resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.4.tgz",
|
"resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.4.tgz",
|
||||||
"integrity": "sha512-zdQDHKUgcX/zBc4GrwsE/7dVdAD8JR4EuiAXiiUhhfyIJXXb2+PrGshFyeXWQPMmmZ2XxgaqclgpIC7eTXc1mg==",
|
"integrity": "sha512-zdQDHKUgcX/zBc4GrwsE/7dVdAD8JR4EuiAXiiUhhfyIJXXb2+PrGshFyeXWQPMmmZ2XxgaqclgpIC7eTXc1mg==",
|
||||||
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@types/node": "*"
|
"@types/node": "*"
|
||||||
}
|
}
|
||||||
@ -1065,6 +735,15 @@
|
|||||||
"url": "https://opencollective.com/typescript-eslint"
|
"url": "https://opencollective.com/typescript-eslint"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@zerodevx/svelte-toast": {
|
||||||
|
"version": "0.9.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/@zerodevx/svelte-toast/-/svelte-toast-0.9.3.tgz",
|
||||||
|
"integrity": "sha512-VPKWR4A9y01fyXRscu9HiTj7tV2hFrpRKZvGwMmaPXfHIXR1D9+NNsz0HXcQ7qZ0C5UaHS3n9uNtPtIcAXT7RQ==",
|
||||||
|
"dev": true,
|
||||||
|
"peerDependencies": {
|
||||||
|
"svelte": "^3.57.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/abbrev": {
|
"node_modules/abbrev": {
|
||||||
"version": "1.1.1",
|
"version": "1.1.1",
|
||||||
"resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
|
||||||
@ -1922,6 +1601,17 @@
|
|||||||
"reusify": "^1.0.4"
|
"reusify": "^1.0.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/feed": {
|
||||||
|
"version": "4.2.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/feed/-/feed-4.2.2.tgz",
|
||||||
|
"integrity": "sha512-u5/sxGfiMfZNtJ3OvQpXcvotFpYkL0n9u9mM2vkui2nGo8b4wvDkJ8gAkYqbA8QpGyFCv3RK0Z+Iv+9veCS9bQ==",
|
||||||
|
"dependencies": {
|
||||||
|
"xml-js": "^1.6.11"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=0.4.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/file-entry-cache": {
|
"node_modules/file-entry-cache": {
|
||||||
"version": "6.0.1",
|
"version": "6.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
|
||||||
@ -3329,6 +3019,11 @@
|
|||||||
"rimraf": "bin.js"
|
"rimraf": "bin.js"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/sax": {
|
||||||
|
"version": "1.2.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
|
||||||
|
"integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw=="
|
||||||
|
},
|
||||||
"node_modules/semver": {
|
"node_modules/semver": {
|
||||||
"version": "7.3.8",
|
"version": "7.3.8",
|
||||||
"resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
|
"resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
|
||||||
@ -3847,9 +3542,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/undici": {
|
"node_modules/undici": {
|
||||||
"version": "5.21.0",
|
"version": "5.20.0",
|
||||||
"resolved": "https://registry.npmjs.org/undici/-/undici-5.21.0.tgz",
|
"resolved": "https://registry.npmjs.org/undici/-/undici-5.20.0.tgz",
|
||||||
"integrity": "sha512-HOjK8l6a57b2ZGXOcUsI5NLfoTrfmbOl90ixJDl0AEFG4wgHNDQxtZy15/ZQp7HhjkpaGlp/eneMgtsu1dIlUA==",
|
"integrity": "sha512-J3j60dYzuo6Eevbawwp1sdg16k5Tf768bxYK4TUJRH7cBM4kFCbf3mOnM/0E3vQYXvpxITbbWmBafaDbxLDz3g==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"busboy": "^1.6.0"
|
"busboy": "^1.6.0"
|
||||||
@ -4024,6 +3719,17 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/xml-js": {
|
||||||
|
"version": "1.6.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/xml-js/-/xml-js-1.6.11.tgz",
|
||||||
|
"integrity": "sha512-7rVi2KMfwfWFl+GpPg6m80IVMWXLRjO+PxTq7V2CDhoGak0wzYzFgUY2m4XJ47OGdXd8eLE8EmwfAmdjw7lC1g==",
|
||||||
|
"dependencies": {
|
||||||
|
"sax": "^1.2.4"
|
||||||
|
},
|
||||||
|
"bin": {
|
||||||
|
"xml-js": "bin/cli.js"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/yallist": {
|
"node_modules/yallist": {
|
||||||
"version": "4.0.0",
|
"version": "4.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
|
||||||
|
|||||||
@ -1,7 +1,8 @@
|
|||||||
{
|
{
|
||||||
"name": "moshing-mammut",
|
"name": "moshing-mammut",
|
||||||
"version": "0.0.1",
|
"version": "1.1.0",
|
||||||
"private": true,
|
"private": true,
|
||||||
|
"license": "LGPL-3.0-or-later",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite dev",
|
"dev": "vite dev",
|
||||||
"build": "vite build",
|
"build": "vite build",
|
||||||
@ -14,8 +15,11 @@
|
|||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@sveltejs/adapter-node": "^1.2.3",
|
"@sveltejs/adapter-node": "^1.2.3",
|
||||||
"@sveltejs/kit": "^1.5.0",
|
"@sveltejs/kit": "^1.5.0",
|
||||||
|
"@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-svelte3": "^4.0.0",
|
"eslint-plugin-svelte3": "^4.0.0",
|
||||||
@ -29,9 +33,8 @@
|
|||||||
},
|
},
|
||||||
"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",
|
||||||
"sqlite3": "^5.1.6",
|
"sqlite3": "^5.1.6",
|
||||||
"ws": "^8.13.0"
|
"ws": "^8.13.0"
|
||||||
}
|
}
|
||||||
|
|||||||
165
src/LICENSE
Normal file
165
src/LICENSE
Normal file
@ -0,0 +1,165 @@
|
|||||||
|
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.
|
||||||
15
src/app.html
15
src/app.html
@ -2,11 +2,20 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
<link rel="apple-touch-icon" sizes="180x180" href="%sveltekit.assets%/apple-touch-icon.png" />
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon-32x32.png" />
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="%sveltekit.assets%/favicon-16x16.png" />
|
||||||
|
<link rel="manifest" href="%sveltekit.assets%/site.webmanifest" />
|
||||||
|
<link rel="mask-icon" href="%sveltekit.assets%/safari-pinned-tab.svg" color="#2e0b78" />
|
||||||
|
<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="theme-color" content="#2e0b78" />
|
||||||
<link rel="stylesheet" href="%sveltekit.assets%/style.css" />
|
<link rel="stylesheet" href="%sveltekit.assets%/style.css" />
|
||||||
<meta name="viewport" content="width=device-width" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
<meta name="theme-color" content="#17063B" media="(prefers-color-scheme: dark)" />
|
<meta name="theme-color" content="#2E0B78" media="(prefers-color-scheme: dark)" />
|
||||||
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
|
<meta name="theme-color" content="#BCB9B2" media="(prefers-color-scheme: light)" />
|
||||||
|
<link rel="alternate" type="application/atom+xml" href="/feed.xml" title="Atom Feed" />
|
||||||
%sveltekit.head%
|
%sveltekit.head%
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
|
|||||||
@ -1,5 +1,6 @@
|
|||||||
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 fs from 'fs/promises';
|
||||||
|
|
||||||
TimelineReader.init();
|
TimelineReader.init();
|
||||||
|
|
||||||
@ -12,4 +13,23 @@ export const handleError = (({ error }) => {
|
|||||||
message: 'Whoops!',
|
message: 'Whoops!',
|
||||||
code: (error as any)?.code ?? 'UNKNOWN'
|
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']] }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const response = await resolve(event);
|
||||||
|
return response;
|
||||||
|
}) satisfies Handle;
|
||||||
1
src/lib/assets/error-warning-fill.svg
Normal file
1
src/lib/assets/error-warning-fill.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 268 B |
1
src/lib/assets/rss-fill.svg
Normal file
1
src/lib/assets/rss-fill.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 285 B |
@ -1,5 +1,6 @@
|
|||||||
<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">
|
||||||
@ -11,7 +12,14 @@
|
|||||||
<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" />
|
||||||
Source Code
|
Source Code
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
<div>
|
||||||
|
<a href="/feed.xml">
|
||||||
|
<img alt="RSS" src={rss} class="icon" />
|
||||||
|
RSS Feed
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -26,7 +34,7 @@
|
|||||||
gap: 10px;
|
gap: 10px;
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
-webkit-backdrop-filter: blur(10px);
|
-webkit-backdrop-filter: blur(10px);
|
||||||
background-color: #54546788;
|
background-color: var(--color-grey-translucent);
|
||||||
padding: 0.3em 1em;
|
padding: 0.3em 1em;
|
||||||
margin: 0 -8px;
|
margin: 0 -8px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
@ -42,7 +50,7 @@
|
|||||||
filter: invert();
|
filter: invert();
|
||||||
}
|
}
|
||||||
.footer {
|
.footer {
|
||||||
background-color: #6364FF88;
|
background-color: var(--color-grey-translucent);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
81
src/lib/components/LoadMoreComponent.svelte
Normal file
81
src/lib/components/LoadMoreComponent.svelte
Normal file
@ -0,0 +1,81 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
import { createEventDispatcher } from 'svelte';
|
||||||
|
import LoadingSpinnerComponent from '$lib/components/LoadingSpinnerComponent.svelte';
|
||||||
|
|
||||||
|
export let moreAvailable: boolean = false;
|
||||||
|
export let isLoading: boolean = 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();
|
||||||
|
|
||||||
|
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>
|
||||||
38
src/lib/components/LoadingSpinnerComponent.svelte
Normal file
38
src/lib/components/LoadingSpinnerComponent.svelte
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
export let size: string = '64px';
|
||||||
|
export let thickness: string = '6px';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="lds-dual-ring" style="--size: {size}; --thickness: {thickness}"></div>
|
||||||
|
<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>
|
||||||
@ -2,10 +2,24 @@
|
|||||||
import type { Post } from '$lib/mastodon/response';
|
import type { Post } from '$lib/mastodon/response';
|
||||||
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 dateCreated: string;
|
let displayRelativeTime = false;
|
||||||
$: dateCreated = new Date(post.created_at).toLocaleString();
|
const absoluteDate = new Date(post.created_at).toLocaleString();
|
||||||
|
let dateCreated = absoluteDate;
|
||||||
|
const timePassed = secondsSince(new Date(post.created_at));
|
||||||
|
$: if(displayRelativeTime) {
|
||||||
|
dateCreated = relativeTime($timePassed) ?? absoluteDate;
|
||||||
|
}
|
||||||
|
|
||||||
|
onMount(() => {
|
||||||
|
// Display relative time only after mount:
|
||||||
|
// When JS is disabled the server-side rendered absolute date will be shown,
|
||||||
|
// otherwise the relative date would be outdated very quickly
|
||||||
|
displayRelativeTime = true;
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
@ -14,7 +28,7 @@
|
|||||||
<div class="post">
|
<div class="post">
|
||||||
<div class="meta">
|
<div class="meta">
|
||||||
<AccountComponent account={post.account} />
|
<AccountComponent account={post.account} />
|
||||||
<small><a href={post.url} target="_blank">{dateCreated}</a></small>
|
<small><a href={post.url} target="_blank" title="{absoluteDate}">{dateCreated}</a></small>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">{@html post.content}</div>
|
<div class="content">{@html post.content}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
8
src/lib/errorToast.ts
Normal file
8
src/lib/errorToast.ts
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
import errorIcon from '$lib/assets/error-warning-fill.svg';
|
||||||
|
import { toast } from '@zerodevx/svelte-toast';
|
||||||
|
|
||||||
|
export function errorToast(message: string): number {
|
||||||
|
return toast.push(`<img src="${errorIcon}" />${message}`, {
|
||||||
|
classes: ['error']
|
||||||
|
});
|
||||||
|
}
|
||||||
40
src/lib/relativeTime.ts
Normal file
40
src/lib/relativeTime.ts
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
import { derived, readable, type Readable } from 'svelte/store';
|
||||||
|
|
||||||
|
export const time = readable(new Date(), function start(set) {
|
||||||
|
const interval = setInterval(() => {
|
||||||
|
set(new Date());
|
||||||
|
}, 10000); //Every 10sec is enough, we don't need that much granularity
|
||||||
|
|
||||||
|
return function stop() {
|
||||||
|
clearInterval(interval);
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
export function secondsSince(date: Date): Readable<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;
|
||||||
|
}
|
||||||
@ -92,95 +92,112 @@ function getMigrations(): Migration[] {
|
|||||||
}];
|
}];
|
||||||
}
|
}
|
||||||
|
|
||||||
export function savePost(post: Post): void {
|
export async function savePost(post: Post): Promise<undefined> {
|
||||||
console.debug(`Saving post ${post.url}`);
|
return new Promise((resolve, reject) => {
|
||||||
const account = post.account;
|
console.debug(`Saving post ${post.url}`);
|
||||||
db.run(`
|
const account = post.account;
|
||||||
INSERT INTO accounts (id, acct, username, display_name, url, avatar, avatar_static)
|
db.run(`
|
||||||
VALUES(?, ?, ?, ?, ?, ?, ?)
|
INSERT INTO accounts (id, acct, username, display_name, url, avatar, avatar_static)
|
||||||
ON CONFLICT(id)
|
VALUES(?, ?, ?, ?, ?, ?, ?)
|
||||||
DO UPDATE SET
|
ON CONFLICT(id)
|
||||||
acct=excluded.acct,
|
DO UPDATE SET
|
||||||
username=excluded.username,
|
acct=excluded.acct,
|
||||||
display_name=excluded.display_name,
|
username=excluded.username,
|
||||||
url=excluded.url,
|
display_name=excluded.display_name,
|
||||||
avatar=excluded.avatar,
|
url=excluded.url,
|
||||||
avatar_static=excluded.avatar_static;`,
|
avatar=excluded.avatar,
|
||||||
[
|
avatar_static=excluded.avatar_static;`,
|
||||||
account.id,
|
[
|
||||||
account.acct,
|
account.id,
|
||||||
account.username,
|
account.acct,
|
||||||
account.display_name,
|
account.username,
|
||||||
account.url,
|
account.display_name,
|
||||||
account.avatar,
|
account.url,
|
||||||
account.avatar_static
|
account.avatar,
|
||||||
],
|
account.avatar_static
|
||||||
(err) => {
|
],
|
||||||
if (err !== null) {
|
(err) => {
|
||||||
console.error(`Could not insert/update account ${account.id}`, err);
|
if (err !== null) {
|
||||||
return;
|
console.error(`Could not insert/update account ${account.id}`, err);
|
||||||
}
|
reject(err);
|
||||||
db.run(`
|
return;
|
||||||
INSERT INTO posts (id, content, created_at, url, account_id)
|
}
|
||||||
VALUES (?, ?, ?, ?, ?) ON CONFLICT(id) DO UPDATE SET
|
db.run(`
|
||||||
content=excluded.content,
|
INSERT INTO posts (id, content, created_at, url, account_id)
|
||||||
created_at=excluded.created_at,
|
VALUES (?, ?, ?, ?, ?) ON CONFLICT(id) DO UPDATE SET
|
||||||
url=excluded.url,
|
content=excluded.content,
|
||||||
account_id=excluded.account_id;`,
|
created_at=excluded.created_at,
|
||||||
[
|
url=excluded.url,
|
||||||
post.id,
|
account_id=excluded.account_id;`,
|
||||||
post.content,
|
[
|
||||||
post.created_at,
|
post.id,
|
||||||
post.url,
|
post.content,
|
||||||
post.account.id
|
post.created_at,
|
||||||
],
|
post.url,
|
||||||
(postErr) => {
|
post.account.id
|
||||||
if (postErr !== null) {
|
],
|
||||||
console.error(`Could not insert post ${post.url}`, postErr);
|
(postErr) => {
|
||||||
return;
|
if (postErr !== null) {
|
||||||
}
|
console.error(`Could not insert post ${post.url}`, postErr);
|
||||||
|
reject(postErr);
|
||||||
db.parallelize(() => {
|
return;
|
||||||
for (let tag of post.tags) {
|
|
||||||
db.run(`
|
|
||||||
INSERT INTO tags (url, tag) VALUES (?, ?)
|
|
||||||
ON CONFLICT(url) DO UPDATE SET
|
|
||||||
tag=excluded.tag;`,
|
|
||||||
[
|
|
||||||
tag.url,
|
|
||||||
tag.name
|
|
||||||
],
|
|
||||||
(tagErr) => {
|
|
||||||
if (tagErr !== null) {
|
|
||||||
console.error(`Could not insert/update tag ${tag.url}`, tagErr);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
db.run('INSERT INTO poststags (post_id, tag_url) VALUES (?, ?)',
|
|
||||||
[post.id, tag.url],
|
|
||||||
(posttagserr) => {
|
|
||||||
if (posttagserr !== null) {
|
|
||||||
console.error(`Could not insert poststags ${tag.url}, ${post.url}`, posttagserr);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
db.parallelize(() => {
|
||||||
|
let remaining = post.tags.length;
|
||||||
|
for (let tag of post.tags) {
|
||||||
|
db.run(`
|
||||||
|
INSERT INTO tags (url, tag) VALUES (?, ?)
|
||||||
|
ON CONFLICT(url) DO UPDATE SET
|
||||||
|
tag=excluded.tag;`,
|
||||||
|
[
|
||||||
|
tag.url,
|
||||||
|
tag.name
|
||||||
|
],
|
||||||
|
(tagErr) => {
|
||||||
|
if (tagErr !== null) {
|
||||||
|
console.error(`Could not insert/update tag ${tag.url}`, tagErr);
|
||||||
|
reject(tagErr);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
db.run('INSERT INTO poststags (post_id, tag_url) VALUES (?, ?)',
|
||||||
|
[post.id, tag.url],
|
||||||
|
(posttagserr) => {
|
||||||
|
if (posttagserr !== null) {
|
||||||
|
console.error(`Could not insert poststags ${tag.url}, ${post.url}`, posttagserr);
|
||||||
|
reject(posttagserr);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// Don't decrease on fail
|
||||||
|
remaining--;
|
||||||
|
// Only resolve after all have been inserted
|
||||||
|
if (remaining === 0) {
|
||||||
|
resolve(undefined);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getPosts(since: string | null, limit: number) {
|
export async function getPosts(since: string | null, before: string | null, limit: number) {
|
||||||
let promise = await new Promise<Post[]>((resolve, reject) => {
|
let promise = await new Promise<Post[]>((resolve, reject) => {
|
||||||
let filter_query;
|
let filter_query;
|
||||||
let params: any = { $limit: limit };
|
let params: any = { $limit: limit };
|
||||||
if (since === null) {
|
if (since === null && before === null) {
|
||||||
filter_query = '';
|
filter_query = '';
|
||||||
} else {
|
} else if (since !== null) {
|
||||||
filter_query = 'WHERE posts.created_at > $since';
|
filter_query = 'WHERE posts.created_at > $since';
|
||||||
params.$since = since;
|
params.$since = since;
|
||||||
|
} else if (before !== null) {
|
||||||
|
// Setting both, before and since doesn't make sense, so this case is not explicitly handled
|
||||||
|
filter_query = 'WHERE posts.created_at < $before';
|
||||||
|
params.$before = before;
|
||||||
}
|
}
|
||||||
const sql = `SELECT posts.id, posts.content, posts.created_at, posts.url,
|
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,
|
||||||
|
|||||||
45
src/lib/server/rss.ts
Normal file
45
src/lib/server/rss.ts
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
import { BASE_URL } from '$env/static/private';
|
||||||
|
import { PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME } from '$env/static/public';
|
||||||
|
import type { Post } from '$lib//mastodon/response';
|
||||||
|
import { Feed } from 'feed';
|
||||||
|
import fs from 'fs/promises';
|
||||||
|
|
||||||
|
export function createFeed(posts: Post[]): Feed {
|
||||||
|
const baseUrl = BASE_URL.endsWith('/') ? BASE_URL : BASE_URL + '/';
|
||||||
|
const feed = new Feed({
|
||||||
|
title: `${PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME} music feed`,
|
||||||
|
description: `Posts about music on ${PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME}`,
|
||||||
|
id: baseUrl,
|
||||||
|
link: baseUrl,
|
||||||
|
language: 'en',
|
||||||
|
//image: "http://example.com/image.png",
|
||||||
|
//favicon: "http://example.com/favicon.ico",
|
||||||
|
copyright: '',
|
||||||
|
generator: 'moshing-mamut',
|
||||||
|
feedLinks: {
|
||||||
|
atom: `${BASE_URL}/feed.xml`
|
||||||
|
},
|
||||||
|
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' });
|
||||||
|
}
|
||||||
@ -1,9 +1,10 @@
|
|||||||
import { HASHTAG_FILTER, URL_FILTER, YOUTUBE_API_KEY } from '$env/static/private';
|
import { HASHTAG_FILTER, MASTODON_INSTANCE, URL_FILTER, YOUTUBE_API_KEY } from '$env/static/private';
|
||||||
import type { Post, Tag, TimelineEvent } from '$lib/mastodon/response';
|
import type { Post, Tag, TimelineEvent } from '$lib/mastodon/response';
|
||||||
import { savePost } from '$lib/server/db';
|
import { getPosts, savePost } from '$lib/server/db';
|
||||||
|
import { createFeed, saveAtomFeed } from '$lib/server/rss';
|
||||||
import { WebSocket } from "ws";
|
import { WebSocket } from "ws";
|
||||||
|
|
||||||
const YOUTUBE_REGEX = new RegExp(/https?:\/\/(www\.)?youtu((be.com\/.*v=)|(\.be\/))(?<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;
|
||||||
@ -55,7 +56,7 @@ export class TimelineReader {
|
|||||||
}
|
}
|
||||||
|
|
||||||
private constructor() {
|
private constructor() {
|
||||||
const socket = new WebSocket("wss://metalhead.club/api/v1/streaming")
|
const socket = new WebSocket(`wss://${MASTODON_INSTANCE}/api/v1/streaming`);
|
||||||
socket.onopen = (_event) => {
|
socket.onopen = (_event) => {
|
||||||
socket.send('{ "type": "subscribe", "stream": "public:local"}');
|
socket.send('{ "type": "subscribe", "stream": "public:local"}');
|
||||||
};
|
};
|
||||||
@ -79,7 +80,9 @@ export class TimelineReader {
|
|||||||
!await TimelineReader.checkYoutubeMatches(post.content)) {
|
!await TimelineReader.checkYoutubeMatches(post.content)) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
savePost(post);
|
await savePost(post);
|
||||||
|
const posts = await getPosts(null, null, 100);
|
||||||
|
await saveAtomFeed(createFeed(posts));
|
||||||
|
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.error("error message", event, event.data, e)
|
console.error("error message", event, event.data, e)
|
||||||
|
|||||||
@ -1,7 +1,14 @@
|
|||||||
<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>
|
||||||
@ -12,4 +19,18 @@
|
|||||||
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;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -2,52 +2,170 @@
|
|||||||
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 { PUBLIC_REFRESH_INTERVAL } from '$env/static/public';
|
import { PUBLIC_REFRESH_INTERVAL, PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME } from '$env/static/public';
|
||||||
import PostComponent from '$lib/components/PostComponent.svelte';
|
import 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 {
|
||||||
|
since?: string,
|
||||||
|
before?: string,
|
||||||
|
count?: number
|
||||||
|
}
|
||||||
|
|
||||||
|
interface EdgeFlyParams extends FlyParams {
|
||||||
|
created_at: string
|
||||||
|
}
|
||||||
|
|
||||||
|
const refreshInterval = parseInt(PUBLIC_REFRESH_INTERVAL);
|
||||||
let interval: NodeJS.Timer | null = null;
|
let interval: NodeJS.Timer | null = null;
|
||||||
|
let moreOlderPostsAvailable = true;
|
||||||
|
let loadingOlderPosts = false;
|
||||||
|
|
||||||
|
// Needed, so that edgeFly() can do its thing:
|
||||||
|
// To determine whether a newly loaded post is older than the existing ones, is required to know what the oldest
|
||||||
|
// post was, before the fetch happened.
|
||||||
|
let oldestBeforeLastFetch: number | null = null;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Animate either from the top, or the bottom of the window, depending if the post is
|
||||||
|
* newer than the existing ones or older.
|
||||||
|
*/
|
||||||
|
function edgeFly(node: Element, opts: EdgeFlyParams) {
|
||||||
|
const createdAt = new Date(opts.created_at).getTime();
|
||||||
|
const diffNewest = Math.abs(new Date(data.posts[0].created_at).getTime() - createdAt);
|
||||||
|
const oldest = oldestBeforeLastFetch !== null
|
||||||
|
? oldestBeforeLastFetch
|
||||||
|
: new Date(data.posts[data.posts.length - 1].created_at).getTime();
|
||||||
|
const diffOldest = Math.abs(oldest - createdAt);
|
||||||
|
const fromTop = diffNewest <= diffOldest;
|
||||||
|
|
||||||
|
const rect = node.getBoundingClientRect();
|
||||||
|
const paramY = +`${opts.y}`;
|
||||||
|
let offset = isNaN(paramY) ? 0 : paramY + rect.height;
|
||||||
|
opts.y = fromTop ? -offset : window.innerHeight + offset;
|
||||||
|
return fly(node, opts);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function fetchPosts(options: FetchOptions): Promise<Post[]> {
|
||||||
|
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) {
|
||||||
|
filter = { since: data.posts[0].created_at };
|
||||||
|
}
|
||||||
|
fetchPosts(filter).then(resp => {
|
||||||
|
if (resp.length > 0) {
|
||||||
|
// Prepend new posts, filter dupes
|
||||||
|
// There shouldn't be any duplicates, but better be safe than sorry
|
||||||
|
data.posts = filterDuplicates(resp.concat(data.posts));
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch((e: Error) => {
|
||||||
|
errorToast('Error loading newest posts: ' + e.message);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
onMount(async () => {
|
onMount(async () => {
|
||||||
interval = setInterval(async () => {
|
if (data.posts.length > 0) {
|
||||||
const params = new URLSearchParams();
|
oldestBeforeLastFetch = new Date(data.posts[data.posts.length - 1].created_at).getTime();
|
||||||
if (data.posts.length > 0) {
|
}
|
||||||
params.set('since', data.posts[0].created_at);
|
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);
|
||||||
}
|
}
|
||||||
await fetch(`/api/posts?${params}`)
|
interval = setInterval(refresh, delay);
|
||||||
.then(r => r.json())
|
});
|
||||||
.then((resp: Post[]) => {
|
|
||||||
if (resp.length > 0) {
|
|
||||||
data.posts = resp.concat(data.posts);
|
|
||||||
console.log('updated data', resp, data.posts);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(e => {
|
|
||||||
// TODO: Show error in UI
|
|
||||||
console.error('Error loading newest posts', e);
|
|
||||||
});
|
|
||||||
}, parseInt(PUBLIC_REFRESH_INTERVAL));
|
|
||||||
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>Metalhead.club music list</title>
|
<title>{PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME} music list</title>
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
<h2>Metalhead.club music list</h2>
|
<h2>{PUBLIC_MASTODON_INSTANCE_DISPLAY_NAME} music list</h2>
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<div></div>
|
<div></div>
|
||||||
<div class="posts">
|
<div class="posts">
|
||||||
{#if data.posts.length === 0}
|
{#if data.posts.length === 0}
|
||||||
Sorry, no posts recommending music aave been found yet
|
Sorry, no posts recommending music aave been found yet
|
||||||
{/if}
|
{/if}
|
||||||
{#each data.posts as post (post.id)}
|
{#each data.posts as post (post.url)}
|
||||||
<div class="post"><PostComponent {post} /></div>
|
<div
|
||||||
|
class="post"
|
||||||
|
transition:edgeFly="{{ 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>
|
</div>
|
||||||
@ -55,6 +173,7 @@ onMount(async () => {
|
|||||||
.posts {
|
.posts {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.post {
|
.post {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -70,5 +189,6 @@ onMount(async () => {
|
|||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
z-index: 100;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -4,12 +4,13 @@ import { json } from '@sveltejs/kit';
|
|||||||
import type { RequestHandler } from './$types';
|
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');
|
||||||
let count = Number.parseInt(url.searchParams.get('count') || '');
|
const before = url.searchParams.get('before');
|
||||||
if (isNaN(count)) {
|
let count = Number.parseInt(url.searchParams.get('count') || '');
|
||||||
count = 20;
|
if (isNaN(count)) {
|
||||||
}
|
count = 20;
|
||||||
count = Math.min(count, 100);
|
}
|
||||||
const posts = await getPosts(since, count);
|
count = Math.min(count, 100);
|
||||||
return json(posts);
|
const posts = await getPosts(since, before, count);
|
||||||
|
return json(posts);
|
||||||
}) satisfies RequestHandler;
|
}) satisfies RequestHandler;
|
||||||
@ -1,3 +1,3 @@
|
|||||||
#!/bin/bash
|
#!/bin/bash
|
||||||
. /PATH_TO_YOUR_NVM/.nvm/nvm.sh
|
. /home/moshing-mammut/.nvm/nvm.sh
|
||||||
node -r dotenv/config build
|
node -r dotenv/config build
|
||||||
BIN
static/android-chrome-192x192.png
Normal file
BIN
static/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
BIN
static/android-chrome-512x512.png
Normal file
BIN
static/android-chrome-512x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
static/apple-touch-icon-120x120-precomposed.png
Normal file
BIN
static/apple-touch-icon-120x120-precomposed.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
static/apple-touch-icon-120x120.png
Normal file
BIN
static/apple-touch-icon-120x120.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
static/apple-touch-icon-152x152-precomposed.png
Normal file
BIN
static/apple-touch-icon-152x152-precomposed.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
static/apple-touch-icon-152x152.png
Normal file
BIN
static/apple-touch-icon-152x152.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
static/apple-touch-icon-180x180-precomposed.png
Normal file
BIN
static/apple-touch-icon-180x180-precomposed.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
BIN
static/apple-touch-icon-180x180.png
Normal file
BIN
static/apple-touch-icon-180x180.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
static/apple-touch-icon-60x60-precomposed.png
Normal file
BIN
static/apple-touch-icon-60x60-precomposed.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
static/apple-touch-icon-60x60.png
Normal file
BIN
static/apple-touch-icon-60x60.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/apple-touch-icon-76x76-precomposed.png
Normal file
BIN
static/apple-touch-icon-76x76-precomposed.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
static/apple-touch-icon-76x76.png
Normal file
BIN
static/apple-touch-icon-76x76.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
static/apple-touch-icon-precomposed.png
Normal file
BIN
static/apple-touch-icon-precomposed.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
BIN
static/apple-touch-icon.png
Normal file
BIN
static/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
12
static/browserconfig.xml
Normal file
12
static/browserconfig.xml
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
<?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>
|
||||||
BIN
static/favicon-16x16.png
Normal file
BIN
static/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 952 B |
BIN
static/favicon-32x32.png
Normal file
BIN
static/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
static/favicon.ico
Normal file
BIN
static/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
BIN
static/mstile-144x144.png
Normal file
BIN
static/mstile-144x144.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
static/mstile-150x150.png
Normal file
BIN
static/mstile-150x150.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
static/mstile-310x150.png
Normal file
BIN
static/mstile-310x150.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
static/mstile-310x310.png
Normal file
BIN
static/mstile-310x310.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
BIN
static/mstile-70x70.png
Normal file
BIN
static/mstile-70x70.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
28
static/safari-pinned-tab.svg
Normal file
28
static/safari-pinned-tab.svg
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
<?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>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
19
static/site.webmanifest
Normal file
19
static/site.webmanifest
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
{
|
||||||
|
"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"
|
||||||
|
}
|
||||||
@ -1,30 +1,58 @@
|
|||||||
body {
|
body {
|
||||||
--color-text: #2F0C7A;
|
--color-blue: hsl(259, 82%, 26%);
|
||||||
--color-bg: white;
|
--color-blue-dark: hsl(259, 82%, 10%);
|
||||||
--color-border: #17063B;
|
--color-lavender: hsl(273, 43%, 65%);
|
||||||
--color-link: #563ACC;
|
--color-mauve: hsl(286, 73%, 81%);
|
||||||
--color-link-visited: #858AFA;
|
|
||||||
|
|
||||||
color: var(--color-text);
|
--color-grey: hsl(44, 7%, 41%);
|
||||||
background-color: var(--color-bg);
|
--color-grey-translucent: hsla(44, 7%, 41%, 0.2);
|
||||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans,
|
--color-grey-light: hsl(42, 7%, 72%);
|
||||||
Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif,
|
|
||||||
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
--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);
|
||||||
|
--color-border: var(--color-grey);
|
||||||
|
--color-link: var(--color-mauve);
|
||||||
|
--color-link-visited: var(--color-lavender);
|
||||||
|
--color-bg: var(--color-grey-light);
|
||||||
|
--color-button: var(--color-red-light);
|
||||||
|
--color-button-shadow: var(--color-red-desat-dark);
|
||||||
|
--color-button-hover: var(--color-red);
|
||||||
|
--color-button-deactivated: var(--color-red-desat-desat);
|
||||||
|
--color-button-text: var(--color-blue-dark);
|
||||||
|
|
||||||
|
color: var(--color-text);
|
||||||
|
background-color: var(--color-bg);
|
||||||
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans,
|
||||||
|
Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif,
|
||||||
|
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--color-link);
|
color: var(--color-link);
|
||||||
}
|
}
|
||||||
a:visited {
|
a:visited {
|
||||||
color: var(--color-link-visited);
|
color: var(--color-link-visited);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
body {
|
body {
|
||||||
--color-text: white;
|
--color-text: var(--color-grey-light);
|
||||||
--color-bg: #17063B;
|
--color-border: var(--color-grey-light);
|
||||||
--color-border: white;
|
--color-link: var(--color-mauve);
|
||||||
--color-link: #8A9BF0;
|
--color-link-visited: var(--color-lavender);
|
||||||
--color-link-visited: #C384FB;
|
--color-bg: var(--color-blue);
|
||||||
}
|
--color-button: var(--color-red-light);
|
||||||
|
--color-button-shadow: var(--color-red-desat);
|
||||||
|
--color-button-hover: var(--color-red);
|
||||||
|
--color-button-deactivated: var(--color-red-desat-desat);
|
||||||
|
--color-button-text: var(--color-blue-dark);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user