@manojkmfsi/monodog 1.1.38 → 1.1.39

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

@@ -1,272 +0,0 @@
-import { InformationCircleIcon } from '../../../icons/heroicons';
-import { StepContentProps } from '../types/setup.types';
-
-export default function StepContent({
-  step,
-  onStepComplete,
-}: StepContentProps) {
-  const renderStepSpecificContent = () => {
-    switch (step.id) {
-      case 'monorepo-structure':
-        return (
-          <div className="space-y-4">
-            <div className="bg-blue-50 border border-blue-200 rounded-lg p-4">
-              <h4 className="font-medium text-blue-900 mb-2">Quick Setup</h4>
-              <p className="text-blue-800 text-sm mb-3">
-                Choose your monorepo structure to get started quickly:
-              </p>
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <button
-                  onClick={() => onStepComplete(step.id)}
-                  className="p-3 border border-blue-300 rounded-lg hover:bg-blue-100 text-left"
-                >
-                  <div className="font-medium text-blue-900">
-                    Standard Structure
-                  </div>
-                  <div className="text-sm text-blue-700">
-                    apps/, packages/, libs/
-                  </div>
-                </button>
-                <button
-                  onClick={() => onStepComplete(step.id)}
-                  className="p-3 border border-blue-300 rounded-lg hover:bg-blue-100 text-left"
-                >
-                  <div className="font-medium text-blue-900">
-                    Custom Structure
-                  </div>
-                  <div className="text-sm text-blue-700">
-                    Define your own directories
-                  </div>
-                </button>
-              </div>
-            </div>
-            <div className="bg-gray-50 border border-gray-200 rounded-lg p-4">
-              <h4 className="font-medium text-gray-900 mb-2">
-                Manual Configuration
-              </h4>
-              <div className="space-y-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Root Directory
-                  </label>
-                  <input
-                    type="text"
-                    defaultValue="/path/to/monorepo"
-                    className="w-full px-3 py-2 border border-gray-300 rounded-md text-sm"
-                  />
-                </div>
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Package Manager
-                  </label>
-                  <select className="w-full px-3 py-2 border border-gray-300 rounded-md text-sm">
-                    <option value="pnpm">pnpm</option>
-                    <option value="npm">npm</option>
-                    <option value="yarn">yarn</option>
-                  </select>
-                </div>
-              </div>
-            </div>
-          </div>
-        );
-
-      case 'package-scanning':
-        return (
-          <div className="space-y-4">
-            <div className="bg-green-50 border border-green-200 rounded-lg p-4">
-              <h4 className="font-medium text-green-900 mb-2">
-                Automatic Discovery
-              </h4>
-              <p className="text-green-800 text-sm mb-3">
-                We'll scan your monorepo for packages automatically:
-              </p>
-              <button
-                onClick={() => onStepComplete(step.id)}
-                className="bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 text-sm"
-              >
-                Start Package Scan
-              </button>
-            </div>
-            <div className="space-y-2">
-              <div className="flex items-center text-sm text-gray-600">
-                <InformationCircleIcon className="w-4 h-4 mr-2" />
-                Scans for package.json files
-              </div>
-              <div className="flex items-center text-sm text-gray-600">
-                <InformationCircleIcon className="w-4 h-4 mr-2" />
-                Analyzes dependencies and relationships
-              </div>
-              <div className="flex items-center text-sm text-gray-600">
-                <InformationCircleIcon className="w-4 h-4 mr-2" />
-                Detects build configurations
-              </div>
-            </div>
-          </div>
-        );
-
-      case 'ci-integration':
-        return (
-          <div className="space-y-4">
-            <div className="bg-purple-50 border border-purple-200 rounded-lg p-4">
-              <h4 className="font-medium text-purple-900 mb-2">
-                Connect CI/CD
-              </h4>
-              <p className="text-purple-800 text-sm mb-3">
-                Choose your CI/CD provider to monitor builds and deployments:
-              </p>
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <button
-                  onClick={() => onStepComplete(step.id)}
-                  className="p-3 border border-purple-300 rounded-lg hover:bg-purple-100 text-left"
-                >
-                  <div className="font-medium text-purple-900">
-                    GitHub Actions
-                  </div>
-                  <div className="text-sm text-purple-700">
-                    Connect with GitHub
-                  </div>
-                </button>
-                <button
-                  onClick={() => onStepComplete(step.id)}
-                  className="p-3 border border-purple-300 rounded-lg hover:bg-purple-100 text-left"
-                >
-                  <div className="font-medium text-purple-900">GitLab CI</div>
-                  <div className="text-sm text-purple-700">
-                    Connect with GitLab
-                  </div>
-                </button>
-                <button
-                  onClick={() => onStepComplete(step.id)}
-                  className="p-3 border border-purple-300 rounded-lg hover:bg-purple-100 text-left"
-                >
-                  <div className="font-medium text-purple-900">Jenkins</div>
-                  <div className="text-sm text-purple-700">
-                    Connect with Jenkins
-                  </div>
-                </button>
-                <button
-                  onClick={() => onStepComplete(step.id)}
-                  className="p-3 border border-purple-300 rounded-lg hover:bg-purple-100 text-left"
-                >
-                  <div className="font-medium text-purple-900">
-                    Skip for now
-                  </div>
-                  <div className="text-sm text-purple-700">Configure later</div>
-                </button>
-              </div>
-            </div>
-          </div>
-        );
-
-      case 'health-checks':
-        return (
-          <div className="space-y-4">
-            <div className="bg-orange-50 border border-orange-200 rounded-lg p-4">
-              <h4 className="font-medium text-orange-900 mb-2">
-                Health Monitoring
-              </h4>
-              <p className="text-orange-800 text-sm mb-3">
-                Configure how we monitor your package health:
-              </p>
-              <div className="space-y-3">
-                <label className="flex items-center">
-                  <input type="checkbox" className="mr-2" defaultChecked />
-                  <span className="text-sm text-orange-900">
-                    Monitor build status
-                  </span>
-                </label>
-                <label className="flex items-center">
-                  <input type="checkbox" className="mr-2" defaultChecked />
-                  <span className="text-sm text-orange-900">
-                    Track test coverage
-                  </span>
-                </label>
-                <label className="flex items-center">
-                  <input type="checkbox" className="mr-2" />
-                  <span className="text-sm text-orange-900">
-                    Dependency vulnerability scanning
-                  </span>
-                </label>
-                <label className="flex items-center">
-                  <input type="checkbox" className="mr-2" />
-                  <span className="text-sm text-orange-900">
-                    Performance monitoring
-                  </span>
-                </label>
-              </div>
-              <button
-                onClick={() => onStepComplete(step.id)}
-                className="mt-3 bg-orange-600 text-white px-4 py-2 rounded-lg hover:bg-orange-700 text-sm"
-              >
-                Save Settings
-              </button>
-            </div>
-          </div>
-        );
-
-      case 'notifications':
-        return (
-          <div className="space-y-4">
-            <div className="bg-indigo-50 border border-indigo-200 rounded-lg p-4">
-              <h4 className="font-medium text-indigo-900 mb-2">
-                Notification Preferences
-              </h4>
-              <p className="text-indigo-800 text-sm mb-3">
-                Choose how you want to be notified about important events:
-              </p>
-              <div className="space-y-3">
-                <label className="flex items-center">
-                  <input type="checkbox" className="mr-2" defaultChecked />
-                  <span className="text-sm text-indigo-900">
-                    Build failures
-                  </span>
-                </label>
-                <label className="flex items-center">
-                  <input type="checkbox" className="mr-2" />
-                  <span className="text-sm text-indigo-900">
-                    Security vulnerabilities
-                  </span>
-                </label>
-                <label className="flex items-center">
-                  <input type="checkbox" className="mr-2" />
-                  <span className="text-sm text-indigo-900">
-                    Dependency updates
-                  </span>
-                </label>
-                <label className="flex items-center">
-                  <input type="checkbox" className="mr-2" />
-                  <span className="text-sm text-indigo-900">
-                    Performance degradation
-                  </span>
-                </label>
-              </div>
-              <button
-                onClick={() => onStepComplete(step.id)}
-                className="mt-3 bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 text-sm"
-              >
-                Save Preferences
-              </button>
-            </div>
-          </div>
-        );
-
-      default:
-        return (
-          <div className="text-center py-8">
-            <p className="text-gray-500">Step content not found</p>
-          </div>
-        );
-    }
-  };
-
-  return (
-    <div className="p-6 overflow-y-auto max-h-[50vh]">
-      <div className="mb-6">
-        <h3 className="text-lg font-medium text-gray-900 mb-2">{step.title}</h3>
-        <p className="text-gray-600 mb-4">{step.description}</p>
-      </div>
-
-      {renderStepSpecificContent()}
-    </div>
-  );
-}

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

