chore: add VERSION v0.4.11

src/app/_components/DownloadedScriptsTab.tsx

@@ -10,7 +10,6 @@ import { FilterBar, type FilterState } from './FilterBar';
 import { ViewToggle } from './ViewToggle';
 import { Button } from './ui/button';
 import type { ScriptCard as ScriptCardType } from '~/types/script';
-import { getDefaultFilters, mergeFiltersWithDefaults } from './filterUtils';
 
 interface DownloadedScriptsTabProps {
   onInstallScript?: (
@@ -26,7 +25,14 @@ export function DownloadedScriptsTab({ onInstallScript }: DownloadedScriptsTabPr
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [selectedCategory, setSelectedCategory] = useState<string | null>(null);
   const [viewMode, setViewMode] = useState<'card' | 'list'>('card');
-  const [filters, setFilters] = useState<FilterState>(getDefaultFilters());
+  const [filters, setFilters] = useState<FilterState>({
+    searchQuery: '',
+    showUpdatable: null,
+    selectedTypes: [],
+    selectedRepositories: [],
+    sortBy: 'name',
+    sortOrder: 'asc',
+  });
   const [saveFiltersEnabled, setSaveFiltersEnabled] = useState(false);
   const [isLoadingFilters, setIsLoadingFilters] = useState(true);
   const gridRef = useRef<HTMLDivElement>(null);
@@ -57,7 +63,7 @@ export function DownloadedScriptsTab({ onInstallScript }: DownloadedScriptsTabPr
           if (filtersResponse.ok) {
             const filtersData = await filtersResponse.json();
             if (filtersData.filters) {
-              setFilters(mergeFiltersWithDefaults(filtersData.filters));
+              setFilters(filtersData.filters as FilterState);
             }
           }
         }

src/app/_components/FilterBar.tsx

@@ -5,7 +5,6 @@ import { Button } from "./ui/button";
 import { ContextualHelpIcon } from "./ContextualHelpIcon";
 import { Package, Monitor, Wrench, Server, FileText, Calendar, RefreshCw, Filter, GitBranch } from "lucide-react";
 import { api } from "~/trpc/react";
-import { getDefaultFilters } from "./filterUtils";
 
 export interface FilterState {
   searchQuery: string;
@@ -68,7 +67,14 @@ export function FilterBar({
   };
 
   const clearAllFilters = () => {
-    onFiltersChange(getDefaultFilters());
+    onFiltersChange({
+      searchQuery: "",
+      showUpdatable: null,
+      selectedTypes: [],
+      selectedRepositories: [],
+      sortBy: "name",
+      sortOrder: "asc",
+    });
   };
 
   const hasActiveFilters =

src/app/_components/ScriptsGrid.tsx

@@ -11,7 +11,6 @@ import { ViewToggle } from './ViewToggle';
 import { Button } from './ui/button';
 import { Clock } from 'lucide-react';
 import type { ScriptCard as ScriptCardType } from '~/types/script';
-import { getDefaultFilters, mergeFiltersWithDefaults } from './filterUtils';
 
 
 interface ScriptsGridProps {
@@ -26,7 +25,14 @@ export function ScriptsGrid({ onInstallScript }: ScriptsGridProps) {
   const [viewMode, setViewMode] = useState<'card' | 'list'>('card');
   const [selectedSlugs, setSelectedSlugs] = useState<Set<string>>(new Set());
   const [downloadProgress, setDownloadProgress] = useState<{ current: number; total: number; currentScript: string; failed: Array<{ slug: string; error: string }> } | null>(null);
-  const [filters, setFilters] = useState<FilterState>(getDefaultFilters());
+  const [filters, setFilters] = useState<FilterState>({
+    searchQuery: '',
+    showUpdatable: null,
+    selectedTypes: [],
+    selectedRepositories: [],
+    sortBy: 'name',
+    sortOrder: 'asc',
+  });
   const [saveFiltersEnabled, setSaveFiltersEnabled] = useState(false);
   const [isLoadingFilters, setIsLoadingFilters] = useState(true);
   const [isNewestMinimized, setIsNewestMinimized] = useState(false);
@@ -61,7 +67,7 @@ export function ScriptsGrid({ onInstallScript }: ScriptsGridProps) {
           if (filtersResponse.ok) {
             const filtersData = await filtersResponse.json();
             if (filtersData.filters) {
-              setFilters(mergeFiltersWithDefaults(filtersData.filters));
+              setFilters(filtersData.filters as FilterState);
             }
           }
         }

src/app/_components/filterUtils.ts

@@ -1,44 +0,0 @@
-import type { FilterState } from "./FilterBar";
-
-/**
- * Returns the default FilterState with all properties initialized.
- * This serves as the single source of truth for default filter values.
- */
-export function getDefaultFilters(): FilterState {
-  return {
-    searchQuery: "",
-    showUpdatable: null,
-    selectedTypes: [],
-    selectedRepositories: [],
-    sortBy: "name",
-    sortOrder: "asc",
-  };
-}
-
-/**
- * Merges saved filters with defaults, ensuring all FilterState properties exist.
- * This prevents crashes when loading old saved filters that are missing new properties.
- * 
- * @param savedFilters - Partial or undefined saved filters from storage
- * @returns Complete FilterState with all properties guaranteed to exist
- */
-export function mergeFiltersWithDefaults(
-  savedFilters: Partial<FilterState> | undefined
-): FilterState {
-  const defaults = getDefaultFilters();
-  
-  if (!savedFilters) {
-    return defaults;
-  }
-  
-  // Merge saved filters with defaults, ensuring all properties exist
-  return {
-    searchQuery: savedFilters.searchQuery ?? defaults.searchQuery,
-    showUpdatable: savedFilters.showUpdatable ?? defaults.showUpdatable,
-    selectedTypes: savedFilters.selectedTypes ?? defaults.selectedTypes,
-    selectedRepositories: savedFilters.selectedRepositories ?? defaults.selectedRepositories,
-    sortBy: savedFilters.sortBy ?? defaults.sortBy,
-    sortOrder: savedFilters.sortOrder ?? defaults.sortOrder,
-  };
-}
-