Top-notch video tutorials for Swift developers

When tapping on an image, we want to open a new window with that image, but have it expand from the position in the gallery on the post. To do so, we have to do some window manipulation using NSPanel and some frame calculations.

In this episode we explore a little hit testing problem we have with our custom layout solution. We implement some techniques to help visualize and explain the problem and then ultimately fix it.

In this episode we dive a little deeper into how Windows can be opened using SwiftUI, then see how we can drop down to AppKit to customize it further. We'll learn about style masks and the different behaviors we have for positioning the window. Finally we use this knowledge to open a window with a selected image from a post.

In this episode we show the post's images, using a custom layout algorithm to position multiple images in the space available for a post. Also, new icon!

We add the ability for the app to remember that a user was logged in, auto log them in w/ the saved credentials. We also add a sidebar to display the user's avatar, including a translucency effect that was not obvious at first glance how to implement. Finally we add auto-paging to the app so that the app will continuously fetch the next page when you reach the bottom.

Now that we have a view for rendering link previews, now we integrate it into the timeline. We'll start by updating our model to capture links, then move on to adjusting the layout within the post view.

Posts with links in them can be expanded to show richer information, including an image for many sites that support it. In this episode we'll utilize the LinkPresentation framework to add this to our app. We'll also build out a cache using NSCache to ensure that we respond quickly when rendering the same post while scrolling.

In this episode we continue with our post UI, making it adapt the layout to the available size using the ViewThatFits view in SwiftUI. Then we turn our attention to the avatars, which need to be fetched and displayed. We start with AsyncImage, but after a discussion we conclude that we will need more control over how the images are fetched and cached, so we implement our own RemoteImageView.

In this episode we tackle showing a list of posts, which requires us to convert the network models into models more fit for the UI, parsing HTML in order to display as an AttributedString, and displaying the author information.

In this episode we take our authenticated session and use it to fetch the user's timeline on the selected server.

In this episode we complete our log in functionality using the AuthenticationServices and the keychain. We'll also see how we will represented an authenticated session using a new type, so that other parts of our code will have everything it needs to make authenticated calls to the API.

In this episode we lay the foundation for the OAuth flow with Mastodon servers. We'll utilize KeychainAccess as a wrapper for the Keychain API, so that we can store secrets in a secure way.

The first step to use Mastodon is to select your instance. You can browse a public timeline of that instance or you can log into that instance to see your own timeline. In this episode we will create a simple instance selection UI. We'll then use animated transitions to switch to the timeline view. Gui teaches us a new tip about debugging animations.

Gui Rambo joins us to build a Mastodon Client for macOS using SwiftUI. In this episode we'll show the app we'll be building and then start from a blank slate where we will cover some topics about how a SwiftUI macOS app is set up, how we can define some build settings using xcconfig files, and how to deal with building for different Apple Developer teams.

In order to control the font, size, and color of various text elements we need a way to implement selection of one or more text elements. In this episode we will refactor our code to lift up some state into an observable object so that we can control the selected text items from another view outside the canvas.

To allow the user to edit the text elements, we'll add a binding for isEditing and swap out the Text element for a TextField. We'll then utilize onSubmit and a tap gesture to go in and out of the edit mode. Finally, using a derived binding, we can ensure that only one field is showing as editable at a given time.

In this episode we will add a toolbar button to add new text elements. We'll see how to quickly add a stroke around our text to make it readable. Then we'll implement smooth dragging to position the text elements on the canvas.

We start with a literal blank canvas. We'll use NSApplicationDelegateAdaptor and NSDocumentController with our SwiftUI app to ensure a new document is always created on launch. Then we'll introduce drag & drop behavior to allow a user to drag an image from the Finder to our app to display it.

We start looking at SwiftUI on the Mac. We'll go over how document-based apps work, and see how much functionality and standard behavior we can get with just a few lines of code. This will be the basis for a new app we'll make called Memeify.

Storing secrets in plain-text in your source code is not a great idea. It can lead to leaking this information to the wrong people (or to a wider audience than is necessary), it makes rotating these keys difficult, and it makes it trivial for people to see these secrets in your compiled application binary. In this episode we will utilize an obfuscation approach that may just be good enough for many use cases.

When working on a large project with multiple developers, we often find ourselves in contention with the Xcode project.pbxproj file. Conflicts here are not easy to solve manually, and if you make a mistake Xcode won’t load the project at all, requiring you to fix it manually. In this episode we will explore migrating to a solution where the project file is generated using a tool called Xcodegen.

In this episode we fix an issue that caused our sorting logic to be lost after adding persistence.

Now that we have a working Todo app, it's time to focus on persistence, so that our changes are kept when we launch the app. This will change the structure slightly, as we'll bring in a popular new library called Boutique and its Store to provide this facility. We'll also introduce the concept of a "controller", which is more of a model controller than a controller you might be familiar with in UIKit MVC.

In this video we discuss a couple of options for implementing drag to reorder so that we can reorder our todos. We also implement a feature to automatically move completed todos to the bottom, and bringing them back when unchecked.