/miro-team-topologies

Team Topologies web plugin for Miro.com

Primary LanguageTypeScript

Netlify Status

Team Topologies web plugin for Miro

This plugin provides you ready to use shapes to build (Team Topologies).

Based on some of the ideas in the book Team Topologies by Matthew Skelton @matthewskelton and Manuel Pais @manupaisable. Trying to align with the templates available in this repo

See teamtopologies.com for more details about Team Topologies.

Copyright © 2018-2021 Team Topologies - Licenced under CC BY-SA 4.0 CC BY-SA 4.0

How it works

You can try the official plugin directly from Miro Marketplace.

Setup the Team Topologies icon from your library

Find the Team Topologies icon from your library

Start to drag & drop the shapes you need

Start Drag & Drop the needed shapes

Once you have added the required shapes onto your whiteboard, you can edit them as much as you want (since these are standard Miro shapes): Standard shapes are fully editable

How to build

You will need the Webpack-cli installed globally with npm ENV VAR set.

  • Run npm install
  • Run npm run build or npm run watch to compile the plugin

development

  • Run serve the app npx serve dist -p 8081
  • Run ngrok using npx ngrok http 8081
  • Get the https url from ngrok and paste it in iframe URL in your app settings. run/release
  • upload HTML files and dist folder under a HTTPS server
  • copy the index.html URL (HTTPS required) and paste it in iframe URL in your app settings.