@manojkmfsi/monodog 1.1.38 → 1.1.39

package/monodog-dashboard/src/index.css

@@ -1,175 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  html {
-    font-family: 'Inter', system-ui, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  body {
-    @apply bg-neutral-50 text-neutral-900;
-  }
-
-  /* Custom scrollbar */
-  ::-webkit-scrollbar {
-    @apply w-2 h-2;
-  }
-
-  ::-webkit-scrollbar-track {
-    @apply bg-neutral-100;
-  }
-
-  ::-webkit-scrollbar-thumb {
-    @apply bg-neutral-300 rounded-full;
-  }
-
-  ::-webkit-scrollbar-thumb:hover {
-    @apply bg-neutral-400;
-  }
-}
-
-@layer components {
-  /* Button variants */
-  .btn-primary {
-    @apply bg-primary-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-primary-700 focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
-  }
-
-  .btn-secondary {
-    @apply bg-secondary-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-secondary-700 focus:ring-2 focus:ring-secondary-500 focus:ring-offset-2 transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
-  }
-
-  .btn-outline {
-    @apply border border-primary-300 text-primary-700 px-4 py-2 rounded-lg font-medium hover:bg-primary-50 focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
-  }
-
-  .btn-ghost {
-    @apply text-neutral-700 px-4 py-2 rounded-lg font-medium hover:bg-neutral-100 focus:ring-2 focus:ring-neutral-500 focus:ring-offset-2 transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
-  }
-
-  .btn-success {
-    @apply bg-success-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-success-700 focus:ring-2 focus:ring-success-500 focus:ring-offset-2 transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
-  }
-
-  .btn-warning {
-    @apply bg-warning-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-warning-700 focus:ring-2 focus:ring-warning-500 focus:ring-offset-2 transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
-  }
-
-  .btn-error {
-    @apply bg-error-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-error-700 focus:ring-2 focus:ring-error-500 focus:ring-offset-2 transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
-  }
-
-  /* Input variants */
-  .input-base {
-    @apply border border-neutral-300 rounded-lg px-3 py-2 text-sm placeholder-neutral-500 focus:ring-2 focus:ring-primary-500 focus:border-transparent transition-colors duration-200 disabled:bg-neutral-100 disabled:cursor-not-allowed;
-  }
-
-  .input-error {
-    @apply border-error-300 text-error-900 placeholder-error-300 focus:ring-error-500 focus:border-transparent;
-  }
-
-  .input-success {
-    @apply border-success-300 text-success-900 placeholder-success-300 focus:ring-success-500 focus:border-transparent;
-  }
-
-  /* Card variants */
-  .card {
-    @apply bg-white border border-neutral-200 rounded-xl shadow-soft;
-  }
-
-  .card-elevated {
-    @apply bg-white border border-neutral-200 rounded-xl shadow-medium;
-  }
-
-  .card-interactive {
-    @apply bg-white border border-neutral-200 rounded-xl shadow-soft hover:shadow-medium transition-shadow duration-200 cursor-pointer;
-  }
-
-  /* Status badges */
-  .badge-success {
-    @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success-100 text-success-800;
-  }
-
-  .badge-warning {
-    @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-warning-100 text-warning-800;
-  }
-
-  .badge-error {
-    @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-error-100 text-error-800;
-  }
-
-  .badge-info {
-    @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-info-100 text-info-800;
-  }
-
-  .badge-neutral {
-    @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-neutral-100 text-neutral-800;
-  }
-
-  /* Navigation styles */
-  .nav-link {
-    @apply flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-colors duration-200;
-  }
-
-  .nav-link-active {
-    @apply bg-primary-50 text-primary-700 border-r-2 border-primary-700;
-  }
-
-  .nav-link-inactive {
-    @apply text-neutral-700 hover:bg-neutral-50 hover:text-neutral-900;
-  }
-
-  /* Text styles */
-  .text-heading {
-    @apply font-display font-semibold text-neutral-900;
-  }
-
-  .text-subheading {
-    @apply font-medium text-neutral-700;
-  }
-
-  .text-body {
-    @apply text-neutral-600;
-  }
-
-  .text-caption {
-    @apply text-sm text-neutral-500;
-  }
-
-  .text-code {
-    @apply font-mono text-sm;
-  }
-}
-
-@layer utilities {
-  /* Animation utilities */
-  .animate-enter {
-    @apply animate-fade-in;
-  }
-
-  .animate-enter-from-bottom {
-    @apply animate-slide-up;
-  }
-
-  .animate-enter-from-top {
-    @apply animate-slide-down;
-  }
-
-  /* Focus utilities */
-  .focus-ring {
-    @apply focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:outline-none;
-  }
-
-  .focus-ring-error {
-    @apply focus:ring-2 focus:ring-error-500 focus:ring-offset-2 focus:outline-none;
-  }
-
-  .focus-ring-success {
-    @apply focus:ring-2 focus:ring-success-500 focus:ring-offset-2 focus:outline-none;
-  }
-}

