[Feat] 채팅 구현

PlayTogether/PlayTogether.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved

@@ -45,6 +45,24 @@
         "revision" : "07c5d1f6044701d97e94dc11157259e8811977be"
       }
     },
+    {
+      "identity" : "socket.io-client-swift",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/socketio/socket.io-client-swift",
+      "state" : {
+        "branch" : "master",
+        "revision" : "a1ed825835a2d8c2555938e96557ccc05e4bebf3"
+      }
+    },
+    {
+      "identity" : "starscream",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/daltoniam/Starscream",
+      "state" : {
+        "revision" : "df8d82047f6654d8e4b655d1b1525c64e1059d21",
+        "version" : "4.0.4"
+      }
+    },
     {
       "identity" : "then",
       "kind" : "remoteSourceControl",

PlayTogether/PlayTogether.xcodeproj/xcshareddata/xcschemes/PlayTogether.xcscheme

@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1340"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "4096A295287F5F3F00F1E27C"
+               BuildableName = "PlayTogether.app"
+               BlueprintName = "PlayTogether"
+               ReferencedContainer = "container:PlayTogether.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "4096A295287F5F3F00F1E27C"
+            BuildableName = "PlayTogether.app"
+            BlueprintName = "PlayTogether"
+            ReferencedContainer = "container:PlayTogether.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "4096A295287F5F3F00F1E27C"
+            BuildableName = "PlayTogether.app"
+            BlueprintName = "PlayTogether"
+            ReferencedContainer = "container:PlayTogether.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

PlayTogether/PlayTogether/Application/AppDelegate.swift

@@ -35,6 +35,10 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
         // If any sessions were discarded while the application was not running, this will be called shortly after application:didFinishLaunchingWithOptions.
         // Use this method to release any resources that were specific to the discarded scenes, as they will not return.
     }
+
+    func applicationWillTerminate(_ application: UIApplication) {
+        SocketIOManager.shared.closeConnection()
+    }
 
 
 }

PlayTogether/PlayTogether/Application/TabBar/TabBarController.swift

@@ -21,7 +21,7 @@ final class TabBarController: UITabBarController {
             image: .ptImage(.thunInactive).withRenderingMode(.alwaysOriginal),
             selectedImage: .ptImage(.thunActive).withRenderingMode(.alwaysOriginal))
     }
-    private let chatViewController = ChatViewController().then {
+    private let chatViewController = ChattingListViewController().then {
         $0.tabBarItem = UITabBarItem(
             title: "채팅",
             image: .ptImage(.chatInactive).withRenderingMode(.alwaysOriginal),

PlayTogether/PlayTogether/Extensions/UIImage+Extension.swift

@@ -61,5 +61,8 @@ enum ImageCase: String {
     case showIconBlack = "showIconBlack"
     case introduceLabelIcon = "introduceLabelIcon"
     case clearIcon = "clearIcon"
+
+    case sendInActiveIcon = "sendInActiveIcon"
+    case sendActiveIcon = "sendActiveIcon"
     case optionIcon = "optionIcon"
 }

PlayTogether/PlayTogether/Extensions/UITableViewCell+Extension.swift

@@ -0,0 +1,19 @@
+//
+//  UITableView+Extension.swift
+//  PlayTogether
+//
+//  Created by 한상진 on 2022/09/04.
+//
+
+import UIKit
+
+extension UITableViewCell {
+    func dateParser(_ dateString: String) -> String {
+        let dateFormatter = DateFormatter()
+        dateFormatter.dateFormat = "yyyy-MM-dd'T'HH:mm:ss.SSS'Z'"
+        guard let convertDate = dateFormatter.date(from: dateString) else { return String.init() }
+
+        dateFormatter.dateFormat = "yyyy.MM.dd.  HH:mm"
+        return dateFormatter.string(from: convertDate)
+    }
+}

PlayTogether/PlayTogether/Resources/Assets.xcassets/Chatting/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

PlayTogether/PlayTogether/Resources/Assets.xcassets/Chatting/sendActiveIcon.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "btn_send_active.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

PlayTogether/PlayTogether/Resources/Assets.xcassets/Chatting/sendInActiveIcon.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "btn_send_inactive.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

PlayTogether/PlayTogether/Sources/Chatting/Cell/ChattingListTableViewCell.swift

@@ -0,0 +1,109 @@
+//
+//  ChattingRoomTableViewCell.swift
+//  PlayTogether
+//
+//  Created by 한상진 on 2022/08/31.
+//
+
+import UIKit
+
+final class ChattingListTableViewCell: UITableViewCell {
+    private let profileImageView = UIImageView().then {
+        $0.image = .ptImage(.profileIcon)
+    }
+
+    private let nameLabel = UILabel().then {
+        $0.textColor = .ptBlack01
+        $0.font = .pretendardBold(size: 16)
+    }
+
+    private let pointView = UIView().then {
+        $0.backgroundColor = .ptGreen
+        $0.layer.cornerRadius = 3
+    }
+
+    private let lastChatLabel = UILabel().then {
+        $0.textColor = .ptBlack01
+        $0.font = .pretendardRegular(size: 14)
+        $0.lineBreakMode = .byTruncatingTail
+    }
+
+    private let dateLabel = UILabel().then {
+        $0.textColor = .ptGray01
+        $0.font = .pretendardRegular(size: 14)
+    }
+
+    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
+        super.init(style: style, reuseIdentifier: reuseIdentifier)
+        setupUI()
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    func setupCell(
+        profileImage: UIImage?,
+        name: String,
+        lastChat: String,
+        date: String,
+        send: Bool,
+        read: Bool
+    ) {
+        if let profileImage = profileImage {
+            profileImageView.image = profileImage
+        }
+
+        nameLabel.text = name
+        lastChatLabel.text = lastChat
+        dateLabel.text = dateParser(date)
+
+        if send || read {
+            nameLabel.textColor = .ptGray01
+            lastChatLabel.textColor = .ptGray01
+            pointView.isHidden = true
+        }
+    }
+}
+
+private extension ChattingListTableViewCell {
+    func setupUI() {
+        backgroundColor = .white
+        selectionStyle = .none
+        separatorInset = UIEdgeInsets(top: 0, left: 20, bottom: 0, right: 20)
+
+        addSubview(profileImageView)
+        addSubview(nameLabel)
+        addSubview(pointView)
+        addSubview(lastChatLabel)
+        addSubview(dateLabel)
+
+        profileImageView.snp.makeConstraints {
+            $0.centerY.equalToSuperview()
+            $0.leading.equalToSuperview().offset(20)
+            $0.size.equalTo(UIScreen.main.bounds.width * 0.106)
+        }
+
+        nameLabel.snp.makeConstraints {
+            $0.top.equalTo(profileImageView).offset(1)
+            $0.leading.equalTo(profileImageView.snp.trailing).offset(12)
+        }
+
+        pointView.snp.makeConstraints {
+            $0.leading.equalTo(nameLabel.snp.trailing).offset(8)
+            $0.centerY.equalTo(nameLabel)
+            $0.size.equalTo(6)
+        }
+
+        lastChatLabel.snp.makeConstraints {
+            $0.leading.equalTo(nameLabel)
+            $0.trailing.equalToSuperview().inset(20)
+            $0.bottom.equalTo(profileImageView).offset(1)
+        }
+
+        dateLabel.snp.makeConstraints {
+            $0.top.equalTo(nameLabel)
+            $0.trailing.equalToSuperview().inset(20)
+        }
+    }
+}