@openreplay/tracker 11.0.2 → 11.0.4

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 (79) hide show
  1. package/CHANGELOG.md +6 -1
  2. package/cjs/app/canvas.js +9 -7
  3. package/cjs/app/index.js +7 -6
  4. package/cjs/app/observer/iframe_observer.js +1 -1
  5. package/cjs/app/observer/shadow_root_observer.js +1 -1
  6. package/cjs/index.js +1 -1
  7. package/cjs/modules/Network/xhrProxy.js +1 -1
  8. package/coverage/clover.xml +507 -722
  9. package/coverage/coverage-final.json +10 -10
  10. package/coverage/lcov-report/index.html +32 -32
  11. package/coverage/lcov-report/main/app/canvas.ts.html +8 -14
  12. package/coverage/lcov-report/main/app/guards.ts.html +1 -1
  13. package/coverage/lcov-report/main/app/index.html +14 -14
  14. package/coverage/lcov-report/main/app/index.ts.html +106 -826
  15. package/coverage/lcov-report/main/app/logger.ts.html +1 -1
  16. package/coverage/lcov-report/main/app/messages.gen.ts.html +62 -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 +2 -2
  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 +2 -2
  22. package/coverage/lcov-report/main/app/observer/top_observer.ts.html +1 -1
  23. package/coverage/lcov-report/main/app/sanitizer.ts.html +1 -1
  24. package/coverage/lcov-report/main/app/session.ts.html +1 -1
  25. package/coverage/lcov-report/main/app/ticker.ts.html +1 -1
  26. package/coverage/lcov-report/main/index.html +9 -9
  27. package/coverage/lcov-report/main/index.ts.html +118 -223
  28. package/coverage/lcov-report/main/modules/Network/beaconProxy.ts.html +1 -1
  29. package/coverage/lcov-report/main/modules/Network/fetchProxy.ts.html +21 -6
  30. package/coverage/lcov-report/main/modules/Network/index.html +6 -6
  31. package/coverage/lcov-report/main/modules/Network/index.ts.html +1 -1
  32. package/coverage/lcov-report/main/modules/Network/networkMessage.ts.html +1 -1
  33. package/coverage/lcov-report/main/modules/Network/utils.ts.html +1 -1
  34. package/coverage/lcov-report/main/modules/Network/xhrProxy.ts.html +3 -3
  35. package/coverage/lcov-report/main/modules/attributeSender.ts.html +1 -1
  36. package/coverage/lcov-report/main/modules/axiosSpy.ts.html +1 -1
  37. package/coverage/lcov-report/main/modules/conditionsManager.ts.html +680 -179
  38. package/coverage/lcov-report/main/modules/connection.ts.html +1 -1
  39. package/coverage/lcov-report/main/modules/console.ts.html +1 -1
  40. package/coverage/lcov-report/main/modules/constructedStyleSheets.ts.html +1 -1
  41. package/coverage/lcov-report/main/modules/cssrules.ts.html +1 -1
  42. package/coverage/lcov-report/main/modules/exception.ts.html +1 -1
  43. package/coverage/lcov-report/main/modules/featureFlags.ts.html +7 -10
  44. package/coverage/lcov-report/main/modules/focus.ts.html +1 -1
  45. package/coverage/lcov-report/main/modules/fonts.ts.html +1 -1
  46. package/coverage/lcov-report/main/modules/img.ts.html +1 -1
  47. package/coverage/lcov-report/main/modules/index.html +27 -27
  48. package/coverage/lcov-report/main/modules/input.ts.html +1 -1
  49. package/coverage/lcov-report/main/modules/mouse.ts.html +1 -1
  50. package/coverage/lcov-report/main/modules/network.ts.html +1 -1
  51. package/coverage/lcov-report/main/modules/performance.ts.html +1 -1
  52. package/coverage/lcov-report/main/modules/scroll.ts.html +1 -1
  53. package/coverage/lcov-report/main/modules/selection.ts.html +1 -1
  54. package/coverage/lcov-report/main/modules/tabs.ts.html +1 -1
  55. package/coverage/lcov-report/main/modules/tagWatcher.ts.html +250 -0
  56. package/coverage/lcov-report/main/modules/timing.ts.html +1 -1
  57. package/coverage/lcov-report/main/modules/userTesting/SignalManager.ts.html +1 -1
  58. package/coverage/lcov-report/main/modules/userTesting/dnd.ts.html +1 -1
  59. package/coverage/lcov-report/main/modules/userTesting/index.html +1 -1
  60. package/coverage/lcov-report/main/modules/userTesting/index.ts.html +1 -1
  61. package/coverage/lcov-report/main/modules/userTesting/recorder.ts.html +1 -1
  62. package/coverage/lcov-report/main/modules/userTesting/styles.ts.html +1 -1
  63. package/coverage/lcov-report/main/modules/userTesting/utils.ts.html +1 -1
  64. package/coverage/lcov-report/main/modules/viewport.ts.html +1 -1
  65. package/coverage/lcov-report/main/utils.ts.html +1 -1
  66. package/coverage/lcov-report/webworker/BatchWriter.ts.html +1 -1
  67. package/coverage/lcov-report/webworker/MessageEncoder.gen.ts.html +17 -5
  68. package/coverage/lcov-report/webworker/PrimitiveEncoder.ts.html +1 -1
  69. package/coverage/lcov-report/webworker/QueueSender.ts.html +1 -1
  70. package/coverage/lcov-report/webworker/index.html +10 -10
  71. package/coverage/lcov-report/webworker/index.ts.html +16 -22
  72. package/coverage/lcov.info +986 -1371
  73. package/lib/app/canvas.js +9 -7
  74. package/lib/app/index.js +7 -6
  75. package/lib/app/observer/iframe_observer.js +1 -1
  76. package/lib/app/observer/shadow_root_observer.js +1 -1
  77. package/lib/index.js +1 -1
  78. package/lib/modules/Network/xhrProxy.js +1 -1
  79. package/package.json +1 -1
