@openreplay/tracker 9.0.9 → 9.0.10

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 (77) 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/modules/timing.d.ts +1 -0
  5. package/cjs/modules/timing.js +7 -0
  6. package/coverage/clover.xml +3426 -0
  7. package/coverage/coverage-final.json +50 -0
  8. package/coverage/lcov-report/base.css +224 -0
  9. package/coverage/lcov-report/block-navigation.js +87 -0
  10. package/coverage/lcov-report/favicon.png +0 -0
  11. package/coverage/lcov-report/index.html +206 -0
  12. package/coverage/lcov-report/main/app/guards.ts.html +229 -0
  13. package/coverage/lcov-report/main/app/index.html +221 -0
  14. package/coverage/lcov-report/main/app/index.ts.html +2182 -0
  15. package/coverage/lcov-report/main/app/logger.ts.html +277 -0
  16. package/coverage/lcov-report/main/app/messages.gen.ts.html +2827 -0
  17. package/coverage/lcov-report/main/app/nodes.ts.html +385 -0
  18. package/coverage/lcov-report/main/app/observer/iframe_observer.ts.html +148 -0
  19. package/coverage/lcov-report/main/app/observer/iframe_offsets.ts.html +289 -0
  20. package/coverage/lcov-report/main/app/observer/index.html +161 -0
  21. package/coverage/lcov-report/main/app/observer/shadow_root_observer.ts.html +142 -0
  22. package/coverage/lcov-report/main/app/observer/top_observer.ts.html +538 -0
  23. package/coverage/lcov-report/main/app/sanitizer.ts.html +394 -0
  24. package/coverage/lcov-report/main/app/session.ts.html +601 -0
  25. package/coverage/lcov-report/main/app/ticker.ts.html +250 -0
  26. package/coverage/lcov-report/main/index.html +131 -0
  27. package/coverage/lcov-report/main/index.ts.html +1213 -0
  28. package/coverage/lcov-report/main/modules/Network/beaconProxy.ts.html +391 -0
  29. package/coverage/lcov-report/main/modules/Network/fetchProxy.ts.html +1027 -0
  30. package/coverage/lcov-report/main/modules/Network/index.html +191 -0
  31. package/coverage/lcov-report/main/modules/Network/index.ts.html +244 -0
  32. package/coverage/lcov-report/main/modules/Network/networkMessage.ts.html +385 -0
  33. package/coverage/lcov-report/main/modules/Network/utils.ts.html +700 -0
  34. package/coverage/lcov-report/main/modules/Network/xhrProxy.ts.html +850 -0
  35. package/coverage/lcov-report/main/modules/attributeSender.ts.html +232 -0
  36. package/coverage/lcov-report/main/modules/axiosSpy.ts.html +709 -0
  37. package/coverage/lcov-report/main/modules/connection.ts.html +160 -0
  38. package/coverage/lcov-report/main/modules/console.ts.html +541 -0
  39. package/coverage/lcov-report/main/modules/constructedStyleSheets.ts.html +559 -0
  40. package/coverage/lcov-report/main/modules/cssrules.ts.html +418 -0
  41. package/coverage/lcov-report/main/modules/exception.ts.html +385 -0
  42. package/coverage/lcov-report/main/modules/featureFlags.ts.html +412 -0
  43. package/coverage/lcov-report/main/modules/focus.ts.html +220 -0
  44. package/coverage/lcov-report/main/modules/fonts.ts.html +289 -0
  45. package/coverage/lcov-report/main/modules/img.ts.html +433 -0
  46. package/coverage/lcov-report/main/modules/index.html +401 -0
  47. package/coverage/lcov-report/main/modules/input.ts.html +826 -0
  48. package/coverage/lcov-report/main/modules/mouse.ts.html +826 -0
  49. package/coverage/lcov-report/main/modules/network.ts.html +1123 -0
  50. package/coverage/lcov-report/main/modules/performance.ts.html +367 -0
  51. package/coverage/lcov-report/main/modules/scroll.ts.html +364 -0
  52. package/coverage/lcov-report/main/modules/selection.ts.html +202 -0
  53. package/coverage/lcov-report/main/modules/tabs.ts.html +124 -0
  54. package/coverage/lcov-report/main/modules/timing.ts.html +841 -0
  55. package/coverage/lcov-report/main/modules/userTesting/dnd.ts.html +232 -0
  56. package/coverage/lcov-report/main/modules/userTesting/index.html +161 -0
  57. package/coverage/lcov-report/main/modules/userTesting/index.ts.html +1210 -0
  58. package/coverage/lcov-report/main/modules/userTesting/recorder.ts.html +361 -0
  59. package/coverage/lcov-report/main/modules/userTesting/styles.ts.html +865 -0
  60. package/coverage/lcov-report/main/modules/viewport.ts.html +250 -0
  61. package/coverage/lcov-report/main/utils.ts.html +406 -0
  62. package/coverage/lcov-report/prettify.css +1 -0
  63. package/coverage/lcov-report/prettify.js +2 -0
  64. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  65. package/coverage/lcov-report/sorter.js +196 -0
  66. package/coverage/lcov-report/webworker/BatchWriter.ts.html +481 -0
  67. package/coverage/lcov-report/webworker/MessageEncoder.gen.ts.html +961 -0
  68. package/coverage/lcov-report/webworker/PrimitiveEncoder.ts.html +436 -0
  69. package/coverage/lcov-report/webworker/QueueSender.ts.html +505 -0
  70. package/coverage/lcov-report/webworker/index.html +176 -0
  71. package/coverage/lcov-report/webworker/index.ts.html +628 -0
  72. package/coverage/lcov.info +6631 -0
  73. package/lib/app/index.js +1 -1
  74. package/lib/index.js +1 -1
  75. package/lib/modules/timing.d.ts +1 -0
  76. package/lib/modules/timing.js +7 -0
  77. package/package.json +1 -1
