DEV Community: Anton Paliakou

Awesome macOS Libraries List

Anton Paliakou — Fri, 21 Jan 2022 09:58:35 +0000

Do you like the list? Press ⭐️ on GitHub too! Thanks!
https://github.com/Toni77777/awesome-macos-libraries

Dependency Manager

scroll to top

Swift Package Manager - The Package Manager for the Swift Programming Language. Created and maintained by Apple. Language: Swift.
CocoaPods - The Cocoa Dependency Manager. CocoaPods manages dependencies for your Xcode projects. (de facto standard/most used Dependency Manager) Language: Ruby.
Carthage - A simple, decentralized dependency manager for Cocoa. Language: Swift.

Animation

scroll to top

Advance - Physics-based animations. Language: Swift.

Audio

scroll to top

AudioKit - Swift audio synthesis, processing, & analysis platform. Language: Swift.

Database

scroll to top

Realm - Realm is a mobile database: a replacement for Core Data & SQLite. Language: Swift.
YapDatabase - YapDB is a collection/key/value store with a plugin architecture. It's built atop sqlite, for Swift & objective-c developers. Language: Objective-C.
FMDB - A Cocoa / Objective-C wrapper around SQLite. Language: Objective-C.
SugarRecord - CoreData/Realm sweet wrapper written in Swift. Language: Swift.
SQLite.swift - A type-safe, Swift-language layer over SQLite3. Language: Swift.
GRDB - A toolkit for SQLite databases, with a focus on application development. Language: Swift.
Realm Converter - A library that provides the ability to import/export Realm files from a variety of data container formats. Language: Swift.
WCDB - WCDB is a cross-platform database framework developed by WeChat. Language: C.
IceCream - Sync Realm Database with CloudKit. Language: Swift.
MongoKitten - Native MongoDB driver for Swift, written in Swift. Language: Swift.
Unrealm - Unrealm is an extension on RealmCocoa, which enables Swift native types to be saved in Realm. Language: Swift.

Dependency Injection

scroll to top

Swinject - Dependency injection framework for Swift. Language: Swift.

Device

scroll to top

Device - Light weight tool for detecting the current device and screen size written in swift. Language: Swift.

Extensions

scroll to top

SwifterSwift - A handy collection of more than 500 native Swift extensions to boost your productivity. Language: Swift.

Files

scroll to top

FileKit - Simple and expressive file management in Swift. Language: Swift.
ZipZap - zip file I/O library. Language: Objective-C.
ZIPFoundation - Effortless ZIP Handling in Swift. Language: Swift.
SSZipArchive - ZipArchive is a simple utility class for zipping and unzipping files. Language: C.
KZFileWatchers - A micro-framework for observing file changes, both local and remote. Helpful in building developer tools. Language: Swift.
FilesProvider - FileManager replacement for Local, iCloud and Remote. Language: Swift.
Zip - Swift framework for zipping and unzipping files. Language: Swift.

Image

scroll to top

Kingfisher - A lightweight, pure-Swift library for downloading and caching images from the web. Language: Swift.
Nuke - Image loading system. Language: Swift.
AlamofireImage - AlamofireImage is an image component library for Alamofire. Language: Swift.

In App Purchases and Subscription

scroll to top

SwiftyStoreKit - Lightweight In App Purchases Swift framework. Language: Swift.
purchases-ios - In-app purchases and subscriptions made easy.

JSON

scroll to top

Codable - Out of box 📦 solution from Apple for Encode/Decode JSON. Language: Swift.
SwiftyJSON - The better way to deal with JSON data in Swift. Language: Swift.
SBJson - This framework implements a strict JSON parser and generator in Objective-C. Language: Objective-C.
Mantle - Model framework for Cocoa and Cocoa Touch. Language: Objective-C.
JSONModel - Magical Data Modeling Framework for JSON - allows rapid creation of smart data models. Language: Objective-C.
Himotoki - A type-safe JSON decoding library purely written in Swift. Language: Swift.
AlamofireObjectMapper - An Alamofire extension which converts JSON response data into swift objects using ObjectMapper. Language: Swift.
MJExtension - A fast, convenient and nonintrusive conversion framework between JSON and model. Your model class doesn't need to extend any base class. You don't need to modify any model file. Language: Objective-C.
ObjectMapper - Simple JSON Object mapping written in Swift. Language: Swift.

Keychain

scroll to top

KeychainAccess - Simple Swift wrapper for Keychain. Language: Swift.
Locksmith - A powerful, protocol-oriented library for working with the keychain in Swift. Language: Swift.
Valet - Valet lets you securely store data in the macOS Keychain without knowing a thing about how the Keychain works. It’s easy. We promise. Language: Swift.
UICKeyChainStore - UICKeyChainStore is a simple wrapper for Keychain on macOS. Makes using Keychain APIs as easy as NSUserDefaults. Language: Objective-C.

Linter

scroll to top

SwiftLint - A tool to enforce Swift style and conventions. Language: Swift.

Logging

scroll to top

CocoaLumberjack - A fast & simple, yet powerful & flexible logging framework. Language: Objective-C.
NSLogger - A modern, flexible logging tool. Language: Objective-C.
EXPLogger - A lightweight and simple logger for Swift projects. Language: Swift.
XCGLogger - A debug log framework for use in Swift projects. Allows you to log details to the console (and optionally a file), just like you would have with NSLog() or print(), but with additional information, such as the date, function name, filename and line number. Language: Swift.
SwiftyBeaver - Convenient & secure logging during development & release. Language: Swift.