package/coverage/lcov-report/main/index.ts.html CHANGED
@@ -25,28 +25,28 @@
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/200</span>
28
+ <span class='fraction'>0/177</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/114</span>
35
+ <span class='fraction'>0/91</span>
36
36
  </div>
37
37
 
38
38
 
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/37</span>
42
+ <span class='fraction'>0/35</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/198</span>
49
+ <span class='fraction'>0/175</span>
50
50
  </div>
51
51
 
52
52
 
@@ -462,42 +462,7 @@
462
462
  <a name='L397'></a><a href='#L397'>397</a>
463
463
  <a name='L398'></a><a href='#L398'>398</a>
464
464
  <a name='L399'></a><a href='#L399'>399</a>
465
- <a name='L400'></a><a href='#L400'>400</a>
466
- <a name='L401'></a><a href='#L401'>401</a>
467
- <a name='L402'></a><a href='#L402'>402</a>
468
- <a name='L403'></a><a href='#L403'>403</a>
469
- <a name='L404'></a><a href='#L404'>404</a>
470
- <a name='L405'></a><a href='#L405'>405</a>
471
- <a name='L406'></a><a href='#L406'>406</a>
472
- <a name='L407'></a><a href='#L407'>407</a>
473
- <a name='L408'></a><a href='#L408'>408</a>
474
- <a name='L409'></a><a href='#L409'>409</a>
475
- <a name='L410'></a><a href='#L410'>410</a>
476
- <a name='L411'></a><a href='#L411'>411</a>
477
- <a name='L412'></a><a href='#L412'>412</a>
478
- <a name='L413'></a><a href='#L413'>413</a>
479
- <a name='L414'></a><a href='#L414'>414</a>
480
- <a name='L415'></a><a href='#L415'>415</a>
481
- <a name='L416'></a><a href='#L416'>416</a>
482
- <a name='L417'></a><a href='#L417'>417</a>
483
- <a name='L418'></a><a href='#L418'>418</a>
484
- <a name='L419'></a><a href='#L419'>419</a>
485
- <a name='L420'></a><a href='#L420'>420</a>
486
- <a name='L421'></a><a href='#L421'>421</a>
487
- <a name='L422'></a><a href='#L422'>422</a>
488
- <a name='L423'></a><a href='#L423'>423</a>
489
- <a name='L424'></a><a href='#L424'>424</a>
490
- <a name='L425'></a><a href='#L425'>425</a>
491
- <a name='L426'></a><a href='#L426'>426</a>
492
- <a name='L427'></a><a href='#L427'>427</a>
493
- <a name='L428'></a><a href='#L428'>428</a>
494
- <a name='L429'></a><a href='#L429'>429</a>
495
- <a name='L430'></a><a href='#L430'>430</a>
496
- <a name='L431'></a><a href='#L431'>431</a>
497
- <a name='L432'></a><a href='#L432'>432</a>
498
- <a name='L433'></a><a href='#L433'>433</a>
499
- <a name='L434'></a><a href='#L434'>434</a>
500
- <a name='L435'></a><a href='#L435'>435</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
465
+ <a name='L400'></a><a href='#L400'>400</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
501
466
  <span class="cline-any cline-neutral">&nbsp;</span>
502
467
  <span class="cline-any cline-no">&nbsp;</span>
503
468
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -529,7 +494,7 @@
529
494
  <span class="cline-any cline-no">&nbsp;</span>
530
495
  <span class="cline-any cline-neutral">&nbsp;</span>
531
496
  <span class="cline-any cline-no">&nbsp;</span>
532
- <span class="cline-any cline-neutral">&nbsp;</span>
497
+ <span class="cline-any cline-no">&nbsp;</span>
533
498
  <span class="cline-any cline-neutral">&nbsp;</span>
534
499
  <span class="cline-any cline-neutral">&nbsp;</span>
535
500
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -612,12 +577,12 @@
612
577
  <span class="cline-any cline-neutral">&nbsp;</span>
613
578
  <span class="cline-any cline-no">&nbsp;</span>
614
579
  <span class="cline-any cline-neutral">&nbsp;</span>
615
- <span class="cline-any cline-no">&nbsp;</span>
616
- <span class="cline-any cline-no">&nbsp;</span>
580
+ <span class="cline-any cline-neutral">&nbsp;</span>
617
581
  <span class="cline-any cline-no">&nbsp;</span>
618
582
  <span class="cline-any cline-neutral">&nbsp;</span>
619
583
  <span class="cline-any cline-neutral">&nbsp;</span>
620
584
  <span class="cline-any cline-neutral">&nbsp;</span>
585
+ <span class="cline-any cline-no">&nbsp;</span>
621
586
  <span class="cline-any cline-neutral">&nbsp;</span>
622
587
  <span class="cline-any cline-neutral">&nbsp;</span>
623
588
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -625,37 +590,13 @@
625
590
  <span class="cline-any cline-neutral">&nbsp;</span>
626
591
  <span class="cline-any cline-neutral">&nbsp;</span>
627
592
  <span class="cline-any cline-neutral">&nbsp;</span>
628
- <span class="cline-any cline-no">&nbsp;</span>
629
- <span class="cline-any cline-no">&nbsp;</span>
630
593
  <span class="cline-any cline-neutral">&nbsp;</span>
