@manojkmfsi/monodog 1.1.38 → 1.1.39

package/monodog-dashboard/src/components/publish-control/components/ChangelogViewer.tsx

@@ -1,103 +0,0 @@
-import { DocumentTextIcon, TagIcon } from '../../../icons/heroicons';
-
-interface ChangelogEntry {
-  id: string;
-  packageName: string;
-  version: string;
-  date: string;
-  changes: string[];
-  author: string;
-  type: 'feature' | 'bugfix' | 'breaking' | 'docs';
-}
-
-export default function ChangelogViewer() {
-  const mockChangelogs: ChangelogEntry[] = [
-    {
-      id: '1',
-      packageName: 'dashboard',
-      version: '1.0.0',
-      date: '2024-01-15',
-      changes: [
-        'Added new dashboard layout',
-        'Improved search functionality',
-        'Fixed responsive design issues',
-      ],
-      author: 'team-frontend',
-      type: 'feature',
-    },
-    {
-      id: '2',
-      packageName: 'backend',
-      version: '1.2.0',
-      date: '2024-01-14',
-      changes: [
-        'Added authentication middleware',
-        'Implemented rate limiting',
-        'Fixed database connection pool',
-      ],
-      author: 'team-backend',
-      type: 'feature',
-    },
-  ];
-
-  const getChangeTypeColor = (type: string) => {
-    switch (type) {
-      case 'feature':
-        return 'bg-green-100 text-green-800';
-      case 'bugfix':
-        return 'bg-blue-100 text-blue-800';
-      case 'breaking':
-        return 'bg-red-100 text-red-800';
-      case 'docs':
-        return 'bg-gray-100 text-gray-800';
-      default:
-        return 'bg-gray-100 text-gray-800';
-    }
-  };
-
-  return (
-    <div className="bg-white rounded-lg shadow border overflow-hidden">
-      <div className="px-6 py-4 border-b border-gray-200">
-        <h3 className="text-lg font-medium text-gray-900">Recent Changelogs</h3>
-      </div>
-
-      <div className="p-6">
-        <div className="space-y-6">
-          {mockChangelogs.map(changelog => (
-            <div key={changelog.id} className="border-l-4 border-blue-500 pl-4">
-              <div className="flex items-center justify-between mb-2">
-                <div className="flex items-center space-x-3">
-                  <div className="h-8 w-8 rounded-lg bg-blue-100 flex items-center justify-center">
-                    <TagIcon className="w-4 h-4 text-blue-600" />
-                  </div>
-                  <div>
-                    <div className="text-sm font-medium text-gray-900">
-                      {changelog.packageName} v{changelog.version}
-                    </div>
-                    <div className="text-sm text-gray-500">
-                      {changelog.date} • by {changelog.author}
-                    </div>
-                  </div>
-                </div>
-                <span
-                  className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getChangeTypeColor(changelog.type)}`}
-                >
-                  {changelog.type}
-                </span>
-              </div>
-
-              <div className="space-y-1">
-                {changelog.changes.map((change, index) => (
-                  <div key={index} className="flex items-start space-x-2">
-                    <DocumentTextIcon className="w-4 h-4 text-gray-400 mt-0.5 flex-shrink-0" />
-                    <span className="text-sm text-gray-700">{change}</span>
-                  </div>
-                ))}
-              </div>
-            </div>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/publish-control/components/ErrorState.tsx

@@ -1,23 +0,0 @@
-import { ExclamationTriangleIcon } from '../../../icons/heroicons';
-
-interface ErrorStateProps {
-  error: string;
-  onRetry: () => void;
-}
-
-export default function ErrorState({ error, onRetry }: ErrorStateProps) {
-  return (
-    <div className="flex items-center justify-center h-64">
-      <div className="text-center">
-        <ExclamationTriangleIcon className="w-12 h-12 text-red-500 mx-auto" />
-        <p className="mt-4 text-red-600">{error}</p>
-        <button
-          onClick={onRetry}
-          className="mt-4 bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors"
-        >
-          Retry
-        </button>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/publish-control/components/LoadingState.tsx

@@ -1,10 +0,0 @@
-export default function LoadingState() {
-  return (
-    <div className="flex items-center justify-center h-64">
-      <div className="text-center">
-        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto"></div>
-        <p className="mt-4 text-gray-600">Loading package data...</p>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/publish-control/components/PackageReleaseTable.tsx

@@ -1,140 +0,0 @@
-import { TagIcon, ClockIcon } from '../../../icons/heroicons';
-import { Package } from '../types/publish.types';
-import { getStatusColor, getPublishTypeColor } from '../utils/publish.utils';
-
-interface PackageReleaseTableProps {
-  packages: Package[];
-  selectedPackage: string;
-  onPackageChange: (packageName: string) => void;
-}
-
-export default function PackageReleaseTable({
-  packages,
-  selectedPackage,
-  onPackageChange,
-}: PackageReleaseTableProps) {
-  return (
-    <div className="bg-white rounded-lg shadow border overflow-hidden">
-      <div className="px-6 py-4 border-b border-gray-200">
-        <div className="flex items-center justify-between">
-          <h3 className="text-lg font-medium text-gray-900">
-            Package Release Status
-          </h3>
-          <div className="flex items-center space-x-2">
-            <span className="text-sm text-gray-500">Filter by package:</span>
-            <select
-              value={selectedPackage}
-              onChange={e => onPackageChange(e.target.value)}
-              className="px-3 py-1 border border-gray-300 rounded text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-            >
-              <option value="all">All Packages</option>
-              {[...new Set(packages.map(p => p.name))].map(name => (
-                <option key={name} value={name}>
-                  {name}
-                </option>
-              ))}
-            </select>
-          </div>
-        </div>
-      </div>
-
-      <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">
-                Current Version
-              </th>
-              <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Next Version
-              </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">
-                Status
-              </th>
-              <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Commits
-              </th>
-              <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Last Published
-              </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="h-8 w-8 rounded-lg bg-gray-100 flex items-center justify-center">
-                      <TagIcon className="w-4 h-4 text-gray-600" />
-                    </div>
-                    <div className="ml-3">
-                      <div className="text-sm font-medium text-gray-900">
-                        {pkg.name}
-                      </div>
-                      <div className="text-sm text-gray-500">
-                        {Object.keys(pkg.dependencies).length} dependencies
-                      </div>
-                    </div>
-                  </div>
-                </td>
-                <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
-                  {pkg.currentVersion}
-                </td>
-                <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
-                  {pkg.nextVersion}
-                </td>
-                <td className="px-6 py-4 whitespace-nowrap">
-                  <span
-                    className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getPublishTypeColor(pkg.publishType)}`}
-                  >
-                    {pkg.publishType}
-                  </span>
-                </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.status)}`}
-                  >
-                    {pkg.status}
-                  </span>
-                </td>
-                <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
-                  {pkg.commits}
-                </td>
-                <td className="px-6 py-4 whitespace-nowrap">
-                  <div className="flex items-center text-sm text-gray-900">
-                    <ClockIcon className="w-4 h-4 mr-1 text-gray-400" />
-                    {pkg.lastPublished}
-                  </div>
-                </td>
-                <td className="px-6 py-4 whitespace-nowrap text-sm font-medium">
-                  <div className="flex space-x-2">
-                    {pkg.status === 'ready' && (
-                      <button className="text-green-600 hover:text-green-900">
-                        Publish
-                      </button>
-                    )}
-                    <button className="text-blue-600 hover:text-blue-900">
-                      Details
-                    </button>
-                    <button className="text-purple-600 hover:text-purple-900">
-                      Changelog
-                    </button>
-                  </div>
-                </td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/publish-control/components/PublishHeader.tsx

@@ -1,30 +0,0 @@
-import { CloudArrowUpIcon } from '../../../icons/heroicons';
-
-interface PublishHeaderProps {
-  packageCount: number;
-  onNewRelease: () => void;
-}
-
-export default function PublishHeader({
-  packageCount,
-  onNewRelease,
-}: PublishHeaderProps) {
-  return (
-    <div className="flex items-center justify-between">
-      <div>
-        <h1 className="text-2xl font-bold text-gray-900">Publish Control</h1>
-        <p className="text-gray-600 mt-1">
-          Manage package releases and versioning across your monorepo (
-          {packageCount} packages)
-        </p>
-      </div>
-      <button
-        onClick={onNewRelease}
-        className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 flex items-center space-x-2"
-      >
-        <CloudArrowUpIcon className="w-5 h-5" />
-        <span>New Release</span>
-      </button>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/publish-control/components/QuickActionCards.tsx

@@ -1,56 +0,0 @@
-import { PlayIcon, RocketLaunchIcon } from '../../../icons/heroicons';
-import { PublishStats } from '../types/publish.types';
-
-interface QuickActionCardsProps {
-  stats: PublishStats;
-}
-
-export default function QuickActionCards({ stats }: QuickActionCardsProps) {
-  return (
-    <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
-      <div className="bg-white p-6 rounded-lg shadow border">
-        <div className="flex items-center">
-          <div className="p-2 bg-green-100 rounded-lg">
-            <PlayIcon className="w-6 h-6 text-green-600" />
-          </div>
-          <div className="ml-4">
-            <p className="text-sm font-medium text-gray-600">
-              Ready to Publish
-            </p>
-            <p className="text-2xl font-semibold text-gray-900">
-              {stats.readyToPublish}
-            </p>
-          </div>
-        </div>
-      </div>
-
-      <div className="bg-white p-6 rounded-lg shadow border">
-        <div className="flex items-center">
-          <div className="p-2 bg-blue-100 rounded-lg">
-            <div className="h-6 w-6 animate-spin rounded-full border-2 border-blue-500 border-t-transparent" />
-          </div>
-          <div className="ml-4">
-            <p className="text-sm font-medium text-gray-600">In Progress</p>
-            <p className="text-2xl font-semibold text-gray-900">
-              {stats.inProgress}
-            </p>
-          </div>
-        </div>
-      </div>
-
-      <div className="bg-white p-6 rounded-lg shadow border">
-        <div className="flex items-center">
-          <div className="p-2 bg-purple-100 rounded-lg">
-            <span className="text-2xl"><RocketLaunchIcon className="w-6 h-6 text-primary-600" /></span>
-          </div>
-          <div className="ml-4">
-            <p className="text-sm font-medium text-gray-600">Published Today</p>
-            <p className="text-2xl font-semibold text-gray-900">
-              {stats.published}
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/publish-control/components/ReleaseSchedule.tsx

@@ -1,104 +0,0 @@
-import { CalendarIcon, ClockIcon } from '../../../icons/heroicons';
-import { Release } from '../types/publish.types';
-import { getStatusColor } from '../utils/publish.utils';
-
-interface ReleaseScheduleProps {
-  releases: Release[];
-  selectedStatus: string;
-  onStatusChange: (status: string) => void;
-}
-
-export default function ReleaseSchedule({
-  releases,
-  selectedStatus,
-  onStatusChange,
-}: ReleaseScheduleProps) {
-  const mockReleases: Release[] = [
-    {
-      id: '1',
-      packageName: 'dashboard',
-      version: '1.0.1',
-      status: 'scheduled',
-      scheduledFor: '2024-01-16 10:00 AM',
-      changelog: 'Bug fixes and performance improvements',
-      author: 'team-frontend',
-    },
-    {
-      id: '2',
-      packageName: 'backend',
-      version: '1.3.0',
-      status: 'in-progress',
-      scheduledFor: '2024-01-16 11:00 AM',
-      startedAt: '2024-01-16 11:05 AM',
-      changelog: 'New API endpoints and enhanced security',
-      author: 'team-backend',
-    },
-  ];
-
-  return (
-    <div className="bg-white rounded-lg shadow border overflow-hidden">
-      <div className="px-6 py-4 border-b border-gray-200">
-        <div className="flex items-center justify-between">
-          <h3 className="text-lg font-medium text-gray-900">
-            Release Schedule
-          </h3>
-          <div className="flex items-center space-x-2">
-            <span className="text-sm text-gray-500">Filter by status:</span>
-            <select
-              value={selectedStatus}
-              onChange={e => onStatusChange(e.target.value)}
-              className="px-3 py-1 border border-gray-300 rounded text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-            >
-              <option value="all">All Status</option>
-              <option value="scheduled">Scheduled</option>
-              <option value="in-progress">In Progress</option>
-              <option value="completed">Completed</option>
-              <option value="failed">Failed</option>
-            </select>
-          </div>
-        </div>
-      </div>
-
-      <div className="p-6">
-        <div className="space-y-4">
-          {mockReleases.map(release => (
-            <div
-              key={release.id}
-              className="border rounded-lg p-4 hover:bg-gray-50"
-            >
-              <div className="flex items-center justify-between">
-                <div className="flex items-center space-x-3">
-                  <div className="h-8 w-8 rounded-lg bg-purple-100 flex items-center justify-center">
-                    <CalendarIcon className="w-4 h-4 text-purple-600" />
-                  </div>
-                  <div>
-                    <div className="text-sm font-medium text-gray-900">
-                      {release.packageName} v{release.version}
-                    </div>
-                    <div className="text-sm text-gray-500">
-                      by {release.author}
-                    </div>
-                  </div>
-                </div>
-                <div className="flex items-center space-x-3">
-                  <span
-                    className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getStatusColor(release.status)}`}
-                  >
-                    {release.status}
-                  </span>
-                  <div className="text-sm text-gray-500 flex items-center">
-                    <ClockIcon className="w-4 h-4 mr-1" />
-                    {release.scheduledFor}
-                  </div>
-                </div>
-              </div>
-              <div className="mt-3 text-sm text-gray-700">
-                {release.changelog}
-              </div>
-            </div>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-}