Layout

scroll to top

PureLayout - The ultimate API for iOS & OS X Auto Layout — impressively simple, immensely powerful. Language: Objective-C.
SnapKit - A Swift Autolayout DSL. Language: Swift.
Grid - The most powerful Grid container missed in SwiftUI. Language: Swift.
Align - Intuitive and powerful Auto Layout library. Language: Swift.
PinLayout - Fast Swift Views layouting without auto layout. No magic, pure code, full control and blazing fast. Concise syntax, intuitive, readable & chainable. Language: Swift.
EasyAnchor - Declarative, extensible, powerful Auto Layout. Language: Swift.
TinyConstraints - Nothing but sugar. Language: Swift.
Anchorage - A collection of operators and utilities that simplify layout code. Language: Swift.
EasyPeasy - Auto Layout made easy. Language: Swift.
Neon - A powerful Swift programmatic UI layout framework. Language: Swift.
Cartography - A declarative Auto Layout DSL for Swift. Language: Swift.

Network

scroll to top

Alamofire - Alamofire is an HTTP networking library written in Swift. (de facto standard library for network) Language: Swift.
apollo-ios - A strongly-typed, caching GraphQL client. Language: Swift.
AFNetworking - A delightful networking framework. Language: Objective-C.
Reachability - Replacement for Apple's Reachability re-written in Swift with closures. Language: Swift.
Moya - Network abstraction layer written in Swift. Language: Swift.
APIKit - Type-safe networking abstraction layer that associates request type with response type. Language: Swift.
SwiftHTTP - Thin wrapper around NSURLSession in swift. Simplifies HTTP requests. Language: Swift.
Just - Swift HTTP for Humans. Language: Swift.
siesta - The civilized way to write REST API clients. Language: Swift.
RestKit - RestKit is a framework for consuming and modeling RESTful web resources. Language: Objective-C.
Swift Protobuf - Plugin and runtime library for using protobuf with Swift. Language: Swift.
protobuf-swift - Google ProtocolBuffers for Apple Swift. Language: Swift.

Reactive Programming

scroll to top

RxSwift - Reactive Programming in Swift. Language: Swift.
ReactiveCocoa - Cocoa framework and Obj-C dynamism bindings for ReactiveSwift. Language: Swift.
ReactiveSwift - Streams of values over time by ReactiveCocoa group. Language: Swift.

Socket

scroll to top

Socket.IO - Socket.IO client written on Swift. Language: Swift.
SocketRocket - A conforming Objective-C WebSocket client library. Language: Objective-C.
CocoaAsyncSocket - Asynchronous socket networking library. Language: Objective-C.

Do you know a cool macOS library? Welcome to contribute!
https://github.com/Toni77777/awesome-macos-libraries

How to play a video with VideoPlayer in SwiftUI

Anton Paliakou — Mon, 04 Oct 2021 19:27:22 +0000

VideoPlayer - is a view that displays content from a player and a native user interface to control playback.

Available iOS 14.0+, macOS 11.0+, Mac Catalyst 14.0+, tvOS 14.0+, watchOS 7.0+, Xcode 12.0+.

How to use the VideoPlayer view? Go to the code below:

import AVKit // 1
import SwiftUI

struct ContentView: View {

    // 2
    let videoUrl = URL(fileURLWithPath: Bundle.main.path(forResource: "PexelsSea", ofType: "mp4")!)

    var body: some View {
        VideoPlayer(player: AVPlayer(url: videoUrl)) // 3
            .frame(height: 320)
    }
}

The first step is to import the AVKit framework.
The second step is create video URL. The URL can be created for local video or remote. In our code case, a URL was created for local video from the bundle.
Final step is to pass AVPlayer, as the first parameter to VideoPlayer view.

The VideoPlayer view has playback controls.

Result:

Video Overlay (Watermark)

A VideoPlayer has another init function with two parameters:

init(player: AVPlayer?,
     @ViewBuilder videoOverlay: () -> VideoOverlay
)

First parameter is AVPlayer.
Second parameter is videoOverlay closure. The closure returns a VideoOverlay view to present over the player’s video content. The important thing is this overlay view is fully interactive, but is placed below the system-provided playback controls, and only receives unhandled events.

Let's go to the code. As an example, will add a simple text in the lower right corner.

import AVKit 
import SwiftUI

struct ContentView: View {

    let videoUrl = URL(fileURLWithPath: Bundle.main.path(forResource: "PexelsSea", ofType: "mp4")!) 

    var body: some View {
         VideoPlayer(player: AVPlayer(url: url), videoOverlay: {
             VStack {
                 Spacer()
                 HStack {
                     Spacer()
                     Text("Code sample by ToniDevBlog")
                         .foregroundColor(.white)
                 }
             }.padding()
         }).frame(height: 320)
     }
}

Result:

Full source code available on GitHub

Article originally published at ToniDevBlog

Thanks for reading! See you soon. 👋

What's new in PreviewDevice 0.8.0

Anton Paliakou — Sat, 18 Sep 2021 15:32:12 +0000

PreviewDevice is a library with type-safe syntax sugar for preview device on SwiftUI.
If you don't know what is the library, I recomment read this article.

What's new in 0.8.0? Go-go-go

Added support new Apple devices:

iPhones:

iPhone 13 mini (Device.iphone13Mini)
iPhone 13 (Device.iphone13)
iPhone 13 Pro (Device.iphone13Pro)
iPhone 13 Pro Max (Device.iphone13ProMax)

Apple Watch:

Apple Watch Series 7 - 41mm (Device.watchSeries7_41mm)
Apple Watch Series 7 - 45mm (Device.watchSeries7_45mm)

iPads:

iPad 9th generation (Device.ipad_9Gen)
iPad mini 6th generation (Device.ipadMini6)

Preview on device with orientation and color schemes.

Available iOS 15+ OSX 12+, macCatalyst 15+, tvOS 15+, watchOS 8.0+

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .previewDevice(device: .iphone13,
                           orientation: .portrait,
                           colorSchemes: [.light, .dark])
    }
}

Do you like the library? Click the star on GitHub.

Thanks for reading! See you soon. 👋

How to generate a random unique identifier with UUID

Anton Paliakou — Fri, 17 Sep 2021 08:15:42 +0000

UUID is a universally unique identifier. UUID can be used to identify types, interfaces, and other items.
Creating an object or some entity with an unique identifier is a common task for developers. UUID structure created for to do this and to do it best, do not need create "bicycle".
UUID is guaranteed to be unique. When initializing the structure, a new UUID is created with RFC 4122 version 4 random bytes.

import Foundation

let identifier = UUID().uuidString
Swift.print(identifier) // Result: "6A967474-8672-4ABC-A57B-52EA809C5E6D"

Available iOS 6.0+, macOS 10.8+, tvOS 9.0+, watchOS 2.0+.

What's UUID from a code perspective?

UUID is a simple structure and is a part of Foundation framework.

public struct UUID: ReferenceConvertible, Hashable, Equatable, CustomStringConvertible {
  /// ...
}

UUID conforms 4 protocols:

Also, the structure has some properties:

1 uuid - Returns the UUID as bytes.

var uuid: (UInt8, UInt8, UInt8, UInt8, UInt8, UInt8, UInt8, UInt8, UInt8, UInt8, UInt8, UInt8, UInt8, UInt8, UInt8, UInt8) { get }

2 uuidString - Returns a string created from the UUID, such as “E621E1F8-C36C-495A-93FC-0C247A3E6E5F”

var uuidString: String { get }

Articles comes to devto portal with delay 1-2 week, if you want read my articles without delay you can visit ToniDevBlog

Article originally published at ToniDevBlog

Thanks for reading! See you soon. 👋

Meet PreviewDevice 0.7.0

Anton Paliakou — Fri, 27 Aug 2021 16:56:35 +0000

PreviewDevice - a library with elegant syntax for preview device in SwiftUI.

The first question that comes to mind is,

Why do I need to use the third-party library for SwiftUI preview ?

For an answer, this question will compare Apple API for preview with PreviewDevice library. Let's look at real cases on projects.

Case:

Preview on device. Let's say you want to see a preview in the iPhone SE 2 Generation (4.7 inch screen size) with preview device name.

Apple way:

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .previewDevice(PreviewDevice(rawValue: "iPhone SE (2nd generation)"))
            .previewDisplayName("iPhone SE (2nd generation)")
    }
}

PreviewDevice lib:

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .previewDevice(device: .iphoneSE_2Gen)
    }
}

It is easy make mistakes in iphone device name when use standard Apple way. Also, you need to know and keep in your mind the correct iPhone name. PreviewDevice library provides a type-safe way for preview devices. The library has Device enum with all devices types: all iphones, all ipads, all apple watches, ipod, mac.

Result:

Case:

Make preview on some devices. As example:

iPhone 8
iPhone 8 Plus
iPhone12 Pro
iPhone 12

Apple way:

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ContentView()
                .previewDevice(PreviewDevice(rawValue: "iPhone 8"))
                .previewDisplayName("iPhone 8")

            ContentView()
                .previewDevice(PreviewDevice(rawValue: "iPhone 8 Plus"))
                .previewDisplayName("iPhone 8 Plus")

            ContentView()
                .previewDevice(PreviewDevice(rawValue: "iPhone 12 Pro"))
                .previewDisplayName("iPhone 12 Pro")

            ContentView()
                .previewDevice(PreviewDevice(rawValue: "iPhone 12"))
                .previewDisplayName("iPhone 12")
        }
    }
}

PreviewDevice lib:

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .previewDevices(devices: [.iphone8, .iphone8Plus, .iphone12Pro, .iphone12])
    }
}

The library awesome managed this case! Single line solution 💪

Result:

Case:

Make preview on the device for light and night mode.

Apple way:

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ContentView()
                .previewDevice(PreviewDevice(rawValue: "iPhone 12"))
                .previewDisplayName("iPhone 12")
                .preferredColorScheme(.light)

            ContentView()
                .previewDevice(PreviewDevice(rawValue: "iPhone 12"))
                .previewDisplayName("iPhone 12")
                .preferredColorScheme(.dark)
        }
    }
}

PreviewDevice lib:

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .previewDevice(device: .iphone12, colorSchemes: [.light, .dark])
    }
}