631
- <span class="cline-any cline-no">&nbsp;</span>
632
- <span class="cline-any cline-no">&nbsp;</span>
633
- <span class="cline-any cline-no">&nbsp;</span>
634
- <span class="cline-any cline-no">&nbsp;</span>
635
- <span class="cline-any cline-no">&nbsp;</span>
636
594
  <span class="cline-any cline-neutral">&nbsp;</span>
637
- <span class="cline-any cline-no">&nbsp;</span>
638
- <span class="cline-any cline-no">&nbsp;</span>
639
- <span class="cline-any cline-no">&nbsp;</span>
640
- <span class="cline-any cline-no">&nbsp;</span>
641
595
  <span class="cline-any cline-neutral">&nbsp;</span>
642
596
  <span class="cline-any cline-neutral">&nbsp;</span>
643
597
  <span class="cline-any cline-no">&nbsp;</span>
644
598
  <span class="cline-any cline-no">&nbsp;</span>
645
599
  <span class="cline-any cline-no">&nbsp;</span>
646
- <span class="cline-any cline-neutral">&nbsp;</span>
647
- <span class="cline-any cline-neutral">&nbsp;</span>
648
- <span class="cline-any cline-neutral">&nbsp;</span>
649
- <span class="cline-any cline-neutral">&nbsp;</span>
650
- <span class="cline-any cline-no">&nbsp;</span>
651
- <span class="cline-any cline-no">&nbsp;</span>
652
- <span class="cline-any cline-no">&nbsp;</span>
653
- <span class="cline-any cline-neutral">&nbsp;</span>
654
- <span class="cline-any cline-neutral">&nbsp;</span>
655
- <span class="cline-any cline-no">&nbsp;</span>
656
- <span class="cline-any cline-no">&nbsp;</span>
657
- <span class="cline-any cline-neutral">&nbsp;</span>
658
- <span class="cline-any cline-neutral">&nbsp;</span>
659
600
  <span class="cline-any cline-no">&nbsp;</span>
660
601
  <span class="cline-any cline-no">&nbsp;</span>
661
602
  <span class="cline-any cline-no">&nbsp;</span>
@@ -673,12 +614,12 @@
673
614
  <span class="cline-any cline-no">&nbsp;</span>
674
615
  <span class="cline-any cline-no">&nbsp;</span>
675
616
  <span class="cline-any cline-no">&nbsp;</span>
617
+ <span class="cline-any cline-neutral">&nbsp;</span>
676
618
  <span class="cline-any cline-no">&nbsp;</span>
677
619
  <span class="cline-any cline-no">&nbsp;</span>
678
620
  <span class="cline-any cline-no">&nbsp;</span>
679
621
  <span class="cline-any cline-neutral">&nbsp;</span>
680
622
  <span class="cline-any cline-no">&nbsp;</span>
681
- <span class="cline-any cline-no">&nbsp;</span>
682
623
  <span class="cline-any cline-neutral">&nbsp;</span>
683
624
  <span class="cline-any cline-no">&nbsp;</span>
684
625
  <span class="cline-any cline-no">&nbsp;</span>
@@ -703,21 +644,14 @@
703
644
  <span class="cline-any cline-neutral">&nbsp;</span>
704
645
  <span class="cline-any cline-neutral">&nbsp;</span>
705
646
  <span class="cline-any cline-neutral">&nbsp;</span>
706
- <span class="cline-any cline-neutral">&nbsp;</span>
707
- <span class="cline-any cline-neutral">&nbsp;</span>
708
647
  <span class="cline-any cline-no">&nbsp;</span>
709
648
  <span class="cline-any cline-neutral">&nbsp;</span>
710
649
  <span class="cline-any cline-neutral">&nbsp;</span>
711
- <span class="cline-any cline-neutral">&nbsp;</span>
712
- <span class="cline-any cline-neutral">&nbsp;</span>
713
- <span class="cline-any cline-neutral">&nbsp;</span>
714
- <span class="cline-any cline-neutral">&nbsp;</span>
715
- <span class="cline-any cline-neutral">&nbsp;</span>
716
- <span class="cline-any cline-neutral">&nbsp;</span>
717
- <span class="cline-any cline-no">&nbsp;</span>
718
650
  <span class="cline-any cline-no">&nbsp;</span>
719
651
  <span class="cline-any cline-no">&nbsp;</span>
720
652
  <span class="cline-any cline-no">&nbsp;</span>
653
+ <span class="cline-any cline-neutral">&nbsp;</span>
654
+ <span class="cline-any cline-neutral">&nbsp;</span>
721
655
  <span class="cline-any cline-no">&nbsp;</span>
722
656
  <span class="cline-any cline-neutral">&nbsp;</span>
723
657
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -765,22 +699,15 @@
765
699
  <span class="cline-any cline-neutral">&nbsp;</span>
766
700
  <span class="cline-any cline-neutral">&nbsp;</span>
767
701
  <span class="cline-any cline-neutral">&nbsp;</span>
768
- <span class="cline-any cline-no">&nbsp;</span>
769
- <span class="cline-any cline-no">&nbsp;</span>
770
- <span class="cline-any cline-no">&nbsp;</span>
771
702
  <span class="cline-any cline-neutral">&nbsp;</span>
772
- <span class="cline-any cline-no">&nbsp;</span>
773
- <span class="cline-any cline-neutral">&nbsp;</span>
774
- <span class="cline-any cline-no">&nbsp;</span>
775
703
  <span class="cline-any cline-neutral">&nbsp;</span>