package/monodog-dashboard/src/components/publish-control/components/index.ts

@@ -1,8 +0,0 @@
-// Export all publish control components for easier imports
-export { default as PublishHeader } from './PublishHeader';
-export { default as QuickActionCards } from './QuickActionCards';
-export { default as PackageReleaseTable } from './PackageReleaseTable';
-export { default as ReleaseSchedule } from './ReleaseSchedule';
-export { default as ChangelogViewer } from './ChangelogViewer';
-export { default as LoadingState } from './LoadingState';
-export { default as ErrorState } from './ErrorState';

package/monodog-dashboard/src/components/publish-control/types/publish.types.ts

@@ -1,39 +0,0 @@
-// Shared types for publish control components
-
-export interface Package {
-  name: string;
-  currentVersion: string;
-  nextVersion: string;
-  status: 'ready' | 'building' | 'testing' | 'published' | 'failed';
-  lastPublished: string;
-  changelog: string;
-  commits: number;
-  dependencies: string[];
-  publishType: 'patch' | 'minor' | 'major' | 'prerelease';
-}
-
-export interface Release {
-  id: string;
-  packageName: string;
-  version: string;
-  status: 'scheduled' | 'in-progress' | 'completed' | 'failed';
-  scheduledFor: string;
-  startedAt?: string;
-  completedAt?: string;
-  changelog: string;
-  author: string;
-}
-
-export interface PublishStats {
-  readyToPublish: number;
-  inProgress: number;
-  published: number;
-}
-
-export interface PublishControlState {
-  packages: Package[];
-  selectedPackage: string;
-  selectedStatus: string;
-  loading: boolean;
-  error: string | null;
-}

