@manojkmfsi/monodog 1.1.37 → 1.1.39

package/monodog-dashboard/src/components/modules/ci-integration/types/ci.types.ts

@@ -1,97 +0,0 @@
-// Shared types for CI integration module components
-
-export interface Build {
-  id: string;
-  packageName: string;
-  branch: string;
-  commit: string;
-  status: 'running' | 'success' | 'failed' | 'cancelled' | 'pending';
-  startTime: string;
-  endTime?: string;
-  duration?: number;
-  stages: BuildStage[];
-  triggeredBy: string;
-  artifacts: string[];
-}
-
-export interface BuildStage {
-  name: string;
-  status: 'pending' | 'running' | 'success' | 'failed' | 'skipped';
-  duration?: number;
-  logs: string[];
-}
-
-export interface Pipeline {
-  id: string;
-  name: string;
-  packageName: string;
-  status: 'active' | 'paused' | 'failed';
-  lastRun: string;
-  nextRun?: string;
-  successRate: number;
-  avgDuration: number;
-  triggers: string[];
-}
-
-export interface BuildStats {
-  total: number;
-  successful: number;
-  failed: number;
-  running: number;
-  successRate: number;
-  avgDuration: number;
-}
-
-export interface CIFilters {
-  package: string;
-  status: string;
-  pipeline: string;
-  dateRange: string;
-}
-
-export interface CIIntegrationProps {
-  onBuildTrigger?: (packageName: string) => void;
-  onPipelineCreate?: () => void;
-  onBuildCancel?: (buildId: string) => void;
-}
-
-export interface BuildOverviewProps {
-  stats: BuildStats;
-  onRefresh: () => void;
-  loading?: boolean;
-}
-
-export interface BuildListProps {
-  builds: Build[];
-  selectedBuild: string | null;
-  onBuildSelect: (buildId: string | null) => void;
-  filters: CIFilters;
-  onFiltersChange: (filters: CIFilters) => void;
-}
-
-export interface PipelineStatusProps {
-  pipelines: Pipeline[];
-  onPipelineSelect: (pipelineId: string) => void;
-  onPipelineToggle: (pipelineId: string, active: boolean) => void;
-}
-
-export interface BuildDetailsProps {
-  build: Build | null;
-  onClose: () => void;
-  onCancel?: (buildId: string) => void;
-  onRetry?: (buildId: string) => void;
-}
-
-export interface StageViewerProps {
-  stages: BuildStage[];
-  selectedStage: string | null;
-  onStageSelect: (stageName: string | null) => void;
-}
-
-export interface CIControlsProps {
-  onTriggerBuild: (packageName: string) => void;
-  onCreatePipeline: () => void;
-  onRefresh: () => void;
-  loading?: boolean;
-  availablePackages: string[];
-}

package/monodog-dashboard/src/components/modules/ci-integration/utils/ci.utils.tsx

