UNPKG

bot-guardian-js

Version:

A powerful bot detection and prevention library for Node.js applications

104 lines (103 loc) 5.4 kB
"use strict"; var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { if (k2 === undefined) k2 = k; var desc = Object.getOwnPropertyDescriptor(m, k); if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { desc = { enumerable: true, get: function() { return m[k]; } }; } Object.defineProperty(o, k2, desc); }) : (function(o, m, k, k2) { if (k2 === undefined) k2 = k; o[k2] = m[k]; })); var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { Object.defineProperty(o, "default", { enumerable: true, value: v }); }) : function(o, v) { o["default"] = v; }); var __importStar = (this && this.__importStar) || function (mod) { if (mod && mod.__esModule) return mod; var result = {}; if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); __setModuleDefault(result, mod); return result; }; var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; Object.defineProperty(exports, "__esModule", { value: true }); exports.GuardianDashboard = void 0; // src/components/GuardianDashboard.tsx const react_1 = __importStar(require("react")); const GuardianDashboard = () => { const [detections, setDetections] = (0, react_1.useState)([]); const [stats, setStats] = (0, react_1.useState)({ total: 0, bots: 0, legitimate: 0 }); const [loading, setLoading] = (0, react_1.useState)(true); (0, react_1.useEffect)(() => { const fetchData = () => __awaiter(void 0, void 0, void 0, function* () { try { const response = yield fetch('/api/guardian/detections'); const results = yield response.json(); setDetections(results); const stats = { total: results.length, bots: results.filter((r) => r.isBot).length, legitimate: results.filter((r) => !r.isBot).length }; setStats(stats); } catch (error) { console.error('Error fetching detections:', error); } finally { setLoading(false); } }); fetchData(); // Refresh every 5 minutes const interval = setInterval(fetchData, 300000); return () => clearInterval(interval); }, []); if (loading) return react_1.default.createElement("div", null, "Loading..."); return (react_1.default.createElement("div", { className: "guardian-dashboard" }, react_1.default.createElement("div", { className: "stats-summary" }, react_1.default.createElement("div", { className: "stat-card" }, react_1.default.createElement("h3", null, "Total Visits"), react_1.default.createElement("p", null, stats.total)), react_1.default.createElement("div", { className: "stat-card" }, react_1.default.createElement("h3", null, "Bot Visits"), react_1.default.createElement("p", null, stats.bots)), react_1.default.createElement("div", { className: "stat-card" }, react_1.default.createElement("h3", null, "Human Visits"), react_1.default.createElement("p", null, stats.legitimate))), react_1.default.createElement("table", { className: "detections-table" }, react_1.default.createElement("thead", null, react_1.default.createElement("tr", null, react_1.default.createElement("th", null, "Time"), react_1.default.createElement("th", null, "Type"), react_1.default.createElement("th", null, "Path"), react_1.default.createElement("th", null, "Confidence"))), react_1.default.createElement("tbody", null, detections.map((detection) => { var _a; return (react_1.default.createElement("tr", { key: `${detection.timestamp}-${detection.ip}` }, react_1.default.createElement("td", null, ((_a = detection.timestamp) === null || _a === void 0 ? void 0 : _a.toLocaleString()) || 'N/A'), react_1.default.createElement("td", null, detection.isBot ? '🤖 Bot' : '👤 Human'), react_1.default.createElement("td", null, detection.path), react_1.default.createElement("td", null, (detection.confidence * 100).toFixed(1), "%"))); }))))); }; exports.GuardianDashboard = GuardianDashboard; exports.default = exports.GuardianDashboard;