@openreplay/tracker 10.0.0 → 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 (71) hide show
  1. package/CHANGELOG.md +14 -2
  2. package/cjs/app/index.js +1 -1
  3. package/cjs/index.js +1 -1
  4. package/cjs/modules/Network/fetchProxy.js +3 -0
  5. package/cjs/modules/Network/networkMessage.js +6 -3
  6. package/cjs/modules/network.js +2 -2
  7. package/cjs/utils.js +16 -2
  8. package/coverage/clover.xml +528 -451
  9. package/coverage/coverage-final.json +12 -11
  10. package/coverage/lcov-report/index.html +38 -38
  11. package/coverage/lcov-report/main/app/canvas.ts.html +475 -0
  12. package/coverage/lcov-report/main/app/guards.ts.html +46 -43
  13. package/coverage/lcov-report/main/app/index.html +36 -21
  14. package/coverage/lcov-report/main/app/index.ts.html +74 -8
  15. package/coverage/lcov-report/main/app/logger.ts.html +2 -2
  16. package/coverage/lcov-report/main/app/messages.gen.ts.html +38 -5
  17. package/coverage/lcov-report/main/app/nodes.ts.html +1 -1
  18. package/coverage/lcov-report/main/app/observer/iframe_observer.ts.html +1 -1
  19. package/coverage/lcov-report/main/app/observer/iframe_offsets.ts.html +1 -1
  20. package/coverage/lcov-report/main/app/observer/index.html +1 -1
  21. package/coverage/lcov-report/main/app/observer/shadow_root_observer.ts.html +1 -1
  22. package/coverage/lcov-report/main/app/observer/top_observer.ts.html +1 -1
  23. package/coverage/lcov-report/main/app/sanitizer.ts.html +12 -3
  24. package/coverage/lcov-report/main/app/session.ts.html +13 -4
  25. package/coverage/lcov-report/main/app/ticker.ts.html +1 -1
  26. package/coverage/lcov-report/main/index.html +19 -19
  27. package/coverage/lcov-report/main/index.ts.html +1 -1
  28. package/coverage/lcov-report/main/modules/Network/beaconProxy.ts.html +1 -1
  29. package/coverage/lcov-report/main/modules/Network/fetchProxy.ts.html +12 -6
  30. package/coverage/lcov-report/main/modules/Network/index.html +12 -12
  31. package/coverage/lcov-report/main/modules/Network/index.ts.html +1 -1
  32. package/coverage/lcov-report/main/modules/Network/networkMessage.ts.html +17 -8
  33. package/coverage/lcov-report/main/modules/Network/utils.ts.html +1 -1
  34. package/coverage/lcov-report/main/modules/Network/xhrProxy.ts.html +1 -1
  35. package/coverage/lcov-report/main/modules/attributeSender.ts.html +13 -4
  36. package/coverage/lcov-report/main/modules/axiosSpy.ts.html +1 -1
  37. package/coverage/lcov-report/main/modules/connection.ts.html +1 -1
  38. package/coverage/lcov-report/main/modules/console.ts.html +1 -1
  39. package/coverage/lcov-report/main/modules/constructedStyleSheets.ts.html +1 -1
  40. package/coverage/lcov-report/main/modules/cssrules.ts.html +1 -1
  41. package/coverage/lcov-report/main/modules/exception.ts.html +1 -1
  42. package/coverage/lcov-report/main/modules/featureFlags.ts.html +1 -1
  43. package/coverage/lcov-report/main/modules/focus.ts.html +1 -1
  44. package/coverage/lcov-report/main/modules/fonts.ts.html +1 -1
  45. package/coverage/lcov-report/main/modules/img.ts.html +1 -1
  46. package/coverage/lcov-report/main/modules/index.html +8 -8
  47. package/coverage/lcov-report/main/modules/input.ts.html +1 -1
  48. package/coverage/lcov-report/main/modules/mouse.ts.html +1 -1
  49. package/coverage/lcov-report/main/modules/network.ts.html +3 -3
  50. package/coverage/lcov-report/main/modules/performance.ts.html +1 -1
  51. package/coverage/lcov-report/main/modules/scroll.ts.html +1 -1
  52. package/coverage/lcov-report/main/modules/selection.ts.html +1 -1
  53. package/coverage/lcov-report/main/modules/tabs.ts.html +1 -1
  54. package/coverage/lcov-report/main/modules/timing.ts.html +19 -7
  55. package/coverage/lcov-report/main/modules/viewport.ts.html +1 -1
  56. package/coverage/lcov-report/main/utils.ts.html +79 -88
  57. package/coverage/lcov-report/webworker/BatchWriter.ts.html +1 -1
  58. package/coverage/lcov-report/webworker/MessageEncoder.gen.ts.html +17 -5
  59. package/coverage/lcov-report/webworker/PrimitiveEncoder.ts.html +1 -1
  60. package/coverage/lcov-report/webworker/QueueSender.ts.html +1 -1
  61. package/coverage/lcov-report/webworker/index.html +7 -7
  62. package/coverage/lcov-report/webworker/index.ts.html +1 -1
  63. package/coverage/lcov.info +951 -796
  64. package/lib/app/index.js +1 -1
  65. package/lib/common/tsconfig.tsbuildinfo +1 -1
  66. package/lib/index.js +1 -1
  67. package/lib/modules/Network/fetchProxy.js +3 -0
  68. package/lib/modules/Network/networkMessage.js +6 -3
  69. package/lib/modules/network.js +2 -2
  70. package/lib/utils.js +16 -2
  71. 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-10-24T10:53:06.602Z
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">0% </span>
26
+ <span class="strong">2.23% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>0/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">0% </span>
47
+ <span class="strong">2.29% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>0/630</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>
@@ -129,13 +144,13 @@
129
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
146
  <td data-value="0" class="pct low">0%</td>
