@goplusvn/core 0.1.53 → 0.1.55

package/src/ui/management/audit-log-page.tsx

@@ -1,209 +1,14 @@
 "use client";
 
-import React, { useState, useEffect } from "react";
-import { auditManager } from "../../audit/audit-manager";
-import type { AuditLog } from "../../audit/types";
-
-// Relative imports to core UI components
-import { Badge } from "../primitives/badge";
-import { Button } from "../primitives/button";
-import { Card, CardHeader, CardTitle, CardContent } from "../primitives/card";
-import { Input } from "../primitives/input";
-import { Label } from "../primitives/label";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "../primitives/table";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "../primitives/select";
-
-export const AuditLogPage = () => {
-  const [logs, setLogs] = useState<AuditLog[]>([]);
-  const [userIdFilter, setUserIdFilter] = useState("");
-  const [actionFilter, setActionFilter] = useState("");
-  const [resourceFilter, setResourceFilter] = useState("");
-  const [typeFilter, setTypeFilter] = useState<string>("all");
-
-  const fetchLogs = () => {
-    // Safe cast as we know we added getLogs
-    // In real app, we would have proper interface
-    const manager = auditManager as any;
-    if (typeof manager.getLogs === "function") {
-      const filter: any = {};
-      if (userIdFilter) filter.userId = userIdFilter;
-      if (actionFilter) filter.action = actionFilter;
-      if (resourceFilter) filter.resource = resourceFilter;
-      if (typeFilter && typeFilter !== "all") filter.type = typeFilter;
-
-      setLogs(manager.getLogs(filter));
-    }
-  };
-
-  useEffect(() => {
-    fetchLogs();
-    // Poll for updates in demo
-    const interval = setInterval(fetchLogs, 5000);
-    return () => clearInterval(interval);
-  }, [userIdFilter, actionFilter, resourceFilter, typeFilter]);
-
-  // Format changes object for display
-  const renderChanges = (changes: any) => {
-    if (!changes) return <span className="text-muted-foreground">-</span>;
-    return (
-      <code
-        className="text-xs bg-slate-100 dark:bg-slate-800 p-1 rounded block max-w-[300px] overflow-hidden text-ellipsis whitespace-nowrap"
-        title={JSON.stringify(changes, null, 2)}
-      >
-        {Object.keys(changes).join(", ")}
-      </code>
-    );
-  };
-
-  return (
-    <div className="p-6 space-y-6 h-full flex flex-col">
-      <div className="flex justify-between items-center mb-4">
-        <div>
-          <h1 className="text-2xl font-bold tracking-tight">Audit Logs</h1>
-          <p className="text-muted-foreground text-sm">
-            Track system changes and user actions.
-          </p>
-        </div>
-        <Button onClick={fetchLogs} variant="outline">
-          Refresh
-        </Button>
-      </div>
-
-      <Card>
-        <CardHeader>
-          <CardTitle className="text-base font-medium">Filters</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4">
-            <div className="space-y-1">
-              <Label htmlFor="user-filter">User ID</Label>
-              <Input
-                id="user-filter"
-                placeholder="Search by user..."
-                value={userIdFilter}
-                onChange={(e) => setUserIdFilter(e.target.value)}
-              />
-            </div>
-            <div className="space-y-1">
-              <Label htmlFor="action-filter">Action</Label>
-              <Input
-                id="action-filter"
-                placeholder="e.g. create, update"
-                value={actionFilter}
-                onChange={(e) => setActionFilter(e.target.value)}
-              />
-            </div>
-            <div className="space-y-1">
-              <Label htmlFor="resource-filter">Resource</Label>
-              <Input
-                id="resource-filter"
-                placeholder="e.g. product, order"
-                value={resourceFilter}
-                onChange={(e) => setResourceFilter(e.target.value)}
-              />
-            </div>
-            <div className="space-y-1">
-              <Label htmlFor="type-filter">Type</Label>
-              <Select value={typeFilter} onValueChange={setTypeFilter}>
-                <SelectTrigger>
-                  <SelectValue placeholder="All Types" />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectItem value="all">All Types</SelectItem>
-                  <SelectItem value="info">Info</SelectItem>
-                  <SelectItem value="warning">Warning</SelectItem>
-                  <SelectItem value="error">Error</SelectItem>
-                </SelectContent>
-              </Select>
-            </div>
-          </div>
-        </CardContent>
-      </Card>
-
-      <Card className="flex-1 flex flex-col min-h-0">
-        <CardContent className="flex-1 overflow-auto p-0">
-          <Table>
-            <TableHeader>
-              <TableRow>
-                <TableHead className="w-[180px]">Timestamp</TableHead>
-                <TableHead className="w-[150px]">Action</TableHead>
-                <TableHead className="w-[150px]">Resource</TableHead>
-                <TableHead className="w-[150px]">User</TableHead>
-                <TableHead>Changes / Metadata</TableHead>
-                <TableHead className="w-[100px] text-right">Status</TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {logs.length === 0 && (
-                <TableRow>
-                  <TableCell
-                    colSpan={6}
-                    className="text-center h-24 text-muted-foreground"
-                  >
-                    No logs found matching filters.
-                  </TableCell>
-                </TableRow>
-              )}
-              {logs.map((log) => (
-                <TableRow key={log.id}>
-                  <TableCell className="font-mono text-xs">
-                    {new Date(log.createdAt).toLocaleString()}
-                  </TableCell>
-                  <TableCell>
-                    <Badge variant="outline" className="font-normal">
-                      {log.action}
-                    </Badge>
-                  </TableCell>
-                  <TableCell>{log.resource}</TableCell>
-                  <TableCell>
-                    <div className="flex flex-col">
-                      <span>{log.userId || "System"}</span>
-                      {log.roleName && (
-                        <span className="text-[10px] text-muted-foreground">
-                          {log.roleName}
-                        </span>
-                      )}
-                    </div>
-                  </TableCell>
-                  <TableCell>
-                    {renderChanges(log.changes)}
-                    {log.metadata && Object.keys(log.metadata).length > 0 && (
-                      <div className="text-[10px] text-muted-foreground mt-1">
-                        MD: {JSON.stringify(log.metadata).substring(0, 50)}...
-                      </div>
-                    )}
-                  </TableCell>
-                  <TableCell className="text-right">
-                    {(log.status || 200) >= 400 ? (
-                      <Badge variant="destructive">{log.status}</Badge>
-                    ) : (
-                      <Badge
-                        variant="secondary"
-                        className="bg-emerald-100 text-emerald-700 hover:bg-emerald-100"
-                      >
-                        {log.status || 200}
-                      </Badge>
-                    )}
-                  </TableCell>
-                </TableRow>
-              ))}
-            </TableBody>
-          </Table>
-        </CardContent>
-      </Card>
-    </div>
-  );
-};
+/**
+ * @deprecated Dùng `@goerp/core/system/pages/system-audit-page` (`SystemAuditPage`).
+ *
+ * Bản cũ ở đây đọc `auditManager` trong RAM ngay trong CLIENT component — luôn
+ * rỗng, vì dữ liệu audit nằm ở server. Nay trỏ thẳng sang trang thật (đọc bảng
+ * `audit_logs` qua API) để app đang import tên `AuditLogPage` không phải sửa
+ * ngay; app mới hãy import thẳng `SystemAuditPage`.
+ */
+export {
+  SystemAuditPage as AuditLogPage,
+  type SystemAuditPageProps as AuditLogPageProps,
+} from "../../system/pages/system-audit-page";

