Adjusted demo application to include all configuration options

4 files changed, 100 insertions, 67 deletions

diff --git a/Demo/SwiftyCropDemo/ContentView.swift b/Demo/SwiftyCropDemo/ContentView.swift
index cfb1f01..f4e90ee 100644
--- a/Demo/SwiftyCropDemo/ContentView.swift
+++ b/Demo/SwiftyCropDemo/ContentView.swift
@@ -1,10 +1,3 @@
-//
-//  ContentView.swift
-//  SwiftyCropDemo
-//
-//  Created by Leonid Zolotarev on 1/23/24.
-//
-
 import SwiftUI
 import SwiftyCrop
 
@@ -12,12 +5,24 @@ struct ContentView: View {
     @State private var showImageCropper: Bool = false
     @State private var selectedImage: UIImage?
     @State private var selectedShape: MaskShape = .square
-    @State private var cropImageCircular: Bool = false
-    @State private var rotateImage: Bool = true
-
+    @State private var cropImageCircular: Bool
+    @State private var rotateImage: Bool
+    @State private var maxMagnificationScale: CGFloat
+    @State private var maskRadius: CGFloat
+    @FocusState private var textFieldFocused: Bool
+    
+    init() {
+        let defaultConfiguration = SwiftyCropConfiguration()
+        _cropImageCircular = State(initialValue: defaultConfiguration.cropImageCircular)
+        _rotateImage = State(initialValue: defaultConfiguration.rotateImage)
+        _maxMagnificationScale = State(initialValue: defaultConfiguration.maxMagnificationScale)
+        _maskRadius = State(initialValue: defaultConfiguration.maskRadius)
+    }
+    
     var body: some View {
         VStack {
             Spacer()
+            
             Group {
                 if let selectedImage = selectedImage {
                     Image(uiImage: selectedImage)
@@ -30,34 +35,72 @@ struct ContentView: View {
             }
             .scaledToFit()
             .padding()
+            
             Spacer()
+            
             GroupBox {
-                HStack {
-                    Button {
-                        loadImage()
-                    } label: {
-                        LongText(title: "Load image")
+                VStack(spacing: 15) {
+                    HStack {
+                        Button {
+                            loadImage()
+                        } label: {
+                            LongText(title: "Load image")
+                        }
+                        Button {
+                            showImageCropper.toggle()
+                        } label: {
+                            LongText(title: "Crop image")
+                        }
                     }
-                    Button {
-                        showImageCropper.toggle()
-                    } label: {
-                        LongText(title: "Crop image")
+                    
+                    HStack {
+                        Text("Mask shape")
+                            .frame(maxWidth: .infinity, alignment: .leading)
+                        
+                        Picker("maskShape", selection: $selectedShape) {
+                            ForEach(MaskShape.allCases, id: \.self) { mask in
+                                Text(String(describing: mask))
+                            }
+                        }
+                        .pickerStyle(.segmented)
+                    }
+                    
+                    Toggle("Crop image to circle", isOn: $cropImageCircular)
+                    
+                    Toggle("Rotate image", isOn: $rotateImage)
+                    
+                    HStack {
+                        Text("Max magnification")
+                            .frame(maxWidth: .infinity, alignment: .leading)
+                        
+                        DecimalTextField(value: $maxMagnificationScale)
+                            .focused($textFieldFocused)
+                    }
+                    
+                    HStack {
+                        Text("Mask radius")
+                            .frame(maxWidth: .infinity, alignment: .leading)
+                        
+                        Button {
+                            maskRadius = UIScreen.main.bounds.width / 2
+                        } label: {
+                            Image(systemName: "arrow.up.left.and.arrow.down.right")
+                                .font(.footnote)
+                        }
+                        
+                        DecimalTextField(value: $maskRadius)
+                            .focused($textFieldFocused)
                     }
                 }
-                HStack {
-                    ShapeButton(
-                        title: "Use square crop",
-                        shape: .square,
-                        selection: $selectedShape
-                    )
-                    ShapeButton(
-                        title: "Use circle crop",
-                        shape: .circle,
-                        selection: $selectedShape
-                    )
+            }
+            .toolbar {
+                ToolbarItemGroup(placement: .keyboard) {
+                    Spacer()
+                    
+                    Button("Done") {
+                        textFieldFocused = false
+                    }
                 }
-                Toggle("Crop image to circle", isOn: $cropImageCircular)
-                Toggle("Rotate image", isOn: $rotateImage)
             }
             .buttonStyle(.bordered)
             .padding()
@@ -71,6 +114,8 @@ struct ContentView: View {
                     imageToCrop: selectedImage,
                     maskShape: selectedShape,
                     configuration: SwiftyCropConfiguration(
+                        maxMagnificationScale: maxMagnificationScale,
+                        maskRadius: maskRadius,
                         cropImageCircular: cropImageCircular,
                         rotateImage: rotateImage
                     )
@@ -81,13 +126,13 @@ struct ContentView: View {
             }
         }
     }
-
+    
     private func loadImage() {
         Task {
             selectedImage = await downloadExampleImage()
         }
     }
-
+    
     // Example function for downloading an image
     private func downloadExampleImage() async -> UIImage? {
         let urlString = "https://picsum.photos/1000/1200"
@@ -95,7 +140,7 @@ struct ContentView: View {
               let (data, _) = try? await URLSession.shared.data(from: url),
               let image = UIImage(data: data)
         else { return nil }
-
+        
         return image
     }
 }
diff --git a/Demo/SwiftyCropDemo/ShapeButton.swift b/Demo/SwiftyCropDemo/ShapeButton.swift
deleted file mode 100644
index c7aae9f..0000000
--- a/Demo/SwiftyCropDemo/ShapeButton.swift
+++ /dev/null
@@ -1,32 +0,0 @@
-//
-//  ShapeButton.swift
-//  SwiftyCropDemo
-//
-//  Created by Leonid Zolotarev on 1/24/24.
-//
-
-import SwiftUI
-import SwiftyCrop
-
-struct ShapeButton: View {
-    let title: String
-    let shape: MaskShape
-    @Binding var selection: MaskShape
-
-    var body: some View {
-        Button {
-            selection = shape
-        } label: {
-            LongText(title: title)
-        }
-        .foregroundColor(selection == shape ? .accentColor : .secondary)
-    }
-}
-
-#Preview {
-    ShapeButton(
-        title: "title",
-        shape: .circle,
-        selection: .constant(.circle)
-    )
-}
diff --git a/Demo/SwiftyCropDemo/UIElements/DecimalTextField.swift b/Demo/SwiftyCropDemo/UIElements/DecimalTextField.swift
new file mode 100644
index 0000000..f616413
--- /dev/null
+++ b/Demo/SwiftyCropDemo/UIElements/DecimalTextField.swift
@@ -0,0 +1,20 @@
+import SwiftUI
+
+struct DecimalTextField: View {
+    @Binding var value: CGFloat
+    private let decimalFormatter: NumberFormatter = {
+        let formatter = NumberFormatter()
+        formatter.numberStyle = .decimal
+        formatter.allowsFloats = true
+        formatter.minimumFractionDigits = 1
+        formatter.decimalSeparator = "."
+        return formatter
+    }()
+    
+    var body: some View {
+        TextField("maxMagnification", value: $value, formatter: decimalFormatter)
+            .textFieldStyle(RoundedBorderTextFieldStyle())
+            .multilineTextAlignment(.trailing)
+            .keyboardType(.decimalPad)
+    }
+}
diff --git a/Demo/SwiftyCropDemo/LongText.swift b/Demo/SwiftyCropDemo/UIElements/LongText.swift
index 77e211a..77e211a 100644
--- a/Demo/SwiftyCropDemo/LongText.swift
+++ b/Demo/SwiftyCropDemo/UIElements/LongText.swift