@openreplay/tracker 10.0.2 → 10.0.3

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 (65) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/cjs/app/index.js +1 -1
  3. package/cjs/index.js +1 -1
  4. package/cjs/utils.js +16 -2
  5. package/coverage/clover.xml +508 -435
  6. package/coverage/coverage-final.json +12 -11
  7. package/coverage/lcov-report/index.html +40 -40
  8. package/coverage/lcov-report/main/app/canvas.ts.html +475 -0
  9. package/coverage/lcov-report/main/app/guards.ts.html +46 -43
  10. package/coverage/lcov-report/main/app/index.html +40 -25
  11. package/coverage/lcov-report/main/app/index.ts.html +58 -7
  12. package/coverage/lcov-report/main/app/logger.ts.html +1 -1
  13. package/coverage/lcov-report/main/app/messages.gen.ts.html +179 -146
  14. package/coverage/lcov-report/main/app/nodes.ts.html +1 -1
  15. package/coverage/lcov-report/main/app/observer/iframe_observer.ts.html +1 -1
  16. package/coverage/lcov-report/main/app/observer/iframe_offsets.ts.html +1 -1
  17. package/coverage/lcov-report/main/app/observer/index.html +1 -1
  18. package/coverage/lcov-report/main/app/observer/shadow_root_observer.ts.html +1 -1
  19. package/coverage/lcov-report/main/app/observer/top_observer.ts.html +1 -1
  20. package/coverage/lcov-report/main/app/sanitizer.ts.html +1 -1
  21. package/coverage/lcov-report/main/app/session.ts.html +1 -1
  22. package/coverage/lcov-report/main/app/ticker.ts.html +1 -1
  23. package/coverage/lcov-report/main/index.html +15 -15
  24. package/coverage/lcov-report/main/index.ts.html +1 -1
  25. package/coverage/lcov-report/main/modules/Network/beaconProxy.ts.html +19 -19
  26. package/coverage/lcov-report/main/modules/Network/fetchProxy.ts.html +97 -97
  27. package/coverage/lcov-report/main/modules/Network/index.html +65 -65
  28. package/coverage/lcov-report/main/modules/Network/index.ts.html +33 -33
  29. package/coverage/lcov-report/main/modules/Network/networkMessage.ts.html +82 -73
  30. package/coverage/lcov-report/main/modules/Network/utils.ts.html +34 -34
  31. package/coverage/lcov-report/main/modules/Network/xhrProxy.ts.html +13 -13
  32. package/coverage/lcov-report/main/modules/attributeSender.ts.html +1 -1
  33. package/coverage/lcov-report/main/modules/axiosSpy.ts.html +1 -1
  34. package/coverage/lcov-report/main/modules/connection.ts.html +1 -1
  35. package/coverage/lcov-report/main/modules/console.ts.html +1 -1
  36. package/coverage/lcov-report/main/modules/constructedStyleSheets.ts.html +1 -1
  37. package/coverage/lcov-report/main/modules/cssrules.ts.html +1 -1
  38. package/coverage/lcov-report/main/modules/exception.ts.html +1 -1
  39. package/coverage/lcov-report/main/modules/featureFlags.ts.html +1 -1
  40. package/coverage/lcov-report/main/modules/focus.ts.html +1 -1
  41. package/coverage/lcov-report/main/modules/fonts.ts.html +1 -1
  42. package/coverage/lcov-report/main/modules/img.ts.html +1 -1
  43. package/coverage/lcov-report/main/modules/index.html +1 -1
  44. package/coverage/lcov-report/main/modules/input.ts.html +1 -1
  45. package/coverage/lcov-report/main/modules/mouse.ts.html +1 -1
  46. package/coverage/lcov-report/main/modules/network.ts.html +2 -2
  47. package/coverage/lcov-report/main/modules/performance.ts.html +1 -1
  48. package/coverage/lcov-report/main/modules/scroll.ts.html +1 -1
  49. package/coverage/lcov-report/main/modules/selection.ts.html +1 -1
  50. package/coverage/lcov-report/main/modules/tabs.ts.html +1 -1
  51. package/coverage/lcov-report/main/modules/timing.ts.html +1 -1
  52. package/coverage/lcov-report/main/modules/viewport.ts.html +1 -1
  53. package/coverage/lcov-report/main/utils.ts.html +57 -57
  54. package/coverage/lcov-report/webworker/BatchWriter.ts.html +1 -1
  55. package/coverage/lcov-report/webworker/MessageEncoder.gen.ts.html +17 -5
  56. package/coverage/lcov-report/webworker/PrimitiveEncoder.ts.html +1 -1
  57. package/coverage/lcov-report/webworker/QueueSender.ts.html +1 -1
  58. package/coverage/lcov-report/webworker/index.html +7 -7
  59. package/coverage/lcov-report/webworker/index.ts.html +1 -1
  60. package/coverage/lcov.info +819 -676
  61. package/lib/app/index.js +1 -1
  62. package/lib/common/tsconfig.tsbuildinfo +1 -1
  63. package/lib/index.js +1 -1
  64. package/lib/utils.js +16 -2
  65. package/package.json +1 -1
