@manojkmfsi/monodog 1.1.38 → 1.1.39

package/monodog-dashboard/src/components/modules/health-status/components/PackageHealthList.tsx

@@ -1,195 +0,0 @@
-import {
-  CheckCircleIcon,
-  ExclamationTriangleIcon,
-  XCircleIcon,
-  ClockIcon,
-  BeakerIcon,
-  ShieldCheckIcon,
-} from '../../../../icons/heroicons';
-import { CubeIcon } from '../../../../icons/heroicons';
-import { PackageHealthListProps } from '../types/health.types';
-import {
-  getStatusColor,
-  getHealthScoreColor,
-  formatTimeAgo,
-} from '../utils/health.utils';
-
-export default function PackageHealthList({
-  packages,
-  onPackageSelect,
-}: PackageHealthListProps) {
-  const getStatusIcon = (status: string) => {
-    switch (status) {
-      case 'success':
-      case 'pass':
-      case 'up-to-date':
-        return <CheckCircleIcon className="h-5 w-5 text-green-500" />;
-      case 'warn':
-      case 'outdated':
-        return <ExclamationTriangleIcon className="h-5 w-5 text-yellow-500" />;
-      case 'failed':
-      case 'fail':
-      case 'vulnerable':
-        return <XCircleIcon className="h-5 w-5 text-red-500" />;
-      case 'building':
-        return (
-          <div className="h-5 w-5 animate-spin rounded-full border-2 border-blue-500 border-t-transparent" />
-        );
-      default:
-        return <ClockIcon className="h-5 w-5 text-gray-500" />;
-    }
-  };
-
-  const getBuildStatusColor = (status: string) => {
-    switch (status) {
-      case 'success':
-        return 'bg-green-100 text-green-800';
-      case 'failed':
-        return 'bg-red-100 text-red-800';
-      case 'building':
-        return 'bg-blue-100 text-blue-800';
-      default:
-        return 'bg-gray-100 text-gray-800';
-    }
-  };
-
-  return (
-    <div className="space-y-4">
-      <h3 className="text-lg font-medium text-gray-900">
-        Package Health Overview
-      </h3>
-
-      <div className="bg-white rounded-lg shadow border overflow-hidden">
-        <div className="overflow-x-auto">
-          <table className="w-full">
-            <thead className="bg-gray-50">
-              <tr>
-                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Package
-                </th>
-                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Health Score
-                </th>
-                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Build Status
-                </th>
-                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Test Coverage
-                </th>
-                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Security
-                </th>
-                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Dependencies
-                </th>
-                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Last Build
-                </th>
-              </tr>
-            </thead>
-            <tbody className="bg-white divide-y divide-gray-200">
-              {packages.map(pkg => (
-                <tr
-                  key={pkg.name}
-                  className="hover:bg-gray-50 cursor-pointer"
-                  onClick={() => onPackageSelect?.(pkg.name)}
-                >
-                  <td className="px-6 py-4 whitespace-nowrap">
-                    <div className="flex items-center">
-                      <div className="text-2xl mr-3"><CubeIcon className="w-6 h-6 text-primary-600" /></div>
-                      <div>
-                        <div className="text-sm font-medium text-gray-900">
-                          {pkg.name}
-                        </div>
-                      </div>
-                    </div>
-                  </td>
-
-                  <td className="px-6 py-4 whitespace-nowrap">
-                    <div className="flex items-center space-x-2">
-                      <div
-                        className={`text-lg font-semibold ${getHealthScoreColor(pkg.overallScore)}`}
-                      >
-                        {pkg.overallScore}%
-                      </div>
-                      <div className="w-16 bg-gray-200 rounded-full h-2">
-                        <div
-                          className={`h-2 rounded-full ${
-                            pkg.overallScore >= 90
-                              ? 'bg-green-500'
-                              : pkg.overallScore >= 80
-                                ? 'bg-yellow-500'
-                                : 'bg-red-500'
-                          }`}
-                          style={{ width: `${pkg.overallScore}%` }}
-                        />
-                      </div>
-                    </div>
-                  </td>
-
-                  <td className="px-6 py-4 whitespace-nowrap">
-                    <div className="flex items-center space-x-2">
-                      {getStatusIcon(pkg.buildStatus)}
-                      <span
-                        className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getBuildStatusColor(pkg.buildStatus)}`}
-                      >
-                        {pkg.buildStatus}
-                      </span>
-                    </div>
-                  </td>
-
-                  <td className="px-6 py-4 whitespace-nowrap">
-                    <div className="flex items-center space-x-2">
-                      <BeakerIcon className="h-4 w-4 text-gray-400" />
-                      <span
-                        className={`text-sm font-medium ${
-                          pkg.testCoverage >= 80
-                            ? 'text-green-600'
-                            : pkg.testCoverage >= 60
-                              ? 'text-yellow-600'
-                              : 'text-red-600'
-                        }`}
-                      >
-                        {pkg.testCoverage}%
-                      </span>
-                    </div>
-                  </td>
-
-                  <td className="px-6 py-4 whitespace-nowrap">
-                    <div className="flex items-center space-x-2">
-                      <ShieldCheckIcon className="h-4 w-4 text-gray-400" />
-                      <span
-                        className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getStatusColor(pkg.securityAudit)}`}
-                      >
-                        {pkg.securityAudit}
-                      </span>
-                    </div>
-                  </td>
-
-                  <td className="px-6 py-4 whitespace-nowrap">
-                    <span
-                      className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getStatusColor(pkg.dependencies)}`}
-                    >
-                      {pkg.dependencies}
-                    </span>
-                  </td>
-
-                  <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                    {formatTimeAgo(pkg.lastBuild)}
-                  </td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
-      </div>
-
-      {packages.length === 0 && (
-        <div className="text-center py-8">
-          <div className="text-gray-400 text-4xl mb-2"><CubeIcon className="w-6 h-6 text-primary-600" /></div>
-          <p className="text-gray-500">No package health data available</p>
-        </div>
-      )}
-    </div>
-  );
-}

package/monodog-dashboard/src/components/modules/health-status/types/health.types.ts

@@ -1,80 +0,0 @@
-// Shared types for health status module components
-
-export interface HealthMetric {
-  name: string;
-  value: number;
-  unit: string;
-  status: 'healthy' | 'warning' | 'error';
-  trend: 'up' | 'down' | 'stable';
-  lastUpdated: string;
-}
-
-export interface PackageHealth {
-  name: string;
-  packageOverallScore: number;
-  buildStatus: 'success' | 'failed' | 'building' | 'unknown';
-  testCoverage: number;
-  lintStatus: 'pass' | 'warn' | 'fail';
-  securityAudit: 'pass' | 'warn' | 'fail';
-  dependencies: 'up-to-date' | 'outdated' | 'vulnerable';
-  lastBuild: string;
-  lastTest: string;
-}
-
-export interface HealthData {
-  overallScore: number;
-  metrics: HealthMetric[];
-  packageHealth: PackageHealth[];
-}
-
-export interface HealthAlert {
-  id: string;
-  type: 'error' | 'warning' | 'info';
-  title: string;
-  message: string;
-  packageName?: string;
-  timestamp: string;
-}
-
-export interface HealthTrend {
-  metric: string;
-  data: Array<{ date: string; value: number }>;
-  change: number;
-  changeType: 'positive' | 'negative' | 'neutral';
-}
-
-export interface HealthStatusProps {
-  selectedMetric: string;
-  onMetricSelect: (metric: string) => void;
-  onRefresh: () => void;
-}
-
-export interface OverallHealthProps {
-  score: number;
-  trend: 'up' | 'down' | 'stable';
-  loading?: boolean;
-}
-
-export interface HealthMetricsProps {
-  metrics: HealthMetric[];
-  selectedMetric: string;
-  onMetricSelect: (metric: string) => void;
-}
-
-export interface PackageHealthListProps {
-  packages: PackageHealth[];
-  onPackageSelect?: (packageName: string) => void;
-}
-
-export interface HealthAlertsProps {
-  alerts: HealthAlert[];
-  onAlertDismiss?: (alertId: string) => void;
-}
-
-export interface HealthActionsProps {
-  onRefresh: () => void;
-  onRunAllTests?: () => void;
-  onRunSecurityAudit?: () => void;
-  onUpdateDependencies?: () => void;
-  loading?: boolean;
-}

package/monodog-dashboard/src/components/modules/health-status/utils/health.utils.tsx

@@ -1,220 +0,0 @@
-import {
-  HealthMetric,
-  PackageHealth,
-  HealthAlert,
-  HealthTrend,
-} from '../types/health.types';
-import { CubeIcon } from '../../../../icons/heroicons';
-// Get status color classes
-export const getStatusColor = (status: string): string => {
-  switch (status) {
-    case 'healthy':
-    case 'success':
-    case 'pass':
-    case 'up-to-date':
-      return 'bg-green-100 text-green-800';
-    case 'warning':
-    case 'warn':
-    case 'outdated':
-      return 'bg-yellow-100 text-yellow-800';
-    case 'error':
-    case 'failed':
-    case 'fail':
-    case 'vulnerable':
-      return 'bg-red-100 text-red-800';
-    default:
-      return 'bg-gray-100 text-gray-800';
-  }
-};
-
-// Get health score color
-export const getHealthScoreColor = (score: number): string => {
-  if (score >= 90) return 'text-green-600';
-  if (score >= 70) return 'text-yellow-600';
-  return 'text-red-600';
-};
-
-// Get health score background color
-export const getHealthScoreBgColor = (score: number): string => {
-  if (score >= 90) return 'bg-green-100';
-  if (score >= 70) return 'bg-yellow-100';
-  return 'bg-red-100';
-};
-
-// Calculate overall health from metrics
-export const calculateOverallHealth = (metrics: HealthMetric[]): number => {
-  if (metrics.length === 0) return 0;
-
-  const totalScore = metrics.reduce((sum, metric) => {
-    // Convert percentage values to score (0-100)
-    let score = metric.value;
-    if (metric.unit === '%') {
-      score = metric.value;
-    } else if (metric.unit === '/100') {
-      score = metric.value;
-    }
-    return sum + score;
-  }, 0);
-
-  return Math.round(totalScore / metrics.length);
-};
-
-// Get trending metrics
-export const getTrendingMetrics = (
-  metrics: HealthMetric[]
-): { improving: number; declining: number; stable: number } => {
-  const trends = metrics.reduce(
-    (acc, metric) => {
-      if (metric.trend === 'up') acc.improving++;
-      else if (metric.trend === 'down') acc.declining++;
-      else acc.stable++;
-      return acc;
-    },
-    { improving: 0, declining: 0, stable: 0 }
-  );
-
-  return trends;
-};
-
-// Filter packages by health status
-export const filterPackagesByHealth = (
-  packages: PackageHealth[],
-  threshold: number = 80
-): {
-  healthy: PackageHealth[];
-  needsAttention: PackageHealth[];
-  critical: PackageHealth[];
-} => {
-  return packages.reduce(
-    (acc, pkg) => {
-      if (pkg.overallScore >= 90) {
-        acc.healthy.push(pkg);
-      } else if (pkg.overallScore >= threshold) {
-        acc.needsAttention.push(pkg);
-      } else {
-        acc.critical.push(pkg);
-      }
-      return acc;
-    },
-    {
-      healthy: [] as PackageHealth[],
-      needsAttention: [] as PackageHealth[],
-      critical: [] as PackageHealth[],
-    }
-  );
-};
-
-// Generate health alerts from package data
-export const generateHealthAlerts = (
-  packages: PackageHealth[]
-): HealthAlert[] => {
-  const alerts: HealthAlert[] = [];
-
-  packages.forEach(pkg => {
-    // Build failures
-    if (pkg.buildStatus === 'failed') {
-      alerts.push({
-        id: `build-${pkg.name}`,
-        type: 'error',
-        title: 'Build Failed',
-        message: `Build failed for package ${pkg.name}`,
-        packageName: pkg.name,
-        timestamp: pkg.lastBuild,
-      });
-    }
-
-    // Low test coverage
-    if (pkg.testCoverage < 70) {
-      alerts.push({
-        id: `coverage-${pkg.name}`,
-        type: 'warning',
-        title: 'Low Test Coverage',
-        message: `Test coverage is ${pkg.testCoverage}% for package ${pkg.name}`,
-        packageName: pkg.name,
-        timestamp: pkg.lastTest,
-      });
-    }
-
-    // Security issues
-    if (pkg.securityAudit === 'fail') {
-      alerts.push({
-        id: `security-${pkg.name}`,
-        type: 'error',
-        title: 'Security Issues',
-        message: `Security audit failed for package ${pkg.name}`,
-        packageName: pkg.name,
-        timestamp: new Date().toISOString(),
-      });
-    }
-
-    // Vulnerable dependencies
-    if (pkg.dependencies === 'vulnerable') {
-      alerts.push({
-        id: `deps-${pkg.name}`,
-        type: 'error',
-        title: 'Vulnerable Dependencies',
-        message: `Package ${pkg.name} has vulnerable dependencies`,
-        packageName: pkg.name,
-        timestamp: new Date().toISOString(),
-      });
-    }
-
-    // Low overall score
-    if (pkg.overallScore < 60) {
-      alerts.push({
-        id: `score-${pkg.name}`,
-        type: 'warning',
-        title: 'Low Health Score',
-        message: `Package ${pkg.name} has a low health score of ${pkg.overallScore}%`,
-        packageName: pkg.name,
-        timestamp: new Date().toISOString(),
-      });
-    }
-  });
-
-  return alerts.sort(
-    (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()
-  );
-};
-
-// Format time ago
-export const formatTimeAgo = (dateString: string): string => {
-  const date = new Date(dateString);
-  const now = new Date();
-  const diffInMs = now.getTime() - date.getTime();
-  const diffInMinutes = Math.floor(diffInMs / (1000 * 60));
-  const diffInHours = Math.floor(diffInMinutes / 60);
-  const diffInDays = Math.floor(diffInHours / 24);
-
-  if (diffInMinutes < 60) {
-    return `${diffInMinutes} min ago`;
-  } else if (diffInHours < 24) {
-    return `${diffInHours} hour${diffInHours > 1 ? 's' : ''} ago`;
-  } else {
-    return `${diffInDays} day${diffInDays > 1 ? 's' : ''} ago`;
-  }
-};
-
-// Get metric icon
-export const getMetricIcon = (metricName: string): string => {
-  const name = metricName.toLowerCase();
-  if (name.includes('build')) return '🏗️';
-  if (name.includes('test') || name.includes('coverage')) return '🧪';
-  if (name.includes('lint')) return '✨';
-  if (name.includes('security')) return '🔒';
-  if (name.includes('dependency') || name.includes('dependencies')) return <CubeIcon className="w-6 h-6 text-primary-600" />;
-  if (name.includes('performance')) return '⚡';
-  return '📊';
-};
-
-// Sort packages by health score
-export const sortPackagesByHealth = (
-  packages: PackageHealth[],
-  ascending: boolean = false
-): PackageHealth[] => {
-  return [...packages].sort((a, b) => {
-    return ascending
-      ? a.overallScore - b.overallScore
-      : b.overallScore - a.overallScore;
-  });
-};