feat(client): add debounce on page reload

[btea]

Description

close #13512

Additional context

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the PR Title Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[patak-dev]

Thanks for the PR @btea!
@GeorgeZhangZHY would you help us test this PR? I think 50ms is a sensible delay here.

[GeorgeZhangZHY]

may be just use lodash.debounce is better?

[patak-dev]

It is better to avoid dependencies in client.ts, we serve this file during dev to the browser.

[GeorgeZhangZHY]

How?

Thanks for the PR @btea! @GeorgeZhangZHY would you help us test this PR? I think 50ms is a sensible delay here.

Don't know how to test it as there's no beta Vite package. I guess it‘s sufficient for my Mac. Maybe a little bit larger delay such as 80~100ms can cover more less performant machines.

[patak-dev]

I'm a bit hesitant to add a longer timeout without proper testing for its need. About testing PRs, you can clone and build Vite and use an override in your app to the local Vite (if you use pnpm, it would be https://pnpm.io/package_json#pnpmoverrides for example). But I think this debounce makes sense, we could merge it, and you can test using the beta release soon.