@manojkmfsi/monodog 1.1.37 → 1.1.39

package/monodog-dashboard/postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

package/monodog-dashboard/src/components/App.tsx

@@ -1,36 +0,0 @@
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
-import { AppRouter } from '../routes';
-import { Layout } from '../pages';
-import { AuthProvider } from '../services/auth-context';
-import { PermissionProvider } from '../services/permission-context';
-import LoginPage from '../pages/LoginPage';
-import AuthCallbackPage from '../pages/AuthCallbackPage';
-import ProtectedRoute from './ProtectedRoute';
-
-export default function App() {
-  return (
-    <Router>
-      <AuthProvider>
-        <PermissionProvider>
-          <Routes>
-            {/* Auth routes - no layout needed */}
-            <Route path="/login" element={<LoginPage />} />
-            <Route path="/auth/callback" element={<AuthCallbackPage />} />
-
-            {/* Protected routes with layout */}
-            <Route
-              path="/*"
-              element={
-                <ProtectedRoute>
-                  <Layout>
-                    <AppRouter />
-                  </Layout>
-                </ProtectedRoute>
-              }
-            />
-          </Routes>
-        </PermissionProvider>
-      </AuthProvider>
-    </Router>
-  );
-}

package/monodog-dashboard/src/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/PermissionGuard.tsx

@@ -1,92 +0,0 @@
-import React from 'react';
-import { Navigate } from 'react-router-dom';
-import { useAuth } from '../services/auth-context';
-import { usePermission } from '../services/permission-context';
-import type { PermissionGuardProps } from '../types/component.types';
-
-/**
- * Permission Guard Component
- * Enforces repository-level permission checks
- */
-export function PermissionGuard({
-  children,
-  owner,
-  repo,
-  requiredPermission = 'read',
-}: PermissionGuardProps) {
-  const { session, isLoading } = useAuth();
-  const { checkPermission, isLoading: permLoading, error } = usePermission();
-  const [permission, setPermission] = React.useState<any>(null);
-  const [checked, setChecked] = React.useState(false);
-
-  React.useEffect(() => {
-    if (!session?.sessionToken) {
-      return;
-    }
-
-    const checkPerm = async () => {
-      const result = await checkPermission(session.sessionToken, owner, repo);
-      setPermission(result);
-      setChecked(true);
-    };
-
-    checkPerm();
-  }, [session?.sessionToken, owner, repo, checkPermission]);
-
-  if (isLoading || !checked) {
-    return (
-      <div className="loading-container">
-        <div className="spinner"></div>
-        <p>Checking permissions...</p>
-      </div>
-    );
-  }
-
-  if (!session) {
-    return <Navigate to="/login" replace />;
-  }
-
-  if (!permission || permission.denied) {
-    return (
-      <div className="access-denied-container">
-        <div className="access-denied-content">
-          <h2>Access Denied</h2>
-          <p>You do not have permission to access this repository.</p>
-          <p>
-            Repository: <code>{owner}/{repo}</code>
-          </p>
-          {error && <p className="error-message">{error}</p>}
-        </div>
-      </div>
-    );
-  }
-
-  // Check if user has required permission level
-  const hasRequiredPermission = {
-    read: permission.canRead,
-    write: permission.canWrite,
-    maintain: permission.canMaintain,
-    admin: permission.canAdmin,
-  }[requiredPermission] ?? false;
-
-  if (!hasRequiredPermission) {
-    return (
-      <div className="access-denied-container">
-        <div className="access-denied-content">
-          <h2>Insufficient Permissions</h2>
-          <p>
-            This action requires <strong>{requiredPermission}</strong> permission.
-          </p>
-          <p>Your current role: <strong>{permission.role}</strong></p>
-          <p>
-            Repository: <code>{owner}/{repo}</code>
-          </p>
-        </div>
-      </div>
-    );
-  }
-
-  return <>{children}</>;
-}
-
-export default PermissionGuard;

package/monodog-dashboard/src/components/ProtectedRoute.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import { Navigate } from 'react-router-dom';
-import { useAuth } from '../services/auth-context';
-import type { ProtectedRouteProps } from '../types/component.types';
-import LoadingState from '../components/LoadingState';
-/**
- * Protected Route Component
- * Redirects unauthenticated users to login page
- */
-export function ProtectedRoute({ children }: ProtectedRouteProps) {
-  const { isAuthenticated, isLoading } = useAuth();
-
-  if (isLoading) {
-    return <LoadingState />;
-  }
-
-  if (!isAuthenticated) {
-    return <Navigate to="/login" replace />;
-  }
-
-  return <>{children}</>;
-}
-
-export default ProtectedRoute;

