Docs/NodeApi-Layers.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="321px" height="271px" viewBox="-0.5 -0.5 321 271" content="&lt;mxfile&gt;&lt;diagram id=&quot;FI0aTGVjMI6zzmMXxxMC&quot; name=&quot;Page-1&quot;&gt;zVhdb5swFP01vExqBTgk6WOTfq3SOqlU2+PkghPcGZsZ0yT79bPBDlBMl67O1Bdkn3ttX84995rEA8t8e81hkX1hKSJe6KdbD1x4YRjNpvKpgF0DhPOgAdYcpw3UAWL8G2nQ12iFU1T2HAVjROCiDyaMUpSIHgY5Z5u+24qR/qkFXKMBECeQDNHvOBVZg84jv8VvEF5n5uTA15YcGmcNlBlM2aYDgUsPLDljohnl2yUiijvDS7PuasS6D4wjKg5ZEE6aFc+QVPrldGBiZ96Ws4qmSC3wPbDYZFiguICJsm5keiWWiZzIWSCHK0ZFrNf6w2h0gM+IC7TtQDq6a8RyJPhOuhirYcpI5UzPNy3xwPhkHdKNH9S5Xu+3bumQA83ICJ1Tx+wcgRAwP5CQYOKAkchCyJTIExZYDtZqcBtLh0u6xhR5Ko4r+byTHeD0qZSj+4oKnCOzSpr3C98pPEzIkhHG5TxFK1jV+5eCs59oiB8hEVF4YCJc5MF0wk4iFMfnBT69YOIOiRtWio9VyWH0QrgWvoIzC19TF3yFY3wZJT7yVocNogjo8Tf9VTFjOCnrW+lcOsyKbbNKm9tC+FafNjjgNv76+KTuJYvlHq2QJDmxLqv3ixNWdOunCdNFCfWLhTJZwE4qZZ9Bk3lLDw9mlszPHGQ+HGbekFdYs0tk4zoxUaj81rd3ZE3xW6USBCNaMcX7mQrEWTGa3uNpdSkd0daqySWBZbmoMEmRQmGudFN7PeynI/Hdxufljiava3YPF8fQcdv0U1hm9R6urmJwgK5tN4ATXY9fxQfqejIq6xetsZ8ZR2ecXiOKOBSMOzjGYYnORypEJgRIc8wqrpqzPwi/Ff3DTondv0Cr0ub4n/Wv+7h78Ud98fvRQPzzI93mYPj180bBgPnf9FIWkDpp6XdQ4Odu82t2fi35jl/lvZcDhQX+8ekjtu+BXC2iPrh9T2bD9g18i4T/4QNeTtsf9bWt888IuPwD&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="0" y="0" width="320" height="90" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <rect x="0" y="90" width="320" height="140" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <rect x="0" y="230" width="320" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 318px; height: 1px; padding-top: 250px; margin-left: 1px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <i>
                                    JS Engine / Node.js Runtime
                                </i>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="160" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    JS Engine / Node.js Runtime
                </text>
            </switch>
        </g>
        <rect x="130" y="30" width="190" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 60px; margin-left: 131px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                NodeApi.DotNetHost
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="225" y="64" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    NodeApi.DotNetHost
                </text>
            </switch>
        </g>
        <rect x="140" y="100" width="170" height="70" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 168px; height: 1px; padding-top: 135px; margin-left: 141px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                NodeApi
                                <br/>
                                <font style="font-size: 7px;">
                                    JSValue
                                    <br/>
                                    JSObject
                                    <br/>
                                    JSReference
                                    <br/>
                                    JSValueScope
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="225" y="139" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    NodeApi...
                </text>
            </switch>
        </g>
        <rect x="10" y="100" width="120" height="70" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="3 3" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 135px; margin-left: 11px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <p style="line-height: 100%;">
                                    <font style="font-size: 11px;">
                                        NodeApi.Interop
                                    </font>
                                    <br/>
                                    <font style="font-size: 7px;">
                                        JSContext
                                        <br/>
                                        JSClassBuilder&lt;T&gt;
                                        <br/>
                                        JSAsyncScope
                                    </font>
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="70" y="139" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    NodeApi.Interop...
                </text>
            </switch>
        </g>
        <rect x="15" y="15" width="80" height="60" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 45px; margin-left: 16px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <p style="line-height: 40%;">
                                    NodeApi
                                </p>
                                <p style="line-height: 40%;">
                                    .Generator
                                </p>
                                <p style="line-height: 100%;">
                                    <font style="font-size: 8px;">
                                        C# Source Generator
                                        <br/>
                                        Type Defs Generator
                                    </font>
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="55" y="49" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    NodeApi...
                </text>
            </switch>
        </g>
        <rect x="10" y="180" width="300" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="3 3" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 200px; margin-left: 11px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <p style="line-height: 38%;">
                                    <span style="font-size: 11px;">
                                        NodeApi.Native
                                    </span>
                                </p>
                                <p style="line-height: 38%;">
                                    <font style="font-size: 7px;">
                                        napi_*
                                    </font>
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="160" y="204" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    NodeApi.Native...
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>