Single line solution from the library 💪 💪

Result:

Case:

Make preview on the device with different interface orientations (portrait, landscape left, landscape right).

Apple way:

@available(iOS 15.0, *)
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ContentView()
                .previewDevice(PreviewDevice(rawValue: "iPhone 12"))
                .previewDisplayName("iPhone 12")
                .previewInterfaceOrientation(.portrait)

            ContentView()
                .previewDevice(PreviewDevice(rawValue: "iPhone 12"))
                .previewDisplayName("iPhone 12")
                .previewInterfaceOrientation(.landscapeLeft)

            ContentView()
                .previewDevice(PreviewDevice(rawValue: "iPhone 12"))
                .previewDisplayName("iPhone 12")
                .previewInterfaceOrientation(.landscapeRight)
        }
    }
}

PreviewDevice lib:

@available(iOS 15.0, *)
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .previewDevice(device: .iphone12, orientations: [.portrait, .landscapeLeft, .landscapeRight])

    }
}

Result:

One line code 💪 💪 💪

Installation library

Requearements Xcode13

CocoaPods

Specify next line in Podfile:

pod PreviewDevice

Swift Package Manager

Open Xcode, File -> Swift Packages -> Add Packages.. and paste library git url:

https://github.com/Toni77777/PreviewDevice.git

Summary

PreviewDevice is a type-safe syntax sugar for preview device on SwiftUI.

Do you have a cool idea for a preview? Welcome to contribute!
Thanks for reading! See you soon. 👋

Awesome SwiftUI Libraries List

Anton Paliakou — Wed, 18 Aug 2021 22:50:00 +0000

Do you like the list? Press ⭐️ on GitHub too! Thanks!
https://github.com/Toni77777/awesome-swiftui-libraries

Alert

AlertToast - Create Apple-like alerts & toasts using SwiftUI
AlertX - A library for SwiftUI to create custom alerts with different appearances and animations.
SPAlert - Native alert from Apple Music & Feedback. Contains Done, Heart & Message and other presets. Support SwiftUI.

Animation

swiftui-animations - SwiftUI Animation Library. Useful SwiftUI animations including Loading/progress, Looping, On-off, Enter, Exit, Fade, Spin and Background animations that you can directly implement in your next iOS application or project. The library also contains huge examples of spring animations such as Inertial Bounce, Shake, Twirl, Jelly, Jiggle, Rubber Band…
SwiftUI-Animation - SwiftUI Animation
Liquid - Create a playful backsplash in SwiftUI
shiny - Shiny uses your gyroscope to simulate lighting and motion effects on colors. Works on almost every SwiftUI View
SwiftUIPathAnimations - Tools for SwiftUI that helps perform Path and Shape animations, such us morphing circle or shape transformations

Audio

Subsonic - A small library that makes it easier to play audio with SwiftUI

Bezier-Path

SwiftUI-bez - Utilities for working with bezier curves in SwiftUI

Blur

Colorful - A SwiftUI implementation of AppleCard's animated colorful blur background
SwiftUIVisualEffects - View modifiers that wrap UIVisualEffectView, with environment integration.

Button

buttoncraft - Craft that perfect SwiftUI button effect
CUIExpandableButton - A SwiftUI button that expands to show more content
FloatingButton - Easily customizable floating button menu created with SwiftUI
LoadingButton - Loading Animation Button for SwiftUI

Calendar

SwiftUICalendar - SwiftUI base simple Calendar
RKCalendar - SwiftUI Simple Calendar / Date Picker for iOS
ElegantCalendar - The elegant full screen calendar missed in SwiftUI.
DateGrid - A customizable swiftui calendar
ECWeekView - An iOS calendar library for displaying calendar events in a week view

Camera

Camera-SwiftUI - A lightweight camera library for quick integration with SwiftUI - iOS/iPadOS only
CameraView - SwiftUI View for live camera output
SwiftUICam - A Snapchat Style Camera View to use with a SwiftUI interface

Card

DeckKit - DeckKit is a tiny library that helps you create card-based apps in SwiftUI.
SlideOverCard - A SwiftUI card view, made great for setup interactions.
SwiftUI-CardStackView - A easy-to-use SwiftUI view for Tinder like cards on iOS, macOS & watchOS
RGStack - This UI attempts to capture the Quibi Card Stack and the associated User Interaction
swipeable-cards - Swipeable Cards with SwiftUI

Chart

SwiftUICharts - A simple line and bar charting library that supports accessibility written using SwiftUI.
swiftui-charts - SwiftUI Charts with custom styles
SwiftSunburstDiagram - SwiftUI library to easily render diagrams given a tree of objects. Similar to ring chart, sunburst chart, multilevel pie chart.
SwiftUIFourierSeries - A Fourier Series visualisation written in Swift/SwiftUI
Rings - Rings provides some UI with the Ring, Circle or other similar shapes.
RHLinePlot - Line plot like in Robinhood app in SwiftUI
BarChart - SwiftUI Bar Chart
stock-charts - SwiftUI stock charts for iOS
LightChart - SwiftUI charts
DSFSparkline - A lightweight sparkline component for macOS, iOS and tvOS
ChartView - ChartView made in SwiftUI

Carousel

ACarousel - A carousel view for SwiftUI

Clock

SwiftClockUI - SwiftUI library to display a clock. You can move the arms to change the time, change the style of the clock and customise some configurations.