package/src/audit/audit-manager.ts

@@ -1,139 +0,0 @@
-import type {
-  AuditLog,
-  AuditLogger,
-  AuditManagerOptions,
-  CreateAuditInput,
-} from "./types";
-import { createLogger } from "../infrastructure/logger";
-import { MemoryAuditLogger } from "./memory-audit-logger";
-
-const logger = createLogger("AuditManager");
-
-/**
- * Console-based audit logger (default)
- * In production, replace with database or external service
- */
-class ConsoleAuditLogger implements AuditLogger {
-  async log(entry: AuditLog): Promise<void> {
-    logger.info(`AUDIT: ${entry.action} ${entry.resource}`, {
-      id: entry.id,
-      resourceId: entry.resourceId,
-      userId: entry.userId,
-      changes: entry.changes,
-    });
-  }
-}
-
-/**
- * AuditManager - tracks actions for compliance and debugging
- *
- * @example
- * ```typescript
- * import { auditManager } from '@goerp/core/audit';
- *
- * // Log an action
- * await auditManager.log({
- *   action: 'update',
- *   resource: 'purchase-order',
- *   resourceId: '123',
- *   userId: session.user.id,
- *   changes: { status: { old: 'pending', new: 'approved' } }
- * });
- * ```
- */
-class AuditManagerImpl {
-  private auditLogger: AuditLogger;
-  private registeredActions: Set<string>;
-
-  constructor(options: AuditManagerOptions = {}) {
-    this.auditLogger = options.logger || new MemoryAuditLogger();
-    this.registeredActions = new Set(
-      options.actions || ["create", "update", "delete", "login", "logout"],
-    );
-  }
-
-  /** Set custom audit logger */
-  setLogger(auditLogger: AuditLogger): void {
-    this.auditLogger = auditLogger;
-  }
-
-  /** Register action for automatic auditing */
-  registerAction(action: string): void {
-    this.registeredActions.add(action);
-  }
-
-  /** Check if action is registered for auditing */
-  isRegistered(action: string): boolean {
-    return this.registeredActions.has(action);
-  }
-
-  /** Log an audit entry */
-  async log(input: CreateAuditInput): Promise<void> {
-    const entry: AuditLog = {
-      id: crypto.randomUUID(),
-      ...input,
-      createdAt: new Date(),
-    };
-
-    try {
-      await this.auditLogger.log(entry);
-    } catch (error) {
-      logger.error("Failed to log audit entry", { error: String(error) });
-    }
-  }
-
-  /**
-   * Get logs if the logger supports it (specifically MemoryAuditLogger)
-   */
-  getLogs(filter: any = {}): AuditLog[] {
-    if ("getLogs" in this.auditLogger) {
-      return (this.auditLogger as any).getLogs(filter);
-    }
-    return [];
-  }
-
-  /** Create middleware for automatic API route auditing */
-  middleware() {
-    return async (
-      ctx: {
-        action?: { actionName: string; resourceName: string };
-        state?: { currentUser?: { id: string }; currentRole?: string };
-        request?: { ip?: string; header?: Record<string, string> };
-        status?: number;
-      },
-      next: () => Promise<void>,
-    ): Promise<void> => {
-      const startTime = Date.now();
-      let error: Error | null = null;
-
-      try {
-        await next();
-      } catch (e) {
-        error = e as Error;
-        throw e;
-      } finally {
-        if (ctx.action && this.isRegistered(ctx.action.actionName)) {
-          await this.log({
-            action: ctx.action.actionName,
-            resource: ctx.action.resourceName,
-            userId: ctx.state?.currentUser?.id,
-            roleName: ctx.state?.currentRole,
-            ip: ctx.request?.ip,
-            userAgent: ctx.request?.header?.["user-agent"],
-            status: ctx.status || (error ? 500 : 200),
-            metadata: {
-              duration: Date.now() - startTime,
-              ...(error && { error: error.message }),
-            },
-          });
-        }
-      }
-    };
-  }
-}
-
-// Singleton instance
-export const auditManager = new AuditManagerImpl();
-
-// Export class for testing
-export { AuditManagerImpl, ConsoleAuditLogger, MemoryAuditLogger };

