diagram-as-code.js v0.1.34
diagram-as-code
The goal is to create a web component that wraps the editor and and viewer to be used by the confluence server plugin.
It looks like this.
MVP 1 - ZenUML only
<diagram-as-code show-editor="false">
//DSL
A.method
</diagram-as-code>
MVP 2 - ZenUML + Mermaid
<diagram-as-code show-editor="false" diagram-type="mermaid">
//DSL
A-->B;
</diagram-as-code>
MVP 3 - ZenUML + Mermaid + Theme
<diagram-as-code show-editor="false" diagram-type="mermaid" theme="theme1">
//DSL
A-->B;
</diagram-as-code>
The goal is to be able to be used on: 1. Confluence Server (most simple case - MVP 1) 2. Confluence Cloud (need to support coloring panel and mermaid) 3. Web App / Chrome Extension (are we enabling coloring panel?) 4. JetBrains Plugin (disable editor always, mermaid? coloring panel?)
Project setup
yarn install
Compiles and hot-reloads for development
yarn serve
Compiles and minifies for production
yarn build
Lints and fixes files
yarn lint
Test the web component locally
- Install
live-server
withnpm install -g live-server
- Build the web component with
watch 'yarn build && cp public/demo.html dist' src
- Open the browser.
Trouble-shooting
https://stackoverflow.com/questions/51346334/npm-live-server-not-auto-reloading
Customize configuration
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago