comlink.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="675px" height="211px" viewBox="-0.5 -0.5 675 211" style="background-color: rgb(255, 255, 255);"><defs/><g><ellipse cx="323" cy="95" rx="35" ry="35" fill="#ffffff" stroke="#000000" pointer-events="all"/><path d="M 401 172 L 347.75 119.75" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 464 -70 L 594 -70 L 604 -60 L 604 210 L 474 210 L 464 200 L 464 -70 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" transform="rotate(90,534,70)" pointer-events="all"/><path d="M 474 210 L 474 -60 L 464 -70 M 474 -60 L 604 -60" fill="none" stroke="#000000" stroke-miterlimit="10" transform="rotate(90,534,70)" 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 flex-start; width: 1px; height: 1px; padding-top: 15px; margin-left: 398px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; text-decoration: underline; white-space: nowrap; ">Web worker</div></div></div></foreignObject><text x="398" y="27" fill="#000000" font-family="Helvetica" font-size="12px" text-decoration="underline">Web worker</text></switch></g><path d="M 55 -54 L 185 -54 L 195 -44 L 195 196 L 65 196 L 55 186 L 55 -54 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" transform="rotate(90,125,71)" pointer-events="all"/><path d="M 65 196 L 65 -44 L 55 -54 M 65 -44 L 195 -44" fill="none" stroke="#000000" stroke-miterlimit="10" transform="rotate(90,125,71)" 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 flex-start; width: 1px; height: 1px; padding-top: 16px; margin-left: 4px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; text-decoration: underline; white-space: nowrap; ">Web frontend</div></div></div></foreignObject><text x="4" y="28" fill="#000000" font-family="Helvetica" font-size="12px" text-decoration="underline">Web frontend</text></switch></g><path d="M 544 74 L 654 74 L 654 124 L 544 124 L 544 114 L 534 114 L 534 104 L 544 104 L 544 94 L 534 94 L 534 84 L 544 84 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 544 84 L 554 84 L 554 94 L 544 94 M 544 104 L 554 104 L 554 114 L 544 114" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="603.5" y="91.5">Javascript code</text><text x="603.5" y="105.5">to expose</text></g><path d="M 120 106 Q 120 106 96.28 109.95" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 91.1 110.82 L 97.43 106.21 L 96.28 109.95 L 98.58 113.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 130 71 L 230 71 L 230 121 L 130 121 L 130 111 L 120 111 L 120 101 L 130 101 L 130 91 L 120 91 L 120 81 L 130 81 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 130 81 L 140 81 L 140 91 L 130 91 M 130 101 L 140 101 L 140 111 L 130 111" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="184.5" y="88.5">ES6 Proxy</text><text x="184.5" y="102.5">(ComLink.wrap)</text></g><path d="M 230 83.5 L 407.63 84.95" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 412.88 84.99 L 405.85 88.43 L 407.63 84.95 L 405.91 81.43 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 312 77.25 L 332 77.25 L 332 91.25 L 312 91.25 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 312 77.25 L 322 84.25 L 332 77.25" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 414 102.5 L 235.38 102.98" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 230.13 103 L 237.12 99.48 L 235.38 102.98 L 237.14 106.48 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 312 95.75 L 332 95.75 L 332 109.75 L 312 109.75 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 312 95.75 L 322 102.75 L 332 95.75" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="405" y="179" width="140" height="20" fill="none" stroke="none" 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 flex-start; width: 138px; height: 1px; padding-top: 189px; margin-left: 407px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><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; ">PostMessage messages created and managed by ComLink</div></div></div></foreignObject><text x="407" y="193" fill="#000000" font-family="Helvetica" font-size="12px">PostMessage messages cr...</text></switch></g><path d="M 90 81 Q 90 81 113.72 84.95" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 118.9 85.82 L 111.42 88.12 L 113.72 84.95 L 112.57 81.21 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="30" y="66" width="60" height="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: 58px; height: 1px; padding-top: 96px; margin-left: 31px;"><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; ">Client code</div></div></div></foreignObject><text x="60" y="100" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Client code</text></switch></g><path d="M 504 87.98 Q 614 100 510.34 109.42" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 505.11 109.9 L 511.77 105.78 L 510.34 109.42 L 512.4 112.75 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="414" y="65" width="90" height="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: 88px; height: 1px; padding-top: 95px; margin-left: 415px;"><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; ">ComLink.<br />expose</div></div></div></foreignObject><text x="459" y="99" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">ComLink....</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://desk.draw.io/support/solutions/articles/16000042487" 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>