776
704
  <span class="cline-any cline-neutral">&nbsp;</span>
777
705
  <span class="cline-any cline-neutral">&nbsp;</span>
778
706
  <span class="cline-any cline-neutral">&nbsp;</span>
779
- <span class="cline-any cline-no">&nbsp;</span>
780
- <span class="cline-any cline-no">&nbsp;</span>
781
707
  <span class="cline-any cline-neutral">&nbsp;</span>
782
708
  <span class="cline-any cline-neutral">&nbsp;</span>
783
709
  <span class="cline-any cline-no">&nbsp;</span>
710
+ <span class="cline-any cline-no">&nbsp;</span>
784
711
  <span class="cline-any cline-neutral">&nbsp;</span>
785
712
  <span class="cline-any cline-no">&nbsp;</span>
786
713
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -788,13 +715,16 @@
788
715
  <span class="cline-any cline-neutral">&nbsp;</span>
789
716
  <span class="cline-any cline-no">&nbsp;</span>
790
717
  <span class="cline-any cline-no">&nbsp;</span>
791
- <span class="cline-any cline-no">&nbsp;</span>
718
+ <span class="cline-any cline-neutral">&nbsp;</span>
792
719
  <span class="cline-any cline-neutral">&nbsp;</span>
793
720
  <span class="cline-any cline-no">&nbsp;</span>
794
721
  <span class="cline-any cline-neutral">&nbsp;</span>
795
722
  <span class="cline-any cline-no">&nbsp;</span>
723
+ <span class="cline-any cline-no">&nbsp;</span>
796
724
  <span class="cline-any cline-neutral">&nbsp;</span>
797
725
  <span class="cline-any cline-neutral">&nbsp;</span>
726
+ <span class="cline-any cline-no">&nbsp;</span>
727
+ <span class="cline-any cline-neutral">&nbsp;</span>
798
728
  <span class="cline-any cline-neutral">&nbsp;</span>
799
729
  <span class="cline-any cline-neutral">&nbsp;</span>
800
730
  <span class="cline-any cline-no">&nbsp;</span>
@@ -963,7 +893,7 @@ export const <span class="cstat-no" title="statement not covered" >Messages = _M
963
893
  <span class="cstat-no" title="statement not covered" >import Tabs from './modules/tabs.js'</span>
964
894
  &nbsp;
965
895
  <span class="cstat-no" title="statement not covered" >import { IN_BROWSER, deprecationWarn, DOCS_HOST } from './utils.js'</span>
966
- import FeatureFlags, { IFeatureFlag } from './modules/featureFlags.js'
896
+ <span class="cstat-no" title="statement not covered" >import FeatureFlags, { IFeatureFlag } from './modules/featureFlags.js'</span>
967
897
  import type { Options as AppOptions } from './app/index.js'
968
898
  import type { Options as ConsoleOptions } from './modules/console.js'
969
899
  import type { Options as ExceptionOptions } from './modules/exception.js'
@@ -1046,145 +976,114 @@ function <span class="fstat-no" title="function not covered" >processOptions(</s
1046
976
  )
1047
977
  <span class="cstat-no" title="statement not covered" > return</span>
1048
978
  }