package/monodog-dashboard/src/components/publish-control/utils/publish.utils.ts

@@ -1,59 +0,0 @@
-import { Package, PublishStats } from '../types/publish.types';
-
-// Calculate publish statistics
-export const calculatePublishStats = (packages: Package[]): PublishStats => {
-  return {
-    readyToPublish: packages.filter(p => p.status === 'ready').length,
-    inProgress: packages.filter(
-      p => p.status === 'building' || p.status === 'testing'
-    ).length,
-    published: packages.filter(p => p.status === 'published').length,
-  };
-};
-
-// Get status color for package status
-export const getStatusColor = (status: string): string => {
-  switch (status) {
-    case 'ready':
-    case 'completed':
-      return 'bg-green-100 text-green-800';
-    case 'building':
-    case 'testing':
-    case 'in-progress':
-      return 'bg-blue-100 text-blue-800';
-    case 'published':
-      return 'bg-purple-100 text-purple-800';
-    case 'failed':
-      return 'bg-red-100 text-red-800';
-    case 'scheduled':
-      return 'bg-yellow-100 text-yellow-800';
-    default:
-      return 'bg-gray-100 text-gray-800';
-  }
-};
-
-// Get publish type color
-export const getPublishTypeColor = (type: string): string => {
-  switch (type) {
-    case 'patch':
-      return 'bg-green-100 text-green-800';
-    case 'minor':
-      return 'bg-blue-100 text-blue-800';
-    case 'major':
-      return 'bg-red-100 text-red-800';
-    case 'prerelease':
-      return 'bg-yellow-100 text-yellow-800';
-    default:
-      return 'bg-gray-100 text-gray-800';
-  }
-};
-
-// Filter packages by name
-export const filterPackagesByName = (
-  packages: Package[],
-  selectedPackage: string
-): Package[] => {
-  return selectedPackage === 'all'
-    ? packages
-    : packages.filter(pkg => pkg.name === selectedPackage);
-};