• wwwillchen-bot's avatar
    Fix preview navigation black screen when selecting routes from dropdown (#2610) · fb73c208
    wwwillchen-bot 提交于
    ## Summary
    - Changed `navigateToRoute()` to use `postMessage` +
    `location.replace()` pattern instead of direct `location.href`
    assignment
    - This matches the approach used by back/forward navigation buttons and
    provides smooth navigation without the black screen flicker and sidebar
    state reset
    - Also added proper `currentIframeUrlRef` and `preservedUrls` updates
    for HMR remount consistency
    
    Fixes #2428
    
    ## Test plan
    - [x] Build succeeds
    - [x] Unit tests pass (784 tests)
    - [x] E2E tests pass for preview navigation (`npm run e2e -- --grep
    "preview navigation"`)
    - Manual testing: Open a multi-page app, use the route dropdown to
    navigate between routes - should no longer see black screen flicker or
    sidebar collapse
    
    🤖 Generated with [Claude Code](https://claude.com/claude-code)
    <!-- devin-review-badge-begin -->
    
    ---
    
    <a href="https://app.devin.ai/review/dyad-sh/dyad/pull/2610"
    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 -->
    
    <!-- This is an auto-generated description by cubic. -->
    ---
    ## Summary by cubic
    Fixes #2428: removes black screen flicker and sidebar collapse when
    selecting routes from the preview dropdown. Navigation now uses
    postMessage + location.replace and keeps the iframe src stable across
    SPA navigation and HMR.
    
    - **Bug Fixes**
    - Use postMessage + location.replace to navigate; prevents flicker and
    preserves sidebar state.
    - Freeze iframe src with useMemo and same-origin check so SPA nav/HMR
    don’t reset it; added e2e test to verify src remains unchanged.
    - Sync navigation state: history, canGoBack/canGoForward,
    currentIframeUrlRef, and per-app preservedUrls (clears on root).
    
    <sup>Written for commit 1bdd7635ea432c564fe77fea57062df1a9d2f56d.
    Summary will update on new commits.</sup>
    
    <!-- End of auto-generated description by cubic. -->
    
    ---------
    Co-authored-by: 's avatarWill Chen <willchen90@gmail.com>
    Co-authored-by: 's avatarClaude Opus 4.5 <noreply@anthropic.com>
    fb73c208
名称
最后提交
最后更新
.claude 正在载入提交数据...
.cursor/rules 正在载入提交数据...
.devcontainer 正在载入提交数据...
.github 正在载入提交数据...
.husky 正在载入提交数据...
.storybook 正在载入提交数据...
assets 正在载入提交数据...
docs 正在载入提交数据...
drizzle 正在载入提交数据...
e2e-tests 正在载入提交数据...
makers 正在载入提交数据...
packages/@dyad-sh 正在载入提交数据...
rules 正在载入提交数据...
scaffold 正在载入提交数据...
scripts 正在载入提交数据...
shared 正在载入提交数据...
src 正在载入提交数据...
testing 正在载入提交数据...
tools 正在载入提交数据...
worker 正在载入提交数据...
workers/tsc 正在载入提交数据...
.cursorignore 正在载入提交数据...
.env.example 正在载入提交数据...
.eslintrc.json 正在载入提交数据...
.gitattributes 正在载入提交数据...
.gitignore 正在载入提交数据...
.npmrc 正在载入提交数据...
.oxfmtrc.json 正在载入提交数据...
.oxlintrc.json 正在载入提交数据...
.prettierignore 正在载入提交数据...
.prettierrc 正在载入提交数据...
AGENTS.md 正在载入提交数据...
CLA.md 正在载入提交数据...
CLAUDE.md 正在载入提交数据...
CONTRIBUTING.md 正在载入提交数据...
LICENSE 正在载入提交数据...
README.md 正在载入提交数据...
SECURITY.md 正在载入提交数据...
biome.json 正在载入提交数据...
components.json 正在载入提交数据...
drizzle.config.ts 正在载入提交数据...
forge.config.ts 正在载入提交数据...
forge.env.d.ts 正在载入提交数据...
index.html 正在载入提交数据...
lint-staged.config.js 正在载入提交数据...
merge.config.ts 正在载入提交数据...
package-lock.json 正在载入提交数据...
package.json 正在载入提交数据...
playwright.config.ts 正在载入提交数据...
tsconfig.app.json 正在载入提交数据...
tsconfig.json 正在载入提交数据...
tsconfig.node.json 正在载入提交数据...
vite.main.config.mts 正在载入提交数据...
vite.preload.config.mts 正在载入提交数据...
vite.renderer.config.mts 正在载入提交数据...
vite.worker.config.mts 正在载入提交数据...
vitest.config.ts 正在载入提交数据...
windowsSign.ts 正在载入提交数据...