package/monodog-dashboard/src/main.tsx

@@ -1,9 +0,0 @@
-import { createRoot } from 'react-dom/client';
-import './index.css';
-import App from './components/App';
-
-const container = document.getElementById('root');
-if (container) {
-  const root = createRoot(container);
-  root.render(<App />);
-}

package/monodog-dashboard/src/pages/AuthCallbackPage.tsx

@@ -1,103 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import apiClient from '../services/api';
-import { DASHBOARD_ERROR_MESSAGES, DASHBOARD_AUTH_MESSAGES } from '../constants/messages';
-import { DASHBOARD_API_ENDPOINTS } from '../constants/api-config';
-
-export function AuthCallbackPage() {
-  const navigate = useNavigate();
-  const [isProcessing, setIsProcessing] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    const processCallback = async () => {
-      try {
-        const params = new URLSearchParams(window.location.search);
-        const code = params.get('code');
-        const state = params.get('state');
-        const error = params.get('error');
-        const errorDescription = params.get('error_description');
-
-        if (error) {
-          setError(`${error}: ${errorDescription}`);
-          setIsProcessing(false);
-          return;
-        }
-
-        if (!code || !state) {
-          setError('Missing authorization code or state');
-          setIsProcessing(false);
-          return;
-        }
-
-        // Get the session token from the OAuth callback
-        const response = await apiClient.get(DASHBOARD_API_ENDPOINTS.AUTH.CALLBACK + `?code=${code}&state=${state}`);
-
-        if (!response.success) {
-          setError(response.error?.message || 'Authentication failed');
-          setIsProcessing(false);
-          return;
-        }
-
-        const data = response.data;
-
-        if (!data.success || !data.sessionToken) {
-          setError(DASHBOARD_ERROR_MESSAGES.AUTHENTICATION_ERROR);
-          setIsProcessing(false);
-          return;
-        }
-
-        // Use the auth context to handle the session
-        const authContext = (window as any).__authContext;
-        if (authContext && authContext.handleOAuthCallback) {
-          const success = await authContext.handleOAuthCallback(data.sessionToken, data.permission);
-          if (success) {
-            // Redirect to the app
-            const redirectUrl = data.redirectUrl || '/';
-            navigate(redirectUrl);
-          } else {
-            setError(DASHBOARD_ERROR_MESSAGES.AUTHENTICATION_ERROR);
-          }
-        } else {
-          setError(DASHBOARD_ERROR_MESSAGES.AUTHENTICATION_ERROR);
-        }
-      } catch (err) {
-        const message = err instanceof Error ? err.message : DASHBOARD_ERROR_MESSAGES.UNKNOWN_ERROR;
-        setError(message);
-      } finally {
-        setIsProcessing(false);
-      }
-    };
-
-    processCallback();
-  }, [navigate]);
-
-  return (
-    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-primary-500 to-primary-700 p-5">
-      <div className="bg-white rounded-xl shadow-2xl max-w-sm text-center p-10">
-        {isProcessing ? (
-          <>
-            {/* Spinner */}
-            <div className="w-10 h-10 border-4 border-gray-200 border-t-indigo-500 rounded-full animate-spin mx-auto my-5"></div>
-            <h2 className="text-2xl font-bold text-gray-900 mt-5 mb-2">Completing Authentication...</h2>
-            <p className="text-gray-700 text-sm leading-relaxed">Please wait while we verify your GitHub account.</p>
-          </>
-        ) : error ? (
-          <>
-            <div className="text-5xl mb-5">Warning!</div>
-            <h2 className="text-2xl font-bold text-gray-900 mb-3">Authentication Failed</h2>
-            <p className="text-gray-700 text-sm leading-relaxed mb-5">{error}</p>
-            <button
-              onClick={() => navigate('/login')}
-              className="inline-block px-6 py-3 bg-primary-500 text-white rounded-lg font-semibold text-sm cursor-pointer transition-all duration-300 hover:bg-primary-600 hover:-translate-y-0.5 hover:shadow-lg"
-            >
-              Return to Login
-            </button>
-          </>
-        ) : null}
-      </div>
-    </div>
-  );
-}
-
-export default AuthCallbackPage;

