How to implement undo/redo with Inertia?

[eta-orionis]

Hello,

I'm wondering about how to best implement multilevel "undo/redo" in a Laravel app with Inertia. I am familiar with how to implement undo/redo in a "pure" SPA, but I can't seem to find any resources about undo/redo with Inertia. Specifically:

• where and how to save the command history and application state (backend? frontend? Vuex?)
• how to keep frontend and backend state in sync, without requiring a full page refresh when one of them changes?
• how to leverage partial reloads and other Inertia features to keep a consistent, deterministic state across pages and routes
• how to save/restore Vuex and undo/redo state when a full page reload is necessary or when the user refreshes the page

I'd appreciate some guidance on how to approach the problem and how an example solution could look like. (I can even extend the Inertia documentation with whatever best practices and solutions come up in this thread.)

Thanks!