Collection

ASCollectionView - A SwiftUI collection view with support for custom layouts, preloading, and more.

Color

ColorPickerRing - Simple color picker. Looks like a wheel. Plain SwiftUI
DynamicColor - Yet another extension to manipulate colors easily in Swift and SwiftUI
SwiftUIColourWheel - A colour wheel made all in SwiftUI

Confetti

ConfettiView - a Confetti View for SwiftUI
ConfettiSwiftUI - SwiftUI Package for Configurable Confetti Animation
SPConfetti - Show the confetti only when the user is having fun, and if not having fun, don't show it

CoreData

PredicateKit - PredicateKit allows Swift developers to write expressive and type-safe predicates for CoreData using key-paths, comparisons and logical operators, literal values, and functions.
SwiftDB - A modern database abstraction layer, batteries included.

Debug

LocalConsole - In-app console and debug tools for iOS developers
EnvironmentOverrides - QA assistant for a SwiftUI app: change the color scheme, accessibility settings, and localization on the fly!

Extensions

SwiftUIX - An extension to the standard SwiftUI library.
ViewCondition - Super sweet syntactic sugar for SwiftUI.View initializers.

Game

OctopusKit - 2D ECS game engine in 100% Swift + SwiftUI for iOS, macOS, tvOS

Gradient

IrregularGradient - Create animated irregular gradients in SwiftUI

Grid

BSZoomGridScrollView - Fun GridScrollView written in SwiftUI + Combine, bridging between UIKit
FlowStack - A grid layout view for SwiftUI
WaterfallGrid - A waterfall grid layout view for SwiftUI.
QGrid - 🎛 QGrid: The missing SwiftUI collection view.
GridStack - A flexible grid layout view for SwiftUI
Micro - Fast diffing and type safe SwiftUI style data source for UICollectionView

Image

AnimatedImage - SwiftUI AnimatedImage View
SDWebImageSwiftUI - SwiftUI Image loading and Animation framework powered by SDWebImage
url-image - AsyncImage before iOS 15. Lightweight, pure SwiftUI Image view, that displays an image downloaded from URL, with auxiliary views and local cache.
Longinus - A pure Swift high-performance asynchronous image loading framework.
NukeUI - Lazy image loading for SwiftUI
SwURL - Lightweight asynchronous image loading in SwiftUI. Fetch and display images from URLs.
CachedAsyncImage - 🗃️ The simplest way to add cache to your AsyncImage.
swiftui-image-viewer - Image viewer built in SwiftUI for both local and remote images

List

AdvancedList - Advanced List View for SwiftUI with pagination & different states
EmptyList - EmptyList - List(SwiftUI) supports displaying Empty ListView for empty state
SwipeCell - Swipe Left2Right & Right2Left, pure SwiftUI implementation

Loading-Indicator

ActivityIndicatorView - A number of preset loading indicators created with SwiftUI
TTProgressHUD - TTProgressHUD is a light weight HUD written in SwiftUI meant to display the progress of an ongoing task on iOS
LoaderUI - NVActivityIndicatorView implemented in SwiftUI
JGProgressHUD-SwiftUI - Easily show HUDs with SwiftUI! Lightweight SwiftUI wrapper for JGProgressHUD for iOS, tvOS, Catalyst
iActivityIndicator - A Native SwiftUI Activity Indicator Pack

Markdown

Parma - A SwiftUI view for displaying Markdown with customizable appearances.
MarkdownUI - Render Markdown text in SwiftUI
MDText - s a markdown render library built in and for SwiftUI
SwiftDown - A themable markdown editor component for your SwiftUI apps.

Navigation

Coordinator - A declarative navigation API for SwiftUI.
FlowStacks - FlowStacks allows you to hoist SwiftUI navigation and presentation state into a Coordinator
SwiftUIRouter - Path based routing in SwiftUI
Swift Composable Navigator - An open source library for building deep-linkable SwiftUI applications with composition, testing and ergonomics in mind
stinsen - Coordinators in SwiftUI. Simple, powerful and elegant.
NavigationStack - An alternative SwiftUI NavigationView implementing classic stack-based navigation giving also some more control on animations and programmatic navigation.
NavigationKit - SwiftUI navigation done right
Router - Router is a library that assists with SwiftUI view transitions.
Helm - A graph-based SwiftUI router

Payment

TypeYouCard - SwiftUI Paycard form

Permission

PermissionsSwiftUI - A SwiftUI package to beautifully display and handle permissions.

Photo-Picker

PhotoLibraryPicker - Photo Library Picker for SwiftUI

Picker

SwiftUIWheelPicker - Custom horizontal wheel picker for SwiftUI

Preview

PreviewDevice - PreviewDevice - library with elegant syntax for Preview Device in SwiftUI
PreviewView - Make use of SwiftUI Previews for UIKit
SafePreviewDevice - Safe and fast access to SwiftUI PreviewDevice.
FigmaPreviewSwiftUI - Figma component preview for your SwiftUI views
ZeplinPreviewSwiftUI - Zeplin component preview for your SwiftUI views
Gala - Create SwiftUI preview variants for macOS, iOS, tvOS, and watchOS with ease

QRCode