package/monodog-dashboard/src/pages/CIPage.tsx

@@ -1,6 +0,0 @@
-import CIIntegration from '../components/modules/ci-integration/CIIntegration';
-
-// Page wrapper for CI/CD Integration
-export default function CIPage() {
-  return <CIIntegration />;
-}

package/monodog-dashboard/src/pages/ConfigPage.tsx

@@ -1,6 +0,0 @@
-import ConfigInspector from '../components/modules/config-inspector/ConfigInspector';
-
-// Page wrapper for Configuration Inspector
-export default function ConfigPage() {
-  return <ConfigInspector />;
-}

package/monodog-dashboard/src/pages/DashboardPage.tsx

@@ -1,6 +0,0 @@
-import Dashboard from '../components/main-dashboard/Dashboard';
-
-// Page wrapper for Dashboard
-export default function DashboardPage() {
-  return <Dashboard />;
-}

package/monodog-dashboard/src/pages/DependenciesPage.tsx

@@ -1,6 +0,0 @@
-import DependencyGraph from '../components/modules/dependency-graph/DependencyGraph';
-
-// Page wrapper for Dependencies
-export default function DependenciesPage() {
-  return <DependencyGraph />;
-}

package/monodog-dashboard/src/pages/HealthPage.tsx

@@ -1,6 +0,0 @@
-import HealthStatus from '../components/modules/health-status/HealthStatus';
-
-// Page wrapper for Health Status
-export default function HealthPage() {
-  return <HealthStatus />;
-}

package/monodog-dashboard/src/pages/LoginPage.tsx

