[release] Merge pull request #14 from N3koSempai/minorChange

Minor change

Author: N3koSempai

io.github.N3kosempai.klia-store.metainfo.xml

@@ -47,21 +47,14 @@
     <binary>klia-store</binary>
   </provides>
   <releases>
-    <release version="2.5.42" date="2026-01-15">
+    <release version="2.5.5" date="2026-01-21">
       <description>
-        <p>🚨 Critical Hotfix:</p>
+        <p>✨ Improvements:</p>
         <ul>
-        <li>Fixed network connectivity issues caused by upstream dependency bug in tauri-plugin-http v2.5.5</li>
-        <li>Pinned plugin versions to stable releases to prevent automatic updates breaking functionality</li>
-        <li>Restored full functionality for fetching app metadata, images, and repository information</li>
-        </ul>
-      </description>
-    </release>
-    <release version="2.5.41" date="2025-01-15">
-      <description>
-        <p>🔧 Technical Update:</p>
-        <ul>
-        <li>Added donation metadata for upcoming feature development</li>
+        <li>My Apps section now prioritizes apps with available updates at the top of the list</li>
+        <li>Search results are now preserved when navigating to app details and back</li>
+        <li>Added clear button (X) to search bar for quick search reset</li>
+        <li>Improved navigation flow: returning from categories and My Apps now shows clean home screen</li>
         </ul>
       </description>
     </release>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "klia-store",
   "private": true,
