From 39cc3065dd8b3add2c86d17b857e1829e2d1d864 Mon Sep 17 00:00:00 2001
From: XlebyllleK <96723939+XlebyllleK@users.noreply.github.com>
Date: Sat, 11 Jan 2025 13:01:04 +0200
Subject: [PATCH 1/3] bump all dependencies

---
 package.json | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 9a25911..6ef5076 100644
--- a/package.json
+++ b/package.json
@@ -33,24 +33,24 @@
   },
   "dependencies": {
     "gh-pages": "^6.3.0",
-    "lucide-react": "^0.344.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "lucide-react": "^0.471.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.18.0",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
+    "@eslint/js": "^9.17.0",
+    "@types/react": "^19.0.4",
+    "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react": "^4.3.4",
     "autoprefixer": "^10.4.20",
-    "eslint": "^9.18.0",
+    "eslint": "^9.17.0",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.16",
     "globals": "^15.14.0",
     "postcss": "^8.4.49",
     "tailwindcss": "^3.4.17",
-    "typescript": "^5.7.3",
-    "typescript-eslint": "^8.19.1",
-    "vite": "^5.4.11"
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.18.2",
+    "vite": "^6.0.7"
   }
-}
\ No newline at end of file
+}

From a039720a71df3fd43fdb1c5d88a8c72d65d73db1 Mon Sep 17 00:00:00 2001
From: XlebyllleK <96723939+XlebyllleK@users.noreply.github.com>
Date: Sat, 11 Jan 2025 13:50:29 +0200
Subject: [PATCH 2/3] feat: use JSX.Element as component type

---
 src/App.tsx                                 |  9 +++-
 src/components/Header.tsx                   |  4 ++
 src/components/InstallGuide.tsx             | 10 ++--
 src/components/Logo.tsx                     |  6 ++-
 src/components/PackageCard.tsx              |  8 ++-
 src/components/PackageCard/Badge.tsx        |  6 ++-
 src/components/PackageCard/ExpandButton.tsx |  6 ++-
 src/components/PackageCard/index.tsx        |  8 ++-
 src/components/PackageList.tsx              |  6 ++-
 src/components/RepositorySelector.tsx       | 31 ------------
 src/components/SearchBar.tsx                | 10 ++--
 src/components/ThemeToggle.tsx              |  6 ++-
 src/components/fetchPackages.tsx            | 55 ---------------------
 src/hooks/usePackages.ts                    |  7 ++-
 src/hooks/useTheme.ts                       |  9 +++-
 src/types.ts                                |  3 ++
 16 files changed, 77 insertions(+), 107 deletions(-)
 delete mode 100644 src/components/RepositorySelector.tsx
 delete mode 100644 src/components/fetchPackages.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 1dd82b2..8c5eaee 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,9 @@
-import { useState, useEffect } from 'react';
+import {
+    useState,
+    useEffect,
+    JSX
+} from 'react';
+
 import { Header } from './components/Header';
 import { SearchBar } from './components/SearchBar';
 import { PackageList } from './components/PackageList';
@@ -8,7 +13,7 @@ import {
     Repository
 } from './types';
 