132
- <td data-value="138" class="abs low">0/138</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>
151
+ <td data-value="70" class="abs low">0/70</td>
137
152
  <td data-value="0" class="pct low">0%</td>
138
- <td data-value="138" class="abs low">0/138</td>
153
+ <td data-value="140" class="abs low">0/140</td>
139
154
  </tr>
140
155
 
141
156
  <tr>
@@ -180,7 +195,7 @@
180
195
  <td data-value="0" class="pct low">0%</td>
181
196
  <td data-value="20" class="abs low">0/20</td>
182
197
  <td data-value="0" class="pct low">0%</td>
183
- <td data-value="71" class="abs low">0/71</td>
198
+ <td data-value="72" class="abs low">0/72</td>
184
199
  </tr>
185
200
 
186
201
  <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-10-24T10:53:06.602Z
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
 
@@ -818,7 +818,29 @@
818
818
  <a name='L753'></a><a href='#L753'>753</a>
819
819
  <a name='L754'></a><a href='#L754'>754</a>
820
820
  <a name='L755'></a><a href='#L755'>755</a>
821
- <a name='L756'></a><a href='#L756'>756</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
821
+ <a name='L756'></a><a href='#L756'>756</a>
822
+ <a name='L757'></a><a href='#L757'>757</a>
823
+ <a name='L758'></a><a href='#L758'>758</a>
824
+ <a name='L759'></a><a href='#L759'>759</a>
825
+ <a name='L760'></a><a href='#L760'>760</a>
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>
822
844
  <span class="cline-any cline-no">&nbsp;</span>
823
845
  <span class="cline-any cline-no">&nbsp;</span>
824
846
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -843,6 +865,7 @@
843
865
  <span class="cline-any cline-neutral">&nbsp;</span>
844
866
  <span class="cline-any cline-neutral">&nbsp;</span>
845
867
  <span class="cline-any cline-neutral">&nbsp;</span>
868
+ <span class="cline-any cline-no">&nbsp;</span>
846
869
  <span class="cline-any cline-neutral">&nbsp;</span>
847
870
  <span class="cline-any cline-neutral">&nbsp;</span>
848
871
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -962,6 +985,12 @@
962
985
  <span class="cline-any cline-no">&nbsp;</span>
963
986
  <span class="cline-any cline-neutral">&nbsp;</span>
964
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>
965
994
  <span class="cline-any cline-neutral">&nbsp;</span>
966
995
  <span class="cline-any cline-neutral">&nbsp;</span>
