feat(FR-2610): Vite dev-reload plugin for i18n / theme / config.toml file changes

[nowgnuesLee]

Resolves #6813(FR-2610)

Summary

Custom Vite plugin (devAssetsReloadPlugin) that triggers a full page reload whenever project-root, runtime-fetched assets change on disk. Mirrors the fs.watch / fs.watchFile setup in the old craco.config.cjs devServer block.

Why needed: i18next-http-backend fetches resources/i18n/*.json at runtime — those JSONs are NOT part of the Vite module graph, so Vite would never HMR them. A full reload is the only way to pick up an edit. config.toml, resources/theme.json, and the project-root index.html fall in the same category.

Watch targets:

• config.toml
• index.html
• resources/i18n/*
• resources/theme.json

Debounce: 300ms (matches craco). FSEvents on macOS can fire multiple watcher events for a single save; editors that use atomic-save (write temp → rename) produce two events. Debouncing collapses both into one reload signal.

Test plan

• Edit resources/i18n/ko.json during vite:dev → page reloads within 300ms
• Edit config.toml → page reloads
• Edit resources/theme.json → page reloads
• Rapid double-save produces ONE reload, not two

Stack

Builds on FR-2607.

[nowgnuesLee]

• fix(FR-2529): include backend.ai-client src in craco TS loader and tsconfig paths #6615
• refactor(FR-2529): extract backend.ai-client as standalone workspace package #6614
• fix(FR-2607): align Electron publicPath patch with Vite output #7189
• fix(FR-2606): clear residual build-time warnings (BUI dts + module directive) #7113
• fix(FR-2606): restore Monaco self-hosting in Vite dev server #7104
• feat(FR-2748): fully migrate test files from jest.* to vi.* and align TS globals #7083
• feat(FR-2746): re-enable 5 tests skipped during Vitest migration #7071
• feat(FR-2744): restore Vitest coverage reporting in CI #7065
• fix(FR-2606): replace webpackIgnore with @vite-ignore in dynamic plugin imports #6879
• fix(FR-2606): replace global.packageVersion with globalThis.packageVersion in WebUISider #6878
• fix(FR-2608): disable vite-plugin-pwa auto-manifest to preserve existing manifest.json #6877
• feat(FR-2611): retire Craco/Webpack — build, Makefile, CI all on Vite/Vitest #6876
• feat: migrate BUI + root tests from Jest to Vitest (follow-up to FR-2609) #6875
• feat(FR-2609): Vitest migration for react/ (100% pass, 856/856 tests) #6874
• feat(FR-2608): Vite production build with vite-plugin-pwa service worker #6873
• feat(FR-2610): Vite dev-reload plugin for i18n / theme / config.toml file changes #6872 👈 (View in Graphite)
• feat(FR-2607): Vite spike answer — es6:// Electron publicPath works via renderBuiltUrl #6871
• feat(FR-2606): restore BUI i18n context isolation under Vite dep optimization #6870
• feat(FR-2606): Vite PoC phase 1 — dev server + HMR + React Compiler parity #6869
• main

---

How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

• flow:merge-queue - adds this PR to the back of the merge queue
• flow:hotfix - for urgent changes, fast-track this PR to the front of the merge queue

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has required the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

[Copilot]

Pull request overview

Adds a custom Vite dev-server plugin to force full-page reloads when runtime-fetched, project-root assets change on disk (i18n JSONs, theme.json, config.toml, root index.html), matching the legacy Craco fs.watch behavior so dev edits are picked up even though these files aren’t in Vite’s module graph.

Changes:

• Introduce devAssetsReloadPlugin to watch specific project-root paths and trigger a debounced full-reload over Vite WS.
• Update server.watch.ignored to ensure config.toml is not excluded from watching.
• Document the migration/landing of the dev-reload behavior in VITE_POC_NOTES.md.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
react/vite.config.ts	Adds a Vite dev plugin to watch runtime-fetched assets and emit debounced full reloads; adjusts watch ignore list and plugin ordering.
react/VITE_POC_NOTES.md	Updates PoC notes to reflect that the fs.watch-equivalent reload behavior has landed under FR-2610.

[graphite-app]

Merge activity

• Apr 30, 12:11 PM UTC: yomybaby added this pull request to the Graphite merge queue.
• Apr 30, 12:27 PM UTC: Merged by the Graphite merge queue.