Projects List Glass

1// ========================================
2// PROJECTS LIST GLASS COMPONENT
3// List of repository cards with filtering, sorting, and ownership controls
4// ========================================
5 
6import { forwardRef, useState, useMemo, type CSSProperties } from "react";
7import { FolderGit2, AlertTriangle } from "lucide-react";
8import { cn } from "@/lib/utils";
9import { GlassCard } from "../ui/glass-card";
10import { BadgeGlass } from "../ui/badge-glass";
11import { RepositoryCardGlass, type RepositoryFlagType } from "../composite/repository-card-glass";
12import { SegmentedControlGlass } from "../specialized/segmented-control-glass";
13import { SortDropdownGlass, type SortField, type SortOrder } from "../atomic";
14import "@/glass-theme.css";
15 
16// ========================================
17// TYPES
18// ========================================
19 
20export type OwnershipFilter = 'your' | 'contrib' | 'all';
21 
22// Re-export for convenience
23export type { SortField, SortOrder } from "../atomic";
24 
25export interface Repository {
26  readonly name: string;
27  readonly languages: string;
28  readonly commits: number;
29  readonly contribution: number;
30  readonly stars?: number;
31  readonly flagType?: RepositoryFlagType;
32  readonly issues?: readonly string[];
33  readonly createdYear?: number;
34  /** Ownership type for Your/Contrib filtering */
35  readonly ownership?: 'your' | 'contrib';
36}
37 
38export interface ProjectsListGlassProps extends React.HTMLAttributes<HTMLDivElement> {
39  /** List of repositories to display */
40  readonly repositories: readonly Repository[];
41  /** Show only flagged (non-green) repositories */
42  readonly showFlaggedOnly?: boolean;
43  /** Filter by creation year */
44  readonly selectedYear?: number | null;
45  /** Callback to clear all filters */
46  readonly onClearFilters?: () => void;
47  /** Custom title (overrides auto-generated) */
48  readonly title?: string;
49 
50  // ======== NEW: Ownership Filter ========
51  /** Current ownership filter */
52  readonly ownershipFilter?: OwnershipFilter;
53  /** Callback when ownership filter changes */
54  readonly onOwnershipChange?: (filter: OwnershipFilter) => void;
55 
56  // ======== NEW: Sorting ========
57  /** Current sort field */
58  readonly sortBy?: SortField;
59  /** Current sort order */
60  readonly sortOrder?: SortOrder;
61  /** Callback when sort changes */
62  readonly onSortChange?: (field: SortField, order: SortOrder) => void;
63 
64  // ======== NEW: Controls ========
65// … truncated