package/coverage/lcov-report/main/app/guards.ts.html CHANGED
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">0% </span>
26
+ <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>0/16</span>
28
+ <span class='fraction'>16/16</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">0% </span>
33
+ <span class="strong">100% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/4</span>
35
+ <span class='fraction'>4/4</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">0% </span>
40
+ <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>0/8</span>
42
+ <span class='fraction'>8/8</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">0% </span>
47
+ <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>0/16</span>
49
+ <span class='fraction'>16/16</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line low'></div>
64
+ <div class='status-line high'></div>
65
65
  <pre><table class="coverage">
66
66
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
67
  <a name='L2'></a><a href='#L2'>2</a>
@@ -111,33 +111,34 @@
111
111
  <a name='L46'></a><a href='#L46'>46</a>
112
112
  <a name='L47'></a><a href='#L47'>47</a>
113
113
  <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
115
- <span class="cline-any cline-no">&nbsp;</span>
116
- <span class="cline-any cline-no">&nbsp;</span>
114
+ <a name='L49'></a><a href='#L49'>49</a>
115
+ <a name='L50'></a><a href='#L50'>50</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
116
+ <span class="cline-any cline-yes">1x</span>
117
+ <span class="cline-any cline-yes">2x</span>
117
118
  <span class="cline-any cline-neutral">&nbsp;</span>
118
119
  <span class="cline-any cline-neutral">&nbsp;</span>
119
- <span class="cline-any cline-no">&nbsp;</span>
120
- <span class="cline-any cline-no">&nbsp;</span>
120
+ <span class="cline-any cline-yes">1x</span>
121
+ <span class="cline-any cline-yes">2x</span>
121
122
  <span class="cline-any cline-neutral">&nbsp;</span>
122
123
  <span class="cline-any cline-neutral">&nbsp;</span>
123
- <span class="cline-any cline-no">&nbsp;</span>
124
- <span class="cline-any cline-no">&nbsp;</span>
124
+ <span class="cline-any cline-yes">1x</span>
125
+ <span class="cline-any cline-yes">2x</span>
125
126
  <span class="cline-any cline-neutral">&nbsp;</span>
126
127
  <span class="cline-any cline-neutral">&nbsp;</span>
127
- <span class="cline-any cline-no">&nbsp;</span>
128
- <span class="cline-any cline-no">&nbsp;</span>
128
+ <span class="cline-any cline-yes">1x</span>
129
+ <span class="cline-any cline-yes">2x</span>
129
130
  <span class="cline-any cline-neutral">&nbsp;</span>
130
131
  <span class="cline-any cline-neutral">&nbsp;</span>
131
- <span class="cline-any cline-no">&nbsp;</span>
132
- <span class="cline-any cline-no">&nbsp;</span>
132
+ <span class="cline-any cline-yes">1x</span>
133
+ <span class="cline-any cline-yes">2x</span>
133
134
  <span class="cline-any cline-neutral">&nbsp;</span>
