docs/replica_share.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="741px" height="631px" viewBox="-0.5 -0.5 741 631" content="&lt;mxfile&gt;&lt;diagram id=&quot;tb8H2MvZ3lUxXs8tajMu&quot; name=&quot;Page-1&quot;&gt;zZjdb9sgEMD/mqjbwyLHOB997LJ+TNqkqVG7Z2pfbVQMFiZxsr9+YENsB2er1ibsJcbHgbnjd8eREVrm21uBi+w7T4COwiDZjtCXURhOovmlemjJzkgCNG0kqSCJkbWCFfkFVtFI1ySBsqcoOaeSFH1hzBmDWPZkWAhe9dWeOe1/tcApOIJVjKkr/UkSmTXSxTRo5XdA0sx+eRKYnhxbZSMoM5zwqiNC1yO0FJzLppVvl0C196xfmnE3R3r3CxPA5GsGhGYrNpiujXFmYXJnrYVEGW9eGWfq8TmTOVVvE9V0v2gWUfK1iM0U4dzsEhYpGLVw0cj09J2BZp23wHOQYqcUBFAsyabve2y2MN3rtVaqhjH0iNFzx+h7YAkIJbuHgpIY36lZV7EAYK47KFWcaS9UGZGwKnBtZaVYf6VnNiAkbP9os+mdG0xMoMzMa9VCN7EkZR3gFsHbnYQmjpNOQsbCJQMF3shYOEY/lDUXJWARZyrphMG6JCzVS85A/8JW6hxCQCURn6wcwjJ/JSyz94AFnQUWC0YPltAXLPbQ8mF05M3o4K+5c1WHis2eS41gRuKsOY8lJkwHUb7WxzWFdphqUVLqWNoQqLSOmlU1Ex1dgufqseR5zpnR/6aUH5Wmkn9I4BmrCfU6y3bGR1UlcKv20WtwRgfBGbnBiYaCcx+xb9qz8xzyNhJ7oHo75O1q3FQucaEh4Ux/ge1a7hQEuVdK0GWfkn20dXP4fACT+XtQ4lZFJ6EkGqBk5o2S6BgllLP0UyGgLOtDH/9HmMymh5hMXUyioaN++naPRdFJqJi5VET+TvbZMSpida68aB4uVpmy6MIvB7M+B2gRjgdIOFXRF53nhoAGbgiRtxsCcm8Ih/WPrjZ+ULwD0a2BTOfVOiHc7eWd8Q/shfGKfVVpxqoET7isC6H60GouHk0aCuSuAK8UHiajYAjCPXD94uY98tF5rh7RQBXuL0FFbhV+mKAaSEqdpfTAuCaHtPjgonjCwis5+8xk89flGa+sdvM6LjS3CeM5yeMX9bxiieAk6fiytEFZZVALmgFrswGYdXSbrhynDGRdQTA954UwVx50pdcb3ozHY79HCQr6WzGduFsxHMP/sBfqtf2Hs+7r/FGMrn8D&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 140 60 L 213.63 60" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 218.88 60 L 211.88 63.5 L 213.63 60 L 211.88 56.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="80" cy="60" rx="60" ry="40" 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: 118px; height: 1px; padding-top: 60px; margin-left: 21px;">
                        <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; ">
                                Render ReplicaHomeScreen
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="80" y="64" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Render ReplicaHomeSc...
                </text>
            </switch>
        </g>
        <path d="M 340 60 L 413.63 60" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 418.88 60 L 411.88 63.5 L 413.63 60 L 411.88 56.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="280" cy="60" rx="60" ry="30" 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: 118px; height: 1px; padding-top: 60px; margin-left: 221px;">
                        <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; ">
                                User searches using the text field
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="280" y="64" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    User searches using...
                </text>
            </switch>
        </g>
        <path d="M 526.84 116.59 L 460.02 187.72" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 456.43 191.54 L 458.67 184.04 L 460.02 187.72 L 463.77 188.84 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 611.8 118.8 L 650.01 190.35" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 652.48 194.99 L 646.1 190.46 L 650.01 190.35 L 652.27 187.16 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="580" cy="60" rx="160" ry="60" 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: 318px; height: 1px; padding-top: 60px; margin-left: 421px;">
                        <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; ">
                                Render ReplicaSearchScreen, which contains multiple Replica list views dervied from CommonReplicaListView (default is ReplicaVideoListView)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="580" y="64" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Render ReplicaSearchScreen, which contains multiple R...
                </text>
            </switch>
        </g>
        <path d="M 340 225 L 266.37 225" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 261.12 225 L 268.12 221.5 L 266.37 225 L 268.12 228.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="425" cy="225" rx="85" ry="35" 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: 168px; height: 1px; padding-top: 225px; margin-left: 341px;">
                        <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; ">
                                User taps on any list item
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="425" y="229" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    User taps on any list item
                </text>
            </switch>
        </g>
        <path d="M 670 260 L 670 336.13" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 670 341.38 L 666.5 334.38 L 670 336.13 L 673.5 334.38 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="670" cy="227.5" rx="70" ry="32.5" 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: 138px; height: 1px; padding-top: 228px; margin-left: 601px;">
                        <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; ">
                                User long-presses a list item
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="670" y="231" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    User long-presses a lis...
                </text>
            </switch>
        </g>
        <path d="M 632.12 395.77 L 477.73 490.34" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 473.25 493.08 L 477.4 486.44 L 477.73 490.34 L 481.05 492.41 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="670" cy="372.5" rx="60" ry="30" 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: 118px; height: 1px; padding-top: 373px; margin-left: 611px;">
                        <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; ">
                                User clicks 'Share'
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="670" y="376" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    User clicks 'Share'
                </text>
            </switch>
        </g>
        <path d="M 130 287.5 L 130 343.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 130 348.88 L 126.5 341.88 L 130 343.63 L 133.5 341.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="130" cy="225" rx="130" ry="62.5" 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: 258px; height: 1px; padding-top: 225px; margin-left: 1px;">
                        <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; ">
                                Render ReplicaViewPlayerScreen, ReplicaAudioPlayerScreen, or ReplicaUnknownItemScreen based on the item type
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="130" y="229" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Render ReplicaViewPlayerScreen, ReplicaAudi...
                </text>
            </switch>
        </g>
        <path d="M 165.58 404.16 L 287.5 487.1" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 291.85 490.05 L 284.09 489.01 L 287.5 487.1 L 288.03 483.22 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="130" cy="380" rx="60" ry="30" 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: 118px; height: 1px; padding-top: 380px; margin-left: 71px;">
                        <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; ">
                                User clicks the share icon in the appbar
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="130" y="384" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    User clicks the shar...
                </text>
            </switch>
        </g>
        <ellipse cx="380" cy="550" rx="130" ry="80" 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: 258px; height: 1px; padding-top: 550px; margin-left: 251px;">
                        <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; ">
                                View the stock Android share screen where the user can share the magnet link 'replica://...'
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="380" y="554" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    View the stock Android share screen where t...
                </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>