Skip to content
Snippets Groups Projects
Commit d37db1cd authored by Stefan Zabka's avatar Stefan Zabka
Browse files

Presentation time

parent 98082bff
No related merge requests found
Pipeline #19384 passed with stage
Stage:
    in 57 seconds
    Expand all Hide whitespace changes
    Inline Side-by-side
    Showing
    with 48 additions and 595 deletions
    attack/evil.html
    + 1
    − 1
    View file @ d37db1cd
    ...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
    function main() { function main() {
    func("abcd"); func("abcd");
    let function_string = window.atob.toString(); let function_string = window.atob.toString();
    if (function_string.includes("[native code]")) { if (function_string === "function atob() {\n [native code]\n}") {
    func("top secret evil activity"); func("top secret evil activity");
    } }
    document.getElementById( document.getElementById(
    ......
    attack/evil.js 0 → 100644
    + 17
    − 0
    View file @ d37db1cd
    function func(data) {
    let encoded_data = window.btoa(data);
    let decoded_data = window.atob(encoded_data);
    if (data !== decoded_data) {
    console.log("This is weird");
    }
    }
    function main() {
    func("abcd");
    let function_string = window.atob.toString();
    if (function_string === "function atob() {\n [native code]\n}") {
    func("top secret evil activity");
    }
    document.getElementById(
    "output"
    ).innerText = `The screens coordinates are ${window.screen.width} x ${window.screen.height}`;
    }
    writing/figures/cleaned/ClassDiagram.png 0 → 100644
    + 0
    − 0
    View file @ d37db1cd
    writing/figures/cleaned/ClassDiagram.png

    290 KiB

    writing/figures/wide/CurrentFlow.png 0 → 100644
    + 0
    − 0
    View file @ d37db1cd
    writing/figures/wide/CurrentFlow.png

    252 KiB

    writing/figures/wide/CurrentFlow.svg
    + 3
    − 269
    View file @ d37db1cd
    This diff is collapsed.
    writing/figures/wide/CurrentFlow1.png 0 → 100644
    + 0
    − 0
    View file @ d37db1cd
    writing/figures/wide/CurrentFlow1.png

    241 KiB

    writing/figures/wide/CurrentFlow1.svg 0 → 100644
    + 4
    − 0
    View file @ d37db1cd
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    <svg fill-opacity="1" xmlns:xlink="http://www.w3.org/1999/xlink" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="33.5625in" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" viewBox="0 0 3222 1852" height="19.291666666666668in" xmlns="http://www.w3.org/2000/svg" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12" stroke-dashoffset="0" image-rendering="auto"><!--Generated by the Batik Graphics2D SVG Generator
    This is MagicDraw diagram.--><defs id="genericDefs"/><g><defs id="defs1"><linearGradient x1="196" gradientUnits="userSpaceOnUse" x2="423" y1="75" y2="164" id="linearGradient1" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="1316" gradientUnits="userSpaceOnUse" x2="1526" y1="286" y2="375" id="linearGradient2" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="973" gradientUnits="userSpaceOnUse" x2="1108" y1="75" y2="164" id="linearGradient3" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="665" gradientUnits="userSpaceOnUse" x2="793" y1="75" y2="164" id="linearGradient4" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><clipPath clipPathUnits="userSpaceOnUse" id="clipPath1"><path d="M0 -5 L3222 -5 L3222 1852 L0 1852 L0 -5 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath2"><path d="M154.7634 27.7812 L1152.0482 1267.4198 L446.1321 1835.3268 L-551.1528 595.6882 L154.7634 27.7812 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath3"><path d="M0 -3 L1611 -3 L1611 926 L0 926 L0 -3 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath4"><path d="M-768 -70 L2454 -70 L2454 1788 L-768 1788 L-768 -70 Z"/></clipPath></defs><g fill="white" stroke="white"><rect x="0" width="3222" height="1857" y="-5" clip-path="url(#clipPath1)" stroke="none"/></g><g text-rendering="geometricPrecision" font-size="30" font-family="'Noto Sans'" transform="matrix(2,0,0,2,-0,0)" stroke-linecap="butt" stroke-linejoin="round"><rect x="199" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="227" height="89" stroke="none"/><rect x="196" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient1)" width="227" height="89" stroke="none"/><rect x="196" y="75" clip-path="url(#clipPath3)" fill="none" width="227" height="89" stroke="rgb(61,102,82)"/><text x="271" space="preserve" y="110.07" clip-path="url(#clipPath3)" font-weight="bold" stroke="none">ENV -</text><text x="204" space="preserve" y="150.9299" clip-path="url(#clipPath3)" font-weight="bold" stroke="none">WebExtension</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="889" fill="none" x1="309" clip-path="url(#clipPath3)" x2="309" y1="164"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="304" width="10" height="47" y="598" clip-path="url(#clipPath3)" stroke="none"/><rect x="304" y="598" clip-path="url(#clipPath3)" fill="none" width="10" height="47" stroke="rgb(61,102,82)"/><rect x="304" y="645" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><rect x="304" width="10" height="341" y="221" clip-path="url(#clipPath3)" stroke="none"/><rect x="304" y="221" clip-path="url(#clipPath3)" fill="none" width="10" height="341" stroke="rgb(61,102,82)"/><rect x="304" y="562" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><rect x="1319" y="289" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="210" height="89" stroke="none"/><rect x="1316" y="286" clip-path="url(#clipPath3)" fill="url(#linearGradient2)" width="210" height="89" stroke="none"/><rect x="1316" y="286" clip-path="url(#clipPath3)" fill="none" width="210" height="89" stroke="rgb(61,102,82)"/><text fill="black" x="1387" space="preserve" y="321.07" clip-path="url(#clipPath3)" stroke="none">ENV-</text><text fill="black" x="1323.5" space="preserve" y="361.93" clip-path="url(#clipPath3)" stroke="none">Web Content</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="827" fill="none" x1="1421" clip-path="url(#clipPath3)" x2="1421" y1="375"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="1416" width="10" height="413" y="404" clip-path="url(#clipPath3)" stroke="none"/><rect x="1416" y="404" clip-path="url(#clipPath3)" fill="none" width="10" height="413" stroke="rgb(61,102,82)"/><rect x="1416" y="817" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><rect x="976" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="135" height="89" stroke="none"/><rect x="973" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient3)" width="135" height="89" stroke="none"/><rect x="973" y="75" clip-path="url(#clipPath3)" fill="none" width="135" height="89" stroke="rgb(61,102,82)"/><text fill="black" x="981" space="preserve" y="110.07" clip-path="url(#clipPath3)" stroke="none">Content</text><text fill="black" x="985.5" space="preserve" y="150.9299" clip-path="url(#clipPath3)" stroke="none">Process</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="889" fill="none" x1="1040" clip-path="url(#clipPath3)" x2="1040" y1="164"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="1035" width="10" height="205" y="488" clip-path="url(#clipPath3)" stroke="none"/><rect x="1035" y="488" clip-path="url(#clipPath3)" fill="none" width="10" height="205" stroke="rgb(61,102,82)"/><rect x="1035" y="693" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><rect x="668" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="128" height="89" stroke="none"/><rect x="665" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient4)" width="128" height="89" stroke="none"/><rect x="665" y="75" clip-path="url(#clipPath3)" fill="none" width="128" height="89" stroke="rgb(61,102,82)"/><text fill="black" x="694.5" space="preserve" y="110.07" clip-path="url(#clipPath3)" stroke="none">Main</text><text fill="black" x="674" space="preserve" y="150.9299" clip-path="url(#clipPath3)" stroke="none">Process</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="889" fill="none" x1="729" clip-path="url(#clipPath3)" x2="729" y1="164"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="724" width="10" height="35" y="221" clip-path="url(#clipPath3)" stroke="none"/><rect x="724" y="221" clip-path="url(#clipPath3)" fill="none" width="10" height="35" stroke="rgb(61,102,82)"/><rect x="724" width="10" height="285" y="513" clip-path="url(#clipPath3)" stroke="none"/><rect x="724" y="513" clip-path="url(#clipPath3)" fill="none" width="10" height="285" stroke="rgb(61,102,82)"/><rect x="724" y="798" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><rect x="40" y="579" clip-path="url(#clipPath3)" fill="none" width="721" height="216" stroke="rgb(66,66,66)"/><polygon fill="none" clip-path="url(#clipPath3)" points=" 106 579 106 619 103 622 40 622 40 579" stroke="rgb(66,66,66)"/><text x="46" y="662.0699" clip-path="url(#clipPath3)" fill="black" stroke="none" font-weight="normal" space="preserve">[instrumentName</text><text x="46" y="702.9299" clip-path="url(#clipPath3)" fill="black" stroke="none" font-weight="normal" space="preserve">is part of Config]</text><text fill="black" x="49" space="preserve" y="614.0699" clip-path="url(#clipPath3)" stroke="none">opt</text><circle fill="none" r="3" clip-path="url(#clipPath3)" cx="309" cy="579" stroke="rgb(66,66,66)"/><circle fill="white" r="2" clip-path="url(#clipPath3)" cx="309" cy="579" stroke="none"/><circle fill="none" r="3" clip-path="url(#clipPath3)" cx="729" cy="579" stroke="rgb(66,66,66)"/><circle fill="white" r="2" clip-path="url(#clipPath3)" cx="729" cy="579" stroke="none"/><polygon fill="rgb(66,66,66)" clip-path="url(#clipPath3)" points=" 701 209 724 221 701 233" stroke="none"/><polygon fill="none" clip-path="url(#clipPath3)" points=" 701 209 724 221 701 233" stroke="rgb(66,66,66)"/><path fill="none" d="M724 221 L314 221" clip-path="url(#clipPath3)" stroke="rgb(66,66,66)"/><text x="450" y="200.07" clip-path="url(#clipPath3)" fill="black" stroke="none" font-weight="normal" space="preserve">Registration</text><text x="416" y="200.07" clip-path="url(#clipPath3)" fill="black" stroke="none" font-weight="normal" space="preserve">1: </text><path fill="none" d="M1293 318 L1316 330 L1293 342" clip-path="url(#clipPath3)" stroke="rgb(66,66,66)"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(66,66,66)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="10" stroke="rgb(66,66,66)"><path fill="none" d="M1316 330 L314 330" clip-path="url(#clipPath3)"/><text x="818" y="312.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Create Tab</text><text x="784" y="312.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">3: </text><path fill="none" stroke-dasharray="none" d="M1393 392 L1416 404 L1393 416" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M1416 404 L314 404" clip-path="url(#clipPath3)"/><text x="818" y="393.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Visit Webpage</text><text x="784" y="393.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">4: </text><path fill="none" stroke-dasharray="none" d="M701 633 L724 645 L701 657" clip-path="url(#clipPath3)"/><path fill="none" d="M724 645 L314 645" clip-path="url(#clipPath3)"/><polygon stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 1068 500 1045 488 1068 476" stroke="none"/><polygon fill="none" stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 1068 500 1045 488 1068 476"/><path fill="none" stroke-dasharray="none" d="M1045 488 L1416 488" clip-path="url(#clipPath3)"/><text x="1143" y="477.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Call to WebAPI</text><text x="1109" y="477.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">5: </text><path fill="none" stroke-dasharray="none" d="M757 525 L734 513 L757 501" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M734 513 L1035 513" clip-path="url(#clipPath3)"/><text x="822" y="502.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Send Event</text><text x="788" y="502.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">6: </text><path fill="none" stroke-dasharray="none" d="M1393 679 L1416 691 L1393 703" clip-path="url(#clipPath3)"/><path fill="none" d="M1416 691 L1045 691" clip-path="url(#clipPath3)"/><text x="1136" y="680.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">WebAPI returns</text><text x="1085" y="680.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">10: </text><path fill="none" stroke-dasharray="none" d="M337 268 L314 256 L337 244" clip-path="url(#clipPath3)"/><path fill="none" d="M314 256 L724 256" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M1012 662 L1035 674 L1012 686" clip-path="url(#clipPath3)"/><path fill="none" d="M1035 674 L734 674" clip-path="url(#clipPath3)"/><polygon stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 337 610 314 598 337 586" stroke="none"/><polygon fill="none" stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 337 610 314 598 337 586"/><path fill="none" stroke-dasharray="none" d="M314 598 L724 598" clip-path="url(#clipPath3)"/><text x="399" y="560.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Callback with Event</text><text x="365" y="560.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">7: </text></g></g></svg>
    \ No newline at end of file
    writing/figures/wide/CurrentFlow2.png 0 → 100644
    + 0
    − 0
    View file @ d37db1cd
    writing/figures/wide/CurrentFlow2.png

    158 KiB

    writing/figures/wide/CurrentFlow2.svg 0 → 100644
    + 4
    − 0
    View file @ d37db1cd
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    <svg fill-opacity="1" xmlns:xlink="http://www.w3.org/1999/xlink" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="33.5625in" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" viewBox="0 0 3222 1852" height="19.291666666666668in" xmlns="http://www.w3.org/2000/svg" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12" stroke-dashoffset="0" image-rendering="auto"><!--Generated by the Batik Graphics2D SVG Generator
    This is MagicDraw diagram.--><defs id="genericDefs"/><g><defs id="defs1"><linearGradient x1="196" gradientUnits="userSpaceOnUse" x2="423" y1="75" y2="164" id="linearGradient1" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="1316" gradientUnits="userSpaceOnUse" x2="1526" y1="286" y2="375" id="linearGradient2" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="973" gradientUnits="userSpaceOnUse" x2="1108" y1="75" y2="164" id="linearGradient3" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="665" gradientUnits="userSpaceOnUse" x2="793" y1="75" y2="164" id="linearGradient4" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><clipPath clipPathUnits="userSpaceOnUse" id="clipPath1"><path d="M0 -5 L3222 -5 L3222 1852 L0 1852 L0 -5 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath2"><path d="M154.7634 27.7812 L1152.0482 1267.4198 L446.1321 1835.3268 L-551.1528 595.6882 L154.7634 27.7812 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath3"><path d="M0 -3 L1611 -3 L1611 926 L0 926 L0 -3 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath4"><path d="M-768 -70 L2454 -70 L2454 1788 L-768 1788 L-768 -70 Z"/></clipPath></defs><g fill="white" stroke="white"><rect x="0" width="3222" height="1857" y="-5" clip-path="url(#clipPath1)" stroke="none"/></g><g text-rendering="geometricPrecision" font-size="30" font-family="'Noto Sans'" transform="matrix(2,0,0,2,-0,0)" stroke-linecap="butt" stroke-linejoin="round"><rect x="199" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="227" height="89" stroke="none"/><rect x="196" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient1)" width="227" height="89" stroke="none"/><rect x="196" y="75" clip-path="url(#clipPath3)" fill="none" width="227" height="89" stroke="rgb(61,102,82)"/><text x="271" space="preserve" y="110.07" clip-path="url(#clipPath3)" font-weight="bold" stroke="none">ENV -</text><text x="204" space="preserve" y="150.9299" clip-path="url(#clipPath3)" font-weight="bold" stroke="none">WebExtension</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="889" fill="none" x1="309" clip-path="url(#clipPath3)" x2="309" y1="164"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="304" width="10" height="341" y="221" clip-path="url(#clipPath3)" stroke="none"/><rect x="304" y="221" clip-path="url(#clipPath3)" fill="none" width="10" height="341" stroke="rgb(61,102,82)"/><rect x="304" y="562" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><rect x="1319" y="289" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="210" height="89" stroke="none"/><rect x="1316" y="286" clip-path="url(#clipPath3)" fill="url(#linearGradient2)" width="210" height="89" stroke="none"/><rect x="1316" y="286" clip-path="url(#clipPath3)" fill="none" width="210" height="89" stroke="rgb(61,102,82)"/><text fill="black" x="1387" space="preserve" y="321.07" clip-path="url(#clipPath3)" stroke="none">ENV-</text><text fill="black" x="1323.5" space="preserve" y="361.93" clip-path="url(#clipPath3)" stroke="none">Web Content</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="827" fill="none" x1="1421" clip-path="url(#clipPath3)" x2="1421" y1="375"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="1416" width="10" height="413" y="404" clip-path="url(#clipPath3)" stroke="none"/><rect x="1416" y="404" clip-path="url(#clipPath3)" fill="none" width="10" height="413" stroke="rgb(61,102,82)"/><rect x="1416" y="817" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><rect x="976" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="135" height="89" stroke="none"/><rect x="973" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient3)" width="135" height="89" stroke="none"/><rect x="973" y="75" clip-path="url(#clipPath3)" fill="none" width="135" height="89" stroke="rgb(61,102,82)"/><text fill="black" x="981" space="preserve" y="110.07" clip-path="url(#clipPath3)" stroke="none">Content</text><text fill="black" x="985.5" space="preserve" y="150.9299" clip-path="url(#clipPath3)" stroke="none">Process</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="889" fill="none" x1="1040" clip-path="url(#clipPath3)" x2="1040" y1="164"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="668" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="128" height="89" stroke="none"/><rect x="665" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient4)" width="128" height="89" stroke="none"/><rect x="665" y="75" clip-path="url(#clipPath3)" fill="none" width="128" height="89" stroke="rgb(61,102,82)"/><text fill="black" x="694.5" space="preserve" y="110.07" clip-path="url(#clipPath3)" stroke="none">Main</text><text fill="black" x="674" space="preserve" y="150.9299" clip-path="url(#clipPath3)" stroke="none">Process</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="889" fill="none" x1="729" clip-path="url(#clipPath3)" x2="729" y1="164"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="724" width="10" height="35" y="221" clip-path="url(#clipPath3)" stroke="none"/><rect x="724" y="221" clip-path="url(#clipPath3)" fill="none" width="10" height="35" stroke="rgb(61,102,82)"/><polygon fill="rgb(66,66,66)" clip-path="url(#clipPath3)" points=" 701 209 724 221 701 233" stroke="none"/><polygon fill="none" clip-path="url(#clipPath3)" points=" 701 209 724 221 701 233" stroke="rgb(66,66,66)"/><path fill="none" d="M724 221 L314 221" clip-path="url(#clipPath3)" stroke="rgb(66,66,66)"/><text x="450" y="200.07" clip-path="url(#clipPath3)" fill="black" stroke="none" font-weight="normal" space="preserve">Registration</text><text x="416" y="200.07" clip-path="url(#clipPath3)" fill="black" stroke="none" font-weight="normal" space="preserve">1: </text><path fill="none" d="M1293 318 L1316 330 L1293 342" clip-path="url(#clipPath3)" stroke="rgb(66,66,66)"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(66,66,66)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="10" stroke="rgb(66,66,66)"><path fill="none" d="M1316 330 L314 330" clip-path="url(#clipPath3)"/><text x="818" y="312.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Create Tab</text><text x="784" y="312.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">3: </text><path fill="none" stroke-dasharray="none" d="M1393 392 L1416 404 L1393 416" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M1416 404 L314 404" clip-path="url(#clipPath3)"/><text x="818" y="393.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Visit Webpage</text><text x="784" y="393.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">4: </text><path fill="none" stroke-dasharray="none" d="M337 268 L314 256 L337 244" clip-path="url(#clipPath3)"/><path fill="none" d="M314 256 L724 256" clip-path="url(#clipPath3)"/></g></g></svg>
    \ No newline at end of file
    writing/figures/wide/CurrentFlow3.png 0 → 100644
    + 0
    − 0
    View file @ d37db1cd
    writing/figures/wide/CurrentFlow3.png

    106 KiB

    writing/figures/wide/CurrentFlow3.svg 0 → 100644
    + 4
    − 0
    View file @ d37db1cd
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    <svg fill-opacity="1" xmlns:xlink="http://www.w3.org/1999/xlink" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="33.5625in" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" viewBox="0 0 3222 1852" height="19.291666666666668in" xmlns="http://www.w3.org/2000/svg" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12" stroke-dashoffset="0" image-rendering="auto"><!--Generated by the Batik Graphics2D SVG Generator
    This is MagicDraw diagram.--><defs id="genericDefs"/><g><defs id="defs1"><linearGradient x1="196" gradientUnits="userSpaceOnUse" x2="423" y1="75" y2="164" id="linearGradient1" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="1316" gradientUnits="userSpaceOnUse" x2="1526" y1="286" y2="375" id="linearGradient2" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="973" gradientUnits="userSpaceOnUse" x2="1108" y1="75" y2="164" id="linearGradient3" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="665" gradientUnits="userSpaceOnUse" x2="793" y1="75" y2="164" id="linearGradient4" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><clipPath clipPathUnits="userSpaceOnUse" id="clipPath1"><path d="M0 -5 L3222 -5 L3222 1852 L0 1852 L0 -5 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath2"><path d="M154.7634 27.7812 L1152.0482 1267.4198 L446.1321 1835.3268 L-551.1528 595.6882 L154.7634 27.7812 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath3"><path d="M0 -3 L1611 -3 L1611 926 L0 926 L0 -3 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath4"><path d="M-768 -70 L2454 -70 L2454 1788 L-768 1788 L-768 -70 Z"/></clipPath></defs><g fill="white" stroke="white"><rect x="0" width="3222" height="1857" y="-5" clip-path="url(#clipPath1)" stroke="none"/></g><g text-rendering="geometricPrecision" font-size="30" font-family="'Noto Sans'" transform="matrix(2,0,0,2,-0,0)" stroke-linecap="butt" stroke-linejoin="round"><rect x="199" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="227" height="89" stroke="none"/><rect x="196" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient1)" width="227" height="89" stroke="none"/><rect x="196" y="75" clip-path="url(#clipPath3)" fill="none" width="227" height="89" stroke="rgb(61,102,82)"/><text x="271" space="preserve" y="110.07" clip-path="url(#clipPath3)" font-weight="bold" stroke="none">ENV -</text><text x="204" space="preserve" y="150.9299" clip-path="url(#clipPath3)" font-weight="bold" stroke="none">WebExtension</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="889" fill="none" x1="309" clip-path="url(#clipPath3)" x2="309" y1="164"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="304" width="10" height="341" y="221" clip-path="url(#clipPath3)" stroke="none"/><rect x="304" y="221" clip-path="url(#clipPath3)" fill="none" width="10" height="341" stroke="rgb(61,102,82)"/><rect x="304" y="562" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="976" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="135" height="89" stroke="none"/><rect x="973" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient3)" width="135" height="89" stroke="none"/><rect x="973" y="75" clip-path="url(#clipPath3)" fill="none" width="135" height="89" stroke="rgb(61,102,82)"/><text fill="black" x="981" space="preserve" y="110.07" clip-path="url(#clipPath3)" stroke="none">Content</text><text fill="black" x="985.5" space="preserve" y="150.9299" clip-path="url(#clipPath3)" stroke="none">Process</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="889" fill="none" x1="1040" clip-path="url(#clipPath3)" x2="1040" y1="164"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="668" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="128" height="89" stroke="none"/><rect x="665" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient4)" width="128" height="89" stroke="none"/><rect x="665" y="75" clip-path="url(#clipPath3)" fill="none" width="128" height="89" stroke="rgb(61,102,82)"/><text fill="black" x="694.5" space="preserve" y="110.07" clip-path="url(#clipPath3)" stroke="none">Main</text><text fill="black" x="674" space="preserve" y="150.9299" clip-path="url(#clipPath3)" stroke="none">Process</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="889" fill="none" x1="729" clip-path="url(#clipPath3)" x2="729" y1="164"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="724" width="10" height="35" y="221" clip-path="url(#clipPath3)" stroke="none"/><rect x="724" y="221" clip-path="url(#clipPath3)" fill="none" width="10" height="35" stroke="rgb(61,102,82)"/><polygon fill="rgb(66,66,66)" clip-path="url(#clipPath3)" points=" 701 209 724 221 701 233" stroke="none"/><polygon fill="none" clip-path="url(#clipPath3)" points=" 701 209 724 221 701 233" stroke="rgb(66,66,66)"/><path fill="none" d="M724 221 L314 221" clip-path="url(#clipPath3)" stroke="rgb(66,66,66)"/><text x="450" y="200.07" clip-path="url(#clipPath3)" fill="black" stroke="none" font-weight="normal" space="preserve">Registration</text><text x="416" y="200.07" clip-path="url(#clipPath3)" fill="black" stroke="none" font-weight="normal" space="preserve">1: </text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,-0,0)" fill="rgb(66,66,66)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="10" stroke="rgb(66,66,66)"><path fill="none" stroke-dasharray="none" d="M337 268 L314 256 L337 244" clip-path="url(#clipPath3)"/><path fill="none" d="M314 256 L724 256" clip-path="url(#clipPath3)"/></g></g></svg>
    \ No newline at end of file
    writing/figures/wide/LibreOffice Impress.odp deleted 100644 → 0
    + 0
    − 0
    View file @ 98082bff
    File deleted
    writing/figures/wide/MessageCapture.png 0 → 100644
    + 0
    − 0
    View file @ d37db1cd
    writing/figures/wide/MessageCapture.png

    408 KiB

    writing/figures/wide/MessageCapture.svg
    + 3
    − 325
    View file @ d37db1cd
    This diff is collapsed.
    writing/figures/wide/MessageCapture1.png 0 → 100644
    + 0
    − 0
    View file @ d37db1cd
    writing/figures/wide/MessageCapture1.png

    349 KiB

    writing/figures/wide/MessageCapture1.svg 0 → 100644
    + 4
    − 0
    View file @ d37db1cd
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    <svg fill-opacity="1" xmlns:xlink="http://www.w3.org/1999/xlink" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="38.479166666666664in" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" viewBox="0 0 3694 2522" height="26.270833333333332in" xmlns="http://www.w3.org/2000/svg" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12" stroke-dashoffset="0" image-rendering="auto"><!--Generated by the Batik Graphics2D SVG Generator
    This is MagicDraw diagram.--><defs id="genericDefs"/><g><defs id="defs1"><linearGradient x1="203" gradientUnits="userSpaceOnUse" x2="486" y1="75" y2="124" id="linearGradient1" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="1540" gradientUnits="userSpaceOnUse" x2="1812" y1="404" y2="453" id="linearGradient2" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="1106" gradientUnits="userSpaceOnUse" x2="1353" y1="482" y2="531" id="linearGradient3" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="651" gradientUnits="userSpaceOnUse" x2="861" y1="75" y2="124" id="linearGradient4" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><clipPath clipPathUnits="userSpaceOnUse" id="clipPath1"><path d="M0 -5 L3694 -5 L3694 2522 L0 2522 L0 -5 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath2"><path d="M-66.426 194.7661 L1587.9092 -580.5428 L2114.5422 543.1736 L460.207 1318.4827 L-66.426 194.7661 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath3"><path d="M0 -3 L1847 -3 L1847 1261 L0 1261 L0 -3 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath4"><path d="M-896 -70 L2798 -70 L2798 2458 L-896 2458 L-896 -70 Z"/></clipPath></defs><g fill="white" stroke="white"><rect x="0" width="3694" height="2527" y="-5" clip-path="url(#clipPath1)" stroke="none"/></g><g text-rendering="geometricPrecision" font-size="30" font-family="'Noto Sans'" transform="matrix(2,0,0,2,0,0)" stroke-linecap="butt" stroke-linejoin="round"><rect x="206" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="283" height="49" stroke="none"/><rect x="203" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient1)" width="283" height="49" stroke="none"/><rect x="203" y="75" clip-path="url(#clipPath3)" fill="none" width="283" height="49" stroke="rgb(61,102,82)"/><text x="211.5" space="preserve" y="110.07" clip-path="url(#clipPath3)" font-weight="bold" stroke="none">BackgroundScript</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="1226" fill="none" x1="344" clip-path="url(#clipPath3)" x2="344" y1="124"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="339" width="10" height="60" y="895" clip-path="url(#clipPath3)" stroke="none"/><rect x="339" y="895" clip-path="url(#clipPath3)" fill="none" width="10" height="60" stroke="rgb(61,102,82)"/><rect x="339" width="10" height="77" y="270" clip-path="url(#clipPath3)" stroke="none"/><rect x="339" y="270" clip-path="url(#clipPath3)" fill="none" width="10" height="77" stroke="rgb(61,102,82)"/><rect x="339" y="347" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><rect x="1543" y="407" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="272" height="49" stroke="none"/><rect x="1540" y="404" clip-path="url(#clipPath3)" fill="url(#linearGradient2)" width="272" height="49" stroke="none"/><rect x="1540" y="404" clip-path="url(#clipPath3)" fill="none" width="272" height="49" stroke="rgb(61,102,82)"/><text fill="black" x="1548.5" space="preserve" y="439.07" clip-path="url(#clipPath3)" stroke="none">ENV-WebContent</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="1045" fill="none" x1="1676" clip-path="url(#clipPath3)" x2="1676" y1="453"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="1671" width="10" height="90" y="596" clip-path="url(#clipPath3)" stroke="none"/><rect x="1671" y="596" clip-path="url(#clipPath3)" fill="none" width="10" height="90" stroke="rgb(61,102,82)"/><rect x="1671" width="10" height="179" y="811" clip-path="url(#clipPath3)" stroke="none"/><rect x="1671" y="811" clip-path="url(#clipPath3)" fill="none" width="10" height="179" stroke="rgb(61,102,82)"/><rect x="1671" y="990" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><rect x="1109" y="485" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="247" height="49" stroke="none"/><rect x="1106" y="482" clip-path="url(#clipPath3)" fill="url(#linearGradient3)" width="247" height="49" stroke="none"/><rect x="1106" y="482" clip-path="url(#clipPath3)" fill="none" width="247" height="49" stroke="rgb(61,102,82)"/><text fill="black" x="1126.5" space="preserve" y="517.0699" clip-path="url(#clipPath3)" stroke="none">ContentScript</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="1136" fill="none" x1="1229" clip-path="url(#clipPath3)" x2="1229" y1="531"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="1224" width="10" height="362" y="578" clip-path="url(#clipPath3)" stroke="none"/><rect x="1224" y="578" clip-path="url(#clipPath3)" fill="none" width="10" height="362" stroke="rgb(61,102,82)"/><rect x="1224" y="940" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><rect x="654" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="210" height="49" stroke="none"/><rect x="651" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient4)" width="210" height="49" stroke="none"/><rect x="651" y="75" clip-path="url(#clipPath3)" fill="none" width="210" height="49" stroke="rgb(61,102,82)"/><text fill="black" x="659.5" space="preserve" y="110.07" clip-path="url(#clipPath3)" stroke="none">ENV-Browser</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="1226" fill="none" x1="756" clip-path="url(#clipPath3)" x2="756" y1="124"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="751" width="10" height="910" y="291" clip-path="url(#clipPath3)" stroke="none"/><rect x="751" y="291" clip-path="url(#clipPath3)" fill="none" width="10" height="910" stroke="rgb(61,102,82)"/><rect x="751" y="1201" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><path fill="none" d="M728 279 L751 291 L728 303" clip-path="url(#clipPath3)" stroke="rgb(66,66,66)"/><path fill="none" d="M751 291 L349 291" clip-path="url(#clipPath3)" stroke="rgb(66,66,66)"/><text x="404" y="280.07" clip-path="url(#clipPath3)" fill="black" stroke="none" font-weight="normal" space="preserve">Register Content Script</text><text x="370" y="280.07" clip-path="url(#clipPath3)" fill="black" stroke="none" font-weight="normal" space="preserve">2: </text><path fill="none" d="M28 967 L5 955 L28 943" clip-path="url(#clipPath3)" stroke="rgb(66,66,66)"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(66,66,66)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="10" stroke="rgb(66,66,66)"><path fill="none" d="M5 955 L339 955" clip-path="url(#clipPath3)"/><text x="99" y="904.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Send Data</text><text x="99" y="944.9299" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">to Aggregator</text><text x="48" y="904.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">17: </text><path fill="none" stroke-dasharray="none" d="M28 359 L5 347 L28 335" clip-path="url(#clipPath3)"/><path fill="none" d="M5 347 L339 347" clip-path="url(#clipPath3)"/><text x="97" y="336.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Startup done</text><text x="63" y="336.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">4: </text><path fill="none" stroke-dasharray="none" d="M1257 886 L1234 874 L1257 862" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M1234 874 L1671 874" clip-path="url(#clipPath3)"/><text x="1326" y="863.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Call wrapped WebAPI</text><text x="1275" y="863.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">14: </text><path fill="none" stroke-dasharray="none" d="M1257 698 L1234 686 L1257 674" clip-path="url(#clipPath3)"/><path fill="none" d="M1234 686 L1671 686" clip-path="url(#clipPath3)"/><text x="1318" y="675.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Wrapping Complete</text><text x="1267" y="675.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">10: </text><path fill="none" stroke-dasharray="none" d="M372 907 L349 895 L372 883" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M349 895 L1224 895" clip-path="url(#clipPath3)"/><text x="821" y="884.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">runtime.SendMessage</text><text x="770" y="884.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">15: </text><polygon stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 1648 584 1671 596 1648 608" stroke="none"/><polygon fill="none" stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 1648 584 1671 596 1648 608"/><path fill="none" stroke-dasharray="none" d="M1671 596 L1234 596" clip-path="url(#clipPath3)"/><text x="1313" y="585.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Inject Wrapping Script</text><text x="1279" y="585.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">9: </text><path fill="none" stroke-dasharray="none" d="M1648 928 L1671 940 L1648 952" clip-path="url(#clipPath3)"/><path fill="none" d="M1671 940 L1234 940" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M784 709 L761 697 L784 685" clip-path="url(#clipPath3)"/><path fill="none" d="M761 697 L1224 697" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M1517 416 L1540 428 L1517 440" clip-path="url(#clipPath3)"/><path fill="none" d="M1540 428 L761 428" clip-path="url(#clipPath3)"/><text x="1090" y="417.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Create Tab</text><text x="1056" y="417.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">6: </text><path fill="none" stroke-dasharray="none" d="M1083 494 L1106 506 L1083 518" clip-path="url(#clipPath3)"/><path fill="none" d="M1106 506 L761 506" clip-path="url(#clipPath3)"/><text x="811" y="495.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Instantiate Script</text><text x="777" y="495.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">7: </text><path fill="none" stroke-dasharray="none" d="M372 317 L349 305 L372 293" clip-path="url(#clipPath3)"/><path fill="none" d="M349 305 L751 305" clip-path="url(#clipPath3)"/><polygon stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 1201 566 1224 578 1201 590" stroke="none"/><polygon fill="none" stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 1201 566 1224 578 1201 590"/><path fill="none" stroke-dasharray="none" d="M1224 578 L761 578" clip-path="url(#clipPath3)"/><text x="811" y="557.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Activate</text><text x="777" y="557.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">8: </text><path fill="none" stroke-dasharray="none" d="M28 743 L5 731 L28 719" clip-path="url(#clipPath3)"/><path fill="none" d="M5 731 L751 731" clip-path="url(#clipPath3)"/><text x="492" y="709.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Tab Opened</text><text x="441" y="709.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">12: </text><path fill="none" stroke-dasharray="none" d="M1648 799 L1671 811 L1648 823" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M1671 811 L761 811" clip-path="url(#clipPath3)"/><text x="821" y="794.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Start WebContent Execution</text><text x="770" y="794.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">13: </text><path fill="none" stroke-dasharray="none" d="M728 384 L751 396 L728 408" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M751 396 L5 396" clip-path="url(#clipPath3)"/><text x="402" y="375.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Visit Website</text><text x="368" y="375.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">5: </text><polygon stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 316 258 339 270 316 282" stroke="none"/><polygon fill="none" stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 316 258 339 270 316 282"/><path fill="none" stroke-dasharray="none" d="M339 270 L5 270" clip-path="url(#clipPath3)"/><text x="54" y="219.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Send JS Instrument</text><text x="54" y="259.9299" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Configuration</text><text x="20" y="219.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">1: </text></g></g></svg>
    \ No newline at end of file
    writing/figures/wide/MessageCapture2.png 0 → 100644
    + 0
    − 0
    View file @ d37db1cd
    writing/figures/wide/MessageCapture2.png

    287 KiB

    writing/figures/wide/MessageCapture2.svg 0 → 100644
    + 4
    − 0
    View file @ d37db1cd
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    <svg fill-opacity="1" xmlns:xlink="http://www.w3.org/1999/xlink" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="38.479166666666664in" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" viewBox="0 0 3694 2522" height="26.270833333333332in" xmlns="http://www.w3.org/2000/svg" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12" stroke-dashoffset="0" image-rendering="auto"><!--Generated by the Batik Graphics2D SVG Generator
    This is MagicDraw diagram.--><defs id="genericDefs"/><g><defs id="defs1"><linearGradient x1="203" gradientUnits="userSpaceOnUse" x2="486" y1="75" y2="124" id="linearGradient1" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="1540" gradientUnits="userSpaceOnUse" x2="1812" y1="404" y2="453" id="linearGradient2" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="1106" gradientUnits="userSpaceOnUse" x2="1353" y1="482" y2="531" id="linearGradient3" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="651" gradientUnits="userSpaceOnUse" x2="861" y1="75" y2="124" id="linearGradient4" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><clipPath clipPathUnits="userSpaceOnUse" id="clipPath1"><path d="M0 -5 L3694 -5 L3694 2522 L0 2522 L0 -5 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath2"><path d="M-66.426 194.7661 L1587.9092 -580.5428 L2114.5422 543.1736 L460.207 1318.4827 L-66.426 194.7661 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath3"><path d="M0 -3 L1847 -3 L1847 1261 L0 1261 L0 -3 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath4"><path d="M-896 -70 L2798 -70 L2798 2458 L-896 2458 L-896 -70 Z"/></clipPath></defs><g fill="white" stroke="white"><rect x="0" width="3694" height="2527" y="-5" clip-path="url(#clipPath1)" stroke="none"/></g><g text-rendering="geometricPrecision" font-size="30" font-family="'Noto Sans'" transform="matrix(2,0,0,2,0,0)" stroke-linecap="butt" stroke-linejoin="round"><rect x="206" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="283" height="49" stroke="none"/><rect x="203" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient1)" width="283" height="49" stroke="none"/><rect x="203" y="75" clip-path="url(#clipPath3)" fill="none" width="283" height="49" stroke="rgb(61,102,82)"/><text x="211.5" space="preserve" y="110.07" clip-path="url(#clipPath3)" font-weight="bold" stroke="none">BackgroundScript</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="1226" fill="none" x1="344" clip-path="url(#clipPath3)" x2="344" y1="124"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="339" width="10" height="77" y="270" clip-path="url(#clipPath3)" stroke="none"/><rect x="339" y="270" clip-path="url(#clipPath3)" fill="none" width="10" height="77" stroke="rgb(61,102,82)"/><rect x="339" y="347" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><rect x="1543" y="407" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="272" height="49" stroke="none"/><rect x="1540" y="404" clip-path="url(#clipPath3)" fill="url(#linearGradient2)" width="272" height="49" stroke="none"/><rect x="1540" y="404" clip-path="url(#clipPath3)" fill="none" width="272" height="49" stroke="rgb(61,102,82)"/><text fill="black" x="1548.5" space="preserve" y="439.07" clip-path="url(#clipPath3)" stroke="none">ENV-WebContent</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="1045" fill="none" x1="1676" clip-path="url(#clipPath3)" x2="1676" y1="453"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="1671" width="10" height="90" y="596" clip-path="url(#clipPath3)" stroke="none"/><rect x="1671" y="596" clip-path="url(#clipPath3)" fill="none" width="10" height="90" stroke="rgb(61,102,82)"/><rect x="1671" width="10" height="179" y="811" clip-path="url(#clipPath3)" stroke="none"/><rect x="1671" y="811" clip-path="url(#clipPath3)" fill="none" width="10" height="179" stroke="rgb(61,102,82)"/><rect x="1671" y="990" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><rect x="1109" y="485" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="247" height="49" stroke="none"/><rect x="1106" y="482" clip-path="url(#clipPath3)" fill="url(#linearGradient3)" width="247" height="49" stroke="none"/><rect x="1106" y="482" clip-path="url(#clipPath3)" fill="none" width="247" height="49" stroke="rgb(61,102,82)"/><text fill="black" x="1126.5" space="preserve" y="517.0699" clip-path="url(#clipPath3)" stroke="none">ContentScript</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="1136" fill="none" x1="1229" clip-path="url(#clipPath3)" x2="1229" y1="531"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="1224" width="10" height="362" y="578" clip-path="url(#clipPath3)" stroke="none"/><rect x="1224" y="578" clip-path="url(#clipPath3)" fill="none" width="10" height="362" stroke="rgb(61,102,82)"/><rect x="1224" y="940" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><rect x="654" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="210" height="49" stroke="none"/><rect x="651" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient4)" width="210" height="49" stroke="none"/><rect x="651" y="75" clip-path="url(#clipPath3)" fill="none" width="210" height="49" stroke="rgb(61,102,82)"/><text fill="black" x="659.5" space="preserve" y="110.07" clip-path="url(#clipPath3)" stroke="none">ENV-Browser</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="1226" fill="none" x1="756" clip-path="url(#clipPath3)" x2="756" y1="124"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="751" width="10" height="910" y="291" clip-path="url(#clipPath3)" stroke="none"/><rect x="751" y="291" clip-path="url(#clipPath3)" fill="none" width="10" height="910" stroke="rgb(61,102,82)"/><rect x="751" y="1201" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><path fill="none" d="M728 279 L751 291 L728 303" clip-path="url(#clipPath3)" stroke="rgb(66,66,66)"/><path fill="none" d="M751 291 L349 291" clip-path="url(#clipPath3)" stroke="rgb(66,66,66)"/><text x="404" y="280.07" clip-path="url(#clipPath3)" fill="black" stroke="none" font-weight="normal" space="preserve">Register Content Script</text><text x="370" y="280.07" clip-path="url(#clipPath3)" fill="black" stroke="none" font-weight="normal" space="preserve">2: </text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(66,66,66)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="10" stroke="rgb(66,66,66)"><path fill="none" stroke-dasharray="none" d="M28 359 L5 347 L28 335" clip-path="url(#clipPath3)"/><path fill="none" d="M5 347 L339 347" clip-path="url(#clipPath3)"/><text x="97" y="336.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Startup done</text><text x="63" y="336.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">4: </text><path fill="none" stroke-dasharray="none" d="M1257 698 L1234 686 L1257 674" clip-path="url(#clipPath3)"/><path fill="none" d="M1234 686 L1671 686" clip-path="url(#clipPath3)"/><text x="1318" y="675.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Wrapping Complete</text><text x="1267" y="675.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">10: </text><path fill="none" stroke-dasharray="none" clip-path="url(#clipPath3)"/><polygon stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 1648 584 1671 596 1648 608" stroke="none"/><polygon fill="none" stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 1648 584 1671 596 1648 608"/><path fill="none" stroke-dasharray="none" d="M1671 596 L1234 596" clip-path="url(#clipPath3)"/><text x="1313" y="585.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Inject Wrapping Script</text><text x="1279" y="585.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">9: </text><path fill="none" stroke-dasharray="none" d="M784 709 L761 697 L784 685" clip-path="url(#clipPath3)"/><path fill="none" d="M761 697 L1224 697" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M1517 416 L1540 428 L1517 440" clip-path="url(#clipPath3)"/><path fill="none" d="M1540 428 L761 428" clip-path="url(#clipPath3)"/><text x="1090" y="417.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Create Tab</text><text x="1056" y="417.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">6: </text><path fill="none" stroke-dasharray="none" d="M1083 494 L1106 506 L1083 518" clip-path="url(#clipPath3)"/><path fill="none" d="M1106 506 L761 506" clip-path="url(#clipPath3)"/><text x="811" y="495.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Instantiate Script</text><text x="777" y="495.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">7: </text><path fill="none" stroke-dasharray="none" d="M372 317 L349 305 L372 293" clip-path="url(#clipPath3)"/><path fill="none" d="M349 305 L751 305" clip-path="url(#clipPath3)"/><polygon stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 1201 566 1224 578 1201 590" stroke="none"/><polygon fill="none" stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 1201 566 1224 578 1201 590"/><path fill="none" stroke-dasharray="none" d="M1224 578 L761 578" clip-path="url(#clipPath3)"/><text x="811" y="557.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Activate</text><text x="777" y="557.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">8: </text><path fill="none" stroke-dasharray="none" d="M28 743 L5 731 L28 719" clip-path="url(#clipPath3)"/><path fill="none" d="M5 731 L751 731" clip-path="url(#clipPath3)"/><text x="492" y="709.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Tab Opened</text><text x="441" y="709.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">12: </text><path fill="none" stroke-dasharray="none" d="M1648 799 L1671 811 L1648 823" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M1671 811 L761 811" clip-path="url(#clipPath3)"/><text x="821" y="794.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Start WebContent Execution</text><text x="770" y="794.0699" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">13: </text><path fill="none" stroke-dasharray="none" d="M728 384 L751 396 L728 408" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M751 396 L5 396" clip-path="url(#clipPath3)"/><text x="402" y="375.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Visit Website</text><text x="368" y="375.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">5: </text><polygon stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 316 258 339 270 316 282" stroke="none"/><polygon fill="none" stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 316 258 339 270 316 282"/><path fill="none" stroke-dasharray="none" d="M339 270 L5 270" clip-path="url(#clipPath3)"/><text x="54" y="219.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Send JS Instrument</text><text x="54" y="259.9299" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Configuration</text><text x="20" y="219.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">1: </text></g></g></svg>
    \ No newline at end of file
    writing/figures/wide/MessageCapture3.png 0 → 100644
    + 0
    − 0
    View file @ d37db1cd
    writing/figures/wide/MessageCapture3.png

    174 KiB

    writing/figures/wide/MessageCapture3.svg 0 → 100644
    + 4
    − 0
    View file @ d37db1cd
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    <svg fill-opacity="1" xmlns:xlink="http://www.w3.org/1999/xlink" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="38.479166666666664in" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" viewBox="0 0 3694 2522" height="26.270833333333332in" xmlns="http://www.w3.org/2000/svg" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12" stroke-dashoffset="0" image-rendering="auto"><!--Generated by the Batik Graphics2D SVG Generator
    This is MagicDraw diagram.--><defs id="genericDefs"/><g><defs id="defs1"><linearGradient x1="203" gradientUnits="userSpaceOnUse" x2="486" y1="75" y2="124" id="linearGradient1" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="1540" gradientUnits="userSpaceOnUse" x2="1812" y1="404" y2="453" id="linearGradient2" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="1106" gradientUnits="userSpaceOnUse" x2="1353" y1="482" y2="531" id="linearGradient3" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><linearGradient x1="651" gradientUnits="userSpaceOnUse" x2="861" y1="75" y2="124" id="linearGradient4" spreadMethod="pad"><stop stop-opacity="1" stop-color="rgb(194,227,211)" offset="0%"/><stop stop-opacity="1" stop-color="white" offset="100%"/></linearGradient><clipPath clipPathUnits="userSpaceOnUse" id="clipPath1"><path d="M0 -5 L3694 -5 L3694 2522 L0 2522 L0 -5 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath2"><path d="M-66.426 194.7661 L1587.9092 -580.5428 L2114.5422 543.1736 L460.207 1318.4827 L-66.426 194.7661 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath3"><path d="M0 -3 L1847 -3 L1847 1261 L0 1261 L0 -3 Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath4"><path d="M-896 -70 L2798 -70 L2798 2458 L-896 2458 L-896 -70 Z"/></clipPath></defs><g fill="white" stroke="white"><rect x="0" width="3694" height="2527" y="-5" clip-path="url(#clipPath1)" stroke="none"/></g><g text-rendering="geometricPrecision" font-size="30" font-family="'Noto Sans'" transform="matrix(2,0,0,2,0,0)" stroke-linecap="butt" stroke-linejoin="round"><rect x="206" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="283" height="49" stroke="none"/><rect x="203" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient1)" width="283" height="49" stroke="none"/><rect x="203" y="75" clip-path="url(#clipPath3)" fill="none" width="283" height="49" stroke="rgb(61,102,82)"/><text x="211.5" space="preserve" y="110.07" clip-path="url(#clipPath3)" font-weight="bold" stroke="none">BackgroundScript</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="1226" fill="none" x1="344" clip-path="url(#clipPath3)" x2="344" y1="124"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="339" width="10" height="77" y="270" clip-path="url(#clipPath3)" stroke="none"/><rect x="339" y="270" clip-path="url(#clipPath3)" fill="none" width="10" height="77" stroke="rgb(61,102,82)"/><rect x="339" y="347" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><rect x="1543" y="407" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="272" height="49" stroke="none"/><rect x="1540" y="404" clip-path="url(#clipPath3)" fill="url(#linearGradient2)" width="272" height="49" stroke="none"/><rect x="1540" y="404" clip-path="url(#clipPath3)" fill="none" width="272" height="49" stroke="rgb(61,102,82)"/><text fill="black" x="1548.5" space="preserve" y="439.07" clip-path="url(#clipPath3)" stroke="none">ENV-WebContent</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="1045" fill="none" x1="1676" clip-path="url(#clipPath3)" x2="1676" y1="453"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="654" y="78" clip-path="url(#clipPath3)" fill="rgb(178,178,178)" width="210" height="49" stroke="none"/><rect x="651" y="75" clip-path="url(#clipPath3)" fill="url(#linearGradient4)" width="210" height="49" stroke="none"/><rect x="651" y="75" clip-path="url(#clipPath3)" fill="none" width="210" height="49" stroke="rgb(61,102,82)"/><text fill="black" x="659.5" space="preserve" y="110.07" clip-path="url(#clipPath3)" stroke="none">ENV-Browser</text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(61,102,82)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="6,4" stroke="rgb(61,102,82)" font-weight="bold" stroke-miterlimit="7"><line y2="1226" fill="none" x1="756" clip-path="url(#clipPath3)" x2="756" y1="124"/></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(194,227,211)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke="rgb(194,227,211)" font-weight="bold"><rect x="751" width="10" height="910" y="291" clip-path="url(#clipPath3)" stroke="none"/><rect x="751" y="291" clip-path="url(#clipPath3)" fill="none" width="10" height="910" stroke="rgb(61,102,82)"/><rect x="751" y="1201" clip-path="url(#clipPath3)" fill="none" width="10" height="1" stroke="rgb(61,102,82)"/><path fill="none" d="M728 279 L751 291 L728 303" clip-path="url(#clipPath3)" stroke="rgb(66,66,66)"/><path fill="none" d="M751 291 L349 291" clip-path="url(#clipPath3)" stroke="rgb(66,66,66)"/><text x="404" y="280.07" clip-path="url(#clipPath3)" fill="black" stroke="none" font-weight="normal" space="preserve">Register Content Script</text><text x="370" y="280.07" clip-path="url(#clipPath3)" fill="black" stroke="none" font-weight="normal" space="preserve">2: </text></g><g stroke-linecap="butt" font-size="30" transform="matrix(2,0,0,2,0,0)" fill="rgb(66,66,66)" text-rendering="geometricPrecision" font-family="'Noto Sans'" stroke-linejoin="round" stroke-dasharray="10" stroke="rgb(66,66,66)"><path fill="none" stroke-dasharray="none" d="M28 359 L5 347 L28 335" clip-path="url(#clipPath3)"/><path fill="none" d="M5 347 L339 347" clip-path="url(#clipPath3)"/><text x="97" y="336.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Startup done</text><text x="63" y="336.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">4: </text><path fill="none" stroke-dasharray="none" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M1517 416 L1540 428 L1517 440" clip-path="url(#clipPath3)"/><path fill="none" d="M1540 428 L761 428" clip-path="url(#clipPath3)"/><text x="1090" y="417.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Create Tab</text><text x="1056" y="417.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">6: </text><path fill="none" stroke-dasharray="none" d="M372 317 L349 305 L372 293" clip-path="url(#clipPath3)"/><path fill="none" d="M349 305 L751 305" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M728 384 L751 396 L728 408" clip-path="url(#clipPath3)"/><path fill="none" stroke-dasharray="none" d="M751 396 L5 396" clip-path="url(#clipPath3)"/><text x="402" y="375.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Visit Website</text><text x="368" y="375.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">5: </text><polygon stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 316 258 339 270 316 282" stroke="none"/><polygon fill="none" stroke-dasharray="none" clip-path="url(#clipPath3)" points=" 316 258 339 270 316 282"/><path fill="none" stroke-dasharray="none" d="M339 270 L5 270" clip-path="url(#clipPath3)"/><text x="54" y="219.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Send JS Instrument</text><text x="54" y="259.9299" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">Configuration</text><text x="20" y="219.07" clip-path="url(#clipPath3)" fill="black" stroke-dasharray="none" stroke="none" space="preserve">1: </text></g></g></svg>
    \ No newline at end of file
    0% or .
    You are about to add 0 people to the discussion. Proceed with caution.
    Finish editing this message first!
    Please register or to comment