@mostajs/audit 1.0.6 → 1.1.0

package/dist/i18n/fr/audit.json

@@ -0,0 +1,29 @@
+{
+    "_author": "Dr Hamid MADANI drmdh@msn.com",
+    "title": "Journal d'audit",
+    "fields": {
+        "timestamp": "Date/Heure",
+        "user": "Utilisateur",
+        "action": "Action",
+        "module": "Module",
+        "resource": "Ressource",
+        "status": "Statut",
+        "details": "D\u00e9tails"
+    },
+    "filters": {
+        "module": "Module",
+        "action": "Rechercher action..."
+    },
+    "modules": {
+        "clients": "Clients",
+        "tickets": "Tickets",
+        "scan": "Scan",
+        "lockers": "Vestiaires",
+        "rfid": "RFID",
+        "access": "Acc\u00e8s",
+        "users": "Utilisateurs",
+        "activities": "Activit\u00e9s",
+        "plans": "Plans",
+        "settings": "Param\u00e8tres"
+    }
+}

package/dist/index.d.ts

@@ -3,4 +3,6 @@ export { AuditLogRepository } from './repositories/audit-log.repository';
 export { AuditLogSchema } from './schemas/audit-log.schema';
 export { createAuditHandlers } from './api/route';
 export { auditMenuContribution } from './lib/menu';
+export { default as AuditPage } from './pages/AuditPage';
+export { t as auditT } from './lib/i18n';
 export type { MostaAuditConfig, AuditParams, AuditFilters, AuditLogDTO, } from './types/index';

package/dist/index.js

@@ -9,3 +9,7 @@ export { AuditLogSchema } from './schemas/audit-log.schema';
 export { createAuditHandlers } from './api/route';
 // Menu contribution
 export { auditMenuContribution } from './lib/menu';
+// Pages
+export { default as AuditPage } from './pages/AuditPage';
+// I18n
+export { t as auditT } from './lib/i18n';

package/dist/lib/i18n.d.ts

@@ -0,0 +1 @@
+export declare function t(key: string, params?: Record<string, string | number>): string;

package/dist/lib/i18n.js

@@ -0,0 +1,28 @@
+// @mostajs/audit — Minimal i18n helper
+// Author: Dr Hamid MADANI drmdh@msn.com
+import audit from '../i18n/fr/audit.json' with { type: 'json' };
+function getNestedValue(obj, path) {
+    const keys = path.split('.');
+    let current = obj;
+    for (const key of keys) {
+        if (current && typeof current === 'object' && key in current) {
+            current = current[key];
+        }
+        else {
+            return path;
+        }
+    }
+    return typeof current === 'string' ? current : path;
+}
+export function t(key, params) {
+    const [namespace, ...rest] = key.split('.');
+    if (namespace !== 'audit')
+        return key;
+    let value = getNestedValue(audit, rest.join('.'));
+    if (params) {
+        Object.entries(params).forEach(([paramKey, paramValue]) => {
+            value = value.replace(`{{${paramKey}}}`, String(paramValue));
+        });
+    }
+    return value;
+}

package/dist/pages/AuditPage.d.ts

@@ -0,0 +1 @@
+export default function AuditPage(): import("react/jsx-runtime").JSX.Element;

package/dist/pages/AuditPage.js