package/coverage/lcov-report/main/modules/timing.ts.html ADDED
@@ -0,0 +1,841 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for main/modules/timing.ts</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../prettify.css" />
9
+ <link rel="stylesheet" href="../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../index.html">All files</a> / <a href="index.html">main/modules</a> timing.ts</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">0% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>0/110</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">0% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>0/105</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">0% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>0/11</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">0% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>0/103</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ 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.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input oninput="onInput()" type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line low'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a>
72
+ <a name='L7'></a><a href='#L7'>7</a>
73
+ <a name='L8'></a><a href='#L8'>8</a>
74
+ <a name='L9'></a><a href='#L9'>9</a>
75
+ <a name='L10'></a><a href='#L10'>10</a>
76
+ <a name='L11'></a><a href='#L11'>11</a>
77
+ <a name='L12'></a><a href='#L12'>12</a>
78
+ <a name='L13'></a><a href='#L13'>13</a>
79
+ <a name='L14'></a><a href='#L14'>14</a>
80
+ <a name='L15'></a><a href='#L15'>15</a>
81
+ <a name='L16'></a><a href='#L16'>16</a>
82
+ <a name='L17'></a><a href='#L17'>17</a>
83
+ <a name='L18'></a><a href='#L18'>18</a>
84
+ <a name='L19'></a><a href='#L19'>19</a>
85
+ <a name='L20'></a><a href='#L20'>20</a>
86
+ <a name='L21'></a><a href='#L21'>21</a>
87
+ <a name='L22'></a><a href='#L22'>22</a>
88
+ <a name='L23'></a><a href='#L23'>23</a>
89
+ <a name='L24'></a><a href='#L24'>24</a>
90
+ <a name='L25'></a><a href='#L25'>25</a>
91
+ <a name='L26'></a><a href='#L26'>26</a>
92
+ <a name='L27'></a><a href='#L27'>27</a>
93
+ <a name='L28'></a><a href='#L28'>28</a>
94
+ <a name='L29'></a><a href='#L29'>29</a>
95
+ <a name='L30'></a><a href='#L30'>30</a>
96
+ <a name='L31'></a><a href='#L31'>31</a>
97
+ <a name='L32'></a><a href='#L32'>32</a>
98
+ <a name='L33'></a><a href='#L33'>33</a>
99
+ <a name='L34'></a><a href='#L34'>34</a>
100
+ <a name='L35'></a><a href='#L35'>35</a>
101
+ <a name='L36'></a><a href='#L36'>36</a>
102
+ <a name='L37'></a><a href='#L37'>37</a>
103
+ <a name='L38'></a><a href='#L38'>38</a>
104
+ <a name='L39'></a><a href='#L39'>39</a>
105
+ <a name='L40'></a><a href='#L40'>40</a>
106
+ <a name='L41'></a><a href='#L41'>41</a>
107
+ <a name='L42'></a><a href='#L42'>42</a>
108
+ <a name='L43'></a><a href='#L43'>43</a>
109
+ <a name='L44'></a><a href='#L44'>44</a>
110
+ <a name='L45'></a><a href='#L45'>45</a>
111
+ <a name='L46'></a><a href='#L46'>46</a>
112
+ <a name='L47'></a><a href='#L47'>47</a>
113
+ <a name='L48'></a><a href='#L48'>48</a>
114
+ <a name='L49'></a><a href='#L49'>49</a>
115
+ <a name='L50'></a><a href='#L50'>50</a>
116
+ <a name='L51'></a><a href='#L51'>51</a>
117
+ <a name='L52'></a><a href='#L52'>52</a>
118
+ <a name='L53'></a><a href='#L53'>53</a>
119
+ <a name='L54'></a><a href='#L54'>54</a>
120
+ <a name='L55'></a><a href='#L55'>55</a>
121
+ <a name='L56'></a><a href='#L56'>56</a>
122
+ <a name='L57'></a><a href='#L57'>57</a>
123
+ <a name='L58'></a><a href='#L58'>58</a>
124
+ <a name='L59'></a><a href='#L59'>59</a>
125
+ <a name='L60'></a><a href='#L60'>60</a>
126
+ <a name='L61'></a><a href='#L61'>61</a>
127
+ <a name='L62'></a><a href='#L62'>62</a>
128
+ <a name='L63'></a><a href='#L63'>63</a>
129
+ <a name='L64'></a><a href='#L64'>64</a>
130
+ <a name='L65'></a><a href='#L65'>65</a>
131
+ <a name='L66'></a><a href='#L66'>66</a>
132
+ <a name='L67'></a><a href='#L67'>67</a>
133
+ <a name='L68'></a><a href='#L68'>68</a>
134
+ <a name='L69'></a><a href='#L69'>69</a>
135
+ <a name='L70'></a><a href='#L70'>70</a>
136
+ <a name='L71'></a><a href='#L71'>71</a>
137
+ <a name='L72'></a><a href='#L72'>72</a>
138
+ <a name='L73'></a><a href='#L73'>73</a>
139
+ <a name='L74'></a><a href='#L74'>74</a>
140
+ <a name='L75'></a><a href='#L75'>75</a>
141
+ <a name='L76'></a><a href='#L76'>76</a>
142
+ <a name='L77'></a><a href='#L77'>77</a>
143
+ <a name='L78'></a><a href='#L78'>78</a>
144
+ <a name='L79'></a><a href='#L79'>79</a>
145
+ <a name='L80'></a><a href='#L80'>80</a>
146
+ <a name='L81'></a><a href='#L81'>81</a>
147
+ <a name='L82'></a><a href='#L82'>82</a>
148
+ <a name='L83'></a><a href='#L83'>83</a>
149
+ <a name='L84'></a><a href='#L84'>84</a>
150
+ <a name='L85'></a><a href='#L85'>85</a>
151
+ <a name='L86'></a><a href='#L86'>86</a>
152
+ <a name='L87'></a><a href='#L87'>87</a>
153
+ <a name='L88'></a><a href='#L88'>88</a>
154
+ <a name='L89'></a><a href='#L89'>89</a>
155
+ <a name='L90'></a><a href='#L90'>90</a>
156
+ <a name='L91'></a><a href='#L91'>91</a>
157
+ <a name='L92'></a><a href='#L92'>92</a>
158
+ <a name='L93'></a><a href='#L93'>93</a>
159
+ <a name='L94'></a><a href='#L94'>94</a>
160
+ <a name='L95'></a><a href='#L95'>95</a>
161
+ <a name='L96'></a><a href='#L96'>96</a>
162
+ <a name='L97'></a><a href='#L97'>97</a>
163
+ <a name='L98'></a><a href='#L98'>98</a>
164
+ <a name='L99'></a><a href='#L99'>99</a>
165
+ <a name='L100'></a><a href='#L100'>100</a>
166
+ <a name='L101'></a><a href='#L101'>101</a>
167
+ <a name='L102'></a><a href='#L102'>102</a>
168
+ <a name='L103'></a><a href='#L103'>103</a>
169
+ <a name='L104'></a><a href='#L104'>104</a>
170
+ <a name='L105'></a><a href='#L105'>105</a>
171
+ <a name='L106'></a><a href='#L106'>106</a>
172
+ <a name='L107'></a><a href='#L107'>107</a>
173
+ <a name='L108'></a><a href='#L108'>108</a>
174
+ <a name='L109'></a><a href='#L109'>109</a>
175
+ <a name='L110'></a><a href='#L110'>110</a>
176
+ <a name='L111'></a><a href='#L111'>111</a>
177
+ <a name='L112'></a><a href='#L112'>112</a>
178
+ <a name='L113'></a><a href='#L113'>113</a>
179
+ <a name='L114'></a><a href='#L114'>114</a>
180
+ <a name='L115'></a><a href='#L115'>115</a>
181
+ <a name='L116'></a><a href='#L116'>116</a>
182
+ <a name='L117'></a><a href='#L117'>117</a>
183
+ <a name='L118'></a><a href='#L118'>118</a>
184
+ <a name='L119'></a><a href='#L119'>119</a>
185
+ <a name='L120'></a><a href='#L120'>120</a>
186
+ <a name='L121'></a><a href='#L121'>121</a>
187
+ <a name='L122'></a><a href='#L122'>122</a>
188
+ <a name='L123'></a><a href='#L123'>123</a>
189
+ <a name='L124'></a><a href='#L124'>124</a>
190
+ <a name='L125'></a><a href='#L125'>125</a>
191
+ <a name='L126'></a><a href='#L126'>126</a>
192
+ <a name='L127'></a><a href='#L127'>127</a>
193
+ <a name='L128'></a><a href='#L128'>128</a>
194
+ <a name='L129'></a><a href='#L129'>129</a>
195
+ <a name='L130'></a><a href='#L130'>130</a>
196
+ <a name='L131'></a><a href='#L131'>131</a>
197
+ <a name='L132'></a><a href='#L132'>132</a>
198
+ <a name='L133'></a><a href='#L133'>133</a>
199
+ <a name='L134'></a><a href='#L134'>134</a>
200
+ <a name='L135'></a><a href='#L135'>135</a>
201
+ <a name='L136'></a><a href='#L136'>136</a>
202
+ <a name='L137'></a><a href='#L137'>137</a>
203
+ <a name='L138'></a><a href='#L138'>138</a>
204
+ <a name='L139'></a><a href='#L139'>139</a>
205
+ <a name='L140'></a><a href='#L140'>140</a>
206
+ <a name='L141'></a><a href='#L141'>141</a>
207
+ <a name='L142'></a><a href='#L142'>142</a>
208
+ <a name='L143'></a><a href='#L143'>143</a>
209
+ <a name='L144'></a><a href='#L144'>144</a>
210
+ <a name='L145'></a><a href='#L145'>145</a>
211
+ <a name='L146'></a><a href='#L146'>146</a>
212
+ <a name='L147'></a><a href='#L147'>147</a>
213
+ <a name='L148'></a><a href='#L148'>148</a>
214
+ <a name='L149'></a><a href='#L149'>149</a>
215
+ <a name='L150'></a><a href='#L150'>150</a>
216
+ <a name='L151'></a><a href='#L151'>151</a>
217
+ <a name='L152'></a><a href='#L152'>152</a>
218
+ <a name='L153'></a><a href='#L153'>153</a>
219
+ <a name='L154'></a><a href='#L154'>154</a>
220
+ <a name='L155'></a><a href='#L155'>155</a>
221
+ <a name='L156'></a><a href='#L156'>156</a>
222
+ <a name='L157'></a><a href='#L157'>157</a>
223
+ <a name='L158'></a><a href='#L158'>158</a>
224
+ <a name='L159'></a><a href='#L159'>159</a>
225
+ <a name='L160'></a><a href='#L160'>160</a>
226
+ <a name='L161'></a><a href='#L161'>161</a>
227
+ <a name='L162'></a><a href='#L162'>162</a>
228
+ <a name='L163'></a><a href='#L163'>163</a>
229
+ <a name='L164'></a><a href='#L164'>164</a>
230
+ <a name='L165'></a><a href='#L165'>165</a>
231
+ <a name='L166'></a><a href='#L166'>166</a>
232
+ <a name='L167'></a><a href='#L167'>167</a>
233
+ <a name='L168'></a><a href='#L168'>168</a>
234
+ <a name='L169'></a><a href='#L169'>169</a>
235
+ <a name='L170'></a><a href='#L170'>170</a>
236
+ <a name='L171'></a><a href='#L171'>171</a>
237
+ <a name='L172'></a><a href='#L172'>172</a>
238
+ <a name='L173'></a><a href='#L173'>173</a>
239
+ <a name='L174'></a><a href='#L174'>174</a>
240
+ <a name='L175'></a><a href='#L175'>175</a>
241
+ <a name='L176'></a><a href='#L176'>176</a>
242
+ <a name='L177'></a><a href='#L177'>177</a>
243
+ <a name='L178'></a><a href='#L178'>178</a>
244
+ <a name='L179'></a><a href='#L179'>179</a>
245
+ <a name='L180'></a><a href='#L180'>180</a>
246
+ <a name='L181'></a><a href='#L181'>181</a>
247
+ <a name='L182'></a><a href='#L182'>182</a>
248
+ <a name='L183'></a><a href='#L183'>183</a>
249
+ <a name='L184'></a><a href='#L184'>184</a>
250
+ <a name='L185'></a><a href='#L185'>185</a>
251
+ <a name='L186'></a><a href='#L186'>186</a>
252
+ <a name='L187'></a><a href='#L187'>187</a>
253
+ <a name='L188'></a><a href='#L188'>188</a>
254
+ <a name='L189'></a><a href='#L189'>189</a>
255
+ <a name='L190'></a><a href='#L190'>190</a>
256
+ <a name='L191'></a><a href='#L191'>191</a>
257
+ <a name='L192'></a><a href='#L192'>192</a>
258
+ <a name='L193'></a><a href='#L193'>193</a>
259
+ <a name='L194'></a><a href='#L194'>194</a>
260
+ <a name='L195'></a><a href='#L195'>195</a>
261
+ <a name='L196'></a><a href='#L196'>196</a>
262
+ <a name='L197'></a><a href='#L197'>197</a>
263
+ <a name='L198'></a><a href='#L198'>198</a>
264
+ <a name='L199'></a><a href='#L199'>199</a>
265
+ <a name='L200'></a><a href='#L200'>200</a>
266
+ <a name='L201'></a><a href='#L201'>201</a>
267
+ <a name='L202'></a><a href='#L202'>202</a>
268
+ <a name='L203'></a><a href='#L203'>203</a>
269
+ <a name='L204'></a><a href='#L204'>204</a>
270
+ <a name='L205'></a><a href='#L205'>205</a>
271
+ <a name='L206'></a><a href='#L206'>206</a>
272
+ <a name='L207'></a><a href='#L207'>207</a>
273
+ <a name='L208'></a><a href='#L208'>208</a>
274
+ <a name='L209'></a><a href='#L209'>209</a>
275
+ <a name='L210'></a><a href='#L210'>210</a>
276
+ <a name='L211'></a><a href='#L211'>211</a>
277
+ <a name='L212'></a><a href='#L212'>212</a>
278
+ <a name='L213'></a><a href='#L213'>213</a>
279
+ <a name='L214'></a><a href='#L214'>214</a>
280
+ <a name='L215'></a><a href='#L215'>215</a>
281
+ <a name='L216'></a><a href='#L216'>216</a>
282
+ <a name='L217'></a><a href='#L217'>217</a>
283
+ <a name='L218'></a><a href='#L218'>218</a>
284
+ <a name='L219'></a><a href='#L219'>219</a>
285
+ <a name='L220'></a><a href='#L220'>220</a>
286
+ <a name='L221'></a><a href='#L221'>221</a>
287
+ <a name='L222'></a><a href='#L222'>222</a>
288
+ <a name='L223'></a><a href='#L223'>223</a>
289
+ <a name='L224'></a><a href='#L224'>224</a>
290
+ <a name='L225'></a><a href='#L225'>225</a>
291
+ <a name='L226'></a><a href='#L226'>226</a>
292
+ <a name='L227'></a><a href='#L227'>227</a>
293
+ <a name='L228'></a><a href='#L228'>228</a>
294
+ <a name='L229'></a><a href='#L229'>229</a>
295
+ <a name='L230'></a><a href='#L230'>230</a>
296
+ <a name='L231'></a><a href='#L231'>231</a>
297
+ <a name='L232'></a><a href='#L232'>232</a>
298
+ <a name='L233'></a><a href='#L233'>233</a>
299
+ <a name='L234'></a><a href='#L234'>234</a>
300
+ <a name='L235'></a><a href='#L235'>235</a>
301
+ <a name='L236'></a><a href='#L236'>236</a>
302
+ <a name='L237'></a><a href='#L237'>237</a>
303
+ <a name='L238'></a><a href='#L238'>238</a>
304
+ <a name='L239'></a><a href='#L239'>239</a>
305
+ <a name='L240'></a><a href='#L240'>240</a>
306
+ <a name='L241'></a><a href='#L241'>241</a>
307
+ <a name='L242'></a><a href='#L242'>242</a>
308
+ <a name='L243'></a><a href='#L243'>243</a>
309
+ <a name='L244'></a><a href='#L244'>244</a>
310
+ <a name='L245'></a><a href='#L245'>245</a>
311
+ <a name='L246'></a><a href='#L246'>246</a>
312
+ <a name='L247'></a><a href='#L247'>247</a>
313
+ <a name='L248'></a><a href='#L248'>248</a>
314
+ <a name='L249'></a><a href='#L249'>249</a>
315
+ <a name='L250'></a><a href='#L250'>250</a>
316
+ <a name='L251'></a><a href='#L251'>251</a>
317
+ <a name='L252'></a><a href='#L252'>252</a>
318
+ <a name='L253'></a><a href='#L253'>253</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
319
+ <span class="cline-any cline-no">&nbsp;</span>
320
+ <span class="cline-any cline-no">&nbsp;</span>
321
+ <span class="cline-any cline-no">&nbsp;</span>
322
+ <span class="cline-any cline-neutral">&nbsp;</span>
323
+ <span class="cline-any cline-neutral">&nbsp;</span>
324
+ <span class="cline-any cline-neutral">&nbsp;</span>
325
+ <span class="cline-any cline-neutral">&nbsp;</span>
326
+ <span class="cline-any cline-neutral">&nbsp;</span>
327
+ <span class="cline-any cline-neutral">&nbsp;</span>
328
+ <span class="cline-any cline-neutral">&nbsp;</span>
329
+ <span class="cline-any cline-neutral">&nbsp;</span>
330
+ <span class="cline-any cline-neutral">&nbsp;</span>
331
+ <span class="cline-any cline-neutral">&nbsp;</span>
332
+ <span class="cline-any cline-neutral">&nbsp;</span>
333
+ <span class="cline-any cline-neutral">&nbsp;</span>
334
+ <span class="cline-any cline-neutral">&nbsp;</span>
335
+ <span class="cline-any cline-no">&nbsp;</span>
336
+ <span class="cline-any cline-no">&nbsp;</span>
337
+ <span class="cline-any cline-no">&nbsp;</span>
338
+ <span class="cline-any cline-no">&nbsp;</span>
339
+ <span class="cline-any cline-no">&nbsp;</span>
340
+ <span class="cline-any cline-no">&nbsp;</span>
341
+ <span class="cline-any cline-no">&nbsp;</span>
342
+ <span class="cline-any cline-no">&nbsp;</span>
343
+ <span class="cline-any cline-neutral">&nbsp;</span>
344
+ <span class="cline-any cline-no">&nbsp;</span>
345
+ <span class="cline-any cline-no">&nbsp;</span>
346
+ <span class="cline-any cline-no">&nbsp;</span>
347
+ <span class="cline-any cline-no">&nbsp;</span>
348
+ <span class="cline-any cline-no">&nbsp;</span>
349
+ <span class="cline-any cline-no">&nbsp;</span>
350
+ <span class="cline-any cline-no">&nbsp;</span>
351
+ <span class="cline-any cline-no">&nbsp;</span>
352
+ <span class="cline-any cline-neutral">&nbsp;</span>
353
+ <span class="cline-any cline-neutral">&nbsp;</span>
354
+ <span class="cline-any cline-neutral">&nbsp;</span>
355
+ <span class="cline-any cline-neutral">&nbsp;</span>
356
+ <span class="cline-any cline-no">&nbsp;</span>
357
+ <span class="cline-any cline-no">&nbsp;</span>
358
+ <span class="cline-any cline-no">&nbsp;</span>
359
+ <span class="cline-any cline-no">&nbsp;</span>
360
+ <span class="cline-any cline-no">&nbsp;</span>
361
+ <span class="cline-any cline-no">&nbsp;</span>
362
+ <span class="cline-any cline-no">&nbsp;</span>
363
+ <span class="cline-any cline-neutral">&nbsp;</span>
364
+ <span class="cline-any cline-neutral">&nbsp;</span>
365
+ <span class="cline-any cline-neutral">&nbsp;</span>
366
+ <span class="cline-any cline-neutral">&nbsp;</span>
367
+ <span class="cline-any cline-neutral">&nbsp;</span>
368
+ <span class="cline-any cline-no">&nbsp;</span>
369
+ <span class="cline-any cline-neutral">&nbsp;</span>
370
+ <span class="cline-any cline-neutral">&nbsp;</span>
371
+ <span class="cline-any cline-neutral">&nbsp;</span>
372
+ <span class="cline-any cline-no">&nbsp;</span>
373
+ <span class="cline-any cline-no">&nbsp;</span>
374
+ <span class="cline-any cline-no">&nbsp;</span>
375
+ <span class="cline-any cline-neutral">&nbsp;</span>
376
+ <span class="cline-any cline-no">&nbsp;</span>
377
+ <span class="cline-any cline-neutral">&nbsp;</span>
378
+ <span class="cline-any cline-neutral">&nbsp;</span>
379
+ <span class="cline-any cline-neutral">&nbsp;</span>
380
+ <span class="cline-any cline-neutral">&nbsp;</span>
381
+ <span class="cline-any cline-no">&nbsp;</span>
382
+ <span class="cline-any cline-neutral">&nbsp;</span>
383
+ <span class="cline-any cline-neutral">&nbsp;</span>
384
+ <span class="cline-any cline-neutral">&nbsp;</span>
385
+ <span class="cline-any cline-neutral">&nbsp;</span>
386
+ <span class="cline-any cline-neutral">&nbsp;</span>
387
+ <span class="cline-any cline-neutral">&nbsp;</span>
388
+ <span class="cline-any cline-neutral">&nbsp;</span>
389
+ <span class="cline-any cline-neutral">&nbsp;</span>
390
+ <span class="cline-any cline-no">&nbsp;</span>
391
+ <span class="cline-any cline-no">&nbsp;</span>
392
+ <span class="cline-any cline-no">&nbsp;</span>
393
+ <span class="cline-any cline-no">&nbsp;</span>
394
+ <span class="cline-any cline-no">&nbsp;</span>
395
+ <span class="cline-any cline-neutral">&nbsp;</span>
396
+ <span class="cline-any cline-no">&nbsp;</span>
397
+ <span class="cline-any cline-neutral">&nbsp;</span>
398
+ <span class="cline-any cline-neutral">&nbsp;</span>
399
+ <span class="cline-any cline-neutral">&nbsp;</span>
400
+ <span class="cline-any cline-neutral">&nbsp;</span>
401
+ <span class="cline-any cline-neutral">&nbsp;</span>
402
+ <span class="cline-any cline-neutral">&nbsp;</span>
403
+ <span class="cline-any cline-neutral">&nbsp;</span>
404
+ <span class="cline-any cline-neutral">&nbsp;</span>
405
+ <span class="cline-any cline-no">&nbsp;</span>
406
+ <span class="cline-any cline-no">&nbsp;</span>
407
+ <span class="cline-any cline-neutral">&nbsp;</span>
408
+ <span class="cline-any cline-neutral">&nbsp;</span>
409
+ <span class="cline-any cline-neutral">&nbsp;</span>
410
+ <span class="cline-any cline-neutral">&nbsp;</span>
411
+ <span class="cline-any cline-neutral">&nbsp;</span>
412
+ <span class="cline-any cline-neutral">&nbsp;</span>
413
+ <span class="cline-any cline-neutral">&nbsp;</span>
414
+ <span class="cline-any cline-no">&nbsp;</span>
415
+ <span class="cline-any cline-no">&nbsp;</span>
416
+ <span class="cline-any cline-neutral">&nbsp;</span>
417
+ <span class="cline-any cline-no">&nbsp;</span>
418
+ <span class="cline-any cline-no">&nbsp;</span>
419
+ <span class="cline-any cline-neutral">&nbsp;</span>
420
+ <span class="cline-any cline-neutral">&nbsp;</span>
421
+ <span class="cline-any cline-no">&nbsp;</span>
422
+ <span class="cline-any cline-neutral">&nbsp;</span>
423
+ <span class="cline-any cline-neutral">&nbsp;</span>
424
+ <span class="cline-any cline-no">&nbsp;</span>
425
+ <span class="cline-any cline-no">&nbsp;</span>
426
+ <span class="cline-any cline-no">&nbsp;</span>
427
+ <span class="cline-any cline-neutral">&nbsp;</span>
428
+ <span class="cline-any cline-no">&nbsp;</span>
429
+ <span class="cline-any cline-neutral">&nbsp;</span>
430
+ <span class="cline-any cline-neutral">&nbsp;</span>
431
+ <span class="cline-any cline-neutral">&nbsp;</span>
432
+ <span class="cline-any cline-neutral">&nbsp;</span>
433
+ <span class="cline-any cline-neutral">&nbsp;</span>
434
+ <span class="cline-any cline-neutral">&nbsp;</span>
435
+ <span class="cline-any cline-neutral">&nbsp;</span>
436
+ <span class="cline-any cline-neutral">&nbsp;</span>
437
+ <span class="cline-any cline-neutral">&nbsp;</span>
438
+ <span class="cline-any cline-neutral">&nbsp;</span>
439
+ <span class="cline-any cline-neutral">&nbsp;</span>
440
+ <span class="cline-any cline-neutral">&nbsp;</span>
441
+ <span class="cline-any cline-neutral">&nbsp;</span>
442
+ <span class="cline-any cline-neutral">&nbsp;</span>
443
+ <span class="cline-any cline-neutral">&nbsp;</span>
444
+ <span class="cline-any cline-neutral">&nbsp;</span>
445
+ <span class="cline-any cline-no">&nbsp;</span>
446
+ <span class="cline-any cline-neutral">&nbsp;</span>
447
+ <span class="cline-any cline-neutral">&nbsp;</span>
448
+ <span class="cline-any cline-no">&nbsp;</span>
449
+ <span class="cline-any cline-no">&nbsp;</span>
450
+ <span class="cline-any cline-neutral">&nbsp;</span>
451
+ <span class="cline-any cline-no">&nbsp;</span>
452
+ <span class="cline-any cline-no">&nbsp;</span>
453
+ <span class="cline-any cline-neutral">&nbsp;</span>
454
+ <span class="cline-any cline-no">&nbsp;</span>
455
+ <span class="cline-any cline-neutral">&nbsp;</span>
456
+ <span class="cline-any cline-neutral">&nbsp;</span>
457
+ <span class="cline-any cline-no">&nbsp;</span>
458
+ <span class="cline-any cline-no">&nbsp;</span>
459
+ <span class="cline-any cline-neutral">&nbsp;</span>
460
+ <span class="cline-any cline-neutral">&nbsp;</span>
461
+ <span class="cline-any cline-no">&nbsp;</span>
462
+ <span class="cline-any cline-no">&nbsp;</span>
463
+ <span class="cline-any cline-neutral">&nbsp;</span>
464
+ <span class="cline-any cline-no">&nbsp;</span>
465
+ <span class="cline-any cline-no">&nbsp;</span>
466
+ <span class="cline-any cline-no">&nbsp;</span>
467
+ <span class="cline-any cline-no">&nbsp;</span>
468
+ <span class="cline-any cline-no">&nbsp;</span>
469
+ <span class="cline-any cline-neutral">&nbsp;</span>
470
+ <span class="cline-any cline-no">&nbsp;</span>
471
+ <span class="cline-any cline-no">&nbsp;</span>
472
+ <span class="cline-any cline-no">&nbsp;</span>
473
+ <span class="cline-any cline-no">&nbsp;</span>
474
+ <span class="cline-any cline-neutral">&nbsp;</span>
475
+ <span class="cline-any cline-no">&nbsp;</span>
476
+ <span class="cline-any cline-no">&nbsp;</span>
477
+ <span class="cline-any cline-neutral">&nbsp;</span>
478
+ <span class="cline-any cline-no">&nbsp;</span>
479
+ <span class="cline-any cline-no">&nbsp;</span>
480
+ <span class="cline-any cline-neutral">&nbsp;</span>
481
+ <span class="cline-any cline-neutral">&nbsp;</span>
482
+ <span class="cline-any cline-neutral">&nbsp;</span>
483
+ <span class="cline-any cline-no">&nbsp;</span>
484
+ <span class="cline-any cline-no">&nbsp;</span>
485
+ <span class="cline-any cline-neutral">&nbsp;</span>
486
+ <span class="cline-any cline-neutral">&nbsp;</span>
487
+ <span class="cline-any cline-neutral">&nbsp;</span>
488
+ <span class="cline-any cline-neutral">&nbsp;</span>
489
+ <span class="cline-any cline-neutral">&nbsp;</span>
490
+ <span class="cline-any cline-neutral">&nbsp;</span>
491
+ <span class="cline-any cline-neutral">&nbsp;</span>
492
+ <span class="cline-any cline-neutral">&nbsp;</span>
493
+ <span class="cline-any cline-neutral">&nbsp;</span>
494
+ <span class="cline-any cline-neutral">&nbsp;</span>
495
+ <span class="cline-any cline-neutral">&nbsp;</span>
496
+ <span class="cline-any cline-neutral">&nbsp;</span>
497
+ <span class="cline-any cline-no">&nbsp;</span>
498
+ <span class="cline-any cline-no">&nbsp;</span>
499
+ <span class="cline-any cline-neutral">&nbsp;</span>
500
+ <span class="cline-any cline-neutral">&nbsp;</span>
501
+ <span class="cline-any cline-neutral">&nbsp;</span>
502
+ <span class="cline-any cline-neutral">&nbsp;</span>
503
+ <span class="cline-any cline-neutral">&nbsp;</span>
504
+ <span class="cline-any cline-neutral">&nbsp;</span>
505
+ <span class="cline-any cline-neutral">&nbsp;</span>
506
+ <span class="cline-any cline-neutral">&nbsp;</span>
507
+ <span class="cline-any cline-neutral">&nbsp;</span>
508
+ <span class="cline-any cline-neutral">&nbsp;</span>
509
+ <span class="cline-any cline-neutral">&nbsp;</span>
510
+ <span class="cline-any cline-neutral">&nbsp;</span>
511
+ <span class="cline-any cline-neutral">&nbsp;</span>
512
+ <span class="cline-any cline-neutral">&nbsp;</span>
513
+ <span class="cline-any cline-neutral">&nbsp;</span>
514
+ <span class="cline-any cline-neutral">&nbsp;</span>
515
+ <span class="cline-any cline-no">&nbsp;</span>
516
+ <span class="cline-any cline-no">&nbsp;</span>
517
+ <span class="cline-any cline-no">&nbsp;</span>
518
+ <span class="cline-any cline-no">&nbsp;</span>
519
+ <span class="cline-any cline-no">&nbsp;</span>
520
+ <span class="cline-any cline-neutral">&nbsp;</span>
521
+ <span class="cline-any cline-no">&nbsp;</span>
522
+ <span class="cline-any cline-no">&nbsp;</span>
523
+ <span class="cline-any cline-no">&nbsp;</span>
524
+ <span class="cline-any cline-no">&nbsp;</span>
525
+ <span class="cline-any cline-neutral">&nbsp;</span>
526
+ <span class="cline-any cline-no">&nbsp;</span>
527
+ <span class="cline-any cline-no">&nbsp;</span>
528
+ <span class="cline-any cline-no">&nbsp;</span>
529
+ <span class="cline-any cline-neutral">&nbsp;</span>
530
+ <span class="cline-any cline-no">&nbsp;</span>
531
+ <span class="cline-any cline-neutral">&nbsp;</span>
532
+ <span class="cline-any cline-no">&nbsp;</span>
533
+ <span class="cline-any cline-no">&nbsp;</span>
534
+ <span class="cline-any cline-no">&nbsp;</span>
535
+ <span class="cline-any cline-neutral">&nbsp;</span>
536
+ <span class="cline-any cline-neutral">&nbsp;</span>
537
+ <span class="cline-any cline-no">&nbsp;</span>
538
+ <span class="cline-any cline-no">&nbsp;</span>
539
+ <span class="cline-any cline-no">&nbsp;</span>
540
+ <span class="cline-any cline-neutral">&nbsp;</span>
541
+ <span class="cline-any cline-no">&nbsp;</span>
542
+ <span class="cline-any cline-neutral">&nbsp;</span>
543
+ <span class="cline-any cline-no">&nbsp;</span>
544
+ <span class="cline-any cline-no">&nbsp;</span>
545
+ <span class="cline-any cline-no">&nbsp;</span>
546
+ <span class="cline-any cline-neutral">&nbsp;</span>
547
+ <span class="cline-any cline-no">&nbsp;</span>
548
+ <span class="cline-any cline-neutral">&nbsp;</span>
549
+ <span class="cline-any cline-neutral">&nbsp;</span>
550
+ <span class="cline-any cline-no">&nbsp;</span>
551
+ <span class="cline-any cline-neutral">&nbsp;</span>
552
+ <span class="cline-any cline-no">&nbsp;</span>
553
+ <span class="cline-any cline-neutral">&nbsp;</span>
554
+ <span class="cline-any cline-neutral">&nbsp;</span>
555
+ <span class="cline-any cline-neutral">&nbsp;</span>
556
+ <span class="cline-any cline-neutral">&nbsp;</span>
557
+ <span class="cline-any cline-neutral">&nbsp;</span>
558
+ <span class="cline-any cline-neutral">&nbsp;</span>
559
+ <span class="cline-any cline-no">&nbsp;</span>
560
+ <span class="cline-any cline-neutral">&nbsp;</span>
561
+ <span class="cline-any cline-neutral">&nbsp;</span>
562
+ <span class="cline-any cline-neutral">&nbsp;</span>
563
+ <span class="cline-any cline-neutral">&nbsp;</span>
564
+ <span class="cline-any cline-neutral">&nbsp;</span>
565
+ <span class="cline-any cline-neutral">&nbsp;</span>
566
+ <span class="cline-any cline-neutral">&nbsp;</span>
567
+ <span class="cline-any cline-neutral">&nbsp;</span>
568
+ <span class="cline-any cline-neutral">&nbsp;</span>
569
+ <span class="cline-any cline-neutral">&nbsp;</span>
570
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type App from '../app/index.js'
571
+ <span class="cstat-no" title="statement not covered" >import { hasTag } from '../app/guards.js'</span>
572
+ <span class="cstat-no" title="statement not covered" >import { isURL, getTimeOrigin } from '../utils.js'</span>
573
+ <span class="cstat-no" title="statement not covered" >import { ResourceTiming, PageLoadTiming, PageRenderTiming } from '../app/messages.gen.js'</span>
574
+ &nbsp;
575
+ // Inspired by https://github.com/WPO-Foundation/RUM-SpeedIndex/blob/master/src/rum-speedindex.js
576
+ &nbsp;
577
+ interface ResourcesTimeMap {
578
+ [k: string]: number
579
+ }
580
+ &nbsp;
581
+ interface PaintBlock {
582
+ time: number
583
+ area: number
584
+ }
585
+ &nbsp;
586
+ function <span class="fstat-no" title="function not covered" >getPaintBlocks(</span>resources: ResourcesTimeMap): Array&lt;PaintBlock&gt; {
587
+ const paintBlocks: Array&lt;PaintBlock&gt; = <span class="cstat-no" title="statement not covered" >[]</span>
588
+ const elements = <span class="cstat-no" title="statement not covered" >document.getElementsByTagName('*')</span>
589
+ const styleURL = <span class="cstat-no" title="statement not covered" >/url\(("[^"]*"|'[^']*'|[^)]*)\)/i</span>
590
+ <span class="cstat-no" title="statement not covered" > for (let i = <span class="cstat-no" title="statement not covered" >0;</span> i &lt; elements.length; i++) {</span>
591
+ const element = <span class="cstat-no" title="statement not covered" >elements[i]</span>
592
+ let src = <span class="cstat-no" title="statement not covered" >''</span>
593
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (hasTag(element, 'img')) {</span>
594
+ <span class="cstat-no" title="statement not covered" > src = element.currentSrc || element.src</span>
595
+ }
596
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (!src) {</span>
597
+ const backgroundImage = <span class="cstat-no" title="statement not covered" >getComputedStyle(element).getPropertyValue('background-image')</span>
598
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (backgroundImage) {</span>
599
+ const matches = <span class="cstat-no" title="statement not covered" >styleURL.exec(backgroundImage)</span>
600
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (matches !== null) {</span>
601
+ <span class="cstat-no" title="statement not covered" > src = matches[1]</span>
602
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (src.startsWith('"') || src.startsWith("'")) {</span>
603
+ <span class="cstat-no" title="statement not covered" > src = src.substr(1, src.length - 2)</span>
604
+ }
605
+ }
606
+ }
607
+ }
608
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (!src) <span class="cstat-no" title="statement not covered" >continue</span></span>
609
+ const time = <span class="cstat-no" title="statement not covered" >src.substr(0, 10) === 'data:image' ? 0 : resources[src]</span>
610
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (time === undefined) <span class="cstat-no" title="statement not covered" >continue</span></span>
611
+ const rect = <span class="cstat-no" title="statement not covered" >element.getBoundingClientRect()</span>
612
+ const top = <span class="cstat-no" title="statement not covered" >Math.max(rect.top, 0)</span>
613
+ const left = <span class="cstat-no" title="statement not covered" >Math.max(rect.left, 0)</span>
614
+ const bottom = <span class="cstat-no" title="statement not covered" >Math.min(</span>
615
+ rect.bottom,
616
+ window.innerHeight ||
617
+ (document.documentElement &amp;&amp; document.documentElement.clientHeight) ||
618
+ 0,
619
+ )
620
+ const right = <span class="cstat-no" title="statement not covered" >Math.min(</span>
621
+ rect.right,
622
+ window.innerWidth || (document.documentElement &amp;&amp; document.documentElement.clientWidth) || 0,
623
+ )
624
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (bottom &lt;= top || right &lt;= left) <span class="cstat-no" title="statement not covered" >continue</span></span>
625
+ const area = <span class="cstat-no" title="statement not covered" >(bottom - top) * (right - left)</span>
626
+ <span class="cstat-no" title="statement not covered" > paintBlocks.push({ time, area })</span>
627
+ }
628
+ <span class="cstat-no" title="statement not covered" > return paintBlocks</span>
629
+ }
630
+ &nbsp;
631
+ function <span class="fstat-no" title="function not covered" >calculateSpeedIndex(</span>firstContentfulPaint: number, paintBlocks: Array&lt;PaintBlock&gt;): number {
632
+ let a =
633
+ <span class="cstat-no" title="statement not covered" > (Math.max(</span>
634
+ (document.documentElement &amp;&amp; document.documentElement.clientWidth) || 0,
635
+ window.innerWidth || 0,
636
+ ) *
637
+ Math.max(
638
+ (document.documentElement &amp;&amp; document.documentElement.clientHeight) || 0,
639
+ window.innerHeight || 0,
640
+ )) /
641
+ 10
642
+ let s = <span class="cstat-no" title="statement not covered" >a * firstContentfulPaint</span>
643
+ <span class="cstat-no" title="statement not covered" > for (let i = <span class="cstat-no" title="statement not covered" >0;</span> i &lt; paintBlocks.length; i++) {</span>
644
+ const { time, area } = <span class="cstat-no" title="statement not covered" >paintBlocks[i]</span>
645
+ <span class="cstat-no" title="statement not covered" > a += area</span>
646
+ <span class="cstat-no" title="statement not covered" > s += area * (time &gt; firstContentfulPaint ? time : firstContentfulPaint)</span>
647
+ }
648
+ <span class="cstat-no" title="statement not covered" > return a === 0 ? 0 : s / a</span>
649
+ }
650
+ &nbsp;
651
+ export interface Options {
652
+ captureResourceTimings: boolean
653
+ capturePageLoadTimings: boolean
654
+ capturePageRenderTimings: boolean
655
+ }
656
+ &nbsp;
657
+ <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >export default function (a</span></span>pp: App, opts: Partial&lt;Options&gt;): void {
658
+ const options: Options = <span class="cstat-no" title="statement not covered" >Object.assign(</span>
659
+ {
660
+ captureResourceTimings: true,
661
+ capturePageLoadTimings: true,
662
+ capturePageRenderTimings: true,
663
+ },
664
+ opts,
665
+ )
666
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (!('PerformanceObserver' in window)) {</span>
667
+ <span class="cstat-no" title="statement not covered" > options.captureResourceTimings = false</span>
668
+ }
669
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (!options.captureResourceTimings) {</span>
670
+ <span class="cstat-no" title="statement not covered" > return</span>
671
+ } // Resources are necessary for all timings
672
+ &nbsp;
673
+ let resources: ResourcesTimeMap | null = <span class="cstat-no" title="statement not covered" >{}</span>
674
+ &nbsp;
675
+ function <span class="fstat-no" title="function not covered" >resourceTiming(</span>entry: PerformanceResourceTiming): void {
676
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (entry.duration &lt; 0 || !isURL(entry.name) || app.isServiceURL(entry.name)) <span class="cstat-no" title="statement not covered" >return</span></span>
677
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (resources !== null) {</span>
678
+ <span class="cstat-no" title="statement not covered" > resources[entry.name] = entry.startTime + entry.duration</span>
679
+ }
680
+ <span class="cstat-no" title="statement not covered" > app.send(</span>
681
+ ResourceTiming(
682
+ entry.startTime + getTimeOrigin(),
683
+ entry.duration,
684
+ entry.responseStart &amp;&amp; entry.startTime ? entry.responseStart - entry.startTime : 0,
685
+ entry.transferSize &gt; entry.encodedBodySize ? entry.transferSize - entry.encodedBodySize : 0,
686
+ entry.encodedBodySize || 0,
687
+ entry.decodedBodySize || 0,
688
+ entry.name,
689
+ entry.initiatorType,
690
+ entry.transferSize,
691
+ // @ts-ignore
692
+ (entry.responseStatus &amp;&amp; entry.responseStatus === 304) || entry.transferSize === 0,
693
+ ),
694
+ )
695
+ }
696
+ &nbsp;
697
+ const observer = <span class="cstat-no" title="statement not covered" >new PerformanceObserver(<span class="fstat-no" title="function not covered" >(l</span>ist) =&gt; <span class="cstat-no" title="statement not covered" >list.getEntries().forEach(resourceTiming))</span></span>
698
+ &nbsp;
699
+ let prevSessionID: string | undefined
700
+ <span class="cstat-no" title="statement not covered" > app.attachStartCallback(<span class="fstat-no" title="function not covered" >function ({</span> sessionID }) {</span>
701
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (sessionID !== prevSessionID) {</span>
702
+ // Send past page resources on a newly started session
703
+ <span class="cstat-no" title="statement not covered" > performance.getEntriesByType('resource').forEach(resourceTiming)</span>
704
+ <span class="cstat-no" title="statement not covered" > prevSessionID = sessionID</span>
705
+ }
706
+ <span class="cstat-no" title="statement not covered" > observer.observe({ entryTypes: ['resource'] })</span>
707
+ })
708
+ &nbsp;
709
+ <span class="cstat-no" title="statement not covered" > app.attachStopCallback(<span class="fstat-no" title="function not covered" >function () {</span></span>
710
+ <span class="cstat-no" title="statement not covered" > observer.disconnect()</span>
711
+ })
712
+ &nbsp;
713
+ let firstPaint = <span class="cstat-no" title="statement not covered" >0,</span>
714
+ firstContentfulPaint = <span class="cstat-no" title="statement not covered" >0</span>
715
+ &nbsp;
716
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (options.capturePageLoadTimings) {</span>
717
+ let pageLoadTimingSent = <span class="cstat-no" title="statement not covered" >false</span>
718
+ <span class="cstat-no" title="statement not covered" > app.ticker.attach(<span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
719
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (pageLoadTimingSent) {</span>
720
+ <span class="cstat-no" title="statement not covered" > return</span>
721
+ }
722
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (firstPaint === 0 || firstContentfulPaint === 0) {</span>
723
+ <span class="cstat-no" title="statement not covered" > performance.getEntriesByType('paint').forEach(<span class="fstat-no" title="function not covered" >(e</span>ntry: PerformanceEntry) =&gt; {</span>
724
+ const { name, startTime } = <span class="cstat-no" title="statement not covered" >entry</span>
725
+ <span class="cstat-no" title="statement not covered" > switch (name) {</span>
726
+ case 'first-paint':
727
+ <span class="cstat-no" title="statement not covered" > firstPaint = startTime</span>
728
+ <span class="cstat-no" title="statement not covered" > break</span>
729
+ case 'first-contentful-paint':
730
+ <span class="cstat-no" title="statement not covered" > firstContentfulPaint = startTime</span>
731
+ <span class="cstat-no" title="statement not covered" > break</span>
732
+ }
733
+ })
734
+ }
735
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (performance.timing.loadEventEnd || performance.now() &gt; 30000) {</span>
736
+ <span class="cstat-no" title="statement not covered" > pageLoadTimingSent = true</span>
737
+ const {
738
+ // should be ok to use here, (https://github.com/mdn/content/issues/4713)
739
+ // since it is compared with the values obtained on the page load (before any possible sleep state)
740
+ // deprecated though
741
+ navigationStart,
742
+ requestStart,
743
+ responseStart,
744
+ responseEnd,
745
+ domContentLoadedEventStart,
746
+ domContentLoadedEventEnd,
747
+ loadEventStart,
748
+ loadEventEnd,
749
+ } = <span class="cstat-no" title="statement not covered" >performance.timing</span>
750
+ <span class="cstat-no" title="statement not covered" > app.send(</span>
751
+ PageLoadTiming(
752
+ requestStart - navigationStart || 0,
753
+ responseStart - navigationStart || 0,
754
+ responseEnd - navigationStart || 0,
755
+ domContentLoadedEventStart - navigationStart || 0,
756
+ domContentLoadedEventEnd - navigationStart || 0,
757
+ loadEventStart - navigationStart || 0,
758
+ loadEventEnd - navigationStart || 0,
759
+ firstPaint,
760
+ firstContentfulPaint,
761
+ ),
762
+ )
763
+ }
764
+ }, 30)
765
+ }
766
+ &nbsp;
767
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (options.capturePageRenderTimings) {</span>
768
+ let visuallyComplete = <span class="cstat-no" title="statement not covered" >0,</span>
769
+ interactiveWindowStartTime = <span class="cstat-no" title="statement not covered" >0,</span>
770
+ interactiveWindowTickTime: number | null = <span class="cstat-no" title="statement not covered" >0,</span>
771
+ paintBlocks: Array&lt;PaintBlock&gt; | null = <span class="cstat-no" title="statement not covered" >null</span>
772
+ &nbsp;
773
+ let pageRenderTimingSent = <span class="cstat-no" title="statement not covered" >false</span>
774
+ <span class="cstat-no" title="statement not covered" > app.ticker.attach(<span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
775
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (pageRenderTimingSent) {</span>
776
+ <span class="cstat-no" title="statement not covered" > return</span>
777
+ }
778
+ const time = <span class="cstat-no" title="statement not covered" >performance.now()</span>
779
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (resources !== null) {</span>
780
+ <span class="cstat-no" title="statement not covered" > visuallyComplete = Math.max.apply(</span>
781
+ null,
782
+ Object.keys(resources).map(<span class="fstat-no" title="function not covered" >(k</span>) =&gt; (<span class="cstat-no" title="statement not covered" >resources as any)[k])</span>,
783
+ )
784
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (time - visuallyComplete &gt; 1000) {</span>
785
+ <span class="cstat-no" title="statement not covered" > paintBlocks = getPaintBlocks(resources)</span>
786
+ <span class="cstat-no" title="statement not covered" > resources = null</span>
787
+ }
788
+ }
789
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (interactiveWindowTickTime !== null) {</span>
790
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (time - interactiveWindowTickTime &gt; 50) {</span>
791
+ <span class="cstat-no" title="statement not covered" > interactiveWindowStartTime = time</span>
792
+ }
793
+ <span class="cstat-no" title="statement not covered" > interactiveWindowTickTime = time - interactiveWindowStartTime &gt; 5000 ? null : time</span>
794
+ }
795
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if ((paintBlocks !== null &amp;&amp; interactiveWindowTickTime === null) || time &gt; 30000) {</span>
796
+ <span class="cstat-no" title="statement not covered" > pageRenderTimingSent = true</span>
797
+ <span class="cstat-no" title="statement not covered" > resources = null</span>
798
+ const speedIndex =
799
+ <span class="cstat-no" title="statement not covered" > paintBlocks === null</span>
800
+ ? 0
801
+ : calculateSpeedIndex(firstContentfulPaint || firstPaint, paintBlocks)
802
+ const { domContentLoadedEventEnd, navigationStart } = <span class="cstat-no" title="statement not covered" >performance.timing</span>
803
+ const timeToInteractive =
804
+ <span class="cstat-no" title="statement not covered" > interactiveWindowTickTime === null</span>
805
+ ? Math.max(
806
+ interactiveWindowStartTime,
807
+ firstContentfulPaint,
808
+ domContentLoadedEventEnd - navigationStart || 0,
809
+ )
810
+ : 0
811
+ <span class="cstat-no" title="statement not covered" > app.send(</span>
812
+ PageRenderTiming(
813
+ speedIndex,
814
+ firstContentfulPaint &gt; visuallyComplete ? firstContentfulPaint : visuallyComplete,
815
+ timeToInteractive,
816
+ ),
817
+ )
818
+ }
819
+ })
820
+ }
821
+ }
822
+ &nbsp;</pre></td></tr></table></pre>
823
+
824
+ <div class='push'></div><!-- for sticky footer -->
825
+ </div><!-- /wrapper -->
826
+ <div class='footer quiet pad2 space-top1 center small'>
827
+ Code coverage generated by
828
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
829
+ at 2023-10-17T13:37:58.420Z
830
+ </div>
831
+ <script src="../../prettify.js"></script>
832
+ <script>
833
+ window.onload = function () {
834
+ prettyPrint();
835
+ };
836
+ </script>
837
+ <script src="../../sorter.js"></script>
838
+ <script src="../../block-navigation.js"></script>
839
+ </body>
840
+ </html>
841
+