1049
- const doNotTrack = <span class="cstat-no" title="statement not covered" >this.checkDoNotTrack()</span>
1050
- const failReason: string[] = <span class="cstat-no" title="statement not covered" >[]</span>
1051
- const conditions: string[] = <span class="cstat-no" title="statement not covered" >[</span>
1052
- 'Map',
1053
- 'Set',
1054
- 'MutationObserver',
1055
- 'performance',
1056
- 'timing',
1057
- 'startsWith',
1058
- 'Blob',
1059
- 'Worker',
1060
- ]
979
+ const doNotTrack =
980
+ <span class="cstat-no" title="statement not covered" > options.respectDoNotTrack &amp;&amp;</span>
981
+ (navigator.doNotTrack == '1' ||
982
+ // @ts-ignore
983
+ window.doNotTrack == '1')
984
+ const app = (<span class="cstat-no" title="statement not covered" >this.app =</span>
985
+ doNotTrack ||
986
+ !('Map' in window) ||
987
+ !('Set' in window) ||
988
+ !('MutationObserver' in window) ||
989
+ !('performance' in window) ||
990
+ !('timing' in performance) ||
991
+ !('startsWith' in String.prototype) ||
992
+ !('Blob' in window) ||
993
+ !('Worker' in window)
994
+ ? null
995
+ : new App(options.projectKey, options.sessionToken, options))
996
+ <span class="cstat-no" title="statement not covered" > if (app !== null) {</span>
997
+ <span class="cstat-no" title="statement not covered" > Viewport(app)</span>
998
+ <span class="cstat-no" title="statement not covered" > CSSRules(app)</span>
999
+ <span class="cstat-no" title="statement not covered" > ConstructedStyleSheets(app)</span>
1000
+ <span class="cstat-no" title="statement not covered" > Connection(app)</span>
1001
+ <span class="cstat-no" title="statement not covered" > Console(app, options)</span>
1002
+ <span class="cstat-no" title="statement not covered" > Exception(app, options)</span>
1003
+ <span class="cstat-no" title="statement not covered" > Img(app)</span>
1004
+ <span class="cstat-no" title="statement not covered" > Input(app, options)</span>
1005
+ <span class="cstat-no" title="statement not covered" > Mouse(app, options.mouse)</span>
1006
+ <span class="cstat-no" title="statement not covered" > Timing(app, options)</span>
1007
+ <span class="cstat-no" title="statement not covered" > Performance(app, options)</span>
1008
+ <span class="cstat-no" title="statement not covered" > Scroll(app)</span>
1009
+ <span class="cstat-no" title="statement not covered" > Focus(app)</span>
1010
+ <span class="cstat-no" title="statement not covered" > Fonts(app)</span>
1011
+ <span class="cstat-no" title="statement not covered" > Network(app, options.network)</span>
1012
+ <span class="cstat-no" title="statement not covered" > Selection(app)</span>
1013
+ <span class="cstat-no" title="statement not covered" > Tabs(app)</span>
1014
+ <span class="cstat-no" title="statement not covered" > this.featureFlags = new FeatureFlags(app)</span>
1015
+ ;(<span class="cstat-no" title="statement not covered" >window as any).__OPENREPLAY__ = this</span>
1061
1016
  &nbsp;
1062
- <span class="cstat-no" title="statement not covered" > if (doNotTrack) {</span>
1063
- <span class="cstat-no" title="statement not covered" > failReason.push('doNotTrack')</span>
1064
- } else {
1065
- <span class="cstat-no" title="statement not covered" > for (const condition of conditions) {</span>
1066
- <span class="cstat-no" title="statement not covered" > if (condition === 'timing') {</span>
1067
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if ('performance' in window &amp;&amp; !(condition in performance)) {</span>
1068
- <span class="cstat-no" title="statement not covered" > failReason.push(condition)</span>
1069
- <span class="cstat-no" title="statement not covered" > break</span>
1070
- }
1071
- } else <span class="cstat-no" title="statement not covered" >if (condition === 'startsWith') {</span>
1072
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (!(condition in String.prototype)) {</span>
1073
- <span class="cstat-no" title="statement not covered" > failReason.push(condition)</span>
1074
- <span class="cstat-no" title="statement not covered" > break</span>
1075
- }
1076
- } else {
1077
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (!(condition in window)) {</span>
1078
- <span class="cstat-no" title="statement not covered" > failReason.push(condition)</span>
1079
- <span class="cstat-no" title="statement not covered" > break</span>
1080
- }
1017
+ <span class="cstat-no" title="statement not covered" > app.attachStartCallback(<span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
1018
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (options.flags?.onFlagsLoad) {</span>
1019
+ <span class="cstat-no" title="statement not covered" > this.onFlagsLoad(options.flags.onFlagsLoad)</span>
1081
1020
  }
1021
+ <span class="cstat-no" title="statement not covered" > void this.featureFlags.reloadFlags()</span>
1022
+ })
1023
+ const wOpen = <span class="cstat-no" title="statement not covered" >window.open</span>
1024
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (options.autoResetOnWindowOpen || options.resetTabOnWindowOpen) {</span>
1025
+ <span class="cstat-no" title="statement not covered" > app.attachStartCallback(<span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
1026
+ const tabId = <span class="cstat-no" title="statement not covered" >app.getTabId()</span>
1027
+ const sessStorage = <span class="cstat-no" title="statement not covered" >app.sessionStorage ?? window.sessionStorage</span>
1028
+ // @ts-ignore ?
1029
+ <span class="cstat-no" title="statement not covered" > window.open = <span class="fstat-no" title="function not covered" >function (.</span>..args) {</span>
1030
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (options.autoResetOnWindowOpen) {</span>
1031
+ <span class="cstat-no" title="statement not covered" > app.resetNextPageSession(true)</span>
1032
+ }
1033
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (options.resetTabOnWindowOpen) {</span>
1034
+ <span class="cstat-no" title="statement not covered" > sessStorage.removeItem(options.session_tabid_key || '__openreplay_tabid')</span>
1035
+ }
1036
+ <span class="cstat-no" title="statement not covered" > wOpen.call(window, ...args)</span>
1037
+ <span class="cstat-no" title="statement not covered" > app.resetNextPageSession(false)</span>
1038
+ <span class="cstat-no" title="statement not covered" > sessStorage.setItem(options.session_tabid_key || '__openreplay_tabid', tabId)</span>
1039
+ }
1040
+ })
1041
+ <span class="cstat-no" title="statement not covered" > app.attachStopCallback(<span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
1042
+ <span class="cstat-no" title="statement not covered" > window.open = wOpen</span>
1043
+ })
1082
1044
  }
1083
- }
1084
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (failReason.length &gt; 0) {</span>
1085
- const missingApi = <span class="cstat-no" title="statement not covered" >failReason.join(',')</span>
1045
+ } else {
1086
1046
  <span class="cstat-no" title="statement not covered" > console.log(</span>
1087
- `OpenReplay: browser doesn't support API required for tracking or doNotTrack is set to 1. Reason: ${missingApi}`,
1047
+ "OpenReplay: browser doesn't support API required for tracking or doNotTrack is set to 1.",
1048
+ )
1049
+ const req = <span class="cstat-no" title="statement not covered" >new XMLHttpRequest()</span>
1050
+ const orig = <span class="cstat-no" title="statement not covered" >options.ingestPoint || DEFAULT_INGEST_POINT</span>
1051
+ <span class="cstat-no" title="statement not covered" > req.open('POST', orig + '/v1/web/not-started')</span>
1052
+ // no-cors issue only with text/plain or not-set Content-Type
1053
+ // req.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
1054
+ <span class="cstat-no" title="statement not covered" > req.send(</span>
1055
+ JSON.stringify({
1056
+ trackerVersion: 'TRACKER_VERSION',
1057
+ projectKey: options.projectKey,
1058
+ doNotTrack,
1059
+ // TODO: add precise reason (an exact API missing)
1060
+ }),
1088
1061
  )
1089
- <span class="cstat-no" title="statement not covered" > this.signalStartIssue('missing_api', failReason)</span>
1090
- <span class="cstat-no" title="statement not covered" > return</span>
1091
- }
1092
- &nbsp;
1093
- const app = <span class="cstat-no" title="statement not covered" >new App(options.projectKey, options.sessionToken, options, this.signalStartIssue)</span>
1094
- <span class="cstat-no" title="statement not covered" > this.app = app</span>
1095
- <span class="cstat-no" title="statement not covered" > Viewport(app)</span>
1096
- <span class="cstat-no" title="statement not covered" > CSSRules(app)</span>
1097
- <span class="cstat-no" title="statement not covered" > ConstructedStyleSheets(app)</span>
1098
- <span class="cstat-no" title="statement not covered" > Connection(app)</span>
1099
- <span class="cstat-no" title="statement not covered" > Console(app, options)</span>
1100
- <span class="cstat-no" title="statement not covered" > Exception(app, options)</span>
1101
- <span class="cstat-no" title="statement not covered" > Img(app)</span>
1102
- <span class="cstat-no" title="statement not covered" > Input(app, options)</span>
1103
- <span class="cstat-no" title="statement not covered" > Mouse(app, options.mouse)</span>
1104
- <span class="cstat-no" title="statement not covered" > Timing(app, options)</span>
1105
- <span class="cstat-no" title="statement not covered" > Performance(app, options)</span>
1106
- <span class="cstat-no" title="statement not covered" > Scroll(app)</span>
1107
- <span class="cstat-no" title="statement not covered" > Focus(app)</span>
1108
- <span class="cstat-no" title="statement not covered" > Fonts(app)</span>
1109
- <span class="cstat-no" title="statement not covered" > Network(app, options.network)</span>
1110
- <span class="cstat-no" title="statement not covered" > Selection(app)</span>
1111
- <span class="cstat-no" title="statement not covered" > Tabs(app)</span>
1112
- ;(<span class="cstat-no" title="statement not covered" >window as any).__OPENREPLAY__ = this</span>
1113
- &nbsp;
1114
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (options.flags?.onFlagsLoad) {</span>
1115
- <span class="cstat-no" title="statement not covered" > this.onFlagsLoad(options.flags.onFlagsLoad)</span>
1116
- }
1117
- const wOpen = <span class="cstat-no" title="statement not covered" >window.open</span>
1118
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (options.autoResetOnWindowOpen || options.resetTabOnWindowOpen) {</span>
1119
- <span class="cstat-no" title="statement not covered" > app.attachStartCallback(<span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
1120
- const tabId = <span class="cstat-no" title="statement not covered" >app.getTabId()</span>
1121
- const sessStorage = <span class="cstat-no" title="statement not covered" >app.sessionStorage ?? window.sessionStorage</span>
1122
- // @ts-ignore ?
1123
- <span class="cstat-no" title="statement not covered" > window.open = <span class="fstat-no" title="function not covered" >function (.</span>..args) {</span>
1124
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (options.autoResetOnWindowOpen) {</span>
1125
- <span class="cstat-no" title="statement not covered" > app.resetNextPageSession(true)</span>
1126
- }
1127
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (options.resetTabOnWindowOpen) {</span>
1128
- <span class="cstat-no" title="statement not covered" > sessStorage.removeItem(options.session_tabid_key || '__openreplay_tabid')</span>
1129
- }
1130
- <span class="cstat-no" title="statement not covered" > wOpen.call(window, ...args)</span>
1131
- <span class="cstat-no" title="statement not covered" > app.resetNextPageSession(false)</span>
1132
- <span class="cstat-no" title="statement not covered" > sessStorage.setItem(options.session_tabid_key || '__openreplay_tabid', tabId)</span>
1133
- }
1134
- })
1135
- <span class="cstat-no" title="statement not covered" > app.attachStopCallback(<span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
1136
- <span class="cstat-no" title="statement not covered" > window.open = wOpen</span>
1137
- })
1138
1062
  }
