@manojkmfsi/monodog 1.1.38 → 1.1.39

package/monodog-dashboard/src/services/permission-context.tsx

@@ -1,193 +0,0 @@
-/**
- * Permission Context and Hooks
- * Manages repository permissions per user
- */
-
-import React, {
-  createContext,
-  useState,
-  useCallback,
-  ReactNode,
-} from 'react';
-import { DASHBOARD_ERROR_MESSAGES } from '../constants/messages';
-import apiClient from './api';
-import type {
-  RepositoryPermission,
-  MonoDogPermissionRole,
-  PermissionCheckResponse,
-  PermissionContextType,
-  PermissionProviderProps,
-} from '../types/permission-context.types';
-
-const PermissionContext = createContext<PermissionContextType | undefined>(
-  undefined
-);
-
-export function PermissionProvider({ children }: PermissionProviderProps) {
-  const [permissions, setPermissions] = useState<
-    Map<string, PermissionCheckResponse>
-  >(new Map());
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  /**
-   * Get cache key for permission
-   */
-  const getCacheKey = (owner: string, repo: string): string => {
-    return `${owner}/${repo}`;
-  };
-
-  /**
-   * Check user's permission for a repository
-   */
-  const checkPermission = useCallback(
-    async (
-      sessionToken: string,
-      owner: string,
-      repo: string
-    ): Promise<PermissionCheckResponse | null> => {
-      try {
-        setIsLoading(true);
-        setError(null);
-
-        const cacheKey = getCacheKey(owner, repo);
-
-        // Check cache first
-        if (permissions.has(cacheKey)) {
-          return permissions.get(cacheKey) || null;
-        }
-
-        const response = await apiClient.get(`/permissions/${owner}/${repo}`);
-
-        if (!response.success) {
-          if (response.error.status === 401) {
-            throw new Error(DASHBOARD_ERROR_MESSAGES.AUTHENTICATION_ERROR);
-          }
-          throw new Error(DASHBOARD_ERROR_MESSAGES.FAILED_TO_CHECK_PERMISSION);
-        }
-
-        const data = response.data as any;
-
-        const permission: PermissionCheckResponse = {
-          permission: data.permission,
-          role: data.role,
-          canAdmin: data.canAdmin,
-          canMaintain: data.canMaintain,
-          canWrite: data.canWrite,
-          canRead: data.canRead,
-          denied: data.denied,
-        };
-
-        // Cache permission
-        setPermissions((prev) => {
-          const newMap = new Map(prev);
-          newMap.set(cacheKey, permission);
-          return newMap;
-        });
-
-        return permission;
-      } catch (err) {
-        const message = err instanceof Error ? err.message : 'Permission check failed';
-        setError(message);
-        return null;
-      } finally {
-        setIsLoading(false);
-      }
-    },
-    [permissions]
-  );
-
-  /**
-   * Check if user can perform an action
-   */
-  const canPerformAction = useCallback(
-    async (
-      sessionToken: string,
-      owner: string,
-      repo: string,
-      action: 'read' | 'write' | 'maintain' | 'admin'
-    ): Promise<boolean> => {
-      try {
-        setIsLoading(true);
-        setError(null);
-
-        const response = await apiClient.post(
-          `/permissions/${owner}/${repo}/can-action`,
-          { action }
-        );
-
-        if (!response.success) {
-          throw new Error(DASHBOARD_ERROR_MESSAGES.FAILED_TO_CHECK_ACTION_PERMISSION);
-        }
-
-        const data = response.data as any;
-        return data.can === true;
-      } catch (err) {
-        console.error('Action permission check error:', err);
-        return false;
-      } finally {
-        setIsLoading(false);
-      }
-    },
-    []
-  );
-
-  /**
-   * Invalidate permission cache for a repository
-   */
-  const invalidatePermission = useCallback((owner: string, repo: string) => {
-    const cacheKey = getCacheKey(owner, repo);
-    setPermissions((prev) => {
-      const newMap = new Map(prev);
-      newMap.delete(cacheKey);
-      return newMap;
-    });
-  }, []);
-
-  /**
-   * Clear all permission cache
-   */
-  const invalidateAll = useCallback(() => {
-    setPermissions(new Map());
-  }, []);
-
-  const value: PermissionContextType = {
-    permissions,
-    isLoading,
-    error,
-    checkPermission,
-    canPerformAction,
-    invalidatePermission,
-    invalidateAll,
-  };
-
-  return (
-    <PermissionContext.Provider value={value}>
-      {children}
-    </PermissionContext.Provider>
-  );
-}
-
-/**
- * Hook to use permission context
- */
-export function usePermission(): PermissionContextType {
-  const context = React.useContext(PermissionContext);
-  if (context === undefined) {
-    throw new Error(
-      'usePermission must be used within a PermissionProvider'
-    );
-  }
-  return context;
-}
-
-// Re-export types for backward compatibility
-export type {
-  RepositoryPermission,
-  MonoDogPermissionRole,
-  PermissionCheckResponse,
-  PermissionContextType,
-  PermissionProviderProps,
-} from '../types/permission-context.types';
-
-export default PermissionContext;