CarBode - CarBode : Free & Opensource barcode scanner & generator for SwiftUI
CodeScanner - A SwiftUI view that is able to scan barcodes, QR codes, and more, and send back what was found.

Search

SwiftlySearch - A small, lightweight UISearchController wrapper for SwiftUI

Settings

RRSettingsKit - A beautiful customizable settings screen created in SwiftUI

State

Pigeon - Async state management for SwiftUI
Verge - Verge is a very tunable state-management engine on iOS App
SwiftDux - Predictable state management for SwiftUI applications.

Scroll

FancyScrollView - A SwiftUI ScrollView Designed to imitate the App Store and Apple Music ScrollViews (with or without a Parallax Header)
SwiftUITrackableScrollView - A SwiftUI custom scroll view with content offset binding

Shapes

SwiftUI Shapes - Collection of SwiftUI shapes
morphi - Shapes for SwiftUI
SwiftUI-Shapes - Commonly Used Shapes and Utilities In SwiftUI

Sheet

BottomSheet - A SwiftUI view component sliding in from bottom
SwiftUI Drawer - A SwiftUI bottom-up
Snap - A customizable Snapping Drawer à la Apple Maps. 100% in SwiftUI.
BottomSheet (LucasMucGH) - A sliding Sheet from the bottom of the Screen with 3 States build with SwiftUI.
ActionOver - A custom SwiftUI modifier to present an ActionSheet or a Popover menu
BetterSheet - A powerful SwiftUI sheet replacement

Step

StepperView - SwiftUI iOS component for Step Indications.

Skeleton

SkeletonUI - Elegant skeleton loading animation in SwiftUI and Combine.

Slider

Swiftui sliders - SwiftUI Sliders with custom styles
SlidingRuler - A sliding ruler control for SwiftUI
Sliders SwiftUI - Collection of unique fully customizable SwiftUI sliders, joysticks, trackpads and more

Speech

SwiftSpeech - A speech recognition framework designed for SwiftUI.

SVG

SVGView - SVG parser and renderer written in SwiftUI

TabBar-and-Tabs

SSCustomTabbar - Simple Animated tabbar with native control
FloatingTabBar - Aesthetic floating tab bar
StatefulTabView - A SwiftUI TabView that retains the state of each tab as well as some other goodies.
SlidingTabView - SwiftUI - Sliding Tab View

TextField

CurrencyText - Currency text field formatter
FloatingLabelTextFieldSwiftUI - Floating Label TextField for SwiftUI. FloatingLabelTextFieldSwiftUI
iPhoneNumberField - Elegant SwiftUI phone number textField
OmenTextField - A better TextField for SwiftUI. A growing, multiline, auto-focusable TextField supporting bindable focus
Focuser - Focus text field in SwiftUI dynamically and progress through form using iOS keyboard
KeyboardAvoider - The missing interactive keyboard in SwiftUI for iOS

TextView

TextView - The missing TextView in SwiftUI

Text

TextBuilder - Like a SwiftUI ViewBuilder, but for Text
MarqueeText - Marquee or "scrolling text" effect in SwiftUI

Toast-and-Popup

Drops - A µFramework for showing alerts like the one used when copying from pasteboard or connecting Apple pencil
ExytePopupView - Toasts and popups library written with SwiftUI
ToastUI - A simple way to show toast in SwiftUI.
SSToastMessage - SSToastMessage is written purely in SwiftUI. It will add toast, alert, and floating message view over the top of any view. It is intended to be simple, lightweight, and easy to use. It will be a popup with a single line of code.
SimpleToast - SimpleToast is a simple, lightweight and easy to use library to show toasts / pop-ups inside your iOS application in SwiftUI
SwiftUI-Tooltip - Easy Tooltip for your SwiftUI Project

Unit-testing

ViewInspector - Runtime introspection and unit testing of SwiftUI views

Video

VideoPlayer - A video player for SwiftUI, support for caching, preload and custom control view
YouTubePlayerKit - A Swift Package to easily play YouTube videos

Whats-New

WhatsNewKit - Showcase your awesome new app features

Web

BetterSafariView - A better way to present a SFSafariViewController or start a ASWebAuthenticationSession in SwiftUI.
Tokamak - SwiftUI-compatible framework for building browser apps with WebAssembly and native apps for other platforms.
SwiftWebUI - SwiftUI with support for WebAssembly

Do you know a cool SwiftUI library? Welcome to contribute!
https://github.com/Toni77777/awesome-swiftui-libraries

Task is new ViewModifier in iOS15. SwiftUI

Anton Paliakou — Fri, 13 Aug 2021 21:24:00 +0000

Apple added a new ViewModifier task(priority:_:) in iOS 15. This modifier can be added to any SwiftUI View.

task(priority:_:) avalible since iOS15+ macOS 12.0+ Mac Catalyst 15.0+ watchOS 8.0+ tvOS 15.0+

From official apple documentation:

Adds an asynchronous task to perform when this view appears.

func task(priority: TaskPriority = .userInitiated, _ action: @escaping () async -> Void) -> some View

A view that runs the specified action asynchronously when the view appears.

See details about parameters:

1 Priority The task priority to use when creating the asynchronous task. The default priority is userInitiated.

All priorities list:

2 Action A closure that SwiftUI calls as an asynchronous task when the view appears. SwiftUI automatically cancels the task if the view disappears before the action completes.