134
135
  <span class="cline-any cline-neutral">&nbsp;</span>
135
- <span class="cline-any cline-no">&nbsp;</span>
136
- <span class="cline-any cline-no">&nbsp;</span>
136
+ <span class="cline-any cline-yes">1x</span>
137
+ <span class="cline-any cline-yes">2x</span>
137
138
  <span class="cline-any cline-neutral">&nbsp;</span>
138
139
  <span class="cline-any cline-neutral">&nbsp;</span>
139
- <span class="cline-any cline-no">&nbsp;</span>
140
- <span class="cline-any cline-no">&nbsp;</span>
140
+ <span class="cline-any cline-yes">1x</span>
141
+ <span class="cline-any cline-yes">3x</span>
141
142
  <span class="cline-any cline-neutral">&nbsp;</span>
142
143
  <span class="cline-any cline-neutral">&nbsp;</span>
143
144
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -152,40 +153,41 @@
152
153
  <span class="cline-any cline-neutral">&nbsp;</span>
153
154
  <span class="cline-any cline-neutral">&nbsp;</span>
154
155
  <span class="cline-any cline-neutral">&nbsp;</span>
155
- <span class="cline-any cline-no">&nbsp;</span>
156
156
  <span class="cline-any cline-neutral">&nbsp;</span>
157
+ <span class="cline-any cline-yes">1x</span>
157
158
  <span class="cline-any cline-neutral">&nbsp;</span>
158
159
  <span class="cline-any cline-neutral">&nbsp;</span>
159
160
  <span class="cline-any cline-neutral">&nbsp;</span>
160
- <span class="cline-any cline-no">&nbsp;</span>
161
+ <span class="cline-any cline-neutral">&nbsp;</span>
162
+ <span class="cline-any cline-yes">2x</span>
161
163
  <span class="cline-any cline-neutral">&nbsp;</span>
