Data load/access diagram

[smblee]

Is there a diagram that describes the data load order in new Svelte 1.0?

This is my current understanding:

local hooks =>
+layout.server.ts (nested) => 
+page.server.ts => 
+layout.ts (nested) => 
+page.ts =>  
+layout.svelte (nested) &  +page.svelte

I think since everything is async in nature and not all waterfall, it's a bit confusing where and when dependent data can be accessible. I think this gets even more confusing for me when hybrid SSR & CSR is considered. Above flow is my understanding of a SSR load, not post-load, CSR app navigation, so it's also pretty difficult to grasp what invalidate will actually do when called at various parts of the app.

[smblee]

Found this: #4315 and I think this comment (#4315 (comment)) from @fcrozatier is what i was looking for - doesn't seem to be complete by any means, but would love to see if one of the maintainers would be able to help documenting this together!