This modifier is a good point to start and to do some asynchronous job related to the view. You don't have to worry about canceling asynchronous task, SwiftUI handles it out of the box.

SwiftUI cancels the task in case of the task doesn’t finish before SwiftUI removes the view or the view changes identity.

Example:

Show the list users of GitHub. Displays the login and avatar image for each user.

List code:

@State private var users: [User] = []

var body: some View {
    List(users) { user in
        HStack(spacing: 16) {
            AsyncImage(url: URL(string: user.avatarUrl)) { avatar in
                avatar
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .cornerRadius(16)
            } placeholder: {
                ProgressView()
            }
            .frame(width: 50, height: 50)

            Text(user.login)
                .font(.title2)
        }.padding(.init(top: 4, leading: 0, bottom: 4, trailing: 0))
    }.task {
        self.users = await loadUsers()
    }
}

We are interested in function loadUsers(). The loading of users starts when the List appears.
First of all the function gets JSON of users from GitHub. After that, it decodes the JSON into objects and finally sets the result to the List's data source.

loadUsers() function:

func loadUsers() async -> [User] {
    guard let url = URL(string: "https://api.github.com/users") else { return [] }
    do {
        let (data, _) = try await URLSession.shared.data(from: url)
        return try JSONDecoder().decode([User].self, from: data)
    } catch {
        Swift.print(error)
        return []
    }
}

Result

Usermodel:

struct User: Codable, Identifiable {
    let id: Int
    let login: String
    let avatarUrl: String

    enum CodingKeys: String, CodingKey {
        case id
        case login
        case avatarUrl = "avatar_url"
    }
}

The model implements Codable protocol for decoding JSON. Enum CodingKeys is used to translate from the snake case 🐍 to the camel case 🐫.

Full source code

Thanks for reading! See you soon.

Empty List placeholder. SwiftUI

Anton Paliakou — Thu, 08 Jul 2021 14:15:32 +0000

Year twenty twenty-one. Almost a month has passed since the WWDC. As usual Apple presented many amazing features/updates 😍. As expected updated SwiftUI framework. But did not add placeholder for List view 😭. It's not big deal, but it was one of my expectations from conference. Okay let's do it ourselves 💪

The List is one of the most used view in apps.
When using the List, devs also must handle the state of an empty data range and show a placeholder.

As an example, consider a simple list of countries. Show placeholder when data is empty.

Country model:

struct Country: Identifiable {
    let id = UUID()
    let name: String
}

So, have any ideas on how to implement a placeholder?

First idea `If else`

The first thing that comes to mind it's if else conditional statement.

struct ContentView: View {

    @State var countries: [Country] = [] // Data source

    var body: some View {
        if countries.isEmpty {
            Text("No Countries") // Placeholder
                .font(.largeTitle)
        } else {
            List(countries) { country in // List countires
                Text(country.name)
                    .font(.title)
            }
        }
    }
}

Advantages:

the most simple and clear way
easy to modify
it works and shows the placeholder when needed
easy to use any view for placeholder

Disadvantages:

the code looks cumbersome
not reusable

It works and sometimes it's enough. But in production, it would be nice to have a component that implements the logic of displaying a placeholder inside the component. So, goes to the next idea.

Second idea `EmptyList`

Improve if else idea and move logic show/hide placeholder to custom view, call it EmptyList:


struct EmptyList<Items: RandomAccessCollection, ListRowView: View, PlaceholderView: View>: View where Items.Element: Identifiable {

    private let items: Items
    private let listRowView: (Items.Element) -> ListRowView
    private let placeholderView: () -> PlaceholderView

    /// - Parameters:
    ///   - items: Source data for List. Item must implement Identifiable protocol
    ///   - listRowView: View displayed for each source Item
    ///   - placeholderView: Placeholder. View displayed when the items collection isEmpty
    init(_ items: Items,
         @ViewBuilder listRowView: @escaping (Items.Element) -> ListRowView,
         @ViewBuilder placeholderView: @escaping () -> PlaceholderView) {
        self.items = items
        self.listRowView = listRowView
        self.placeholderView = placeholderView
    }

    var body: some View {
        if !items.isEmpty {
            List { // List countires
                ForEach(items) { item in
                    self.listRowView(item)
                }
            }
        } else {
            placeholderView()
        }
    }
}

Using the EmptyList is very easy. First parameter - data source, second parameter - list row view, and finally third parameter - placeholder view.


struct ContentView: View {

    @State var countries: [Country] = [] // Data source

    var body: some View {
        EmptyList(countries, // Data items 
        listRowView: { country in // List row view
            Text(country.name)
                .font(.title)
        }, placeholderView: {
            Text("No Countries") // Placeholder
                .font(.largeTitle)
        })
    }
}

Advantages:

code looks clean and clear 😍
easy to modify custom view
reusable in project
use any view for placeholder

Disadvantages:

list is embedded in EmptyList view, and if want to add some ViewModifier-s to the list, need for more efforts and modify code

Usually, I would have to say that this is all and say goodbye but is not all 😎. I want to share an idea of how I cook placeholder for lists in my projects.

Preferred idea `ViewModifier`

Create custom ViewModifier to manage placeholder, call it EmptyDataModifier:


struct EmptyDataModifier<Placeholder: View>: ViewModifier {

    let items: [Any]
    let placeholder: Placeholder