162
164
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">//@ts-ignore
163
- <span class="cstat-no" title="statement not covered" >export function <span class="fstat-no" title="function not covered" >i</span>sNode(</span>sth: any): sth is Node {
164
- <span class="cstat-no" title="statement not covered" > return !!sth &amp;&amp; sth.nodeType != null</span>
165
+ export function isNode(sth: any): sth is Node {
166
+ return !!sth &amp;&amp; sth.nodeType != null
165
167
  }
166
168
  &nbsp;
167
- <span class="cstat-no" title="statement not covered" >export function <span class="fstat-no" title="function not covered" >i</span>sSVGElement(</span>node: Element): node is SVGElement {
168
- <span class="cstat-no" title="statement not covered" > return node.namespaceURI === 'http://www.w3.org/2000/svg'</span>
169
+ export function isSVGElement(node: Element): node is SVGElement {
170
+ return node.namespaceURI === 'http://www.w3.org/2000/svg'
169
171
  }
170
172
  &nbsp;
171
- <span class="cstat-no" title="statement not covered" >export function <span class="fstat-no" title="function not covered" >i</span>sElementNode(</span>node: Node): node is Element {
172
- <span class="cstat-no" title="statement not covered" > return node.nodeType === Node.ELEMENT_NODE</span>
173
+ export function isElementNode(node: Node): node is Element {
174
+ return node.nodeType === Node.ELEMENT_NODE
173
175
  }
174
176
  &nbsp;
175
- <span class="cstat-no" title="statement not covered" >export function <span class="fstat-no" title="function not covered" >i</span>sCommentNode(</span>node: Node): node is Comment {
176
- <span class="cstat-no" title="statement not covered" > return node.nodeType === Node.COMMENT_NODE</span>
177
+ export function isCommentNode(node: Node): node is Comment {
178
+ return node.nodeType === Node.COMMENT_NODE
177
179
  }
178
180
  &nbsp;
179
- <span class="cstat-no" title="statement not covered" >export function <span class="fstat-no" title="function not covered" >i</span>sTextNode(</span>node: Node): node is Text {
180
- <span class="cstat-no" title="statement not covered" > return node.nodeType === Node.TEXT_NODE</span>
181
+ export function isTextNode(node: Node): node is Text {
182
+ return node.nodeType === Node.TEXT_NODE
181
183
  }
182
184
  &nbsp;
183
- <span class="cstat-no" title="statement not covered" >export function <span class="fstat-no" title="function not covered" >i</span>sDocument(</span>node: Node): node is Document {
184
- <span class="cstat-no" title="statement not covered" > return node.nodeType === Node.DOCUMENT_NODE</span>
185
+ export function isDocument(node: Node): node is Document {
186
+ return node.nodeType === Node.DOCUMENT_NODE
185
187
  }
186
188
  &nbsp;
187
- <span class="cstat-no" title="statement not covered" >export function <span class="fstat-no" title="function not covered" >i</span>sRootNode(</span>node: Node): node is Document | DocumentFragment {
188
- <span class="cstat-no" title="statement not covered" > return node.nodeType === Node.DOCUMENT_NODE || node.nodeType === Node.DOCUMENT_FRAGMENT_NODE</span>
189
+ export function isRootNode(node: Node): node is Document | DocumentFragment {
190
+ return node.nodeType === Node.DOCUMENT_NODE || node.nodeType === Node.DOCUMENT_FRAGMENT_NODE
189
191
  }
190
192
  &nbsp;
191
193
  type TagTypeMap = {
@@ -199,13 +201,14 @@ type TagTypeMap = {
199
201
  iframe: HTMLIFrameElement
200
202
  style: HTMLStyleElement | SVGStyleElement
201
203
  link: HTMLLinkElement
204
+ canvas: HTMLCanvasElement
202
205
  }
203
- <span class="cstat-no" title="statement not covered" >export function <span class="fstat-no" title="function not covered" >h</span>asTag&lt;</span>T extends keyof TagTypeMap&gt;(
206
+ export function hasTag&lt;T extends keyof TagTypeMap&gt;(
204
207
  el: Node,
205
208
  tagName: T,
206
209
  ): el is TagTypeMap[typeof tagName] {
207
210
  // @ts-ignore
208
- <span class="cstat-no" title="statement not covered" > return el.localName === tagName</span>
211
+ return el.localName === tagName
209
212
  }
210
213
  &nbsp;</pre></td></tr></table></pre>
211
214
 
@@ -214,7 +217,7 @@ type TagTypeMap = {
214
217
  <div class='footer quiet pad2 space-top1 center small'>
215
218
  Code coverage generated by
216
219
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
217
- at 2023-11-03T09:39:08.430Z
220
+ at 2023-11-21T10:02:27.844Z
218
221
  </div>
219
222
  <script src="../../prettify.js"></script>
220
223
  <script>
package/coverage/lcov-report/main/app/index.html CHANGED
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">10.64% </span>
26
+ <span class="strong">2.23% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>69/648</span>
28
+ <span class='fraction'>16/716</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">0% </span>
33
+ <span class="strong">1.48% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/240</span>
35
+ <span class='fraction'>4/270</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">0% </span>
40
+ <span class="strong">3.92% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>0/190</span>
42
+ <span class='fraction'>8/204</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">10.93% </span>
47
+ <span class="strong">2.29% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>69/631</span>
49
+ <span class='fraction'>16/698</span>
50
50
  </div>
51
51
 
52
52
 
@@ -79,18 +79,33 @@
79
79
  </tr>
80
80
  </thead>
81
81
  <tbody><tr>
82
- <td class="file low" data-value="guards.ts"><a href="guards.ts.html">guards.ts</a></td>
82
+ <td class="file low" data-value="canvas.ts"><a href="canvas.ts.html">canvas.ts</a></td>
83
83
  <td data-value="0" class="pic low">
84
84
  <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
85
85
  </td>
86
86
  <td data-value="0" class="pct low">0%</td>
87
- <td data-value="16" class="abs low">0/16</td>
87
+ <td data-value="60" class="abs low">0/60</td>
88
88
  <td data-value="0" class="pct low">0%</td>
89
- <td data-value="4" class="abs low">0/4</td>
89
+ <td data-value="18" class="abs low">0/18</td>
90
90
  <td data-value="0" class="pct low">0%</td>
91
- <td data-value="8" class="abs low">0/8</td>
91
+ <td data-value="13" class="abs low">0/13</td>
92
92
  <td data-value="0" class="pct low">0%</td>
93
- <td data-value="16" class="abs low">0/16</td>
93
+ <td data-value="59" class="abs low">0/59</td>
94
+ </tr>
95
+
96
+ <tr>
97
+ <td class="file high" data-value="guards.ts"><a href="guards.ts.html">guards.ts</a></td>
98
+ <td data-value="100" class="pic high">
99
+ <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
100
+ </td>
101
+ <td data-value="100" class="pct high">100%</td>
102
+ <td data-value="16" class="abs high">16/16</td>
103
+ <td data-value="100" class="pct high">100%</td>
104
+ <td data-value="4" class="abs high">4/4</td>
105
+ <td data-value="100" class="pct high">100%</td>
106
+ <td data-value="8" class="abs high">8/8</td>
107
+ <td data-value="100" class="pct high">100%</td>
108
+ <td data-value="16" class="abs high">16/16</td>
94
109
  </tr>
95
110
 
96
111
  <tr>
@@ -99,13 +114,13 @@
99
114
  <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
100
115
  </td>
101
116
  <td data-value="0" class="pct low">0%</td>
102
- <td data-value="290" class="abs low">0/290</td>
117
+ <td data-value="296" class="abs low">0/296</td>
103
118
  <td data-value="0" class="pct low">0%</td>
104
- <td data-value="158" class="abs low">0/158</td>
119
+ <td data-value="170" class="abs low">0/170</td>
105
120
  <td data-value="0" class="pct low">0%</td>
106
121
  <td data-value="57" class="abs low">0/57</td>
107
122
  <td data-value="0" class="pct low">0%</td>
108
- <td data-value="282" class="abs low">0/282</td>
123
+ <td data-value="288" class="abs low">0/288</td>
109
124
  </tr>
110
125
 
111
126
  <tr>
@@ -124,18 +139,18 @@
124
139
  </tr>
125
140
 
126
141
  <tr>
127
- <td class="file medium" data-value="messages.gen.ts"><a href="messages.gen.ts.html">messages.gen.ts</a></td>
128
- <td data-value="50" class="pic medium">
129
- <div class="chart"><div class="cover-fill" style="width: 50%"></div><div class="cover-empty" style="width: 50%"></div></div>
142
+ <td class="file low" data-value="messages.gen.ts"><a href="messages.gen.ts.html">messages.gen.ts</a></td>
143
+ <td data-value="0" class="pic low">
144
+ <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
130
145
  </td>
131
- <td data-value="50" class="pct medium">50%</td>
132
- <td data-value="138" class="abs medium">69/138</td>
146
+ <td data-value="0" class="pct low">0%</td>
147
+ <td data-value="140" class="abs low">0/140</td>
133
148
  <td data-value="100" class="pct high">100%</td>
134
149
  <td data-value="0" class="abs high">0/0</td>
135
150
  <td data-value="0" class="pct low">0%</td>
136
- <td data-value="69" class="abs low">0/69</td>
137
- <td data-value="50" class="pct medium">50%</td>
138
- <td data-value="138" class="abs medium">69/138</td>
151
+ <td data-value="70" class="abs low">0/70</td>
152
+ <td data-value="0" class="pct low">0%</td>
153
+ <td data-value="140" class="abs low">0/140</td>
139
154
  </tr>
140
155
 
141
156
  <tr>
@@ -206,7 +221,7 @@
206
221
  <div class='footer quiet pad2 space-top1 center small'>
207
222
  Code coverage generated by
208
223
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
209
- at 2023-11-03T09:39:08.430Z
224
+ at 2023-11-21T10:02:27.844Z
210
225
  </div>
211
226
  <script src="../../prettify.js"></script>
212
227
  <script>
package/coverage/lcov-report/main/app/index.ts.html CHANGED
@@ -25,14 +25,14 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">0% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>0/290</span>
28
+ <span class='fraction'>0/296</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">0% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/158</span>
35
+ <span class='fraction'>0/170</span>
36
36
  </div>
37
37
 
38
38
 
@@ -46,7 +46,7 @@
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">0% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>0/282</span>
49
+ <span class='fraction'>0/288</span>
50
50
  </div>
51
51
 
52
52
 
@@ -823,7 +823,24 @@
823
823
  <a name='L758'></a><a href='#L758'>758</a>
824
824
  <a name='L759'></a><a href='#L759'>759</a>
825
825
  <a name='L760'></a><a href='#L760'>760</a>
826
- <a name='L761'></a><a href='#L761'>761</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
826
+ <a name='L761'></a><a href='#L761'>761</a>
827
+ <a name='L762'></a><a href='#L762'>762</a>
828
+ <a name='L763'></a><a href='#L763'>763</a>
829
+ <a name='L764'></a><a href='#L764'>764</a>
830
+ <a name='L765'></a><a href='#L765'>765</a>
831
+ <a name='L766'></a><a href='#L766'>766</a>
832
+ <a name='L767'></a><a href='#L767'>767</a>
833
+ <a name='L768'></a><a href='#L768'>768</a>
834
+ <a name='L769'></a><a href='#L769'>769</a>
835
+ <a name='L770'></a><a href='#L770'>770</a>
836
+ <a name='L771'></a><a href='#L771'>771</a>
837
+ <a name='L772'></a><a href='#L772'>772</a>
838
+ <a name='L773'></a><a href='#L773'>773</a>
839
+ <a name='L774'></a><a href='#L774'>774</a>
840
+ <a name='L775'></a><a href='#L775'>775</a>
841
+ <a name='L776'></a><a href='#L776'>776</a>
842
+ <a name='L777'></a><a href='#L777'>777</a>
843
+ <a name='L778'></a><a href='#L778'>778</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
827
844
  <span class="cline-any cline-no">&nbsp;</span>
828
845
  <span class="cline-any cline-no">&nbsp;</span>
829
846
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -848,6 +865,7 @@
848
865
  <span class="cline-any cline-neutral">&nbsp;</span>
849
866
  <span class="cline-any cline-neutral">&nbsp;</span>
850
867
  <span class="cline-any cline-neutral">&nbsp;</span>
868
+ <span class="cline-any cline-no">&nbsp;</span>
851
869
  <span class="cline-any cline-neutral">&nbsp;</span>
852
870
  <span class="cline-any cline-neutral">&nbsp;</span>
853
871
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -967,6 +985,12 @@
967
985
  <span class="cline-any cline-no">&nbsp;</span>
968
986
  <span class="cline-any cline-neutral">&nbsp;</span>
969
987
  <span class="cline-any cline-neutral">&nbsp;</span>
988
+ <span class="cline-any cline-no">&nbsp;</span>
989
+ <span class="cline-any cline-no">&nbsp;</span>
990
+ <span class="cline-any cline-neutral">&nbsp;</span>
991
+ <span class="cline-any cline-neutral">&nbsp;</span>
992
+ <span class="cline-any cline-neutral">&nbsp;</span>
993
+ <span class="cline-any cline-neutral">&nbsp;</span>
970
994
  <span class="cline-any cline-neutral">&nbsp;</span>
971
995
  <span class="cline-any cline-neutral">&nbsp;</span>
972
996
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -1456,6 +1480,9 @@
1456
1480
  <span class="cline-any cline-neutral">&nbsp;</span>
1457
1481
  <span class="cline-any cline-neutral">&nbsp;</span>
1458
1482
  <span class="cline-any cline-neutral">&nbsp;</span>
1483
+ <span class="cline-any cline-neutral">&nbsp;</span>
1484
+ <span class="cline-any cline-neutral">&nbsp;</span>
1485
+ <span class="cline-any cline-neutral">&nbsp;</span>
1459
1486
  <span class="cline-any cline-no">&nbsp;</span>
1460
1487
  <span class="cline-any cline-no">&nbsp;</span>
1461
1488
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -1505,10 +1532,16 @@
1505
1532
  <span class="cline-any cline-neutral">&nbsp;</span>
1506
1533
  <span class="cline-any cline-neutral">&nbsp;</span>
1507
1534
  <span class="cline-any cline-no">&nbsp;</span>
1535
+ <span class="cline-any cline-neutral">&nbsp;</span>
1536
+ <span class="cline-any cline-no">&nbsp;</span>
1508
1537
  <span class="cline-any cline-no">&nbsp;</span>
1509
1538
  <span class="cline-any cline-no">&nbsp;</span>
1510
1539
  <span class="cline-any cline-no">&nbsp;</span>
1511
1540
  <span class="cline-any cline-neutral">&nbsp;</span>
1541
+ <span class="cline-any cline-neutral">&nbsp;</span>
1542
+ <span class="cline-any cline-neutral">&nbsp;</span>
1543
+ <span class="cline-any cline-no">&nbsp;</span>
1544
+ <span class="cline-any cline-neutral">&nbsp;</span>
1512
1545
  <span class="cline-any cline-no">&nbsp;</span>
1513
1546
  <span class="cline-any cline-neutral">&nbsp;</span>
1514
1547
  <span class="cline-any cline-no">&nbsp;</span>
@@ -1577,6 +1610,7 @@
1577
1610
  <span class="cline-any cline-no">&nbsp;</span>
1578
1611
  <span class="cline-any cline-no">&nbsp;</span>
1579
1612
  <span class="cline-any cline-neutral">&nbsp;</span>
1613
+ <span class="cline-any cline-no">&nbsp;</span>
1580
1614
  <span class="cline-any cline-neutral">&nbsp;</span>
1581
1615
  <span class="cline-any cline-no">&nbsp;</span>
1582
1616
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -1608,6 +1642,7 @@ import type { Options as SanitizerOptions } from './sanitizer.js'
1608
1642
  import type { Options as LoggerOptions } from './logger.js'
1609
1643
  import type { Options as SessOptions } from './session.js'
1610
1644
  import type { Options as NetworkOptions } from '../modules/network.js'
1645
+ <span class="cstat-no" title="statement not covered" >import CanvasRecorder from './canvas.js'</span>
1611
1646
  &nbsp;
1612
1647
  import type {
1613
1648
  Options as WebworkerOptions,
@@ -1727,6 +1762,12 @@ function <span class="fstat-no" title="function not covered" >getTimezone(</span
1727
1762
  private readonly <span class="cstat-no" title="statement not covered" >bc: BroadcastChannel | null = null</span>
1728
1763
  private readonly contextId
1729
1764
  public attributeSender: AttributeSender
1765
+ private <span class="cstat-no" title="statement not covered" >canvasRecorder: CanvasRecorder | null = null</span>
1766
+ private <span class="cstat-no" title="statement not covered" >canvasOptions = {</span>
1767
+ canvasEnabled: false,
1768
+ canvasQuality: 'medium',
1769
+ canvasFPS: 1,
1770
+ }
1730
1771
  &nbsp;
1731
1772
  <span class="fstat-no" title="function not covered" > constructor(p</span>rojectKey: string, sessionToken: string | undefined, options: Partial&lt;Options&gt;) {
1732
1773
  // if (options.onStart !== undefined) {
@@ -1935,8 +1976,8 @@ function <span class="fstat-no" title="function not covered" >getTimezone(</span
1935
1976
  <span class="cstat-no" title="statement not covered" > requestIdleCb(<span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
1936
1977
  <span class="cstat-no" title="statement not covered" > this.messages.unshift(TabData(this.session.getTabId()))</span>
1937
1978
  <span class="cstat-no" title="statement not covered" > this.messages.unshift(Timestamp(this.timestamp()))</span>
1938
- // ? why I need to do this?
1939
- <span class="cstat-no" title="statement not covered" > this.worker!.postMessage(this.messages)</span>
1979
+ // why I need to add opt chaining?
1980
+ <span class="cstat-no" title="statement not covered" > this.worker?.postMessage(this.messages)</span>
1940
1981
  <span class="cstat-no" title="statement not covered" > this.commitCallbacks.forEach(<span class="fstat-no" title="function not covered" >(c</span>b) =&gt; <span class="cstat-no" title="statement not covered" >cb(this.messages))</span></span>
1941
1982
  <span class="cstat-no" title="statement not covered" > this.messages.length = 0</span>
1942
1983
  })
@@ -2216,6 +2257,9 @@ function <span class="fstat-no" title="function not covered" >getTimezone(</span
2216
2257
  userDevice,
2217
2258
  userOS,
2218
2259
  userState,
2260
+ canvasEnabled,
2261
+ canvasQuality,
2262
+ canvasFPS,
2219
2263
  } = <span class="cstat-no" title="statement not covered" >r</span>
2220
2264
  <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (</span>
2221
2265
  typeof token !== 'string' ||
@@ -2264,9 +2308,15 @@ function <span class="fstat-no" title="function not covered" >getTimezone(</span
2264
2308
  const onStartInfo = <span class="cstat-no" title="statement not covered" >{ sessionToken: token, userUUID, sessionID }</span>
2265
2309
  &nbsp;
2266
2310
  // TODO: start as early as possible (before receiving the token)
2311
+ <span class="cstat-no" title="statement not covered" > this.canvasRecorder =</span>
2312
+ this.canvasRecorder ?? new CanvasRecorder(this, { fps: 2, quality: 'high' })
2313
+ <span class="cstat-no" title="statement not covered" > this.canvasRecorder.startTracking()</span>
2267
2314
  <span class="cstat-no" title="statement not covered" > this.startCallbacks.forEach(<span class="fstat-no" title="function not covered" >(c</span>b) =&gt; <span class="cstat-no" title="statement not covered" >cb(onStartInfo))</span> /</span>/ MBTODO: callbacks after DOM "mounted" (observed)
2268
2315
  <span class="cstat-no" title="statement not covered" > this.observer.observe()</span>
2269
2316
  <span class="cstat-no" title="statement not covered" > this.ticker.start()</span>
2317
+ // if (canvasEnabled) {
2318
+ // canvasRecorder(this, { fps: canvasFPS, quality: canvasQuality })
2319
+ // }
2270
2320
  <span class="cstat-no" title="statement not covered" > this.activityState = ActivityState.Active</span>
2271
2321
  &nbsp;
2272
2322
  <span class="cstat-no" title="statement not covered" > this.notify.log('OpenReplay tracking started.')</span>
@@ -2337,6 +2387,7 @@ function <span class="fstat-no" title="function not covered" >getTimezone(</span
2337
2387
  <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (this.worker &amp;&amp; stopWorker) {</span>
2338
2388
  <span class="cstat-no" title="statement not covered" > this.worker.postMessage('stop')</span>
2339
2389
  }
2390
+ <span class="cstat-no" title="statement not covered" > this.canvasRecorder?.clear()</span>
2340
2391
  } finally {
2341
2392
  <span class="cstat-no" title="statement not covered" > this.activityState = ActivityState.NotActive</span>
2342
2393
  }
@@ -2350,7 +2401,7 @@ function <span class="fstat-no" title="function not covered" >getTimezone(</span
2350
2401
  <div class='footer quiet pad2 space-top1 center small'>
2351
2402
  Code coverage generated by
2352
2403
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
2353
- at 2023-11-03T09:39:08.430Z
2404
+ at 2023-11-21T10:02:27.844Z
2354
2405
  </div>
2355
2406
  <script src="../../prettify.js"></script>
2356
2407
  <script>
package/coverage/lcov-report/main/app/logger.ts.html CHANGED
@@ -262,7 +262,7 @@ export type Options = true | _Options | LogLevel
262
262
  <div class='footer quiet pad2 space-top1 center small'>
263
263
  Code coverage generated by
264
264
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
265
- at 2023-11-03T09:39:08.430Z
265
+ at 2023-11-21T10:02:27.844Z
266
266
  </div>
267
267
  <script src="../../prettify.js"></script>
268
268
  <script>