967
996
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -1395,6 +1424,11 @@
1395
1424
  <span class="cline-any cline-no">&nbsp;</span>
1396
1425
  <span class="cline-any cline-neutral">&nbsp;</span>
1397
1426
  <span class="cline-any cline-no">&nbsp;</span>
1427
+ <span class="cline-any cline-neutral">&nbsp;</span>
1428
+ <span class="cline-any cline-neutral">&nbsp;</span>
1429
+ <span class="cline-any cline-neutral">&nbsp;</span>
1430
+ <span class="cline-any cline-neutral">&nbsp;</span>
1431
+ <span class="cline-any cline-neutral">&nbsp;</span>
1398
1432
  <span class="cline-any cline-no">&nbsp;</span>
1399
1433
  <span class="cline-any cline-neutral">&nbsp;</span>
1400
1434
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -1446,6 +1480,9 @@
1446
1480
  <span class="cline-any cline-neutral">&nbsp;</span>
1447
1481
  <span class="cline-any cline-neutral">&nbsp;</span>
1448
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>
1449
1486
  <span class="cline-any cline-no">&nbsp;</span>
1450
1487
  <span class="cline-any cline-no">&nbsp;</span>
1451
1488
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -1495,8 +1532,14 @@
1495
1532
  <span class="cline-any cline-neutral">&nbsp;</span>
1496
1533
  <span class="cline-any cline-neutral">&nbsp;</span>
1497
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>
1537
+ <span class="cline-any cline-no">&nbsp;</span>
1498
1538
  <span class="cline-any cline-no">&nbsp;</span>
1499
1539
  <span class="cline-any cline-no">&nbsp;</span>
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>
1500
1543
  <span class="cline-any cline-no">&nbsp;</span>
1501
1544
  <span class="cline-any cline-neutral">&nbsp;</span>
1502
1545
  <span class="cline-any cline-no">&nbsp;</span>
@@ -1567,6 +1610,7 @@
1567
1610
  <span class="cline-any cline-no">&nbsp;</span>
1568
1611
  <span class="cline-any cline-no">&nbsp;</span>
1569
1612
  <span class="cline-any cline-neutral">&nbsp;</span>
1613
+ <span class="cline-any cline-no">&nbsp;</span>
1570
1614
  <span class="cline-any cline-neutral">&nbsp;</span>
1571
1615
  <span class="cline-any cline-no">&nbsp;</span>
1572
1616
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -1598,6 +1642,7 @@ import type { Options as SanitizerOptions } from './sanitizer.js'
1598
1642
  import type { Options as LoggerOptions } from './logger.js'
1599
1643
  import type { Options as SessOptions } from './session.js'
1600
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>
1601
1646
  &nbsp;
