logger-tracker-megh-dev
Version:
Log collector and analyzer
526 lines (525 loc) • 20.4 kB
JavaScript
// src/logger.ts
function _array_like_to_array(arr, len) {
if (len == null || len > arr.length) len = arr.length;
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
return arr2;
}
function _array_without_holes(arr) {
if (Array.isArray(arr)) return _array_like_to_array(arr);
}
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
try {
var info = gen[key](arg);
var value = info.value;
} catch (error) {
reject(error);
return;
}
if (info.done) {
resolve(value);
} else {
Promise.resolve(value).then(_next, _throw);
}
}
function _async_to_generator(fn) {
return function() {
var self = this, args = arguments;
return new Promise(function(resolve, reject) {
var gen = fn.apply(self, args);
function _next(value) {
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
}
function _throw(err) {
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
}
_next(undefined);
});
};
}
function _class_call_check(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
function _defineProperties(target, props) {
for(var i = 0; i < props.length; i++){
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
function _create_class(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
function _define_property(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
function _iterable_to_array(iter) {
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
}
function _non_iterable_spread() {
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _object_spread(target) {
for(var i = 1; i < arguments.length; i++){
var source = arguments[i] != null ? arguments[i] : {};
var ownKeys = Object.keys(source);
if (typeof Object.getOwnPropertySymbols === "function") {
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
}));
}
ownKeys.forEach(function(key) {
_define_property(target, key, source[key]);
});
}
return target;
}
function _to_consumable_array(arr) {
return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
}
function _unsupported_iterable_to_array(o, minLen) {
if (!o) return;
if (typeof o === "string") return _array_like_to_array(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);
if (n === "Object" && o.constructor) n = o.constructor.name;
if (n === "Map" || n === "Set") return Array.from(n);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
}
function _ts_generator(thisArg, body) {
var f, y, t, g, _ = {
label: 0,
sent: function() {
if (t[0] & 1) throw t[1];
return t[1];
},
trys: [],
ops: []
};
return g = {
next: verb(0),
"throw": verb(1),
"return": verb(2)
}, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
return this;
}), g;
function verb(n) {
return function(v) {
return step([
n,
v
]);
};
}
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while(_)try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [
op[0] & 2,
t.value
];
switch(op[0]){
case 0:
case 1:
t = op;
break;
case 4:
_.label++;
return {
value: op[1],
done: false
};
case 5:
_.label++;
y = op[1];
op = [
0
];
continue;
case 7:
op = _.ops.pop();
_.trys.pop();
continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
_ = 0;
continue;
}
if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
_.label = op[1];
break;
}
if (op[0] === 6 && _.label < t[1]) {
_.label = t[1];
t = op;
break;
}
if (t && _.label < t[2]) {
_.label = t[2];
_.ops.push(op);
break;
}
if (t[2]) _.ops.pop();
_.trys.pop();
continue;
}
op = body.call(thisArg, _);
} catch (e) {
op = [
6,
e
];
y = 0;
} finally{
f = t = 0;
}
if (op[0] & 5) throw op[1];
return {
value: op[0] ? op[1] : void 0,
done: true
};
}
}
import axios from "axios";
var Logger = /*#__PURE__*/ function() {
"use strict";
function _Logger(config) {
_class_call_check(this, _Logger);
this.config = _object_spread({
enableConsoleLog: true
}, config);
}
_create_class(_Logger, [
{
key: "getUserIp",
value: function getUserIp() {
return _async_to_generator(function() {
var res, error;
return _ts_generator(this, function(_state) {
switch(_state.label){
case 0:
_state.trys.push([
0,
2,
,
3
]);
return [
4,
axios.get("https://api64.ipify.org?format=json")
];
case 1:
res = _state.sent();
return [
2,
res.data.ip
];
case 2:
error = _state.sent();
console.error("Error fetching user IP:", error);
return [
2,
"Unknown IP"
];
case 3:
return [
2
];
}
});
})();
}
},
{
key: "sendLog",
value: function sendLog(event) {
var additionalData = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
var _this = this;
return _async_to_generator(function() {
var logData, _tmp, error;
return _ts_generator(this, function(_state) {
switch(_state.label){
case 0:
_state.trys.push([
0,
3,
,
4
]);
_tmp = {};
return [
4,
_this.getUserIp()
];
case 1:
logData = _object_spread.apply(void 0, [
(_tmp.ip = _state.sent(), _tmp.userAgent = typeof window !== "undefined" ? window.navigator.userAgent : "Server", _tmp.url = typeof window !== "undefined" ? window.location.href : "", _tmp.event = typeof event === "string" ? event : event.type, _tmp.timestamp = /* @__PURE__ */ new Date().toISOString(), _tmp),
additionalData
]);
return [
4,
axios.post(_this.config.backendUrl, {
log: logData,
apiKey: _this.config.apiKey
})
];
case 2:
_state.sent();
if (_this.config.enableConsoleLog) {
console.log("Log sent successfully:", logData);
}
return [
3,
4
];
case 3:
error = _state.sent();
console.error("Failed to send log:", error);
return [
3,
4
];
case 4:
return [
2
];
}
});
})();
}
}
], [
{
key: "getInstance",
value: function getInstance(config) {
if (!_Logger.instance) {
_Logger.instance = new _Logger(config);
}
return _Logger.instance;
}
}
]);
return _Logger;
}();
// src/middleware.ts
import { NextResponse } from "next/server";
function createLoggerMiddleware(config) {
return /*#__PURE__*/ function() {
var _middleware = _async_to_generator(function(request) {
var startTime, getIpAddress, ip, requestClone, requestBody, e, response, responseTime, responseClone, responseBody, e1, logData, error;
return _ts_generator(this, function(_state) {
switch(_state.label){
case 0:
startTime = Date.now();
getIpAddress = function(request2) {
var _request2_headers_get;
var KNOWN_IP_HEADERS = [
"x-real-ip",
"x-forwarded-for",
"cf-connecting-ip",
// Cloudflare
"x-client-ip",
"x-forwarded",
"forwarded-for",
"forwarded",
"true-client-ip",
"x-cluster-client-ip"
];
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
try {
for(var _iterator = KNOWN_IP_HEADERS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
var header = _step.value;
var value = request2.headers.get(header);
if (value) {
var ipAddress = value.split(",")[0].trim();
if (ipAddress && ipAddress !== "::1" && ipAddress !== "localhost" && ipAddress !== "127.0.0.1") {
return ipAddress;
}
}
}
} catch (err) {
_didIteratorError = true;
_iteratorError = err;
} finally{
try {
if (!_iteratorNormalCompletion && _iterator.return != null) {
_iterator.return();
}
} finally{
if (_didIteratorError) {
throw _iteratorError;
}
}
}
var connectionRemoteAddress = request2.headers.get("connection-remote-address");
if (connectionRemoteAddress) {
return connectionRemoteAddress;
}
return ((_request2_headers_get = request2.headers.get("host")) === null || _request2_headers_get === void 0 ? void 0 : _request2_headers_get.split(":")[0]) || "0.0.0.0";
};
ip = getIpAddress(request);
requestClone = request.clone();
_state.label = 1;
case 1:
_state.trys.push([
1,
3,
,
4
]);
return [
4,
requestClone.json()
];
case 2:
requestBody = _state.sent();
return [
3,
4
];
case 3:
e = _state.sent();
requestBody = null;
return [
3,
4
];
case 4:
return [
4,
NextResponse.next()
];
case 5:
response = _state.sent();
responseTime = Date.now() - startTime;
responseClone = response.clone();
_state.label = 6;
case 6:
_state.trys.push([
6,
8,
,
9
]);
return [
4,
responseClone.json()
];
case 7:
responseBody = _state.sent();
return [
3,
9
];
case 8:
e1 = _state.sent();
responseBody = null;
return [
3,
9
];
case 9:
logData = {
ip: ip,
userAgent: request.headers.get("user-agent") || "",
url: request.url,
event: "api_request",
timestamp: /* @__PURE__ */ new Date().toISOString(),
method: request.method,
statusCode: response.status,
responseTime: responseTime,
requestBody: requestBody,
responseBody: responseBody
};
_state.label = 10;
case 10:
_state.trys.push([
10,
12,
,
13
]);
return [
4,
fetch(config.backendUrl, {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
log: logData,
apiKey: config.apiKey
})
})
];
case 11:
_state.sent();
return [
3,
13
];
case 12:
error = _state.sent();
console.error("Failed to send backend log:", error);
return [
3,
13
];
case 13:
return [
2,
response
];
}
});
});
function middleware(request) {
return _middleware.apply(this, arguments);
}
return middleware;
}();
}
// src/components/LoggerWrapper.tsx
import { useEffect } from "react";
var LoggerWrapper = function(config) {
useEffect(function() {
var logger = Logger.getInstance(config);
var handleEvent = function(event) {
return logger.sendLog(event);
};
var defaultEvents = [
"visibilitychange",
"click"
];
var allEvents = _to_consumable_array(defaultEvents).concat(_to_consumable_array(config.customEvents || []));
allEvents.forEach(function(eventName) {
window.addEventListener(eventName, handleEvent);
});
logger.sendLog("page_load");
return function() {
allEvents.forEach(function(eventName) {
window.removeEventListener(eventName, handleEvent);
});
};
}, [
config
]);
return null;
};
var LoggerWrapper_default = LoggerWrapper;
export { Logger, LoggerWrapper_default as LoggerWrapper, createLoggerMiddleware };