@@ -1,62 +0,0 @@
-import { CheckIcon } from '../../../icons/heroicons';
-import { StepNavigationProps } from '../types/setup.types';
-
-export default function StepNavigation({
-  currentStep,
-  totalSteps,
-  canGoNext,
-  canGoPrevious,
-  onNext,
-  onPrevious,
-  onComplete,
-  isLastStep,
-}: StepNavigationProps) {
-  return (
-    <div className="flex items-center justify-between p-6 border-t border-gray-200">
-      <button
-        onClick={onPrevious}
-        disabled={!canGoPrevious}
-        className={`px-4 py-2 text-sm rounded-lg border transition-colors ${
-          canGoPrevious
-            ? 'border-gray-300 text-gray-700 hover:bg-gray-50'
-            : 'border-gray-200 text-gray-400 cursor-not-allowed'
-        }`}
-      >
-        Previous
-      </button>
-
-      <div className="flex space-x-2">
-        {Array.from({ length: totalSteps }, (_, i) => (
-          <div
-            key={i}
-            className={`w-2 h-2 rounded-full transition-colors ${
-              i <= currentStep ? 'bg-blue-600' : 'bg-gray-300'
-            }`}
-          />
-        ))}
-      </div>
-
-      {isLastStep ? (
-        <button
-          onClick={onComplete}
-          className="bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 flex items-center space-x-2 text-sm"
-        >
-          <CheckIcon className="w-4 h-4" />
-          <span>Complete Setup</span>
-        </button>
-      ) : (
-        <button
-          onClick={onNext}
-          disabled={!canGoNext}
-          className={`px-4 py-2 text-sm rounded-lg transition-colors ${
-            canGoNext
-              ? 'bg-blue-600 text-white hover:bg-blue-700'
-              : 'bg-gray-300 text-gray-500 cursor-not-allowed'
-          }`}
-        >
-          Next
-        </button>
-      )}
-    </div>
-  );
-}