package/src/audit/memory-audit-logger.ts

@@ -1,86 +0,0 @@
-import type { AuditLog, AuditLogger } from "./types";
-
-/**
- * Filter options for retrieving audit logs
- */
-export interface AuditLogFilter {
-  fromDate?: Date;
-  toDate?: Date;
-  userId?: string;
-  action?: string;
-  resource?: string;
-  type?: "info" | "warning" | "error";
-  limit?: number;
-  offset?: number;
-}
-
-/**
- * In-memory audit logger that supports retrieval
- */
-export class MemoryAuditLogger implements AuditLogger {
-  private logs: AuditLog[] = [];
-  private readonly maxLogs: number;
-
-  constructor(maxLogs = 1000) {
-    this.maxLogs = maxLogs;
-  }
-
-  async log(entry: AuditLog): Promise<void> {
-    // Add to beginning of array
-    this.logs.unshift(entry);
-
-    // Trim if exceeds max size
-    if (this.logs.length > this.maxLogs) {
-      this.logs = this.logs.slice(0, this.maxLogs);
-    }
-  }
-
-  /**
-   * Get logs with filtering
-   */
-  getLogs(filter: AuditLogFilter = {}): AuditLog[] {
-    let filtered = this.logs;
-
-    if (filter.fromDate) {
-      filtered = filtered.filter((log) => log.createdAt >= filter.fromDate!);
-    }
-
-    if (filter.toDate) {
-      filtered = filtered.filter((log) => log.createdAt <= filter.toDate!);
-    }
-
-    if (filter.userId) {
-      filtered = filtered.filter((log) => log.userId === filter.userId);
-    }
-
-    if (filter.action) {
-      filtered = filtered.filter((log) => log.action === filter.action);
-    }
-
-    if (filter.resource) {
-      filtered = filtered.filter((log) => log.resource === filter.resource);
-    }
-
-    // "type" filter is a fuzzy mapping based on status code or action name for demo purposes
-    if (filter.type) {
-      filtered = filtered.filter((log) => {
-        if (filter.type === "error") return (log.status || 200) >= 400;
-        if (filter.type === "warning")
-          return (log.status || 200) >= 300 && (log.status || 200) < 400;
-        return (log.status || 200) < 300;
-      });
-    }
-
-    const offset = filter.offset || 0;
-    const limit = filter.limit || 50;
-
-    return filtered.slice(offset, offset + limit);
-  }
-
-  /**
-   * Clear all logs
-   */
-  clear(): void {
-    this.logs = [];
-  }
-}