package/monodog-dashboard/src/components/configuration/Configuration.tsx

@@ -1,91 +0,0 @@
-import { useState, useEffect } from 'react';
-
-// Import sub-components
-import {
-  ConfigurationModal,
-  ConfigurationHeader,
-  ConfigurationTabs,
-  GeneralSettings,
-  FeatureToggles,
-  BrandingSettings,
-  MonorepoSettings,
-} from './components';
-
-// Import types and utilities
-import {
-  ConfigurationProps,
-  DashboardConfig,
-  ConfigurationTab,
-} from './types/config.types';
-import { mergeWithDefaults, validateConfig } from './utils/config.utils';
-
-// Re-export types for backward compatibility
-export type { DashboardConfig, ConfigurationProps } from './types/config.types';
-
-export default function Configuration({
-  isOpen,
-  onClose,
-  onSave,
-  currentConfig,
-}: ConfigurationProps) {
-  const [config, setConfig] = useState<DashboardConfig>(
-    mergeWithDefaults(currentConfig)
-  );
-  const [activeTab, setActiveTab] = useState<ConfigurationTab>('general');
-
-  useEffect(() => {
-    setConfig(mergeWithDefaults(currentConfig));
-  }, [currentConfig]);
-
-  const handleSave = () => {
-    const validation = validateConfig(config);
-
-    if (!validation.isValid) {
-      // In a real application, you might want to show these errors to the user
-      console.warn('Configuration validation errors:', validation.errors);
-      // For now, we'll save anyway, but you could prevent saving here
-    }
-
-    onSave(config);
-    onClose();
-  };
-
-  const handleConfigChange = (updates: Partial<DashboardConfig>) => {
-    setConfig(prev => ({ ...prev, ...updates }));
-  };
-
-  const renderTabContent = () => {
-    const commonProps = {
-      config,
-      onConfigChange: handleConfigChange,
-    };
-
-    switch (activeTab) {
-      case 'general':
-        return <GeneralSettings {...commonProps} />;
-      case 'features':
-        return <FeatureToggles {...commonProps} />;
-      case 'branding':
-        return <BrandingSettings {...commonProps} />;
-      case 'monorepo':
-        return <MonorepoSettings {...commonProps} />;
-      default:
-        return <GeneralSettings {...commonProps} />;
-    }
-  };
-
-  return (
-    <ConfigurationModal isOpen={isOpen} onClose={onClose}>
-      {/* Header */}
-      <ConfigurationHeader onSave={handleSave} onClose={onClose} />
-
-      {/* Tabs */}
-      <ConfigurationTabs activeTab={activeTab} onTabChange={setActiveTab} />
-
-      {/* Content */}
-      <div className="p-6 overflow-y-auto max-h-[60vh]">
-        {renderTabContent()}
-      </div>
-    </ConfigurationModal>
-  );
-}

package/monodog-dashboard/src/components/configuration/components/BrandingSettings.tsx

