@openreplay/tracker 5.0.1-beta.3 → 5.0.2-beta

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 (136) hide show
  1. package/CHANGELOG.md +1 -0
  2. package/package.json +1 -1
  3. package/cjs/app/guards.d.ts +0 -20
  4. package/cjs/app/guards.js +0 -33
  5. package/cjs/app/index.d.ts +0 -121
  6. package/cjs/app/index.js +0 -439
  7. package/cjs/app/logger.d.ts +0 -26
  8. package/cjs/app/logger.js +0 -45
  9. package/cjs/app/messages.gen.d.ts +0 -63
  10. package/cjs/app/messages.gen.js +0 -551
  11. package/cjs/app/nodes.d.ts +0 -18
  12. package/cjs/app/nodes.js +0 -82
  13. package/cjs/app/observer/iframe_observer.d.ts +0 -4
  14. package/cjs/app/observer/iframe_observer.js +0 -23
  15. package/cjs/app/observer/iframe_offsets.d.ts +0 -8
  16. package/cjs/app/observer/iframe_offsets.js +0 -59
  17. package/cjs/app/observer/observer.d.ts +0 -23
  18. package/cjs/app/observer/observer.js +0 -337
  19. package/cjs/app/observer/shadow_root_observer.d.ts +0 -4
  20. package/cjs/app/observer/shadow_root_observer.js +0 -21
  21. package/cjs/app/observer/top_observer.d.ts +0 -24
  22. package/cjs/app/observer/top_observer.js +0 -115
  23. package/cjs/app/sanitizer.d.ts +0 -24
  24. package/cjs/app/sanitizer.js +0 -76
  25. package/cjs/app/session.d.ts +0 -38
  26. package/cjs/app/session.js +0 -114
  27. package/cjs/app/ticker.d.ts +0 -12
  28. package/cjs/app/ticker.js +0 -42
  29. package/cjs/common/interaction.d.ts +0 -24
  30. package/cjs/common/interaction.js +0 -2
  31. package/cjs/common/messages.gen.d.ts +0 -427
  32. package/cjs/common/messages.gen.js +0 -4
  33. package/cjs/index.d.ts +0 -47
  34. package/cjs/index.js +0 -254
  35. package/cjs/modules/connection.d.ts +0 -2
  36. package/cjs/modules/connection.js +0 -15
  37. package/cjs/modules/console.d.ts +0 -6
  38. package/cjs/modules/console.js +0 -119
  39. package/cjs/modules/constructedStyleSheets.d.ts +0 -4
  40. package/cjs/modules/constructedStyleSheets.js +0 -131
  41. package/cjs/modules/cssrules.d.ts +0 -2
  42. package/cjs/modules/cssrules.js +0 -99
  43. package/cjs/modules/exception.d.ts +0 -16
  44. package/cjs/modules/exception.js +0 -77
  45. package/cjs/modules/focus.d.ts +0 -2
  46. package/cjs/modules/focus.js +0 -45
  47. package/cjs/modules/fonts.d.ts +0 -2
  48. package/cjs/modules/fonts.js +0 -57
  49. package/cjs/modules/img.d.ts +0 -2
  50. package/cjs/modules/img.js +0 -110
  51. package/cjs/modules/input.d.ts +0 -16
  52. package/cjs/modules/input.js +0 -163
  53. package/cjs/modules/mouse.d.ts +0 -2
  54. package/cjs/modules/mouse.js +0 -148
  55. package/cjs/modules/network.d.ts +0 -28
  56. package/cjs/modules/network.js +0 -237
  57. package/cjs/modules/performance.d.ts +0 -7
  58. package/cjs/modules/performance.js +0 -53
  59. package/cjs/modules/scroll.d.ts +0 -2
  60. package/cjs/modules/scroll.js +0 -79
  61. package/cjs/modules/timing.d.ts +0 -7
  62. package/cjs/modules/timing.js +0 -160
  63. package/cjs/modules/viewport.d.ts +0 -2
  64. package/cjs/modules/viewport.js +0 -43
  65. package/cjs/package.json +0 -1
  66. package/cjs/utils.d.ts +0 -13
  67. package/cjs/utils.js +0 -71
  68. package/cjs/vendors/finder/finder.d.ts +0 -12
  69. package/cjs/vendors/finder/finder.js +0 -352
  70. package/lib/app/guards.d.ts +0 -20
  71. package/lib/app/guards.js +0 -23
  72. package/lib/app/index.d.ts +0 -121
  73. package/lib/app/index.js +0 -435
  74. package/lib/app/logger.d.ts +0 -26
  75. package/lib/app/logger.js +0 -41
  76. package/lib/app/messages.gen.d.ts +0 -63
  77. package/lib/app/messages.gen.js +0 -486
  78. package/lib/app/nodes.d.ts +0 -18
  79. package/lib/app/nodes.js +0 -79
  80. package/lib/app/observer/iframe_observer.d.ts +0 -4
  81. package/lib/app/observer/iframe_observer.js +0 -20
  82. package/lib/app/observer/iframe_offsets.d.ts +0 -8
  83. package/lib/app/observer/iframe_offsets.js +0 -56
  84. package/lib/app/observer/observer.d.ts +0 -23
  85. package/lib/app/observer/observer.js +0 -334
  86. package/lib/app/observer/shadow_root_observer.d.ts +0 -4
  87. package/lib/app/observer/shadow_root_observer.js +0 -18
  88. package/lib/app/observer/top_observer.d.ts +0 -24
  89. package/lib/app/observer/top_observer.js +0 -112
  90. package/lib/app/sanitizer.d.ts +0 -24
  91. package/lib/app/sanitizer.js +0 -72
  92. package/lib/app/session.d.ts +0 -38
  93. package/lib/app/session.js +0 -111
  94. package/lib/app/ticker.d.ts +0 -12
  95. package/lib/app/ticker.js +0 -39
  96. package/lib/common/interaction.d.ts +0 -24
  97. package/lib/common/interaction.js +0 -1
  98. package/lib/common/messages.gen.d.ts +0 -427
  99. package/lib/common/messages.gen.js +0 -3
  100. package/lib/common/tsconfig.tsbuildinfo +0 -1
  101. package/lib/index.d.ts +0 -47
  102. package/lib/index.js +0 -248
  103. package/lib/modules/connection.d.ts +0 -2
  104. package/lib/modules/connection.js +0 -12
  105. package/lib/modules/console.d.ts +0 -6
  106. package/lib/modules/console.js +0 -116
  107. package/lib/modules/constructedStyleSheets.d.ts +0 -4
  108. package/lib/modules/constructedStyleSheets.js +0 -126
  109. package/lib/modules/cssrules.d.ts +0 -2
  110. package/lib/modules/cssrules.js +0 -97
  111. package/lib/modules/exception.d.ts +0 -16
  112. package/lib/modules/exception.js +0 -71
  113. package/lib/modules/focus.d.ts +0 -2
  114. package/lib/modules/focus.js +0 -42
  115. package/lib/modules/fonts.d.ts +0 -2
  116. package/lib/modules/fonts.js +0 -54
  117. package/lib/modules/img.d.ts +0 -2
  118. package/lib/modules/img.js +0 -107
  119. package/lib/modules/input.d.ts +0 -16
  120. package/lib/modules/input.js +0 -158
  121. package/lib/modules/mouse.d.ts +0 -2
  122. package/lib/modules/mouse.js +0 -145
  123. package/lib/modules/network.d.ts +0 -28
  124. package/lib/modules/network.js +0 -234
  125. package/lib/modules/performance.d.ts +0 -7
  126. package/lib/modules/performance.js +0 -49
  127. package/lib/modules/scroll.d.ts +0 -2
  128. package/lib/modules/scroll.js +0 -76
  129. package/lib/modules/timing.d.ts +0 -7
  130. package/lib/modules/timing.js +0 -157
  131. package/lib/modules/viewport.d.ts +0 -2
  132. package/lib/modules/viewport.js +0 -40
  133. package/lib/utils.d.ts +0 -13
  134. package/lib/utils.js +0 -61
  135. package/lib/vendors/finder/finder.d.ts +0 -12
  136. package/lib/vendors/finder/finder.js +0 -348
