implementing favorite apps feature (#1410)

This PR implements favorite apps feature and addresses issue #827 
    
<!-- This is an auto-generated description by cubic. -->
---

## Summary by cubic
Adds a favorite apps feature with a star toggle in the sidebar.
Favorites are grouped separately and persisted, with optimistic UI
updates and e2e tests.

- **New Features**
- Added isFavorite to the apps schema and an IPC handler
(add-to-favorite) to toggle and persist the state.
  - Updated AppList to show “Favorite apps” and “Other apps” sections.
- Introduced AppItem component with a star button; uses
useAddAppToFavorite for optimistic updates and toasts.
  - Added Playwright tests to verify favoriting and unfavoriting.

- **Migration**
- Run DB migrations to add the apps.is_favorite column (defaults to 0).

<!-- End of auto-generated description by cubic. -->
This commit is contained in:
Mohamed Aziz Mejri
2025-10-06 20:44:18 +01:00
committed by GitHub
parent e8b93e3298
commit 423a95ed81
12 changed files with 1030 additions and 25 deletions

View File

@@ -0,0 +1 @@
ALTER TABLE `apps` ADD `is_favorite` integer DEFAULT 0 NOT NULL;

View File

@@ -0,0 +1,739 @@
{
"version": "6",
"dialect": "sqlite",
"id": "3c245790-42ce-4d19-9d9d-51ed1a022a7a",
"prevId": "8c77d7f5-9f88-4186-8aff-8385e060e59f",
"tables": {
"apps": {
"name": "apps",
"columns": {
"id": {
"name": "id",
"type": "integer",
"primaryKey": true,
"notNull": true,
"autoincrement": true
},
"name": {
"name": "name",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"path": {
"name": "path",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"created_at": {
"name": "created_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
},
"updated_at": {
"name": "updated_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
},
"github_org": {
"name": "github_org",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"github_repo": {
"name": "github_repo",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"github_branch": {
"name": "github_branch",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"supabase_project_id": {
"name": "supabase_project_id",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"neon_project_id": {
"name": "neon_project_id",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"neon_development_branch_id": {
"name": "neon_development_branch_id",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"neon_preview_branch_id": {
"name": "neon_preview_branch_id",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"vercel_project_id": {
"name": "vercel_project_id",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"vercel_project_name": {
"name": "vercel_project_name",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"vercel_team_id": {
"name": "vercel_team_id",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"vercel_deployment_url": {
"name": "vercel_deployment_url",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"install_command": {
"name": "install_command",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"start_command": {
"name": "start_command",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"chat_context": {
"name": "chat_context",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"is_favorite": {
"name": "is_favorite",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "0"
}
},
"indexes": {},
"foreignKeys": {},
"compositePrimaryKeys": {},
"uniqueConstraints": {},
"checkConstraints": {}
},
"chats": {
"name": "chats",
"columns": {
"id": {
"name": "id",
"type": "integer",
"primaryKey": true,
"notNull": true,
"autoincrement": true
},
"app_id": {
"name": "app_id",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"title": {
"name": "title",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"initial_commit_hash": {
"name": "initial_commit_hash",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"created_at": {
"name": "created_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
}
},
"indexes": {},
"foreignKeys": {
"chats_app_id_apps_id_fk": {
"name": "chats_app_id_apps_id_fk",
"tableFrom": "chats",
"tableTo": "apps",
"columnsFrom": [
"app_id"
],
"columnsTo": [
"id"
],
"onDelete": "cascade",
"onUpdate": "no action"
}
},
"compositePrimaryKeys": {},
"uniqueConstraints": {},
"checkConstraints": {}
},
"language_model_providers": {
"name": "language_model_providers",
"columns": {
"id": {
"name": "id",
"type": "text",
"primaryKey": true,
"notNull": true,
"autoincrement": false
},
"name": {
"name": "name",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"api_base_url": {
"name": "api_base_url",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"env_var_name": {
"name": "env_var_name",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"created_at": {
"name": "created_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
},
"updated_at": {
"name": "updated_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
}
},
"indexes": {},
"foreignKeys": {},
"compositePrimaryKeys": {},
"uniqueConstraints": {},
"checkConstraints": {}
},
"language_models": {
"name": "language_models",
"columns": {
"id": {
"name": "id",
"type": "integer",
"primaryKey": true,
"notNull": true,
"autoincrement": true
},
"display_name": {
"name": "display_name",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"api_name": {
"name": "api_name",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"builtin_provider_id": {
"name": "builtin_provider_id",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"custom_provider_id": {
"name": "custom_provider_id",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"description": {
"name": "description",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"max_output_tokens": {
"name": "max_output_tokens",
"type": "integer",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"context_window": {
"name": "context_window",
"type": "integer",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"created_at": {
"name": "created_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
},
"updated_at": {
"name": "updated_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
}
},
"indexes": {},
"foreignKeys": {
"language_models_custom_provider_id_language_model_providers_id_fk": {
"name": "language_models_custom_provider_id_language_model_providers_id_fk",
"tableFrom": "language_models",
"tableTo": "language_model_providers",
"columnsFrom": [
"custom_provider_id"
],
"columnsTo": [
"id"
],
"onDelete": "cascade",
"onUpdate": "no action"
}
},
"compositePrimaryKeys": {},
"uniqueConstraints": {},
"checkConstraints": {}
},
"mcp_servers": {
"name": "mcp_servers",
"columns": {
"id": {
"name": "id",
"type": "integer",
"primaryKey": true,
"notNull": true,
"autoincrement": true
},
"name": {
"name": "name",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"transport": {
"name": "transport",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"command": {
"name": "command",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"args": {
"name": "args",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"env_json": {
"name": "env_json",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"url": {
"name": "url",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"enabled": {
"name": "enabled",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "0"
},
"created_at": {
"name": "created_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
},
"updated_at": {
"name": "updated_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
}
},
"indexes": {},
"foreignKeys": {},
"compositePrimaryKeys": {},
"uniqueConstraints": {},
"checkConstraints": {}
},
"mcp_tool_consents": {
"name": "mcp_tool_consents",
"columns": {
"id": {
"name": "id",
"type": "integer",
"primaryKey": true,
"notNull": true,
"autoincrement": true
},
"server_id": {
"name": "server_id",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"tool_name": {
"name": "tool_name",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"consent": {
"name": "consent",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "'ask'"
},
"updated_at": {
"name": "updated_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
}
},
"indexes": {
"uniq_mcp_consent": {
"name": "uniq_mcp_consent",
"columns": [
"server_id",
"tool_name"
],
"isUnique": true
}
},
"foreignKeys": {
"mcp_tool_consents_server_id_mcp_servers_id_fk": {
"name": "mcp_tool_consents_server_id_mcp_servers_id_fk",
"tableFrom": "mcp_tool_consents",
"tableTo": "mcp_servers",
"columnsFrom": [
"server_id"
],
"columnsTo": [
"id"
],
"onDelete": "cascade",
"onUpdate": "no action"
}
},
"compositePrimaryKeys": {},
"uniqueConstraints": {},
"checkConstraints": {}
},
"messages": {
"name": "messages",
"columns": {
"id": {
"name": "id",
"type": "integer",
"primaryKey": true,
"notNull": true,
"autoincrement": true
},
"chat_id": {
"name": "chat_id",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"role": {
"name": "role",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"content": {
"name": "content",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"approval_state": {
"name": "approval_state",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"commit_hash": {
"name": "commit_hash",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"created_at": {
"name": "created_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
}
},
"indexes": {},
"foreignKeys": {
"messages_chat_id_chats_id_fk": {
"name": "messages_chat_id_chats_id_fk",
"tableFrom": "messages",
"tableTo": "chats",
"columnsFrom": [
"chat_id"
],
"columnsTo": [
"id"
],
"onDelete": "cascade",
"onUpdate": "no action"
}
},
"compositePrimaryKeys": {},
"uniqueConstraints": {},
"checkConstraints": {}
},
"prompts": {
"name": "prompts",
"columns": {
"id": {
"name": "id",
"type": "integer",
"primaryKey": true,
"notNull": true,
"autoincrement": true
},
"title": {
"name": "title",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"description": {
"name": "description",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"content": {
"name": "content",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"created_at": {
"name": "created_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
},
"updated_at": {
"name": "updated_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
}
},
"indexes": {},
"foreignKeys": {},
"compositePrimaryKeys": {},
"uniqueConstraints": {},
"checkConstraints": {}
},
"versions": {
"name": "versions",
"columns": {
"id": {
"name": "id",
"type": "integer",
"primaryKey": true,
"notNull": true,
"autoincrement": true
},
"app_id": {
"name": "app_id",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"commit_hash": {
"name": "commit_hash",
"type": "text",
"primaryKey": false,
"notNull": true,
"autoincrement": false
},
"neon_db_timestamp": {
"name": "neon_db_timestamp",
"type": "text",
"primaryKey": false,
"notNull": false,
"autoincrement": false
},
"created_at": {
"name": "created_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
},
"updated_at": {
"name": "updated_at",
"type": "integer",
"primaryKey": false,
"notNull": true,
"autoincrement": false,
"default": "(unixepoch())"
}
},
"indexes": {
"versions_app_commit_unique": {
"name": "versions_app_commit_unique",
"columns": [
"app_id",
"commit_hash"
],
"isUnique": true
}
},
"foreignKeys": {
"versions_app_id_apps_id_fk": {
"name": "versions_app_id_apps_id_fk",
"tableFrom": "versions",
"tableTo": "apps",
"columnsFrom": [
"app_id"
],
"columnsTo": [
"id"
],
"onDelete": "cascade",
"onUpdate": "no action"
}
},
"compositePrimaryKeys": {},
"uniqueConstraints": {},
"checkConstraints": {}
}
},
"views": {},
"enums": {},
"_meta": {
"schemas": {},
"tables": {},
"columns": {}
},
"internal": {
"indexes": {}
}
}

View File

@@ -92,6 +92,13 @@
"when": 1758320228637, "when": 1758320228637,
"tag": "0012_bouncy_fenris", "tag": "0012_bouncy_fenris",
"breakpoints": true "breakpoints": true
},
{
"idx": 13,
"version": "6",
"when": 1759068733234,
"tag": "0013_damp_mephistopheles",
"breakpoints": true
} }
] ]
} }

View File

@@ -0,0 +1,72 @@
import { test } from "./helpers/test_helper";
import { expect } from "@playwright/test";
test.describe("Favorite App Tests", () => {
test("Add app to favorite", async ({ po }) => {
await po.setUp({ autoApprove: true });
// Create a test app
await po.sendPrompt("create a test app");
await po.goToAppsTab();
// Get the app name from the UI (randomly generated)
const appItems = await po.page.getByTestId(/^app-list-item-/).all();
expect(appItems.length).toBeGreaterThan(0);
const firstAppItem = appItems[0];
const testId = await firstAppItem.getAttribute("data-testid");
const appName = testId!.replace("app-list-item-", "");
// Get the app item (assuming it's not favorited initially)
const appItem = po.page.locator(`[data-testid="app-list-item-${appName}"]`);
await expect(appItem).toBeVisible();
// Click the favorite button
const favoriteButton = appItem
.locator("xpath=..")
.locator('[data-testid="favorite-button"]');
await expect(favoriteButton).toBeVisible();
await favoriteButton.click();
// Check that the star is filled (favorited)
const star = favoriteButton.locator("svg");
await expect(star).toHaveClass(/fill-\[#6c55dc\]/);
});
test("Remove app from favorite", async ({ po }) => {
await po.setUp({ autoApprove: true });
// Create a test app
await po.sendPrompt("create a test app");
await po.goToAppsTab();
// Get the app name from the UI
const appItems = await po.page.getByTestId(/^app-list-item-/).all();
expect(appItems.length).toBeGreaterThan(0);
const firstAppItem = appItems[0];
const testId = await firstAppItem.getAttribute("data-testid");
const appName = testId!.replace("app-list-item-", "");
// Get the app item
const appItem = po.page.locator(`[data-testid="app-list-item-${appName}"]`);
// First, add to favorite
const favoriteButton = appItem
.locator("xpath=..")
.locator('[data-testid="favorite-button"]');
await favoriteButton.click();
// Check that the star is filled (favorited)
const star = favoriteButton.locator("svg");
await expect(star).toHaveClass(/fill-\[#6c55dc\]/);
// Now, remove from favorite
const unfavoriteButton = appItem
.locator("xpath=..")
.locator('[data-testid="favorite-button"]');
await expect(unfavoriteButton).toBeVisible();
await unfavoriteButton.click();
// Check that the star is not filled (unfavorited)
await expect(star).not.toHaveClass(/fill-\[#6c55dc\]/);
});
});

View File

@@ -1,5 +1,4 @@
import { useNavigate } from "@tanstack/react-router"; import { useNavigate } from "@tanstack/react-router";
import { formatDistanceToNow } from "date-fns";
import { PlusCircle, Search } from "lucide-react"; import { PlusCircle, Search } from "lucide-react";
import { useAtom, useSetAtom } from "jotai"; import { useAtom, useSetAtom } from "jotai";
import { selectedAppIdAtom } from "@/atoms/appAtoms"; import { selectedAppIdAtom } from "@/atoms/appAtoms";
@@ -8,19 +7,21 @@ import {
SidebarGroupContent, SidebarGroupContent,
SidebarGroupLabel, SidebarGroupLabel,
SidebarMenu, SidebarMenu,
SidebarMenuItem,
} from "@/components/ui/sidebar"; } from "@/components/ui/sidebar";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { selectedChatIdAtom } from "@/atoms/chatAtoms"; import { selectedChatIdAtom } from "@/atoms/chatAtoms";
import { useLoadApps } from "@/hooks/useLoadApps"; import { useLoadApps } from "@/hooks/useLoadApps";
import { useMemo, useState } from "react"; import { useMemo, useState } from "react";
import { AppSearchDialog } from "./AppSearchDialog"; import { AppSearchDialog } from "./AppSearchDialog";
import { useAddAppToFavorite } from "@/hooks/useAddAppToFavorite";
import { AppItem } from "./appItem";
export function AppList({ show }: { show?: boolean }) { export function AppList({ show }: { show?: boolean }) {
const navigate = useNavigate(); const navigate = useNavigate();
const [selectedAppId, setSelectedAppId] = useAtom(selectedAppIdAtom); const [selectedAppId, setSelectedAppId] = useAtom(selectedAppIdAtom);
const setSelectedChatId = useSetAtom(selectedChatIdAtom); const setSelectedChatId = useSetAtom(selectedChatIdAtom);
const { apps, loading, error } = useLoadApps(); const { apps, loading, error } = useLoadApps();
const { toggleFavorite, isLoading: isFavoriteLoading } =
useAddAppToFavorite();
// search dialog state // search dialog state
const [isSearchDialogOpen, setIsSearchDialogOpen] = useState(false); const [isSearchDialogOpen, setIsSearchDialogOpen] = useState(false);
@@ -35,6 +36,17 @@ export function AppList({ show }: { show?: boolean }) {
})), })),
[apps], [apps],
); );
const favoriteApps = useMemo(
() => apps.filter((app) => app.isFavorite),
[apps],
);
const nonFavoriteApps = useMemo(
() => apps.filter((app) => !app.isFavorite),
[apps],
);
if (!show) { if (!show) {
return null; return null;
} }
@@ -54,6 +66,11 @@ export function AppList({ show }: { show?: boolean }) {
// We'll eventually need a create app workflow // We'll eventually need a create app workflow
}; };
const handleToggleFavorite = (appId: number, e: React.MouseEvent) => {
e.stopPropagation();
toggleFavorite(appId);
};
return ( return (
<> <>
<SidebarGroup <SidebarGroup
@@ -95,28 +112,27 @@ export function AppList({ show }: { show?: boolean }) {
</div> </div>
) : ( ) : (
<SidebarMenu className="space-y-1" data-testid="app-list"> <SidebarMenu className="space-y-1" data-testid="app-list">
{apps.map((app) => ( <SidebarGroupLabel>Favorite apps</SidebarGroupLabel>
<SidebarMenuItem key={app.id} className="mb-1"> {favoriteApps.map((app) => (
<Button <AppItem
variant="ghost" key={app.id}
onClick={() => handleAppClick(app.id)} app={app}
className={`justify-start w-full text-left py-3 hover:bg-sidebar-accent/80 ${ handleAppClick={handleAppClick}
selectedAppId === app.id selectedAppId={selectedAppId}
? "bg-sidebar-accent text-sidebar-accent-foreground" handleToggleFavorite={handleToggleFavorite}
: "" isFavoriteLoading={isFavoriteLoading}
}`} />
data-testid={`app-list-item-${app.name}`} ))}
> <SidebarGroupLabel>Other apps</SidebarGroupLabel>
<div className="flex flex-col w-full"> {nonFavoriteApps.map((app) => (
<span className="truncate">{app.name}</span> <AppItem
<span className="text-xs text-gray-500"> key={app.id}
{formatDistanceToNow(new Date(app.createdAt), { app={app}
addSuffix: true, handleAppClick={handleAppClick}
})} selectedAppId={selectedAppId}
</span> handleToggleFavorite={handleToggleFavorite}
</div> isFavoriteLoading={isFavoriteLoading}
</Button> />
</SidebarMenuItem>
))} ))}
</SidebarMenu> </SidebarMenu>
)} )}

View File

@@ -0,0 +1,67 @@
import { formatDistanceToNow } from "date-fns";
import { Star } from "lucide-react";
import { SidebarMenuItem } from "@/components/ui/sidebar";
import { Button } from "@/components/ui/button";
import { App } from "@/ipc/ipc_types";
type AppItemProps = {
app: App;
handleAppClick: (id: number) => void;
selectedAppId: number | null;
handleToggleFavorite: (appId: number, e: React.MouseEvent) => void;
isFavoriteLoading: boolean;
};
export function AppItem({
app,
handleAppClick,
selectedAppId,
handleToggleFavorite,
isFavoriteLoading,
}: AppItemProps) {
return (
<SidebarMenuItem className="mb-1 relative ">
<div className="flex w-[200px] items-center">
<Button
variant="ghost"
onClick={() => handleAppClick(app.id)}
className={`justify-start w-full text-left py-3 hover:bg-sidebar-accent/80 ${
selectedAppId === app.id
? "bg-sidebar-accent text-sidebar-accent-foreground"
: ""
}`}
data-testid={`app-list-item-${app.name}`}
>
<div className="flex flex-col w-4/5">
<span className="truncate">{app.name}</span>
<span className="text-xs text-gray-500">
{formatDistanceToNow(new Date(app.createdAt), {
addSuffix: true,
})}
</span>
</div>
</Button>
<Button
variant="ghost"
size="sm"
onClick={(e) => handleToggleFavorite(app.id, e)}
disabled={isFavoriteLoading}
className="absolute top-1 right-1 p-1 mx-1 h-6 w-6 z-10"
key={app.id}
data-testid="favorite-button"
>
<Star
size={12}
className={
app.isFavorite
? "fill-[#6c55dc] text-[#6c55dc]"
: selectedAppId === app.id
? "hover:fill-black hover:text-black"
: "hover:fill-[#6c55dc] hover:stroke-[#6c55dc] hover:text-[#6c55dc]"
}
/>
</Button>
</div>
</SidebarMenuItem>
);
}

View File

@@ -39,6 +39,9 @@ export const apps = sqliteTable("apps", {
installCommand: text("install_command"), installCommand: text("install_command"),
startCommand: text("start_command"), startCommand: text("start_command"),
chatContext: text("chat_context", { mode: "json" }), chatContext: text("chat_context", { mode: "json" }),
isFavorite: integer("is_favorite", { mode: "boolean" })
.notNull()
.default(sql`0`),
}); });
export const chats = sqliteTable("chats", { export const chats = sqliteTable("chats", {

View File

@@ -0,0 +1,36 @@
import { useMutation } from "@tanstack/react-query";
import { IpcClient } from "@/ipc/ipc_client";
import { showError, showSuccess } from "@/lib/toast";
import { useAtom } from "jotai";
import { appsListAtom } from "@/atoms/appAtoms";
export function useAddAppToFavorite() {
const [_, setApps] = useAtom(appsListAtom);
const mutation = useMutation<boolean, Error, number>({
mutationFn: async (appId: number): Promise<boolean> => {
const result = await IpcClient.getInstance().addAppToFavorite(appId);
return result.isFavorite;
},
onSuccess: (newIsFavorite, appId) => {
setApps((currentApps) =>
currentApps.map((app) =>
app.id === appId ? { ...app, isFavorite: newIsFavorite } : app,
),
);
showSuccess("App favorite status updated");
},
onError: (error) => {
showError(error.message || "Failed to update favorite status");
},
});
return {
toggleFavorite: mutation.mutate,
toggleFavoriteAsync: mutation.mutateAsync,
isLoading: mutation.isPending,
error: mutation.error,
isError: mutation.isError,
isSuccess: mutation.isSuccess,
};
}

View File

@@ -1075,6 +1075,53 @@ export function registerAppHandlers() {
}, },
); );
ipcMain.handle(
"add-to-favorite",
async (
_,
{ appId }: { appId: number },
): Promise<{ isFavorite: boolean }> => {
return withLock(appId, async () => {
try {
// Fetch the current isFavorite value
const result = await db
.select({ isFavorite: apps.isFavorite })
.from(apps)
.where(eq(apps.id, appId))
.limit(1);
if (result.length === 0) {
throw new Error(`App with ID ${appId} not found.`);
}
const currentIsFavorite = result[0].isFavorite;
// Toggle the isFavorite value
const updated = await db
.update(apps)
.set({ isFavorite: !currentIsFavorite })
.where(eq(apps.id, appId))
.returning({ isFavorite: apps.isFavorite });
if (updated.length === 0) {
throw new Error(
`Failed to update favorite status for app ID ${appId}.`,
);
}
// Return the updated isFavorite value
return { isFavorite: updated[0].isFavorite };
} catch (error: any) {
logger.error(
`Error in add-to-favorite handler for app ID ${appId}:`,
error,
);
throw new Error(`Failed to toggle favorite status: ${error.message}`);
}
});
},
);
ipcMain.handle( ipcMain.handle(
"rename-app", "rename-app",
async ( async (

View File

@@ -274,6 +274,20 @@ export class IpcClient {
return this.ipcRenderer.invoke("get-app", appId); return this.ipcRenderer.invoke("get-app", appId);
} }
public async addAppToFavorite(
appId: number,
): Promise<{ isFavorite: boolean }> {
try {
const result = await this.ipcRenderer.invoke("add-to-favorite", {
appId,
});
return result;
} catch (error) {
showError(error);
throw error;
}
}
public async getAppEnvVars( public async getAppEnvVars(
params: GetAppEnvVarsParams, params: GetAppEnvVarsParams,
): Promise<{ key: string; value: string }[]> { ): Promise<{ key: string; value: string }[]> {

View File

@@ -99,6 +99,7 @@ export interface App {
vercelDeploymentUrl: string | null; vercelDeploymentUrl: string | null;
installCommand: string | null; installCommand: string | null;
startCommand: string | null; startCommand: string | null;
isFavorite: boolean;
} }
export interface Version { export interface Version {

View File

@@ -127,6 +127,8 @@ const validInvokeChannels = [
"prompts:create", "prompts:create",
"prompts:update", "prompts:update",
"prompts:delete", "prompts:delete",
// adding app to favorite
"add-to-favorite",
// Test-only channels // Test-only channels
// These should ALWAYS be guarded with IS_TEST_BUILD in the main process. // These should ALWAYS be guarded with IS_TEST_BUILD in the main process.
// We can't detect with IS_TEST_BUILD in the preload script because // We can't detect with IS_TEST_BUILD in the preload script because