Embeds mastodon timline into a html page. Uses JS, no intermediate server required.

Find a file

bom 4bde2412fe cleanup in app		2022-03-11 09:50:01 +01:00
.github	add unstable build	2020-07-13 18:23:07 +02:00
doc	update doc	2020-07-08 20:57:12 +02:00
public	removed old div	2022-03-11 09:49:05 +01:00
src	cleanup in app	2022-03-11 09:50:01 +01:00
.gitignore	Merge branch 'DomainDrivenArchitecture:master' into master	2022-03-04 11:06:28 +01:00
LICENSE	Initial commit	2020-04-23 09:01:24 +02:00
package.json	version bump	2022-03-10 10:51:36 +01:00
README.md	fixed links in readme	2022-03-11 09:49:23 +01:00
shadow-cljs.edn	reduce artefact size	2020-07-10 10:20:13 +02:00

README.md

dda-masto-embed

team@social.meissa-gmbh.de | Website & Blog

in brief

Embeds mastodon timeline into a html page.

Uses JS, no intermediate server required,
example at meissa-gmbh.de
Download latest version at:
It is OpenSource - published under the Apache License, Version 2.0

how it looks

how to try it out

In order to try it, just create a html like

<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>masto-embed</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" 
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" 
          crossorigin="anonymous">
  </head>
  <body>
    <div id="masto-embed" 
          account_name="team"
          host_url="https://social.meissa-gmbh.de">
      Here the timeline will appear.
    </div>
    <script src="https://domaindrivenarchitecture.org/downloads/dda-masto-embed.js"></script>
  </body>
</html>

We use bootstrap for rough styling. More styling is up to you at the moment, help is welcome :-)

using in reply mode

Add replies_to=<REPLY-ID> and optionally whether you only want to include favorited replies as filter_favorited=<true|false> to the div.

Instead of embedding all Posts of one account, this will fetch the replies to one Post and display them

dev setup

npm install -g npx
npm install -g shadow-cljs
npm install -g source-map-support --save-dev
npm install
shadow-cljs watch frontend

open browser at http://localhost:8080

Connect your repl for :frontend

run the tests

shadow-cljs compile test

releasing

prod release

#adjust version
vi package.json
git commit -am 'releasing'
git tag -am 'releasing' <version>
git push --follow-tags

# Bump version
vi package.json
git commit -am "version bump" && git push