[iOS] Create public space #143

- Initial space creation flow
2026-04-27 11:46:58 +02:00 · 2021-11-23 09:35:32 +01:00
parent ccfe3afb7d
commit fda0568d88
145 changed files with 7280 additions and 11 deletions
@@ -0,0 +1,109 @@
+//
+// Copyright 2021 New Vector Ltd
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import SwiftUI
+import DesignKit
+
+@available(iOS 14.0, *)
+struct SpaceAvatarImage: View {
+    
+    @Environment(\.theme) var theme: ThemeSwiftUI
+    @Environment(\.dependencies) var dependencies: DependencyContainer
+    @StateObject var viewModel = AvatarViewModel()
+    
+    var mxContentUri: String?
+    var matrixItemId: String
+    var displayName: String?
+    var size: AvatarSize
+    
+    var body: some View {
+        Group {
+            switch viewModel.viewState {
+            case .empty:
+                ProgressView()
+            case .placeholder(let firstCharacter, let colorIndex):
+                Text(firstCharacter)
+                    .padding(10)
+                    .frame(width: CGFloat(size.rawValue), height: CGFloat(size.rawValue))
+                    .foregroundColor(theme.colors.background)
+                    .background(theme.colors.namesAndAvatars[colorIndex])
+                    .clipShape(RoundedRectangle(cornerRadius: 8))
+                    // Make the text resizable (i.e. Make it large and then allow it to scale down)
+                    .font(.system(size: 200))
+                    .minimumScaleFactor(0.001)
+            case .avatar(let image):
+                Image(uiImage: image)
+                    .resizable()
+                    .frame(width: CGFloat(size.rawValue), height: CGFloat(size.rawValue))
+                    .clipShape(Circle())
+            }
+        }
+        .onChange(of: displayName, perform: { value in
+            viewModel.loadAvatar(
+                mxContentUri: mxContentUri,
+                matrixItemId: matrixItemId,
+                displayName: value,
+                colorCount: theme.colors.namesAndAvatars.count,
+                avatarSize: size
+            )
+        })
+        .onAppear {
+            viewModel.inject(dependencies: dependencies)
+            viewModel.loadAvatar(
+                mxContentUri: mxContentUri,
+                matrixItemId: matrixItemId,
+                displayName: displayName,
+                colorCount: theme.colors.namesAndAvatars.count,
+                avatarSize: size
+            )
+        }
+    }
+}
+
+@available(iOS 14.0, *)
+extension SpaceAvatarImage {
+    init(avatarData: AvatarInputProtocol, size: AvatarSize) {
+        self.init(
+            mxContentUri: avatarData.mxContentUri,
+            matrixItemId: avatarData.matrixItemId,
+            displayName: avatarData.displayName,
+            size: size
+        )
+    }
+}
+
+@available(iOS 14.0, *)
+struct LiveAvatarImage_Previews: PreviewProvider {
+    static let mxContentUri = "fakeUri"
+    static let name = "Alice"
+    static var previews: some View {
+        Group {
+            HStack {
+                VStack(alignment: .center, spacing: 20) {
+                    SpaceAvatarImage(avatarData: MockAvatarInput.example, size: .xSmall)
+                    SpaceAvatarImage(avatarData: MockAvatarInput.example, size: .medium)
+                    SpaceAvatarImage(avatarData: MockAvatarInput.example, size: .xLarge)
+                }
+                VStack(alignment: .center, spacing: 20) {
+                    SpaceAvatarImage(mxContentUri: nil, matrixItemId: name, displayName: name, size: .xSmall)
+                    SpaceAvatarImage(mxContentUri: nil, matrixItemId: name, displayName: name, size: .medium)
+                    SpaceAvatarImage(mxContentUri: nil, matrixItemId: name, displayName: name, size: .xLarge)
+                }
+            }
+            .addDependency(MockAvatarService.example)
+        }
+    }
+}