• Will Chen's avatar
    refactor: migrate hooks to React Query for data fetching (#2536) · 6a53f6fa
    Will Chen 提交于
    ## Summary
    - Replaced manual `useState`/`useEffect` data fetching patterns with
    React Query's `useQuery` and `useMutation` in `useSettings`,
    `useLoadAppFile`, `useLoadApps`, `useAppVersion`, and related hooks
    - Added centralized query keys for `system`, `settings`, `appFiles`, and
    `github` domains in `queryKeys.ts`
    - Added new `useGithubRepos` and `useSystemPlatform` hooks using React
    Query
    - Simplified `TitleBar` and `ImportAppDialog` to use the updated hook
    interfaces
    
    ## Test plan
    - All 784 unit tests pass
    - Verify settings load correctly on app startup
    - Verify file loading works in the code viewer
    - Verify app list loads and refreshes properly
    - Verify title bar shows correct app version
    
    🤖 Generated with [Claude Code](https://claude.com/claude-code)
    <!-- devin-review-badge-begin -->
    
    ---
    
    <a href="https://app.devin.ai/review/dyad-sh/dyad/pull/2536"
    target="_blank">
      <picture>
    <source media="(prefers-color-scheme: dark)"
    srcset="https://static.devin.ai/assets/gh-open-in-devin-review-dark.svg?v=1">
    <img
    src="https://static.devin.ai/assets/gh-open-in-devin-review-light.svg?v=1"
    alt="Open with Devin">
      </picture>
    </a>
    <!-- devin-review-badge-end -->
    
    <!-- CURSOR_SUMMARY -->
    ---
    
    > [!NOTE]
    > **Medium Risk**
    > Touches core loading paths (settings, app list, file reads) and
    caching/invalidations, so regressions could show up as stale data or
    missing refreshes; changes are mostly refactors with minimal behavioral
    intent.
    > 
    > **Overview**
    > **Migrates several app/system/settings data flows from local
    state/Jotai-driven fetching to React Query.** `useLoadApps`,
    `useLoadAppFile`, `useAppVersion`, and `useSettings` now use
    `useQuery`/`useMutation` with cache updates and refresh via query
    invalidation, and app favorites (`useAddAppToFavorite`) update the React
    Query apps cache instead of an `appsListAtom` (which is removed).
    > 
    > Adds new React Query-powered hooks (`useSystemPlatform`,
    `useGithubRepos`) and extends `queryKeys` with `system`, `settings`,
    `appFiles`, and `github` domains; UI callers (`TitleBar`,
    `ImportAppDialog`, `app-details`) are adjusted to consume the new hooks.
    E2E favorite-app tests are hardened by hovering before clicks and using
    a longer assertion timeout.
    > 
    > <sup>Written by [Cursor
    Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
    c82dfca589d0186d25cec33a2453fc5b3f28520b. This will update automatically
    on new commits. Configure
    [here](https://cursor.com/dashboard?tab=bugbot).</sup>
    <!-- /CURSOR_SUMMARY -->
    
    <!-- This is an auto-generated description by cubic. -->
    ---
    ## Summary by cubic
    Migrated core data fetching to React Query to standardize caching,
    loading, and error handling. Cleaned up UI and tests, removed the apps
    Jotai atom, and made refresh flows consistent via query invalidation.
    
    - **Refactors**
    - Replaced manual state/effect with useQuery/useMutation in useSettings,
    useLoadApps, useLoadAppFile, and useAppVersion.
    - Centralized query keys for system, settings, appFiles, and github in
    queryKeys.ts.
    - Removed appsListAtom; apps now read/write via React Query. Kept Jotai
    sync for settings and env vars.
    - Simplified TitleBar (uses useSystemPlatform), ImportAppDialog (uses
    useGithubRepos), and app-details (reads apps from useLoadApps).
      - Updated useAddAppToFavorite to update the React Query cache.
    - Reduced flakiness in favorite app e2e tests by hovering before clicks
    and using a medium timeout.
    
    - **New Features**
    - Added useGithubRepos and useSystemPlatform hooks with session-level
    caching.
    
    <sup>Written for commit c82dfca589d0186d25cec33a2453fc5b3f28520b.
    Summary will update on new commits.</sup>
    
    <!-- End of auto-generated description by cubic. -->
    
    ---------
    Co-authored-by: 's avatarClaude Opus 4.6 <noreply@anthropic.com>
    6a53f6fa
名称
最后提交
最后更新
..
fixtures 正在载入提交数据...
helpers 正在载入提交数据...
snapshots 正在载入提交数据...
1.spec.ts 正在载入提交数据...
add_prompt_deep_link.spec.ts 正在载入提交数据...
annotator.spec.ts 正在载入提交数据...
app_commands.spec.ts 正在载入提交数据...
app_search.spec.ts 正在载入提交数据...
app_storage_path.spec.ts 正在载入提交数据...
approve.spec.ts 正在载入提交数据...
astro.spec.ts 正在载入提交数据...
attach_image.spec.ts 正在载入提交数据...
auto_approve.spec.ts 正在载入提交数据...
auto_update.spec.ts 正在载入提交数据...
azure_provider_settings.spec.ts 正在载入提交数据...
azure_send_message.spec.ts 正在载入提交数据...
backup.spec.ts 正在载入提交数据...
capacitor.spec.ts 正在载入提交数据...
chat_history.spec.ts 正在载入提交数据...
chat_input.spec.ts 正在载入提交数据...
chat_mode.spec.ts 正在载入提交数据...
chat_panel_toggle.spec.ts 正在载入提交数据...
chat_search.spec.ts 正在载入提交数据...
concurrent_chat.spec.ts 正在载入提交数据...
context_compaction.spec.ts 正在载入提交数据...
context_limit_banner.spec.ts 正在载入提交数据...
context_manage.spec.ts 正在载入提交数据...
context_window.spec.ts 正在载入提交数据...
copy_app.spec.ts 正在载入提交数据...
copy_chat.spec.ts 正在载入提交数据...
debugging_logs.spec.ts 正在载入提交数据...
default_chat_mode.spec.ts 正在载入提交数据...
delete_app.spec.ts 正在载入提交数据...
delete_provider.spec.ts 正在载入提交数据...
dump_messages.spec.ts 正在载入提交数据...
dyad_tags_parsing.spec.ts 正在载入提交数据...
edit_code.spec.ts 正在载入提交数据...
edit_custom_models.spec.ts 正在载入提交数据...
edit_provider.spec.ts 正在载入提交数据...
engine.spec.ts 正在载入提交数据...
env_var.spec.ts 正在载入提交数据...
favorite_app.spec.ts 正在载入提交数据...
file_tree_search.spec.ts 正在载入提交数据...
fix_error.spec.ts 正在载入提交数据...
free_agent_quota.spec.ts 正在载入提交数据...
git_collaboration.spec.ts 正在载入提交数据...
github-import.spec.ts 正在载入提交数据...
github.spec.ts 正在载入提交数据...
hmr_path.spec.ts 正在载入提交数据...
import.spec.ts 正在载入提交数据...
import_in_place.spec.ts 正在载入提交数据...
lm_studio.spec.ts 正在载入提交数据...
local_agent_advanced.spec.ts 正在载入提交数据...
local_agent_ask.spec.ts 正在载入提交数据...
local_agent_auto.spec.ts 正在载入提交数据...
local_agent_basic.spec.ts 正在载入提交数据...
local_agent_code_search.spec.ts 正在载入提交数据...
local_agent_consent.spec.ts 正在载入提交数据...
local_agent_file_upload.spec.ts 正在载入提交数据...
local_agent_grep.spec.ts 正在载入提交数据...
local_agent_list_files.spec.ts 正在载入提交数据...
local_agent_read_logs.spec.ts 正在载入提交数据...
local_agent_run_type_checks.spec.ts 正在载入提交数据...
local_agent_search_replace.spec.ts 正在载入提交数据...
local_agent_summarize.spec.ts 正在载入提交数据...
logs_server.spec.ts 正在载入提交数据...
main.spec.ts 正在载入提交数据...
mcp.spec.ts 正在载入提交数据...
mention_app.spec.ts 正在载入提交数据...
mention_files.spec.ts 正在载入提交数据...
new_chat.spec.ts 正在载入提交数据...
nodejs_path_configuration.spec.ts 正在载入提交数据...
ollama.spec.ts 正在载入提交数据...
partial_response.spec.ts 正在载入提交数据...
performance_monitor.spec.ts 正在载入提交数据...
plan_mode.spec.ts 正在载入提交数据...
preview_iframe.spec.ts 正在载入提交数据...
problems.spec.ts 正在载入提交数据...
prompt_library.spec.ts 正在载入提交数据...
rebuild.spec.ts 正在载入提交数据...
refresh.spec.ts 正在载入提交数据...
reject.spec.ts 正在载入提交数据...
release_channel.spec.ts 正在载入提交数据...
rename_app.spec.ts 正在载入提交数据...
rename_edit.spec.ts 正在载入提交数据...
restart.spec.ts 正在载入提交数据...
retry.spec.ts 正在载入提交数据...
security_review.spec.ts 正在载入提交数据...
select_component.spec.ts 正在载入提交数据...
setup.spec.ts 正在载入提交数据...
setup_flow.spec.ts 正在载入提交数据...
smart_context_balanced.spec.ts 正在载入提交数据...
smart_context_deep.spec.ts 正在载入提交数据...
smart_context_options.spec.ts 正在载入提交数据...
supabase_branch.spec.ts 正在载入提交数据...
supabase_client.spec.ts 正在载入提交数据...
supabase_migrations.spec.ts 正在载入提交数据...
supabase_stale_ui.spec.ts 正在载入提交数据...
switch_apps.spec.ts 正在载入提交数据...
switch_versions.spec.ts 正在载入提交数据...
telemetry.spec.ts 正在载入提交数据...
template-community.spec.ts 正在载入提交数据...
template-create-nextjs.spec.ts 正在载入提交数据...
theme_selection.spec.ts 正在载入提交数据...
themes_management.spec.ts 正在载入提交数据...
thinking_budget.spec.ts 正在载入提交数据...
toggle_screen_sizes.spec.ts 正在载入提交数据...
turbo_edits_options.spec.ts 正在载入提交数据...
turbo_edits_v2.spec.ts 正在载入提交数据...
uncommitted_files_banner.spec.ts 正在载入提交数据...
undo.spec.ts 正在载入提交数据...
version_integrity.spec.ts 正在载入提交数据...
visual_editing.spec.ts 正在载入提交数据...