@manojkmfsi/monodog 1.1.37 → 1.1.39

package/monodog-dashboard/src/components/release-manager/ReleaseManager.tsx

@@ -1,342 +0,0 @@
-/**
- * Release Manager Component
- *
- * Comprehensive UI-driven version control and package publishing for monorepos using Changesets.
- * Allows users to:
- * - Select packages and version bumps
- * - Generate changesets
- * - Preview releases
- * - Trigger publishing pipeline
- */
-
-import React, { useState, useEffect } from 'react';
-import { useAuth } from '../../services/auth-context';
-import apiClient from '../../services/api';
-import PackageSelector from './components/PackageSelector';
-import VersionBumpSelector from './components/VersionBumpSelector';
-import ChangesetPreview from './components/ChangesetPreview';
-import ReleaseValidation from './components/ReleaseValidation';
-import PublishConfirmation from './components/PublishConfirmation';
-import LoadingState from './components/LoadingState';
-import ErrorState from './components/ErrorState';
-import { DASHBOARD_ERROR_MESSAGES } from '../../constants/messages';
-import { DASHBOARD_API_ENDPOINTS } from '../../constants/api-config';
-import type { SelectedPackage, ChangesetData, ValidationResult } from './types';
-
-// Re-export types for backward compatibility
-export type { SelectedPackage, ChangesetData, ValidationResult };
-
-export default function ReleaseManager() {
-  const { isAuthenticated, hasPermission } = useAuth();
-  const [currentStep, setCurrentStep] = useState<'select' | 'bump' | 'preview' | 'validate' | 'confirm'>('select');
-  const [selectedPackages, setSelectedPackages] = useState<SelectedPackage[]>([]);
-  const [changesetSummary, setChangesetSummary] = useState('');
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const [validationResult, setValidationResult] = useState<ValidationResult | null>(null);
-  const [allPackages, setAllPackages] = useState<Array<{ name: string; version: string; dependents?: string[] }>>([]);
-  const [existingChangesets, setExistingChangesets] = useState<Array<{ id: string; summary: string }>>([]);
-
-  // Fetch workspace packages on mount
-  useEffect(() => {
-    fetchWorkspaceData();
-  }, []);
-
-  const fetchWorkspaceData = async () => {
-    try {
-      setLoading(true);
-
-      // Fetch packages
-      const packagesRes = await apiClient.get(DASHBOARD_API_ENDPOINTS.PUBLISH.PACKAGES);
-      if (packagesRes.success) {
-        setAllPackages(packagesRes.data.packages || []);
-      } else {
-        console.warn('Failed to fetch packages:', packagesRes.error?.message);
-        // Fallback to regular packages endpoint
-        const fallbackRes = await apiClient.get(DASHBOARD_API_ENDPOINTS.PACKAGES.LIST);
-        if (fallbackRes.success) {
-          setAllPackages(fallbackRes.data || []);
-        }
-      }
-
-      // Fetch existing changesets
-      const changesetsRes = await apiClient.get(DASHBOARD_API_ENDPOINTS.PUBLISH.CHANGESETS);
-      if (changesetsRes.success) {
-        setExistingChangesets(changesetsRes.data.changesets || []);
-      } else {
-        if (changesetsRes.error?.status === 401 || changesetsRes.error?.status === 403) {
-          window.location.href = '/login';
-        }
-      }
-
-      setError(null);
-    } catch (err) {
-      const message = err instanceof Error ? err.message : DASHBOARD_ERROR_MESSAGES.FAILED_TO_FETCH_PACKAGES;
-      setError(message);
-      console.error('Error fetching workspace data:', err);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const handlePackagesSelected = (packages: Array<{ name: string; version: string; dependents?: string[] }>) => {
-    const selected: SelectedPackage[] = packages.map(pkg => ({
-      name: pkg.name,
-      currentVersion: pkg.version,
-      newVersion: pkg.version, // Will be updated in bump step
-      bumpType: 'patch',
-      affectedDependencies: pkg.dependents || [],
-    }));
-    setSelectedPackages(selected);
-    setCurrentStep('bump');
-  };
-
-  const handleVersionBumpsConfirmed = (updatedPackages: SelectedPackage[]) => {
-    setSelectedPackages(updatedPackages);
-    setCurrentStep('preview');
-  };
-
-  const handlePreviewConfirmed = (summary: string) => {
-    setChangesetSummary(summary);
-    validateRelease(selectedPackages, summary);
-  };
-
-  const validateRelease = async (packages: SelectedPackage[], summary: string) => {
-    try {
-      setLoading(true);
-
-      const response = await apiClient.post(DASHBOARD_API_ENDPOINTS.PUBLISH.PREVIEW, {
-        packages: packages.map(p => p.name),
-        bumps: packages.map(p => ({
-          package: p.name,
-          bumpType: p.bumpType,
-        })),
-        summary,
-      });
-
-      if (!response.success) {
-        throw new Error(DASHBOARD_ERROR_MESSAGES.VALIDATION_FAILED);
-      }
-
-      const result = response.data;
-
-      // Ensure the result has the expected structure
-      const validationData: ValidationResult = {
-        isValid: result.isValid ?? true,
-        errors: result.errors ?? [],
-        warnings: result.warnings ?? [],
-        checks: result.checks ?? {
-          permissions: true,
-          workingTreeClean: true,
-          ciPassing: true,
-          versionAvailable: true,
-        },
-      };
-
-      setValidationResult(validationData);
-      setCurrentStep('validate');
-      setError(null);
-    } catch (err) {
-      const message = err instanceof Error ? err.message : 'Validation error';
-      setError(message);
-      console.error('Validation error:', err);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const handlePublishConfirmed = async () => {
-    try {
-      // Check permission before publishing
-      if (!hasPermission('maintain')) {
-        setError(DASHBOARD_ERROR_MESSAGES.PERMISSION_ERROR);
-        return;
-      }
-
-      setLoading(true);
-
-      // Create changeset
-      const changesetRes = await apiClient.post(DASHBOARD_API_ENDPOINTS.PUBLISH.CHANGESETS, {
-        packages: selectedPackages.map(p => p.name),
-        bumps: selectedPackages.map(p => ({
-          package: p.name,
-          bumpType: p.bumpType,
-        })),
-        summary: changesetSummary,
-      });
-
-      if (!changesetRes.success) {
-        throw new Error(DASHBOARD_ERROR_MESSAGES.FAILED_TO_CREATE_CHANGESET);
-      }
-
-      // Trigger publish
-      const publishRes = await apiClient.post(DASHBOARD_API_ENDPOINTS.PUBLISH.TRIGGER, {
-        packages: selectedPackages,
-      });
-
-      if (!publishRes.success) {
-        throw new Error(DASHBOARD_ERROR_MESSAGES.FAILED_TO_TRIGGER_PUBLISH);
-      }
-
-      setCurrentStep('confirm');
-      setError(null);
-    } catch (err) {
-      const message = err instanceof Error ? err.message : 'Publishing error';
-      setError(message);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const handleReset = () => {
-    setCurrentStep('select');
-    setSelectedPackages([]);
-    setChangesetSummary('');
-    setValidationResult(null);
-    setError(null);
-    fetchWorkspaceData();
-  };
-
-  if (!isAuthenticated) {
-    return (
-      <div className="p-6 bg-yellow-50 border border-yellow-200 rounded-lg">
-        <p className="text-yellow-800">Please log in to access release management.</p>
-      </div>
-    );
-  }
-
-  if (loading && currentStep === 'select' && allPackages.length === 0) {
-    return <LoadingState message="Loading workspace packages..." />;
-  }
-
-  if (error && currentStep === 'select') {
-    return <ErrorState error={error} onRetry={fetchWorkspaceData} />;
-  }
-
-  // Check if user has required permissions
-  const canCreateChangeset = hasPermission('write');
-  const canPublish = hasPermission('maintain');
-
-  return (
-    <div className="space-y-6">
-      {/* Header */}
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-3xl font-bold text-gray-900">Release Manager</h1>
-          <p className="text-gray-600 mt-1">
-            Manage package versions and publish releases with Changesets
-          </p>
-        </div>
-        <div className="text-sm text-gray-500">
-          Step {['select', 'bump', 'preview', 'validate', 'confirm'].indexOf(currentStep) + 1} of 5
-        </div>
-      </div>
-
-      {/* Permission Check */}
-      {!canCreateChangeset && (
-        <div className="p-4 bg-yellow-50 border border-yellow-200 rounded-lg">
-          <p className="text-yellow-700 font-medium"> Limited Access</p>
-          <p className="text-yellow-600 text-sm mt-1">
-            You do not have write permission to create and publish changesets. Contact your repository administrator to request access.
-          </p>
-        </div>
-      )}
-
-      {/* Error Alert */}
-      {error && (
-        <div className="p-4 bg-red-50 border border-red-200 rounded-lg">
-          <p className="text-red-700 font-medium">Error</p>
-          <p className="text-red-600 text-sm mt-1">{error}</p>
-        </div>
-      )}
-
-      {/* Existing Changesets Warning */}
-      {existingChangesets.length > 0 && currentStep === 'select' && (
-        <div className="p-4 bg-blue-50 border border-blue-200 rounded-lg">
-          <p className="text-blue-700 font-medium">
-            {existingChangesets.length} unpublished changeset(s) detected
-          </p>
-          <p className="text-blue-600 text-sm mt-1">
-            Review existing changesets or pull the latest changes and refresh the dashboard before creating a new one.
-          </p>
-        </div>
-      )}
-
-      {/* Step Content */}
-      {currentStep === 'select' && !canCreateChangeset && (
-        <div className="p-4 bg-red-50 border border-red-200 rounded-lg">
-          <p className="text-red-700 font-medium">Access Denied</p>
-          <p className="text-red-600 text-sm mt-1">
-            You do not have write permission to create changesets. Contact your repository administrator.
-          </p>
-        </div>
-      )}
-
-      {currentStep === 'select' && canCreateChangeset && (
-        <PackageSelector
-          packages={allPackages}
-          onConfirm={handlePackagesSelected}
-          loading={loading}
-        />
-      )}
-
-      {currentStep === 'bump' && canCreateChangeset && (
-        <VersionBumpSelector
-          packages={selectedPackages}
-          onConfirm={handleVersionBumpsConfirmed}
-          onBack={() => setCurrentStep('select')}
-        />
-      )}
-
-      {currentStep === 'preview' && canCreateChangeset && (
-        <ChangesetPreview
-          packages={selectedPackages}
-          existingChangesets={existingChangesets}
-          onConfirm={handlePreviewConfirmed}
-          onBack={() => setCurrentStep('bump')}
-          loading={loading}
-        />
-      )}
-
-      {currentStep === 'validate' && !canPublish && (
-        <div className="p-4 bg-red-50 border border-red-200 rounded-lg">
-          <p className="text-red-700 font-medium">Access Denied</p>
-          <p className="text-red-600 text-sm mt-1">
-            You do not have maintain permission to publish changesets. Contact your repository administrator.
-          </p>
-        </div>
-      )}
-      {currentStep === 'validate' && canPublish && validationResult && (
-        <ReleaseValidation
-          validation={validationResult}
-          packages={selectedPackages}
-          onConfirm={handlePublishConfirmed}
-          onBack={() => setCurrentStep('preview')}
-          loading={loading}
-        />
-      )}
-
-      {currentStep === 'confirm' && (
-        <PublishConfirmation
-          packages={selectedPackages}
-          summary={changesetSummary}
-          onReset={handleReset}
-        />
-      )}
-
-      {/* Progress Indicator */}
-      <div className="flex gap-2 justify-center">
-        {['select', 'bump', 'preview', 'validate', 'confirm'].map((step, index) => (
-          <div
-            key={step}
-            className={`h-2 flex-1 rounded-full transition-colors ${
-              ['select', 'bump', 'preview', 'validate', 'confirm'].indexOf(currentStep) >= index
-                ? 'bg-primary-500'
-                : 'bg-gray-300'
-            }`}
-          />
-        ))}
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/release-manager/components/ChangesetPreview.tsx

@@ -1,123 +0,0 @@
-/**
- * Changeset Preview Component
- * Allows users to review and create changesets
- */
-
-import React, { useState } from 'react';
-import { ArrowLongRightIcon } from '../../../icons';
-import { CHANGESET_SUMMARY, SUMMARY_LIMIT } from '../../../constants/messages'
-import type { ChangesetPreviewProps } from '../../../types';
-
-export default function ChangesetPreview({
-  packages,
-  existingChangesets,
-  onConfirm,
-  onBack,
-  loading,
-}: ChangesetPreviewProps) {
-  const [summary, setSummary] = useState('');
-  const [errors, setErrors] = useState<string[]>([]);
-
-  const validateSummary = () => {
-    const newErrors: string[] = [];
-    if (!summary.trim()) {
-      newErrors.push('Please enter a changelog summary');
-    }
-    if (summary.trim().length < 10) {
-      newErrors.push(SUMMARY_LIMIT);
-    }
-    setErrors(newErrors);
-    return newErrors.length === 0;
-  };
-
-  const handleConfirm = () => {
-    if (validateSummary()) {
-      onConfirm(summary);
-    }
-  };
-
-  return (
-    <div className="bg-white rounded-lg shadow p-6 space-y-6">
-      <div>
-        <h2 className="text-2xl font-bold text-gray-900 mb-2">Step 3: Preview Changeset</h2>
-        <p className="text-gray-600">
-          Review the changeset that will be created. Enter a summary of the changes.
-        </p>
-      </div>
-
-      {/* Changeset Summary */}
-      <div>
-        <label className="block text-sm font-medium text-gray-700 mb-2">
-          Changelog Summary
-        </label>
-        <textarea
-          value={summary}
-          onChange={e => {setSummary(e.target.value); validateSummary();}}
-          placeholder={CHANGESET_SUMMARY}
-          rows={4}
-          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent font-mono text-sm"
-        />
-        {errors.length > 0 && (
-          <div className="mt-2 space-y-1">
-            {errors.map((error, idx) => (
-              <p key={idx} className="text-sm text-red-600">
-                {error}
-              </p>
-            ))}
-          </div>
-        )}
-      </div>
-
-      {/* Packages Overview */}
-      <div className="border-t pt-6">
-        <h3 className="text-lg font-bold text-gray-900 mb-4">Packages to Release</h3>
-        <div className="space-y-3">
-          {packages.map(pkg => (
-            <div key={pkg.name} className="flex items-center justify-between p-3 bg-gray-50 rounded-lg">
-              <div>
-                <p className="font-medium text-gray-900">{pkg.name}</p>
-                <p className="flex items-center gap-2 text-sm text-gray-500">
-                  {pkg.currentVersion} <ArrowLongRightIcon></ArrowLongRightIcon> {pkg.newVersion}
-                </p>
-              </div>
-              <div className="text-right">
-                <span className="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-primary-100 text-primary-800">
-                  {pkg.bumpType.charAt(0).toUpperCase() + pkg.bumpType.slice(1)}
-                </span>
-              </div>
-            </div>
-          ))}
-        </div>
-      </div>
-
-      {/* Conflict Warning */}
-      {existingChangesets.length > 0 && (
-        <div className="p-4 bg-yellow-50 border border-yellow-200 rounded-lg">
-          <p className="text-yellow-800 font-medium">Unpublished Changesets</p>
-          <p className="text-yellow-700 text-sm mt-1">
-            There are {existingChangesets.length} existing unpublished changeset(s).
-            Creating new ones will accumulate until published.
-          </p>
-        </div>
-      )}
-
-      {/* Actions */}
-      <div className="flex gap-3 justify-end">
-        <button
-          onClick={onBack}
-          className="px-6 py-2 border border-gray-300 text-gray-700 rounded-lg font-medium hover:bg-gray-50 transition"
-          disabled={loading}
-        >
-          Back
-        </button>
-        <button
-          onClick={handleConfirm}
-          disabled={loading || errors.length > 0}
-          className="px-6 py-2 bg-primary-600 text-white rounded-lg font-medium hover:bg-primary-700 disabled:opacity-50 disabled:cursor-not-allowed transition"
-        >
-          {loading ? 'Processing...' : 'Continue to Validation'}
-        </button>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/release-manager/components/ErrorState.tsx

@@ -1,38 +0,0 @@
-/**
- * Error State Component
- */
-
-import React from 'react';
-
-interface ErrorStateProps {
-  error: string;
-  onRetry: () => void;
-}
-
-export default function ErrorState({ error, onRetry }: ErrorStateProps) {
-  return (
-    <div className="bg-red-50 border border-red-200 rounded-lg p-6">
-      <div className="flex items-start">
-        <div className="flex-shrink-0">
-          <svg className="w-6 h-6 text-red-600" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fillRule="evenodd"
-              d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
-              clipRule="evenodd"
-            />
-          </svg>
-        </div>
-        <div className="ml-3 flex-1">
-          <h3 className="text-lg font-medium text-red-800">Error</h3>
-          <p className="mt-2 text-sm text-red-700">{error}</p>
-          <button
-            onClick={onRetry}
-            className="mt-4 px-4 py-2 bg-red-600 text-white rounded-lg font-medium hover:bg-red-700 transition"
-          >
-            Try Again
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/release-manager/components/LoadingState.tsx

@@ -1,18 +0,0 @@
-/**
- * Loading State Component
- */
-
-import React from 'react';
-
-interface LoadingStateProps {
-  message?: string;
-}
-
-export default function LoadingState({ message = 'Loading...' }: LoadingStateProps) {
-  return (
-    <div className="flex flex-col items-center justify-center py-12">
-      <div className="w-12 h-12 rounded-full border-4 border-gray-200 border-t-primary-500 animate-spin mb-4"></div>
-      <p className="text-gray-600">{message}</p>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/release-manager/components/PackageSelector.tsx

@@ -1,137 +0,0 @@
-/**
- * Package Selector Component
- * Allows users to select packages for release
- */
-
-import React, { useState, useMemo } from 'react';
-import type { PackageSelectorProps } from '../../../types';
-
-interface Package {
-  name: string;
-  version: string;
-  private?: boolean;
-  dependencies?: string[];
-}
-
-export default function PackageSelector({ packages, onConfirm, loading }: PackageSelectorProps) {
-  const [selectedNames, setSelectedNames] = useState<Set<string>>(new Set());
-  const [searchTerm, setSearchTerm] = useState('');
-
-  const filteredPackages = useMemo(
-    () =>
-      packages.filter(
-        pkg =>
-          !pkg.private &&
-          pkg.name.toLowerCase().includes(searchTerm.toLowerCase())
-      ),
-    [packages, searchTerm]
-  );
-
-  const togglePackage = (name: string) => {
-    const newSelected = new Set(selectedNames);
-    if (newSelected.has(name)) {
-      newSelected.delete(name);
-    } else {
-      newSelected.add(name);
-    }
-    setSelectedNames(newSelected);
-  };
-
-  const toggleAll = () => {
-    if (selectedNames.size === filteredPackages.length) {
-      setSelectedNames(new Set());
-    } else {
-      setSelectedNames(new Set(filteredPackages.map(p => p.name)));
-    }
-  };
-
-  const handleConfirm = () => {
-    const selected = packages.filter(p => selectedNames.has(p.name));
-    onConfirm(selected);
-  };
-
-  return (
-    <div className="bg-white rounded-lg shadow p-6 space-y-6">
-      <div>
-        <h2 className="text-2xl font-bold text-gray-900 mb-2">Step 1: Select Packages</h2>
-        <p className="text-gray-600">
-          Choose which packages you want to release. You can select multiple packages.
-        </p>
-      </div>
-
-      {/* Search */}
-      <div>
-        <label className="block text-sm font-medium text-gray-700 mb-2">Search Packages</label>
-        <input
-          type="text"
-          value={searchTerm}
-          onChange={e => setSearchTerm(e.target.value)}
-          placeholder="Search by package name..."
-          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent"
-        />
-      </div>
-
-      {/* Package List */}
-      <div>
-        <div className="flex items-center justify-between mb-4">
-          <label className="text-sm font-medium text-gray-700">
-            Available Packages ({filteredPackages.length})
-          </label>
-          {filteredPackages.length > 0 && (
-            <button
-              onClick={toggleAll}
-              className="text-sm text-primary-600 hover:text-primary-700 font-medium"
-            >
-              {selectedNames.size === filteredPackages.length ? 'Deselect All' : 'Select All'}
-            </button>
-          )}
-        </div>
-
-        <div className="border border-gray-200 rounded-lg divide-y max-h-96 overflow-y-auto">
-          {filteredPackages.length === 0 ? (
-            <div className="p-4 text-center text-gray-500">
-              No packages found
-            </div>
-          ) : (
-            filteredPackages.map(pkg => (
-              <div
-                key={pkg.name}
-                className="p-4 hover:bg-gray-50 cursor-pointer transition"
-                onClick={() => togglePackage(pkg.name)}
-              >
-                <div className="flex items-center space-x-3">
-                  <input
-                    type="checkbox"
-                    checked={selectedNames.has(pkg.name)}
-                    onChange={() => togglePackage(pkg.name)}
-                    className="w-4 h-4 text-primary-600 rounded focus:ring-2 focus:ring-primary-500"
-                  />
-                  <div className="flex-1">
-                    <p className="font-medium text-gray-900">{pkg.name}</p>
-                    <p className="text-sm text-gray-500">Current: v{pkg.version}</p>
-                  </div>
-                  {pkg.dependencies && pkg.dependencies.length > 0 && (
-                    <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
-                      {pkg.dependencies.length} deps
-                    </span>
-                  )}
-                </div>
-              </div>
-            ))
-          )}
-        </div>
-      </div>
-
-      {/* Actions */}
-      <div className="flex gap-3 justify-end">
-        <button
-          onClick={handleConfirm}
-          disabled={selectedNames.size === 0 || loading}
-          className="px-6 py-2 bg-primary-600 text-white rounded-lg font-medium hover:bg-primary-700 disabled:opacity-50 disabled:cursor-not-allowed transition"
-        >
-          Continue ({selectedNames.size} selected)
-        </button>
-      </div>
-    </div>
-  );
-}