1602
1647
  import type {
1603
1648
  Options as WebworkerOptions,
@@ -1717,6 +1762,12 @@ function <span class="fstat-no" title="function not covered" >getTimezone(</span
1717
1762
  private readonly <span class="cstat-no" title="statement not covered" >bc: BroadcastChannel | null = null</span>
1718
1763
  private readonly contextId
1719
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
+ }
1720
1771
  &nbsp;
1721
1772
  <span class="fstat-no" title="function not covered" > constructor(p</span>rojectKey: string, sessionToken: string | undefined, options: Partial&lt;Options&gt;) {
1722
1773
  // if (options.onStart !== undefined) {
@@ -1925,8 +1976,8 @@ function <span class="fstat-no" title="function not covered" >getTimezone(</span
1925
1976
  <span class="cstat-no" title="statement not covered" > requestIdleCb(<span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
1926
1977
  <span class="cstat-no" title="statement not covered" > this.messages.unshift(TabData(this.session.getTabId()))</span>
1927
1978
  <span class="cstat-no" title="statement not covered" > this.messages.unshift(Timestamp(this.timestamp()))</span>
1928
- // ? why I need to do this?
1929
- <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>
1930
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>
1931
1982
  <span class="cstat-no" title="statement not covered" > this.messages.length = 0</span>
1932
1983
  })
@@ -2149,7 +2200,12 @@ function <span class="fstat-no" title="function not covered" >getTimezone(</span
2149
2200
  const sessionToken = <span class="cstat-no" title="statement not covered" >this.session.getSessionToken()</span>
2150
2201
  const isNewSession = <span class="cstat-no" title="statement not covered" >needNewSessionID || !sessionToken</span>
2151
2202
  &nbsp;
2152
- <span class="cstat-no" title="statement not covered" > console.log('OpenReplay: starting session', needNewSessionID, sessionToken)</span>
2203
+ <span class="cstat-no" title="statement not covered" > console.log(</span>
2204
+ 'OpenReplay: starting session; need new session id?',
2205
+ needNewSessionID,
2206
+ 'session token: ',
2207
+ sessionToken,
2208
+ )
2153
2209
  <span class="cstat-no" title="statement not covered" > return window</span>
2154
2210
  .fetch(this.options.ingestPoint + '/v1/web/start', {
2155
2211
  method: 'POST',
@@ -2201,6 +2257,9 @@ function <span class="fstat-no" title="function not covered" >getTimezone(</span
2201
2257
  userDevice,
2202
2258
  userOS,
2203
2259
  userState,
2260
+ canvasEnabled,
2261
+ canvasQuality,
2262
+ canvasFPS,
2204
2263
  } = <span class="cstat-no" title="statement not covered" >r</span>
2205
2264
  <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (</span>
2206
2265
  typeof token !== 'string' ||
@@ -2249,9 +2308,15 @@ function <span class="fstat-no" title="function not covered" >getTimezone(</span
2249
2308
  const onStartInfo = <span class="cstat-no" title="statement not covered" >{ sessionToken: token, userUUID, sessionID }</span>
2250
2309
  &nbsp;
2251
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>
2252
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)
2253
2315
  <span class="cstat-no" title="statement not covered" > this.observer.observe()</span>
2254
2316
  <span class="cstat-no" title="statement not covered" > this.ticker.start()</span>
2317
+ // if (canvasEnabled) {
2318
+ // canvasRecorder(this, { fps: canvasFPS, quality: canvasQuality })
2319
+ // }
2255
2320
  <span class="cstat-no" title="statement not covered" > this.activityState = ActivityState.Active</span>
2256
2321
  &nbsp;
2257
2322
  <span class="cstat-no" title="statement not covered" > this.notify.log('OpenReplay tracking started.')</span>
@@ -2322,6 +2387,7 @@ function <span class="fstat-no" title="function not covered" >getTimezone(</span
2322
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>
2323
2388
  <span class="cstat-no" title="statement not covered" > this.worker.postMessage('stop')</span>
2324
2389
  }
2390
+ <span class="cstat-no" title="statement not covered" > this.canvasRecorder?.clear()</span>
2325
2391
  } finally {
2326
2392
  <span class="cstat-no" title="statement not covered" > this.activityState = ActivityState.NotActive</span>
2327
2393
  }
@@ -2335,7 +2401,7 @@ function <span class="fstat-no" title="function not covered" >getTimezone(</span
2335
2401
  <div class='footer quiet pad2 space-top1 center small'>
2336
2402
  Code coverage generated by
2337
2403
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
2338
- at 2023-10-24T10:53:06.602Z
2404
+ at 2023-11-21T10:02:27.844Z
2339
2405
  </div>
2340
2406
  <script src="../../prettify.js"></script>
2341
2407
  <script>
package/coverage/lcov-report/main/app/logger.ts.html CHANGED
@@ -198,7 +198,7 @@
198
198
  Errors: 2,
199
199
  Silent: 0,
200
200
  } as const
201
- type LogLevel = typeof LogLevel[keyof typeof LogLevel]
201
+ type LogLevel = (typeof LogLevel)[keyof typeof LogLevel]
202
202
  &nbsp;
203
203
  type CustomLevel = {
204
204
  error: boolean
@@ -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-10-24T10:53:06.602Z
265
+ at 2023-11-21T10:02:27.844Z
266
266
  </div>
267
267
  <script src="../../prettify.js"></script>
268
268
  <script>
package/coverage/lcov-report/main/app/messages.gen.ts.html CHANGED
@@ -25,7 +25,7 @@
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/138</span>
28
+ <span class='fraction'>0/140</span>
29
29
  </div>
30
30
 
31
31
 
@@ -39,14 +39,14 @@
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">0% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>0/69</span>
42
+ <span class='fraction'>0/70</span>
43
43
  </div>
44
44
 
45
45
 
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/138</span>
49
+ <span class='fraction'>0/140</span>
50
50
  </div>
51
51
 
52
52
 
@@ -977,7 +977,18 @@
977
977
  <a name='L912'></a><a href='#L912'>912</a>
978
978
  <a name='L913'></a><a href='#L913'>913</a>
979
979
  <a name='L914'></a><a href='#L914'>914</a>
980
- <a name='L915'></a><a href='#L915'>915</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
980
+ <a name='L915'></a><a href='#L915'>915</a>
981
+ <a name='L916'></a><a href='#L916'>916</a>
982
+ <a name='L917'></a><a href='#L917'>917</a>
983
+ <a name='L918'></a><a href='#L918'>918</a>
984
+ <a name='L919'></a><a href='#L919'>919</a>
985
+ <a name='L920'></a><a href='#L920'>920</a>
986
+ <a name='L921'></a><a href='#L921'>921</a>
987
+ <a name='L922'></a><a href='#L922'>922</a>
988
+ <a name='L923'></a><a href='#L923'>923</a>
989
+ <a name='L924'></a><a href='#L924'>924</a>
990
+ <a name='L925'></a><a href='#L925'>925</a>
991
+ <a name='L926'></a><a href='#L926'>926</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
981
992
  <span class="cline-any cline-neutral">&nbsp;</span>
982
993
  <span class="cline-any cline-neutral">&nbsp;</span>
983
994
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -1891,6 +1902,17 @@
1891
1902
  <span class="cline-any cline-neutral">&nbsp;</span>
1892
1903
  <span class="cline-any cline-neutral">&nbsp;</span>
1893
1904
  <span class="cline-any cline-neutral">&nbsp;</span>
1905
+ <span class="cline-any cline-no">&nbsp;</span>
1906
+ <span class="cline-any cline-neutral">&nbsp;</span>
1907
+ <span class="cline-any cline-neutral">&nbsp;</span>
1908
+ <span class="cline-any cline-neutral">&nbsp;</span>
1909
+ <span class="cline-any cline-no">&nbsp;</span>
1910
+ <span class="cline-any cline-neutral">&nbsp;</span>
1911
+ <span class="cline-any cline-neutral">&nbsp;</span>
1912
+ <span class="cline-any cline-neutral">&nbsp;</span>
1913
+ <span class="cline-any cline-neutral">&nbsp;</span>
1914
+ <span class="cline-any cline-neutral">&nbsp;</span>
1915
+ <span class="cline-any cline-neutral">&nbsp;</span>
1894
1916
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// Auto-generated, do not edit
1895
1917
  /* eslint-disable */
1896
1918
  &nbsp;
@@ -2805,6 +2827,17 @@ export { default, Type } from '../../common/messages.gen.js'
2805
2827
  ]
2806
2828
  }
2807
2829
  &nbsp;
2830
+ <span class="cstat-no" title="statement not covered" >export function <span class="fstat-no" title="function not covered" >C</span>anvasNode(</span>
2831
+ nodeId: string,
2832
+ timestamp: number,
2833
+ ): Messages.CanvasNode {
2834
+ <span class="cstat-no" title="statement not covered" > return [</span>
2835
+ Messages.Type.CanvasNode,
2836
+ nodeId,
2837
+ timestamp,
2838
+ ]
2839
+ }
2840
+ &nbsp;
2808
2841
  &nbsp;</pre></td></tr></table></pre>
2809
2842
 
2810
2843
  <div class='push'></div><!-- for sticky footer -->
@@ -2812,7 +2845,7 @@ export { default, Type } from '../../common/messages.gen.js'
2812
2845
  <div class='footer quiet pad2 space-top1 center small'>
2813
2846
  Code coverage generated by
2814
2847
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
2815
- at 2023-10-24T10:53:06.602Z
2848
+ at 2023-11-21T10:02:27.844Z
2816
2849
  </div>
2817
2850
  <script src="../../prettify.js"></script>
2818
2851
  <script>