package/src/audit/types.ts

@@ -1,50 +0,0 @@
-// Audit Types
-export interface AuditLog {
-  id: string;
-  /** Action type: create, update, delete, login, logout, custom */
-  action: string;
-  /** Resource/entity name (e.g., 'purchase-order', 'user') */
-  resource: string;
-  /** Resource ID */
-  resourceId?: string;
-  /** User who performed the action */
-  userId?: string;
-  /** User's role at time of action */
-  roleName?: string;
-  /** Changes made (for update actions) */
-  changes?: Record<string, { old: unknown; new: unknown }>;
-  /** Additional metadata */
-  metadata?: Record<string, unknown>;
-  /** Request IP address */
-  ip?: string;
-  /** User agent */
-  userAgent?: string;
-  /** HTTP status code */
-  status?: number;
-  /** Timestamp */
-  createdAt: Date;
-}
-
-export interface CreateAuditInput {
-  action: string;
-  resource: string;
-  resourceId?: string;
-  userId?: string;
-  roleName?: string;
-  changes?: Record<string, { old: unknown; new: unknown }>;
-  metadata?: Record<string, unknown>;
-  ip?: string;
-  userAgent?: string;
-  status?: number;
-}
-
-export interface AuditLogger {
-  log(entry: AuditLog): Promise<void>;
-}
-
-export interface AuditManagerOptions {
-  /** Custom logger implementation */
-  logger?: AuditLogger;
-  /** Actions to automatically audit */
-  actions?: string[];
-}