1139
1063
  }
1140
1064
  &nbsp;
1141
- <span class="fstat-no" title="function not covered" > checkDoNotTrack(</span>) {
1142
- <span class="cstat-no" title="statement not covered" > return (</span>
1143
- this.options.respectDoNotTrack &amp;&amp;
1144
- (navigator.doNotTrack == '1' ||
1145
- // @ts-ignore
1146
- window.doNotTrack == '1')
1147
- )
1148
- }
1149
- &nbsp;
1150
- <span class="fstat-no" title="function not covered" > signalStartIssue(</span>reason: string, missingApi: string[]) {
1151
- const doNotTrack = <span class="cstat-no" title="statement not covered" >this.checkDoNotTrack()</span>
1152
- const req = <span class="cstat-no" title="statement not covered" >new XMLHttpRequest()</span>
1153
- const orig = <span class="cstat-no" title="statement not covered" >this.options.ingestPoint || DEFAULT_INGEST_POINT</span>
1154
- <span class="cstat-no" title="statement not covered" > req.open('POST', orig + '/v1/web/not-started')</span>
1155
- <span class="cstat-no" title="statement not covered" > req.send(</span>
1156
- JSON.stringify({
1157
- trackerVersion: 'TRACKER_VERSION',
1158
- projectKey: this.options.projectKey,
1159
- doNotTrack,
1160
- reason,
1161
- missingApi,
1162
- }),
1163
- )
1164
- }
1165
- &nbsp;
1166
1065
  <span class="fstat-no" title="function not covered" > isFlagEnabled(</span>flagName: string): boolean {
1167
1066
  <span class="cstat-no" title="statement not covered" > return this.featureFlags.isFlagEnabled(flagName)</span>
1168
1067
  }
