Skip to content
Snippets Groups Projects
Select Git revision
  • develop
  • master default protected
  • release_only_on_default_branch
  • mingw
  • debian/master
  • update/debian/master/debian/master/1.3.70
  • feature/mpa-focal-arm64-jetson+mpa-jammy-amd64-nvidia
  • fix/python_link_lib
  • update/debian/master/mpa-focal-arm64-rtaudio
  • feature/debian-master-mpa-focal-arm64-rtaudio
  • feature/debian-master-mpa-bionic-arm64-jetson
  • fix-missing-deps
  • 1.3.77
  • 1.3.76
  • 1.3.75
  • 1.3.74
  • 0.0.1
  • debian/1.3.72
  • debian/1.3.72-1
  • 1.3.73
  • 1.3.72
  • debian/1.3.70-1
  • 1.3.71
  • 1.3.70
  • debian/1.3.68
  • debian/1.3.68-1
  • 1.3.69
  • 1.3.68
  • 1.3.67
  • 1.3.66
  • debian/1.3.64-1
  • 1.3.65
32 results

shmdata

  • Clone with SSH
  • Clone with HTTPS
  • dda-masto-embed

    build

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

    In brief

    dda-masto-embed embedd either your timeline or answers to an specific post on your website.

    Development & mirrors

    Development happens at: https://repo.prod.meissa.de/meissa/dda-masto-embed

    Mirrors are:

    How it looks

    masto-embed-example.png

    Include a timeline

    Including a timeline needs the following html. The div with id masto-embed configures the timeline to be shown. We use bootstrap for rough styling. More styling is up to you at the moment, help is welcome :-)

    <!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>

    Reference:

    • id has to be masto-embed
    • account_name is the name of your account.
    • host_url the url of your mastodon instance.

    Using in reply mode

    Including replies of one of your posts will work as follows:

    <!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"
              replies_to="107937234506182462"
              filter_favorited=false
              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>

    Reference:

    • id has to be masto-embed
    • account_name is the name of your account.
    • host_url the url of your mastodon instance.
    • replies_to the id of your post.
    • filter_favorited=<true|false> true will show only favorited replies, false will show every answer.

    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

    Development & mirrors

    Development happens at: https://repo.prod.meissa.de/meissa/dda-masto-embed

    Mirrors are:

    License

    Copyright © 2023 meissa GmbH Licensed under the Apache License, Version 2.0 (the "License") Pls. find licenses of our subcomponents here