This commit is contained in:
Knut Sveidqvist
2020-07-02 16:56:30 +02:00
parent 891b362e7d
commit faac22f6ed

View File

@@ -51,6 +51,7 @@ import journeyDb from './diagrams/user-journey/journeyDb';
import journeyRenderer from './diagrams/user-journey/journeyRenderer'; import journeyRenderer from './diagrams/user-journey/journeyRenderer';
const themes = {}; const themes = {};
for (const themeName of ['default', 'forest', 'dark', 'neutral']) { for (const themeName of ['default', 'forest', 'dark', 'neutral']) {
themes[themeName] = require(`./themes/${themeName}/index.scss`); themes[themeName] = require(`./themes/${themeName}/index.scss`);
} }
@@ -105,27 +106,27 @@ const config = {
maxTextSize: 50000, maxTextSize: 50000,
/** /**
*| Parameter | Description |Type | Required | Values| *| Parameter | Description |Type | Required | Values|
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*|fontFamily | specifies the font to be used in the rendered diagrams| String | Required | Verdana, Arial, Trebuchet MS,| *|fontFamily | specifies the font to be used in the rendered diagrams| String | Required | Verdana, Arial, Trebuchet MS,|
* *
***notes: Default value is \\"trebuchet ms\\". ***notes: Default value is \\"trebuchet ms\\".
*/ */
fontFamily: '"trebuchet ms", verdana, arial;', fontFamily: '"trebuchet ms", verdana, arial;',
/** /**
*| Parameter | Description |Type | Required | Values| *| Parameter | Description |Type | Required | Values|
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| logLevel |This option decides the amount of logging to be used.| String | Required | 1, 2, 3, 4, 5 | *| logLevel |This option decides the amount of logging to be used.| String | Required | 1, 2, 3, 4, 5 |
* *
* *
***Notes:** ***Notes:**
*- debug: 1. *- debug: 1.
*- info: 2. *- info: 2.
*- warn: 3. *- warn: 3.
*- error: 4. *- error: 4.
*- fatal: 5(default). *- fatal: 5(default).
*/ */
logLevel: 5, logLevel: 5,
/** /**
@@ -144,7 +145,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| startOnLoad| Dictates whether mermaind starts on Page load | Boolean | Required | True, False | *| startOnLoad| Dictates whether mermaind starts on Page load | Boolean | Required | True, False |
* *
***Notes:** ***Notes:**
***Default value: true** ***Default value: true**
*/ */
startOnLoad: true, startOnLoad: true,
@@ -156,7 +157,7 @@ const config = {
* *
* *
*## Notes**: This matters if you are using base tag settings. *## Notes**: This matters if you are using base tag settings.
***Default value: false**. ***Default value: false**.
*/ */
arrowMarkerAbsolute: false, arrowMarkerAbsolute: false,
@@ -178,8 +179,8 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| nodeSpacing | Defines the spacing between nodes on the same level | Integer| Required | Any positive Numbers | *| nodeSpacing | Defines the spacing between nodes on the same level | Integer| Required | Any positive Numbers |
* *
***Notes: ***Notes:
*Pertains to horizontal spacing for TB (top to bottom) or BT (bottom to top) graphs, and the vertical spacing for LR as well as RL graphs.** *Pertains to horizontal spacing for TB (top to bottom) or BT (bottom to top) graphs, and the vertical spacing for LR as well as RL graphs.**
***Default value 50**. ***Default value 50**.
*/ */
nodeSpacing: 50, nodeSpacing: 50,
@@ -217,7 +218,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| diagramMarginX | margin to the right and left of the sequence diagram | Integer | Required | Any Positive Values | *| diagramMarginX | margin to the right and left of the sequence diagram | Integer | Required | Any Positive Values |
* *
***Notes:** ***Notes:**
***Default value 50**. ***Default value 50**.
*/ */
diagramMarginX: 50, diagramMarginX: 50,
@@ -227,7 +228,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| diagramMarginY | Margin to the over and under the sequence diagram | Integer | Required | Any Positive Values| *| diagramMarginY | Margin to the over and under the sequence diagram | Integer | Required | Any Positive Values|
* *
***Notes:** ***Notes:**
***Default value 10**. ***Default value 10**.
*/ */
diagramMarginY: 10, diagramMarginY: 10,
@@ -237,7 +238,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| actorMargin | Margin between actors. | Integer | Required | Any Positive Value | *| actorMargin | Margin between actors. | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 50**. ***Default value 50**.
*/ */
actorMargin: 50, actorMargin: 50,
@@ -247,7 +248,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| width | Width of actor boxes | Integer | Required | Any Positive Value | *| width | Width of actor boxes | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 150**. ***Default value 150**.
*/ */
width: 150, width: 150,
@@ -257,7 +258,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| height | Height of actor boxes | Integer | Required | Any Positive Value| *| height | Height of actor boxes | Integer | Required | Any Positive Value|
* *
***Notes:** ***Notes:**
***Default value 65**.. ***Default value 65**..
*/ */
height: 65, height: 65,
@@ -267,7 +268,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| boxMargin | Margin around loop boxes | Integer | Required | Any Positive Value | *| boxMargin | Margin around loop boxes | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
* *
***Default value 10**. ***Default value 10**.
*/ */
@@ -278,7 +279,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| boxTextMargin| margin around the text in loop/alt/opt boxes | Integer | Required| Any Positive Value| *| boxTextMargin| margin around the text in loop/alt/opt boxes | Integer | Required| Any Positive Value|
* *
***Notes:** ***Notes:**
* *
***Default value 5**. ***Default value 5**.
*/ */
@@ -289,7 +290,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| noteMargin | margin around notes. | Integer | Required | Any Positive Value | *| noteMargin | margin around notes. | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
* *
***Default value 10**. ***Default value 10**.
*/ */
@@ -300,7 +301,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| messageMargin | Space between messages. | Integer | Required | Any Positive Value | *| messageMargin | Space between messages. | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
* *
*Space between messages. *Space between messages.
***Default value 35**. ***Default value 35**.
@@ -321,7 +322,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| mirrorActors | mirror actors under diagram. | Boolean| Required | True, False | *| mirrorActors | mirror actors under diagram. | Boolean| Required | True, False |
* *
***Notes:** ***Notes:**
* *
***Default value true**. ***Default value true**.
*/ */
@@ -342,7 +343,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| useMaxWidth | See Notes | Boolean | Required | True, False | *| useMaxWidth | See Notes | Boolean | Required | True, False |
* *
***Notes:** ***Notes:**
*when this flag is set to true, the height and width is set to 100% and is then scaling with the *when this flag is set to true, the height and width is set to 100% and is then scaling with the
*available space. If set to false, the absolute space required is used. *available space. If set to false, the absolute space required is used.
***Default value: True**. ***Default value: True**.
@@ -354,7 +355,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| rightAngles | display curve arrows as right angles| Boolean | Required | True, False | *| rightAngles | display curve arrows as right angles| Boolean | Required | True, False |
* *
***Notes:** ***Notes:**
* *
*This will display arrows that start and begin at the same node as right angles, rather than a curve *This will display arrows that start and begin at the same node as right angles, rather than a curve
***Default value false**. ***Default value false**.
@@ -365,7 +366,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| showSequenceNumbers | This will show the node numbers | Boolean | Required | True, False | *| showSequenceNumbers | This will show the node numbers | Boolean | Required | True, False |
* *
***Notes:** ***Notes:**
***Default value false**. ***Default value false**.
*/ */
showSequenceNumbers: false, showSequenceNumbers: false,
@@ -374,7 +375,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| actorFontSize| This sets the font size of the actor's description | Integer | Require | Any Positive Value | *| actorFontSize| This sets the font size of the actor's description | Integer | Require | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 14**.. ***Default value 14**..
*/ */
actorFontSize: 14, actorFontSize: 14,
@@ -383,7 +384,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| actorFontFamily |This sets the font family of the actor's description | 3 | 4 | Open-Sans, Sans-Serif | *| actorFontFamily |This sets the font family of the actor's description | 3 | 4 | Open-Sans, Sans-Serif |
* *
***Notes:** ***Notes:**
***Default value "Open-Sans", "sans-serif"**. ***Default value "Open-Sans", "sans-serif"**.
*/ */
actorFontFamily: '"Open-Sans", "sans-serif"', actorFontFamily: '"Open-Sans", "sans-serif"',
@@ -397,7 +398,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| noteFontSize |This sets the font size of actor-attached notes. | Integer | Required | Any Positive Value | *| noteFontSize |This sets the font size of actor-attached notes. | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 14**.. ***Default value 14**..
*/ */
noteFontSize: 14, noteFontSize: 14,
@@ -406,7 +407,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| noteFontFamily| This sets the font family of actor-attached notes. | String | Required | trebuchet ms, verdana, arial | *| noteFontFamily| This sets the font family of actor-attached notes. | String | Required | trebuchet ms, verdana, arial |
* *
***Notes:** ***Notes:**
***Default value: trebuchet ms **. ***Default value: trebuchet ms **.
*/ */
noteFontFamily: '"trebuchet ms", verdana, arial', noteFontFamily: '"trebuchet ms", verdana, arial',
@@ -420,7 +421,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| noteAlign | This sets the text alignment of actor-attached notes. | string | required | left, center, right| *| noteAlign | This sets the text alignment of actor-attached notes. | string | required | left, center, right|
* *
***Notes:** ***Notes:**
***Default value center**. ***Default value center**.
*/ */
noteAlign: 'center', noteAlign: 'center',
@@ -429,7 +430,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| messageFontSize | This sets the font size of actor messages. | Integer | Required | Any Positive Number | *| messageFontSize | This sets the font size of actor messages. | Integer | Required | Any Positive Number |
* *
***Notes:** ***Notes:**
***Default value 16**. ***Default value 16**.
*/ */
messageFontSize: 16, messageFontSize: 16,
@@ -438,7 +439,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| messageFontFamily | This sets the font family of actor messages. | String| Required | trebuchet ms", verdana, aria | *| messageFontFamily | This sets the font family of actor messages. | String| Required | trebuchet ms", verdana, aria |
* *
***Notes:** ***Notes:**
***Default value:"trebuchet ms**. ***Default value:"trebuchet ms**.
*/ */
messageFontFamily: '"trebuchet ms", verdana, arial', messageFontFamily: '"trebuchet ms", verdana, arial',
@@ -470,7 +471,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| titleTopMargin | Margin top for the text over the gantt diagram | Integer | Required | Any Positive Value | *| titleTopMargin | Margin top for the text over the gantt diagram | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 25**. ***Default value 25**.
*/ */
titleTopMargin: 25, titleTopMargin: 25,
@@ -480,7 +481,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| barHeight | The height of the bars in the graph | Integer | Required | Any Positive Value | *| barHeight | The height of the bars in the graph | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 20**. ***Default value 20**.
*/ */
barHeight: 20, barHeight: 20,
@@ -490,7 +491,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| barGap | The margin between the different activities in the gantt diagram. | Integer | Optional |Any Positive Value | *| barGap | The margin between the different activities in the gantt diagram. | Integer | Optional |Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 4**. ***Default value 4**.
*/ */
barGap: 4, barGap: 4,
@@ -500,7 +501,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| topPadding | Margin between title and gantt diagram and between axis and gantt diagram. | Integer | Required | Any Positive Value | *| topPadding | Margin between title and gantt diagram and between axis and gantt diagram. | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 50**. ***Default value 50**.
*/ */
topPadding: 50, topPadding: 50,
@@ -510,7 +511,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| leftPadding | The space allocated for the section name to the left of the activities. | Integer| Required | Any Positive Value | *| leftPadding | The space allocated for the section name to the left of the activities. | Integer| Required | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 75**. ***Default value 75**.
*/ */
leftPadding: 75, leftPadding: 75,
@@ -520,7 +521,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| gridLineStartPadding | Vertical starting position of the grid lines. | Integer | Required | Any Positive Value | *| gridLineStartPadding | Vertical starting position of the grid lines. | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 35**. ***Default value 35**.
*/ */
gridLineStartPadding: 35, gridLineStartPadding: 35,
@@ -530,7 +531,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| fontSize | Font size| Integer | Required | Any Positive Value | *| fontSize | Font size| Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 11**. ***Default value 11**.
*/ */
fontSize: 11, fontSize: 11,
@@ -540,7 +541,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| fontFamily | font Family | string | required |"Open-Sans", "sans-serif" | *| fontFamily | font Family | string | required |"Open-Sans", "sans-serif" |
* *
***Notes:** ***Notes:**
* *
***Default value '"Open-Sans", "sans-serif"'**. ***Default value '"Open-Sans", "sans-serif"'**.
*/ */
@@ -551,7 +552,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| numberSectionStyles | The number of alternating section styles | Integer | 4 | Any Positive Value | *| numberSectionStyles | The number of alternating section styles | Integer | 4 | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 4**. ***Default value 4**.
*/ */
numberSectionStyles: 4, numberSectionStyles: 4,
@@ -561,7 +562,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| axisFormat | Datetime format of the axis. | 3 | Required | Date in yy-mm-dd | *| axisFormat | Datetime format of the axis. | 3 | Required | Date in yy-mm-dd |
* *
***Notes:** ***Notes:**
* *
* This might need adjustment to match your locale and preferences * This might need adjustment to match your locale and preferences
***Default value '%Y-%m-%d'**. ***Default value '%Y-%m-%d'**.
@@ -577,7 +578,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| diagramMarginX | margin to the right and left of the sequence diagram | Integer | Required | Any Positive Value | *| diagramMarginX | margin to the right and left of the sequence diagram | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 50**. ***Default value 50**.
*/ */
diagramMarginX: 50, diagramMarginX: 50,
@@ -587,7 +588,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| diagramMarginY | margin to the over and under the sequence diagram. | Integer | Required | Any Positive Value| *| diagramMarginY | margin to the over and under the sequence diagram. | Integer | Required | Any Positive Value|
* *
***Notes:** ***Notes:**
***Default value 10**.. ***Default value 10**..
*/ */
diagramMarginY: 10, diagramMarginY: 10,
@@ -597,7 +598,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| actorMargin | Margin between actors. | Integer | Required | Any Positive Value| *| actorMargin | Margin between actors. | Integer | Required | Any Positive Value|
* *
***Notes:** ***Notes:**
***Default value 50**. ***Default value 50**.
*/ */
actorMargin: 50, actorMargin: 50,
@@ -607,7 +608,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| width | Width of actor boxes | Integer | Required | Any Positive Value | *| width | Width of actor boxes | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 150**. ***Default value 150**.
*/ */
width: 150, width: 150,
@@ -627,7 +628,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| boxMargin | Margin around loop boxes | Integer | Required | Any Positive Value | *| boxMargin | Margin around loop boxes | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 10**. ***Default value 10**.
*/ */
boxMargin: 10, boxMargin: 10,
@@ -637,7 +638,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| boxTextMargin | margin around the text in loop/alt/opt boxes | Integer | Required | Any Positive Value | *| boxTextMargin | margin around the text in loop/alt/opt boxes | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
*/ */
boxTextMargin: 5, boxTextMargin: 5,
@@ -646,7 +647,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| noteMargin | margin around notes. | Integer | Required | Any Positive Value | *| noteMargin | margin around notes. | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
***Default value 10**. ***Default value 10**.
*/ */
noteMargin: 10, noteMargin: 10,
@@ -656,7 +657,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| messageMargin |Space between messages. | Integer | Required | Any Positive Value | *| messageMargin |Space between messages. | Integer | Required | Any Positive Value |
* *
***Notes:** ***Notes:**
* *
*Space between messages. *Space between messages.
***Default value 35**. ***Default value 35**.
@@ -796,7 +797,7 @@ const config = {
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| fill | Fill color of entity boxes | String | 4 | Any recognized color | *| fill | Fill color of entity boxes | String | 4 | Any recognized color |
* *
***Notes:** ***Notes:**
***Default value:'honeydew'** ***Default value:'honeydew'**
*/ */
fill: 'honeydew', fill: 'honeydew',
@@ -807,7 +808,7 @@ const config = {
*| fontSize| Font Size in pixels| Integer | | Any Positive Value | *| fontSize| Font Size in pixels| Integer | | Any Positive Value |
* *
***Notes:**Font size (expressed as an integer representing a number of pixels) ***Notes:**Font size (expressed as an integer representing a number of pixels)
***Default value: 12 ** ***Default value: 12 **
*/ */
fontSize: 12 fontSize: 12
} }