-  "version": "2.5.42",
+  "version": "2.5.5",
   "type": "module",
   "scripts": {
     "dev": "vite",

src-tauri/Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "klia-store"
-version = "2.5.42"
+version = "2.5.5"
 description = "A Tauri App"
 authors = ["you"]
 edition = "2021"

src-tauri/Cargo.toml

@@ -23,6 +23,8 @@ interface NavigationState {
 	developerName?: string;
 	developerAppId?: string;
 	scrollPosition?: number;
+	searchQuery?: string;
+	searchResults?: CategoryApp[];
 }
 
 function App() {
@@ -76,7 +78,19 @@ function App() {
 	const navigateBack = () => {
 		if (navigationStack.length > 1) {
 			setNavigationStack((prev) => {
+				const currentView = prev[prev.length - 1].view;
 				const newStack = prev.slice(0, -1);
+				const targetState = newStack[newStack.length - 1];
+
+				// Clear search state when going back to home from views other than appDetails
+				if (targetState.view === "home" && currentView !== "appDetails") {
+					newStack[newStack.length - 1] = {
+						...targetState,
+						searchQuery: undefined,
+						searchResults: undefined,
+					};
+				}
+
 				// Restore scroll position after state update
 				setTimeout(() => {
 					restoreScrollPosition(newStack[newStack.length - 1].scrollPosition);
@@ -86,7 +100,19 @@ function App() {
 		}
 	};
 
-	const handleAppSelect = (app: CategoryApp) => {
+	const handleAppSelect = (app: CategoryApp, searchQuery?: string, searchResults?: CategoryApp[]) => {
+		// Save search state in current navigation state before navigating
+		if (searchQuery && searchResults) {
+			setNavigationStack((prev) => {
+				const newStack = [...prev];
+				newStack[newStack.length - 1] = {
+					...newStack[newStack.length - 1],
+					searchQuery,
+					searchResults,
+				};
+				return newStack;
+			});
+		}
 		navigateTo({ view: "appDetails", app });
 	};
 
@@ -227,6 +253,8 @@ function App() {
 						onAppSelect={handleAppSelect}
 						onCategorySelect={handleCategorySelect}
 						onMyAppsClick={handleMyAppsClick}
+						initialSearchQuery={currentState.searchQuery}
+						initialSearchResults={currentState.searchResults}
 					/>
 				)}
 			</Box>

src/App.tsx

@@ -1,6 +1,7 @@
+import CloseIcon from "@mui/icons-material/Close";
 import SearchIcon from "@mui/icons-material/Search";
-import { CircularProgress, InputAdornment, TextField } from "@mui/material";
-import { useState } from "react";
+import { CircularProgress, IconButton, InputAdornment, TextField } from "@mui/material";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useDebouncedCallback } from "use-debounce";
 import { apiService } from "../services/api";
@@ -9,13 +10,19 @@ import type { CategoryApp } from "../types";
 interface AppSearchBarProps {
 	onSearch: (query: string, results: CategoryApp[]) => void;
 	onLoading: (isLoading: boolean) => void;
+	initialValue?: string;
 }
 
-export const AppSearchBar = ({ onSearch, onLoading }: AppSearchBarProps) => {
+export const AppSearchBar = ({ onSearch, onLoading, initialValue = "" }: AppSearchBarProps) => {
 	const { t } = useTranslation();
-	const [inputValue, setInputValue] = useState("");
+	const [inputValue, setInputValue] = useState(initialValue);
 	const [isSearching, setIsSearching] = useState(false);
 
+	// Update input value when initialValue changes (e.g., navigating back)
+	useEffect(() => {
+		setInputValue(initialValue);
+	}, [initialValue]);
+
 	const performSearch = useDebouncedCallback(async (query: string) => {
 		if (!query.trim()) {
 			onLoading(false);
@@ -49,6 +56,12 @@ export const AppSearchBar = ({ onSearch, onLoading }: AppSearchBarProps) => {
 		performSearch(value);
 	};
 
+	const handleClear = () => {
+		setInputValue("");
+		onSearch("", []);
+		onLoading(false);
+	};
+
 	return (
 		<TextField
 			fullWidth
@@ -84,11 +97,26 @@ export const AppSearchBar = ({ onSearch, onLoading }: AppSearchBarProps) => {
 						<SearchIcon sx={{ color: "text.secondary" }} />
 					</InputAdornment>
 				),
-				endAdornment: isSearching ? (
+				endAdornment: (
 					<InputAdornment position="end">
-						<CircularProgress size={20} sx={{ color: "primary.main" }} />
+						{isSearching ? (
+							<CircularProgress size={20} sx={{ color: "primary.main" }} />
+						) : inputValue ? (
+							<IconButton
+								onClick={handleClear}
+								sx={{
+									color: "text.secondary",
+									padding: "8px",
+									"&:hover": {
+										color: "primary.main",
+									},
+								}}
+							>
+								<CloseIcon />
+							</IconButton>
+						) : null}
 					</InputAdornment>
-				) : null,
+				),
 			}}
 		/>
 	);

src/assets/internalPromo/banner.png

@@ -27,22 +27,26 @@ import { CategoriesSection } from "./components/CategoriesSection";
 import { FeaturedSection } from "./components/FeaturedSection";
 
 interface HomeProps {
-	onAppSelect: (app: CategoryApp) => void;
+	onAppSelect: (app: CategoryApp, searchQuery?: string, searchResults?: CategoryApp[]) => void;
 	onCategorySelect: (categoryId: string) => void;
 	onMyAppsClick: () => void;
+	initialSearchQuery?: string;
+	initialSearchResults?: CategoryApp[];
 }
 
 export const Home = ({
 	onAppSelect,
 	onCategorySelect,
 	onMyAppsClick,
+	initialSearchQuery = "",
+	initialSearchResults = [],
 }: HomeProps) => {
 	const { t } = useTranslation();
 	const { getUpdateCount } = useInstalledAppsStore();
 	const updateCount = getUpdateCount();
-	const [searchResults, setSearchResults] = useState<CategoryApp[]>([]);
+	const [searchResults, setSearchResults] = useState<CategoryApp[]>(initialSearchResults);
 	const [isSearching, setIsSearching] = useState(false);
-	const [searchQuery, setSearchQuery] = useState("");
+	const [searchQuery, setSearchQuery] = useState(initialSearchQuery);
 	const [aboutModalOpen, setAboutModalOpen] = useState(false);
 
 	const {
@@ -59,7 +63,7 @@ export const Home = ({
 	};
 
 	const handleAppClick = (categoryApp: CategoryApp) => {
-		onAppSelect(categoryApp);
+		onAppSelect(categoryApp, searchQuery, searchResults);
 	};
 
 	const showSearchResults = searchQuery.trim().length > 0;
@@ -122,7 +126,11 @@ export const Home = ({
 					</Paper>
 
 					{/* Barra de Búsqueda con componente integrado */}
-					<AppSearchBar onSearch={handleSearch} onLoading={setIsSearching} />
+					<AppSearchBar
+						onSearch={handleSearch}
+						onLoading={setIsSearching}
+						initialValue={initialSearchQuery}
+					/>
 
 					<NotificationMenu
 						notifications={notifications}

src/assets/internalPromo/hentairos_logo.png

@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
 import { CachedImage } from "../../../components/CachedImage";
 import { useAppOfTheDay } from "../../../hooks/useAppOfTheDay";
 import type { AppStream, CategoryApp } from "../../../types";
+import hetairosLogo from "../../../assets/internalPromo/hentairos_logo.png";
 
 interface FeaturedSectionProps {
 	onAppSelect: (app: CategoryApp) => void;
@@ -51,7 +52,17 @@ interface PromotedAppCardData {
 }
 
 // Set to null to disable promoted app
-const PROMOTED_APP: PromotedAppCardData | null = null;
+const PROMOTED_APP: PromotedAppCardData | null = {
+	appId: "io.github.N3kosempai.hetairos-ai",
+	name: "Hetairos AI",
+	summary: "Your AI Companion. Loyal. Intelligent. Personal.",
+	icon: hetairosLogo,
+	appStream: {
+		id: "io.github.N3kosempai.hetairos-ai",
+		name: "Hetairos AI",
+		summary: "Your AI Companion. Loyal. Intelligent. Personal.",
+	} as AppStream,
+};
 
 export const FeaturedSection = ({ onAppSelect }: FeaturedSectionProps) => {
 	const { t } = useTranslation();
@@ -66,8 +77,8 @@ export const FeaturedSection = ({ onAppSelect }: FeaturedSectionProps) => {
 	type Slide = BackendSlide | PromotedSlide;
 
 	const slides: Slide[] = [];
-	if (appOfTheDay) slides.push({ type: "backend", data: appOfTheDay });
 	if (PROMOTED_APP) slides.push({ type: "promoted", data: PROMOTED_APP });
+	if (appOfTheDay) slides.push({ type: "backend", data: appOfTheDay });
 
 	const totalSlides = slides.length;
 
@@ -211,30 +222,32 @@ export const FeaturedSection = ({ onAppSelect }: FeaturedSectionProps) => {
 										overflow: "hidden",
 									}}
 								>
-									<CachedImage
-										appId={
-											currentSlide.type === "backend"
-												? currentSlide.data?.app_id || ""
-												: currentSlide.data.appId
-										}
-										imageUrl={
-											currentSlide.type === "backend"
-												? currentSlide.data?.icon || ""
-												: currentSlide.data.icon
-										}
-										alt={
-											currentSlide.type === "backend"
-												? currentSlide.data?.name ||
-													currentSlide.data?.app_id ||
-													""
-												: currentSlide.data.name
-										}
-										style={{
-											width: "100%",
-											height: "100%",
-											objectFit: "contain",
-										}}
-									/>
+									{currentSlide.type === "promoted" ? (
+										<img
+											src={currentSlide.data.icon}
+											alt={currentSlide.data.name}
+											style={{
+												width: "100%",
+												height: "100%",
+												objectFit: "contain",
+											}}
+										/>
+									) : (
+										<CachedImage
+											appId={currentSlide.data?.app_id || ""}
+											imageUrl={currentSlide.data?.icon || ""}
+											alt={
+												currentSlide.data?.name ||
+												currentSlide.data?.app_id ||
+												""
+											}
+											style={{
+												width: "100%",
+												height: "100%",
+												objectFit: "contain",
+											}}
+										/>
+									)}
 								</Box>
 							</Box>