@@ -0,0 +1,73 @@
+// @mostajs/audit — AuditPage component
+// Author: Dr Hamid MADANI drmdh@msn.com
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Card, CardContent, CardHeader, CardTitle } from '@mostajs/ui/card';
+import { Button } from '@mostajs/ui/button';
+import { Input } from '@mostajs/ui/input';
+import { Badge } from '@mostajs/ui/badge';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@mostajs/ui/select';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@mostajs/ui/table';
+import { FileText, Search, ChevronLeft, ChevronRight } from 'lucide-react';
+import { t } from '../lib/i18n.js';
+const MODULES = [
+    'clients', 'tickets', 'scan', 'lockers', 'rfid',
+    'access', 'users', 'activities', 'plans', 'settings',
+];
+const MODULE_COLORS = {
+    clients: 'bg-blue-100 text-blue-800',
+    tickets: 'bg-amber-100 text-amber-800',
+    scan: 'bg-green-100 text-green-800',
+    lockers: 'bg-purple-100 text-purple-800',
+    rfid: 'bg-cyan-100 text-cyan-800',
+    access: 'bg-orange-100 text-orange-800',
+    users: 'bg-red-100 text-red-800',
+    activities: 'bg-teal-100 text-teal-800',
+    plans: 'bg-indigo-100 text-indigo-800',
+    settings: 'bg-gray-100 text-gray-800',
+};
+export default function AuditPage() {
+    const [logs, setLogs] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [page, setPage] = useState(1);
+    const [totalPages, setTotalPages] = useState(1);
+    const [total, setTotal] = useState(0);
+    const [moduleFilter, setModuleFilter] = useState('');
+    const [actionFilter, setActionFilter] = useState('');
+    const [dateFrom, setDateFrom] = useState('');
+    const [dateTo, setDateTo] = useState('');
+    async function fetchLogs() {
+        setLoading(true);
+        try {
+            const params = new URLSearchParams({ page: String(page), limit: '30' });
+            if (moduleFilter)
+                params.set('module', moduleFilter);
+            if (actionFilter)
+                params.set('action', actionFilter);
+            if (dateFrom)
+                params.set('dateFrom', dateFrom);
+            if (dateTo)
+                params.set('dateTo', dateTo);
+            const res = await fetch(`/api/audit-log?${params}`);
+            const data = await res.json();
+            setLogs(data.data || []);
+            setTotalPages(data.pagination?.totalPages || 1);
+            setTotal(data.pagination?.total || 0);
+        }
+        catch {
+            setLogs([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }
+    useEffect(() => {
+        fetchLogs();
+    }, [page, moduleFilter]);
+    function handleSearch() {
+        setPage(1);
+        fetchLogs();
+    }
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx("h1", { className: "text-2xl font-bold text-gray-900", children: t('audit.title') }), _jsx(Card, { children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex flex-wrap gap-3", children: [_jsxs(Select, { value: moduleFilter, onValueChange: (v) => { setModuleFilter(v === 'all' ? '' : v); setPage(1); }, children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: t('audit.filters.module') }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "Tous les modules" }), MODULES.map((m) => (_jsx(SelectItem, { value: m, children: t(`audit.modules.${m}`) }, m)))] })] }), _jsx(Input, { placeholder: t('audit.filters.action'), value: actionFilter, onChange: (e) => setActionFilter(e.target.value), className: "w-[200px]" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-[160px]" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-[160px]" }), _jsxs(Button, { onClick: handleSearch, children: [_jsx(Search, { className: "mr-2 h-4 w-4" }), "Filtrer"] })] }) }) }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "h-5 w-5" }), t('audit.title'), " (", total, ")"] }) }), _jsxs(CardContent, { children: [loading ? (_jsx("div", { className: "py-8 text-center text-gray-400", children: "Chargement..." })) : logs.length === 0 ? (_jsx("div", { className: "py-8 text-center text-gray-400", children: "Aucune entr\u00E9e" })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-[160px]", children: "Date" }), _jsx(TableHead, { children: "Utilisateur" }), _jsx(TableHead, { children: "Module" }), _jsx(TableHead, { children: "Action" }), _jsx(TableHead, { children: "Ressource" }), _jsx(TableHead, { className: "w-[80px]", children: "Statut" })] }) }), _jsx(TableBody, { children: logs.map((log) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "text-xs text-gray-500", children: new Date(log.timestamp).toLocaleString('fr-FR') }), _jsxs(TableCell, { children: [_jsx("div", { className: "text-sm font-medium", children: log.userName }), _jsx("div", { className: "text-xs text-gray-400", children: log.userRole })] }), _jsx(TableCell, { children: _jsx(Badge, { className: MODULE_COLORS[log.module] || 'bg-gray-100 text-gray-800', children: log.module }) }), _jsx(TableCell, { className: "text-sm", children: log.action }), _jsxs(TableCell, { className: "text-xs text-gray-500", children: [log.resource && `${log.resource}`, log.resourceId && ` #${log.resourceId.slice(-6)}`] }), _jsx(TableCell, { children: _jsx(Badge, { variant: log.status === 'success' ? 'default' : 'destructive', children: log.status }) })] }, log.id))) })] })), totalPages > 1 && (_jsxs("div", { className: "mt-4 flex items-center justify-between", children: [_jsxs("div", { className: "text-sm text-gray-500", children: ["Page ", page, " / ", totalPages] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: page <= 1, onClick: () => setPage((p) => p - 1), children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx(Button, { variant: "outline", size: "sm", disabled: page >= totalPages, onClick: () => setPage((p) => p + 1), children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] })] }))] })] })] }));
+}