package/monodog-dashboard/src/components/setup-guide/components/index.ts

@@ -1,6 +0,0 @@
-// Export all setup guide components for easier imports
-export { default as SetupModal } from './SetupModal';
-export { default as SetupHeader } from './SetupHeader';
-export { default as SetupProgress } from './SetupProgress';
-export { default as StepContent } from './StepContent';
-export { default as StepNavigation } from './StepNavigation';

package/monodog-dashboard/src/components/setup-guide/types/setup.types.ts

@@ -1,38 +0,0 @@
-// Shared types for setup guide components
-
-export interface SetupStep {
-  id: string;
-  title: string;
-  description: string;
-  completed: boolean;
-  required: boolean;
-  action?: () => void;
-}
-
-export interface SetupGuideProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onComplete: () => void;
-}
-
-export interface SetupProgress {
-  currentStep: number;
-  totalSteps: number;
-  completedSteps: number;
-}
-
-export interface StepContentProps {
-  step: SetupStep;
-  onStepComplete: (stepId: string) => void;
-}
-
-export interface StepNavigationProps {
-  currentStep: number;
-  totalSteps: number;
-  canGoNext: boolean;
-  canGoPrevious: boolean;
-  onNext: () => void;
-  onPrevious: () => void;
-  onComplete: () => void;
-  isLastStep: boolean;
-}

package/monodog-dashboard/src/components/setup-guide/utils/setup.utils.ts

@@ -1,79 +0,0 @@
-import { SetupStep, SetupProgress } from '../types/setup.types';
-
-// Get initial setup steps
-export const getInitialSteps = (): SetupStep[] => [
-  {
-    id: 'monorepo-structure',
-    title: 'Monorepo Structure',
-    description:
-      'Configure your monorepo directory structure and package manager',
-    completed: false,
-    required: true,
-  },
-  {
-    id: 'package-scanning',
-    title: 'Package Scanning',
-    description: 'Set up automatic package discovery and dependency analysis',
-    completed: false,
-    required: true,
-  },
-  {
-    id: 'ci-integration',
-    title: 'CI/CD Integration',
-    description:
-      'Connect with your CI/CD providers (GitHub Actions, GitLab CI, etc.)',
-    completed: false,
-    required: false,
-  },
-  {
-    id: 'health-checks',
-    title: 'Health Monitoring',
-    description: 'Configure package health checks and status monitoring',
-    completed: false,
-    required: false,
-  },
-  {
-    id: 'notifications',
-    title: 'Notifications',
-    description: 'Set up alerts and notifications for important events',
-    completed: false,
-    required: false,
-  },
-];
-
-// Calculate progress
-export const calculateProgress = (
-  steps: SetupStep[],
-  currentStep: number
-): SetupProgress => {
-  return {
-    currentStep,
-    totalSteps: steps.length,
-    completedSteps: steps.filter(s => s.completed).length,
-  };
-};
-
-// Check if user can proceed to next step
-export const canProceedToNext = (
-  steps: SetupStep[],
-  currentStep: number
-): boolean => {
-  const step = steps[currentStep];
-  return !step.required || step.completed;
-};
-
-// Check if setup is complete
-export const isSetupComplete = (steps: SetupStep[]): boolean => {
-  const requiredSteps = steps.filter(s => s.required);
-  return requiredSteps.every(s => s.completed);
-};
-
-// Mark step as complete
-export const markStepAsComplete = (
-  steps: SetupStep[],
-  stepId: string
-): SetupStep[] => {
-  return steps.map(step =>
-    step.id === stepId ? { ...step, completed: true } : step
-  );
-};