    @ViewBuilder
    func body(content: Content) -> some View {
        if !items.isEmpty {
            content
        } else {
            placeholder
        }
    }
}

Uses EmptyDataModifier:


struct ContentView: View {

    @State var countries: [Country] = [] // Data source

    var body: some View {
        List(countries) { country in
            Text(country.name)
                .font(.title)
        }
        .modifier(EmptyDataModifier(
            items: countries,
            placeholder: Text("No Countries").font(.title)) // Placeholder
        ) 
    }
}

That's it! Also via extension can little bit improve the solution and limited apply EmptyDataModifier only for List.

extension List {

    func emptyListPlaceholder(_ items: [Any], _ placeholder: AnyView) -> some View {
        modifier(EmptyDataModifier(items: items, placeholder: placeholder))
    }
}

struct ContentView: View {

    @State var countries: [Country] = [] // Data source

    var body: some View {
        List(countries) { country in
            Text(country.name)
                .font(.title)
        }
        .emptyListPlaceholder(
            countries,
            AnyView(ListPlaceholderView()) // Placeholder 
        )
    }
}

Advantages:

code look clean and clear 😍 😍 😍
no need to create a custom List view
easy to modify
reusable in project
use any view for placeholder
this way for can be used for any view placeholder

Disadvantages:

no (subjective opinion)

Instead of summary

In my opinion, the most suitable way to implement a placeholder is to use a custom ViewModifier.
I'm sure sooner or later the Apple will add a placeholder for the List view. Maybe this article will be as a request for this feature for Apple. Who knows.

Source code

Thanks for reading! See you soon.

Create a iOS app without Storyboard, since Xcode 11.0 (iOS 13+)

Anton Paliakou — Wed, 17 Jun 2020 10:52:52 +0000

Well, sometimes developers have a great opportunity to create projects from scratch. And after creating a project, developers are divided into 2 groups:

Who preferer keep storyboard as an entry point to the application.
Who preferer set rootViewController for window via code.

Consider in more detail way set rootViewController via code.

Before iOS 13 and Xcode 11

Before iOS 13 and Xcode 11 code for set rootViewController we inserted in function application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool in AppDelegate .

Example setup LoginViewController as root in AppDelegate. LoginViewController is simple child of UIViewController.

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?

    func application(_ application: UIApplication,
                     didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        // Create a new window property 
        self.window = UIWindow(frame: UIScreen.main.bounds)

        // Set custom LoginViewController as root
        self.window?.rootViewController = LoginViewController()

        // Present the window
        self.window?.makeKeyAndVisible()
        return true
    }
}

After creating new *Single View App project since Xcode 11, this way does not work.*

Since iOS 13 and Xcode 11

So, way for set rootViewController via code after Xcode 11 and iOS 13 changed.
There are some fundamental changes to the application lifecycle with iPadOS and iOS 13. Windows are managed by a UISceneSession now. New projects have new Swift file SceneDelegate.
Also see sample app supporting multiple windows on iPad.
But this article answer another question: Where to setup rootViewController?
SceneDelegate has function scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions). The function tells the delegate about the addition of a scene to the app. This is the right place to setup!

Example setup LoginViewController as root in SceneDelegate.

class SceneDelegate: UIResponder, UIWindowSceneDelegate {

    var window: UIWindow?

    func scene(_ scene: UIScene,
               willConnectTo session: UISceneSession,
               options connectionOptions: UIScene.ConnectionOptions) {
        // Get UIWindowScene
        guard let windowScene = (scene as? UIWindowScene) else {
            return
        }

        // Create a new window property 
        self.window = UIWindow(frame: windowScene.coordinateSpace.bounds)

        // Set windowScene for window
        self.window?.windowScene = windowScene 

        // Set custom LoginViewController as root
        window?.rootViewController = LoginViewController()

        // Present the window
        window?.makeKeyAndVisible()
    }
}

Source code

Thanks for reading! See you soon.

DEV Community: Anton Paliakou

Awesome macOS Libraries List

Dependency Manager

Animation

Audio

Database

Dependency Injection

Device

Extensions

Files

Image

In App Purchases and Subscription

JSON

Keychain

Linter

Logging

Layout

Network

Reactive Programming

Socket

How to play a video with VideoPlayer in SwiftUI

Video Overlay (Watermark)

What's new in PreviewDevice 0.8.0

What's new in 0.8.0? Go-go-go

Added support new Apple devices:

Preview on device with orientation and color schemes.

How to generate a random unique identifier with UUID

What's UUID from a code perspective?

Meet PreviewDevice 0.7.0

Why do I need to use the third-party library for SwiftUI preview ?

Case:

Case:

Case:

Case:

Installation library

CocoaPods

Swift Package Manager

Summary

Awesome SwiftUI Libraries List

Alert

Animation

Audio

Bezier-Path

Blur

Button

Calendar

Camera

Card

Chart

Carousel

Clock

Collection

Color

Confetti

CoreData

Debug

Extensions

Game

Gradient

Grid

Image

List

Loading-Indicator

Markdown

Menu

Navigation

Pages

Payment

Permission

Photo-Picker

Picker

Preview

QRCode

Search

Settings

State

Scroll

Shapes

Sheet

Step

First idea `If else`

Second idea `EmptyList`

Preferred idea `ViewModifier`