@@ -1,264 +0,0 @@
-import {
-  Build,
-  BuildStage,
-  Pipeline,
-  BuildStats,
-  CIFilters,
-} from '../types/ci.types';
-import { RocketLaunchIcon } from '../../../../icons/heroicons';
-import { CubeIcon } from '../../../../icons/heroicons';
-import { Cog6ToothIcon } from '../../../../icons/heroicons';
-// Get status color classes
-export const getStatusColor = (status: string): string => {
-  switch (status) {
-    case 'success':
-    case 'active':
-      return 'bg-green-100 text-green-800';
-    case 'running':
-      return 'bg-blue-100 text-blue-800';
-    case 'pending':
-      return 'bg-yellow-100 text-yellow-800';
-    case 'failed':
-    case 'cancelled':
-      return 'bg-red-100 text-red-800';
-    case 'paused':
-      return 'bg-gray-100 text-gray-800';
-    case 'skipped':
-      return 'bg-gray-100 text-gray-600';
-    default:
-      return 'bg-gray-100 text-gray-800';
-  }
-};
-
-// Get stage status color
-export const getStageStatusColor = (status: string): string => {
-  switch (status) {
-    case 'success':
-      return 'bg-green-100 text-green-800';
-    case 'running':
-      return 'bg-blue-100 text-blue-800';
-    case 'pending':
-      return 'bg-gray-100 text-gray-800';
-    case 'failed':
-      return 'bg-red-100 text-red-800';
-    case 'skipped':
-      return 'bg-gray-100 text-gray-600';
-    default:
-      return 'bg-gray-100 text-gray-800';
-  }
-};
-
-// Calculate build statistics
-export const calculateBuildStats = (builds: Build[]): BuildStats => {
-  const total = builds.length;
-  const successful = builds.filter(b => b.status === 'success').length;
-  const failed = builds.filter(b => b.status === 'failed').length;
-  const running = builds.filter(b => b.status === 'running').length;
-  const successRate = total > 0 ? Math.round((successful / total) * 100) : 0;
-
-  // Calculate average duration for completed builds
-  const completedBuilds = builds.filter(b => b.duration);
-  const avgDuration =
-    completedBuilds.length > 0
-      ? Math.round(
-          completedBuilds.reduce((sum, b) => sum + (b.duration || 0), 0) /
-            completedBuilds.length
-        )
-      : 0;
-
-  return {
-    total,
-    successful,
-    failed,
-    running,
-    successRate,
-    avgDuration,
-  };
-};
-
-// Filter builds based on criteria
-export const filterBuilds = (builds: Build[], filters: CIFilters): Build[] => {
-  return builds.filter(build => {
-    const matchesPackage =
-      filters.package === 'all' || build.packageName === filters.package;
-    const matchesStatus =
-      filters.status === 'all' || build.status === filters.status;
-
-    // Date range filtering would be implemented here
-    const matchesDateRange = true; // Placeholder
-
-    return matchesPackage && matchesStatus && matchesDateRange;
-  });
-};
-
-// Get unique package names from builds
-export const getUniquePackages = (builds: Build[]): string[] => {
-  return [...new Set(builds.map(build => build.packageName))];
-};
-
-// Get unique statuses from builds
-export const getUniqueStatuses = (builds: Build[]): string[] => {
-  return [...new Set(builds.map(build => build.status))];
-};
-
-// Format duration
-export const formatDuration = (seconds: number): string => {
-  if (seconds < 60) {
-    return `${seconds}s`;
-  } else if (seconds < 3600) {
-    const minutes = Math.floor(seconds / 60);
-    const remainingSeconds = seconds % 60;
-    return remainingSeconds > 0
-      ? `${minutes}m ${remainingSeconds}s`
-      : `${minutes}m`;
-  } else {
-    const hours = Math.floor(seconds / 3600);
-    const remainingMinutes = Math.floor((seconds % 3600) / 60);
-    return remainingMinutes > 0
-      ? `${hours}h ${remainingMinutes}m`
-      : `${hours}h`;
-  }
-};
-
-// Format date and time
-export const formatDateTime = (dateString: string): string => {
-  const date = new Date(dateString);
-  return date.toLocaleString('en-US', {
-    year: 'numeric',
-    month: 'short',
-    day: 'numeric',
-    hour: '2-digit',
-    minute: '2-digit',
-  });
-};
-
-// Format relative time
-export const formatRelativeTime = (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 < 1) {
-    return 'Just now';
-  } else 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 build progress percentage
-export const getBuildProgress = (build: Build): number => {
-  if (
-    build.status === 'success' ||
-    build.status === 'failed' ||
-    build.status === 'cancelled'
-  ) {
-    return 100;
-  }
-
-  if (build.status === 'pending') {
-    return 0;
-  }
-
-  const totalStages = build.stages.length;
-  if (totalStages === 0) return 0;
-
-  const completedStages = build.stages.filter(
-    stage =>
-      stage.status === 'success' ||
-      stage.status === 'failed' ||
-      stage.status === 'skipped'
-  ).length;
-
-  const runningStages = build.stages.filter(
-    stage => stage.status === 'running'
-  ).length;
-
-  // If there's a running stage, count it as half complete
-  const progress = (completedStages + runningStages * 0.5) / totalStages;
-  return Math.round(progress * 100);
-};
-
-// Get stage icon
-export const getStageIcon = (stageName: string): React.ReactNode => {
-  const name = stageName.toLowerCase();
-  if (name.includes('build') || name.includes('compile')) return '🔨';
-  if (name.includes('test')) return '🧪';
-  if (name.includes('lint') || name.includes('format')) return '✨';
-  if (name.includes('deploy') || name.includes('publish')) return <RocketLaunchIcon className="w-6 h-6 text-primary-600" />;
-  if (name.includes('security') || name.includes('audit')) return '🔒';
-  if (name.includes('install') || name.includes('dependencies')) return <CubeIcon className="w-6 h-6 text-primary-600" />;
-  return <Cog6ToothIcon className="w-6 h-6 text-primary-600" />;
-};
-
-// Sort builds by different criteria
-export const sortBuilds = (
-  builds: Build[],
-  sortBy: 'startTime' | 'duration' | 'status' | 'packageName',
-  order: 'asc' | 'desc'
-): Build[] => {
-  return [...builds].sort((a, b) => {
-    let aValue: any;
-    let bValue: any;
-
-    switch (sortBy) {
-      case 'startTime':
-        aValue = new Date(a.startTime);
-        bValue = new Date(b.startTime);
-        break;
-      case 'duration':
-        aValue = a.duration || 0;
-        bValue = b.duration || 0;
-        break;
-      case 'status': {
-        const statusOrder = {
-          running: 0,
-          pending: 1,
-          failed: 2,
-          cancelled: 3,
-          success: 4,
-        };
-        aValue = statusOrder[a.status] || 5;
-        bValue = statusOrder[b.status] || 5;
-        break;
-      }
-      case 'packageName':
-        aValue = a.packageName.toLowerCase();
-        bValue = b.packageName.toLowerCase();
-        break;
-      default:
-        return 0;
-    }
-
-    if (aValue < bValue) return order === 'asc' ? -1 : 1;
-    if (aValue > bValue) return order === 'asc' ? 1 : -1;
-    return 0;
-  });
-};
-
-// Get pipeline health score
-export const getPipelineHealth = (
-  pipeline: Pipeline
-): 'healthy' | 'warning' | 'critical' => {
-  if (pipeline.status === 'failed') return 'critical';
-  if (pipeline.status === 'paused') return 'warning';
-  if (pipeline.successRate < 70) return 'critical';
-  if (pipeline.successRate < 85) return 'warning';
-  return 'healthy';
-};
-
-// Calculate build stage duration
-export const calculateStageDuration = (stages: BuildStage[]): number => {
-  return stages.reduce((total, stage) => total + (stage.duration || 0), 0);
-};
-
-// Get commit short hash
-export const getShortCommitHash = (commit: string): string => {
-  return commit.substring(0, 8);
-};

