Feat: Proactively Save `item.text` on device to avoid losing data

[nelsonic]

as noted in #247 I have lost data typed into the item.text <textarea> on several occasions. 🤦‍♂️ this is hugely frustrating and as a person using this MVP I would quit the App immediately if it happened to me. 👎

Story

As a person using the @dwyl App/MVP I want to have the item.text I'm writing So that I don't lose any of it!

Todo

• [ ] Once the PaperTrail integration https://github.com/dwyl/mvp/issues/252 has been merged, we should be able to store the versions of item.text so storing an incomplete item.text e.g: `Buy mil" will become "Buy Milk from Waitrose" when fully captured.
• [ ] Implement a mechanism to save item.text on the Device 📱 so that if the page refreshes you check the device first to see if there is some unfinished text.
• [ ] When the item is saved we can clear the storage on the device.

Questions:

1. If the person has multiple tabs open for the MVP, how do we allow them to have multiple item.text in "draft" on the device? 💭

2. Do we want to sync draft text between connected clients so that I can start typing on one device and pick-up on another? or is this overcomplicating? Perhaps we can address this in the future. 💭

[nelsonic]

@SimonLab please LMK if you think this is satisfied by your recent PR #254 🙏

[SimonLab]

The PR https://github.com/dwyl/mvp/pull/254 fixed

as noted in https://github.com/dwyl/mvp/issues/247 I have lost data typed into the item.text on several occasions.</p> </blockquote> <p>I think this issue can be closed</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>