Add demos gif

README.md

@@ -17,17 +17,21 @@ Add `RemoteImage` to your project via Swift Package Manager, and add `import Rem
 
 `RemoteImage`'s APIs have been designed to make it super easy to adopt in your app/project. In most cases, it's a simple drop-in replacement for SwiftUI's `AsyncImage`.
 
+Check out the `RemoteImage Demos` app in the Xcode project to see some live exmaples.
+
+![Demos](.github/readme/RemoteImageDemos.gif)
+
 ### Simple Configuration
 
 ```swift
 let imageURL: URL?
 
 /// A simple `RemoteImage` view.
 #Preview("Simple") {
-  RemoteImage(url: imageULRL)
+  RemoteImage(url: imageURL)
 }
 
-/// A simple `RemoteImage` view, with modifier.
+/// A simple `RemoteImage` view with modifier closure.
 #Preview("Simple, with image modifier") {
   RemoteImage(url: imageURL) {
     $0.resizable().scaledToFit()
@@ -36,8 +40,8 @@ let imageURL: URL?
 
 /// A `RemoteImage` view with a custom placeholder.
 #Preview("Custom placeholder") {
-  RemoteImage(url: imageURL) { image in
-    image.resizable().scaledToFit()
+  RemoteImage(url: imageURL) {
+    $0.resizable().scaledToFit()
   } placeholder: {
     ProgressView()
   }
@@ -67,19 +71,17 @@ let imageURL: URL?
 
 ```swift
 let imageURL: URL?
-let urlSession: URLSession
-let imageCache: URLCache
+let urlSession = URLSession(configuration: .ephemeral)
+let imageCache = URLCache(memoryCapacity: 10_000_000, diskCapacity: 0)
 
-/// Image loaded with a custom `URLSession`, skipping the cache, and using a custom
-/// phase transition animation.
+/// Image loaded with a custom `URLSession` and using a custom phase transition animation.
 #Preview("Custom URLSession") {
   RemoteImage(
-    url: .cuteDoggo,
-    urlSession: .shared,
+    url: imageURL,
+    urlSession: urlSession,
     configuration: RemoteImageConfiguration(
-      skipCache: true,
       transaction: Transaction(
-        animation: .easeInOut(duration: 0.5))))
+        animation: .spring(duration: 1.0).delay(0.5))))
   {
     $0.resizable().scaledToFit()
   }
@@ -89,8 +91,8 @@ let imageCache: URLCache
 /// will be constructed using the `URLSessionConfiguration.default` configuration
 /// and the provided cache instance.
 #Preview("Custom URLCache") {
-  RemoteImage(url: .cuteDoggo, cache: .shared) { image in
-    image.resizable().scaledToFit()
+  RemoteImage(url: imageURL, cache: imageCache) {
+    $0.resizable().scaledToFit()
   }
 }
 ```

RemoteImageDemo/DemosList.swift

@@ -24,8 +24,7 @@ struct DemosList: View {
     /// A `RemoteImage` view with custom content.
     case customContent = "Custom content"
 
-    /// Image loaded with a custom `URLSession`, skipping the cache, and using a custom
-    /// phase transition animation.
+    /// Image loaded with a custom `URLSession` and using a custom phase transition animation.
     case customURLSession = "Custom URLSession"
 
     /// Image loaded from a custom cache. If the image is not yet cached, a new `URLSession`
@@ -72,7 +71,13 @@ struct DemosList: View {
       }
 
     case .customPlaceholder:
-      RemoteImage(url: nil) { image in
+      RemoteImage(
+        url: .cuteDoggo,
+        configuration: .init(
+          skipCache: true,
+          transaction: .init(
+            animation: .spring(duration: 1.0).delay(0.5))))
+      { image in
         image.resizable().scaledToFit()
       } placeholder: {
         ZStack {
@@ -118,18 +123,29 @@ struct DemosList: View {
     case .customURLSession:
       RemoteImage(
         url: .cuteDoggo,
-        urlSession: .shared,
+        urlSession: URLSession(configuration: .ephemeral),
         configuration: RemoteImageConfiguration(
-          skipCache: true,
           transaction: Transaction(
             animation: .spring(duration: 1.0).delay(0.5))))
       {
         $0.resizable().scaledToFit()
       }
 
     case .customCache:
-      RemoteImage(url: .cuteDoggo, cache: .shared) { image in
-        image.resizable().scaledToFit()
+      RemoteImage(
+        url: .cuteDoggo,
+        cache: .inMemoryOnly,
+        configuration: RemoteImageConfiguration(
+          transaction: Transaction(
+            animation: .spring(duration: 1.0).delay(0.5))))
+      {
+        $0.resizable().scaledToFit()
+      } placeholder: {
+        ZStack {
+          Color.black.opacity(0.05)
+          ProgressView()
+        }
+        .aspectRatio(1, contentMode: .fit)
       }
     }
   }
@@ -141,6 +157,10 @@ extension URL {
   fileprivate static let githubRepo = URL(string: "https://github.com/bdbergeron/RemoteImage")!
 }
 
+extension URLCache {
+  static let inMemoryOnly = URLCache(memoryCapacity: 10_000_000, diskCapacity: 0)
+}
+
 #if DEBUG
 // MARK: - DemosListPreviews