Add SVG outputs

utils/haddock/doc/diagrams/README.md

@@ -7,7 +7,7 @@ To re-generate the diagrams, run the following command on the distributed versio
 ```
 # In the haddock-library directory
 $ calligraphy --output-mermaid ~/haddock-library.mmd --collapse-modules
-# In teh haddock-api directory
+# In the haddock-api directory
 $ calligraphy --output-mermaid ~/haddock-api.mmd --collapse-modules
 ```
 

utils/haddock/doc/diagrams/haddock-library.svg

+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-8 -8 1128.2890625 298" style="max-width: 1128.29px; background-color: white;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="my-svg"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#my-svg .error-icon{fill:#552222;}#my-svg .error-text{fill:#552222;stroke:#552222;}#my-svg .edge-thickness-normal{stroke-width:2px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#333333;stroke:#333333;}#my-svg .marker.cross{stroke:#333333;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#my-svg .cluster-label text{fill:#333;}#my-svg .cluster-label span,#my-svg p{color:#333;}#my-svg .label text,#my-svg span,#my-svg p{fill:#333;color:#333;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#my-svg .flowchart-label text{text-anchor:middle;}#my-svg .node .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .arrowheadPath{fill:#333333;}#my-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#333333;fill:none;}#my-svg .edgeLabel{background-color:#e8e8e8;text-align:center;}#my-svg .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#my-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#my-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#my-svg .cluster text{fill:#333;}#my-svg .cluster span,#my-svg p{color:#333;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#my-svg .default&gt;*{fill-opacity:0!important;stroke:#777!important;}#my-svg .default span{fill-opacity:0!important;stroke:#777!important;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="10" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="0" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-node_100 LE-node_0" id="L-node_100-node_0-0" d="M303.453125,199L303.453125,203.16666666666666C303.453125,207.33333333333334,303.453125,215.66666666666666,346.4609375,224.5711495921471C389.46875,233.47563251762753,475.484375,242.9512650352551,518.4921875,247.68908129406884L561.5,252.42689755288262"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-node_127 LE-node_100" id="L-node_127-node_100-0" d="M134.2265625,116L134.2265625,120.16666666666667C134.2265625,124.33333333333333,134.2265625,132.66666666666666,151.2171812248996,141C168.20779994979918,149.33333333333334,202.1890373995984,157.66666666666666,219.179656124498,161.83333333333334L236.17027484939757,166"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-node_138 LE-node_0" id="L-node_138-node_0-0" d="M497.64744917168673,116L499.12092118473896,120.16666666666667C500.59439319779113,124.33333333333333,503.5413372238956,132.66666666666666,505.01480923694777,143.75C506.48828125,154.83333333333334,506.48828125,168.66666666666666,506.48828125,182.5C506.48828125,196.33333333333334,506.48828125,210.16666666666666,523.9263930722892,221.25C541.3645048945783,232.33333333333334,576.2407285391566,240.66666666666666,593.6788403614459,244.83333333333334L611.116952183735,249"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-node_152 LE-node_0" id="L-node_152-node_0-0" d="M680.171875,199L680.171875,203.16666666666666C680.171875,207.33333333333334,680.171875,215.66666666666666,680.171875,224C680.171875,232.33333333333334,680.171875,240.66666666666666,680.171875,244.83333333333334L680.171875,249"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-node_156 LE-node_0" id="L-node_156-node_0-0" d="M965.734375,199L965.734375,203.16666666666666C965.734375,207.33333333333334,965.734375,215.66666666666666,937.0634412650602,224C908.3925075301205,232.33333333333334,851.0506400602411,240.66666666666666,822.3797063253013,244.83333333333334L793.7087725903615,249"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-node_166 LE-node_0" id="L-node_166-node_0-0" d="M706.8828125,26.032568357925364L774.4505208333334,31.360473631604467C842.0182291666666,36.68837890528358,977.1536458333334,47.344189452641785,1044.7213541666667,59.58876139298756C1112.2890625,71.83333333333333,1112.2890625,85.66666666666667,1112.2890625,99.5C1112.2890625,113.33333333333333,1112.2890625,127.16666666666667,1112.2890625,141C1112.2890625,154.83333333333334,1112.2890625,168.66666666666666,1112.2890625,182.5C1112.2890625,196.33333333333334,1112.2890625,210.16666666666666,1060.0481770833333,222.10048332760812C1007.8072916666666,234.0342999885496,903.3255208333334,244.0685999770992,851.0846354166666,249.08574997137399L798.84375,254.1028999656488"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-node_166 LE-node_100" id="L-node_166-node_100-0" d="M473.6573795180723,33L445.2900037650602,37.166666666666664C416.92262801204816,41.333333333333336,360.1878765060241,49.666666666666664,331.820500753012,60.75C303.453125,71.83333333333333,303.453125,85.66666666666667,303.453125,99.5C303.453125,113.33333333333333,303.453125,127.16666666666667,303.453125,138.25C303.453125,149.33333333333334,303.453125,157.66666666666666,303.453125,161.83333333333334L303.453125,166"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-node_166 LE-node_127" id="L-node_166-node_127-0" d="M465.1015625,27.605229481548093L409.9557291666667,32.67102456795674C354.8098958333333,37.7368196543654,244.51822916666666,47.868409827182695,189.37239583333334,57.10087158025802C134.2265625,66.33333333333333,134.2265625,74.66666666666667,134.2265625,78.83333333333333L134.2265625,83"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-node_166 LE-node_138" id="L-node_166-node_138-0" d="M548.547251506024,33L539.0914595883534,37.166666666666664C529.6356676706827,41.333333333333336,510.7240838353414,49.666666666666664,501.2682919176707,58C491.8125,66.33333333333333,491.8125,74.66666666666667,491.8125,78.83333333333333L491.8125,83"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-node_166 LE-node_152" id="L-node_166-node_152-0" d="M623.437123493976,33L632.8929154116466,37.166666666666664C642.3487073293173,41.333333333333336,661.2602911646586,49.666666666666664,670.7160830823293,60.75C680.171875,71.83333333333333,680.171875,85.66666666666667,680.171875,99.5C680.171875,113.33333333333333,680.171875,127.16666666666667,680.171875,138.25C680.171875,149.33333333333334,680.171875,157.66666666666666,680.171875,161.83333333333334L680.171875,166"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-node_166 LE-node_156" id="L-node_166-node_156-0" d="M706.8828125,29.711492171909395L750.0247395833334,34.42624347659116C793.1666666666666,39.14099478127293,879.4505208333334,48.57049739063646,922.5924479166666,60.2019153619849C965.734375,71.83333333333333,965.734375,85.66666666666667,965.734375,99.5C965.734375,113.33333333333333,965.734375,127.16666666666667,965.734375,138.25C965.734375,149.33333333333334,965.734375,157.66666666666666,965.734375,161.83333333333334L965.734375,166"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;stroke-width:2px;stroke-dasharray:3;" class="edge-thickness-normal edge-pattern-dotted flowchart-link LS-node_138 LE-node_100" id="L-node_138-node_100-0" d="M458.34346762048193,116L449.89169176706827,120.16666666666667C441.43991591365466,124.33333333333333,424.53636420682733,132.66666666666666,405.62478037148594,141C386.71319653614455,149.33333333333334,365.79358057228916,157.66666666666666,355.33377259036143,161.83333333333334L344.87396460843377,166"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(680.171875, 265.5)" id="flowchart-node_0-0" class="node default default flowchart-label"><rect height="33" width="237.34375" y="-16.5" x="-118.671875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-111.171875, -9)" style="" class="label"><rect/><foreignObject height="18" width="222.34375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Documentation.Haddock.Types</span></div></foreignObject></g></g><g transform="translate(303.453125, 182.5)" id="flowchart-node_100-1" class="node default default flowchart-label"><rect height="33" width="294.265625" y="-16.5" x="-147.1328125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-139.6328125, -9)" style="" class="label"><rect/><foreignObject height="18" width="279.265625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Documentation.Haddock.Parser.Monad</span></div></foreignObject></g></g><g transform="translate(134.2265625, 99.5)" id="flowchart-node_127-2" class="node default default flowchart-label"><rect height="33" width="268.453125" y="-16.5" x="-134.2265625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-126.7265625, -9)" style="" class="label"><rect/><foreignObject height="18" width="253.453125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Documentation.Haddock.Parser.Util</span></div></foreignObject></g></g><g transform="translate(491.8125, 99.5)" id="flowchart-node_138-3" class="node default default flowchart-label"><rect height="33" width="306.71875" y="-16.5" x="-153.359375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-145.859375, -9)" style="" class="label"><rect/><foreignObject height="18" width="291.71875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Documentation.Haddock.Parser.Identifier</span></div></foreignObject></g></g><g transform="translate(680.171875, 182.5)" id="flowchart-node_152-4" class="node default default flowchart-label"><rect height="33" width="248.015625" y="-16.5" x="-124.0078125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-116.5078125, -9)" style="" class="label"><rect/><foreignObject height="18" width="233.015625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Documentation.Haddock.Markup</span></div></foreignObject></g></g><g transform="translate(965.734375, 182.5)" id="flowchart-node_156-5" class="node default default flowchart-label"><rect height="33" width="223.109375" y="-16.5" x="-111.5546875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-104.0546875, -9)" style="" class="label"><rect/><foreignObject height="18" width="208.109375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Documentation.Haddock.Doc</span></div></foreignObject></g></g><g transform="translate(585.9921875, 16.5)" id="flowchart-node_166-6" class="node default default flowchart-label"><rect height="33" width="241.78125" y="-16.5" x="-120.890625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-113.390625, -9)" style="" class="label"><rect/><foreignObject height="18" width="226.78125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Documentation.Haddock.Parser</span></div></foreignObject></g></g></g></g></g></svg>
\ No newline at end of file