1169
1068
  &nbsp;
1170
1069
  <span class="fstat-no" title="function not covered" > onFlagsLoad(</span>callback: (flags: IFeatureFlag[]) =&gt; void): void {
1171
- <span class="cstat-no" title="statement not covered" > this.app?.featureFlags.onFlagsLoad(callback)</span>
1070
+ <span class="cstat-no" title="statement not covered" > this.featureFlags.onFlagsLoad(callback)</span>
1172
1071
  }
1173
1072
  &nbsp;
1174
1073
  <span class="fstat-no" title="function not covered" > clearPersistFlags(</span>) {
1175
- <span class="cstat-no" title="statement not covered" > this.app?.featureFlags.clearPersistFlags()</span>
1074
+ <span class="cstat-no" title="statement not covered" > this.featureFlags.clearPersistFlags()</span>
1176
1075
  }
1177
1076
  &nbsp;
1178
1077
  <span class="fstat-no" title="function not covered" > reloadFlags(</span>) {
1179
- <span class="cstat-no" title="statement not covered" > return this.app?.featureFlags.reloadFlags()</span>
1078
+ <span class="cstat-no" title="statement not covered" > return this.featureFlags.reloadFlags()</span>
1180
1079
  }
1181
1080
  &nbsp;
1182
1081
  <span class="fstat-no" title="function not covered" > getFeatureFlag(</span>flagName: string): IFeatureFlag | undefined {
1183
- <span class="cstat-no" title="statement not covered" > return this.app?.featureFlags.getFeatureFlag(flagName)</span>
1082
+ <span class="cstat-no" title="statement not covered" > return this.featureFlags.getFeatureFlag(flagName)</span>
1184
1083
  }
1185
1084
  &nbsp;
1186
1085
  <span class="fstat-no" title="function not covered" > getAllFeatureFlags(</span>) {
1187
- <span class="cstat-no" title="statement not covered" > return this.app?.featureFlags.flags</span>
1086
+ <span class="cstat-no" title="statement not covered" > return this.featureFlags.flags</span>
1188
1087
  }
1189
1088
  &nbsp;
