@manojkmfsi/monodog 1.1.38 → 1.1.39

package/monodog-dashboard/src/components/pipeline/WorkflowRunsList.tsx

@@ -1,272 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { ExclamationCircleIcon, CheckCircleIcon, ClockIcon } from '../../icons/index';
-import { useAuth } from '../../services/auth-context';
-import { DASHBOARD_ERROR_MESSAGES } from '../../constants/messages';
-import { DASHBOARD_API_ENDPOINTS } from '../../constants/api-config';
-import apiClient from '../../services/api';
-import type { WorkflowRun, WorkflowRunsListProps } from '../../types';
-
-function getStatusIcon(status: string, conclusion: string | null) {
-  if (status === 'completed') {
-    if (conclusion === 'success') {
-      return <CheckCircleIcon className="h-5 w-5 text-green-600" />;
-    } else if (conclusion === 'failure') {
-      return <ExclamationCircleIcon className="h-5 w-5 text-red-600" />;
-    }
-  }
-  return <ClockIcon className="h-5 w-5 text-yellow-600" />;
-}
-
-function getStatusBadgeClass(status: string, conclusion: string | null): string {
-  if (status === 'completed') {
-    if (conclusion === 'success') {
-      return 'bg-green-100 text-green-800';
-    } else if (conclusion === 'failure') {
-      return 'bg-red-100 text-red-800';
-    }
-  }
-  return 'bg-yellow-100 text-yellow-800';
-}
-
-function formatDate(dateString: string): string {
-  const date = new Date(dateString);
-  const now = new Date();
-  const seconds = Math.floor((now.getTime() - date.getTime()) / 1000);
-  if (seconds < 60) {
-    return 'just now';
-  }
-
-  const minutes = Math.floor(seconds / 60);
-  if (minutes < 60) {
-    return `${minutes}m ago`;
-  }
-
-  const hours = Math.floor(minutes / 60);
-  if (hours < 24) {
-    return `${hours}h ago`;
-  }
-
-  const days = Math.floor(hours / 24);
-  if (days < 7) {
-    return `${days}d ago`;
-  }
-
-  return date.toLocaleDateString();
-}
-
-export default function WorkflowRunsList({
-  owner,
-  repo,
-  packageName,
-  onSelectRun,
-  runId,
-  limit = 10,
-}: WorkflowRunsListProps) {
-  const [runs, setRuns] = useState<WorkflowRun[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-  const [actionInProgress, setActionInProgress] = useState<number | null>(null);
-  const { isAuthenticated, hasPermission } = useAuth();
-
-  useEffect(() => {
-    const fetchRuns = async () => {
-      try {
-        setLoading(true);
-        setError(null);
-
-        let url = DASHBOARD_API_ENDPOINTS.WORKFLOWS.LIST(owner, repo) + `?per_page=${limit}`;
-        if (packageName) {
-          url = DASHBOARD_API_ENDPOINTS.WORKFLOWS.BY_PACKAGE(owner, repo, packageName);
-        }
-
-        const response = await apiClient.get(url);
-        if (!response.success) {
-          throw new Error(DASHBOARD_ERROR_MESSAGES.FAILED_TO_FETCH_WORKFLOWS);
-        }
-        const data = (response.data as { runs: WorkflowRun[] });
-        let runsList: WorkflowRun[] = [];
-
-
-        if (packageName) {
-          // When querying by package, API might return array or single object
-          if (Array.isArray(data)) {
-            runsList = (data as Array<{ runs: WorkflowRun[] }>)
-              .flatMap((p) => p.runs || [])
-              .slice(0, limit);
-          } else {
-            const dataObj = data as { runs: WorkflowRun[] };
-            runsList = (Array.isArray(dataObj.runs) ? dataObj.runs : [])
-              .slice(0, limit);
-          }
-        } else {
-          // Direct workflow list
-          runsList = Array.isArray(data.runs) ? (data.runs as WorkflowRun[]) : [];
-        }
-
-        setRuns(runsList);
-      } catch (err) {
-        setError(err instanceof Error ? err.message : DASHBOARD_ERROR_MESSAGES.UNKNOWN_ERROR);
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    const interval = setInterval(fetchRuns, 5000); // Poll every 5 seconds
-    fetchRuns();
-
-    return () => clearInterval(interval);
-  }, [owner, repo, packageName, limit]);
-
-  const handleCancelRun = async (e: React.MouseEvent, run: WorkflowRun) => {
-    e.stopPropagation();
-    setActionInProgress(run.id);
-
-    try {
-
-      const response = await apiClient.post(
-        DASHBOARD_API_ENDPOINTS.WORKFLOWS.CANCEL(owner, repo, run.id),
-      );
-
-      if (response.success) {
-        // Update the run status locally
-        setRuns(runs.map(r =>
-          r.id === run.id
-            ? { ...r, status: 'completed', conclusion: 'cancelled' }
-            : r
-        ));
-      } else {
-        throw new Error(DASHBOARD_ERROR_MESSAGES.FAILED_TO_CANCEL_RUN);
-      }
-    } catch (err) {
-      console.error('Failed to cancel run:', err);
-      setError(err instanceof Error ? err.message : DASHBOARD_ERROR_MESSAGES.FAILED_TO_CANCEL_RUN);
-    } finally {
-      setActionInProgress(null);
-    }
-  };
-
-  const handleRerunRun = async (e: React.MouseEvent, run: WorkflowRun) => {
-    e.stopPropagation();
-    setActionInProgress(run.id);
-
-    try {
-
-      const response = await apiClient.post(
-        DASHBOARD_API_ENDPOINTS.WORKFLOWS.RERUN(owner, repo, run.id),
-        { failedOnly: false },
-      );
-
-      if (response.success) {
-        // Update the run status locally
-        setRuns(runs.map(r =>
-          r.id === run.id
-            ? { ...r, status: 'in_progress', conclusion: null }
-            : r
-        ));
-      } else {
-        throw new Error(DASHBOARD_ERROR_MESSAGES.FAILED_TO_RERUN_WORKFLOW);
-      }
-    } catch (err) {
-      console.error('Failed to rerun workflow:', err);
-      setError(err instanceof Error ? err.message : DASHBOARD_ERROR_MESSAGES.FAILED_TO_RERUN_WORKFLOW);
-    } finally {
-      setActionInProgress(null);
-    }
-  };
-
-  if (loading && runs.length === 0) {
-    return (
-      <div className="flex items-center justify-center py-8">
-        <div className="animate-spin">
-          <ClockIcon className="h-8 w-8 text-blue-600" />
-        </div>
-      </div>
-    );
-  }
-
-  if (error) {
-    return (
-      <div className="rounded-lg bg-red-50 p-4 border border-red-200">
-        <p className="text-sm text-red-800">Error: {error}</p>
-      </div>
-    );
-  }
-
-  return (
-    <div className="space-y-2">
-      {!runs || runs.length === 0 ? (
-        <p className="text-sm text-gray-500 py-4">No workflow runs found</p>
-      ) : (
-        runs.map(run => (
-          <div
-            key={run.id}
-            className={`text-left p-3 rounded-lg border transition-colors ${
-              runId === run.id
-                ? 'border-blue-500 bg-blue-50'
-                : 'border-gray-200 hover:bg-gray-50'
-            }`}
-          >
-            <button
-              onClick={() => onSelectRun?.(run.id)}
-              className="w-full text-left"
-            >
-              <div className="flex items-start gap-2">
-                {getStatusIcon(run.status, run.conclusion)}
-                <div className="min-w-0 flex-1">
-                  <p className="font-medium text-sm text-gray-900">
-                    {run.name}
-                  </p>
-
-                  <p className="text-xs text-gray-500 mt-1">
-                    <span
-                      className={`px-2 py-1 rounded text-xs font-medium ${getStatusBadgeClass(
-                        run.status,
-                        run.conclusion
-                      )}`}
-                    >
-                      {run.conclusion ?? run.status}
-                    </span>
-                    <span> • </span>
-                    <span>Branch: {run.head_branch}</span>
-                    <span> • </span>
-                    <span>by {run.actor.login}</span>
-                    <span> • </span>
-                    <span>{formatDate(run.created_at)}</span>
-                  </p>
-                </div>
-              </div>
-            </button>
-
-            {hasPermission('maintain') && (
-              <div className="flex gap-2 mt-3">
-                {run.status === 'in_progress' && (
-                  <button
-                    onClick={e => handleCancelRun(e, run)}
-                    disabled={actionInProgress === run.id}
-                    className="flex-1 px-3 py-2 text-sm font-medium text-red-700 bg-red-50 border border-red-200 rounded hover:bg-red-100 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
-                    title="Cancel this workflow run"
-                  >
-                    {actionInProgress === run.id
-                      ? 'Cancelling...'
-                      : 'Cancel Run'}
-                  </button>
-                )}
-                {(run.conclusion === 'cancelled' ||
-                  run.conclusion === 'failure') && (
-                  <button
-                    onClick={e => handleRerunRun(e, run)}
-                    disabled={actionInProgress === run.id}
-                    className="flex-1 px-3 py-2 text-sm font-medium text-blue-700 bg-blue-50 border border-blue-200 rounded hover:bg-blue-100 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
-                    title="Rerun this workflow"
-                  >
-                    {actionInProgress === run.id ? 'Rerunning...' : 'Rerun'}
-                  </button>
-                )}
-              </div>
-            )}
-          </div>
-        ))
-      )}
-    </div>
-  );
-}

package/monodog-dashboard/src/components/pipeline/WorkflowTrigger.tsx

@@ -1,182 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { PlayIcon, ExclamationCircleIcon } from '../../icons/index';
-import apiClient from '../../services/api';
-import { DASHBOARD_ERROR_MESSAGES } from '../../constants/messages';
-import { DASHBOARD_API_ENDPOINTS } from '../../constants/api-config';
-import type { WorkflowTriggerProps } from '../../types';
-
-interface WorkflowOption {
-  id: number;
-  name: string;
-  path: string;
-}
-
-export default function WorkflowTrigger({
-  owner,
-  repo,
-  defaultBranch = 'main',
-  onSuccess,
-  onError,
-}: WorkflowTriggerProps) {
-  const [isOpen, setIsOpen] = useState(false);
-  const [branch, setBranch] = useState(defaultBranch);
-  const [inputs, setInputs] = useState<Record<string, string>>({});
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const [workflows, setWorkflows] = useState<WorkflowOption[]>([]);
-  const [selectedWorkflow, setSelectedWorkflow] = useState<string>();
-  const [loadingWorkflows, setLoadingWorkflows] = useState(false);
-
-  // Fetch available workflows when modal opens
-  useEffect(() => {
-    if (isOpen && workflows.length === 0) {
-      fetchWorkflows();
-    }
-  }, [isOpen]);
-
-  const fetchWorkflows = async () => {
-    try {
-      setLoadingWorkflows(true);
-
-      const response = await apiClient.get(
-        DASHBOARD_API_ENDPOINTS.WORKFLOWS.AVAILABLE(owner, repo)
-      );
-      if (response.success) {
-        setWorkflows(response.data.workflows || []);
-        // If no workflow path was set, use the first available one
-        if (response.data.workflows?.length > 0 && !selectedWorkflow) {
-          setSelectedWorkflow(response.data.workflows[0].path);
-        }
-      }
-    } catch (err) {
-      console.error('Failed to fetch workflows:', err);
-    } finally {
-      setLoadingWorkflows(false);
-    }
-  };
-
-  const handleTrigger = async () => {
-    try {
-      setLoading(true);
-      setError(null);
-
-      const response = await apiClient.post(
-        DASHBOARD_API_ENDPOINTS.WORKFLOWS.TRIGGER(owner, repo),
-        {
-          workflow: selectedWorkflow,
-          ref: branch,
-          inputs,
-          workflowId: workflows.find((w) => w.path == selectedWorkflow)?.id ?? ''
-        }
-      );
-
-      if (!response.success) {
-        throw new Error(DASHBOARD_ERROR_MESSAGES.FAILED_TO_TRIGGER_WORKFLOW);
-      }
-
-      const data = response.data;
-
-      if (data.success) {
-        onSuccess?.(data.runUrl || `https://github.com/${owner}/${repo}/actions`);
-        setIsOpen(false);
-        setBranch(defaultBranch);
-        setInputs({});
-      } else {
-        throw new Error(data.message || DASHBOARD_ERROR_MESSAGES.FAILED_TO_TRIGGER_WORKFLOW);
-      }
-    } catch (err) {
-      const errorMessage =
-        err instanceof Error ? err.message : DASHBOARD_ERROR_MESSAGES.UNKNOWN_ERROR;
-      setError(errorMessage);
-      onError?.(errorMessage);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  return (
-    <div className="relative">
-      <button
-        onClick={() => setIsOpen(!isOpen)}
-        disabled={loading}
-        className="flex items-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
-      >
-        <PlayIcon className="h-4 w-4" />
-        Trigger Workflow
-      </button>
-
-      {isOpen && (
-        <div className="absolute right-0 mt-2 w-96 bg-white border border-gray-200 rounded-lg shadow-lg z-10 p-6">
-          <h3 className="text-lg font-semibold text-gray-900 mb-4">
-            Trigger Workflow
-          </h3>
-
-          {error && (
-            <div className="mb-4 p-3 bg-red-50 border border-red-200 rounded-lg flex items-start gap-3">
-              <ExclamationCircleIcon className="h-5 w-5 text-red-600 flex-shrink-0 mt-0.5" />
-              <p className="text-sm text-red-700">{error}</p>
-            </div>
-          )}
-
-          <div className="space-y-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Workflow
-              </label>
-              {loadingWorkflows ? (
-                <div className="w-full px-3 py-2 border border-gray-300 rounded-lg bg-gray-50 text-gray-500">
-                  Loading workflows...
-                </div>
-              ) : workflows.length > 0 ? (
-                <select
-                  value={selectedWorkflow}
-                  onChange={(e) => setSelectedWorkflow(e.target.value)}
-                  className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  {workflows.map((wf) => (
-                    <option key={wf.id} value={wf.path}>
-                      {wf.name} ({wf.path})
-                    </option>
-                  ))}
-                </select>
-              ) : (
-                <div className="w-full px-3 py-2 border border-gray-300 rounded-lg bg-yellow-50 text-yellow-700 text-sm">
-                  No workflows available
-                </div>
-              )}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Branch
-              </label>
-              <input
-                type="text"
-                value={branch}
-                onChange={(e) => setBranch(e.target.value)}
-                placeholder="main"
-                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div className="flex gap-2 pt-4">
-              <button
-                onClick={handleTrigger}
-                disabled={loading || !branch}
-                className="flex-1 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors font-medium"
-              >
-                {loading ? 'Triggering...' : 'Trigger'}
-              </button>
-              <button
-                onClick={() => setIsOpen(false)}
-                className="px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors font-medium"
-              >
-                Cancel
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}

package/monodog-dashboard/src/components/pipeline/utils/pipeline.utils.tsx

@@ -1,11 +0,0 @@
-import { cookieUtils } from '../../../utils/cookies';
-
-export const getSessionPermission = () => {
-  try {
-    const data = cookieUtils.get('monodog_session_data');
-    return data ? JSON.parse(data).permission : null;
-  } catch (e) {
-    console.error("Failed to parse session data", e);
-    return null;
-  }
-};

package/monodog-dashboard/src/components/publish-control/PublishControl.tsx

@@ -1,229 +0,0 @@
-import { useState, useEffect } from 'react';
-import { monorepoService } from '../../services/monorepoService';
-import { DASHBOARD_ERROR_MESSAGES } from '../../constants/messages';
-
-// Import sub-components
-import {
-  PublishHeader,
-  QuickActionCards,
-  PackageReleaseTable,
-  ReleaseSchedule,
-  ChangelogViewer,
-  LoadingState,
-  ErrorState,
-} from './components';
-
-// Import types and utilities
-import { Package, Release } from './types/publish.types';
-import {
-  calculatePublishStats,
-  filterPackagesByName,
-} from './utils/publish.utils';
-
-// Re-export types for backward compatibility
-export type { Package, Release } from './types/publish.types';
-
-const mockPackages: Package[] = [
-  {
-    name: 'dashboard',
-    currentVersion: '1.0.0',
-    nextVersion: '1.0.1',
-    status: 'ready',
-    lastPublished: '2024-01-10',
-    changelog: 'Bug fixes and performance improvements',
-    commits: 15,
-    dependencies: ['react', 'tailwindcss'],
-    publishType: 'patch',
-  },
-  {
-    name: 'backend',
-    currentVersion: '1.2.0',
-    nextVersion: '1.3.0',
-    status: 'building',
-    lastPublished: '2024-01-08',
-    changelog: 'New API endpoints and enhanced security',
-    commits: 28,
-    dependencies: ['express', 'prisma'],
-    publishType: 'minor',
-  },
-  {
-    name: 'utils',
-    currentVersion: '0.5.2',
-    nextVersion: '1.0.0',
-    status: 'ready',
-    lastPublished: '2024-01-05',
-    changelog: 'Major refactor with breaking changes',
-    commits: 42,
-    dependencies: ['lodash'],
-    publishType: 'major',
-  },
-  {
-    name: 'ci-status',
-    currentVersion: '0.3.1',
-    nextVersion: '0.4.0',
-    status: 'testing',
-    lastPublished: '2024-01-12',
-    changelog: 'Enhanced CI monitoring and reporting',
-    commits: 18,
-    dependencies: ['axios', 'ws'],
-    publishType: 'minor',
-  },
-];
-
-const mockReleases: Release[] = [
-  {
-    id: '1',
-    packageName: 'dashboard',
-    version: '1.0.1',
-    status: 'scheduled',
-    scheduledFor: '2024-01-16 10:00 AM',
-    changelog: 'Bug fixes and performance improvements',
-    author: 'team-frontend',
-  },
-  {
-    id: '2',
-    packageName: 'backend',
-    version: '1.3.0',
-    status: 'in-progress',
-    scheduledFor: '2024-01-16 09:00 AM',
-    startedAt: '2024-01-16 09:00 AM',
-    changelog: 'New API endpoints and enhanced security',
-    author: 'team-backend',
-  },
-  {
-    id: '3',
-    packageName: 'utils',
-    version: '1.0.0',
-    status: 'completed',
-    scheduledFor: '2024-01-15 02:00 PM',
-    startedAt: '2024-01-15 02:00 PM',
-    completedAt: '2024-01-15 02:15 PM',
-    changelog: 'Major refactor with breaking changes',
-    author: 'team-shared',
-  },
-];
-
-export default function PublishControl() {
-  const [selectedPackage, setSelectedPackage] = useState<string>('all');
-  const [selectedStatus, setSelectedStatus] = useState<string>('all');
-  const [packages, setPackages] = useState<Package[]>(mockPackages);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    const fetchPackageData = async () => {
-      try {
-        setLoading(true);
-        const data = await monorepoService.getPackages();
-        // Convert monorepo service data to publish control format
-        const publishPackages: Package[] = data.map(pkg => ({
-          name: pkg.name,
-          currentVersion: pkg.version,
-          nextVersion: getNextVersion(pkg.version),
-          status: getPublishStatus(pkg.status),
-          lastPublished: pkg.lastUpdated,
-          changelog: pkg.description || 'No changelog available',
-          commits: Math.floor(Math.random() * 20) + 1,
-          dependencies: pkg.dependencies || [],
-          publishType: getPublishType(),
-        }));
-        setPackages(publishPackages);
-        setError(null);
-      } catch (err) {
-        setError(DASHBOARD_ERROR_MESSAGES.FAILED_TO_FETCH_PACKAGES);
-        console.error('Error fetching packages:', err);
-        // Fallback to mock data
-        setPackages(mockPackages);
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchPackageData();
-  }, []);
-
-  // Helper functions
-  const getNextVersion = (currentVersion: string): string => {
-    const parts = currentVersion.split('.').map(Number);
-    parts[2] += 1; // Increment patch version
-    return parts.join('.');
-  };
-
-  const getPublishStatus = (
-    status: string
-  ): 'ready' | 'building' | 'testing' | 'published' | 'failed' => {
-    switch (status) {
-      case 'healthy':
-        return 'ready';
-      case 'warning':
-        return 'testing';
-      case 'error':
-        return 'failed';
-      case 'building':
-        return 'building';
-      default:
-        return 'ready';
-    }
-  };
-
-  const getPublishType = (): 'patch' | 'minor' | 'major' | 'prerelease' => {
-    const types: ('patch' | 'minor' | 'major' | 'prerelease')[] = [
-      'patch',
-      'minor',
-      'major',
-      'prerelease',
-    ];
-    return types[Math.floor(Math.random() * types.length)];
-  };
-
-  // Handle actions
-  const handleNewRelease = () => {
-    // console.log('Creating new release...');
-  };
-
-  const handleRetry = () => {
-    window.location.reload();
-  };
-
-  // Calculate derived data using utility functions
-  const filteredPackages = filterPackagesByName(packages, selectedPackage);
-  const stats = calculatePublishStats(packages);
-
-  if (loading) {
-    return <LoadingState />;
-  }
-
-  if (error) {
-    return <ErrorState error={error} onRetry={handleRetry} />;
-  }
-
-  return (
-    <div className="space-y-6">
-      {/* Header */}
-      <PublishHeader
-        packageCount={packages.length}
-        onNewRelease={handleNewRelease}
-      />
-
-      {/* Quick Action Cards */}
-      <QuickActionCards stats={stats} />
-
-      {/* Package Release Table */}
-      <PackageReleaseTable
-        packages={filteredPackages}
-        selectedPackage={selectedPackage}
-        onPackageChange={setSelectedPackage}
-      />
-
-      {/* Release Schedule */}
-      <ReleaseSchedule
-        releases={mockReleases}
-        selectedStatus={selectedStatus}
-        onStatusChange={setSelectedStatus}
-      />
-
-      {/* Changelog Viewer */}
-      <ChangelogViewer />
-    </div>
-  );
-}