• Mohamed Aziz Mejri's avatar
    Integrating web crawling in the custom theme generator (#2347) · de52b9da
    Mohamed Aziz Mejri 提交于
    <!-- CURSOR_SUMMARY -->
    > [!NOTE]
    > Introduces URL-based theme generation alongside image uploads,
    enabling prompts derived from live websites.
    > 
    > - New `Website URL` input source in `AIGeneratorTab` with toggle,
    validation, crawl status indicators, and adjusted generate button/empty
    states
    > - Adds `useGenerateThemeFromUrl` hook and integrates it with existing
    generation flow and loading state
    > - Extends IPC types with `ThemeInputSource`, `CrawlStatus`, and
    `GenerateThemeFromUrlParams`; updates `templateContracts` with
    `generate-theme-from-url`
    > - Implements `generate-theme-from-url` handler: validates inputs,
    calls Dyad Engine `/tools/web-crawl`, selects web-crawl-specific system
    prompts (inspired/high-fidelity), streams model output, and returns
    prompt with robust error handling
    > - Preserves and refines image-based generation; resets state on dialog
    close and adds small UI polish (icons, counters, disabled states)
    > 
    > <sup>Written by [Cursor
    Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
    b5b1aebb277ce421953a06b148bd342fded2a64f. 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
    Add URL-based theme generation with web crawling to the custom theme
    generator, alongside image uploads. Users can paste a website URL to
    extract a design system and generate a prompt with clear generation
    status, with added security and reliability improvements.
    
    - **New Features**
    - Source toggle: switch between “Upload Images” and “Website URL,” with
    state reset on dialog close.
    - URL input flow: validate URL and update button states/text; show
    generating state during processing.
    - New hook and types: useGenerateThemeFromUrl, ThemeInputSource,
    CrawlStatus.
    - IPC + contract: generate-theme-from-url with
    GenerateThemeFromUrlParams and result typing.
    - Backend handler: validates Dyad Pro + API key, URL, keywords; crawls
    via Dyad Engine (/tools/web-crawl); uses screenshot + markdown with
    truncation; distinct meta prompts for inspired vs high-fidelity; model
    mapping (Gemini 3 Pro, Claude Opus 4.5, GPT-5.2); streams prompt;
    returns clear errors; test mode stub output.
    
    - **Bug Fixes**
    - Security: restrict to HTTP/HTTPS URLs; block internal/private hosts
    (SSRF); sanitize crawled markdown and user keywords; Zod-validate crawl
    response.
    - Reliability: 120s crawl timeout with AbortController; clearer errors;
    UUID request IDs.
    - UI: add “generating” state; fix effect deps to avoid races; correct
    button disabled states.
      - Code health: shared model map at module scope (DRY).
    
    <sup>Written for commit b8aef2d51b1c5b7de5266f5afdfeb3174a64285b.
    Summary will update on new commits.</sup>
    
    <!-- End of auto-generated description by cubic. -->
    
    <!-- devin-review-badge-begin -->
    
    ---
    
    <a href="https://app.devin.ai/review/dyad-sh/dyad/pull/2347">
      <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 -->
    
    ---------
    Co-authored-by: 's avatarClaude <noreply@anthropic.com>
    Co-authored-by: 's avatarWill Chen <willchen90@gmail.com>
    de52b9da
名称
最后提交
最后更新
..
fixtures 正在载入提交数据...
helpers 正在载入提交数据...
snapshots 正在载入提交数据...
1.spec.ts 正在载入提交数据...
add_prompt_deep_link.spec.ts 正在载入提交数据...
annotator.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_input.spec.ts 正在载入提交数据...
chat_mode.spec.ts 正在载入提交数据...
chat_search.spec.ts 正在载入提交数据...
concurrent_chat.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 正在载入提交数据...
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 正在载入提交数据...
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 正在载入提交数据...
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 正在载入提交数据...