Function useMarketPackages

frontend/src/hooks/useMarketPackages.ts:35–323

(options: UseMarketPackagesOptions = {})

 * Composable for market packages filtering and search functionality
 */
export function useMarketPackages(options: UseMarketPackagesOptions = {}) {
  const packages = ref<QuickStartPackages[]>([]);
  const { onlyDockerTemplate = false } = options;

  // Search form state
  const searchForm = reactive<SearchForm>({
    language: getCurrentLang(),
    category: SEARCH_ALL_KEY,
    gameType: SEARCH_ALL_KEY,
    platform: SEARCH_ALL_KEY,
    keyword: "",
    isSupportDocker: false,
    system: "linux"
  });

  // Generic filter condition checker function
  const matchesFilterCondition = (
    item: QuickStartPackages,
    field: keyof QuickStartPackages,
    filterValue: string
  ): boolean => {
    return (
      filterValue === SEARCH_ALL_KEY ||
      item[field] === filterValue ||
      item[field] === SEARCH_ALL_KEY
    );
  };

  // Specific filter functions
  const matchesLanguageFilter = (item: QuickStartPackages): boolean => {
    return item.language === searchForm.language || item.language === "en_us";
  };

  const matchesGameTypeFilter = (item: QuickStartPackages): boolean => {
    return matchesFilterCondition(item, "gameType", searchForm.gameType);
  };

  const matchesCategoryFilter = (item: QuickStartPackages): boolean => {
    return matchesFilterCondition(item, "category", searchForm.category);
  };

  const matchesPlatformFilter = (item: QuickStartPackages): boolean => {
    console.debug("matchesFilterCondition", item.platform, "platform", searchForm.platform);
    return matchesFilterCondition(item, "platform", searchForm.platform);
  };

  /**
   * Checks if item matches the keyword filter (fuzzy match on title and description).
   * Empty keyword matches all items. Matching is case-insensitive.
   */
  const matchesKeywordFilter = (item: QuickStartPackages): boolean => {
    const k = searchForm.keyword?.trim() ?? "";
    if (!k) return true;
    const lower = k.toLowerCase();
    const record = item as unknown as Record<string, unknown>;
    const textFields: string[] = [item.title ?? "", item.description ?? ""];
    return textFields.some((t) => t.toLowerCase().includes(lower));
  };