package/monodog-dashboard/src/constants/api-config.ts

@@ -1,81 +0,0 @@
-/**
- * API Configuration for Dashboard
- * Base URLs, endpoints, and API configuration constants
- */
-
-// ============ API BASE CONFIGURATION ============
-
-const DEFAULT_API_HOST = 'localhost';
-const DEFAULT_API_PORT = 8999;
-export const DEFAULT_TIMEOUT = 30000;
-
-export const TIMEOUT_MS = 60000;
-export const DEFAULT_API_BASE_URL = process.env.REACT_APP_API_URL || process.env.VITE_API_URL || `http://${DEFAULT_API_HOST}:${DEFAULT_API_PORT}`;
-// export const API_CONFIG = {
-//   BASE_URL: import.meta.env.VITE_API_URL || `http://${DEFAULT_API_HOST}:${DEFAULT_API_PORT}`,
-// } as const;
-
-// ============ API ENDPOINTS ============
-
-export const DASHBOARD_API_ENDPOINTS = {
-  // Authentication endpoints
-  AUTH: {
-    LOGIN: '/auth/login',
-    CALLBACK: '/auth/callback',
-    ME: '/auth/me',
-    VALIDATE: '/auth/validate',
-    LOGOUT: '/auth/logout',
-    REFRESH: '/auth/refresh',
-  },
-
-  // Packages endpoints
-  PACKAGES: {
-    REFRESH: '/packages/refresh',
-    UPDATE_CONFIG: '/packages/update-config',
-    LIST: '/packages',
-    DETAILS: (packageName: string) => `/packages/${encodeURIComponent(packageName)}`,
-  },
-
-  // Pipeline endpoints
-  PIPELINES: {
-    LIST: '/pipelines',
-    STATUS: (pipelineId: string) => `/pipelines/${pipelineId}/status`,
-  },
-
-  // Publish endpoints
-  PUBLISH: {
-    PREVIEW: '/publish/preview',
-    STATUS: '/publish/status',
-    PACKAGES: '/publish/packages',
-    CHANGESETS: '/publish/changesets',
-    CREATE_CHANGESET: '/publish/changesets/create',
-    TRIGGER: '/publish/trigger',
-  },
-
-  // Configuration endpoints
-  CONFIG: {
-    FILES: '/config/files',
-    FILE: (fileId: string) => {
-      return `/config/files/${encodeURIComponent(fileId)}`;
-    },
-  },
-
-  // Health endpoints
-  HEALTH: {
-    PACKAGES: '/health/packages',
-    REFRESH: '/health/refresh',
-  },
-
-  // Workflow endpoints (GitHub Actions management)
-  WORKFLOWS: {
-    LIST: (owner: string, repo: string) => `/workflows/${owner}/${repo}`,
-    AVAILABLE: (owner: string, repo: string) => `/workflows/${owner}/${repo}/available`,
-    BY_PACKAGE: (owner: string, repo: string, packageName: string) => `/workflows/package/${owner}/${repo}/${encodeURIComponent(packageName)}`,
-    RUNS: (owner: string, repo: string, runId: number) => `/workflows/${owner}/${repo}/runs/${runId}`,
-    LOGS: (owner: string, repo: string, jobId: number) => `/workflows/${owner}/${repo}/jobs/${jobId}/logs`,
-    TRIGGER: (owner: string, repo: string) => `/workflows/${owner}/${repo}/trigger`,
-    CANCEL: (owner: string, repo: string, runId: number) => `/workflows/${owner}/${repo}/runs/${runId}/cancel`,
-    RERUN: (owner: string, repo: string, runId: number) => `/workflows/${owner}/${repo}/runs/${runId}/rerun`,
-  },
-} as const;
-

package/monodog-dashboard/src/constants/index.ts

@@ -1,9 +0,0 @@
-/**
- * Dashboard Constants Index
- * Centralized export of all dashboard constants
- */
-
-// Messages and API configuration
-export * from './messages';
-export * from './api-config';
-

