I did a post a while back about how to enable undo functionality when using CoreData. It continues to work great for AppKit or UIKit apps, but what about if you’ve adopted SwiftUI as Apple is suggesting we do?
Well… unfortunately the previous approach won’t work quite as well.
After a few hours working this, it turns out it’s quite simple… You have two options:
1. Using the @Environment property:
First, be sure you pass the right managedObjectContext to your top level view as part of the @main App:
If done right you will almost never notice it.. It is however one of the most used parts of any app: the sidebar.
With MarsManaged we’ve gone through quite a few iterations. Here’s a retrospective on the improvements made, and the thinking behind them.
First Iteration (A): Although it was purely a SwiftUI non-functional prototype, the sidebar already contained all the key elements that would define the app -> notes, tasks and tags.
Second Iteration (B): To show notes are much more than just text and to indicate intent, Notes are renamed to Action Cards. For the first time we’re also including the concept of Categories, essentially non-deletable Tags. Finally Tasks is renamed to To-Dos as it reads better.
Third Iteration (C): Minor tweaks here, Action Cards is simplified to Cards and Categories is moved below To-Dos. The reasoning being Tags and Categories should appear at the bottom as they group above elements. Another addition is the button to add a Tag from the sidebar, allowing users to quickly create new ones.
Fourth Iteration (D): A visually minor but significant change, categories no longer exist as their own element. They have now become regular Tags. Pinned ones to be precise. Pinned tags is a new feature where any tag can be pinned to appear above non-pinned ones, separated by a thin line.
Fifth Iteration (E): As To-Dos are linked to Cards, and Cards are linked to Tags, the order in which they appear on the sidebar is changed to reflect this functional reality (1. ToDo < 2. Card < 3. Tag). Two other changes you’ll notice is that, based on user-testing feedback, Tags is now called Groups and To-Dos has been renamed to Actions, better matching the app theme and showing intent.
Sixth Iteration (F): The New Card and New Action buttons are moved to the Toolbar, freeing the SideBar to only focus on the user content and giving MarsManaged a cleaner look.
Which takes us to today’s (and probably final) iteration-> Seventh Iteration
6th iteration on the left, 7th on the right
First, the cosmetic changes: In Focus has become simply Focus and This Week has become Recents.
Second, the Today section is no longer available: although initially I thought it would be convenient for users, the reality is that I was wrong. Today would always be empty at the beginning of the day so users would end up always skipping Today and going to Recents instead, even when they wanted to see Cards they edited today.
So, here you have it, the evolution of the SideBar over almost a year, one of the most important parts of MarsManaged. What are your thoughts, anything I have missed? Let me know @MarcMasVi
Portugal was great: the food, the weather, the people… In between hikes, museums and reading breaks I’ve done quite a bit of progress on MarsManaged: it’s looking better and better. Every day a bit more polished and user feedback is helping raise the bar big time.
Here’s how the main screen looks like now:
And here’s how it looks when a Card is selected:
Finally, as you may recall previous attempts were notsatisfactory (to say the least) here’s the latest iteration of the icon:
If you want to be part of TestFlight and help shape the future of the app, drop me a line at email@example.com
I’m writing these lines from a wonderful terrace overseeing Guimaraes, a small medieval town in Portugal.
The day is sunny, there’s a refreshing breeze and -behind me- a fountain provides background noise perfect for focusing.
As you may have guessed, I’m on vacation. My wife and I have taken two weeks to visit Portugal, enjoy its cuisine and -of course- read and code.
The book I’m reading at the moment is Build, by Tony Fadell. It’s an excellent book, a wealth of product experience condensed to its essence. He does not beat around the bush, delivers at every page.
Coding-wise, I’m continuing to work on polish and bug-fixing while keeping impulses to add more features to MarsManaged at bay. I won’t lie, this final phase is not as rewarding/stimulating, it is however necessary to ship a reliable product so powering through it.
Also, the app icon… I’m playing with different concepts, I’m not entirely happy with any yet. Here’s one option:
I like the fact that its easily recognizable and scales well to multiple sizes. I do not like that it does not reflect the functionality of the app in any way.
On this one I like that it shows the functionality of the app. However I do not like that it does so poorly and that it does not scale well to multiple sizes. It’s too crowded too. OK, I agree, this one is horrible.
If you’ve always been on the fence about learning Machine Learning but the concepts seemed too intimidating, Andrew Ng has created a new and improved version of his introduction to Data Science. You can find it here
I did the original one and it was so good, this one seems to be even better. And all in Python!
There’s never been a better time to learn, or refresh, your ML skills.
In the previous post I discussed the addition of Dynamic Date parsing to MarsManaged. In a nutshell: actions containing certain keywords (i.e. today, tomorrow, next month) are automatically converted to target dates.
High level, the flow is as follows:
Nice right? Well, I quickly discovered an unexpected surprise: the TextView format was being lost when the keyword replacement happened.
After some digging I found the culprit -> textView.string.replaceSubrange([…])
Every time that line of code was called, TextView would lose its attributed format.
To deal with this, I initially considered reformatting the CARD every time a keyword was replaced. That would work of course, but it’s not clean nor efficient… Thankfully, after some digging, found a better solution to the problem by using textStorage attribute instead of string. That completely prevents the loss of format, so no need to do anything else.
For MarsManaged I decided to go with a similar approach to Apple Notes when the card list is empty. Here’s how to easily do it in SwiftUI.
1. Create a ZStack where you’ll have a list of items you want to show followed by your desired empty state view, in this case I’m using Text.
2. Set the State View opacity to 1 if there’s no data to show or 0 otherwise. In doing so the view will only appear when there’s nothing to show.
.opacity(notes.count == 0 ? 1 : 0)
In addition, to help infuse some character into the app I’m planning on having quotes related to space exploration/mars in the detail view. Maybe also some image of Mars? Have not decided yet… Do let me know what you think.
Development-wise it’s even easier: using an if statement it checks if a Card is selected and if so it’ll show the editor, else it’ll show the empty state view.