package/monodog-dashboard/src/theme/COMPONENT_UPDATES.md

@@ -1,273 +0,0 @@
-# Component Theme Integration Status
-
-This document tracks the progress of updating components to use the centralized theme system.
-
-## 🎯 Progress Overview
-
-### **Completed Updates**
-
-1. **Layout Component**
-   - File: `components/main-dashboard/Layout.tsx`
-   - Status: **Fully Updated**
-   - Changes: `bg-neutral-50`, `shadow-medium`, `text-heading`, `nav-link` classes
-
-2. **CI Integration Header**
-   - File: `components/modules/ci-integration/components/CIIntegrationHeader.tsx`
-   - Status: **Fully Updated**
-   - Changes: `text-heading`, `text-body`, `btn-primary`, `btn-secondary`
-
-3. **Build Overview**
-   - File: `components/modules/ci-integration/components/BuildOverview.tsx`
-   - Status: **Fully Updated**
-   - Changes: `card`, `text-heading`, `text-caption`, theme color classes
-
-4. **Packages Overview**
-   - File: `components/modules/packages/PackagesOverview.tsx`
-   - Status: **Fully Updated**
-   - Changes: `text-heading`, `text-body`, `btn-primary`, theme colors
-
-5. **Main Dashboard Header**
-   - File: `components/main-dashboard/components/Header.tsx`
-   - Status: **Fully Updated**
-   - Changes: `text-heading`, `text-body`, `btn-primary`, `btn-ghost`
-
-6. **Stats Cards**
-   - File: `components/main-dashboard/components/StatsCards.tsx`
-   - Status: **Fully Updated**
-   - Changes: `card`, `text-heading`, `text-caption`, semantic colors
-
-## **Theme Class Migration Patterns**
-
-### Button Conversions
-
-```tsx
-// Before
-className = 'bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700';
-
-// After
-className = 'btn-primary';
-```
-
-### Typography Conversions
-
-```tsx
-// Before
-className = 'text-2xl font-bold text-gray-900';
-className = 'text-gray-600';
-className = 'text-sm text-gray-500';
-
-// After
-className = 'text-heading text-2xl';
-className = 'text-body';
-className = 'text-caption';
-```
-
-### Card Conversions
-
-```tsx
-// Before
-className = 'bg-white p-6 rounded-lg shadow border';
-
-// After
-className = 'card p-6';
-```
-
-### Color Conversions
-
-```tsx
-// Before
-className = 'bg-green-100 text-green-600';
-className = 'bg-red-100 text-red-600';
-className = 'bg-yellow-100 text-yellow-600';
-
-// After
-className = 'bg-success-100 text-success-600';
-className = 'bg-error-100 text-error-600';
-className = 'bg-warning-100 text-warning-600';
-```
-
-## **Automated Migration Patterns**
-
-### Search & Replace Patterns
-
-1. **Button Patterns**
-
-   ```regex
-   Find: bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700
-   Replace: btn-primary
-   ```
-
-2. **Green Buttons**
-
-   ```regex
-   Find: bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700
-   Replace: btn-secondary
-   ```
-
-3. **Typography Patterns**
-
-   ```regex
-   Find: text-2xl font-bold text-gray-900
-   Replace: text-heading text-2xl
-
-   Find: text-gray-600
-   Replace: text-body
-
-   Find: text-sm text-gray-500
-   Replace: text-caption
-   ```
-
-4. **Card Patterns**
-   ```regex
-   Find: bg-white p-([0-9]+) rounded-lg shadow border
-   Replace: card p-$1
-   ```
-
-## 📋 **Pending Component Updates**
-
-### **High Priority (Core Components)**
-
-1. **Publish Control Module**
-   - `components/publish-control/PublishControl.tsx`
-   - `components/publish-control/components/PublishHeader.tsx`
-   - `components/publish-control/components/QuickActionCards.tsx`
-   - Expected: Button classes, typography updates
-
-2. **Health Status Module**
-   - `components/modules/health-status/HealthStatus.tsx`
-   - `components/modules/health-status/components/HealthStatusHeader.tsx`
-   - `components/modules/health-status/components/OverallHealthScore.tsx`
-   - Expected: Status colors, card classes, metrics styling
-
-3. **Configuration Module**
-   - `components/configuration/Configuration.tsx`
-   - `components/configuration/components/ConfigurationModal.tsx`
-   - `components/configuration/components/ConfigurationHeader.tsx`
-   - Expected: Modal styling, button classes, form inputs
-
-### **Medium Priority (Feature Components)**
-
-4. **Config Inspector Module**
-   - `components/modules/config-inspector/ConfigInspector.tsx`
-   - `components/modules/config-inspector/components/ConfigInspectorHeader.tsx`
-   - `components/modules/config-inspector/components/ConfigEditor.tsx`
-   - Expected: Editor styling, toolbar buttons, syntax highlighting
-
-5. **Dependency Graph Module**
-   - `components/modules/dependency-graph/DependencyGraph.tsx`
-   - `components/modules/dependency-graph/components/DependencyGraphHeader.tsx`
-   - `components/modules/dependency-graph/components/GraphToolbar.tsx`
-   - Expected: Graph controls, filter buttons, legend styling
-
-6. **Setup Guide Module**
-   - `components/setup-guide/SetupGuide.tsx`
-   - `components/setup-guide/components/SetupModal.tsx`
-   - `components/setup-guide/components/StepContent.tsx`
-   - Expected: Modal styling, step indicators, progress bars
-
-### **Sub-components (Detailed Updates)**
-
-7. **Package Detail Components**
-   - `components/modules/packages/components/PackageDetailHeader.tsx`
-   - `components/modules/packages/components/PackagesTable.tsx`
-   - `components/modules/packages/components/SearchAndFilter.tsx`
-   - Expected: Table styling, search inputs, filter dropdowns
-
-8. **CI Integration Sub-components**
-   - `components/modules/ci-integration/components/BuildList.tsx`
-   - `components/modules/ci-integration/components/BuildDetails.tsx`
-   - `components/modules/ci-integration/components/PipelineStatus.tsx`
-   - Expected: List items, modal content, status badges
-
-## 🎨 **Theme Integration Examples**
-
-### Before/After Component Examples
-
-#### Example 1: Button Updates
-
-```tsx
-// Before
-<button className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 flex items-center space-x-2">
-  <Icon className="w-5 h-5" />
-  <span>Action</span>
-</button>
-
-// After
-<button className="btn-primary flex items-center space-x-2">
-  <Icon className="w-5 h-5" />
-  <span>Action</span>
-</button>
-```
-
-#### Example 2: Card Updates
-
-```tsx
-// Before
-<div className="bg-white p-6 rounded-lg shadow border">
-  <h3 className="text-lg font-medium text-gray-900">Title</h3>
-  <p className="text-gray-600">Content</p>
-</div>
-
-// After
-<div className="card p-6">
-  <h3 className="text-heading text-lg">Title</h3>
-  <p className="text-body">Content</p>
-</div>
-```
-
-#### Example 3: Status Badge Updates
-
-```tsx
-// Before
-<span className="inline-flex px-2 py-1 text-xs font-semibold rounded-full bg-green-100 text-green-800">
-  Success
-</span>
-
-// After
-<span className="badge-success">
-  Success
-</span>
-```
-
-## **Component Update Checklist**
-
-For each component update, verify:
-
-- [ ] **Buttons**: Use `btn-primary`, `btn-secondary`, `btn-outline`, `btn-ghost`
-- [ ] **Typography**: Use `text-heading`, `text-subheading`, `text-body`, `text-caption`
-- [ ] **Cards**: Use `card`, `card-elevated`, `card-interactive`
-- [ ] **Colors**: Use semantic colors (`success`, `warning`, `error`, `info`)
-- [ ] **Status Badges**: Use `badge-success`, `badge-warning`, `badge-error`
-- [ ] **Inputs**: Use `input-base`, `input-error`, `input-success`
-- [ ] **Navigation**: Use `nav-link`, `nav-link-active`, `nav-link-inactive`
-- [ ] **Spacing**: Use consistent spacing scale
-- [ ] **Shadows**: Use `shadow-soft`, `shadow-medium`, `shadow-large`
-
-## **Progress Tracking**
-
-- **Total Components**: ~50+ components
-- **Updated**: 6 components
-- **Remaining**: ~44 components
-- **Completion**: ~12%
-
-## **Next Steps**
-
-1. **Publish Control Module** - High impact, user-facing
-2. **Health Status Module** - Critical dashboard functionality
-3. **Configuration Module** - Settings and customization
-4. **Remaining CI Integration Sub-components** - Complete the module
-5. **Package Detail Components** - Core package management
-6. **Other modules in priority order**
-
-## 🎯 **Benefits After Full Migration**
-
-- **Consistent Design**: All components follow the same design language
-- **Easy Maintenance**: Global theme updates affect all components
-- **Better Performance**: Fewer CSS classes, better caching
-- **Type Safety**: TypeScript ensures correct theme usage
-- **Developer Experience**: Semantic class names, clear patterns
-- **Brand Flexibility**: Easy to create theme variants
-
----
-
-This migration represents a significant improvement in maintainability and consistency across the entire monodog dashboard application.