docs/components.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="969px" height="976px" viewBox="-0.5 -0.5 969 976" content="&lt;mxfile&gt;&lt;diagram id=&quot;tb8H2MvZ3lUxXs8tajMu&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="77" y="0" width="180" height="90" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 45px; margin-left: 167px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
                                UI
                                <br/>
                                (Flutter)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="167" y="49" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    UI...
                </text>
            </switch>
        </g>
        <path d="M 234 7 L 250 7 L 250 27 L 234 27 L 234 23 L 230 23 L 230 19 L 234 19 L 234 15 L 230 15 L 230 11 L 234 11 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 234 11 L 238 11 L 238 15 L 234 15 M 234 19 L 238 19 L 238 23 L 234 23" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="77" y="340" width="180" height="90" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 385px; margin-left: 167px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
                                Backend
                                <br/>
                                (Kotlin/Java)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="167" y="389" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Backend...
                </text>
            </switch>
        </g>
        <path d="M 234 347 L 250 347 L 250 367 L 234 367 L 234 363 L 230 363 L 230 359 L 234 359 L 234 355 L 230 355 L 230 351 L 234 351 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 234 351 L 238 351 L 238 355 L 234 355 M 234 359 L 238 359 L 238 363 L 234 363" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="707" y="480" width="260" height="120" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 540px; margin-left: 837px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
                                Replica
                                <br/>
                                (gomobile)
                                <br/>
                                <br/>
                                This lives in github.com/getlantern/replica
                                <br/>
                                and is called through internalsdk/replica.go
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="837" y="544" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Replica...
                </text>
            </switch>
        </g>
        <path d="M 944 487 L 960 487 L 960 507 L 944 507 L 944 503 L 940 503 L 940 499 L 944 499 L 944 495 L 940 495 L 940 491 L 944 491 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 944 491 L 948 491 L 948 495 L 944 495 M 944 499 L 948 499 L 948 503 L 944 503" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="37" y="690" width="180" height="90" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 735px; margin-left: 127px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
                                Flashlight
                                <br/>
                                (gomobile)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="127" y="739" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Flashlight...
                </text>
            </switch>
        </g>
        <path d="M 194 697 L 210 697 L 210 717 L 194 717 L 194 713 L 190 713 L 190 709 L 194 709 L 194 705 L 190 705 L 190 701 L 194 701 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 194 701 L 198 701 L 198 705 L 194 705 M 194 709 L 198 709 L 198 713 L 194 713" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 174.92 92.88 L 153.34 333.09" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 150.38 326.92 L 153.24 334.21 L 157.35 327.55" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 142px; margin-left: 168px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
                                UI is run *after* Backend has finished initializing.
                                <br style="font-size: 12px"/>
                                This means that app.dart is instigated *after* Backend
                                <br style="font-size: 12px"/>
                                (i.e., Flashlight and Replica) are finalized.
                                <br style="font-size: 12px"/>
                                <br style="font-size: 12px"/>
                                UI queries Backend through MethodChannel
                                <br style="font-size: 12px"/>
                                (see SessionModel.kt and an example in language.dart).
                                <br style="font-size: 12px"/>
                                <br style="font-size: 12px"/>
                                <br style="font-size: 12px"/>
                                Backend also talks to UI through SharedPreferences
                                <br style="font-size: 12px"/>
                                (see Settings.java and replica/common.dart)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="168" y="154" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    UI is run *after* Backend has finished initializing....
                </text>
            </switch>
        </g>
        <rect x="637" y="50" width="180" height="90" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 95px; margin-left: 727px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
                                Messaging
                                <br/>
                                (Kotlin)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="727" y="99" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Messaging...
                </text>
            </switch>
        </g>
        <path d="M 794 57 L 810 57 L 810 77 L 794 77 L 794 73 L 790 73 L 790 69 L 794 69 L 794 65 L 790 65 L 790 61 L 794 61 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 794 61 L 798 61 L 798 65 L 794 65 M 794 69 L 798 69 L 798 73 L 794 73" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 257 385 L 635.22 96.36" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 632.67 102.71 L 636.11 95.68 L 628.42 97.14" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 137px; margin-left: 537px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
                                Depends on Messaging for
                                <br style="font-size: 12px"/>
                                handling messaging logic.
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="537" y="149" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Depends on Messaging for...
                </text>
            </switch>
        </g>
        <path d="M 174.92 431.98 L 127.41 687.8" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 125.04 681.38 L 127.2 688.9 L 131.92 682.66" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 517px; margin-left: 151px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
                                Depends on Flashlight for
                                <br style="font-size: 12px"/>
                                core proxying components.
                                <br style="font-size: 12px"/>
                                <br style="font-size: 12px"/>
                                Flashlight is packaged as a .AAR library
                                <br style="font-size: 12px"/>
                                which includes Java bindings and a native library.
                                <br/>
                                <br style="font-size: 12px"/>
                                The Java bindings are how Backend talks to Flashlight.
                                <br style="font-size: 12px"/>
                                <br style="font-size: 12px"/>
                                This is done in EmbeddedLantern.java and Settings.java.
                                <br/>
                                The actual Go logic is in ./internalsdk/ directory
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="151" y="529" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Depends on Flashlight for...
                </text>
            </switch>
        </g>
        <path d="M 174.92 430.36 L 834.77 479.83" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 828.64 482.88 L 835.89 479.92 L 829.17 475.9" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 397px; margin-left: 502px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
                                Depends on Replica for
                                <br style="font-size: 12px"/>
                                running Replica commands.
                                <br style="font-size: 12px"/>
                                <br style="font-size: 12px"/>
                                Replica is run as an HTTP server
                                <br style="font-size: 12px"/>
                                (through github.com/getlantern/replica Go package)
                                <br style="font-size: 12px"/>
                                <br style="font-size: 12px"/>
                                Both 'Backend' and 'UI' talk to it through HTTP requests.
                                <br style="font-size: 12px"/>
                                <br style="font-size: 12px"/>
                                This is done in Settings.java.
                                <br style="font-size: 12px"/>
                                <br style="font-size: 12px"/>
                                The actual Go logic is in ./internalsdk/replica.go
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="502" y="409" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Depends on Replica for...
                </text>
            </switch>
        </g>
        <path d="M 257 45 L 835.21 478.66" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 828.41 477.93 L 836.11 479.33 L 832.61 472.33" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 258px; margin-left: 593px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
                                Ui talks to Replica through HTTP requests for search,
                                <br/>
                                viewing, and downloading replica magnet links.
                                <br/>
                                <br/>
                                The port Replica is running on is provided
                                <br/>
                                through Backend (see ReplicaModel.kt).
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="593" y="270" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Ui talks to Replica through HTTP requests for search,...
                </text>
            </switch>
        </g>
        <path d="M 850.78 600.84 L 502.91 851.44" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 505.64 845.16 L 502 852.09 L 509.73 850.84" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 724px; margin-left: 693px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                <font style="font-size: 13px">
                                    The local Replica server relays all Replica requests
                                    <br/>
                                    to replica-rust backend
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="693" y="727" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    The local Replica server relays all Replica requests...
                </text>
            </switch>
        </g>
        <path d="M 384.5 866.25 C 346.5 866.25 337 902.5 367.4 909.75 C 337 925.7 371.2 960.5 395.9 946 C 413 975 470 975 489 946 C 527 946 527 917 503.25 902.5 C 527 873.5 489 844.5 455.75 859 C 432 837.25 394 837.25 384.5 866.25 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 903px; margin-left: 338px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 12px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; background-color: rgb(248 , 249 , 250) ; display: inline ; float: none">
                                    replica-rust backend
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="432" y="906" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    replica-rust backend
                </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%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>