-export default function App() {
+export default function App(): JSX.Element {
   const { packages, loading, error } = usePackages();
   const [search, setSearch] = useState('');
   const [selectedRepository, setSelectedRepository] = useState('all');
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index abde679..2b3edbd 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,3 +1,7 @@
+import {
+    JSX
+} from 'react';
+
 import { ThemeToggle } from './ThemeToggle';
 import { Logo } from './Logo';
 
diff --git a/src/components/InstallGuide.tsx b/src/components/InstallGuide.tsx
index 2537374..2da65f2 100644
--- a/src/components/InstallGuide.tsx
+++ b/src/components/InstallGuide.tsx
@@ -1,12 +1,16 @@
-import React from 'react';
+import {
+    useState,
+    JSX
+} from 'react';
+
 import { Terminal, Copy, Check } from 'lucide-react';
 
 interface InstallGuideProps {
   packageName: string;
 }
 
-export function InstallGuide({ packageName }: InstallGuideProps) {
-  const [copied, setCopied] = React.useState(false);
+export function InstallGuide({ packageName }: InstallGuideProps): JSX.Element {
+  const [copied, setCopied] = useState(false);
 
   const command = `sudo pacman -S ${packageName}`;
 
diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx
index 5a2f0bd..4c87568 100644
--- a/src/components/Logo.tsx
+++ b/src/components/Logo.tsx
@@ -1,4 +1,8 @@
-export function Logo() {
+import {
+    JSX
+} from 'react';
+
+export function Logo(): JSX.Element {
   return (
     <div className="flex items-center gap-3">
       {/* Replace this SVG with your custom logo */}
diff --git a/src/components/PackageCard.tsx b/src/components/PackageCard.tsx
index 45fe391..b945718 100644
--- a/src/components/PackageCard.tsx
+++ b/src/components/PackageCard.tsx
@@ -1,4 +1,8 @@
-import { useState } from 'react';
+import {
+    useState,
+    JSX
+} from 'react';
+
 import { Box, ChevronDown, ChevronUp } from 'lucide-react';
 import { Package } from '../types';
 import { InstallGuide } from './InstallGuide';
@@ -7,7 +11,7 @@ interface PackageCardProps {
   package: Package;
 }
 
-export function PackageCard({ package: pkg }: PackageCardProps) {
+export function PackageCard({ package: pkg }: PackageCardProps): JSX.Element {
   const [expanded, setExpanded] = useState(false);
 
   return (
diff --git a/src/components/PackageCard/Badge.tsx b/src/components/PackageCard/Badge.tsx
index 96c5455..1dc932f 100644
--- a/src/components/PackageCard/Badge.tsx
+++ b/src/components/PackageCard/Badge.tsx
@@ -1,4 +1,6 @@
-import React from 'react';
+import React, {
+    JSX
+} from 'react';
 
 interface BadgeProps {
   children: React.ReactNode;
@@ -20,7 +22,7 @@ const sizeClasses = {
   large: 'text-base px-4 py-2',
 };
 
-export function Badge({ children, color = 'default', size = 'medium', ariaLabel }: BadgeProps) {
+export function Badge({ children, color = 'default', size = 'medium', ariaLabel }: BadgeProps): JSX.Element {
   const badgeColorClass = colorClasses[color] || colorClasses.default;
   const badgeSizeClass = sizeClasses[size] || sizeClasses.medium;
 
diff --git a/src/components/PackageCard/ExpandButton.tsx b/src/components/PackageCard/ExpandButton.tsx
index f69a1f4..79abfa0 100644
--- a/src/components/PackageCard/ExpandButton.tsx
+++ b/src/components/PackageCard/ExpandButton.tsx
@@ -1,3 +1,7 @@
+import {
+    JSX
+} from 'react';
+
 import { ChevronDown, ChevronUp } from 'lucide-react';
 
 interface ExpandButtonProps {
@@ -5,7 +9,7 @@ interface ExpandButtonProps {
   onClick: () => void;
 }
 
-export function ExpandButton({ expanded, onClick }: ExpandButtonProps) {
+export function ExpandButton({ expanded, onClick }: ExpandButtonProps): JSX.Element {
   return (
     <button
       onClick={onClick}
diff --git a/src/components/PackageCard/index.tsx b/src/components/PackageCard/index.tsx
index dc0e806..b6ad601 100644
--- a/src/components/PackageCard/index.tsx
+++ b/src/components/PackageCard/index.tsx
@@ -1,4 +1,8 @@
-import { useState } from 'react';
+import {
+    useState,
+    JSX
+} from 'react';
+
 import { Boxes } from 'lucide-react';
 import { Package } from '../../types';
 import { InstallGuide } from '../InstallGuide';
@@ -9,7 +13,7 @@ interface PackageCardProps {
   package: Package;
 }
 
-export function PackageCard({ package: pkg }: PackageCardProps) {
+export function PackageCard({ package: pkg }: PackageCardProps): JSX.Element {
   const [expanded, setExpanded] = useState(false);
 
   return (
diff --git a/src/components/PackageList.tsx b/src/components/PackageList.tsx
index 903dbe5..4eabb04 100644
--- a/src/components/PackageList.tsx
+++ b/src/components/PackageList.tsx
@@ -1,3 +1,7 @@
+import {
+    JSX
+} from 'react';
+
 import { Package } from '../types';
 import { PackageCard } from './PackageCard';
 
@@ -6,7 +10,7 @@ interface PackageListProps {
   loading: boolean;
 }
 
-export function PackageList({ packages, loading }: PackageListProps) {
+export function PackageList({ packages, loading }: PackageListProps): JSX.Element {
   if (loading) {
     return (
       <div className="flex items-center justify-center h-64">
diff --git a/src/components/RepositorySelector.tsx b/src/components/RepositorySelector.tsx
deleted file mode 100644
index 74867aa..0000000
--- a/src/components/RepositorySelector.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useState } from 'react';
-
-type RepositorySelectorProps = {
-  onSelectRepository: (repo: 'core' | 'extra' | 'all') => void;
-};
-
-export function RepositorySelector({ onSelectRepository }: RepositorySelectorProps) {
-  const [selectedRepository, setSelectedRepository] = useState<'core' | 'extra' | 'all'>('all');
-
-  const handleChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
-    const selected = event.target.value as 'core' | 'extra' | 'all';
-    setSelectedRepository(selected);
-    onSelectRepository(selected); // Pass the selection back to parent
-  };
-
-  return (
-    <div>
-      <label htmlFor="repository-selector" className="mr-2 text-nord-6">Select Repository:</label>
-      <select
-        id="repository-selector"
-        value={selectedRepository}
-        onChange={handleChange}
-        className="bg-nord-1 text-nord-6 border border-nord-4 rounded-md p-2"
-      >
-        <option value="all">All</option>
-        <option value="core">Core</option>
-        <option value="extra">Extra</option>
-      </select>
-    </div>
-  );
-}
diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx
index 709aed2..e8b6bb4 100644
--- a/src/components/SearchBar.tsx
+++ b/src/components/SearchBar.tsx
@@ -1,10 +1,14 @@
+import {
+    JSX
+} from 'react';
+
 import { Search } from 'lucide-react';
 
 interface SearchBarProps {
   value: string;
   onChange: (value: string) => void;
-  selectedRepository: 'core' | 'extra' | 'all';
-  onFilterChange: (repo: 'core' | 'extra' | 'all') => void;
+  //selectedRepository: 'core' | 'extra' | 'all';
+  //onFilterChange: (repo: 'core' | 'extra' | 'all') => void;
 }
 
 export function SearchBar({
@@ -12,7 +16,7 @@ export function SearchBar({
   onChange,
   // selectedRepository,
   // onFilterChange,
-}: SearchBarProps) {
+}: SearchBarProps): JSX.Element {
   return (
     <div className="relative w-full max-w-md mx-auto">
       <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
diff --git a/src/components/ThemeToggle.tsx b/src/components/ThemeToggle.tsx
index 4e0584c..a5b5ca1 100644
--- a/src/components/ThemeToggle.tsx
+++ b/src/components/ThemeToggle.tsx
@@ -1,7 +1,11 @@
+import {
+    JSX
+} from 'react';
+
 import { Moon, Sun } from 'lucide-react';
 import { useTheme } from '../hooks/useTheme';
 
-export function ThemeToggle() {
+export function ThemeToggle(): JSX.Element {
   const { theme, toggleTheme } = useTheme();
 
   return (
diff --git a/src/components/fetchPackages.tsx b/src/components/fetchPackages.tsx
deleted file mode 100644
index b943238..0000000
--- a/src/components/fetchPackages.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-export interface Package {
-    name: string;
-    version: string;
-    description: string;
-    repository: 'core' | 'extra'; // This can be 'core', 'extra', or 'all'
-  }
-  
-  const MIRRORS = [
-    'https://raw.githubusercontent.com/Snigdha-OS/snigdhaos-core/refs/heads/master/packages.txt',
-    'https://raw.githubusercontent.com/Snigdha-OS/snigdhaos-extra/refs/heads/master/packages.txt'
-  ];
-  
-  async function fetchFromMirror(url: string): Promise<Package[]> {
-    const response = await fetch(url);
-    const text = await response.text();
-  
-    // Determine the repository based on the URL
-    const repository = url.includes('snigdhaos-core') ? 'core' : 'extra';
-  
-    return text
-      .split('\n')
-      .filter(Boolean) // Remove empty lines
-      .map((line) => {
-        const [name, version, ...descParts] = line.split(' ');
-        return {
-          name,
-          version,
-          description: descParts.join(' '),
-          repository, // Set the repository name dynamically
-        };
-      });
-  }
-  
-  export async function fetchPackages(): Promise<Package[]> {
-    let packages: Package[] = [];
-  
-    // Try fetching from each mirror
-    for (const mirror of MIRRORS) {
-      try {
-        const result = await fetchFromMirror(mirror);
-        packages = packages.concat(result); // Append fetched packages
-      } catch (error) {
-        console.warn(`Failed to fetch from mirror ${mirror}:`, error);
-        continue; // Continue to next mirror if one fails
-      }
-    }
-  
-    // If no packages were fetched, throw an error
-    if (packages.length === 0) {
-      throw new Error('All mirrors failed to respond');
-    }
-  
-    return packages;
-  }
-  
\ No newline at end of file
diff --git a/src/hooks/usePackages.ts b/src/hooks/usePackages.ts
index 07cb9ec..e6ba937 100644
--- a/src/hooks/usePackages.ts
+++ b/src/hooks/usePackages.ts
@@ -2,7 +2,12 @@ import { useState, useEffect, useCallback } from 'react';
 import { Package } from '../types';
 import { fetchPackages } from '../services/api';
 
-export function usePackages() {
+export function usePackages(): {
+    packages: Package[];
+    loading: boolean;
+    error: string | null;
+    retryLoading: () => void;
+} {
   const [packages, setPackages] = useState<Package[]>([]);
   const [loading, setLoading] = useState<boolean>(true);
   const [error, setError] = useState<string | null>(null);
diff --git a/src/hooks/useTheme.ts b/src/hooks/useTheme.ts
index 80f11dc..6998067 100644
--- a/src/hooks/useTheme.ts
+++ b/src/hooks/useTheme.ts
@@ -1,8 +1,13 @@
 import { useState, useEffect } from 'react';
 
-type Theme = 'light' | 'dark';
+import {
+    Theme
+} from '../types';
 
-export function useTheme() {
+export function useTheme(): {
+    theme: Theme;
+    toggleTheme: () => void;
+} {
   const getInitialTheme = (): Theme => {
     const savedTheme = localStorage.getItem('theme') as Theme;
     if (savedTheme === 'dark' || savedTheme === 'light') return savedTheme;
diff --git a/src/types.ts b/src/types.ts
index 43a9238..5e32c97 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -7,6 +7,9 @@ export enum Repository {
     Multilib  = 'multilib'
 }
 
+// Type alias for UI themes
+export type Theme = ('light' | 'dark');
+
 // Interface representing a single package
 export interface Package {
   /** The name of the package */

From 2bf20398072a6edc44923648706c3f8b04014034 Mon Sep 17 00:00:00 2001
From: XlebyllleK <96723939+XlebyllleK@users.noreply.github.com>
Date: Sat, 11 Jan 2025 13:55:29 +0200
Subject: [PATCH 3/3] chore: enforce uppercase naming in Repository enum

---
 src/types.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/types.ts b/src/types.ts
index 5e32c97..710c437 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,10 +1,10 @@
 // Type alias for repository categories
 export enum Repository {
-    All       = 'all',
-    Core      = 'core',
-    Extra     = 'extra',
-    Community = 'community',
-    Multilib  = 'multilib'
+    ALL       = 'all',
+    CORE      = 'core',
+    EXTRA     = 'extra',
+    COMMUNITY = 'community',
+    MULTILIB  = 'multilib'
 }
 
 // Type alias for UI themes