package/monodog-dashboard/src/components/modules/config-inspector/ConfigInspector.tsx

@@ -1,324 +0,0 @@
-import { useState, useEffect } from 'react';
-import { DASHBOARD_ERROR_MESSAGES } from '../../../constants/messages';
-
-// Import sub-components
-import {
-  LoadingState,
-  ErrorState,
-  ConfigInspectorHeader,
-  ConfigSidebar,
-  ConfigToolbar,
-  ConfigEditor,
-  ValidationPanel,
-  ConfigPreview,
-} from './components';
-
-// Import types and utilities
-// Import types and utilities
-import type { ConfigFile, ConfigFilters } from './types/config.types';
-import {
-  filterConfigs,
-  validateConfig,
-  detectLanguage,
-  maskSecrets,
-} from './utils/config.utils';
-import { FolderIcon } from '../../../icons/heroicons';
-// Import service
-import { monorepoService } from '../../../services/monorepoService';
-
-// Re-export types for backward compatibility
-export type { ConfigFile, ConfigFilters } from './types/config.types';
-
-export default function ConfigInspector() {
-  // State management
-  const [loading, setLoading] = useState(true);
-  const [saving, setSaving] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const [configFiles, setConfigFiles] = useState<ConfigFile[]>([]);
-
-  // Selection and editing state
-  const [selectedConfig, setSelectedConfig] = useState<string | null>(null);
-  const [isEditing, setIsEditing] = useState(false);
-  const [editValue, setEditValue] = useState('');
-
-  // UI state
-  const [showSecrets, setShowSecrets] = useState(false);
-  const [filters, setFilters] = useState<ConfigFilters>({
-    section: 'all',
-    type: 'all',
-    status: 'all',
-    search: '',
-  });
-
-  // Fetch configuration files
-  useEffect(() => {
-    const fetchConfigData = async () => {
-      try {
-        setLoading(true);
-        const data = await monorepoService.getConfigurationFiles();
-
-        // console.log('Config data from inside useEffect:', data);
-
-        // Transform the data to match our ConfigFile interface
-        const transformedData: ConfigFile[] = data.map((file: any) => ({
-          id: file.id || file.name,
-          name: file.name,
-          path: file.path || file.name,
-          type: file.type || 'text',
-          content: file.content || '',
-          size: file.content?.length || 0,
-          lastModified: file.lastModified || new Date().toISOString(),
-          hasSecrets: file.hasSecrets || false,
-          isEditable: file.isEditable !== false,
-          validation: file.validation || [],
-        }));
-
-        setConfigFiles(transformedData);
-        setError(null);
-      } catch (err) {
-        setError(DASHBOARD_ERROR_MESSAGES.FAILED_TO_FETCH_PACKAGES);
-        console.error('Error fetching config files:', err);
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchConfigData();
-  }, []);
-
-  // Get filtered configurations
-  const filteredConfigs = filterConfigs(configFiles, filters);
-
-  // Get selected configuration
-  const selectedConfigData = selectedConfig
-    ? configFiles.find(config => config.id === selectedConfig) || null
-    : null;
-  // console.log('selectedConfigData:', selectedConfigData);
-
-  // Event handlers
-  const handleRefresh = () => {
-    // Trigger a refresh of the data
-    window.location.reload();
-  };
-
-  const handleConfigSelect = (configId: string) => {
-    setSelectedConfig(configId);
-    setIsEditing(false);
-    setEditValue('');
-  };
-
-  const handleStartEdit = () => {
-    if (selectedConfigData) {
-      setIsEditing(true);
-      setEditValue(selectedConfigData.content);
-    }
-  };
-
-  // const handleSaveEdit = () => {
-  //   if (selectedConfigData) {
-  //     // In a real implementation, this would save to the backend
-  //     console.log('Saving config:', selectedConfigData.name, editValue);
-
-  //     // Update local state
-  //     setConfigFiles(prev =>
-  //       prev.map(config =>
-  //         config.id === selectedConfig
-  //           ? {
-  //             ...config,
-  //             content: editValue,
-  //             validation: validateConfig(editValue, config.name),
-  //             lastModified: new Date().toISOString(),
-  //           }
-  //           : config
-  //       )
-  //     );
-
-  //     setIsEditing(false);
-  //     setEditValue('');
-  //   }
-  // };
-  const handleSaveEdit = async () => {
-    if (selectedConfigData && !saving) {
-      try {
-        setSaving(true);
-        setError(null);
-
-        // console.log('Saving config:', selectedConfigData.name, editValue);
-
-        // Call the backend API to save the file
-        const updatedFile = await monorepoService.saveConfigurationFile(
-          selectedConfigData.id,
-          editValue
-        );
-
-        // Update local state with the response from backend
-        setConfigFiles(prev =>
-          prev.map(config =>
-            config.id === selectedConfig
-              ? {
-                  ...updatedFile,
-                  // Keep the original isEditable flag
-                  isEditable: config.isEditable,
-                }
-              : config
-          )
-        );
-
-        // If the currently selected config was updated, update it too
-        if (selectedConfig === selectedConfigData.id) {
-          setSelectedConfig(selectedConfigData.id); // This will trigger a re-render with updated data
-        }
-
-        setIsEditing(false);
-        setEditValue('');
-
-        // Show success message (you can add a toast notification here)
-        // console.log('Config file saved successfully');
-      } catch (err: any) {
-        console.error('Error saving config file:', err);
-        // Show error message to user
-        setError(`${DASHBOARD_ERROR_MESSAGES.FAILED_TO_SAVE_CONFIG}: ${err.message}`);
-
-        // You could add a toast notification here:
-        // toast.error(`Failed to save configuration: ${err.message}`);
-      } finally {
-        setSaving(false);
-      }
-    }
-  };
-
-  const handleCancelEdit = () => {
-    setIsEditing(false);
-    setEditValue('');
-  };
-
-  const handleToggleSecrets = () => {
-    setShowSecrets(!showSecrets);
-  };
-
-  const handleRetry = () => {
-    window.location.reload();
-  };
-
-  // Loading state
-  if (loading) {
-    return <LoadingState />;
-  }
-
-  // Error state
-  if (error) {
-    return <ErrorState error={error} onRetry={handleRetry} />;
-  }
-
-  return (
-    <div className="space-y-6">
-      {/* Header */}
-      <ConfigInspectorHeader onRefresh={handleRefresh} loading={loading} />
-
-      {/* Main Content */}
-      <div className="grid grid-cols-1 lg:grid-cols-4 gap-6 h-[800px]">
-        {/* Sidebar */}
-        <div className="lg:col-span-1">
-          <ConfigSidebar
-            configs={filteredConfigs}
-            selectedConfig={selectedConfig}
-            onConfigSelect={handleConfigSelect}
-            filters={filters}
-            onFiltersChange={setFilters}
-          />
-        </div>
-
-        {/* Main Editor Area */}
-        <div className="lg:col-span-2 flex flex-col">
-          {/* Toolbar */}
-          {selectedConfigData && (
-            <div className="mb-4">
-              <ConfigToolbar
-                isEditing={isEditing}
-                canEdit={selectedConfigData.isEditable}
-                hasSecrets={selectedConfigData.hasSecrets}
-                showSecrets={showSecrets}
-                saving={saving} // Pass saving state to toolbar
-                onStartEdit={handleStartEdit}
-                onSaveEdit={handleSaveEdit}
-                onCancelEdit={handleCancelEdit}
-                onToggleSecrets={handleToggleSecrets}
-                onRefresh={handleRefresh}
-                content={isEditing ? editValue : selectedConfigData?.content} // Add this line
-              />
-            </div>
-          )}
-
-          {/* Editor */}
-          <div className="flex-1">
-            <ConfigEditor
-              config={selectedConfigData}
-              isEditing={isEditing}
-              editValue={editValue}
-              saving={saving} // Pass saving state to editor if needed
-              onStartEdit={handleStartEdit}
-              onSaveEdit={handleSaveEdit}
-              onCancelEdit={handleCancelEdit}
-              onValueChange={setEditValue}
-              showSecrets={showSecrets}
-              onToggleSecrets={handleToggleSecrets}
-            />
-          </div>
-        </div>
-
-        {/* Right Panel */}
-        <div className="lg:col-span-1 space-y-6">
-          {/* Validation Panel */}
-          <ValidationPanel
-            validation={selectedConfigData?.validation || []}
-            configName={selectedConfigData?.name || 'No file selected'}
-          />
-
-          {/* Preview Panel */}
-          {/* {selectedConfigData && !isEditing && (
-            <ConfigPreview
-              content={selectedConfigData.content}
-              language={detectLanguage(selectedConfigData.name)}
-              showSecrets={showSecrets}
-              onToggleSecrets={handleToggleSecrets}
-            />
-          )} */}
-        </div>
-      </div>
-
-      {/* Empty State */}
-      {filteredConfigs.length === 0 && !loading && (
-        <div className="text-center py-12">
-          <div className="flex justify-center text-gray-400 text-6xl mb-4"><FolderIcon className="w-6 h-6 text-primary-600" /></div>
-          <h3 className="text-lg font-medium text-gray-900 mb-2">
-            No configuration files found
-          </h3>
-          <p className="text-gray-600 mb-4">
-            {filters.search ||
-            filters.type !== 'all' ||
-            filters.status !== 'all'
-              ? 'Try adjusting your filters to see more results.'
-              : 'No configuration files are available to inspect.'}
-          </p>
-          {(filters.search ||
-            filters.type !== 'all' ||
-            filters.status !== 'all') && (
-            <button
-              onClick={() =>
-                setFilters({
-                  section: 'all',
-                  type: 'all',
-                  status: 'all',
-                  search: '',
-                })
-              }
-              className="text-blue-600 hover:text-blue-500"
-            >
-              Clear Filters
-            </button>
-          )}
-        </div>
-      )}
-    </div>
-  );
-}