UNPKG

bot-guardian-js

Version:

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

93 lines (92 loc) 4.97 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.Dashboard = void 0; const react_1 = __importStar(require("react")); function Dashboard() { const [detections, setDetections] = (0, react_1.useState)([]); const [stats, setStats] = (0, react_1.useState)({ total: 0, bots: 0, humans: 0 }); (0, react_1.useEffect)(() => { const fetchData = () => __awaiter(this, void 0, void 0, function* () { try { const response = yield fetch('/api/detections'); const data = yield response.json(); setDetections(data); // Calculate stats setStats({ total: data.length, bots: data.filter((d) => d.isBot).length, humans: data.filter((d) => !d.isBot).length }); } catch (error) { console.error('Error fetching detections:', error); } }); fetchData(); const interval = setInterval(fetchData, 5000); // Refresh every 5 seconds return () => clearInterval(interval); }, []); return (react_1.default.createElement("div", { className: "dashboard" }, react_1.default.createElement("h1", null, "Bot Guardian Dashboard"), react_1.default.createElement("div", { className: "stats" }, react_1.default.createElement("div", { className: "stat-card" }, react_1.default.createElement("h3", null, "Total Requests"), react_1.default.createElement("p", null, stats.total)), react_1.default.createElement("div", { className: "stat-card" }, react_1.default.createElement("h3", null, "Bots Detected"), react_1.default.createElement("p", null, stats.bots)), react_1.default.createElement("div", { className: "stat-card" }, react_1.default.createElement("h3", null, "Human Users"), react_1.default.createElement("p", null, stats.humans))), 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, "User Agent"), react_1.default.createElement("th", null, "Confidence"))), react_1.default.createElement("tbody", null, detections.map((detection, index) => (react_1.default.createElement("tr", { key: index, className: detection.isBot ? 'bot-row' : 'human-row' }, react_1.default.createElement("td", null, new Date(detection.timestamp).toLocaleString()), react_1.default.createElement("td", null, detection.isBot ? '🤖 Bot' : '👤 Human'), react_1.default.createElement("td", null, detection.userAgent), react_1.default.createElement("td", null, (detection.confidence * 100).toFixed(1), "%")))))))); } exports.Dashboard = Dashboard;