Regenerated after pull request mermaid-js#114

flowchart.html

@@ -217,8 +217,6 @@ <h3 id="a-node-with-text">A node with text</h3>
 <pre><code>    id1>This is the text in the box]</code></pre><div class="mermaid">graph LR
     id1>This is the text in the box]</div><p>Currently only the shape above is possible and not its mirror. <em>This might change with future releases.</em></p>
 <h3 id="a-node-rhombus-">A node (rhombus)</h3>
-<pre><code>    id1{This is the text in the box}</code></pre><div class="mermaid">graph LR
-    id1{This is the text in the box}</div><h3 id="a-node-rhombus-">A node (rhombus)</h3>
 <pre><code>    id1{This is the text in the box}</code></pre><div class="mermaid">graph LR
     id1{This is the text in the box}</div><h2 id="links-between-nodes">Links between nodes</h2>
 <p>Nodes can be connected with links/edges. It is possible to have different types of links or attach a text string to a link.</p>
@@ -302,8 +300,11 @@ <h3 id="styling-links">Styling links</h3>
 <li><p>A single space is allowed between vertices and the link. However there should not be any space between a vertex and its text and a link and its text. The old syntax of graph declaration will also work and hence this new feature is optional and is introduce to improve readability.</p>
 </li>
 </ul>
-<p>Below is the new declaration of the graph which is also valid along with the old declaration of the graph as described in the graph example on the home wiki page.</p>
-<div class="mermaid">graph LR
+<p>Below is the new declaration of the graph edges which is also valid along with the old declaration of the graph edges.</p>
+<pre><code>    A[Hard edge] -->|Link text| B(Round edge)
+    B --> C{Decision}
+    C -->|One| D[Result one]
+    C -->|Two| E[Result two]</code></pre><div class="mermaid">graph LR
     A[Hard edge] -->|Link text| B(Round edge)
     B --> C{Decision}
     C -->|One| D[Result one]

mermaidCLI.html

@@ -194,13 +194,40 @@ <h2 id="usage">Usage</h2>
 file    The mermaid description file to be rendered
 
 Options:
-  -s --svg          Output SVG instead of PNG (experimental)
-  -p --png          If SVG was selected, and you also want PNG, set this flag
-  -o --outputDir    Directory to save files, will be created automatically, defaults to `cwd`
-  -e --phantomPath  Specify the path to the phantomjs executable
-  -h --help         Show this message
-  -v --verbose      Show logging
-  --version         Print version and quit</code></pre><h2 id="cli-known-issues">CLI Known Issues</h2>
+  -s --svg             Output SVG instead of PNG (experimental)
+  -p --png             If SVG was selected, and you also want PNG, set this flag
+  -o --outputDir       Directory to save files, will be created automatically, defaults to `cwd`
+  -e --phantomPath     Specify the path to the phantomjs executable
+  -c --sequenceConfig  Specify the path to the file with the configuration to be applied in the sequence diagram
+  -h --help            Show this message
+  -v --verbose         Show logging
+  --version            Print version and quit</code></pre><h2 id="sequence-diagram-configuration">Sequence diagram configuration</h2>
+<p>The --sequenceConfig option allows overriding the sequence diagram configuration. It could be useful to increase the width between actors, the notes width or the margin to fit some large texts that are not well rendered with the default configuration, for example.</p>
+<p>The content of the file must be a JSON like this:</p>
+<pre><code>
+{
+    "diagramMarginX": 100,
+    "diagramMarginY": 10,
+    "actorMargin": 150,
+    "width": 150,
+    "height": 65,
+    "boxMargin": 10,
+    "boxTextMargin": 5,
+    "noteMargin": 10,
+    "messageMargin": 35
+}</code></pre><p>These properties will override the default values and if a property is not set in this object, it will left it empty and could raise an error. The current properties (measured in px) are:</p>
+<ul>
+<li>diagramMarginX: Size of the empty space to add at the left-right of the diagram.</li>
+<li>diagramMarginY: Size of the empty space to add at the top-bottom of the diagram.</li>
+<li>actorMargin: Horizontal space between each participant. The arrows between them would have this size too.</li>
+<li>width: Width of the participant box.</li>
+<li>height: Height of the participant box.</li>
+<li>boxMargin: Blank area around loop boxes.</li>
+<li>boxTextMargin: Blank area between the text and the border in a loop box.</li>
+<li>noteMargin: Size of the empty space around a note.</li>
+<li>messageMargin: Space between messages</li>
+</ul>
+<h2 id="cli-known-issues">CLI Known Issues</h2>
 <ul>
 <li>SVG output currently does some replacement on text, as mermaid&#39;s SVG output is only appropriate for browsers. Text color and background color is not yet replicated; please use PNGs for most purposes until this is resolved.</li>
 <li>SVG output is decidedly non-standard. It works, but may cause issues in some viewers.</li>