npm - @openreplay/tracker - Versions diffs - 14.0.10-beta.2 → 14.0.11 - Mend

@openreplay/tracker 14.0.10-beta.2 → 14.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (273) hide show

package/{cjs → dist/cjs}/index.js +29 -49
package/dist/cjs/index.js.map +1 -0
package/{cjs → dist/cjs/main}/app/index.d.ts +17 -5
package/{lib → dist/cjs/main}/app/logger.d.ts +1 -0
package/{lib → dist/cjs/main}/app/messages.gen.d.ts +2 -2
package/{lib/app/nodes.d.ts → dist/cjs/main/app/nodes/index.d.ts} +14 -7
package/dist/cjs/main/app/nodes/maintainer.d.ts +28 -0
package/{lib → dist/cjs/main}/app/observer/iframe_observer.d.ts +2 -0
package/{lib → dist/cjs/main}/app/observer/iframe_offsets.d.ts +1 -1
package/{lib → dist/cjs/main}/app/observer/observer.d.ts +3 -1
package/{lib → dist/cjs/main}/app/observer/top_observer.d.ts +7 -1
package/{cjs → dist/cjs/main}/app/sanitizer.d.ts +5 -2
package/{cjs → dist/cjs/main}/app/session.d.ts +6 -3
package/{cjs → dist/cjs/main}/index.d.ts +2 -2
package/{cjs → dist/cjs/main}/modules/attributeSender.d.ts +5 -2
package/{cjs → dist/cjs/main}/modules/conditionsManager.d.ts +1 -1
package/{cjs → dist/cjs/main}/modules/tagWatcher.d.ts +8 -4
package/{lib → dist/cjs/main}/modules/userTesting/SignalManager.d.ts +2 -2
package/{lib → dist/cjs/main}/utils.d.ts +4 -3
package/dist/lib/index.js +9358 -0
package/dist/lib/index.js.map +1 -0
package/{lib → dist/lib/main}/app/index.d.ts +17 -5
package/{cjs → dist/lib/main}/app/logger.d.ts +1 -0
package/{cjs → dist/lib/main}/app/messages.gen.d.ts +2 -2
package/{cjs/app/nodes.d.ts → dist/lib/main/app/nodes/index.d.ts} +14 -7
package/dist/lib/main/app/nodes/maintainer.d.ts +28 -0
package/{cjs → dist/lib/main}/app/observer/iframe_observer.d.ts +2 -0
package/{cjs → dist/lib/main}/app/observer/iframe_offsets.d.ts +1 -1
package/{cjs → dist/lib/main}/app/observer/observer.d.ts +3 -1
package/{cjs → dist/lib/main}/app/observer/top_observer.d.ts +7 -1
package/{lib → dist/lib/main}/app/sanitizer.d.ts +5 -2
package/{lib → dist/lib/main}/app/session.d.ts +6 -3
package/{lib → dist/lib/main}/index.d.ts +2 -2
package/{lib → dist/lib/main}/modules/attributeSender.d.ts +5 -2
package/{lib → dist/lib/main}/modules/conditionsManager.d.ts +1 -1
package/{lib → dist/lib/main}/modules/tagWatcher.d.ts +8 -4
package/{cjs → dist/lib/main}/modules/userTesting/SignalManager.d.ts +2 -2
package/{cjs → dist/lib/main}/utils.d.ts +4 -3
package/package.json +31 -20
package/.eslintignore +0 -11
package/.nvmrc +0 -1
package/.prettierignore +0 -1
package/CHANGELOG.md +0 -297
package/bun.lockb +0 -0
package/cjs/app/canvas.js +0 -204
package/cjs/app/guards.js +0 -37
package/cjs/app/index.js +0 -1397
package/cjs/app/logger.js +0 -37
package/cjs/app/messages.gen.js +0 -702
package/cjs/app/nodes.js +0 -111
package/cjs/app/observer/iframe_observer.js +0 -35
package/cjs/app/observer/iframe_offsets.js +0 -56
package/cjs/app/observer/observer.js +0 -383
package/cjs/app/observer/shadow_root_observer.js +0 -24
package/cjs/app/observer/top_observer.js +0 -134
package/cjs/app/sanitizer.js +0 -82
package/cjs/app/session.js +0 -140
package/cjs/app/ticker.js +0 -48
package/cjs/common/interaction.js +0 -2
package/cjs/common/messages.gen.js +0 -4
package/cjs/modules/attributeSender.js +0 -51
package/cjs/modules/axiosSpy.js +0 -122
package/cjs/modules/conditionsManager.js +0 -343
package/cjs/modules/connection.js +0 -15
package/cjs/modules/console.js +0 -127
package/cjs/modules/constructedStyleSheets.js +0 -138
package/cjs/modules/cssrules.js +0 -99
package/cjs/modules/exception.js +0 -85
package/cjs/modules/featureFlags.js +0 -89
package/cjs/modules/focus.js +0 -45
package/cjs/modules/fonts.js +0 -57
package/cjs/modules/img.js +0 -110
package/cjs/modules/input.js +0 -203
package/cjs/modules/mouse.js +0 -195
package/cjs/modules/network.js +0 -244
package/cjs/modules/performance.js +0 -53
package/cjs/modules/scroll.js +0 -84
package/cjs/modules/selection.js +0 -37
package/cjs/modules/tabs.js +0 -13
package/cjs/modules/tagWatcher.js +0 -76
package/cjs/modules/timing.js +0 -173
package/cjs/modules/userTesting/SignalManager.js +0 -83
package/cjs/modules/userTesting/dnd.js +0 -40
package/cjs/modules/userTesting/index.js +0 -464
package/cjs/modules/userTesting/recorder.js +0 -101
package/cjs/modules/userTesting/styles.js +0 -266
package/cjs/modules/userTesting/utils.js +0 -87
package/cjs/modules/viewport.js +0 -43
package/cjs/package.json +0 -1
package/cjs/utils.js +0 -249
package/coverage/clover.xml +0 -4304
package/coverage/coverage-final.json +0 -55
package/coverage/lcov-report/base.css +0 -224
package/coverage/lcov-report/block-navigation.js +0 -87
package/coverage/lcov-report/favicon.png +0 -0
package/coverage/lcov-report/index.html +0 -206
package/coverage/lcov-report/main/app/canvas.ts.html +0 -712
package/coverage/lcov-report/main/app/guards.ts.html +0 -232
package/coverage/lcov-report/main/app/index.html +0 -236
package/coverage/lcov-report/main/app/index.ts.html +0 -3955
package/coverage/lcov-report/main/app/logger.ts.html +0 -211
package/coverage/lcov-report/main/app/messages.gen.ts.html +0 -3034
package/coverage/lcov-report/main/app/nodes.ts.html +0 -406
package/coverage/lcov-report/main/app/observer/iframe_observer.ts.html +0 -148
package/coverage/lcov-report/main/app/observer/iframe_offsets.ts.html +0 -289
package/coverage/lcov-report/main/app/observer/index.html +0 -161
package/coverage/lcov-report/main/app/observer/shadow_root_observer.ts.html +0 -142
package/coverage/lcov-report/main/app/observer/top_observer.ts.html +0 -541
package/coverage/lcov-report/main/app/sanitizer.ts.html +0 -403
package/coverage/lcov-report/main/app/session.ts.html +0 -622
package/coverage/lcov-report/main/app/ticker.ts.html +0 -250
package/coverage/lcov-report/main/index.html +0 -131
package/coverage/lcov-report/main/index.ts.html +0 -1597
package/coverage/lcov-report/main/modules/Network/beaconProxy.ts.html +0 -400
package/coverage/lcov-report/main/modules/Network/fetchProxy.ts.html +0 -1075
package/coverage/lcov-report/main/modules/Network/index.html +0 -191
package/coverage/lcov-report/main/modules/Network/index.ts.html +0 -244
package/coverage/lcov-report/main/modules/Network/networkMessage.ts.html +0 -400
package/coverage/lcov-report/main/modules/Network/utils.ts.html +0 -709
package/coverage/lcov-report/main/modules/Network/xhrProxy.ts.html +0 -877
package/coverage/lcov-report/main/modules/attributeSender.ts.html +0 -241
package/coverage/lcov-report/main/modules/axiosSpy.ts.html +0 -709
package/coverage/lcov-report/main/modules/conditionsManager.ts.html +0 -1381
package/coverage/lcov-report/main/modules/connection.ts.html +0 -160
package/coverage/lcov-report/main/modules/console.ts.html +0 -541
package/coverage/lcov-report/main/modules/constructedStyleSheets.ts.html +0 -571
package/coverage/lcov-report/main/modules/cssrules.ts.html +0 -418
package/coverage/lcov-report/main/modules/exception.ts.html +0 -385
package/coverage/lcov-report/main/modules/featureFlags.ts.html +0 -415
package/coverage/lcov-report/main/modules/focus.ts.html +0 -220
package/coverage/lcov-report/main/modules/fonts.ts.html +0 -289
package/coverage/lcov-report/main/modules/img.ts.html +0 -436
package/coverage/lcov-report/main/modules/index.html +0 -431
package/coverage/lcov-report/main/modules/input.ts.html +0 -826
package/coverage/lcov-report/main/modules/mouse.ts.html +0 -826
package/coverage/lcov-report/main/modules/network.ts.html +0 -1123
package/coverage/lcov-report/main/modules/performance.ts.html +0 -367
package/coverage/lcov-report/main/modules/scroll.ts.html +0 -364
package/coverage/lcov-report/main/modules/selection.ts.html +0 -202
package/coverage/lcov-report/main/modules/tabs.ts.html +0 -124
package/coverage/lcov-report/main/modules/tagWatcher.ts.html +0 -337
package/coverage/lcov-report/main/modules/timing.ts.html +0 -877
package/coverage/lcov-report/main/modules/userTesting/SignalManager.ts.html +0 -370
package/coverage/lcov-report/main/modules/userTesting/dnd.ts.html +0 -220
package/coverage/lcov-report/main/modules/userTesting/index.html +0 -191
package/coverage/lcov-report/main/modules/userTesting/index.ts.html +0 -1909
package/coverage/lcov-report/main/modules/userTesting/recorder.ts.html +0 -430
package/coverage/lcov-report/main/modules/userTesting/styles.ts.html +0 -937
package/coverage/lcov-report/main/modules/userTesting/utils.ts.html +0 -364
package/coverage/lcov-report/main/modules/viewport.ts.html +0 -250
package/coverage/lcov-report/main/utils.ts.html +0 -814
package/coverage/lcov-report/prettify.css +0 -1
package/coverage/lcov-report/prettify.js +0 -2
package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
package/coverage/lcov-report/sorter.js +0 -196
package/coverage/lcov-report/webworker/BatchWriter.ts.html +0 -499
package/coverage/lcov-report/webworker/MessageEncoder.gen.ts.html +0 -1021
package/coverage/lcov-report/webworker/PrimitiveEncoder.ts.html +0 -436
package/coverage/lcov-report/webworker/QueueSender.ts.html +0 -547
package/coverage/lcov-report/webworker/index.html +0 -176
package/coverage/lcov-report/webworker/index.ts.html +0 -667
package/coverage/lcov.info +0 -8425
package/jest.config.js +0 -13
package/lib/app/canvas.js +0 -202
package/lib/app/guards.js +0 -26
package/lib/app/index.js +0 -1367
package/lib/app/logger.js +0 -33
package/lib/app/messages.gen.js +0 -622
package/lib/app/nodes.js +0 -108
package/lib/app/observer/iframe_observer.js +0 -29
package/lib/app/observer/iframe_offsets.js +0 -53
package/lib/app/observer/observer.js +0 -380
package/lib/app/observer/shadow_root_observer.js +0 -18
package/lib/app/observer/top_observer.js +0 -128
package/lib/app/sanitizer.js +0 -77
package/lib/app/session.js +0 -137
package/lib/app/ticker.js +0 -45
package/lib/common/interaction.js +0 -1
package/lib/common/messages.gen.js +0 -3
package/lib/common/tsconfig.tsbuildinfo +0 -1
package/lib/index.js +0 -423
package/lib/modules/attributeSender.js +0 -46
package/lib/modules/axiosSpy.js +0 -119
package/lib/modules/conditionsManager.js +0 -340
package/lib/modules/connection.js +0 -12
package/lib/modules/console.js +0 -124
package/lib/modules/constructedStyleSheets.js +0 -133
package/lib/modules/cssrules.js +0 -97
package/lib/modules/exception.js +0 -76
package/lib/modules/featureFlags.js +0 -86
package/lib/modules/focus.js +0 -42
package/lib/modules/fonts.js +0 -54
package/lib/modules/img.js +0 -107
package/lib/modules/input.js +0 -198
package/lib/modules/mouse.js +0 -192
package/lib/modules/network.js +0 -238
package/lib/modules/performance.js +0 -49
package/lib/modules/scroll.js +0 -81
package/lib/modules/selection.js +0 -35
package/lib/modules/tabs.js +0 -10
package/lib/modules/tagWatcher.js +0 -73
package/lib/modules/timing.js +0 -170
package/lib/modules/userTesting/SignalManager.js +0 -80
package/lib/modules/userTesting/dnd.js +0 -37
package/lib/modules/userTesting/index.js +0 -435
package/lib/modules/userTesting/recorder.js +0 -97
package/lib/modules/userTesting/styles.js +0 -263
package/lib/modules/userTesting/utils.js +0 -79
package/lib/modules/viewport.js +0 -40
package/lib/utils.js +0 -230
package/rollup.config.js +0 -12
package/scripts/checkver.cjs +0 -7
package/tsconfig-base.json +0 -16
/package/{cjs → dist/cjs}/common/interaction.d.ts +0 -0
/package/{cjs → dist/cjs}/common/messages.gen.d.ts +0 -0
/package/{cjs → dist/cjs/main}/app/canvas.d.ts +0 -0
/package/{cjs → dist/cjs/main}/app/guards.d.ts +0 -0
/package/{cjs → dist/cjs/main}/app/observer/shadow_root_observer.d.ts +0 -0
/package/{cjs → dist/cjs/main}/app/ticker.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/axiosSpy.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/connection.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/console.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/constructedStyleSheets.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/cssrules.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/exception.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/featureFlags.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/focus.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/fonts.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/img.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/input.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/mouse.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/network.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/performance.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/scroll.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/selection.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/tabs.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/timing.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/userTesting/dnd.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/userTesting/index.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/userTesting/recorder.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/userTesting/styles.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/userTesting/utils.d.ts +0 -0
/package/{cjs → dist/cjs/main}/modules/viewport.d.ts +0 -0
/package/{lib → dist/lib}/common/interaction.d.ts +0 -0
/package/{lib → dist/lib}/common/messages.gen.d.ts +0 -0
/package/{lib → dist/lib/main}/app/canvas.d.ts +0 -0
/package/{lib → dist/lib/main}/app/guards.d.ts +0 -0
/package/{lib → dist/lib/main}/app/observer/shadow_root_observer.d.ts +0 -0
/package/{lib → dist/lib/main}/app/ticker.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/axiosSpy.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/connection.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/console.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/constructedStyleSheets.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/cssrules.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/exception.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/featureFlags.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/focus.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/fonts.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/img.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/input.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/mouse.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/network.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/performance.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/scroll.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/selection.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/tabs.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/timing.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/userTesting/dnd.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/userTesting/index.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/userTesting/recorder.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/userTesting/styles.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/userTesting/utils.d.ts +0 -0
/package/{lib → dist/lib/main}/modules/viewport.d.ts +0 -0