package/dist/register.js

@@ -4,6 +4,7 @@ import { AuditLogSchema } from './schemas/audit-log.schema.js';
 import { AuditLogRepository } from './repositories/audit-log.repository.js';
 import { auditMenuContribution } from './lib/menu.js';
 import { GET as auditLogGET } from './lib/handlers/audit-log.js';
+import AuditPage from './pages/AuditPage.js';
 export function register(registry) {
     registry.register({
         manifest: {
@@ -36,6 +37,9 @@ export function register(registry) {
         routes: [
             { path: 'audit-log', handlers: { GET: auditLogGET }, permission: 'audit:view' },
         ],
+        pages: [
+            { path: 'audit', component: AuditPage, permission: 'audit:view' },
+        ],
         menu: auditMenuContribution,
     });
 }

package/i18n/fr/audit.json

@@ -0,0 +1,29 @@
+{
+  "_author": "Dr Hamid MADANI drmdh@msn.com",
+  "title": "Journal d'audit",
+  "fields": {
+    "timestamp": "Date/Heure",
+    "user": "Utilisateur",
+    "action": "Action",
+    "module": "Module",
+    "resource": "Ressource",
+    "status": "Statut",
+    "details": "D\u00e9tails"
+  },
+  "filters": {
+    "module": "Module",
+    "action": "Rechercher action..."
+  },
+  "modules": {
+    "clients": "Clients",
+    "tickets": "Tickets",
+    "scan": "Scan",
+    "lockers": "Vestiaires",
+    "rfid": "RFID",
+    "access": "Acc\u00e8s",
+    "users": "Utilisateurs",
+    "activities": "Activit\u00e9s",
+    "plans": "Plans",
+    "settings": "Param\u00e8tres"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mostajs/audit",
-  "version": "1.0.6",
+  "version": "1.1.0",
   "description": "Reusable audit logging module — fire-and-forget logAudit() with paginated consultation",
   "author": "Dr Hamid MADANI <drmdh@msn.com>",
   "license": "MIT",
@@ -37,10 +37,21 @@
       "types": "./dist/register.d.ts",
       "import": "./dist/register.js",
       "default": "./dist/register.js"
+    },
+    "./pages/AuditPage": {
+      "types": "./dist/pages/AuditPage.d.ts",
+      "import": "./dist/pages/AuditPage.js",
+      "default": "./dist/pages/AuditPage.js"
+    },
+    "./lib/i18n": {
+      "types": "./dist/lib/i18n.d.ts",
+      "import": "./dist/lib/i18n.js",
+      "default": "./dist/lib/i18n.js"
     }
   },
   "files": [
     "dist",
+    "i18n",
     "wire.json",
     "audit.wire.json",
     "LICENSE",
@@ -71,6 +82,8 @@
   "peerDependencies": {
     "@mostajs/menu": ">=1.0.2",
     "@mostajs/socle": ">=2.0.0",
+    "@mostajs/ui": ">=1.0.0",
+    "lucide-react": ">=0.400.0",
     "next": ">=14",
     "react": ">=18"
   },
@@ -83,12 +96,20 @@
     },
     "@mostajs/menu": {
       "optional": true
+    },
+    "@mostajs/ui": {
+      "optional": true
+    },
+    "lucide-react": {
+      "optional": true
     }
   },
   "devDependencies": {
     "@mostajs/menu": "^1.0.2",
     "@mostajs/socle": "^2.0.0",
+    "@mostajs/ui": "^1.0.3",
     "@types/react": "^19.0.0",
+    "lucide-react": "^0.575.0",
     "next": "^16.1.6",
     "react": "^19.0.0",
     "typescript": "^5.6.0"