ActivityPub feed => iframe embed. https://blog.froth.zone/sam/the-end-of-an-era
This repository has been archived on 2023-05-27. You can view files and clone it, but cannot push or open issues or pull requests.
Find a file
Sam Therapy 73a0ccf871
Redo app from the ground up
Make it an ES module, TODO: Typescript
Make the themes explicitly mastodon

Signed-off-by: Sam Therapy <sam@samtherapy.net>
2022-02-06 13:14:18 -06:00
lib Redo app from the ground up 2022-02-06 13:14:18 -06:00
static Redo app from the ground up 2022-02-06 13:14:18 -06:00
stylesrc Redo app from the ground up 2022-02-06 13:14:18 -06:00
test Redo app from the ground up 2022-02-06 13:14:18 -06:00
.gitignore make CWs work 2018-09-29 17:29:17 -05:00
build-styles.js Redo app from the ground up 2022-02-06 13:14:18 -06:00
index.js Redo app from the ground up 2022-02-06 13:14:18 -06:00
LICENSE Create LICENSE 2017-04-30 13:04:48 -05:00
package.json Redo app from the ground up 2022-02-06 13:14:18 -06:00
README.md Redo app from the ground up 2022-02-06 13:14:18 -06:00
yarn.lock Redo app from the ground up 2022-02-06 13:14:18 -06:00

Mastofeed

Embed a mastodon feed in your blog et cetera.

https://www.mastofeed.com

User guide

The homepage has a tool for generating iframe code for you, with a sensible sandbox attribute. The feeds fit comfortably in a 400px wide area.

API

V1

GET /api/v1/feed

example: /api/feed?userurl=https%3A%2F%2Foctodon.social%2Fusers%2Ffenwick67&scale=90&theme=masto-light

Returns a html page which displays a mastodon feed for a user URL. Note that URLs must be URI encoded (i.e. encodeURIComponent('https://octodon.social/users/fenwick67') ).

Querystring options:

option required description
userurl yes Mastodon/ActivityPub account URL (usually https://${instance}/users/${username})
feedurl no a URL to a page of an ActivityPub post collection. Only used for pages beyond the first.
theme no either masto-dark, masto-light or masto-auto, to select the UI theme (default is masto-dark). auto will appear masto-light unless the user sets up masto-dark mode on their device.
boosts no whether to show boosts or not
replies no whether to show replies or not
size no the scale of the UI in percent.

Server Installation

This is a straightforward node project with zero databases or anything, you should just be able to run npm install and then npm start to get up and running. Set your PORT environment variable to change the port it listens on.

Improve me

Feel free to add a caching layer, improve the styles and add more features.