mercury-lang
Version:
Parser for the mercury live coding language
851 lines (837 loc) • 22.6 kB
HTML
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
svg.railroad-diagram {
background-color: hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width: 3;
stroke: black;
fill: rgba(0,0,0,0);
}
svg.railroad-diagram text {
font: bold 14px monospace;
text-anchor: middle;
}
svg.railroad-diagram text.label {
text-anchor: start;
}
svg.railroad-diagram text.comment {
font: italic 12px monospace;
}
svg.railroad-diagram rect {
stroke-width: 3;
stroke: black;
fill: hsl(120,100%,90%);
}
</style>
</head>
<body>
<h1><code>main</code></h1>
<div>
<svg class="railroad-diagram" width="397" height="152" viewBox="0 0 397 152">
<g transform="translate(.5 .5)">
<path d="M 20 31 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path>
<g>
<path d="M40 41h0"></path>
<path d="M356 41h0"></path>
<path d="M40 41h20"></path>
<g>
<path d="M60 41h0"></path>
<path d="M336 41h0"></path>
<path d="M60 41h10"></path>
<g>
<path d="M70 41h0"></path>
<path d="M210 41h0"></path>
<rect x="70" y="30" width="140" height="22"></rect>
<text x="140" y="45">globalStatement</text>
</g>
<path d="M210 41h10"></path>
<g>
<path d="M220 41h0"></path>
<path d="M336 41h0"></path>
<path d="M220 41a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path>
<g>
<path d="M240 21h76"></path>
</g>
<path d="M316 21a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path>
<path d="M220 41h20"></path>
<g>
<path d="M240 41h0"></path>
<path d="M316 41h0"></path>
<rect x="240" y="30" width="76" height="22" rx="10" ry="10"></rect>
<text x="278" y="45">comment</text>
</g>
<path d="M316 41h20"></path>
</g>
</g>
<path d="M336 41h20"></path>
<path d="M40 41a10 10 0 0 1 10 10v20a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 81h8"></path>
<path d="M328 81h8"></path>
<path d="M68 81h10"></path>
<g>
<path d="M78 81h0"></path>
<path d="M202 81h0"></path>
<rect x="78" y="70" width="124" height="22"></rect>
<text x="140" y="85">listStatement</text>
</g>
<path d="M202 81h10"></path>
<g>
<path d="M212 81h0"></path>
<path d="M328 81h0"></path>
<path d="M212 81a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path>
<g>
<path d="M232 61h76"></path>
</g>
<path d="M308 61a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path>
<path d="M212 81h20"></path>
<g>
<path d="M232 81h0"></path>
<path d="M308 81h0"></path>
<rect x="232" y="70" width="76" height="22" rx="10" ry="10"></rect>
<text x="270" y="85">comment</text>
</g>
<path d="M308 81h20"></path>
</g>
</g>
<path d="M336 81a10 10 0 0 0 10 -10v-20a10 10 0 0 1 10 -10"></path>
<path d="M40 41a10 10 0 0 1 10 10v60a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 121h0"></path>
<path d="M336 121h0"></path>
<path d="M60 121h10"></path>
<g>
<path d="M70 121h0"></path>
<path d="M210 121h0"></path>
<rect x="70" y="110" width="140" height="22"></rect>
<text x="140" y="125">objectStatement</text>
</g>
<path d="M210 121h10"></path>
<g>
<path d="M220 121h0"></path>
<path d="M336 121h0"></path>
<path d="M220 121a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path>
<g>
<path d="M240 101h76"></path>
</g>
<path d="M316 101a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path>
<path d="M220 121h20"></path>
<g>
<path d="M240 121h0"></path>
<path d="M316 121h0"></path>
<rect x="240" y="110" width="76" height="22" rx="10" ry="10"></rect>
<text x="278" y="125">comment</text>
</g>
<path d="M316 121h20"></path>
</g>
</g>
<path d="M336 121a10 10 0 0 0 10 -10v-60a10 10 0 0 1 10 -10"></path>
</g>
<path d="M 356 41 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>
</div>
<h1><code>objectStatement</code></h1>
<div>
<svg class="railroad-diagram" width="665" height="122" viewBox="0 0 665 122">
<g transform="translate(.5 .5)">
<path d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path>
<g>
<path d="M40 31h0"></path>
<path d="M624 31h0"></path>
<path d="M40 31h20"></path>
<g>
<path d="M60 31h72"></path>
<path d="M532 31h72"></path>
<path d="M132 31h10"></path>
<g>
<path d="M142 31h0"></path>
<path d="M234 31h0"></path>
<rect x="142" y="20" width="92" height="22" rx="10" ry="10"></rect>
<text x="188" y="35">newObject</text>
</g>
<path d="M234 31h10"></path>
<path d="M244 31h10"></path>
<g>
<path d="M254 31h0"></path>
<path d="M354 31h0"></path>
<rect x="254" y="20" width="100" height="22" rx="10" ry="10"></rect>
<text x="304" y="35">identifier</text>
</g>
<path d="M354 31h10"></path>
<path d="M364 31h10"></path>
<g>
<path d="M374 31h0"></path>
<path d="M522 31h0"></path>
<rect x="374" y="20" width="148" height="22"></rect>
<text x="448" y="35">objectIdentifier</text>
</g>
<path d="M522 31h10"></path>
</g>
<path d="M604 31h20"></path>
<path d="M40 31a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 61h0"></path>
<path d="M604 61h0"></path>
<path d="M60 61h10"></path>
<g>
<path d="M70 61h0"></path>
<path d="M162 61h0"></path>
<rect x="70" y="50" width="92" height="22" rx="10" ry="10"></rect>
<text x="116" y="65">newObject</text>
</g>
<path d="M162 61h10"></path>
<path d="M172 61h10"></path>
<g>
<path d="M182 61h0"></path>
<path d="M282 61h0"></path>
<rect x="182" y="50" width="100" height="22" rx="10" ry="10"></rect>
<text x="232" y="65">identifier</text>
</g>
<path d="M282 61h10"></path>
<path d="M292 61h10"></path>
<g>
<path d="M302 61h0"></path>
<path d="M450 61h0"></path>
<rect x="302" y="50" width="148" height="22"></rect>
<text x="376" y="65">objectIdentifier</text>
</g>
<path d="M450 61h10"></path>
<path d="M460 61h10"></path>
<g>
<path d="M470 61h0"></path>
<path d="M594 61h0"></path>
<rect x="470" y="50" width="124" height="22"></rect>
<text x="532" y="65">objExpression</text>
</g>
<path d="M594 61h10"></path>
</g>
<path d="M604 61a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path>
<path d="M40 31a10 10 0 0 1 10 10v40a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 91h84"></path>
<path d="M520 91h84"></path>
<path d="M144 91h10"></path>
<g>
<path d="M154 91h0"></path>
<path d="M246 91h0"></path>
<rect x="154" y="80" width="92" height="22" rx="10" ry="10"></rect>
<text x="200" y="95">setObject</text>
</g>
<path d="M246 91h10"></path>
<path d="M256 91h10"></path>
<g>
<path d="M266 91h0"></path>
<path d="M366 91h0"></path>
<rect x="266" y="80" width="100" height="22" rx="10" ry="10"></rect>
<text x="316" y="95">identifier</text>
</g>
<path d="M366 91h10"></path>
<path d="M376 91h10"></path>
<g>
<path d="M386 91h0"></path>
<path d="M510 91h0"></path>
<rect x="386" y="80" width="124" height="22"></rect>
<text x="448" y="95">objExpression</text>
</g>
<path d="M510 91h10"></path>
</g>
<path d="M604 91a10 10 0 0 0 10 -10v-40a10 10 0 0 1 10 -10"></path>
</g>
<path d="M 624 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>
</div>
<h1><code>objectIdentifier</code></h1>
<div>
<svg class="railroad-diagram" width="225" height="122" viewBox="0 0 225 122">
<g transform="translate(.5 .5)">
<path d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path>
<g>
<path d="M40 31h0"></path>
<path d="M184 31h0"></path>
<path d="M40 31h20"></path>
<g>
<path d="M60 31h16"></path>
<path d="M148 31h16"></path>
<path d="M76 31h10"></path>
<g>
<path d="M86 31h0"></path>
<path d="M138 31h0"></path>
<rect x="86" y="20" width="52" height="22"></rect>
<text x="112" y="35">name</text>
</g>
<path d="M138 31h10"></path>
</g>
<path d="M164 31h20"></path>
<path d="M40 31a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 61h12"></path>
<path d="M152 61h12"></path>
<path d="M72 61h10"></path>
<g>
<path d="M82 61h0"></path>
<path d="M142 61h0"></path>
<rect x="82" y="50" width="60" height="22"></rect>
<text x="112" y="65">array</text>
</g>
<path d="M142 61h10"></path>
</g>
<path d="M164 61a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path>
<path d="M40 31a10 10 0 0 1 10 10v40a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 91h0"></path>
<path d="M164 91h0"></path>
<path d="M60 91h10"></path>
<g>
<path d="M70 91h0"></path>
<path d="M154 91h0"></path>
<rect x="70" y="80" width="84" height="22"></rect>
<text x="112" y="95">function</text>
</g>
<path d="M154 91h10"></path>
</g>
<path d="M164 91a10 10 0 0 0 10 -10v-40a10 10 0 0 1 10 -10"></path>
</g>
<path d="M 184 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>
</div>
<h1><code>listStatement</code></h1>
<div>
<svg class="railroad-diagram" width="449" height="62" viewBox="0 0 449 62">
<g transform="translate(.5 .5)">
<path d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path>
<g>
<path d="M40 31h0"></path>
<path d="M408 31h0"></path>
<path d="M40 31h20"></path>
<g>
<path d="M60 31h0"></path>
<path d="M388 31h0"></path>
<path d="M60 31h10"></path>
<g>
<path d="M70 31h0"></path>
<path d="M122 31h0"></path>
<rect x="70" y="20" width="52" height="22" rx="10" ry="10"></rect>
<text x="96" y="35">list</text>
</g>
<path d="M122 31h10"></path>
<path d="M132 31h10"></path>
<g>
<path d="M142 31h0"></path>
<path d="M242 31h0"></path>
<rect x="142" y="20" width="100" height="22" rx="10" ry="10"></rect>
<text x="192" y="35">identifier</text>
</g>
<path d="M242 31h10"></path>
<path d="M252 31h10"></path>
<g>
<path d="M262 31h0"></path>
<path d="M378 31h0"></path>
<rect x="262" y="20" width="116" height="22"></rect>
<text x="320" y="35">paramElement</text>
</g>
<path d="M378 31h10"></path>
</g>
<path d="M388 31h20"></path>
</g>
<path d="M 408 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>
</div>
<h1><code>globalStatement</code></h1>
<div>
<svg class="railroad-diagram" width="361" height="152" viewBox="0 0 361 152">
<g transform="translate(.5 .5)">
<path d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path>
<g>
<path d="M40 31h0"></path>
<path d="M320 31h0"></path>
<path d="M40 31h20"></path>
<g>
<path d="M60 31h72"></path>
<path d="M228 31h72"></path>
<path d="M132 31h10"></path>
<g>
<path d="M142 31h0"></path>
<path d="M218 31h0"></path>
<rect x="142" y="20" width="76" height="22" rx="10" ry="10"></rect>
<text x="180" y="35">comment</text>
</g>
<path d="M218 31h10"></path>
</g>
<path d="M300 31h20"></path>
<path d="M40 31a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 61h8"></path>
<path d="M292 61h8"></path>
<path d="M68 61h10"></path>
<g>
<path d="M78 61h0"></path>
<path d="M138 61h0"></path>
<rect x="78" y="50" width="60" height="22" rx="10" ry="10"></rect>
<text x="108" y="65">print</text>
</g>
<path d="M138 61h10"></path>
<path d="M148 61h10"></path>
<g>
<path d="M158 61h0"></path>
<path d="M282 61h0"></path>
<rect x="158" y="50" width="124" height="22"></rect>
<text x="220" y="65">objExpression</text>
</g>
<path d="M282 61h10"></path>
</g>
<path d="M300 61a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path>
<path d="M40 31a10 10 0 0 1 10 10v40a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 91h0"></path>
<path d="M300 91h0"></path>
<path d="M60 91h10"></path>
<g>
<path d="M70 91h0"></path>
<path d="M146 91h0"></path>
<rect x="70" y="80" width="76" height="22" rx="10" ry="10"></rect>
<text x="108" y="95">display</text>
</g>
<path d="M146 91h10"></path>
<path d="M156 91h10"></path>
<g>
<path d="M166 91h0"></path>
<path d="M290 91h0"></path>
<rect x="166" y="80" width="124" height="22"></rect>
<text x="228" y="95">objExpression</text>
</g>
<path d="M290 91h10"></path>
</g>
<path d="M300 91a10 10 0 0 0 10 -10v-40a10 10 0 0 1 10 -10"></path>
<path d="M40 31a10 10 0 0 1 10 10v70a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 121h84"></path>
<path d="M216 121h84"></path>
<path d="M144 121h10"></path>
<g>
<path d="M154 121h0"></path>
<path d="M206 121h0"></path>
<rect x="154" y="110" width="52" height="22"></rect>
<text x="180" y="125">name</text>
</g>
<path d="M206 121h10"></path>
</g>
<path d="M300 121a10 10 0 0 0 10 -10v-70a10 10 0 0 1 10 -10"></path>
</g>
<path d="M 320 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>
</div>
<h1><code>objExpression</code></h1>
<div>
<svg class="railroad-diagram" width="401" height="92" viewBox="0 0 401 92">
<g transform="translate(.5 .5)">
<path d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path>
<g>
<path d="M40 31h0"></path>
<path d="M360 31h0"></path>
<path d="M40 31h20"></path>
<g>
<path d="M60 31h72"></path>
<path d="M268 31h72"></path>
<path d="M132 31h10"></path>
<g>
<path d="M142 31h0"></path>
<path d="M258 31h0"></path>
<rect x="142" y="20" width="116" height="22"></rect>
<text x="200" y="35">paramElement</text>
</g>
<path d="M258 31h10"></path>
</g>
<path d="M340 31h20"></path>
<path d="M40 31a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 61h0"></path>
<path d="M340 61h0"></path>
<path d="M60 61h10"></path>
<g>
<path d="M70 61h0"></path>
<path d="M186 61h0"></path>
<rect x="70" y="50" width="116" height="22"></rect>
<text x="128" y="65">paramElement</text>
</g>
<path d="M186 61h10"></path>
<path d="M196 61h10"></path>
<g>
<path d="M206 61h0"></path>
<path d="M330 61h0"></path>
<rect x="206" y="50" width="124" height="22"></rect>
<text x="268" y="65">objExpression</text>
</g>
<path d="M330 61h10"></path>
</g>
<path d="M340 61a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path>
</g>
<path d="M 360 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>
</div>
<h1><code>function</code></h1>
<div>
<svg class="railroad-diagram" width="417" height="62" viewBox="0 0 417 62">
<g transform="translate(.5 .5)">
<path d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path>
<g>
<path d="M40 31h0"></path>
<path d="M376 31h0"></path>
<path d="M40 31h20"></path>
<g>
<path d="M60 31h0"></path>
<path d="M356 31h0"></path>
<path d="M60 31h10"></path>
<g>
<path d="M70 31h0"></path>
<path d="M170 31h0"></path>
<rect x="70" y="20" width="100" height="22" rx="10" ry="10"></rect>
<text x="120" y="35">identifier</text>
</g>
<path d="M170 31h10"></path>
<path d="M180 31h10"></path>
<g>
<path d="M190 31h0"></path>
<path d="M346 31h0"></path>
<rect x="190" y="20" width="156" height="22"></rect>
<text x="268" y="35">functionArguments</text>
</g>
<path d="M346 31h10"></path>
</g>
<path d="M356 31h20"></path>
</g>
<path d="M 376 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>
</div>
<h1><code>functionArguments</code></h1>
<div>
<svg class="railroad-diagram" width="405" height="72" viewBox="0 0 405 72">
<g transform="translate(.5 .5)">
<path d="M 20 31 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path>
<g>
<path d="M40 41h0"></path>
<path d="M364 41h0"></path>
<path d="M40 41h20"></path>
<g>
<path d="M60 41h0"></path>
<path d="M344 41h0"></path>
<path d="M60 41h10"></path>
<g>
<path d="M70 41h0"></path>
<path d="M138 41h0"></path>
<rect x="70" y="30" width="68" height="22" rx="10" ry="10"></rect>
<text x="104" y="45">lParam</text>
</g>
<path d="M138 41h10"></path>
<g>
<path d="M148 41h0"></path>
<path d="M256 41h0"></path>
<path d="M148 41a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path>
<g>
<path d="M168 21h68"></path>
</g>
<path d="M236 21a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path>
<path d="M148 41h20"></path>
<g>
<path d="M168 41h0"></path>
<path d="M236 41h0"></path>
<rect x="168" y="30" width="68" height="22"></rect>
<text x="202" y="45">params</text>
</g>
<path d="M236 41h20"></path>
</g>
<path d="M256 41h10"></path>
<g>
<path d="M266 41h0"></path>
<path d="M334 41h0"></path>
<rect x="266" y="30" width="68" height="22" rx="10" ry="10"></rect>
<text x="300" y="45">rParam</text>
</g>
<path d="M334 41h10"></path>
</g>
<path d="M344 41h20"></path>
</g>
<path d="M 364 41 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>
</div>
<h1><code>array</code></h1>
<div>
<svg class="railroad-diagram" width="405" height="72" viewBox="0 0 405 72">
<g transform="translate(.5 .5)">
<path d="M 20 31 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path>
<g>
<path d="M40 41h0"></path>
<path d="M364 41h0"></path>
<path d="M40 41h20"></path>
<g>
<path d="M60 41h0"></path>
<path d="M344 41h0"></path>
<path d="M60 41h10"></path>
<g>
<path d="M70 41h0"></path>
<path d="M138 41h0"></path>
<rect x="70" y="30" width="68" height="22" rx="10" ry="10"></rect>
<text x="104" y="45">lArray</text>
</g>
<path d="M138 41h10"></path>
<g>
<path d="M148 41h0"></path>
<path d="M256 41h0"></path>
<path d="M148 41a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path>
<g>
<path d="M168 21h68"></path>
</g>
<path d="M236 21a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path>
<path d="M148 41h20"></path>
<g>
<path d="M168 41h0"></path>
<path d="M236 41h0"></path>
<rect x="168" y="30" width="68" height="22"></rect>
<text x="202" y="45">params</text>
</g>
<path d="M236 41h20"></path>
</g>
<path d="M256 41h10"></path>
<g>
<path d="M266 41h0"></path>
<path d="M334 41h0"></path>
<rect x="266" y="30" width="68" height="22" rx="10" ry="10"></rect>
<text x="300" y="45">rArray</text>
</g>
<path d="M334 41h10"></path>
</g>
<path d="M344 41h20"></path>
</g>
<path d="M 364 41 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>
</div>
<h1><code>params</code></h1>
<div>
<svg class="railroad-diagram" width="345" height="92" viewBox="0 0 345 92">
<g transform="translate(.5 .5)">
<path d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path>
<g>
<path d="M40 31h0"></path>
<path d="M304 31h0"></path>
<path d="M40 31h20"></path>
<g>
<path d="M60 31h44"></path>
<path d="M240 31h44"></path>
<path d="M104 31h10"></path>
<g>
<path d="M114 31h0"></path>
<path d="M230 31h0"></path>
<rect x="114" y="20" width="116" height="22"></rect>
<text x="172" y="35">paramElement</text>
</g>
<path d="M230 31h10"></path>
</g>
<path d="M284 31h20"></path>
<path d="M40 31a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 61h0"></path>
<path d="M284 61h0"></path>
<path d="M60 61h10"></path>
<g>
<path d="M70 61h0"></path>
<path d="M186 61h0"></path>
<rect x="70" y="50" width="116" height="22"></rect>
<text x="128" y="65">paramElement</text>
</g>
<path d="M186 61h10"></path>
<path d="M196 61h10"></path>
<g>
<path d="M206 61h0"></path>
<path d="M274 61h0"></path>
<rect x="206" y="50" width="68" height="22"></rect>
<text x="240" y="65">params</text>
</g>
<path d="M274 61h10"></path>
</g>
<path d="M284 61a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path>
</g>
<path d="M 304 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>
</div>
<h1><code>paramElement</code></h1>
<div>
<svg class="railroad-diagram" width="225" height="182" viewBox="0 0 225 182">
<g transform="translate(.5 .5)">
<path d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path>
<g>
<path d="M40 31h0"></path>
<path d="M184 31h0"></path>
<path d="M40 31h20"></path>
<g>
<path d="M60 31h8"></path>
<path d="M156 31h8"></path>
<path d="M68 31h10"></path>
<g>
<path d="M78 31h0"></path>
<path d="M146 31h0"></path>
<rect x="78" y="20" width="68" height="22" rx="10" ry="10"></rect>
<text x="112" y="35">number</text>
</g>
<path d="M146 31h10"></path>
</g>
<path d="M164 31h20"></path>
<path d="M40 31a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 61h16"></path>
<path d="M148 61h16"></path>
<path d="M76 61h10"></path>
<g>
<path d="M86 61h0"></path>
<path d="M138 61h0"></path>
<rect x="86" y="50" width="52" height="22"></rect>
<text x="112" y="65">name</text>
</g>
<path d="M138 61h10"></path>
</g>
<path d="M164 61a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path>
<path d="M40 31a10 10 0 0 1 10 10v40a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 91h12"></path>
<path d="M152 91h12"></path>
<path d="M72 91h10"></path>
<g>
<path d="M82 91h0"></path>
<path d="M142 91h0"></path>
<rect x="82" y="80" width="60" height="22"></rect>
<text x="112" y="95">array</text>
</g>
<path d="M142 91h10"></path>
</g>
<path d="M164 91a10 10 0 0 0 10 -10v-40a10 10 0 0 1 10 -10"></path>
<path d="M40 31a10 10 0 0 1 10 10v70a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 121h0"></path>
<path d="M164 121h0"></path>
<path d="M60 121h10"></path>
<g>
<path d="M70 121h0"></path>
<path d="M154 121h0"></path>
<rect x="70" y="110" width="84" height="22"></rect>
<text x="112" y="125">function</text>
</g>
<path d="M154 121h10"></path>
</g>
<path d="M164 121a10 10 0 0 0 10 -10v-70a10 10 0 0 1 10 -10"></path>
<path d="M40 31a10 10 0 0 1 10 10v100a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 151h0"></path>
<path d="M164 151h0"></path>
<path d="M60 151h10"></path>
<g>
<path d="M70 151h0"></path>
<path d="M154 151h0"></path>
<rect x="70" y="140" width="84" height="22"></rect>
<text x="112" y="155">division</text>
</g>
<path d="M154 151h10"></path>
</g>
<path d="M164 151a10 10 0 0 0 10 -10v-100a10 10 0 0 1 10 -10"></path>
</g>
<path d="M 184 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>
</div>
<h1><code>division</code></h1>
<div>
<svg class="railroad-diagram" width="393" height="62" viewBox="0 0 393 62">
<g transform="translate(.5 .5)">
<path d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path>
<g>
<path d="M40 31h0"></path>
<path d="M352 31h0"></path>
<path d="M40 31h20"></path>
<g>
<path d="M60 31h0"></path>
<path d="M332 31h0"></path>
<path d="M60 31h10"></path>
<g>
<path d="M70 31h0"></path>
<path d="M138 31h0"></path>
<rect x="70" y="20" width="68" height="22" rx="10" ry="10"></rect>
<text x="104" y="35">number</text>
</g>
<path d="M138 31h10"></path>
<path d="M148 31h10"></path>
<g>
<path d="M158 31h0"></path>
<path d="M234 31h0"></path>
<rect x="158" y="20" width="76" height="22" rx="10" ry="10"></rect>
<text x="196" y="35">divider</text>
</g>
<path d="M234 31h10"></path>
<path d="M244 31h10"></path>
<g>
<path d="M254 31h0"></path>
<path d="M322 31h0"></path>
<rect x="254" y="20" width="68" height="22" rx="10" ry="10"></rect>
<text x="288" y="35">number</text>
</g>
<path d="M322 31h10"></path>
</g>
<path d="M332 31h20"></path>
</g>
<path d="M 352 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>
</div>
<h1><code>name</code></h1>
<div>
<svg class="railroad-diagram" width="241" height="92" viewBox="0 0 241 92">
<g transform="translate(.5 .5)">
<path d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path>
<g>
<path d="M40 31h0"></path>
<path d="M200 31h0"></path>
<path d="M40 31h20"></path>
<g>
<path d="M60 31h0"></path>
<path d="M180 31h0"></path>
<path d="M60 31h10"></path>
<g>
<path d="M70 31h0"></path>
<path d="M170 31h0"></path>
<rect x="70" y="20" width="100" height="22" rx="10" ry="10"></rect>
<text x="120" y="35">identifier</text>
</g>
<path d="M170 31h10"></path>
</g>
<path d="M180 31h20"></path>
<path d="M40 31a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path>
<g>
<path d="M60 61h16"></path>
<path d="M164 61h16"></path>
<path d="M76 61h10"></path>
<g>
<path d="M86 61h0"></path>
<path d="M154 61h0"></path>
<rect x="86" y="50" width="68" height="22" rx="10" ry="10"></rect>
<text x="120" y="65">string</text>
</g>
<path d="M154 61h10"></path>
</g>
<path d="M180 61a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path>
</g>
<path d="M 200 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>
</div>
</body>
</html>