@@ -1,237 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const messages_gen_js_1 = require("../app/messages.gen.js");
4
- const utils_js_1 = require("../utils.js");
5
- function getXHRRequestDataObject(xhr) {
6
- // @ts-ignore this is 3x faster than using Map<XHR, XHRRequestData>
7
- if (!xhr.__or_req_data__) {
8
- // @ts-ignore
9
- xhr.__or_req_data__ = { body: undefined, headers: {} };
10
- }
11
- // @ts-ignore
12
- return xhr.__or_req_data__;
13
- }
14
- function strMethod(method) {
15
- return typeof method === 'string' ? method.toUpperCase() : 'GET';
16
- }
17
- function default_1(app, opts = {}, customEnv) {
18
- const options = Object.assign({
19
- failuresOnly: false,
20
- ignoreHeaders: ['Cookie', 'Set-Cookie', 'Authorization'],
21
- capturePayload: false,
22
- sessionTokenHeader: false,
23
- }, opts);
24
- const ignoreHeaders = options.ignoreHeaders;
25
- const isHIgnored = Array.isArray(ignoreHeaders)
26
- ? (name) => ignoreHeaders.includes(name)
27
- : () => ignoreHeaders;
28
- const stHeader = options.sessionTokenHeader === true ? 'X-OpenReplay-SessionToken' : options.sessionTokenHeader;
29
- function setSessionTokenHeader(setRequestHeader) {
30
- if (stHeader) {
31
- const sessionToken = app.getSessionToken();
32
- if (sessionToken) {
33
- app.safe(setRequestHeader)(stHeader, sessionToken);
34
- }
35
- }
36
- }
37
- function sanitize(reqResInfo) {
38
- if (!options.capturePayload) {
39
- delete reqResInfo.request.body;
40
- delete reqResInfo.response.body;
41
- }
42
- if (options.sanitizer) {
43
- const resBody = reqResInfo.response.body;
44
- if (typeof resBody === 'string') {
45
- // Parse response in order to have handy view in sanitisation function
46
- try {
47
- reqResInfo.response.body = JSON.parse(resBody);
48
- }
49
- catch (_a) { }
50
- }
51
- return options.sanitizer(reqResInfo);
52
- }
53
- return reqResInfo;
54
- }
55
- function stringify(r) {
56
- if (r && typeof r.body !== 'string') {
57
- try {
58
- r.body = JSON.stringify(r.body);
59
- }
60
- catch (_a) {
61
- r.body = '<unable to stringify>';
62
- app.notify.warn("Openreplay fetch couldn't stringify body:", r.body);
63
- }
64
- }
65
- return JSON.stringify(r);
66
- }
67
- /* ====== Fetch ====== */
68
- const origFetch = customEnv
69
- ? customEnv.fetch.bind(customEnv)
70
- : window.fetch.bind(window);
71
- const trackFetch = (input, init = {}) => {
72
- if (!(typeof input === 'string' || input instanceof URL) || app.isServiceURL(String(input))) {
73
- return origFetch(input, init);
74
- }
75
- setSessionTokenHeader(function (name, value) {
76
- if (init.headers === undefined) {
77
- init.headers = {};
78
- }
79
- if (init.headers instanceof Headers) {
80
- init.headers.append(name, value);
81
- }
82
- else if (Array.isArray(init.headers)) {
83
- init.headers.push([name, value]);
84
- }
85
- else {
86
- init.headers[name] = value;
87
- }
88
- });
89
- const startTime = performance.now();
90
- return origFetch(input, init).then((response) => {
91
- const duration = performance.now() - startTime;
92
- if (options.failuresOnly && response.status < 400) {
93
- return response;
94
- }
95
- const r = response.clone();
96
- r.text()
97
- .then((text) => {
98
- const reqHs = {};
99
- const resHs = {};
100
- if (ignoreHeaders !== true) {
101
- // request headers
102
- const writeReqHeader = ([n, v]) => {
103
- if (!isHIgnored(n)) {
104
- reqHs[n] = v;
105
- }
106
- };
107
- if (init.headers instanceof Headers) {
108
- init.headers.forEach((v, n) => writeReqHeader([n, v]));
109
- }
110
- else if (Array.isArray(init.headers)) {
111
- init.headers.forEach(writeReqHeader);
112
- }
113
- else if (typeof init.headers === 'object') {
114
- Object.entries(init.headers).forEach(writeReqHeader);
115
- }
116
- // response headers
117
- r.headers.forEach((v, n) => {
118
- if (!isHIgnored(n))
119
- resHs[n] = v;
120
- });
121
- }
122
- const method = strMethod(init.method);
123
- const reqResInfo = sanitize({
124
- url: String(input),
125
- method,
126
- status: r.status,
127
- request: {
128
- headers: reqHs,
129
- body: init.body,
130
- },
131
- response: {
132
- headers: resHs,
133
- body: text,
134
- },
135
- });
136
- if (!reqResInfo) {
137
- return;
138
- }
139
- app.send((0, messages_gen_js_1.NetworkRequest)('fetch', method, String(reqResInfo.url), stringify(reqResInfo.request), stringify(reqResInfo.response), r.status, startTime + (0, utils_js_1.getTimeOrigin)(), duration));
140
- })
141
- .catch((e) => app.debug.error('Could not process Fetch response:', e));
142
- return response;
143
- });
144
- };
145
- if (customEnv) {
146
- customEnv.fetch = trackFetch;
147
- }
148
- else {
149
- window.fetch = trackFetch;
150
- }
151
- /* ====== <> ====== */
152
- /* ====== XHR ====== */
153
- const nativeOpen = customEnv
154
- ? customEnv.XMLHttpRequest.prototype.open
155
- : XMLHttpRequest.prototype.open;
156
- function trackXMLHttpReqOpen(initMethod, url) {
157
- // @ts-ignore ??? this -> XMLHttpRequest
158
- const xhr = this;
159
- setSessionTokenHeader((name, value) => xhr.setRequestHeader(name, value));
160
- let startTime = 0;
161
- xhr.addEventListener('loadstart', (e) => {
162
- startTime = e.timeStamp;
163
- });
164
- xhr.addEventListener('load', app.safe((e) => {
165
- const { headers: reqHs, body: reqBody } = getXHRRequestDataObject(xhr);
166
- const duration = startTime > 0 ? e.timeStamp - startTime : 0;
167
- const hString = ignoreHeaders ? '' : xhr.getAllResponseHeaders(); // might be null (though only if no response received though)
168
- const resHs = hString
169
- ? hString
170
- .split('\r\n')
171
- .map((h) => h.split(':'))
172
- .filter((entry) => !isHIgnored(entry[0]))
173
- .reduce((hds, [name, value]) => (Object.assign(Object.assign({}, hds), { [name]: value })), {})
174
- : {};
175
- const method = strMethod(initMethod);
176
- const reqResInfo = sanitize({
177
- url: String(url),
178
- method,
179
- status: xhr.status,
180
- request: {
181
- headers: reqHs,
182
- body: reqBody,
183
- },
184
- response: {
185
- headers: resHs,
186
- body: xhr.response,
187
- },
188
- });
189
- if (!reqResInfo) {
190
- return;
191
- }
192
- app.send((0, messages_gen_js_1.NetworkRequest)('xhr', method, String(reqResInfo.url), stringify(reqResInfo.request), stringify(reqResInfo.response), xhr.status, startTime + (0, utils_js_1.getTimeOrigin)(), duration));
193
- }));
194
- //TODO: handle error (though it has no Error API nor any useful information)
195
- //xhr.addEventListener('error', (e) => {})
196
- // @ts-ignore ??? this -> XMLHttpRequest
197
- return nativeOpen.apply(this, arguments);
198
- }
199
- if (customEnv) {
200
- customEnv.XMLHttpRequest.prototype.open = trackXMLHttpReqOpen.bind(customEnv);
201
- }
202
- else {
203
- XMLHttpRequest.prototype.open = trackXMLHttpReqOpen;
204
- }
205
- const nativeSend = XMLHttpRequest.prototype.send;
206
- function trackXHRSend(body) {
207
- // @ts-ignore ??? this -> XMLHttpRequest
208
- const rdo = getXHRRequestDataObject(this);
209
- rdo.body = body;
210
- // @ts-ignore ??? this -> XMLHttpRequest
211
- return nativeSend.apply(this, arguments);
212
- }
213
- if (customEnv) {
214
- customEnv.XMLHttpRequest.prototype.send = trackXHRSend.bind(customEnv);
215
- }
216
- else {
217
- XMLHttpRequest.prototype.send = trackXHRSend;
218
- }
219
- const nativeSetRequestHeader = XMLHttpRequest.prototype.setRequestHeader;
220
- function trackSetReqHeader(name, value) {
221
- if (!isHIgnored(name)) {
222
- // @ts-ignore ??? this -> XMLHttpRequest
223
- const rdo = getXHRRequestDataObject(this);
224
- rdo.headers[name] = value;
225
- }
226
- // @ts-ignore ??? this -> XMLHttpRequest
227
- return nativeSetRequestHeader.apply(this, arguments);
228
- }
229
- if (customEnv) {
230
- customEnv.XMLHttpRequest.prototype.setRequestHeader = trackSetReqHeader.bind(customEnv);
231
- }
232
- else {
233
- XMLHttpRequest.prototype.setRequestHeader = trackSetReqHeader;
234
- }
235
- /* ====== <> ====== */
236
- }
237
- exports.default = default_1;
@@ -1,7 +0,0 @@
1
- import type App from '../app/index.js';
2
- export declare const deviceMemory: number;
3
- export declare const jsHeapSizeLimit: number;
4
- export interface Options {
5
- capturePerformance: boolean;
6
- }
7
- export default function (app: App, opts: Partial<Options>): void;
@@ -1,53 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.jsHeapSizeLimit = exports.deviceMemory = void 0;
4
- const utils_js_1 = require("../utils.js");
5
- const messages_gen_js_1 = require("../app/messages.gen.js");
6
- const perf = utils_js_1.IN_BROWSER && 'performance' in window && 'memory' in performance // works in Chrome only
7
- ? performance
8
- : { memory: {} };
9
- exports.deviceMemory = utils_js_1.IN_BROWSER ? (navigator.deviceMemory || 0) * 1024 : 0;
10
- exports.jsHeapSizeLimit = perf.memory.jsHeapSizeLimit || 0;
11
- function default_1(app, opts) {
12
- const options = Object.assign({
13
- capturePerformance: true,
14
- }, opts);
15
- if (!options.capturePerformance) {
16
- return;
17
- }
18
- let frames;
19
- let ticks;
20
- const nextFrame = () => {
21
- if (frames === undefined || frames === -1) {
22
- return;
23
- }
24
- frames++;
25
- requestAnimationFrame(nextFrame);
26
- };
27
- app.ticker.attach(() => {
28
- if (ticks === undefined || ticks === -1) {
29
- return;
30
- }
31
- ticks++;
32
- }, 0, false);
33
- const sendPerformanceTrack = () => {
34
- if (frames === undefined || ticks === undefined) {
35
- return;
36
- }
37
- app.send((0, messages_gen_js_1.PerformanceTrack)(frames, ticks, perf.memory.totalJSHeapSize || 0, perf.memory.usedJSHeapSize || 0));
38
- ticks = frames = document.hidden ? -1 : 0;
39
- };
40
- app.attachStartCallback(() => {
41
- ticks = frames = -1;
42
- sendPerformanceTrack();
43
- nextFrame();
44
- });
45
- app.attachStopCallback(() => {
46
- ticks = frames = undefined;
47
- });
48
- app.ticker.attach(sendPerformanceTrack, 40, false);
49
- if (document.hidden !== undefined) {
50
- app.attachEventListener(document, 'visibilitychange', sendPerformanceTrack, false, false);
51
- }
52
- }
53
- exports.default = default_1;
@@ -1,2 +0,0 @@
1
- import type App from '../app/index.js';
2
- export default function (app: App): void;
@@ -1,79 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const messages_gen_js_1 = require("../app/messages.gen.js");
4
- const guards_js_1 = require("../app/guards.js");
5
- function getDocumentScroll(doc) {
6
- const win = doc.defaultView;
7
- return [
8
- (win && win.pageXOffset) ||
9
- (doc.documentElement && doc.documentElement.scrollLeft) ||
10
- (doc.body && doc.body.scrollLeft) ||
11
- 0,
12
- (win && win.pageYOffset) ||
13
- (doc.documentElement && doc.documentElement.scrollTop) ||
14
- (doc.body && doc.body.scrollTop) ||
15
- 0,
16
- ];
17
- }
18
- function default_1(app) {
19
- let documentScroll = false;
20
- const nodeScroll = new Map();
21
- function setNodeScroll(target) {
22
- if (!(0, guards_js_1.isNode)(target)) {
23
- return;
24
- }
25
- if ((0, guards_js_1.isElementNode)(target)) {
26
- nodeScroll.set(target, [target.scrollLeft, target.scrollTop]);
27
- }
28
- if ((0, guards_js_1.isDocument)(target)) {
29
- nodeScroll.set(target, getDocumentScroll(target));
30
- }
31
- }
32
- const sendSetViewportScroll = app.safe(() => app.send((0, messages_gen_js_1.SetViewportScroll)(...getDocumentScroll(document))));
33
- const sendSetNodeScroll = app.safe((s, node) => {
34
- const id = app.nodes.getID(node);
35
- if (id !== undefined) {
36
- app.send((0, messages_gen_js_1.SetNodeScroll)(id, s[0], s[1]));
37
- }
38
- });
39
- app.attachStartCallback(sendSetViewportScroll);
40
- app.attachStopCallback(() => {
41
- documentScroll = false;
42
- nodeScroll.clear();
43
- });
44
- app.nodes.attachNodeCallback((node, isStart) => {
45
- // MBTODO: iterate over all the nodes on start instead of using isStart hack
46
- if (isStart) {
47
- if ((0, guards_js_1.isElementNode)(node) && node.scrollLeft + node.scrollTop > 0) {
48
- nodeScroll.set(node, [node.scrollLeft, node.scrollTop]);
49
- }
50
- else if ((0, guards_js_1.isDocument)(node)) {
51
- // DRY somehow?
52
- nodeScroll.set(node, getDocumentScroll(node));
53
- }
54
- }
55
- if ((0, guards_js_1.isRootNode)(node)) {
56
- // scroll is not-composed event (https://javascript.info/shadow-dom-events)
57
- app.nodes.attachNodeListener(node, 'scroll', (e) => {
58
- setNodeScroll(e.target);
59
- });
60
- }
61
- });
62
- app.attachEventListener(document, 'scroll', (e) => {
63
- const target = e.target;
64
- if (target === document) {
65
- documentScroll = true;
66
- return;
67
- }
68
- setNodeScroll(target);
69
- });
70
- app.ticker.attach(() => {
71
- if (documentScroll) {
72
- sendSetViewportScroll();
73
- documentScroll = false;
74
- }
75
- nodeScroll.forEach(sendSetNodeScroll);
76
- nodeScroll.clear();
77
- }, 5, false);
78
- }
79
- exports.default = default_1;
@@ -1,7 +0,0 @@
1
- import type App from '../app/index.js';
2
- export interface Options {
3
- captureResourceTimings: boolean;
4
- capturePageLoadTimings: boolean;
5
- capturePageRenderTimings: boolean;
6
- }
7
- export default function (app: App, opts: Partial<Options>): void;
@@ -1,160 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const guards_js_1 = require("../app/guards.js");
4
- const utils_js_1 = require("../utils.js");
5
- const messages_gen_js_1 = require("../app/messages.gen.js");
6
- function getPaintBlocks(resources) {
7
- const paintBlocks = [];
8
- const elements = document.getElementsByTagName('*');
9
- const styleURL = /url\(("[^"]*"|'[^']*'|[^)]*)\)/i;
10
- for (let i = 0; i < elements.length; i++) {
11
- const element = elements[i];
12
- let src = '';
13
- if ((0, guards_js_1.hasTag)(element, 'img')) {
14
- src = element.currentSrc || element.src;
15
- }
16
- if (!src) {
17
- const backgroundImage = getComputedStyle(element).getPropertyValue('background-image');
18
- if (backgroundImage) {
19
- const matches = styleURL.exec(backgroundImage);
20
- if (matches !== null) {
21
- src = matches[1];
22
- if (src.startsWith('"') || src.startsWith("'")) {
23
- src = src.substr(1, src.length - 2);
24
- }
25
- }
26
- }
27
- }
28
- if (!src)
29
- continue;
30
- const time = src.substr(0, 10) === 'data:image' ? 0 : resources[src];
31
- if (time === undefined)
32
- continue;
33
- const rect = element.getBoundingClientRect();
34
- const top = Math.max(rect.top, 0);
35
- const left = Math.max(rect.left, 0);
36
- const bottom = Math.min(rect.bottom, window.innerHeight ||
37
- (document.documentElement && document.documentElement.clientHeight) ||
38
- 0);
39
- const right = Math.min(rect.right, window.innerWidth || (document.documentElement && document.documentElement.clientWidth) || 0);
40
- if (bottom <= top || right <= left)
41
- continue;
42
- const area = (bottom - top) * (right - left);
43
- paintBlocks.push({ time, area });
44
- }
45
- return paintBlocks;
46
- }
47
- function calculateSpeedIndex(firstContentfulPaint, paintBlocks) {
48
- let a = (Math.max((document.documentElement && document.documentElement.clientWidth) || 0, window.innerWidth || 0) *
49
- Math.max((document.documentElement && document.documentElement.clientHeight) || 0, window.innerHeight || 0)) /
50
- 10;
51
- let s = a * firstContentfulPaint;
52
- for (let i = 0; i < paintBlocks.length; i++) {
53
- const { time, area } = paintBlocks[i];
54
- a += area;
55
- s += area * (time > firstContentfulPaint ? time : firstContentfulPaint);
56
- }
57
- return a === 0 ? 0 : s / a;
58
- }
59
- function default_1(app, opts) {
60
- const options = Object.assign({
61
- captureResourceTimings: true,
62
- capturePageLoadTimings: true,
63
- capturePageRenderTimings: true,
64
- }, opts);
65
- if (!('PerformanceObserver' in window)) {
66
- options.captureResourceTimings = false;
67
- }
68
- if (!options.captureResourceTimings) {
69
- return;
70
- } // Resources are necessary for all timings
71
- let resources = {};
72
- function resourceTiming(entry) {
73
- if (entry.duration < 0 || !(0, utils_js_1.isURL)(entry.name) || app.isServiceURL(entry.name))
74
- return;
75
- if (resources !== null) {
76
- resources[entry.name] = entry.startTime + entry.duration;
77
- }
78
- app.send((0, messages_gen_js_1.ResourceTiming)(entry.startTime + (0, utils_js_1.getTimeOrigin)(), entry.duration, entry.responseStart && entry.startTime ? entry.responseStart - entry.startTime : 0, entry.transferSize > entry.encodedBodySize ? entry.transferSize - entry.encodedBodySize : 0, entry.encodedBodySize || 0, entry.decodedBodySize || 0, entry.name, entry.initiatorType));
79
- }
80
- const observer = new PerformanceObserver((list) => list.getEntries().forEach(resourceTiming));
81
- let prevSessionID;
82
- app.attachStartCallback(function ({ sessionID }) {
83
- if (sessionID !== prevSessionID) {
84
- // Send past page resources on a newly started session
85
- performance.getEntriesByType('resource').forEach(resourceTiming);
86
- prevSessionID = sessionID;
87
- }
88
- observer.observe({ entryTypes: ['resource'] });
89
- });
90
- app.attachStopCallback(function () {
91
- observer.disconnect();
92
- });
93
- let firstPaint = 0, firstContentfulPaint = 0;
94
- if (options.capturePageLoadTimings) {
95
- let pageLoadTimingSent = false;
96
- app.ticker.attach(() => {
97
- if (pageLoadTimingSent) {
98
- return;
99
- }
100
- if (firstPaint === 0 || firstContentfulPaint === 0) {
101
- performance.getEntriesByType('paint').forEach((entry) => {
102
- const { name, startTime } = entry;
103
- switch (name) {
104
- case 'first-paint':
105
- firstPaint = startTime;
106
- break;
107
- case 'first-contentful-paint':
108
- firstContentfulPaint = startTime;
109
- break;
110
- }
111
- });
112
- }
113
- if (performance.timing.loadEventEnd || performance.now() > 30000) {
114
- pageLoadTimingSent = true;
115
- const {
116
- // should be ok to use here, (https://github.com/mdn/content/issues/4713)
117
- // since it is compared with the values obtained on the page load (before any possible sleep state)
118
- // deprecated though
119
- navigationStart, requestStart, responseStart, responseEnd, domContentLoadedEventStart, domContentLoadedEventEnd, loadEventStart, loadEventEnd, } = performance.timing;
120
- app.send((0, messages_gen_js_1.PageLoadTiming)(requestStart - navigationStart || 0, responseStart - navigationStart || 0, responseEnd - navigationStart || 0, domContentLoadedEventStart - navigationStart || 0, domContentLoadedEventEnd - navigationStart || 0, loadEventStart - navigationStart || 0, loadEventEnd - navigationStart || 0, firstPaint, firstContentfulPaint));
121
- }
122
- }, 30);
123
- }
124
- if (options.capturePageRenderTimings) {
125
- let visuallyComplete = 0, interactiveWindowStartTime = 0, interactiveWindowTickTime = 0, paintBlocks = null;
126
- let pageRenderTimingSent = false;
127
- app.ticker.attach(() => {
128
- if (pageRenderTimingSent) {
129
- return;
130
- }
131
- const time = performance.now();
132
- if (resources !== null) {
133
- visuallyComplete = Math.max.apply(null, Object.keys(resources).map((k) => resources[k]));
134
- if (time - visuallyComplete > 1000) {
135
- paintBlocks = getPaintBlocks(resources);
136
- resources = null;
137
- }
138
- }
139
- if (interactiveWindowTickTime !== null) {
140
- if (time - interactiveWindowTickTime > 50) {
141
- interactiveWindowStartTime = time;
142
- }
143
- interactiveWindowTickTime = time - interactiveWindowStartTime > 5000 ? null : time;
144
- }
145
- if ((paintBlocks !== null && interactiveWindowTickTime === null) || time > 30000) {
146
- pageRenderTimingSent = true;
147
- resources = null;
148
- const speedIndex = paintBlocks === null
149
- ? 0
150
- : calculateSpeedIndex(firstContentfulPaint || firstPaint, paintBlocks);
151
- const { domContentLoadedEventEnd, navigationStart } = performance.timing;
152
- const timeToInteractive = interactiveWindowTickTime === null
153
- ? Math.max(interactiveWindowStartTime, firstContentfulPaint, domContentLoadedEventEnd - navigationStart || 0)
154
- : 0;
155
- app.send((0, messages_gen_js_1.PageRenderTiming)(speedIndex, firstContentfulPaint > visuallyComplete ? firstContentfulPaint : visuallyComplete, timeToInteractive));
156
- }
157
- });
158
- }
159
- }
160
- exports.default = default_1;
@@ -1,2 +0,0 @@
1
- import type App from '../app/index.js';
2
- export default function (app: App): void;
@@ -1,43 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const utils_js_1 = require("../utils.js");
4
- const messages_gen_js_1 = require("../app/messages.gen.js");
5
- function default_1(app) {
6
- let url, width, height;
7
- let navigationStart;
8
- let referrer = document.referrer;
9
- const sendSetPageLocation = app.safe(() => {
10
- const { URL } = document;
11
- if (URL !== url) {
12
- url = URL;
13
- app.send((0, messages_gen_js_1.SetPageLocation)(url, referrer, navigationStart));
14
- navigationStart = 0;
15
- referrer = url;
16
- }
17
- });
18
- const sendSetViewportSize = app.safe(() => {
19
- const { innerWidth, innerHeight } = window;
20
- if (innerWidth !== width || innerHeight !== height) {
21
- width = innerWidth;
22
- height = innerHeight;
23
- app.send((0, messages_gen_js_1.SetViewportSize)(width, height));
24
- }
25
- });
26
- const sendSetPageVisibility = document.hidden === undefined
27
- ? Function.prototype
28
- : app.safe(() => app.send((0, messages_gen_js_1.SetPageVisibility)(document.hidden)));
29
- app.attachStartCallback(() => {
30
- url = '';
31
- navigationStart = (0, utils_js_1.getTimeOrigin)();
32
- width = height = -1;
33
- sendSetPageLocation();
34
- sendSetViewportSize();
35
- sendSetPageVisibility();
36
- });
37
- if (document.hidden !== undefined) {
38
- app.attachEventListener(document, 'visibilitychange', sendSetPageVisibility, false, false);
39
- }
40
- app.ticker.attach(sendSetPageLocation, 1, false);
41
- app.ticker.attach(sendSetViewportSize, 5, false);
42
- }
43
- exports.default = default_1;
package/cjs/package.json DELETED
@@ -1 +0,0 @@
1
- { "type": "commonjs" }
package/cjs/utils.d.ts DELETED
@@ -1,13 +0,0 @@
1
- export declare const IN_BROWSER: boolean;
2
- export declare const IS_FIREFOX: false | RegExpMatchArray | null;
3
- export declare const MAX_STR_LEN = 100000;
4
- export declare function adjustTimeOrigin(): void;
5
- export declare function getTimeOrigin(): number;
6
- export declare const now: () => number;
7
- export declare const stars: (str: string) => string;
8
- export declare function normSpaces(str: string): string;
9
- export declare function isURL(s: string): boolean;
10
- export declare const DOCS_HOST = "https://docs.openreplay.com";
11
- export declare function deprecationWarn(nameOfFeature: string, useInstead: string, docsPath?: string): void;
12
- export declare function getLabelAttribute(e: Element): string | null;
13
- export declare function hasOpenreplayAttribute(e: Element, attr: string): boolean;