1190
1089
  <span class="fstat-no" title="function not covered" > use&lt;</span>T&gt;(fn: (app: App | null, options?: Options) =&gt; T): T {
@@ -1198,36 +1097,32 @@ function <span class="fstat-no" title="function not covered" >processOptions(</s
1198
1097
  <span class="cstat-no" title="statement not covered" > return this.app.active()</span>
1199
1098
  }
1200
1099
  &nbsp;
1201
- <span class="fstat-no" title="function not covered" > start(</span>startOpts?: Partial&lt;StartOptions&gt;): Promise&lt;StartPromiseReturn&gt; {
1202
- <span class="cstat-no" title="statement not covered" > if (this.browserEnvCheck()) {</span>
1203
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (this.app === null) {</span>
1204
- <span class="cstat-no" title="statement not covered" > return Promise.reject("Browser doesn't support required api, or doNotTrack is active.")</span>
1205
- }
1206
- <span class="cstat-no" title="statement not covered" > return this.app.start(startOpts)</span>
1207
- } else {
1208
- <span class="cstat-no" title="statement not covered" > return Promise.reject('Trying to start not in browser.')</span>
1100
+ /**
1101
+ * Creates a named hook that expects event name, data string and msg direction (up/down),
1102
+ * it will skip any message bigger than 5 mb or event name bigger than 255 symbols
1103
+ * msg direction is "down" (incoming) by default
1104
+ *
1105
+ * @returns {(msgType: string, data: string, dir: 'up' | 'down') =&gt; void}
1106
+ * */
1107
+ <span class="fstat-no" title="function not covered" > trackWs(</span>channelName: string) {
1108
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (this.app === null) {</span>
1109
+ <span class="cstat-no" title="statement not covered" > return</span>
1209
1110
  }
1111
+ <span class="cstat-no" title="statement not covered" > return this.app.trackWs(channelName)</span>
1210
1112
  }
1211
1113
  &nbsp;
1212
- <span class="fstat-no" title="function not covered" > browserEnvCheck(</span>) {
1114
+ <span class="fstat-no" title="function not covered" > start(</span>startOpts?: Partial&lt;StartOptions&gt;): Promise&lt;StartPromiseReturn&gt; {
1213
1115
  <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (!IN_BROWSER) {</span>
1214
1116
  <span class="cstat-no" title="statement not covered" > console.error(</span>
1215
1117
  `OpenReplay: you are trying to start Tracker on a node.js environment. If you want to use OpenReplay with SSR, please, use componentDidMount or useEffect API for placing the \`tracker.start()\` line. Check documentation on ${DOCS_HOST}${DOCS_SETUP}`,
1216
1118
  )
1217
- <span class="cstat-no" title="statement not covered" > return false</span>
1218
- }
1219
- <span class="cstat-no" title="statement not covered" > return true</span>
1220
- }
1221
- &nbsp;
1222
- <span class="fstat-no" title="function not covered" > coldStart(</span>startOpts?: Partial&lt;StartOptions&gt;, conditional?: boolean) {
1223
- <span class="cstat-no" title="statement not covered" > if (this.browserEnvCheck()) {</span>
1224
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (this.app === null) {</span>
1225
- <span class="cstat-no" title="statement not covered" > return Promise.reject('Tracker not initialized')</span>
1226
- }
1227
- <span class="cstat-no" title="statement not covered" > void this.app.coldStart(startOpts, conditional)</span>
1228
- } else {
1229
1119
  <span class="cstat-no" title="statement not covered" > return Promise.reject('Trying to start not in browser.')</span>
1230
1120
  }
1121
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (this.app === null) {</span>
1122
+ <span class="cstat-no" title="statement not covered" > return Promise.reject("Browser doesn't support required api, or doNotTrack is active.")</span>
1123
+ }
1124
+ // TODO: check argument type
1125
+ <span class="cstat-no" title="statement not covered" > return this.app.start(startOpts)</span>
1231
1126
  }
1232
1127
  &nbsp;
1233
1128
  <span class="fstat-no" title="function not covered" > stop(</span>): string | undefined {
@@ -1372,7 +1267,7 @@ function <span class="fstat-no" title="function not covered" >processOptions(</s
1372
1267
  <div class='footer quiet pad2 space-top1 center small'>
1373
1268
  Code coverage generated by
1374
1269
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
1375
- at 2023-12-15T15:55:44.965Z
1270
+ at 2024-01-09T10:19:51.427Z
1376
1271
  </div>
1377
1272
  <script src="../prettify.js"></script>
1378
1273
  <script>
package/coverage/lcov-report/main/modules/Network/beaconProxy.ts.html CHANGED
@@ -376,7 +376,7 @@ const getContentType = <span class="cstat-no" title="statement not covered" ><sp
376
376
  <div class='footer quiet pad2 space-top1 center small'>
377
377
  Code coverage generated by
378
378
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
379
- at 2023-12-15T15:55:44.965Z
379
+ at 2024-01-09T10:19:51.427Z
380
380
  </div>
381
381
  <script src="../../../prettify.js"></script>
382
382
  <script>
package/coverage/lcov-report/main/modules/Network/fetchProxy.ts.html CHANGED
@@ -32,7 +32,7 @@
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/93</span>
35
+ <span class='fraction'>0/94</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/147</span>
49
+ <span class='fraction'>0/148</span>
50
50
  </div>
51
51
 
52
52
 
@@ -379,7 +379,12 @@
379
379
  <a name='L314'></a><a href='#L314'>314</a>
380
380
  <a name='L315'></a><a href='#L315'>315</a>
381
381
  <a name='L316'></a><a href='#L316'>316</a>
382
- <a name='L317'></a><a href='#L317'>317</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
382
+ <a name='L317'></a><a href='#L317'>317</a>
383
+ <a name='L318'></a><a href='#L318'>318</a>
384
+ <a name='L319'></a><a href='#L319'>319</a>
385
+ <a name='L320'></a><a href='#L320'>320</a>
386
+ <a name='L321'></a><a href='#L321'>321</a>
387
+ <a name='L322'></a><a href='#L322'>322</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
383
388
  <span class="cline-any cline-neutral">&nbsp;</span>
384
389
  <span class="cline-any cline-neutral">&nbsp;</span>
385
390
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -512,10 +517,15 @@
512
517
  <span class="cline-any cline-neutral">&nbsp;</span>
513
518
  <span class="cline-any cline-no">&nbsp;</span>
514
519
  <span class="cline-any cline-no">&nbsp;</span>
520
+ <span class="cline-any cline-no">&nbsp;</span>
521
+ <span class="cline-any cline-neutral">&nbsp;</span>
522
+ <span class="cline-any cline-neutral">&nbsp;</span>
523
+ <span class="cline-any cline-neutral">&nbsp;</span>
515
524
  <span class="cline-any cline-neutral">&nbsp;</span>
516
525
  <span class="cline-any cline-no">&nbsp;</span>
517
526
  <span class="cline-any cline-neutral">&nbsp;</span>
518
527
  <span class="cline-any cline-neutral">&nbsp;</span>
528
+ <span class="cline-any cline-neutral">&nbsp;</span>
519
529
  <span class="cline-any cline-no">&nbsp;</span>
520
530
  <span class="cline-any cline-neutral">&nbsp;</span>
521
531
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -828,8 +838,13 @@ import { NetworkRequest } from '../../../common/messages.gen.js'
828
838
  public <span class="fstat-no" title="function not covered" >apply(</span>target: T, _: typeof window, argsList: [RequestInfo | URL, RequestInit]) {
829
839
  const input = <span class="cstat-no" title="statement not covered" >argsList[0]</span>
830
840
  const init = <span class="cstat-no" title="statement not covered" >argsList[1]</span>
831
- // @ts-ignore
832
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (!input || !input?.url) <span class="cstat-no" title="statement not covered" >return &lt;ReturnType&lt;T&gt;&gt;target.apply(window, argsList)</span></span>
841
+ <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (</span>
842
+ !input ||
843
+ // @ts-ignore
844
+ (typeof input !== 'string' &amp;&amp; !input?.url)
845
+ ) {
846
+ <span class="cstat-no" title="statement not covered" > return &lt;ReturnType&lt;T&gt;&gt;target.apply(window, argsList)</span>
847
+ }
833
848
  &nbsp;
834
849
  const isORUrl =
835
850
  <span class="cstat-no" title="statement not covered" > input instanceof URL || typeof input === 'string'</span>
@@ -1018,7 +1033,7 @@ import { NetworkRequest } from '../../../common/messages.gen.js'
1018
1033
  <div class='footer quiet pad2 space-top1 center small'>
1019
1034
  Code coverage generated by
1020
1035
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
1021
- at 2023-12-15T15:55:44.965Z
1036
+ at 2024-01-09T10:19:51.427Z
1022
1037
  </div>
1023
1038
  <script src="../../../prettify.js"></script>
1024
1039
  <script>