Mermaid chart confluence plugin

Installation

1. Set up environment variables:

NODE_ENV=production
MC_EDITOR_URL=https://www.mermaidchart.com/selection

2. Configure application with config.json file (set up domain and DB connection) for production env
3. Run npm run start
4. How to add plugin into atlassian marketplace

Configure diagram selection page

1. Attach plugin js to the page

<script src="https://[confluence plugin domain]/js/plugin.js"></script>

2. Call function window.CP.saveData(data) on diagram selection (iframe will be closed automatically after execution). Example

window.CP.saveData({
    documentID: 'c2f481f9-433f-4491-a9d4-811d7150122f',
    major: '0',
    minor: '1',
});

3. Call function window.CP.cancel() if you want close iframe without selecting diagram
4. Function window.CP.getData() returns current selection diagram data.
5. Example file /example/index.html

Development

1. Configure your local environment with following guide (steps 1-3)
2. Add a credentials.json (copy from sample) file in your app directory with your information:

• your-confluence-domain: Use the domain of your cloud development site (for example, https://your-domain.atlassian.net).
• username: Use the email address of your Atlassian account.
• password: Specify the API token.
• authtoken: ngrock auth token

3. Set up environment variable with mermaid diagram selection page url:

MC_EDITOR_URL=https://www.mermaidchart.com/selection

4. Start application npm run start