package/monodog-dashboard/src/constants/messages.ts

@@ -1,40 +0,0 @@
-/**
- * Dashboard Messages
- * Frontend messages for API operations and user feedback
- */
-
-// ============ AUTH MESSAGES ============
-
-export const DASHBOARD_AUTH_MESSAGES = {
-  LOGIN_SUCCESS: 'Login successful! Redirecting...',
-  LOGIN_FAILED: 'Login failed',
-  LOGOUT_SUCCESS: 'You have been logged out',
-  SESSION_EXPIRED: 'Your session has expired. Please login again.',
-  AUTH_FAILED: 'Authentication failed',
-} as const;
-
-// ============ ERROR MESSAGES ============
-
-export const DASHBOARD_ERROR_MESSAGES = {
-  UNKNOWN_ERROR: 'Unknown error occurred',
-  NETWORK_ERROR: 'Network error. Please check your connection.',
-  FAILED_TO_FETCH_PACKAGES: 'Failed to fetch workspace packages',
-  FAILED_TO_FETCH_WORKFLOWS: 'Failed to fetch workflows',
-  FAILED_TO_TRIGGER_WORKFLOW: 'Failed to trigger workflow',
-  FAILED_TO_CANCEL_RUN: 'Failed to cancel workflow run',
-  FAILED_TO_RERUN_WORKFLOW: 'Failed to rerun workflow',
-  FAILED_TO_FETCH_LOGS: 'Failed to fetch job logs',
-  PERMISSION_ERROR: 'Permission denied',
-  AUTHENTICATION_ERROR: 'Authentication error',
-  FAILED_TO_FETCH_USER_INFO: 'Failed to fetch user info',
-  FAILED_TO_REFRESH_SESSION: 'Failed to refresh session',
-  FAILED_TO_CHECK_PERMISSION: 'Failed to check permission',
-  FAILED_TO_CHECK_ACTION_PERMISSION: 'Failed to check action permission',
-  VALIDATION_FAILED: 'Validation failed',
-  FAILED_TO_CREATE_CHANGESET: 'Failed to create changeset',
-  FAILED_TO_TRIGGER_PUBLISH: 'Failed to trigger publish',
-  FAILED_TO_SAVE_CONFIG: 'Failed to save configuration',
-} as const;
-
-export const CHANGESET_SUMMARY = "Describe the changes in this release (e.g., 'Add new API endpoints for user management')"
-export const SUMMARY_LIMIT = 'Summary must be at least 10 characters';

package/monodog-dashboard/src/icons/heroicons.ts

@@ -1,65 +0,0 @@
-// Main export file for all custom SVG icons
-// These replace @heroicons/react with custom implementations
-
-export {
-  HomeIcon,
-  CubeIcon,
-  ChartBarIcon,
-  HeartIcon,
-  CloudArrowUpIcon,
-  CpuChipIcon,
-  Cog6ToothIcon,
-  ArrowPathIcon,
-  CogIcon,
-  MagnifyingGlassIcon,
-  FunnelIcon,
-  CheckIcon,
-  XMarkIcon,
-  InformationCircleIcon,
-  ExclamationTriangleIcon,
-  EyeIcon,
-  EyeSlashIcon,
-  PencilIcon,
-  DocumentDuplicateIcon,
-  DocumentCheckIcon,
-  PlayIcon,
-  RocketLaunchIcon,
-  BuildingLibraryIcon,
-  LinkIcon,
-  FolderIcon,
-  DocumentIcon,
-  DocumentTextIcon,
-  TagIcon,
-  CalendarIcon,
-  ClockIcon,
-  ArrowUpIcon,
-  ArrowDownIcon,
-  PlusIcon,
-  CheckCircleIcon,
-  XCircleIcon,
-  ArrowLeftIcon,
-  ArrowRightIcon,
-  ArrowLongRightIcon,
-  ArrowTrendingUpIcon,
-  ArrowTrendingDownIcon,
-  UserIcon,
-  BeakerIcon,
-  ClipboardIcon,
-  ClipboardDocumentCheckIcon,
-  ListBulletIcon,
-  MagnifyingGlassPlusIcon,
-  MagnifyingGlassMinusIcon,
-  MinusIcon,
-  PauseIcon,
-  ShieldCheckIcon,
-  StopIcon,
-  ToothIcon,
-  Squares2X2Icon,
-  ChevronDownIcon,
-  ChevronRightIcon,
-  ExclamationCircleIcon,
-  LogoutIcon,
-  GithubIcon,
-  type IconProps,
-  type IconVariant,
-} from './index';