@@ -1,128 +0,0 @@
-import { SettingsComponentProps } from '../types/config.types';
-
-export default function BrandingSettings({
-  config,
-  onConfigChange,
-}: SettingsComponentProps) {
-  const handleBrandingChange = (field: string, value: string) => {
-    onConfigChange({
-      branding: { ...config.branding, [field]: value },
-    });
-  };
-
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium text-gray-900 mb-4">
-          Branding & Appearance
-        </h3>
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              Logo URL
-            </label>
-            <input
-              type="text"
-              value={config.branding?.logo || ''}
-              onChange={e => handleBrandingChange('logo', e.target.value)}
-              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              placeholder="https://example.com/logo.png"
-            />
-            <p className="text-xs text-gray-500 mt-1">
-              URL to your company logo
-            </p>
-          </div>
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              Primary Color
-            </label>
-            <div className="flex items-center space-x-3">
-              <input
-                type="color"
-                value={config.branding?.primaryColor || '#3B82F6'}
-                onChange={e =>
-                  handleBrandingChange('primaryColor', e.target.value)
-                }
-                className="h-10 w-20 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              />
-              <input
-                type="text"
-                value={config.branding?.primaryColor || '#3B82F6'}
-                onChange={e =>
-                  handleBrandingChange('primaryColor', e.target.value)
-                }
-                className="flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                placeholder="#3B82F6"
-              />
-            </div>
-            <p className="text-xs text-gray-500 mt-1">
-              Primary brand color for buttons and accents
-            </p>
-          </div>
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              Secondary Color
-            </label>
-            <div className="flex items-center space-x-3">
-              <input
-                type="color"
-                value={config.branding?.secondaryColor || '#1E40AF'}
-                onChange={e =>
-                  handleBrandingChange('secondaryColor', e.target.value)
-                }
-                className="h-10 w-20 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              />
-              <input
-                type="text"
-                value={config.branding?.secondaryColor || '#1E40AF'}
-                onChange={e =>
-                  handleBrandingChange('secondaryColor', e.target.value)
-                }
-                className="flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                placeholder="#1E40AF"
-              />
-            </div>
-            <p className="text-xs text-gray-500 mt-1">
-              Secondary color for hover states and highlights
-            </p>
-          </div>
-        </div>
-
-        {/* Color Preview */}
-        <div className="mt-6 p-4 bg-gray-50 border border-gray-200 rounded-lg">
-          <h4 className="text-sm font-medium text-gray-900 mb-3">
-            Color Preview
-          </h4>
-          <div className="flex items-center space-x-4">
-            <div className="flex items-center space-x-2">
-              <div
-                className="w-8 h-8 rounded-lg border border-gray-300"
-                style={{
-                  backgroundColor: config.branding?.primaryColor || '#3B82F6',
-                }}
-              />
-              <span className="text-sm text-gray-600">Primary</span>
-            </div>
-            <div className="flex items-center space-x-2">
-              <div
-                className="w-8 h-8 rounded-lg border border-gray-300"
-                style={{
-                  backgroundColor: config.branding?.secondaryColor || '#1E40AF',
-                }}
-              />
-              <span className="text-sm text-gray-600">Secondary</span>
-            </div>
-            <button
-              className="px-4 py-2 rounded-lg text-white text-sm font-medium"
-              style={{
-                backgroundColor: config.branding?.primaryColor || '#3B82F6',
-              }}
-            >
-              Sample Button
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/configuration/components/ConfigurationHeader.tsx

@@ -1,34 +0,0 @@
-import { CogIcon, CheckIcon, XMarkIcon } from '../../../icons/heroicons';
-import type { ConfigurationHeaderProps } from '../../../types';
-
-export default function ConfigurationHeader({
-  onSave,
-  onClose,
-}: ConfigurationHeaderProps) {
-  return (
-    <div className="flex items-center justify-between p-6 border-b border-gray-200">
-      <div className="flex items-center space-x-3">
-        <CogIcon className="w-6 h-6 text-gray-600" />
-        <h2 className="text-xl font-semibold text-gray-900">
-          Dashboard Configuration
-        </h2>
-      </div>
-      <div className="flex space-x-3">
-        <button
-          onClick={onSave}
-          className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 flex items-center space-x-2"
-        >
-          <CheckIcon className="w-5 h-5" />
-          <span>Save</span>
-        </button>
-        <button
-          onClick={onClose}
-          className="bg-gray-300 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-400 flex items-center space-x-2"
-        >
-          <XMarkIcon className="w-5 h-5" />
-          <span>Cancel</span>
-        </button>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/configuration/components/ConfigurationModal.tsx

@@ -1,20 +0,0 @@
-import type { ConfigurationModalProps } from '../../../types';
-
-export default function ConfigurationModal({
-  isOpen,
-  onClose,
-  children,
-}: ConfigurationModalProps) {
-  if (!isOpen) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div
-        className="bg-white rounded-lg shadow-xl w-full max-w-4xl max-h-[90vh] overflow-hidden"
-        onClick={e => e.stopPropagation()}
-      >
-        {children}
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/configuration/components/ConfigurationTabs.tsx

@@ -1,30 +0,0 @@
-import { ConfigurationTabsProps } from '../types/config.types';
-import { getTabDefinitions } from '../utils/config.utils';
-
-export default function ConfigurationTabs({
-  activeTab,
-  onTabChange,
-}: ConfigurationTabsProps) {
-  const tabs = getTabDefinitions();
-
-  return (
-    <div className="border-b border-gray-200">
-      <nav className="flex space-x-8 px-6">
-        {tabs.map(tab => (
-          <button
-            key={tab.id}
-            onClick={() => onTabChange(tab.id)}
-            className={`py-4 px-1 border-b-2 font-medium text-sm flex items-center space-x-2 ${
-              activeTab === tab.id
-                ? 'border-blue-500 text-blue-600'
-                : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
-            }`}
-          >
-            <span>{tab.icon}</span>
-            <span>{tab.label}</span>
-          </button>
-        ))}
-      </nav>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/configuration/components/FeatureToggles.tsx

@@ -1,66 +0,0 @@
-import { SettingsComponentProps } from '../types/config.types';
-import { formatFeatureKey } from '../utils/config.utils';
-
-export default function FeatureToggles({
-  config,
-  onConfigChange,
-}: SettingsComponentProps) {
-  const handleFeatureChange = (key: string, checked: boolean) => {
-    onConfigChange({
-      features: { ...config.features, [key]: checked },
-    });
-  };
-
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium text-gray-900 mb-4">
-          Feature Toggles
-        </h3>
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-          {Object.entries(config.features || {}).map(([key, value]) => (
-            <label key={key} className="flex items-center space-x-3">
-              <input
-                type="checkbox"
-                checked={value}
-                onChange={e => handleFeatureChange(key, e.target.checked)}
-                className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-              />
-              <span className="text-sm font-medium text-gray-700 capitalize">
-                {formatFeatureKey(key)}
-              </span>
-            </label>
-          ))}
-        </div>
-        <div className="mt-6 p-4 bg-blue-50 border border-blue-200 rounded-lg">
-          <h4 className="text-sm font-medium text-blue-900 mb-2">
-            Feature Descriptions
-          </h4>
-          <div className="text-xs text-blue-800 space-y-1">
-            <div>
-              <strong>Health Checks:</strong> Monitor package health and status
-            </div>
-            <div>
-              <strong>CI Integration:</strong> Connect with CI/CD providers
-            </div>
-            <div>
-              <strong>Dependency Graph:</strong> Visualize package dependencies
-            </div>
-            <div>
-              <strong>Publish Control:</strong> Manage package publishing and
-              versioning
-            </div>
-            <div>
-              <strong>Search And Filter:</strong> Advanced search and filtering
-              capabilities
-            </div>
-            <div>
-              <strong>Configuration Inspector:</strong> View and edit
-              configuration files
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/configuration/components/GeneralSettings.tsx

@@ -1,77 +0,0 @@
-import { SettingsComponentProps } from '../types/config.types';
-import { stringToArray, arrayToString } from '../utils/config.utils';
-
-export default function GeneralSettings({
-  config,
-  onConfigChange,
-}: SettingsComponentProps) {
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium text-gray-900 mb-4">
-          General Settings
-        </h3>
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              Dashboard Title
-            </label>
-            <input
-              type="text"
-              value={config.title || ''}
-              onChange={e => onConfigChange({ title: e.target.value })}
-              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              placeholder="My Monorepo Dashboard"
-            />
-          </div>
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              Description
-            </label>
-            <input
-              type="text"
-              value={config.description || ''}
-              onChange={e => onConfigChange({ description: e.target.value })}
-              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              placeholder="Visual management of our monorepo packages"
-            />
-          </div>
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              Package Types
-            </label>
-            <input
-              type="text"
-              value={arrayToString(config.packageTypes)}
-              onChange={e =>
-                onConfigChange({ packageTypes: stringToArray(e.target.value) })
-              }
-              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              placeholder="app, lib, tool, service"
-            />
-            <p className="text-xs text-gray-500 mt-1">
-              Comma-separated list of package types
-            </p>
-          </div>
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              Custom Fields
-            </label>
-            <input
-              type="text"
-              value={arrayToString(config.customFields)}
-              onChange={e =>
-                onConfigChange({ customFields: stringToArray(e.target.value) })
-              }
-              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              placeholder="team, priority, environment"
-            />
-            <p className="text-xs text-gray-500 mt-1">
-              Additional fields to display for packages
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}