ember: a live reload refresh is triggered whenever any file changes

[johncowen]

We are using docfy embedded alongside/inside our application, which also uses CSS hot reloading.

Changes to any CSS related files (including our app.scss file) causes full page refresh instead of waiting for a re-injection of the CSS via hot reloading.

I traced back to the below lines that are causing the full refresh, which I'm guessing runs when any file in the application changes and modifies/touches the public/docfy-urls.json file, which in turn causes the app/browser to refresh.

docfy/packages/ember/src/index.ts

Lines 101 to 110 in 7268895

	const urlsJsonFile = path.join(
	this.outputPath,
	'public',
	'docfy-urls.json'
	);
	ensureDirectoryExistence(urlsJsonFile);
	fs.writeFileSync(
	urlsJsonFile,
	JSON.stringify(result.content.map((page) => page.meta.url))
	);

If there's nothing I can change outside of docfy to prevent this, I'd be happy to try and look at this myself with some info/guidance/direction on what a fix could be if that's easiest?

[josemarluedke]

Interesting. I think we need to introduce some type of caching using Broccoli. We probably should also avoid rebuilding Docfy if no markdown files changed, this could be the ultimate solution.