@lognroll/lib 1.0.0
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.
- package/README.txt +6 -0
- package/build.js +26 -0
- package/build.umd.js +3598 -0
- package/dist/index.js +404 -0
- package/dist/index.js.map +7 -0
- package/logloggo-module.iml +8 -0
- package/package-prod.json +22 -0
- package/package.json +34 -0
- package/src/console/index.ts +60 -0
- package/src/core/index.ts +31 -0
- package/src/index.ts +10 -0
- package/src/network/index.ts +383 -0
- package/tsconfig.json +11 -0
- package/webpack.config.js +30 -0
package/dist/index.js
ADDED
|
@@ -0,0 +1,404 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/index.ts
|
|
21
|
+
var index_exports = {};
|
|
22
|
+
__export(index_exports, {
|
|
23
|
+
default: () => index_default
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(index_exports);
|
|
26
|
+
|
|
27
|
+
// src/core/index.ts
|
|
28
|
+
var Core = class {
|
|
29
|
+
constructor() {
|
|
30
|
+
this.companyId = "";
|
|
31
|
+
this.userId = "";
|
|
32
|
+
this.traits = {};
|
|
33
|
+
}
|
|
34
|
+
initSession(companyId, data) {
|
|
35
|
+
(window || {})["lnr"] = this;
|
|
36
|
+
console.log("companyId!", companyId);
|
|
37
|
+
this.companyId = companyId;
|
|
38
|
+
console.log("Initializing session with data", data);
|
|
39
|
+
const script = document.createElement("script");
|
|
40
|
+
let date = (/* @__PURE__ */ new Date()).getTime();
|
|
41
|
+
script.src = `https://logger.lognroll.com/logger.lnr.1.0.1.js?cc=` + date;
|
|
42
|
+
script.async = false;
|
|
43
|
+
document.head.appendChild(script);
|
|
44
|
+
}
|
|
45
|
+
identifyUser(userId, traits) {
|
|
46
|
+
console.log(`Identifying user: ${userId}`, traits);
|
|
47
|
+
this.userId = userId;
|
|
48
|
+
this.traits = traits;
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
var core_default = Core;
|
|
52
|
+
|
|
53
|
+
// src/network/index.ts
|
|
54
|
+
var Network = class extends core_default {
|
|
55
|
+
constructor() {
|
|
56
|
+
super();
|
|
57
|
+
this.responseLogs = [];
|
|
58
|
+
this.processedResources = /* @__PURE__ */ new Set();
|
|
59
|
+
this.resourceMonitorInterval = null;
|
|
60
|
+
this.wrap();
|
|
61
|
+
}
|
|
62
|
+
getResponseLogs() {
|
|
63
|
+
return [...this.responseLogs];
|
|
64
|
+
}
|
|
65
|
+
clearResponseLogs() {
|
|
66
|
+
this.responseLogs = [];
|
|
67
|
+
this.processedResources.clear();
|
|
68
|
+
}
|
|
69
|
+
monitorResourceTiming() {
|
|
70
|
+
if (typeof window === "undefined" || !window.performance || !window.performance.getEntriesByType) {
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
const resources = performance.getEntriesByType("resource");
|
|
74
|
+
resources.forEach((resource) => {
|
|
75
|
+
if (this.processedResources.has(resource.name) || resource.name.includes("lognroll")) {
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
this.processedResources.add(resource.name);
|
|
79
|
+
const timing = {
|
|
80
|
+
startTime: resource.startTime,
|
|
81
|
+
duration: resource.duration,
|
|
82
|
+
fetchStart: resource.fetchStart,
|
|
83
|
+
responseEnd: resource.responseEnd,
|
|
84
|
+
// DNS lookup time
|
|
85
|
+
dnsTime: resource.domainLookupEnd - resource.domainLookupStart,
|
|
86
|
+
// Connection time
|
|
87
|
+
connectTime: resource.connectEnd - resource.connectStart,
|
|
88
|
+
// Time to First Byte (TTFB)
|
|
89
|
+
ttfb: resource.responseStart - resource.requestStart,
|
|
90
|
+
// Content download time
|
|
91
|
+
downloadTime: resource.responseEnd - resource.responseStart
|
|
92
|
+
};
|
|
93
|
+
const responseLog = {
|
|
94
|
+
type: "network",
|
|
95
|
+
stage: "response",
|
|
96
|
+
payload: {
|
|
97
|
+
request: {
|
|
98
|
+
id: `resource-${resource.startTime}`,
|
|
99
|
+
url: resource.name,
|
|
100
|
+
timestamp: Date.now() - resource.duration,
|
|
101
|
+
method: "GET",
|
|
102
|
+
initiatorType: resource.initiatorType,
|
|
103
|
+
body: null
|
|
104
|
+
},
|
|
105
|
+
response: {
|
|
106
|
+
url: resource.name,
|
|
107
|
+
status: 200,
|
|
108
|
+
// Resources that fail to load won't appear in the performance entries
|
|
109
|
+
statusText: "OK",
|
|
110
|
+
headers: {},
|
|
111
|
+
timing,
|
|
112
|
+
contentType: resource.initiatorType,
|
|
113
|
+
decodedBodySize: resource.decodedBodySize,
|
|
114
|
+
encodedBodySize: resource.encodedBodySize,
|
|
115
|
+
transferSize: resource.transferSize,
|
|
116
|
+
timestamp: Date.now(),
|
|
117
|
+
responseTime: resource.duration
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
};
|
|
121
|
+
this.responseLogs.push(responseLog);
|
|
122
|
+
});
|
|
123
|
+
performance.clearResourceTimings();
|
|
124
|
+
}
|
|
125
|
+
startResourceMonitoring(interval = 1e3) {
|
|
126
|
+
if (this.resourceMonitorInterval !== null) {
|
|
127
|
+
return;
|
|
128
|
+
}
|
|
129
|
+
this.monitorResourceTiming();
|
|
130
|
+
this.resourceMonitorInterval = window.setInterval(() => {
|
|
131
|
+
this.monitorResourceTiming();
|
|
132
|
+
}, interval);
|
|
133
|
+
}
|
|
134
|
+
stopResourceMonitoring() {
|
|
135
|
+
if (this.resourceMonitorInterval !== null) {
|
|
136
|
+
clearInterval(this.resourceMonitorInterval);
|
|
137
|
+
this.resourceMonitorInterval = null;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
wrap() {
|
|
141
|
+
this.startResourceMonitoring();
|
|
142
|
+
const requestStore = /* @__PURE__ */ new Map();
|
|
143
|
+
const originalFetch = window.fetch;
|
|
144
|
+
const _this = this;
|
|
145
|
+
window.fetch = async function(input, init) {
|
|
146
|
+
const requestId = Date.now().toString();
|
|
147
|
+
const url = typeof input === "string" ? input : input.url;
|
|
148
|
+
if (url.includes("lognroll")) {
|
|
149
|
+
return originalFetch(input, init);
|
|
150
|
+
}
|
|
151
|
+
const method = (init == null ? void 0 : init.method) || "GET";
|
|
152
|
+
const body = (init == null ? void 0 : init.body) || null;
|
|
153
|
+
requestStore.set(requestId, { url, timestamp: Date.now(), body: null });
|
|
154
|
+
const startTime = Date.now();
|
|
155
|
+
const requestDetails = requestStore.get(requestId);
|
|
156
|
+
try {
|
|
157
|
+
const response = await originalFetch(input, init);
|
|
158
|
+
const clonedResponse = response.clone();
|
|
159
|
+
const responseData = await clonedResponse.text().catch(() => null);
|
|
160
|
+
const responseTime = Date.now() - startTime;
|
|
161
|
+
const responseLog = {
|
|
162
|
+
type: "network",
|
|
163
|
+
stage: "response",
|
|
164
|
+
payload: {
|
|
165
|
+
request: {
|
|
166
|
+
id: requestId,
|
|
167
|
+
url: response.url,
|
|
168
|
+
timestamp: (requestDetails == null ? void 0 : requestDetails.timestamp) || Date.now() - 100,
|
|
169
|
+
method,
|
|
170
|
+
body
|
|
171
|
+
},
|
|
172
|
+
response: {
|
|
173
|
+
url: response.url,
|
|
174
|
+
status: response.status,
|
|
175
|
+
statusText: response.statusText,
|
|
176
|
+
headers: (() => {
|
|
177
|
+
const headersObj = {};
|
|
178
|
+
response.headers.forEach((value, key) => {
|
|
179
|
+
headersObj[key] = value;
|
|
180
|
+
});
|
|
181
|
+
return headersObj;
|
|
182
|
+
})(),
|
|
183
|
+
data: responseData,
|
|
184
|
+
timestamp: Date.now(),
|
|
185
|
+
responseTime
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
};
|
|
189
|
+
console.log("responseLog", responseLog);
|
|
190
|
+
_this.responseLogs.push(responseLog);
|
|
191
|
+
requestStore.delete(requestId);
|
|
192
|
+
return response;
|
|
193
|
+
} catch (error) {
|
|
194
|
+
const errorLog = {
|
|
195
|
+
type: "network",
|
|
196
|
+
stage: "error",
|
|
197
|
+
payload: {
|
|
198
|
+
request: {
|
|
199
|
+
id: requestId,
|
|
200
|
+
url,
|
|
201
|
+
timestamp: (requestDetails == null ? void 0 : requestDetails.timestamp) || Date.now() - 100,
|
|
202
|
+
method,
|
|
203
|
+
body
|
|
204
|
+
},
|
|
205
|
+
error: {
|
|
206
|
+
message: error instanceof Error ? error.message : "Unknown error",
|
|
207
|
+
timestamp: Date.now()
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
};
|
|
211
|
+
_this.responseLogs.push(errorLog);
|
|
212
|
+
requestStore.delete(requestId);
|
|
213
|
+
throw error;
|
|
214
|
+
}
|
|
215
|
+
};
|
|
216
|
+
const originalXHR = window.XMLHttpRequest;
|
|
217
|
+
window.XMLHttpRequest = function() {
|
|
218
|
+
const xhr = new originalXHR();
|
|
219
|
+
const requestId = Date.now().toString();
|
|
220
|
+
const originalOpen = xhr.open;
|
|
221
|
+
xhr._requestHeaders = {};
|
|
222
|
+
const originalSetRequestHeader = xhr.setRequestHeader;
|
|
223
|
+
xhr.setRequestHeader = function(header, value) {
|
|
224
|
+
xhr._requestHeaders[header] = value;
|
|
225
|
+
originalSetRequestHeader.apply(this, arguments);
|
|
226
|
+
};
|
|
227
|
+
xhr.open = function(method, url) {
|
|
228
|
+
if (url.toString().includes("lognroll")) {
|
|
229
|
+
return originalOpen.apply(xhr, arguments);
|
|
230
|
+
}
|
|
231
|
+
requestStore.set(requestId, { url: url.toString(), timestamp: Date.now(), body: null });
|
|
232
|
+
const self = this;
|
|
233
|
+
const originalOnReadyStateChange = this.onreadystatechange;
|
|
234
|
+
this.onreadystatechange = function() {
|
|
235
|
+
var _a;
|
|
236
|
+
if (self.readyState === 4) {
|
|
237
|
+
console.log("XHR Response Received:");
|
|
238
|
+
console.log(" URL:", self.responseURL);
|
|
239
|
+
console.log(" Status:", self.status);
|
|
240
|
+
console.log(" Status Text:", self.statusText);
|
|
241
|
+
console.log(" Response Data:", self.responseText);
|
|
242
|
+
const data = requestStore.get(requestId);
|
|
243
|
+
const responseTime = Date.now() - ((data == null ? void 0 : data.timestamp) || Date.now());
|
|
244
|
+
console.log("METHOD", method);
|
|
245
|
+
const responseLog = {
|
|
246
|
+
type: "network",
|
|
247
|
+
stage: "response",
|
|
248
|
+
payload: {
|
|
249
|
+
request: {
|
|
250
|
+
id: requestId,
|
|
251
|
+
url,
|
|
252
|
+
timestamp: ((_a = requestStore.get(requestId)) == null ? void 0 : _a.timestamp) || Date.now() - 100,
|
|
253
|
+
method: method || "GET",
|
|
254
|
+
body: (data == null ? void 0 : data.body) || null,
|
|
255
|
+
headers: xhr._requestHeaders || {}
|
|
256
|
+
},
|
|
257
|
+
response: {
|
|
258
|
+
status: self.status,
|
|
259
|
+
statusText: self.statusText,
|
|
260
|
+
headers: self.getAllResponseHeaders().split("\r\n").reduce((acc, line) => {
|
|
261
|
+
const [key, value] = line.split(": ");
|
|
262
|
+
if (key && value) acc[key] = value;
|
|
263
|
+
return acc;
|
|
264
|
+
}, {}),
|
|
265
|
+
data: self.responseText,
|
|
266
|
+
timestamp: Date.now(),
|
|
267
|
+
responseTime
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
};
|
|
271
|
+
console.log("responseLog", responseLog);
|
|
272
|
+
_this.responseLogs.push(responseLog);
|
|
273
|
+
requestStore.delete(requestId);
|
|
274
|
+
if (originalOnReadyStateChange) {
|
|
275
|
+
originalOnReadyStateChange.apply(self, arguments);
|
|
276
|
+
}
|
|
277
|
+
} else {
|
|
278
|
+
if (originalOnReadyStateChange) {
|
|
279
|
+
originalOnReadyStateChange.apply(self, arguments);
|
|
280
|
+
}
|
|
281
|
+
}
|
|
282
|
+
};
|
|
283
|
+
return originalOpen.apply(xhr, arguments);
|
|
284
|
+
};
|
|
285
|
+
const originalSend = xhr.send;
|
|
286
|
+
xhr.send = function(body) {
|
|
287
|
+
if (body instanceof FormData) {
|
|
288
|
+
console.log("FormData entries:");
|
|
289
|
+
const reqData = {};
|
|
290
|
+
for (const [key, value] of body.entries()) {
|
|
291
|
+
console.log(`${key}:`, value);
|
|
292
|
+
reqData[key] = value;
|
|
293
|
+
}
|
|
294
|
+
body = reqData;
|
|
295
|
+
const data = requestStore.get(requestId);
|
|
296
|
+
if (data != null) {
|
|
297
|
+
data["body"] = reqData;
|
|
298
|
+
}
|
|
299
|
+
} else {
|
|
300
|
+
const data = requestStore.get(requestId);
|
|
301
|
+
if (data != null) {
|
|
302
|
+
data["body"] = body;
|
|
303
|
+
}
|
|
304
|
+
console.log("Non-FormData body:", body);
|
|
305
|
+
}
|
|
306
|
+
xhr.addEventListener("load", function(progressEvent) {
|
|
307
|
+
var _a;
|
|
308
|
+
const url = ((_a = requestStore.get(requestId)) == null ? void 0 : _a.url) || "";
|
|
309
|
+
if (url.includes("lognroll")) {
|
|
310
|
+
return;
|
|
311
|
+
}
|
|
312
|
+
if (url.includes("/api/v1/requests/")) {
|
|
313
|
+
}
|
|
314
|
+
console.log("url", url);
|
|
315
|
+
console.log("xhr.response", xhr.response, xhr);
|
|
316
|
+
});
|
|
317
|
+
xhr.addEventListener("error", function() {
|
|
318
|
+
var _a;
|
|
319
|
+
if (xhr.responseURL.includes("lognroll")) {
|
|
320
|
+
return;
|
|
321
|
+
}
|
|
322
|
+
const errorLog = {
|
|
323
|
+
type: "network",
|
|
324
|
+
stage: "error",
|
|
325
|
+
payload: {
|
|
326
|
+
request: {
|
|
327
|
+
id: requestId,
|
|
328
|
+
url: xhr.responseURL,
|
|
329
|
+
timestamp: ((_a = requestStore.get(requestId)) == null ? void 0 : _a.timestamp) || Date.now() - 100,
|
|
330
|
+
method: xhr._method || "GET",
|
|
331
|
+
body
|
|
332
|
+
},
|
|
333
|
+
error: {
|
|
334
|
+
message: "XHR request failed",
|
|
335
|
+
timestamp: Date.now()
|
|
336
|
+
}
|
|
337
|
+
}
|
|
338
|
+
};
|
|
339
|
+
_this.responseLogs.push(errorLog);
|
|
340
|
+
requestStore.delete(requestId);
|
|
341
|
+
});
|
|
342
|
+
return originalSend.apply(xhr, arguments);
|
|
343
|
+
};
|
|
344
|
+
return xhr;
|
|
345
|
+
};
|
|
346
|
+
}
|
|
347
|
+
};
|
|
348
|
+
var network_default = Network;
|
|
349
|
+
|
|
350
|
+
// src/console/index.ts
|
|
351
|
+
var Console = class extends network_default {
|
|
352
|
+
constructor() {
|
|
353
|
+
super();
|
|
354
|
+
this.consoleLogs = [];
|
|
355
|
+
this.originalConsole = window.console;
|
|
356
|
+
this.initializeConsoleOverrides();
|
|
357
|
+
}
|
|
358
|
+
initializeConsoleOverrides() {
|
|
359
|
+
const methods = ["log", "info", "warn", "error", "debug", "trace"];
|
|
360
|
+
methods.forEach((method) => {
|
|
361
|
+
const originalMethod = this.originalConsole[method];
|
|
362
|
+
window.console[method] = (...args) => {
|
|
363
|
+
const timestamp = Date.now();
|
|
364
|
+
originalMethod.apply(this.originalConsole, args);
|
|
365
|
+
try {
|
|
366
|
+
const getCircularReplacer = () => {
|
|
367
|
+
const seen = /* @__PURE__ */ new WeakSet();
|
|
368
|
+
return (key, value) => {
|
|
369
|
+
if (typeof value === "object" && value !== null) {
|
|
370
|
+
if (seen.has(value)) {
|
|
371
|
+
return "[Circular]";
|
|
372
|
+
}
|
|
373
|
+
seen.add(value);
|
|
374
|
+
}
|
|
375
|
+
return value;
|
|
376
|
+
};
|
|
377
|
+
};
|
|
378
|
+
const data = method + "<|||>" + args.map((arg) => {
|
|
379
|
+
try {
|
|
380
|
+
return typeof arg === "object" && arg !== null ? JSON.stringify(arg, getCircularReplacer()) : String(arg);
|
|
381
|
+
} catch (e) {
|
|
382
|
+
return "[Error stringifying argument]";
|
|
383
|
+
}
|
|
384
|
+
}).join("<SPLIT>");
|
|
385
|
+
this.consoleLogs.push({
|
|
386
|
+
data,
|
|
387
|
+
timestamp
|
|
388
|
+
});
|
|
389
|
+
} catch (e) {
|
|
390
|
+
originalMethod.apply(this.originalConsole, [e, "error sending log"]);
|
|
391
|
+
}
|
|
392
|
+
};
|
|
393
|
+
});
|
|
394
|
+
}
|
|
395
|
+
};
|
|
396
|
+
|
|
397
|
+
// src/index.ts
|
|
398
|
+
var LognRoll = class extends Console {
|
|
399
|
+
constructor() {
|
|
400
|
+
super();
|
|
401
|
+
}
|
|
402
|
+
};
|
|
403
|
+
var index_default = new LognRoll();
|
|
404
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/index.ts", "../src/core/index.ts", "../src/network/index.ts", "../src/console/index.ts"],
|
|
4
|
+
"sourcesContent": ["import { Console } from './console';\n\nclass LognRoll extends Console {\n\n constructor() {\n super();\n }\n}\n\nexport default new LognRoll();", "import Network from \"../network\";\ndeclare const LOG_FILE: string;\n\nexport class Core {\n constructor() {\n }\n public companyId: string = '';\n public userId: string = '';\n public traits: {name?:string, email?: string} = {};\n\n initSession(companyId: string, data: any) {\n ((window || {}) as any)['lnr'] = this;\n console.log('companyId!', companyId);\n this.companyId = companyId;\n console.log('Initializing session with data', data);\n const script = document.createElement('script');\n let date = new Date().getTime();\n script.src = LOG_FILE + `?cc=`+ date;\n script.async = false;\n document.head.appendChild(script);\n }\n\n identifyUser(userId: string, traits: {name?:string, email?: string}) {\n // Logic to identify user\n console.log(`Identifying user: ${userId}`, traits);\n this.userId = userId;\n this.traits = traits;\n }\n}\n\nexport default Core;\n", "import Core from \"../core\";\n\nexport class Network extends Core {\n constructor() {\n super();\n this.wrap();\n }\n private responseLogs: any[] = [];\n private processedResources = new Set<string>();\n private resourceMonitorInterval: number | null = null;\n\n getResponseLogs() {\n return [...this.responseLogs];\n }\n\n clearResponseLogs() {\n this.responseLogs = [];\n this.processedResources.clear();\n }\n\n private monitorResourceTiming() {\n if (typeof window === 'undefined' || !window.performance || !window.performance.getEntriesByType) {\n return;\n }\n\n const resources = performance.getEntriesByType('resource') as PerformanceResourceTiming[];\n \n resources.forEach(resource => {\n // Skip if already processed or if it's a lognroll request\n if (this.processedResources.has(resource.name) || resource.name.includes('lognroll')) {\n return;\n }\n\n // Add to processed set\n this.processedResources.add(resource.name);\n\n // Calculate timing details\n const timing = {\n startTime: resource.startTime,\n duration: resource.duration,\n fetchStart: resource.fetchStart,\n responseEnd: resource.responseEnd,\n // DNS lookup time\n dnsTime: resource.domainLookupEnd - resource.domainLookupStart,\n // Connection time\n connectTime: resource.connectEnd - resource.connectStart,\n // Time to First Byte (TTFB)\n ttfb: resource.responseStart - resource.requestStart,\n // Content download time\n downloadTime: resource.responseEnd - resource.responseStart\n };\n\n // console.log('resource', resource)\n // Create response log entry\n const responseLog = {\n type: 'network',\n stage: 'response',\n payload: {\n request: {\n id: `resource-${resource.startTime}`,\n url: resource.name,\n timestamp: Date.now() - resource.duration,\n method: 'GET',\n initiatorType: resource.initiatorType,\n body: null\n },\n response: {\n url: resource.name,\n status: 200, // Resources that fail to load won't appear in the performance entries\n statusText: 'OK',\n headers: {},\n timing,\n contentType: resource.initiatorType,\n decodedBodySize: resource.decodedBodySize,\n encodedBodySize: resource.encodedBodySize,\n transferSize: resource.transferSize,\n timestamp: Date.now(),\n responseTime: resource.duration\n }\n }\n };\n\n this.responseLogs.push(responseLog);\n });\n\n // Clear the performance buffer to avoid processing the same resources again\n performance.clearResourceTimings();\n }\n\n startResourceMonitoring(interval: number = 1000) {\n if (this.resourceMonitorInterval !== null) {\n return;\n }\n\n // Initial check\n this.monitorResourceTiming();\n\n // Set up periodic monitoring\n this.resourceMonitorInterval = window.setInterval(() => {\n this.monitorResourceTiming();\n }, interval);\n }\n\n stopResourceMonitoring() {\n if (this.resourceMonitorInterval !== null) {\n clearInterval(this.resourceMonitorInterval);\n this.resourceMonitorInterval = null;\n }\n }\n\n wrap() {\n // Start resource monitoring\n this.startResourceMonitoring();\n\n // Store for tracking requests\n const requestStore = new Map<string, { url: string; timestamp: number, body: any }>();\n\n // Wrap fetch\n const originalFetch = window.fetch;\n const _this = this;\n window.fetch = async function (input: RequestInfo | URL, init?: RequestInit) {\n const requestId = Date.now().toString();\n const url = typeof input === 'string' ? input : (input as Request).url;\n \n // Skip requests containing 'lognroll' in the URL\n if (url.includes('lognroll')) {\n return originalFetch(input, init);\n }\n \n const method = init?.method || 'GET';\n const body = init?.body || null;\n\n requestStore.set(requestId, {url, timestamp: Date.now(), body: null});\n\n // Execute original fetch\n const startTime = Date.now();\n const requestDetails = requestStore.get(requestId);\n try {\n const response = await originalFetch(input, init);\n\n // Clone response to read body\n const clonedResponse = response.clone();\n const responseData = await clonedResponse.text().catch(() => null);\n // Log response\n const responseTime = Date.now() - startTime;\n const responseLog = {\n type: 'network',\n stage: 'response',\n payload: {\n request: {\n id: requestId,\n url: response.url,\n timestamp: requestDetails?.timestamp || Date.now() - 100,\n method,\n body\n },\n response: {\n url: response.url,\n status: response.status,\n statusText: response.statusText,\n headers: (() => {\n const headersObj: Record<string, string> = {};\n response.headers.forEach((value, key) => {\n headersObj[key] = value;\n });\n return headersObj;\n })(),\n data: responseData,\n timestamp: Date.now(),\n responseTime\n }\n }\n };\n\n console.log('responseLog', responseLog);\n _this.responseLogs.push(responseLog);\n requestStore.delete(requestId);\n\n return response;\n } catch (error: unknown) {\n // Log error\n const errorLog = {\n type: 'network',\n stage: 'error',\n payload: {\n request: {\n id: requestId,\n url,\n timestamp: requestDetails?.timestamp || Date.now() - 100,\n method,\n body\n },\n error: {\n message: error instanceof Error ? error.message : 'Unknown error',\n timestamp: Date.now()\n }\n }\n };\n\n // console.error(JSON.stringify(errorLog));\n _this.responseLogs.push(errorLog);\n requestStore.delete(requestId);\n throw error;\n }\n };\n\n // Wrap XMLHttpRequest\n const originalXHR = window.XMLHttpRequest;\n // @ts-ignore - We're intentionally replacing the constructor\n window.XMLHttpRequest = function () {\n const xhr = new originalXHR();\n const requestId = Date.now().toString();\n\n const originalOpen = xhr.open;\n\n // Store custom headers for this specific XHR instance\n (xhr as any)._requestHeaders = {};\n\n // Preserve the original setRequestHeader for this instance\n const originalSetRequestHeader = xhr.setRequestHeader;\n xhr.setRequestHeader = function(header, value) {\n (xhr as any)._requestHeaders[header] = value;\n originalSetRequestHeader.apply(this, arguments as any);\n };\n\n xhr.open = function (method: string, url: string | URL) {\n if (url.toString().includes('lognroll')) {\n return originalOpen.apply(xhr, arguments as any);\n }\n\n requestStore.set(requestId, {url: url.toString(), timestamp: Date.now(), body: null});\n\n\n // Store a reference to 'this' (the XHR object) to use in the modified onreadystatechange\n const self = this;\n\n // Preserve the original onreadystatechange handler if it exists\n const originalOnReadyStateChange = this.onreadystatechange;\n\n // Override onreadystatechange to intercept the response\n this.onreadystatechange = function() {\n if (self.readyState === 4) { // DONE state\n // Log response details\n console.log('XHR Response Received:');\n console.log(' URL:', self.responseURL);\n console.log(' Status:', self.status);\n console.log(' Status Text:', self.statusText);\n console.log(' Response Data:', self.responseText); // Or self.response, self.responseXML, etc.\n\n // You can add additional logic here, like error handling or re-trying requests\n\n const data = requestStore.get(requestId);\n // Log response\n const responseTime = Date.now() - (data?.timestamp || Date.now());\n console.log('METHOD', method);\n const responseLog = {\n type: 'network',\n stage: 'response',\n payload: {\n request: {\n id: requestId,\n url: url,\n timestamp: requestStore.get(requestId)?.timestamp || Date.now() - 100,\n method: method || 'GET',\n body: data?.body || null,\n headers: (xhr as any)._requestHeaders || {}\n },\n response: {\n status: self.status,\n statusText: self.statusText,\n headers: self.getAllResponseHeaders().split('\\r\\n').reduce((acc: Record<string, string>, line: string) => {\n const [key, value] = line.split(': ');\n if (key && value) acc[key] = value;\n return acc;\n }, {}),\n data: self.responseText,\n timestamp: Date.now(),\n responseTime\n }\n }\n };\n\n // console.log(JSON.stringify(responseLog));\n console.log('responseLog', responseLog);\n\n _this.responseLogs.push(responseLog);\n requestStore.delete(requestId);\n\n // Call the original onreadystatechange if it was defined\n if (originalOnReadyStateChange) {\n originalOnReadyStateChange.apply(self, arguments as any);\n }\n } else {\n // If there was an original onreadystatechange, call it for other states\n if (originalOnReadyStateChange) {\n originalOnReadyStateChange.apply(self, arguments as any);\n }\n }\n };\n\n\n return originalOpen.apply(xhr, arguments as any);\n };\n\n const originalSend = xhr.send;\n xhr.send = function (body: any) {\n if (body instanceof FormData) {\n console.log(\"FormData entries:\");\n const reqData: any = {};\n for (const [key, value] of (body as any).entries()) {\n console.log(`${key}:`, value);\n reqData[key] = value;\n }\n body = reqData;\n const data = requestStore.get(requestId);\n if (data != null) {\n data['body'] = reqData;\n }\n\n } else {\n const data = requestStore.get(requestId);\n if (data != null) {\n data['body'] = body;\n }\n console.log(\"Non-FormData body:\", body);\n }\n\n xhr.addEventListener('load', function (progressEvent) {\n\n const url = requestStore.get(requestId)?.url || '';\n // Skip if URL contains 'lognroll'\n if (url.includes('lognroll')) {\n return;\n }\n\n if(url.includes('/api/v1/requests/')) {\n // debugger;\n }\n\n\n console.log('url', url);\n console.log('xhr.response', xhr.response, xhr);\n\n });\n\n xhr.addEventListener('error', function () {\n // Skip if URL contains 'lognroll'\n if (xhr.responseURL.includes('lognroll')) {\n return;\n }\n \n // Log error\n const errorLog = {\n type: 'network',\n stage: 'error',\n payload: {\n request: {\n id: requestId,\n url: xhr.responseURL,\n timestamp: requestStore.get(requestId)?.timestamp || Date.now() - 100,\n method: (xhr as any)._method || 'GET',\n body\n },\n error: {\n message: 'XHR request failed',\n timestamp: Date.now()\n }\n }\n };\n\n _this.responseLogs.push(errorLog);\n requestStore.delete(requestId);\n });\n\n return originalSend.apply(xhr, arguments as any);\n };\n\n return xhr;\n };\n }\n}\n\nexport default Network;\n", "import Network from \"../network\";\n\nexport class Console extends Network {\n\n private originalConsole: any;\n public consoleLogs: any[] = [];\n\n constructor() {\n super();\n this.originalConsole = window.console;\n this.initializeConsoleOverrides();\n }\n\n initializeConsoleOverrides() {\n const methods = ['log', 'info', 'warn', 'error', 'debug', 'trace'];\n\n methods.forEach(method => {\n const originalMethod = this.originalConsole[method];\n\n (window as any).console[method] = (...args: any[]) => {\n const timestamp = Date.now();\n originalMethod.apply(this.originalConsole, args);\n\n try {\n const getCircularReplacer = () => {\n const seen = new WeakSet();\n return (key: any, value: any) => {\n if (typeof value === 'object' && value !== null) {\n if (seen.has(value)) {\n return '[Circular]';\n }\n seen.add(value);\n }\n return value;\n };\n };\n\n const data = method + \"<|||>\" + args.map(arg => {\n try {\n return typeof arg === 'object' && arg !== null\n ? JSON.stringify(arg, getCircularReplacer())\n : String(arg);\n } catch (e) {\n return '[Error stringifying argument]';\n }\n }).join('<SPLIT>');\n\n this.consoleLogs.push({\n data,\n timestamp,\n })\n } catch (e) {\n originalMethod.apply(this.originalConsole, [e, 'error sending log']);\n }\n };\n });\n }\n}\n\nexport default Console;\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<module type="WEB_MODULE" version="4">
|
|
3
|
+
<component name="NewModuleRootManager" inherit-compiler-output="true">
|
|
4
|
+
<exclude-output />
|
|
5
|
+
<content url="file://$MODULE_DIR$" />
|
|
6
|
+
<orderEntry type="sourceFolder" forTests="false" />
|
|
7
|
+
</component>
|
|
8
|
+
</module>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "lognroll",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "The official JavaScript SDK for LogNroll.com",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"types": "dist/index.d.ts",
|
|
7
|
+
"scripts": {
|
|
8
|
+
"module": "tsc -w",
|
|
9
|
+
"build": "tsc",
|
|
10
|
+
"link": "npm link",
|
|
11
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
12
|
+
},
|
|
13
|
+
"author": "Your Name",
|
|
14
|
+
"license": "ISC",
|
|
15
|
+
"devDependencies": {
|
|
16
|
+
"@rollup/plugin-commonjs": "^28.0.3",
|
|
17
|
+
"@rollup/plugin-node-resolve": "^16.0.1",
|
|
18
|
+
"rollup": "^4.39.0",
|
|
19
|
+
"rollup-plugin-typescript2": "^0.36.0",
|
|
20
|
+
"typescript": "^5.8.3"
|
|
21
|
+
}
|
|
22
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@lognroll/lib",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "The official JavaScript SDK for ${PACKAGE_NAME}",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"types": "dist/index.d.ts",
|
|
7
|
+
"scripts": {
|
|
8
|
+
"build": "node build.js",
|
|
9
|
+
"watch": "node build.js --watch",
|
|
10
|
+
"module_watch_local": "LOG_FILE=\"http://localhost:3002/logger.lnr.1.0.1.js\" npm run watch",
|
|
11
|
+
"module_build_local": "LOG_FILE=\"http://localhost:3002/logger.lnr.1.0.1.js\" npm run build",
|
|
12
|
+
"module_build_test": "LOG_FILE=\"https://logger-dev.lognroll.com/logger.lnr.1.0.1.js\" npm run build",
|
|
13
|
+
"module_build_prod": "LOG_FILE=\"https://logger.lognroll.com/logger.lnr.1.0.1.js\" npm run build",
|
|
14
|
+
"link": "npm link",
|
|
15
|
+
"test": "echo \"Error: no test specified\" && exit 1",
|
|
16
|
+
"deploy-test": "export PACKAGE_NAME=testlow && npm publish --access public",
|
|
17
|
+
"deploy-prod": "export PACKAGE_NAME=@lognroll/lib && npm publish --access public"
|
|
18
|
+
},
|
|
19
|
+
"author": "Dmytro",
|
|
20
|
+
"license": "ISC",
|
|
21
|
+
"devDependencies": {
|
|
22
|
+
"@babel/core": "^7.27.1",
|
|
23
|
+
"@babel/preset-env": "^7.27.2",
|
|
24
|
+
"@rollup/plugin-commonjs": "^28.0.3",
|
|
25
|
+
"@rollup/plugin-node-resolve": "^16.0.1",
|
|
26
|
+
"babel-loader": "^10.0.0",
|
|
27
|
+
"esbuild": "^0.25.4",
|
|
28
|
+
"rollup": "^4.39.0",
|
|
29
|
+
"rollup-plugin-typescript2": "^0.36.0",
|
|
30
|
+
"typescript": "^5.8.3",
|
|
31
|
+
"webpack": "^5.99.8",
|
|
32
|
+
"webpack-cli": "^6.0.1"
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import Network from "../network";
|
|
2
|
+
|
|
3
|
+
export class Console extends Network {
|
|
4
|
+
|
|
5
|
+
private originalConsole: any;
|
|
6
|
+
public consoleLogs: any[] = [];
|
|
7
|
+
|
|
8
|
+
constructor() {
|
|
9
|
+
super();
|
|
10
|
+
this.originalConsole = window.console;
|
|
11
|
+
this.initializeConsoleOverrides();
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
initializeConsoleOverrides() {
|
|
15
|
+
const methods = ['log', 'info', 'warn', 'error', 'debug', 'trace'];
|
|
16
|
+
|
|
17
|
+
methods.forEach(method => {
|
|
18
|
+
const originalMethod = this.originalConsole[method];
|
|
19
|
+
|
|
20
|
+
(window as any).console[method] = (...args: any[]) => {
|
|
21
|
+
const timestamp = Date.now();
|
|
22
|
+
originalMethod.apply(this.originalConsole, args);
|
|
23
|
+
|
|
24
|
+
try {
|
|
25
|
+
const getCircularReplacer = () => {
|
|
26
|
+
const seen = new WeakSet();
|
|
27
|
+
return (key: any, value: any) => {
|
|
28
|
+
if (typeof value === 'object' && value !== null) {
|
|
29
|
+
if (seen.has(value)) {
|
|
30
|
+
return '[Circular]';
|
|
31
|
+
}
|
|
32
|
+
seen.add(value);
|
|
33
|
+
}
|
|
34
|
+
return value;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
const data = method + "<|||>" + args.map(arg => {
|
|
39
|
+
try {
|
|
40
|
+
return typeof arg === 'object' && arg !== null
|
|
41
|
+
? JSON.stringify(arg, getCircularReplacer())
|
|
42
|
+
: String(arg);
|
|
43
|
+
} catch (e) {
|
|
44
|
+
return '[Error stringifying argument]';
|
|
45
|
+
}
|
|
46
|
+
}).join('<SPLIT>');
|
|
47
|
+
|
|
48
|
+
this.consoleLogs.push({
|
|
49
|
+
data,
|
|
50
|
+
timestamp,
|
|
51
|
+
})
|
|
52
|
+
} catch (e) {
|
|
53
|
+
originalMethod.apply(this.originalConsole, [e, 'error sending log']);
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
export default Console;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import Network from "../network";
|
|
2
|
+
declare const LOG_FILE: string;
|
|
3
|
+
|
|
4
|
+
export class Core {
|
|
5
|
+
constructor() {
|
|
6
|
+
}
|
|
7
|
+
public companyId: string = '';
|
|
8
|
+
public userId: string = '';
|
|
9
|
+
public traits: {name?:string, email?: string} = {};
|
|
10
|
+
|
|
11
|
+
initSession(companyId: string, data: any) {
|
|
12
|
+
((window || {}) as any)['lnr'] = this;
|
|
13
|
+
console.log('companyId!', companyId);
|
|
14
|
+
this.companyId = companyId;
|
|
15
|
+
console.log('Initializing session with data', data);
|
|
16
|
+
const script = document.createElement('script');
|
|
17
|
+
let date = new Date().getTime();
|
|
18
|
+
script.src = LOG_FILE + `?cc=`+ date;
|
|
19
|
+
script.async = false;
|
|
20
|
+
document.head.appendChild(script);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
identifyUser(userId: string, traits: {name?:string, email?: string}) {
|
|
24
|
+
// Logic to identify user
|
|
25
|
+
console.log(`Identifying user: ${userId}`, traits);
|
|
26
|
+
this.userId = userId;
|
|
27
|
+
this.traits = traits;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export default Core;
|