@@ -1,77 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { useAuth } from '../services/auth-context';
-import { GithubIcon } from '../icons/heroicons';
-
-export function LoginPage() {
-  const { login, isLoading, error } = useAuth();
-  const [isInitiating, setIsInitiating] = useState(false);
-
-  const handleLoginClick = async () => {
-    setIsInitiating(true);
-    await login();
-  };
-
-  return (
-    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br p-5">
-      <div className="bg-white rounded-xl shadow-2xl max-w-md w-full overflow-hidden">
-        {/* Header */}
-        <div className="bg-gradient-to-br from-primary-500 to-primary-700 text-white p-8 text-center">
-          <h1 className="text-4xl font-bold m-0">MonoDog</h1>
-          <p className="text-sm opacity-90 font-medium mt-2 m-0">Monorepo Analytics & Management</p>
-        </div>
-
-        {/* Content */}
-        <div className="p-10">
-          <h2 className="text-2xl font-bold text-gray-900 text-center mb-8">Sign in to your account</h2>
-
-          {error && (
-            <div className="bg-red-100 text-red-700 px-4 py-3 rounded-lg mb-5 text-sm border-l-4 border-red-700">
-              {error}
-            </div>
-          )}
-
-          <button
-            onClick={handleLoginClick}
-            disabled={isLoading || isInitiating}
-            className="w-full flex items-center justify-center gap-3 px-5 py-3 bg-primary-600 text-white rounded-lg font-semibold text-base cursor-pointer transition-all duration-300 disabled:opacity-60 disabled:cursor-not-allowed hover:enabled:bg-primary-700 hover:enabled:-translate-y-0.5 hover:enabled:shadow-lg mb-8"
-          >
-            <GithubIcon></GithubIcon>
-            Continue with GitHub
-          </button>
-
-          {/* Divider */}
-          <div className="flex items-center gap-3 my-8 text-gray-400 text-xs font-semibold uppercase tracking-widest">
-            <div className="flex-1 h-px bg-gray-200"></div>
-            <span>GitHub OAuth Authentication</span>
-            <div className="flex-1 h-px bg-gray-200"></div>
-          </div>
-
-          {/* Scopes Box */}
-          <div className="bg-primary-50 rounded-lg p-5 border-l-4 border-primary-500">
-            <h4 className="text-xs font-semibold text-gray-900 mb-3 uppercase tracking-wide">Requested Permissions</h4>
-            <ul className="m-0 p-0 list-none space-y-2">
-              <li className="text-sm text-gray-700">
-                <code className="bg-white text-primary-500 px-1.5 py-0.5 rounded text-xs font-semibold">read:user</code> - Read your profile information
-              </li>
-              <li className="text-sm text-gray-700">
-                <code className="bg-white text-primary-500 px-1.5 py-0.5 rounded text-xs font-semibold">user:email</code> - Access your email address
-              </li>
-              <li className="text-sm text-gray-700">
-                <code className="bg-white text-primary-500 px-1.5 py-0.5 rounded text-xs font-semibold">repo</code> - Access your repositories (required for private repos)
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        {/* Footer */}
-        <div className="bg-gray-50 px-10 py-5 border-t border-gray-200 text-center">
-          <p className="text-xs text-gray-500 leading-relaxed m-0">
-            By signing in, you agree to our Terms of Service and Privacy Policy
-          </p>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export default LoginPage;

package/monodog-dashboard/src/pages/PackageDetailPage.tsx

@@ -1,6 +0,0 @@
-import PackageDetail from '../components/modules/packages/PackageDetail';
-
-// Page wrapper for Package Detail
-export default function PackageDetailPage() {
-  return <PackageDetail />;
-}

package/monodog-dashboard/src/pages/PackagesPage.tsx

@@ -1,6 +0,0 @@
-import PackagesOverview from '../components/modules/packages/PackagesOverview';
-
-// Page wrapper for Packages Overview
-export default function PackagesPage() {
-  return <PackagesOverview />;
-}

package/monodog-dashboard/src/pages/PipelinePage.tsx

@@ -1,22 +0,0 @@
-import React, {useState} from 'react';
-import PipelineManager from '../components/pipeline/PipelineManager';
-import { useAuth } from '../services/auth-context';
-
-export default function PipelinePage() {
-  const { session } = useAuth();
-
-  if (!session) {
-    return (
-      <div className="flex items-center justify-center h-screen">
-        <p className="text-gray-600">Please sign in to view pipelines</p>
-      </div>
-    );
-  }
-
-
-  return (
-    <div className="h-screen overflow-hidden">
-      <PipelineManager />
-    </div>
-  );
-}

package/monodog-dashboard/src/pages/PublishPage.tsx

@@ -1,6 +0,0 @@
-import PublishControl from '../components/publish-control/PublishControl';
-
-// Page wrapper for Publish Control
-export default function PublishPage() {
-  return <PublishControl />;
-}

package/monodog-dashboard/src/pages/ReleaseManagerPage.tsx

@@ -1,9 +0,0 @@
-import ReleaseManager from '../components/release-manager/ReleaseManager';
-
-/**
- * Release Manager Page
- * Comprehensive UI for managing package versions and releases with Changesets
- */
-export default function ReleaseManagerPage() {
-  return <ReleaseManager />;
-}

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

@@ -1,28 +0,0 @@
-// Export all page components for clean imports
-
-// Layout component
-export { default as Layout } from '../components/main-dashboard/Layout';
-
-// Direct component exports (for backward compatibility)
-export { default as Dashboard } from '../components/main-dashboard/Dashboard';
-export { default as PackagesOverview } from '../components/modules/packages/PackagesOverview';
-export { default as PackageDetail } from '../components/modules/packages/PackageDetail';
-export { default as DependencyGraph } from '../components/modules/dependency-graph/DependencyGraph';
-export { default as HealthStatus } from '../components/modules/health-status/HealthStatus';
-export { default as PublishControl } from '../components/publish-control/PublishControl';
-export { default as CIIntegration } from '../components/modules/ci-integration/CIIntegration';
-export { default as ConfigInspector } from '../components/modules/config-inspector/ConfigInspector';
-export { default as ReleaseManager } from '../components/release-manager/ReleaseManager';
-export { default as Pipeline } from './PipelinePage';
-
-// Page wrapper components (recommended approach)
-export { default as DashboardPage } from './DashboardPage';
-export { default as PackagesPage } from './PackagesPage';
-export { default as PackageDetailPage } from './PackageDetailPage';
-export { default as DependenciesPage } from './DependenciesPage';
-export { default as HealthPage } from './HealthPage';
-export { default as PublishPage } from './PublishPage';
-export { default as CIPage } from './CIPage';
-export { default as ConfigPage } from './ConfigPage';
-export { default as ReleaseManagerPage } from './ReleaseManagerPage';
-export { default as PipelinePage } from './PipelinePage';

package/monodog-dashboard/src/routes/AppRouter.tsx

@@ -1,89 +0,0 @@
-import { Routes, Route } from 'react-router-dom';
-import { routes } from './routes.config';
-import {
-  Dashboard,
-  PackagesOverview,
-  PackageDetail,
-  DependencyGraph,
-  HealthStatus,
-  PublishControl,
-  CIIntegration,
-  ConfigInspector,
-  ReleaseManager,
-  Pipeline,
-} from '../pages';
-
-// Component mapping for dynamic routing
-const componentMap = {
-  Dashboard,
-  PackagesOverview,
-  PackageDetail,
-  DependencyGraph,
-  HealthStatus,
-  PublishControl,
-  CIIntegration,
-  ConfigInspector,
-  ReleaseManager,
-  Pipeline,
-} as const;
-
-// Route component renderer
-const RouteComponent = ({ componentName }: { componentName: string }) => {
-  const Component = componentMap[componentName as keyof typeof componentMap];
-
-  if (!Component) {
-    return (
-      <div className="flex items-center justify-center h-64">
-        <div className="text-center">
-          <h2 className="text-xl font-semibold text-gray-900 mb-2">
-            Page Not Found
-          </h2>
-          <p className="text-gray-600">
-            The requested page could not be found.
-          </p>
-        </div>
-      </div>
-    );
-  }
-
-  return <Component />;
-};
-
-// Main AppRouter component
-export default function AppRouter() {
-  return (
-    <Routes>
-      {routes.map(route => (
-        <Route
-          key={route.path}
-          path={route.path}
-          element={<RouteComponent componentName={route.component} />}
-        />
-      ))}
-
-      {/* Catch-all route for 404 */}
-      <Route
-        path="*"
-        element={
-          <div className="flex items-center justify-center h-64">
-            <div className="text-center">
-              <div className="text-gray-400 text-6xl mb-4">🔍</div>
-              <h2 className="text-xl font-semibold text-gray-900 mb-2">
-                404 - Page Not Found
-              </h2>
-              <p className="text-gray-600 mb-4">
-                The page you're looking for doesn't exist or has been moved.
-              </p>
-              <a
-                href="/"
-                className="text-blue-600 hover:text-blue-500 font-medium"
-              >
-                Go back to Dashboard
-              </a>
-            </div>
-          </div>
-        }
-      />
-    </Routes>
-  );
-}

package/monodog-dashboard/src/routes/AppRouterPages.tsx

@@ -1,56 +0,0 @@
-import { Routes, Route } from 'react-router-dom';
-import {
-  DashboardPage,
-  PackagesPage,
-  PackageDetailPage,
-  DependenciesPage,
-  HealthPage,
-  PublishPage,
-  CIPage,
-  ConfigPage,
-} from '../pages';
-
-// Alternative AppRouter using dedicated page components
-export default function AppRouterPages() {
-  return (
-    <Routes>
-      {/* Main Dashboard */}
-      <Route path="/" element={<DashboardPage />} />
-
-      {/* Packages */}
-      <Route path="/packages" element={<PackagesPage />} />
-      <Route path="/packages/:name" element={<PackageDetailPage />} />
-
-      {/* Other Pages */}
-      <Route path="/dependencies" element={<DependenciesPage />} />
-      <Route path="/health" element={<HealthPage />} />
-      {/* <Route path="/publish" element={<PublishPage />} />
-      <Route path="/ci" element={<CIPage />} /> */}
-      <Route path="/config" element={<ConfigPage />} />
-
-      {/* 404 Page */}
-      <Route
-        path="*"
-        element={
-          <div className="flex items-center justify-center h-64">
-            <div className="text-center">
-              <div className="text-gray-400 text-6xl mb-4">🔍</div>
-              <h2 className="text-xl font-semibold text-gray-900 mb-2">
-                404 - Page Not Found
-              </h2>
-              <p className="text-gray-600 mb-4">
-                The page you're looking for doesn't exist or has been moved.
-              </p>
-              <a
-                href="/"
-                className="text-blue-600 hover:text-blue-500 font-medium"
-              >
-                Go back to Dashboard
-              </a>
-            </div>
-          </div>
-        }
-      />
-    </Routes>
-  );
-}

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

@@ -1,10 +0,0 @@
-// Export routing components and configuration
-export { default as AppRouter } from './AppRouter';
-export { default as AppRouterPages } from './AppRouterPages';
-export {
-  routes,
-  navigationRoutes,
-  getRouteByName,
-  getRouteByPath,
-} from './routes.config';
-export type { RouteConfig } from './routes.config';