LiteLoaderBDS-1.16.40/ScriptEngine/third-party/ScriptX/docs/media/webassembly_webassembly.svg

<svg id="mermaid-1615554715416" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="288" style="max-width: 514.51953125px;" viewBox="0 0 514.51953125 288"><style>#mermaid-1615554715416{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-1615554715416 .error-icon{fill:#552222;}#mermaid-1615554715416 .error-text{fill:#552222;stroke:#552222;}#mermaid-1615554715416 .edge-thickness-normal{stroke-width:2px;}#mermaid-1615554715416 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-1615554715416 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-1615554715416 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-1615554715416 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-1615554715416 .marker{fill:#333333;stroke:#333333;}#mermaid-1615554715416 .marker.cross{stroke:#333333;}#mermaid-1615554715416 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-1615554715416 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-1615554715416 .cluster-label text{fill:#333;}#mermaid-1615554715416 .cluster-label span{color:#333;}#mermaid-1615554715416 .label text,#mermaid-1615554715416 span{fill:#333;color:#333;}#mermaid-1615554715416 .node rect,#mermaid-1615554715416 .node circle,#mermaid-1615554715416 .node ellipse,#mermaid-1615554715416 .node polygon,#mermaid-1615554715416 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-1615554715416 .node .label{text-align:center;}#mermaid-1615554715416 .node.clickable{cursor:pointer;}#mermaid-1615554715416 .arrowheadPath{fill:#333333;}#mermaid-1615554715416 .edgePath .path{stroke:#333333;stroke-width:1.5px;}#mermaid-1615554715416 .flowchart-link{stroke:#333333;fill:none;}#mermaid-1615554715416 .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-1615554715416 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-1615554715416 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-1615554715416 .cluster text{fill:#333;}#mermaid-1615554715416 .cluster span{color:#333;}#mermaid-1615554715416 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;}#mermaid-1615554715416:root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-1615554715416 flowchart{fill:apa;}</style><g><g class="output"><g class="clusters"><g class="cluster" id="flowchart-subGraph2-234" transform="translate(257.259765625,144)" style="opacity: 1;"><rect width="498.51953125" height="272" x="-249.259765625" y="-136"></rect><g class="label" transform="translate(0, -122)" id="mermaid-1615554715416Text"><g transform="translate(-77.015625,-9.5)"><foreignObject width="154.03125" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Host Browser/NodeJS</div></foreignObject></g></g></g><g class="cluster" id="flowchart-JS-236" transform="translate(130.2734375,210.5)" style="opacity: 1;"><rect width="204.546875" height="89" x="-102.2734375" y="-44.5"></rect><g class="label" transform="translate(0, -30.5)" id="mermaid-1615554715416Text"><g transform="translate(-7.6640625,-9.5)"><foreignObject width="15.328125" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">JS</div></foreignObject></g></g></g><g class="cluster" id="flowchart-subGraph1-235" transform="translate(369.533203125,144)" style="opacity: 1;"><rect width="233.97265625" height="222" x="-116.986328125" y="-111"></rect><g class="label" transform="translate(0, -97)" id="mermaid-1615554715416Text"><g transform="translate(-62.75,-9.5)"><foreignObject width="125.5" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Gust (Wasm/C++)</div></foreignObject></g></g></g></g><g class="edgePaths"><g class="edgePath LS-A LE-B" id="L-A-B" style="opacity: 1;"><path class="path" d="M416.96523876404495,191L428.4140625,166L428.4140625,131.5L384.2858072916667,97" marker-end="url(#arrowhead430)" style="fill:none"></path><defs><marker id="arrowhead430" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath LS-B LE-J" id="L-B-J" style="opacity: 1;"><path class="path" d="M334.4016927083333,97L290.2734375,131.5L290.2734375,166L197.546875,191.7895751953125" marker-end="url(#arrowhead431)" style="fill:none"></path><defs><marker id="arrowhead431" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath LS-J LE-B" id="L-J-B" style="opacity: 1;"><path class="path" d="M197.546875,196.13488284910966L338.671875,166L338.671875,131.5L351.87890625,97" marker-end="url(#arrowhead432)" style="fill:none;stroke-width:2px;stroke-dasharray:3;"></path><defs><marker id="arrowhead432" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath LS-B LE-A" id="L-B-A" style="opacity: 1;"><path class="path" d="M366.80859375,97L380.015625,131.5L380.015625,166L395.7569346910112,191" marker-end="url(#arrowhead433)" style="fill:none;stroke-width:2px;stroke-dasharray:3;"></path><defs><marker id="arrowhead433" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(428.4140625,131.5)" style="opacity: 1;"><g transform="translate(-17.7265625,-9.5)" class="label"><rect rx="0" ry="0" width="35.453125" height="19"></rect><foreignObject width="35.453125" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span id="L-L-A-B" class="edgeLabel L-LS-A' L-LE-B">draw</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(290.2734375,131.5)" style="opacity: 1;"><g transform="translate(-17.7265625,-9.5)" class="label"><rect rx="0" ry="0" width="35.453125" height="19"></rect><foreignObject width="35.453125" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span id="L-L-B-J" class="edgeLabel L-LS-B' L-LE-J">draw</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(338.671875,131.5)" style="opacity: 1;"><g transform="translate(-10.671875,-9.5)" class="label"><rect rx="0" ry="0" width="21.34375" height="19"></rect><foreignObject width="21.34375" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span id="L-L-J-B" class="edgeLabel L-LS-J' L-LE-B">log</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(380.015625,131.5)" style="opacity: 1;"><g transform="translate(-10.671875,-9.5)" class="label"><rect rx="0" ry="0" width="21.34375" height="19"></rect><foreignObject width="21.34375" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span id="L-L-B-A" class="edgeLabel L-LS-B' L-LE-A">log</span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-B-227" transform="translate(359.34375,77.5)" style="opacity: 1;"><rect rx="0" ry="0" x="-35.28125" y="-19.5" width="70.5625" height="39" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-25.28125,-9.5)"><foreignObject width="50.5625" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">ScriptX</div></foreignObject></g></g></g><g class="node default" id="flowchart-A-226" transform="translate(408.03515625,210.5)" style="opacity: 1;"><rect rx="0" ry="0" x="-43.484375" y="-19.5" width="86.96875" height="39" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-33.484375,-9.5)"><foreignObject width="66.96875" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">C++ Code</div></foreignObject></g></g></g><g class="node default" id="flowchart-J-225" transform="translate(130.2734375,210.5)" style="opacity: 1;"><rect rx="0" ry="0" x="-67.2734375" y="-19.5" width="134.546875" height="39" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-57.2734375,-9.5)"><foreignObject width="114.546875" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">JavaScript Code</div></foreignObject></g></g></g></g></g></g></svg>