package/coverage/lcov-report/main/app/canvas.ts.html DELETED Viewed

@@ -1,712 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>Code coverage report for main/app/canvas.ts</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="../../prettify.css" />
-    <link rel="stylesheet" href="../../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(../../sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="../../index.html">All files</a> / <a href="index.html">main/app</a> canvas.ts</h1>
-        <div class='clearfix'>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">19.38% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>19/98</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">18.18% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>8/44</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">10.52% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>2/19</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">20.21% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>19/94</span>
-            </div>
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line low'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
-<a name='L2'></a><a href='#L2'>2</a>
-<a name='L3'></a><a href='#L3'>3</a>
-<a name='L4'></a><a href='#L4'>4</a>
-<a name='L5'></a><a href='#L5'>5</a>
-<a name='L6'></a><a href='#L6'>6</a>
-<a name='L7'></a><a href='#L7'>7</a>
-<a name='L8'></a><a href='#L8'>8</a>
-<a name='L9'></a><a href='#L9'>9</a>
-<a name='L10'></a><a href='#L10'>10</a>
-<a name='L11'></a><a href='#L11'>11</a>
-<a name='L12'></a><a href='#L12'>12</a>
-<a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a>
-<a name='L15'></a><a href='#L15'>15</a>
-<a name='L16'></a><a href='#L16'>16</a>
-<a name='L17'></a><a href='#L17'>17</a>
-<a name='L18'></a><a href='#L18'>18</a>
-<a name='L19'></a><a href='#L19'>19</a>
-<a name='L20'></a><a href='#L20'>20</a>
-<a name='L21'></a><a href='#L21'>21</a>
-<a name='L22'></a><a href='#L22'>22</a>
-<a name='L23'></a><a href='#L23'>23</a>
-<a name='L24'></a><a href='#L24'>24</a>
-<a name='L25'></a><a href='#L25'>25</a>
-<a name='L26'></a><a href='#L26'>26</a>
-<a name='L27'></a><a href='#L27'>27</a>
-<a name='L28'></a><a href='#L28'>28</a>
-<a name='L29'></a><a href='#L29'>29</a>
-<a name='L30'></a><a href='#L30'>30</a>
-<a name='L31'></a><a href='#L31'>31</a>
-<a name='L32'></a><a href='#L32'>32</a>
-<a name='L33'></a><a href='#L33'>33</a>
-<a name='L34'></a><a href='#L34'>34</a>
-<a name='L35'></a><a href='#L35'>35</a>
-<a name='L36'></a><a href='#L36'>36</a>
-<a name='L37'></a><a href='#L37'>37</a>
-<a name='L38'></a><a href='#L38'>38</a>
-<a name='L39'></a><a href='#L39'>39</a>
-<a name='L40'></a><a href='#L40'>40</a>
-<a name='L41'></a><a href='#L41'>41</a>
-<a name='L42'></a><a href='#L42'>42</a>
-<a name='L43'></a><a href='#L43'>43</a>
-<a name='L44'></a><a href='#L44'>44</a>
-<a name='L45'></a><a href='#L45'>45</a>
-<a name='L46'></a><a href='#L46'>46</a>
-<a name='L47'></a><a href='#L47'>47</a>
-<a name='L48'></a><a href='#L48'>48</a>
-<a name='L49'></a><a href='#L49'>49</a>
-<a name='L50'></a><a href='#L50'>50</a>
-<a name='L51'></a><a href='#L51'>51</a>
-<a name='L52'></a><a href='#L52'>52</a>
-<a name='L53'></a><a href='#L53'>53</a>
-<a name='L54'></a><a href='#L54'>54</a>
-<a name='L55'></a><a href='#L55'>55</a>
-<a name='L56'></a><a href='#L56'>56</a>
-<a name='L57'></a><a href='#L57'>57</a>
-<a name='L58'></a><a href='#L58'>58</a>
-<a name='L59'></a><a href='#L59'>59</a>
-<a name='L60'></a><a href='#L60'>60</a>
-<a name='L61'></a><a href='#L61'>61</a>
-<a name='L62'></a><a href='#L62'>62</a>
-<a name='L63'></a><a href='#L63'>63</a>
-<a name='L64'></a><a href='#L64'>64</a>
-<a name='L65'></a><a href='#L65'>65</a>
-<a name='L66'></a><a href='#L66'>66</a>
-<a name='L67'></a><a href='#L67'>67</a>
-<a name='L68'></a><a href='#L68'>68</a>
-<a name='L69'></a><a href='#L69'>69</a>
-<a name='L70'></a><a href='#L70'>70</a>
-<a name='L71'></a><a href='#L71'>71</a>
-<a name='L72'></a><a href='#L72'>72</a>
-<a name='L73'></a><a href='#L73'>73</a>
-<a name='L74'></a><a href='#L74'>74</a>
-<a name='L75'></a><a href='#L75'>75</a>
-<a name='L76'></a><a href='#L76'>76</a>
-<a name='L77'></a><a href='#L77'>77</a>
-<a name='L78'></a><a href='#L78'>78</a>
-<a name='L79'></a><a href='#L79'>79</a>
-<a name='L80'></a><a href='#L80'>80</a>
-<a name='L81'></a><a href='#L81'>81</a>
-<a name='L82'></a><a href='#L82'>82</a>
-<a name='L83'></a><a href='#L83'>83</a>
-<a name='L84'></a><a href='#L84'>84</a>
-<a name='L85'></a><a href='#L85'>85</a>
-<a name='L86'></a><a href='#L86'>86</a>
-<a name='L87'></a><a href='#L87'>87</a>
-<a name='L88'></a><a href='#L88'>88</a>
-<a name='L89'></a><a href='#L89'>89</a>
-<a name='L90'></a><a href='#L90'>90</a>
-<a name='L91'></a><a href='#L91'>91</a>
-<a name='L92'></a><a href='#L92'>92</a>
-<a name='L93'></a><a href='#L93'>93</a>
-<a name='L94'></a><a href='#L94'>94</a>
-<a name='L95'></a><a href='#L95'>95</a>
-<a name='L96'></a><a href='#L96'>96</a>
-<a name='L97'></a><a href='#L97'>97</a>
-<a name='L98'></a><a href='#L98'>98</a>
-<a name='L99'></a><a href='#L99'>99</a>
-<a name='L100'></a><a href='#L100'>100</a>
-<a name='L101'></a><a href='#L101'>101</a>
-<a name='L102'></a><a href='#L102'>102</a>
-<a name='L103'></a><a href='#L103'>103</a>
-<a name='L104'></a><a href='#L104'>104</a>
-<a name='L105'></a><a href='#L105'>105</a>
-<a name='L106'></a><a href='#L106'>106</a>
-<a name='L107'></a><a href='#L107'>107</a>
-<a name='L108'></a><a href='#L108'>108</a>
-<a name='L109'></a><a href='#L109'>109</a>
-<a name='L110'></a><a href='#L110'>110</a>
-<a name='L111'></a><a href='#L111'>111</a>
-<a name='L112'></a><a href='#L112'>112</a>
-<a name='L113'></a><a href='#L113'>113</a>
-<a name='L114'></a><a href='#L114'>114</a>
-<a name='L115'></a><a href='#L115'>115</a>
-<a name='L116'></a><a href='#L116'>116</a>
-<a name='L117'></a><a href='#L117'>117</a>
-<a name='L118'></a><a href='#L118'>118</a>
-<a name='L119'></a><a href='#L119'>119</a>
-<a name='L120'></a><a href='#L120'>120</a>
-<a name='L121'></a><a href='#L121'>121</a>
-<a name='L122'></a><a href='#L122'>122</a>
-<a name='L123'></a><a href='#L123'>123</a>
-<a name='L124'></a><a href='#L124'>124</a>
-<a name='L125'></a><a href='#L125'>125</a>
-<a name='L126'></a><a href='#L126'>126</a>
-<a name='L127'></a><a href='#L127'>127</a>
-<a name='L128'></a><a href='#L128'>128</a>
-<a name='L129'></a><a href='#L129'>129</a>
-<a name='L130'></a><a href='#L130'>130</a>
-<a name='L131'></a><a href='#L131'>131</a>
-<a name='L132'></a><a href='#L132'>132</a>
-<a name='L133'></a><a href='#L133'>133</a>
-<a name='L134'></a><a href='#L134'>134</a>
-<a name='L135'></a><a href='#L135'>135</a>
-<a name='L136'></a><a href='#L136'>136</a>
-<a name='L137'></a><a href='#L137'>137</a>
-<a name='L138'></a><a href='#L138'>138</a>
-<a name='L139'></a><a href='#L139'>139</a>
-<a name='L140'></a><a href='#L140'>140</a>
-<a name='L141'></a><a href='#L141'>141</a>
-<a name='L142'></a><a href='#L142'>142</a>
-<a name='L143'></a><a href='#L143'>143</a>
-<a name='L144'></a><a href='#L144'>144</a>
-<a name='L145'></a><a href='#L145'>145</a>
-<a name='L146'></a><a href='#L146'>146</a>
-<a name='L147'></a><a href='#L147'>147</a>
-<a name='L148'></a><a href='#L148'>148</a>
-<a name='L149'></a><a href='#L149'>149</a>
-<a name='L150'></a><a href='#L150'>150</a>
-<a name='L151'></a><a href='#L151'>151</a>
-<a name='L152'></a><a href='#L152'>152</a>
-<a name='L153'></a><a href='#L153'>153</a>
-<a name='L154'></a><a href='#L154'>154</a>
-<a name='L155'></a><a href='#L155'>155</a>
-<a name='L156'></a><a href='#L156'>156</a>
-<a name='L157'></a><a href='#L157'>157</a>
-<a name='L158'></a><a href='#L158'>158</a>
-<a name='L159'></a><a href='#L159'>159</a>
-<a name='L160'></a><a href='#L160'>160</a>
-<a name='L161'></a><a href='#L161'>161</a>
-<a name='L162'></a><a href='#L162'>162</a>
-<a name='L163'></a><a href='#L163'>163</a>
-<a name='L164'></a><a href='#L164'>164</a>
-<a name='L165'></a><a href='#L165'>165</a>
-<a name='L166'></a><a href='#L166'>166</a>
-<a name='L167'></a><a href='#L167'>167</a>
-<a name='L168'></a><a href='#L168'>168</a>
-<a name='L169'></a><a href='#L169'>169</a>
-<a name='L170'></a><a href='#L170'>170</a>
-<a name='L171'></a><a href='#L171'>171</a>
-<a name='L172'></a><a href='#L172'>172</a>
-<a name='L173'></a><a href='#L173'>173</a>
-<a name='L174'></a><a href='#L174'>174</a>
-<a name='L175'></a><a href='#L175'>175</a>
-<a name='L176'></a><a href='#L176'>176</a>
-<a name='L177'></a><a href='#L177'>177</a>
-<a name='L178'></a><a href='#L178'>178</a>
-<a name='L179'></a><a href='#L179'>179</a>
-<a name='L180'></a><a href='#L180'>180</a>
-<a name='L181'></a><a href='#L181'>181</a>
-<a name='L182'></a><a href='#L182'>182</a>
-<a name='L183'></a><a href='#L183'>183</a>
-<a name='L184'></a><a href='#L184'>184</a>
-<a name='L185'></a><a href='#L185'>185</a>
-<a name='L186'></a><a href='#L186'>186</a>
-<a name='L187'></a><a href='#L187'>187</a>
-<a name='L188'></a><a href='#L188'>188</a>
-<a name='L189'></a><a href='#L189'>189</a>
-<a name='L190'></a><a href='#L190'>190</a>
-<a name='L191'></a><a href='#L191'>191</a>
-<a name='L192'></a><a href='#L192'>192</a>
-<a name='L193'></a><a href='#L193'>193</a>
-<a name='L194'></a><a href='#L194'>194</a>
-<a name='L195'></a><a href='#L195'>195</a>
-<a name='L196'></a><a href='#L196'>196</a>
-<a name='L197'></a><a href='#L197'>197</a>
-<a name='L198'></a><a href='#L198'>198</a>
-<a name='L199'></a><a href='#L199'>199</a>
-<a name='L200'></a><a href='#L200'>200</a>
-<a name='L201'></a><a href='#L201'>201</a>
-<a name='L202'></a><a href='#L202'>202</a>
-<a name='L203'></a><a href='#L203'>203</a>
-<a name='L204'></a><a href='#L204'>204</a>
-<a name='L205'></a><a href='#L205'>205</a>
-<a name='L206'></a><a href='#L206'>206</a>
-<a name='L207'></a><a href='#L207'>207</a>
-<a name='L208'></a><a href='#L208'>208</a>
-<a name='L209'></a><a href='#L209'>209</a>
-<a name='L210'></a><a href='#L210'>210</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import App from '../app/index.js'
-import { hasTag } from './guards.js'
-import Message, { CanvasNode } from './messages.gen.js'
-&nbsp;
-interface CanvasSnapshot {
-  images: { data: string; id: number }[]
-  createdAt: number
-  paused: boolean
-  dummy: HTMLCanvasElement
-}
-&nbsp;
-interface Options {
-  fps: number
-  quality: 'low' | 'medium' | 'high'
-  isDebug?: boolean
-  fixedScaling?: boolean
-}
-&nbsp;
-class CanvasRecorder {
-  private snapshots: Record&lt;number, CanvasSnapshot&gt; = {}
-  private readonly intervals: NodeJS.Timeout[] = []
-  private readonly interval: number
-&nbsp;
-  constructor(
-    private readonly app: App,
-    private readonly options: Options,
-  ) {
-    this.interval = 1000 / options.fps
-  }
-&nbsp;
-<span class="fstat-no" title="function not covered" >  startTracking(</span>) {
-<span class="cstat-no" title="statement not covered" >    setTimeout(<span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
-<span class="cstat-no" title="statement not covered" >      this.app.nodes.scanTree(this.captureCanvas)</span>
-<span class="cstat-no" title="statement not covered" >      this.app.nodes.attachNodeCallback(<span class="fstat-no" title="function not covered" >(n</span>ode: Node): void =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >        this.captureCanvas(node)</span>
-      })
-    }, 500)
-  }
-&nbsp;
-  restartTracking = <span class="fstat-no" title="function not covered" >() =</span>&gt; {
-<span class="cstat-no" title="statement not covered" >    this.clear()</span>
-<span class="cstat-no" title="statement not covered" >    this.app.nodes.scanTree(this.captureCanvas)</span>
-  }
-&nbsp;
-  captureCanvas = (node: Node) =&gt; {
-    const id = this.app.nodes.getID(node)
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (!id || !hasTag(node, 'canvas')) {
-<span class="cstat-no" title="statement not covered" >      return</span>
-    }
-&nbsp;
-    const isIgnored = this.app.sanitizer.isObscured(id) || this.app.sanitizer.isHidden(id)
-    if (isIgnored || !hasTag(node, 'canvas') || this.snapshots[id]) {
-      return
-    }
-&nbsp;
-    const observer = new IntersectionObserver(<span class="fstat-no" title="function not covered" >(e</span>ntries) =&gt; {
-<span class="cstat-no" title="statement not covered" >      entries.forEach(<span class="fstat-no" title="function not covered" >(e</span>ntry) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >        <span class="missing-if-branch" title="if path not taken" >I</span>if (entry.isIntersecting) {</span>
-<span class="cstat-no" title="statement not covered" >          if (entry.target) {</span>
-<span class="cstat-no" title="statement not covered" >            if (this.snapshots[id] &amp;&amp; this.snapshots[id].createdAt) {</span>
-<span class="cstat-no" title="statement not covered" >              this.snapshots[id].paused = false</span>
-            } else {
-<span class="cstat-no" title="statement not covered" >              this.recordCanvas(entry.target, id)</span>
-            }
-            /**
-             * We can switch this to start observing when element is in the view
-             * but otherwise right now we're just pausing when it's not
-             * just to save some bandwidth and space on backend
-             * */
-            // observer.unobserve(entry.target)
-          } else {
-<span class="cstat-no" title="statement not covered" >            <span class="missing-if-branch" title="if path not taken" >I</span>if (this.snapshots[id]) {</span>
-<span class="cstat-no" title="statement not covered" >              this.snapshots[id].paused = true</span>
-            }
-          }
-        }
-      })
-    })
-&nbsp;
-    observer.observe(node)
-  }
-&nbsp;
-  recordCanvas = <span class="fstat-no" title="function not covered" >(n</span>ode: Node, id: number) =&gt; {
-    const ts = <span class="cstat-no" title="statement not covered" >this.app.timestamp()</span>
-<span class="cstat-no" title="statement not covered" >    this.snapshots[id] = {</span>
-      images: [],
-      createdAt: ts,
-      paused: false,
-      dummy: document.createElement('canvas'),
-    }
-    const canvasMsg = <span class="cstat-no" title="statement not covered" >CanvasNode(id.toString(), ts)</span>
-<span class="cstat-no" title="statement not covered" >    this.app.send(canvasMsg as Message)</span>
-    const int = <span class="cstat-no" title="statement not covered" >setInterval(<span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
-      const cid = <span class="cstat-no" title="statement not covered" >this.app.nodes.getID(node)</span>
-      const canvas = <span class="cstat-no" title="statement not covered" >cid ? this.app.nodes.getNode(cid) : undefined</span>
-<span class="cstat-no" title="statement not covered" >      if (!canvas || !hasTag(canvas, 'canvas') || canvas !== node) {</span>
-<span class="cstat-no" title="statement not covered" >        this.app.debug.log('Canvas element not in sync')</span>
-<span class="cstat-no" title="statement not covered" >        clearInterval(int)</span>
-      } else {
-<span class="cstat-no" title="statement not covered" >        <span class="missing-if-branch" title="if path not taken" >I</span>if (!this.snapshots[id].paused) {</span>
-          const snapshot = <span class="cstat-no" title="statement not covered" >captureSnapshot(</span>
-            canvas,
-            this.options.quality,
-            this.snapshots[id].dummy,
-            this.options.fixedScaling,
-          )
-<span class="cstat-no" title="statement not covered" >          this.snapshots[id].images.push({ id: this.app.timestamp(), data: snapshot })</span>
-<span class="cstat-no" title="statement not covered" >          <span class="missing-if-branch" title="if path not taken" >I</span>if (this.snapshots[id].images.length &gt; 9) {</span>
-<span class="cstat-no" title="statement not covered" >            this.sendSnaps(this.snapshots[id].images, id, this.snapshots[id].createdAt)</span>
-<span class="cstat-no" title="statement not covered" >          this.snapshots[id].images = []</span>
-          }
-        }
-      }
-    }, this.interval)
-<span class="cstat-no" title="statement not covered" >    this.intervals.push(int)</span>
-  }
-&nbsp;
-<span class="fstat-no" title="function not covered" >  sendSnaps(</span>images: { data: string; id: number }[], canvasId: number, createdAt: number) {
-<span class="cstat-no" title="statement not covered" >    <span class="missing-if-branch" title="if path not taken" >I</span>if (Object.keys(this.snapshots).length === 0) {</span>
-<span class="cstat-no" title="statement not covered" >      return</span>
-    }
-    const formData = <span class="cstat-no" title="statement not covered" >new FormData()</span>
-<span class="cstat-no" title="statement not covered" >    images.forEach(<span class="fstat-no" title="function not covered" >(s</span>napshot) =&gt; {</span>
-      const blob = <span class="cstat-no" title="statement not covered" >dataUrlToBlob(snapshot.data)</span>
-<span class="cstat-no" title="statement not covered" >      <span class="missing-if-branch" title="if path not taken" >I</span>if (!blob) <span class="cstat-no" title="statement not covered" >return</span></span>
-<span class="cstat-no" title="statement not covered" >      formData.append('snapshot', blob[0], `${createdAt}_${canvasId}_${snapshot.id}.jpeg`)</span>
-<span class="cstat-no" title="statement not covered" >      <span class="missing-if-branch" title="if path not taken" >I</span>if (this.options.isDebug) {</span>
-<span class="cstat-no" title="statement not covered" >        saveImageData(snapshot.data, `${createdAt}_${canvasId}_${snapshot.id}.jpeg`)</span>
-      }
-    })
-&nbsp;
-<span class="cstat-no" title="statement not covered" >    fetch(this.app.options.ingestPoint + '/v1/web/images', {</span>
-      method: 'POST',
-      headers: {
-        Authorization: `Bearer ${this.app.session.getSessionToken() ?? ''}`,
-      },
-      body: formData,
-    })
-      .then(<span class="fstat-no" title="function not covered" >() =</span>&gt; {
-<span class="cstat-no" title="statement not covered" >        return true</span>
-      })
-      .catch(<span class="fstat-no" title="function not covered" >(e</span>) =&gt; {
-<span class="cstat-no" title="statement not covered" >        this.app.debug.error('error saving canvas', e)</span>
-      })
-  }
-&nbsp;
-<span class="fstat-no" title="function not covered" >  clear(</span>) {
-<span class="cstat-no" title="statement not covered" >    this.intervals.forEach(<span class="fstat-no" title="function not covered" >(i</span>nt) =&gt; <span class="cstat-no" title="statement not covered" >clearInterval(int))</span></span>
-<span class="cstat-no" title="statement not covered" >    this.snapshots = {}</span>
-  }
-}
-&nbsp;
-const qualityInt = {
-  low: 0.35,
-  medium: 0.55,
-  high: 0.8,
-}
-&nbsp;
-function <span class="fstat-no" title="function not covered" >captureSnapshot(</span>
-  canvas: HTMLCanvasElement,
-  quality: 'low' | 'medium' | 'high' = <span class="branch-0 cbranch-no" title="branch not covered" >'medium',</span>
-  dummy: HTMLCanvasElement,
-  fixedScaling = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
-) {
-  const imageFormat = <span class="cstat-no" title="statement not covered" >'image/jpeg' </span>// or /png'
-<span class="cstat-no" title="statement not covered" >  if (fixedScaling) {</span>
-    const canvasScaleRatio = <span class="cstat-no" title="statement not covered" >window.devicePixelRatio || 1</span>
-<span class="cstat-no" title="statement not covered" >    dummy.width = canvas.width / canvasScaleRatio</span>
-<span class="cstat-no" title="statement not covered" >    dummy.height = canvas.height / canvasScaleRatio</span>
-    const ctx = <span class="cstat-no" title="statement not covered" >dummy.getContext('2d')</span>
-<span class="cstat-no" title="statement not covered" >    <span class="missing-if-branch" title="if path not taken" >I</span>if (!ctx) {</span>
-<span class="cstat-no" title="statement not covered" >      return ''</span>
-    }
-<span class="cstat-no" title="statement not covered" >    ctx.drawImage(canvas, 0, 0, dummy.width, dummy.height)</span>
-<span class="cstat-no" title="statement not covered" >    return dummy.toDataURL(imageFormat, qualityInt[quality])</span>
-  } else {
-<span class="cstat-no" title="statement not covered" >    return canvas.toDataURL(imageFormat, qualityInt[quality])</span>
-  }
-}
-&nbsp;
-function <span class="fstat-no" title="function not covered" >dataUrlToBlob(</span>dataUrl: string): [Blob, Uint8Array] | null {
-  const [header, base64] = <span class="cstat-no" title="statement not covered" >dataUrl.split(',')</span>
-<span class="cstat-no" title="statement not covered" >  <span class="missing-if-branch" title="if path not taken" >I</span>if (!header || !base64) <span class="cstat-no" title="statement not covered" >return null</span></span>
-  const encParts = <span class="cstat-no" title="statement not covered" >header.match(/:(.*?);/)</span>
-<span class="cstat-no" title="statement not covered" >  <span class="missing-if-branch" title="if path not taken" >I</span>if (!encParts) <span class="cstat-no" title="statement not covered" >return null</span></span>
-  const mime = <span class="cstat-no" title="statement not covered" >encParts[1]</span>
-  const blobStr = <span class="cstat-no" title="statement not covered" >atob(base64)</span>
-  let n = <span class="cstat-no" title="statement not covered" >blobStr.length</span>
-  const u8arr = <span class="cstat-no" title="statement not covered" >new Uint8Array(n)</span>
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  while (n--) {</span>
-<span class="cstat-no" title="statement not covered" >    u8arr[n] = blobStr.charCodeAt(n)</span>
-  }
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  return [new Blob([u8arr], { type: mime }), u8arr]</span>
-}
-&nbsp;
-function <span class="fstat-no" title="function not covered" >saveImageData(</span>imageDataUrl: string, name: string) {
-  const link = <span class="cstat-no" title="statement not covered" >document.createElement('a')</span>
-<span class="cstat-no" title="statement not covered" >  link.href = imageDataUrl</span>
-<span class="cstat-no" title="statement not covered" >  link.download = name</span>
-<span class="cstat-no" title="statement not covered" >  link.style.display = 'none'</span>
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  document.body.appendChild(link)</span>
-<span class="cstat-no" title="statement not covered" >  link.click()</span>
-<span class="cstat-no" title="statement not covered" >  document.body.removeChild(link)</span>
-}
-&nbsp;
-export default CanvasRecorder
-&nbsp;</pre></td></tr></table></pre>
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-06-04T11:50:55.506Z
-            </div>
-        <script src="../../prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="../../sorter.js"></script>
-        <script src="../../block-navigation.js"></script>
-    </body>
-</html>