@manojkmfsi/monodog 1.1.38 → 1.1.39

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

@@ -1,150 +0,0 @@
-/**
- * Publish Confirmation Component
- * Shows confirmation of successful release
- */
-
-import React from 'react';
-import { SelectedPackage } from '../ReleaseManager';
-import { ArrowLongRightIcon, CheckIcon } from '../../../icons';
-
-interface PublishConfirmationProps {
-  packages: SelectedPackage[];
-  summary: string;
-  onReset: () => void;
-}
-
-export default function PublishConfirmation({
-  packages,
-  summary,
-  onReset,
-}: PublishConfirmationProps) {
-  const releaseDate = new Date().toLocaleDateString('en-US', {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric',
-  });
-
-  return (
-    <div className="bg-white rounded-lg shadow p-6 space-y-6">
-      <div className="text-center">
-        <div className="flex justify-center mb-4">
-          <div className="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center">
-            <svg className="w-10 h-10 text-green-600" fill="currentColor" viewBox="0 0 20 20">
-              <path
-                fillRule="evenodd"
-                d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-                clipRule="evenodd"
-              />
-            </svg>
-          </div>
-        </div>
-        <h2 className="text-3xl font-bold text-gray-900 mb-2">Release Initiated!</h2>
-        <p className="text-gray-600 text-lg mb-4">
-          Changeset created and publishing workflow started for {packages.length} package(s)
-        </p>
-        <p className="text-gray-500 text-sm">Initiated on {releaseDate}</p>
-      </div>
-
-      {/* Publishing Status Information */}
-      <div className="border-t pt-6">
-        <h3 className="text-lg font-bold text-gray-900 mb-4">What Happens Next</h3>
-        <div className="space-y-3">
-          <div className="flex items-start space-x-3 p-3 bg-blue-50 rounded-lg">
-            <div className="flex-shrink-0 text-blue-600 mt-0.5">
-              <svg className="h-5 w-5" fill="currentColor" viewBox="0 0 20 20">
-                <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
-              </svg>
-            </div>
-            <div>
-              <p className="font-medium text-blue-900">1. Changeset Created</p>
-              <p className="text-sm text-blue-700 mt-1">A changeset has been created with your release information</p>
-            </div>
-          </div>
-          <div className="flex items-start space-x-3 p-3 bg-blue-50 rounded-lg">
-            <div className="flex-shrink-0 text-blue-600 mt-0.5">
-              <svg className="h-5 w-5" fill="currentColor" viewBox="0 0 20 20">
-                <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
-              </svg>
-            </div>
-            <div>
-              <p className="font-medium text-blue-900">2. Publishing Workflow Started</p>
-              <p className="text-sm text-blue-700 mt-1">GitHub Actions workflow has been triggered to publish your packages</p>
-            </div>
-          </div>
-          <div className="flex items-start space-x-3 p-3 bg-blue-50 rounded-lg">
-            <div className="flex-shrink-0 text-blue-600 mt-0.5">
-              <svg className="h-5 w-5" fill="currentColor" viewBox="0 0 20 20">
-                <path d="M10 12a2 2 0 100-4 2 2 0 000 4z" />
-                <path fillRule="evenodd" d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clipRule="evenodd" />
-              </svg>
-            </div>
-            <div>
-              <p className="font-medium text-blue-900">3. Monitor Progress</p>
-              <p className="text-sm text-blue-700 mt-1">Check GitHub Actions for the workflow status and npm registry for package updates</p>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      {/* Released Packages */}
-      <div className="border-t pt-6">
-        <h3 className="text-lg font-bold text-gray-900 mb-4">Packages Released</h3>
-        <div className="space-y-2">
-          {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">
-                  v{pkg.currentVersion} <ArrowLongRightIcon></ArrowLongRightIcon> v{pkg.newVersion}
-                </p>
-              </div>
-              <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>
-
-      {/* Changelog */}
-      <div className="border-t pt-6">
-        <h3 className="text-lg font-bold text-gray-900 mb-4">Changelog Summary</h3>
-        <div className="p-4 bg-gray-50 rounded-lg">
-          <p className="text-gray-700 whitespace-pre-wrap">{summary}</p>
-        </div>
-      </div>
-
-      {/* Next Steps */}
-      <div className="bg-blue-50 border border-blue-200 rounded-lg p-4">
-        <h4 className="font-medium text-blue-900 mb-2">Next Steps</h4>
-        <ul className="text-sm text-blue-700 space-y-2">
-          <li>Changeset created and committed</li>
-          <li>Package versions updated</li>
-          <li>Release pipeline triggered</li>
-          <li>GitHub release created (in progress)</li>
-          <li>npm registry will be updated shortly</li>
-        </ul>
-      </div>
-
-      {/* Actions */}
-      <div className="flex gap-3 justify-center">
-        <button
-          onClick={onReset}
-          className="px-8 py-3 bg-primary-600 text-white rounded-lg font-medium hover:bg-primary-700 transition"
-        >
-          Release Another Package
-        </button>
-      </div>
-
-      {/* Links */}
-      <div className="border-t pt-6 flex gap-4 justify-center">
-        <a href="#" className="flex items-center gap-2 gap-2 text-primary-600 hover:text-primary-700 font-medium text-sm">
-          View Release on GitHub <ArrowLongRightIcon></ArrowLongRightIcon>
-        </a>
-        <a href="#" className="flex items-center gap-2 gap-2 text-primary-600 hover:text-primary-700 font-medium text-sm">
-          View on npm <ArrowLongRightIcon></ArrowLongRightIcon>
-        </a>
-      </div>
-    </div>
-  );
-}

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

@@ -1,138 +0,0 @@
-/**
- * Release Validation Component
- * Validates release readiness before publishing
- */
-
-import React from 'react';
-import { ValidationResult, SelectedPackage } from '../ReleaseManager';
-import { CheckIcon, XMarkIcon } from '../../../icons';
-
-interface ReleaseValidationProps {
-  validation: ValidationResult;
-  packages: SelectedPackage[];
-  onConfirm: () => void;
-  onBack: () => void;
-  loading?: boolean;
-}
-
-export default function ReleaseValidation({
-  validation,
-  packages,
-  onConfirm,
-  onBack,
-  loading,
-}: ReleaseValidationProps) {
-  const checks = [
-    { name: 'User Permissions', passed: validation.checks.permissions },
-    { name: 'Working Tree Clean', passed: validation.checks.workingTreeClean },
-    { name: 'CI Tests Passing', passed: validation.checks.ciPassing },
-    { name: 'Version Available on npm', passed: validation.checks.versionAvailable },
-  ];
-
-  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 4: Validate Release</h2>
-        <p className="text-gray-600">
-          Checking if the release is safe to proceed. All checks must pass.
-        </p>
-      </div>
-
-      {/* Status Overview */}
-      <div className="grid grid-cols-2 gap-4">
-        <div className={`p-4 rounded-lg ${validation.isValid ? 'bg-green-50' : 'bg-red-50'}`}>
-          <p className={`font-medium ${validation.isValid ? 'text-green-900' : 'text-red-900'}`}>
-            {validation.isValid ? 'Ready to Release' : 'Not Ready'}
-          </p>
-          <p className={`text-sm mt-1 ${validation.isValid ? 'text-green-700' : 'text-red-700'}`}>
-            {validation.isValid
-              ? 'All checks passed. Safe to proceed.'
-              : `${validation.errors.length} error(s) need resolution`}
-          </p>
-        </div>
-        <div className="p-4 bg-blue-50 rounded-lg">
-          <p className="font-medium text-blue-900">Release Summary</p>
-          <p className="text-sm text-blue-700 mt-1">
-            {packages.length} package(s) will be released
-          </p>
-        </div>
-      </div>
-
-      {/* Validation Checks */}
-      <div className="border-t pt-6">
-        <h3 className="text-lg font-bold text-gray-900 mb-4">Pre-release Checks</h3>
-        <div className="space-y-3">
-          {checks.map((check, idx) => (
-            <div
-              key={idx}
-              className={`flex items-center space-x-3 p-3 rounded-lg ${
-                check.passed ? 'bg-green-50' : 'bg-red-50'
-              }`}
-            >
-              <div
-                className={`flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center font-bold text-white p-1 ${
-                  check.passed ? 'bg-green-500' : 'bg-red-500'
-                }`}
-              >
-                {check.passed ? <CheckIcon></CheckIcon> : <XMarkIcon></XMarkIcon>}
-              </div>
-              <span
-                className={`font-medium ${
-                  check.passed ? 'text-green-900' : 'text-red-900'
-                }`}
-              >
-                {check.name}
-              </span>
-            </div>
-          ))}
-        </div>
-      </div>
-
-      {/* Errors */}
-      {validation.errors.length > 0 && (
-        <div className="border-t pt-6">
-          <h3 className="text-lg font-bold text-red-900 mb-4">Errors</h3>
-          <div className="space-y-2">
-            {validation.errors.map((error, idx) => (
-              <p key={idx} className="text-red-700 text-sm">
-                • {error}
-              </p>
-            ))}
-          </div>
-        </div>
-      )}
-
-      {/* Warnings */}
-      {validation.warnings.length > 0 && (
-        <div className="border-t pt-6">
-          <h3 className="text-lg font-bold text-yellow-900 mb-4">Warnings</h3>
-          <div className="space-y-2">
-            {validation.warnings.map((warning, idx) => (
-              <p key={idx} className="text-yellow-700 text-sm">
-                {warning}
-              </p>
-            ))}
-          </div>
-        </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={onConfirm}
-          disabled={!validation.isValid || 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"
-        >
-          {loading ? 'Publishing...' : 'Confirm & Publish'}
-        </button>
-      </div>
-    </div>
-  );
-}

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

@@ -1,142 +0,0 @@
-/**
- * Version Bump Selector Component
- * Allows users to select version bump types (major/minor/patch)
- */
-
-import React, { useState } from 'react';
-import { SelectedPackage } from '../ReleaseManager';
-
-interface VersionBumpSelectorProps {
-  packages: SelectedPackage[];
-  onConfirm: (packages: SelectedPackage[]) => void;
-  onBack: () => void;
-}
-
-const bumpDescriptions = {
-  major: 'Breaking changes, incompatible API changes',
-  minor: 'New features, backward compatible',
-  patch: 'Bug fixes, patches, backward compatible',
-};
-
-export default function VersionBumpSelector({
-  packages,
-  onConfirm,
-  onBack,
-}: VersionBumpSelectorProps) {
-  const [bumps, setBumps] = useState<Record<string, 'major' | 'minor' | 'patch'>>(
-    packages.reduce((acc, pkg) => ({ ...acc, [pkg.name]: pkg.bumpType }), {})
-  );
-
-  const calculateNewVersion = (
-    current: string,
-    bumpType: 'major' | 'minor' | 'patch'
-  ): string => {
-    const parts = current.split('.').map(Number);
-    if (bumpType === 'major') {
-      return `${parts[0] + 1}.0.0`;
-    } else if (bumpType === 'minor') {
-      return `${parts[0]}.${parts[1] + 1}.0`;
-    } else {
-      return `${parts[0]}.${parts[1]}.${parts[2] + 1}`;
-    }
-  };
-
-  const handleBumpChange = (packageName: string, bumpType: 'major' | 'minor' | 'patch') => {
-    setBumps(prev => ({ ...prev, [packageName]: bumpType }));
-  };
-
-  const handleConfirm = () => {
-    const updated: SelectedPackage[] = packages.map(pkg => ({
-      ...pkg,
-      bumpType: bumps[pkg.name],
-      newVersion: calculateNewVersion(pkg.currentVersion, bumps[pkg.name]),
-    }));
-    onConfirm(updated);
-  };
-
-  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 2: Select Version Bumps</h2>
-        <p className="text-gray-600">
-          Choose the version bump type for each package. This determines the new version number.
-        </p>
-      </div>
-
-      {/* Bump Types Legend */}
-      <div className="grid grid-cols-3 gap-4">
-        {(Object.entries(bumpDescriptions) as [string, string][]).map(([type, desc]) => (
-          <div key={type} className="p-4 bg-gray-50 rounded-lg">
-            <p className="font-medium text-gray-900 capitalize mb-1">{type}</p>
-            <p className="text-sm text-gray-600">{desc}</p>
-          </div>
-        ))}
-      </div>
-
-      {/* Packages Bump Selection */}
-      <div className="space-y-4">
-        {packages.map(pkg => (
-          <div key={pkg.name} className="border border-gray-200 rounded-lg p-4">
-            <div className="flex items-center justify-between mb-4">
-              <div>
-                <p className="font-medium text-gray-900">{pkg.name}</p>
-                <p className="text-sm text-gray-500">Current: v{pkg.currentVersion}</p>
-              </div>
-              <div className="text-right">
-                <p className="text-sm text-gray-500">New Version:</p>
-                <p className="text-lg font-bold text-primary-600">
-                  v{calculateNewVersion(pkg.currentVersion, bumps[pkg.name])}
-                </p>
-              </div>
-            </div>
-
-            {/* Bump Type Selection */}
-            <div className="grid grid-cols-3 gap-3">
-              {(['major', 'minor', 'patch'] as const).map(type => (
-                <button
-                  key={type}
-                  onClick={() => handleBumpChange(pkg.name, type)}
-                  className={`p-3 rounded-lg border-2 transition font-medium text-sm ${
-                    bumps[pkg.name] === type
-                      ? 'border-primary-600 bg-primary-50 text-primary-700'
-                      : 'border-gray-200 bg-white text-gray-700 hover:border-gray-300'
-                  }`}
-                >
-                  <span className="capitalize">{type}</span>
-                </button>
-              ))}
-            </div>
-
-            {/* Affected Dependencies */}
-            {pkg.affectedDependencies.length > 0 && (
-              <div className="mt-4 p-3 bg-blue-50 rounded-lg">
-                <p className="text-sm font-medium text-blue-900">
-                  ℹ️ {pkg.affectedDependencies.length} dependent package(s)
-                </p>
-                <p className="text-xs text-blue-700 mt-1">
-                  Will be auto-bumped when this package is released
-                </p>
-              </div>
-            )}
-          </div>
-        ))}
-      </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"
-        >
-          Back
-        </button>
-        <button
-          onClick={handleConfirm}
-          className="px-6 py-2 bg-primary-600 text-white rounded-lg font-medium hover:bg-primary-700 transition"
-        >
-          Continue
-        </button>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/release-manager/types/index.ts

@@ -1,9 +0,0 @@
-/**
- * Release Manager Types Exports
- */
-
-export type {
-  SelectedPackage,
-  ChangesetData,
-  ValidationResult,
-} from './release-manager.types';

package/monodog-dashboard/src/components/release-manager/types/release-manager.types.ts

@@ -1,29 +0,0 @@
-/**
- * Release Manager Component Types
- */
-
-export interface SelectedPackage {
-  name: string;
-  currentVersion: string;
-  newVersion: string;
-  bumpType: 'major' | 'minor' | 'patch';
-  affectedDependencies: string[];
-}
-
-export interface ChangesetData {
-  packages: SelectedPackage[];
-  summary: string;
-  timestamp: string;
-}
-
-export interface ValidationResult {
-  isValid: boolean;
-  errors: string[];
-  warnings: string[];
-  checks: {
-    permissions: boolean;
-    workingTreeClean: boolean;
-    ciPassing: boolean;
-    versionAvailable: boolean;
-  };
-}

package/monodog-dashboard/src/components/setup-guide/SetupGuide.tsx

@@ -1,96 +0,0 @@
-import { useState } from 'react';
-
-// Import sub-components
-import {
-  SetupModal,
-  SetupHeader,
-  SetupProgress,
-  StepContent,
-  StepNavigation,
-} from './components';
-
-// Import types and utilities
-import { SetupGuideProps, SetupStep } from './types/setup.types';
-import {
-  getInitialSteps,
-  calculateProgress,
-  canProceedToNext,
-  isSetupComplete,
-  markStepAsComplete,
-} from './utils/setup.utils';
-
-// Re-export types for backward compatibility
-export type { SetupStep, SetupGuideProps } from './types/setup.types';
-
-export default function SetupGuide({
-  isOpen,
-  onClose,
-  onComplete,
-}: SetupGuideProps) {
-  const [currentStep, setCurrentStep] = useState(0);
-  const [steps, setSteps] = useState<SetupStep[]>(getInitialSteps());
-
-  // Handle step completion
-  const handleStepComplete = (stepId: string) => {
-    const updatedSteps = markStepAsComplete(steps, stepId);
-    setSteps(updatedSteps);
-
-    // Auto-advance to next step if current step is completed
-    const currentStepCompleted = updatedSteps[currentStep].completed;
-    if (currentStepCompleted && currentStep < steps.length - 1) {
-      setCurrentStep(prev => prev + 1);
-    }
-  };
-
-  // Navigation handlers
-  const handleNext = () => {
-    if (currentStep < steps.length - 1) {
-      setCurrentStep(prev => prev + 1);
-    }
-  };
-
-  const handlePrevious = () => {
-    if (currentStep > 0) {
-      setCurrentStep(prev => prev - 1);
-    }
-  };
-
-  const handleComplete = () => {
-    if (isSetupComplete(steps)) {
-      onComplete();
-      onClose();
-    }
-  };
-
-  // Calculate derived values
-  const progress = calculateProgress(steps, currentStep);
-  const canGoNext = canProceedToNext(steps, currentStep);
-  const canGoPrevious = currentStep > 0;
-  const isLastStep = currentStep === steps.length - 1;
-  const currentStepData = steps[currentStep];
-
-  return (
-    <SetupModal isOpen={isOpen} onClose={onClose}>
-      {/* Header */}
-      <SetupHeader onClose={onClose} />
-
-      {/* Progress Indicator */}
-      <SetupProgress progress={progress} />
-
-      {/* Step Content */}
-      <StepContent step={currentStepData} onStepComplete={handleStepComplete} />
-
-      {/* Navigation */}
-      <StepNavigation
-        currentStep={currentStep}
-        totalSteps={steps.length}
-        canGoNext={canGoNext}
-        canGoPrevious={canGoPrevious}
-        onNext={handleNext}
-        onPrevious={handlePrevious}
-        onComplete={handleComplete}
-        isLastStep={isLastStep}
-      />
-    </SetupModal>
-  );
-}

package/monodog-dashboard/src/components/setup-guide/components/SetupHeader.tsx

@@ -1,24 +0,0 @@
-import { XMarkIcon } from '../../../icons/heroicons';
-
-interface SetupHeaderProps {
-  onClose: () => void;
-}
-
-export default function SetupHeader({ onClose }: SetupHeaderProps) {
-  return (
-    <div className="flex items-center justify-between p-6 border-b border-gray-200">
-      <div>
-        <h2 className="text-xl font-semibold text-gray-900">Setup Guide</h2>
-        <p className="text-sm text-gray-600 mt-1">
-          Configure your monorepo dashboard for optimal performance
-        </p>
-      </div>
-      <button
-        onClick={onClose}
-        className="text-gray-400 hover:text-gray-600 transition-colors"
-      >
-        <XMarkIcon className="w-6 h-6" />
-      </button>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/setup-guide/components/SetupModal.tsx

@@ -1,24 +0,0 @@
-interface SetupModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  children: React.ReactNode;
-}
-
-export default function SetupModal({
-  isOpen,
-  onClose,
-  children,
-}: SetupModalProps) {
-  if (!isOpen) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
-      <div
-        className="bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-hidden"
-        onClick={e => e.stopPropagation()}
-      >
-        {children}
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/setup-guide/components/SetupProgress.tsx

@@ -1,29 +0,0 @@
-import { SetupProgress as ProgressType } from '../types/setup.types';
-
-interface SetupProgressProps {
-  progress: ProgressType;
-}
-
-export default function SetupProgress({ progress }: SetupProgressProps) {
-  const { currentStep, totalSteps, completedSteps } = progress;
-  const progressPercentage = ((currentStep + 1) / totalSteps) * 100;
-
-  return (
-    <div className="px-6 py-4 border-b border-gray-200">
-      <div className="flex items-center justify-between mb-2">
-        <span className="text-sm font-medium text-gray-700">
-          Step {currentStep + 1} of {totalSteps}
-        </span>
-        <span className="text-sm text-gray-500">
-          {completedSteps} completed
-        </span>
-      </div>
-      <div className="w-full bg-gray-200 rounded-full h-2">
-        <div
-          className="bg-blue-600 h-2 rounded-full transition-all duration-300"
-          style={{ width: `${progressPercentage}%` }}
-        />
-      </div>
-    </div>
-  );
-}