Vite optimizeDeps module graph diagram

vite-optimize-deps-module-graph.mmd

vite-optimize-deps-module-graph.svg

<svg id="my-svg" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="max-width: 1221.31px; background-color: white;" viewBox="-8 -8 1221.306640625 721.5" role="graphics-document document" aria-roledescription="flowchart-v2"><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 .katex path{fill:#000;stroke:#000;stroke-width:1px;}#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;}</style><g><marker id="my-svg_flowchart-pointEnd" class="marker flowchart" viewBox="0 0 10 10" refX="6" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-pointStart" class="marker flowchart" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-circleEnd" class="marker flowchart" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-circleStart" class="marker flowchart" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-crossEnd" class="marker cross flowchart" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-crossStart" class="marker cross flowchart" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"><g class="cluster default flowchart-label" id="Single_JS_Runtime"><rect style="" rx="0" ry="0" x="0" y="0" width="894.947265625" height="501.5"/><g class="cluster-label" transform="translate(380.5595703125, 0)"><foreignObject width="133.828125" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Single_JS_Runtime</span></div></foreignObject></g></g><g class="cluster default flowchart-label" id="Devtools_Import_Graph"><rect style="" rx="0" ry="0" x="407.51953125" y="152" width="467.427734375" height="324.5"/><g class="cluster-label" transform="translate(556.8505859375, 152)"><foreignObject width="168.765625" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Devtools_Import_Graph</span></div></foreignObject></g></g><g class="cluster default flowchart-label" id="App_Import_Graph"><rect style="" rx="0" ry="0" x="20" y="25" width="367.51953125" height="451.5"/><g class="cluster-label" transform="translate(136.287109375, 25)"><foreignObject width="134.9453125" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">App_Import_Graph</span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M597.673,210.5L593.185,216.208C588.697,221.917,579.722,233.333,575.433,243.867C571.145,254.402,571.544,264.053,571.743,268.879L571.943,273.705" id="L-A0-A1-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-A0 LE-A1" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M662.681,210.5L680.347,216.208C698.014,221.917,733.347,233.333,751.213,243.867C769.079,254.402,769.478,264.053,769.677,268.879L769.876,273.705" id="L-A0-A2-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-A0 LE-A2" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M564.003,331L561.976,336.708C559.949,342.417,555.894,353.833,553.867,364.367C551.84,374.9,551.84,384.55,551.84,389.375L551.84,394.2" id="L-A1-A3-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-A1 LE-A3" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M116.021,83.5L116.021,89.208C116.021,94.917,116.021,106.333,116.021,117.75C116.021,129.167,116.021,140.583,118.111,149.705C120.201,158.827,124.38,165.653,126.47,169.067L128.56,172.48" id="L-B0-B1-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-B0 LE-B1" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M141.582,210.5L141.582,216.208C141.582,221.917,141.582,233.333,151.033,244.319C160.484,255.305,179.387,265.861,188.838,271.138L198.289,276.416" id="L-B1-B2-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-B1 LE-B2" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M222.6,331L216.699,336.708C210.798,342.417,198.997,353.833,193.096,364.367C187.195,374.9,187.195,384.55,187.195,389.375L187.195,394.2" id="L-B2-B3-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-B2 LE-B3" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M929.947,73.993L806.474,81.285C683.001,88.578,436.055,103.164,312.582,116.165C189.109,129.167,189.109,140.583,185.03,149.875C180.95,159.167,172.791,166.335,168.711,169.918L164.632,173.502" id="L-C0-B1-0" class=" edge-thickness-normal edge-pattern-dotted flowchart-link LS-C0 LE-B1" style="fill:none;stroke-width:2px;stroke-dasharray:3;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M929.947,74.927L822.916,82.064C715.884,89.201,501.821,103.476,394.789,116.321C287.758,129.167,287.758,140.583,287.758,153.25C287.758,165.917,287.758,179.833,287.758,195.292C287.758,210.75,287.758,227.75,284.605,241.213C281.451,254.676,275.145,264.601,271.992,269.564L268.839,274.527" id="L-C0-B2-0" class=" edge-thickness-normal edge-pattern-dotted flowchart-link LS-C0 LE-B2" style="fill:none;stroke-width:2px;stroke-dasharray:3;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M929.947,80.907L876.763,87.048C823.579,93.188,717.21,105.469,664.026,117.318C610.842,129.167,610.842,140.583,610.842,149.575C610.842,158.567,610.842,165.133,610.842,168.417L610.842,171.7" id="L-C0-A0-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-C0 LE-A0" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M551.84,451.5L551.84,455.667C551.84,459.833,551.84,468.167,551.84,476.5C551.84,484.833,551.84,493.167,551.84,503.042C551.84,512.917,551.84,524.333,551.84,538.542C551.84,552.75,551.84,569.75,551.84,586.75C551.84,603.75,551.84,620.75,549.541,634.158C547.242,647.567,542.644,657.384,540.345,662.292L538.046,667.2" id="L-A3-D1-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-A3 LE-D1" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M187.195,451.5L187.195,455.667C187.195,459.833,187.195,468.167,187.195,476.5C187.195,484.833,187.195,493.167,187.195,503.042C187.195,512.917,187.195,524.333,187.195,534.867C187.195,545.4,187.195,555.05,187.195,559.875L187.195,564.7" id="L-B3-D0-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-B3 LE-D0" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M160.309,603.5L151.147,609.208C141.984,614.917,123.659,626.333,114.497,636.867C105.334,647.4,105.334,657.05,105.334,661.875L105.334,666.7" id="L-D0-E0-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-D0 LE-E0" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M969.838,210.5L944.959,216.208C920.081,221.917,870.325,233.333,818.276,245.661C766.226,257.988,711.884,271.225,684.713,277.844L657.542,284.463" id="L-C1-A1-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-C1 LE-A1" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M929.947,201.804L829.615,208.961C729.282,216.119,528.617,230.435,421.549,242.763C314.482,255.091,301.014,265.432,294.279,270.602L287.545,275.772" id="L-C1-B2-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-C1 LE-B2" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M270.088,331L274.614,336.708C279.139,342.417,288.19,353.833,397.285,367.72C506.381,381.606,715.522,397.963,820.093,406.141L924.663,414.319" id="L-B2-B2A-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-B2 LE-B2A" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M634.02,331L647.366,336.708C660.711,342.417,687.401,353.833,742.417,366.643C797.433,379.453,880.775,393.656,922.446,400.758L964.117,407.86" id="L-A1-B2A-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-A1 LE-B2A" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M1067.627,442.25L1067.627,447.958C1067.627,453.667,1067.627,465.083,1067.627,474.958C1067.627,484.833,1067.627,493.167,1067.627,503.042C1067.627,512.917,1067.627,524.333,934.121,537.775C800.615,551.217,533.604,566.684,400.098,574.417L266.592,582.151" id="L-B2A-D0-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-B2A LE-D0" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/><path d="M235.021,603.5L251.32,609.208C267.619,614.917,300.217,626.333,337.502,637.527C374.788,648.72,416.762,659.69,437.749,665.175L458.736,670.66" id="L-D0-D1-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-D0 LE-D1" style="fill:none;" marker-end="url(#my-svg_flowchart-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(551.83984375, 365.25)"><g class="label" transform="translate(-22.79296875, -9.25)"><foreignObject width="45.5859375" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">define</span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(141.58203125, 244.75)"><g class="label" transform="translate(-29.70703125, -9.25)"><foreignObject width="59.4140625" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">depends</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(187.1953125, 365.25)"><g class="label" transform="translate(-22.79296875, -9.25)"><foreignObject width="45.5859375" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">define</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(189.109375, 117.75)"><g class="label" transform="translate(-31.12109375, -9.25)"><foreignObject width="62.2421875" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">excludes</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(287.7578125, 193.75)"><g class="label" transform="translate(-31.12109375, -9.25)"><foreignObject width="62.2421875" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">excludes</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(610.841796875, 117.75)"><g class="label" transform="translate(-108.7578125, -9.25)"><foreignObject width="217.515625" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">prebundle only devtools graph</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(551.83984375, 586.75)"><g class="label" transform="translate(-120.28125, -9.25)"><foreignObject width="240.5625" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">Schema.is(Pong) - expects class α</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(187.1953125, 535.75)"><g class="label" transform="translate(-73.74609375, -9.25)"><foreignObject width="147.4921875" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">instantiates - class β</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(105.333984375, 637.75)"><g class="label" transform="translate(-93.34375, -9.25)"><foreignObject width="186.6875" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">α ≠ β - Schema guard fails</span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(297.240234375, 365.25)"><g class="label" transform="translate(-46.40234375, -9.25)"><foreignObject width="92.8046875" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">resolve to A1</span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(332.814453125, 637.75)"><g class="label" transform="translate(-50.37890625, -9.25)"><foreignObject width="100.7578125" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">class α reused</span></div></foreignObject></g></g></g><g class="nodes"><g class="node default default flowchart-label" id="flowchart-B0-9" data-node="true" data-id="B0" transform="translate(116.021484375, 66.75)"><rect class="basic label-container" style="" rx="0" ry="0" x="-41.98828125" y="-16.75" width="83.9765625" height="33.5"/><g class="label" style="" transform="translate(-34.48828125, -9.25)"><rect/><foreignObject width="68.9765625" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">app entry</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-B1-10" data-node="true" data-id="B1" transform="translate(141.58203125, 193.75)"><rect class="basic label-container" style="" rx="0" ry="0" x="-80.0546875" y="-16.75" width="160.109375" height="33.5"/><g class="label" style="" transform="translate(-72.5546875, -9.25)"><rect/><foreignObject width="145.109375" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">@livestore/livestore</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-B2-11" data-node="true" data-id="B2" transform="translate(249.4765625, 305)"><rect class="basic label-container" style="" rx="0" ry="0" x="-79.15625" y="-26" width="158.3125" height="52"/><g class="label" style="" transform="translate(-71.65625, -18.5)"><rect/><foreignObject width="143.3125" height="37"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">@livestore/common<br />(resolved path B)</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-B3-17" data-node="true" data-id="B3" transform="translate(187.1953125, 425.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-109.3203125" y="-26" width="218.640625" height="52"/><g class="label" style="" transform="translate(-101.8203125, -18.5)"><rect/><foreignObject width="203.640625" height="37"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">LSD.ClientSession.Pong class<br />(instance β)</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-A0-0" data-node="true" data-id="A0" transform="translate(610.841796875, 193.75)"><rect class="basic label-container" style="" rx="0" ry="0" x="-58.96484375" y="-16.75" width="117.9296875" height="33.5"/><g class="label" style="" transform="translate(-51.46484375, -9.25)"><rect/><foreignObject width="102.9296875" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">devtools entry</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-A1-1" data-node="true" data-id="A1" transform="translate(573.236328125, 305)"><rect class="basic label-container" style="" rx="0" ry="0" x="-79.15625" y="-26" width="158.3125" height="52"/><g class="label" style="" transform="translate(-71.65625, -18.5)"><rect/><foreignObject width="143.3125" height="37"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">@livestore/common<br />(resolved path A)</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-A2-2" data-node="true" data-id="A2" transform="translate(771.169921875, 305)"><rect class="basic label-container" style="" rx="0" ry="0" x="-68.77734375" y="-26" width="137.5546875" height="52"/><g class="label" style="" transform="translate(-61.27734375, -18.5)"><rect/><foreignObject width="122.5546875" height="37"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">@livestore/utils<br />(resolved path A)</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-A3-8" data-node="true" data-id="A3" transform="translate(551.83984375, 425.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-109.3203125" y="-26" width="218.640625" height="52"/><g class="label" style="" transform="translate(-101.8203125, -18.5)"><rect/><foreignObject width="203.640625" height="37"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">LSD.ClientSession.Pong class<br />(instance α)</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-C0-18" data-node="true" data-id="C0" transform="translate(1052.568359375, 66.75)"><rect class="basic label-container" style="" rx="0" ry="0" x="-122.62109375" y="-16.75" width="245.2421875" height="33.5"/><g class="label" style="" transform="translate(-115.12109375, -9.25)"><rect/><foreignObject width="230.2421875" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Vite optimizeDeps configuration</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-D1-26" data-node="true" data-id="D1" transform="translate(527.953125, 688.75)"><rect class="basic label-container" style="" rx="0" ry="0" x="-69.5703125" y="-16.75" width="139.140625" height="33.5"/><g class="label" style="" transform="translate(-62.0703125, -9.25)"><rect/><foreignObject width="124.140625" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Expect heartbeat</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-D0-28" data-node="true" data-id="D0" transform="translate(187.1953125, 586.75)"><rect class="basic label-container" style="" rx="0" ry="0" x="-74.10546875" y="-16.75" width="148.2109375" height="33.5"/><g class="label" style="" transform="translate(-66.60546875, -9.25)"><rect/><foreignObject width="133.2109375" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Heartbeat payload</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-E0-30" data-node="true" data-id="E0" transform="translate(105.333984375, 688.75)"><rect class="basic label-container" style="" rx="0" ry="0" x="-46.41796875" y="-16.75" width="92.8359375" height="33.5"/><g class="label" style="" transform="translate(-38.91796875, -9.25)"><rect/><foreignObject width="77.8359375" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Disconnect</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-C1-31" data-node="true" data-id="C1" transform="translate(1042.837890625, 193.75)"><rect class="basic label-container" style="" rx="0" ry="0" x="-112.890625" y="-16.75" width="225.78125" height="33.5"/><g class="label" style="" transform="translate(-105.390625, -9.25)"><rect/><foreignObject width="210.78125" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Include/Alias shared modules</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-B2A-37" data-node="true" data-id="B2A" transform="translate(1067.626953125, 425.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-137.6796875" y="-16.75" width="275.359375" height="33.5"/><g class="label" style="" transform="translate(-130.1796875, -9.25)"><rect/><foreignObject width="260.359375" height="18.5"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">@livestore/common shared instance</span></div></foreignObject></g></g></g></g></g></svg>