@manojkmfsi/monodog 1.1.38 → 1.1.39

package/monodog-dashboard/src/components/main-dashboard/Layout.tsx

@@ -1,112 +0,0 @@
-import { Link, useLocation } from 'react-router-dom';
-import {
-  HomeIcon,
-  CubeIcon,
-  ChartBarIcon,
-  HeartIcon,
-  CloudArrowUpIcon,
-  CpuChipIcon,
-  Cog6ToothIcon,
-  RocketLaunchIcon,
-  LogoutIcon,
-} from '../../icons/index';
-import { useAuth } from '../../services/auth-context';
-
-const navigation = [
-  { name: 'Dashboard', href: '/', icon: HomeIcon },
-  { name: 'Packages', href: '/packages', icon: CubeIcon },
-  { name: 'Dependencies', href: '/dependencies', icon: ChartBarIcon },
-  { name: 'Health Status', href: '/health', icon: HeartIcon },
-  { name: 'Release', href: '/release', icon: CloudArrowUpIcon },
-  { name: 'Pipeline', href: '/pipeline', icon: RocketLaunchIcon },
-  // { name: 'Publish Control', href: '/publish', icon: CloudArrowUpIcon },
-  // { name: 'CI/CD', href: '/ci', icon: CpuChipIcon },
-  { name: 'Configuration', href: '/config', icon: Cog6ToothIcon },
-];
-
-interface LayoutProps {
-  children: React.ReactNode;
-}
-
-export default function Layout({ children }: LayoutProps) {
-  const location = useLocation();
-    const { session, logout } = useAuth();
-
-  return (
-    <div className="min-h-screen bg-neutral-50">
-      {/* Sidebar */}
-      <div className="fixed inset-y-0 left-0 z-50 w-64 bg-white shadow-medium">
-        <div className="flex h-16 items-center justify-center border-b border-neutral-200">
-          <h1 className="text-heading text-xl text-primary-700">MonoDog</h1>
-        </div>
-        <nav className="mt-8 px-4">
-          <ul className="space-y-2">
-            {navigation.map(item => {
-              const isActive = location.pathname === item.href;
-              return (
-                <li key={item.name}>
-                  <Link
-                    to={item.href}
-                    className={`nav-link ${
-                      isActive ? 'nav-link-active' : 'nav-link-inactive'
-                    }`}
-                  >
-                    <item.icon className="mr-3 h-5 w-5" />
-                    {item.name}
-                  </Link>
-                </li>
-              );
-            })}
-          </ul>
-        </nav>
-      </div>
-
-      {/* Main content */}
-      <div className="pl-64">
-        {/* Header */}
-        <header className="bg-white shadow-soft border-b border-neutral-200 flex items-center justify-between px-6 py-4">
-          <div className="flex items-center gap-4">
-            <h2 className="text-heading text-lg font-semibold">
-              {navigation.find(item => item.href === location.pathname)?.name ||
-                'Dashboard'}
-            </h2>
-            {/* System stats */}
-            {/* <div className="flex items-center gap-6 ml-8">
-              <div className="flex items-center gap-2 text-sm text-neutral-700">
-                <CpuChipIcon className="h-5 w-5 text-primary-500" />
-                <span>
-                  CPU: <span className="font-medium">32%</span>
-                </span>
-              </div>
-              <div className="flex items-center gap-2 text-sm text-neutral-700">
-                <ChartBarIcon className="h-5 w-5 text-primary-500" />
-                <span>
-                  Memory: <span className="font-medium">2.1 GB / 8 GB</span>
-                </span>
-              </div>
-            </div> */}
-          </div>
-          {/* User info */}
-          <div className="flex items-center gap-3">
-            <div className="flex flex-col items-end text-sm">
-              <button className="font-medium" onClick={logout} title="Logout"><LogoutIcon></LogoutIcon></button>
-            </div>
-            <div className="flex flex-col items-end text-sm">
-              {session && <span className="font-medium text-primary-700">{session.user?.login ?? 'anonymous'}</span>}
-
-              {session && <span className="text-neutral-500">{session.permission?.role ?? 'Denied'}</span>}
-            </div>
-            <img
-              src={session.user?.avatar_url ?? ''}
-              alt="User Avatar"
-              className="h-8 w-8 rounded-full border border-neutral-200"
-            />
-          </div>
-        </header>
-
-        {/* Page content */}
-        <main className="p-6">{children}</main>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/main-dashboard/components/Header.tsx

@@ -1,47 +0,0 @@
-import { ArrowPathIcon, CogIcon } from '../../../icons/heroicons';
-import { DashboardConfig } from '../../configuration/Configuration';
-
-interface HeaderProps {
-  config: DashboardConfig;
-  onShowSetupGuide: () => void;
-  onShowConfig: () => void;
-  onRefresh: () => void;
-}
-
-export default function Header({
-  config,
-  onShowSetupGuide,
-  onShowConfig,
-  onRefresh,
-}: HeaderProps) {
-  return (
-    <div className="flex items-center justify-between">
-      <div>
-        <h1 className="text-heading text-3xl">{config.title}</h1>
-        <p className="text-body mt-2">{config.description}</p>
-        <button
-          onClick={onShowSetupGuide}
-          className="hidden text-primary-600 hover:text-primary-700 text-sm font-medium mt-2"
-        >
-          First time? Run the setup guide
-        </button>
-      </div>
-      <div className="flex space-x-3">
-        <button
-          onClick={onRefresh}
-          className="btn-primary flex items-center space-x-2"
-        >
-          <ArrowPathIcon className="w-5 h-5" />
-          <span>Refresh</span>
-        </button>
-        <button
-          onClick={onShowConfig}
-          className="hidden btn-ghost flex items-center space-x-2"
-        >
-          <CogIcon className="w-5 h-5" />
-          <span>Configure</span>
-        </button>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/main-dashboard/components/PackageDistribution.tsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import { Package } from '../types/dashboard.types';
-
-interface PackageDistributionProps {
-  packages: Package[];
-  packageTypes: string[];
-  getTypeIcon: (type: string) => React.ReactNode;
-}
-
-export default function PackageDistribution({
-  packages,
-  packageTypes,
-  getTypeIcon,
-}: PackageDistributionProps) {
-  return (
-    <div className="bg-white p-6 rounded-lg shadow border">
-      <h3 className="text-lg font-semibold text-gray-900 mb-4">
-        Package Distribution
-      </h3>
-      <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
-        {packageTypes.map(type => (
-          <div key={type} className="text-center p-4 bg-gray-50 rounded-lg">
-            <div className="text-3xl mb-2 flex justify-center">{getTypeIcon(type)}</div>
-            <div className="text-sm font-medium text-gray-600 capitalize flex justify-center">
-              {type}
-            </div>
-            <div className="text-2xl font-bold text-gray-900">
-              {packages.filter(p => p.type === type).length}
-            </div>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/main-dashboard/components/PackageSearchFilter.tsx

@@ -1,47 +0,0 @@
-import { MagnifyingGlassIcon, FunnelIcon } from '../../../icons/heroicons';
-
-interface PackageSearchFilterProps {
-  searchTerm: string;
-  selectedType: string;
-  packageTypes: string[];
-  onSearchChange: (value: string) => void;
-  onTypeChange: (value: string) => void;
-}
-
-export default function PackageSearchFilter({
-  searchTerm,
-  selectedType,
-  packageTypes,
-  onSearchChange,
-  onTypeChange,
-}: PackageSearchFilterProps) {
-  return (
-    <div className="flex flex-col md:flex-row gap-4 mb-6">
-      <div className="flex-1 relative">
-        <MagnifyingGlassIcon className="w-5 h-5 absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" />
-        <input
-          type="text"
-          placeholder="Search packages..."
-          value={searchTerm}
-          onChange={e => onSearchChange(e.target.value)}
-          className="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-        />
-      </div>
-      <div className="flex items-center space-x-2">
-        <FunnelIcon className="w-5 h-5 text-gray-400" />
-        <select
-          value={selectedType}
-          onChange={e => onTypeChange(e.target.value)}
-          className="px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-        >
-          <option value="all">All Types</option>
-          {packageTypes.map(type => (
-            <option key={type} value={type} className="capitalize">
-              {type}
-            </option>
-          ))}
-        </select>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/main-dashboard/components/PackageTable.tsx

@@ -1,87 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { Package } from '../types/dashboard.types';
-
-interface PackageTableProps {
-  packages: Package[];
-  getTypeIcon: (type: string) => React.ReactNode;
-  getStatusColor: (type: string) => string;
-}
-
-export default function PackageTable({
-  packages,
-  getTypeIcon,
-  getStatusColor,
-}: PackageTableProps) {
-  return (
-    <div className="overflow-x-auto">
-      <table className="min-w-full divide-y divide-gray-200">
-        <thead className="bg-gray-50">
-          <tr>
-            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-              Package
-            </th>
-            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-              Type
-            </th>
-            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-              Version
-            </th>
-            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-              Dependencies
-            </th>
-            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-              Description
-            </th>
-            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-              Actions
-            </th>
-          </tr>
-        </thead>
-        <tbody className="bg-white divide-y divide-gray-200">
-          {packages.map(pkg => (
-            <tr key={pkg.name} className="hover:bg-gray-50">
-              <td className="px-6 py-4 whitespace-nowrap">
-                <div className="flex items-center">
-                  <div className="text-2xl mr-3">{getTypeIcon(pkg.type)}</div>
-                  <div>
-                    <div className="text-sm font-medium text-gray-900">
-                      {pkg.name}
-                    </div>
-                    <div className="text-sm text-gray-500">{pkg.path}</div>
-                  </div>
-                </div>
-              </td>
-              <td className="px-6 py-4 whitespace-nowrap">
-                <span
-                  className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getStatusColor(pkg.type)}`}
-                >
-                  {pkg.type}
-                </span>
-              </td>
-              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
-                {pkg.version}
-              </td>
-              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
-                {Object.keys(pkg.dependencies).length +
-                  Object.keys(pkg.devDependencies).length +
-                  Object.keys(pkg.peerDependencies).length}
-              </td>
-              <td className="px-6 py-4 text-sm text-gray-900 max-w-xs truncate">
-                {pkg.description || 'No description'}
-              </td>
-              <td className="px-6 py-4 whitespace-nowrap text-sm font-medium">
-                <Link
-                  to={`/packages/${encodeURIComponent(pkg.name)}`}
-                  className="text-blue-600 hover:text-blue-500"
-                >
-                  View Details
-                </Link>
-              </td>
-            </tr>
-          ))}
-        </tbody>
-      </table>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/main-dashboard/components/QuickActions.tsx

@@ -1,60 +0,0 @@
-import { Link } from 'react-router-dom';
-import { ChartBarIcon, HeartIcon } from '../../../icons/heroicons';
-
-export default function QuickActions() {
-  return (
-    <div className="bg-white p-6 rounded-lg shadow border">
-      <h3 className="text-lg font-semibold text-gray-900 mb-4">
-        Quick Actions
-      </h3>
-      <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-        <Link
-          to="/dependencies"
-          className="p-4 border border-gray-200 rounded-lg hover:border-blue-300 hover:bg-blue-50 transition-colors"
-        >
-          <div className="flex items-center space-x-3">
-            <div className="p-2 bg-blue-100 rounded-lg">
-              <ChartBarIcon className="w-6 h-6 text-primary-600" />
-            </div>
-            <div>
-              <h4 className="font-medium text-gray-900">Dependency Graph</h4>
-              <p className="text-sm text-gray-600">
-                Visualize package relationships
-              </p>
-            </div>
-          </div>
-        </Link>
-
-        <Link
-          to="/health"
-          className="p-4 border border-gray-200 rounded-lg hover:border-green-300 hover:bg-green-50 transition-colors"
-        >
-          <div className="flex items-center space-x-3">
-            <div className="p-2 bg-green-100 rounded-lg">
-              <HeartIcon className="w-6 h-6 text-primary-600" />
-            </div>
-            <div>
-              <h4 className="font-medium text-gray-900">Health Check</h4>
-              <p className="text-sm text-gray-600">Monitor package health</p>
-            </div>
-          </div>
-        </Link>
-
-        <Link
-          to="/ci"
-          className="hidden p-4 border border-gray-200 rounded-lg hover:border-purple-300 hover:bg-purple-50 transition-colors"
-        >
-          <div className="flex items-center space-x-3">
-            <div className="p-2 bg-purple-100 rounded-lg">
-              <span className="text-2xl">🧪</span>
-            </div>
-            <div>
-              <h4 className="font-medium text-gray-900">CI/CD Status</h4>
-              <p className="text-sm text-gray-600">View build status</p>
-            </div>
-          </div>
-        </Link>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/main-dashboard/components/StatsCards.tsx

@@ -1,73 +0,0 @@
-import {
-  CubeIcon,
-  RocketLaunchIcon,
-  BuildingLibraryIcon,
-  LinkIcon,
-} from '../../../icons/heroicons';
-
-interface PackageStats {
-  total: number;
-  apps: number;
-  libs: number;
-  tools: number;
-  custom: number;
-  totalDependencies: number;
-}
-
-interface StatsCardsProps {
-  stats: PackageStats;
-}
-
-export default function StatsCards({ stats }: StatsCardsProps) {
-  return (
-    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
-      <div className="card p-6 bg-gray-100">
-        <div className="flex items-center">
-          <div className="p-2 rounded-lg">
-            <CubeIcon className="w-6 h-6 text-primary-600" />
-          </div>
-          <div className="ml-4">
-            <p className="text-caption font-medium">Total Packages</p>
-            <p className="text-heading text-2xl">{stats.total}</p>
-          </div>
-        </div>
-      </div>
-
-      <div className="card p-6 bg-green-100">
-        <div className="flex items-center">
-          <div className="p-2 bg-secondary-100 rounded-lg">
-              <RocketLaunchIcon className="w-6 h-6 text-primary-600" />
-          </div>
-          <div className="ml-4">
-            <p className="text-caption font-medium">Applications</p>
-            <p className="text-heading text-2xl">{stats.apps}</p>
-          </div>
-        </div>
-      </div>
-
-      <div className="card p-6 bg-yellow-100">
-        <div className="flex items-center">
-          <div className="p-2 bg-accent-100 rounded-lg">
-              <BuildingLibraryIcon className="w-6 h-6 text-primary-600" />
-          </div>
-          <div className="ml-4">
-            <p className="text-caption font-medium">Libraries</p>
-            <p className="text-heading text-2xl">{stats.libs}</p>
-          </div>
-        </div>
-      </div>
-
-      <div className="card p-6 bg-blue-100">
-        <div className="flex items-center">
-          <div className="p-2 rounded-lg">
-              <LinkIcon className="w-6 h-6 text-primary-600" />
-          </div>
-          <div className="ml-4">
-            <p className="text-caption font-medium">Dependencies</p>
-            <p className="text-heading text-2xl">{stats.totalDependencies}</p>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/main-dashboard/components/index.ts

@@ -1,7 +0,0 @@
-// Export all dashboard components for easier imports
-export { default as Header } from './Header';
-export { default as StatsCards } from './StatsCards';
-export { default as PackageDistribution } from './PackageDistribution';
-export { default as QuickActions } from './QuickActions';
-export { default as PackageSearchFilter } from './PackageSearchFilter';
-export { default as PackageTable } from './PackageTable';

package/monodog-dashboard/src/components/main-dashboard/types/dashboard.types.ts

@@ -1,33 +0,0 @@
-// Shared types for the dashboard components
-
-export interface Package {
-  name: string;
-  version: string;
-  type: 'app' | 'lib' | 'tool' | 'service';
-  status: 'healthy' | 'warning' | 'error' | 'building';
-  description: string;
-  lastUpdated: string;
-  dependencies: string[];
-  tags: string[];
-  maintainers: string[];
-  devDependencies: string[];
-  peerDependencies: string[];
-  path: string;
-}
-
-export interface PackageStats {
-  total: number;
-  apps: number;
-  libs: number;
-  tools: number;
-  custom: number;
-  totalDependencies: number;
-}
-
-export interface DashboardState {
-  packages: Package[];
-  searchTerm: string;
-  selectedType: string;
-  showConfig: boolean;
-  showSetupGuide: boolean;
-}

package/monodog-dashboard/src/components/main-dashboard/utils/dashboard.utils.tsx

@@ -1,70 +0,0 @@
-import { Package, PackageStats } from '../types/dashboard.types';
-import { RocketLaunchIcon, BuildingLibraryIcon, CubeIcon } from '../../../icons/heroicons';
-
-// Calculate package statistics
-export const calculatePackageStats = (packages: Package[]): PackageStats => {
-  return {
-    total: packages.length,
-    apps: packages.filter(p => p.type === 'app').length,
-    libs: packages.filter(p => p.type === 'lib').length,
-    tools: packages.filter(p => p.type === 'tool').length,
-    custom: packages.filter(p => !['app', 'Plib', 'tool'].includes(p.type))
-      .length,
-    totalDependencies: packages.reduce(
-      (sum, pkg) =>
-        sum +
-        Object.keys(pkg.dependencies).length +
-        Object.keys(pkg.peerDependencies).length +
-        Object.keys(pkg.devDependencies).length,
-      0
-    ),
-  };
-};
-
-// Get unique package types for filtering
-export const getUniquePackageTypes = (packages: Package[]): string[] => {
-  return [...new Set(packages.map(pkg => pkg.type))];
-};
-
-// Filter packages based on search and type
-export const filterPackages = (
-  packages: Package[],
-  searchTerm: string,
-  selectedType: string
-): Package[] => {
-  return packages.filter(pkg => {
-    const matchesSearch =
-      pkg.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      pkg.description?.toLowerCase().includes(searchTerm.toLowerCase());
-    const matchesType = selectedType === 'all' || pkg.type === selectedType;
-    return matchesSearch && matchesType;
-  });
-};
-
-// Get status color for package type
-export const getStatusColor = (type: string): string => {
-  switch (type) {
-    case 'app':
-      return 'bg-blue-100 text-blue-800';
-    case 'lib':
-      return 'bg-green-100 text-green-800';
-    case 'tool':
-      return 'bg-purple-100 text-purple-800';
-    default:
-      return 'bg-gray-100 text-gray-800';
-  }
-};
-
-// Get icon for package type
-export const getTypeIcon = (type: string): React.ReactNode => {
-  switch (type) {
-    case 'app':
-      return <RocketLaunchIcon className="w-6 h-6 text-primary-600" />;
-    case 'lib':
-      return <BuildingLibraryIcon className="w-6 h-6 text-primary-600" />;
-    case 'tool':
-      return '🔧';
-    default:
-      return <CubeIcon className="w-6 h-6 text-primary-600" />;
-  }
-};