PlantUML Visualizer

🏭 A Chrome / Firefox extension for visualizing PlantUML descriptions.

Release Pages

• Chrome: https://chrome.google.com/webstore/detail/plantuml-visualizer/ffaloebcmkogfdkemcekamlmfkkmgkcf
• Firefox: https://addons.mozilla.org/firefox/addon/plantuml-visualizer/

Visualizable Pages

• GitHub
  • Code: https://github.com/WillBooster/plantuml-visualizer/blob/master/puml-sample/class.pu
  • Issues: WillBooster#54
  • Pull Requests
    • Added: https://github.com/WillBooster/plantuml-visualizer/pull/49/files
    • Deleted: https://github.com/WillBooster/plantuml-visualizer/pull/50/files
    • Changed: https://github.com/WillBooster/plantuml-visualizer/pull/24/files
  • Code blocks in README or something
    • README.md: https://github.com/WillBooster/plantuml-visualizer
• Any .pu / .puml / .plantuml files
  • GitHub Raw Files: https://raw.githubusercontent.com/WillBooster/plantuml-visualizer/master/puml-sample/class.pu
  • Local Files: file:///C:/Users/XXX/Projects/plantuml-visualizer/puml-sample/class.pu
    • You need to allow this extension to access file URLs in chrome://extensions/?id=ffaloebcmkogfdkemcekamlmfkkmgkcf

Visualization Examples

The visualization result of https://github.com/WillBooster/plantuml-visualizer/pull/24/files is as follows.

Development Preparation

1. yarn to install the latest dependencies
2. yarn build
3. Open Chrome browser
4. Open chrome://extensions
5. Enable Developer Mode
6. Click Load Unpacked and open dist directory (plantuml-visualizer/dist)

Development

1. yarn to install the latest dependencies
2. yarn start
3. Open Chrome
4. Rewrite some code files
5. Close and Reopen Chrome browser (not only tabs)
   • or reload this extension in chrome://extensions and reload pages
6. Debug code
7. Go to step 4

Deployment for Chrome

1. Bump version in manifest.json and package.json
2. yarn package
3. Open https://chrome.google.com/webstore/developer/dashboard
4. Upload dist.zip

Deployment for Firefox

1. Bump version in manifest.json and package.json
2. yarn package
3. Open https://addons.mozilla.org/en-US/developers/addon/plantuml-visualizer/edit
4. Upload dist.zip file