| | | 1 | | using System; |
| | | 2 | | using System.Collections; |
| | | 3 | | using System.Collections.Generic; |
| | | 4 | | using System.Linq; |
| | | 5 | | using DCL.Helpers; |
| | | 6 | | using DCL.Interface; |
| | | 7 | | using TMPro; |
| | | 8 | | using UnityEngine; |
| | | 9 | | using UnityEngine.Events; |
| | | 10 | | using UnityEngine.EventSystems; |
| | | 11 | | using UnityEngine.UI; |
| | | 12 | | using System.Threading; |
| | | 13 | | using Cysharp.Threading.Tasks; |
| | | 14 | | using DG.Tweening; |
| | | 15 | | |
| | | 16 | | public class ChatHUDView : BaseComponentView, IChatHUDComponentView |
| | | 17 | | { |
| | | 18 | | private const string VIEW_PATH = "SocialBarV1/Chat"; |
| | | 19 | | |
| | | 20 | | public TMP_InputField inputField; |
| | | 21 | | public RectTransform chatEntriesContainer; |
| | | 22 | | public ScrollRect scrollRect; |
| | | 23 | | public GameObject messageHoverPanel; |
| | | 24 | | public GameObject messageHoverGotoPanel; |
| | | 25 | | public TextMeshProUGUI messageHoverText; |
| | | 26 | | public TextMeshProUGUI messageHoverGotoText; |
| | | 27 | | public UserContextMenu contextMenu; |
| | | 28 | | public UserContextConfirmationDialog confirmationDialog; |
| | | 29 | | [SerializeField] private DefaultChatEntryFactory defaultChatEntryFactory; |
| | | 30 | | [SerializeField] private Model model; |
| | | 31 | | [SerializeField] private InputAction_Trigger nextChatInHistoryInput; |
| | | 32 | | [SerializeField] private InputAction_Trigger previousChatInHistoryInput; |
| | | 33 | | |
| | 31 | 34 | | private readonly Dictionary<string, ChatEntry> entries = new Dictionary<string, ChatEntry>(); |
| | 31 | 35 | | private readonly ChatMessage currentMessage = new ChatMessage(); |
| | | 36 | | |
| | 31 | 37 | | private readonly Dictionary<Action, UnityAction<string>> inputFieldSelectedListeners = |
| | | 38 | | new Dictionary<Action, UnityAction<string>>(); |
| | | 39 | | |
| | 31 | 40 | | private readonly Dictionary<Action, UnityAction<string>> inputFieldUnselectedListeners = |
| | | 41 | | new Dictionary<Action, UnityAction<string>>(); |
| | | 42 | | |
| | | 43 | | private int updateLayoutDelayedFrames; |
| | | 44 | | private bool isSortingDirty; |
| | | 45 | | |
| | 0 | 46 | | protected bool IsFadeoutModeEnabled => model.enableFadeoutMode; |
| | | 47 | | |
| | | 48 | | public event Action<string> OnMessageUpdated; |
| | | 49 | | |
| | | 50 | | public event Action OnShowMenu |
| | | 51 | | { |
| | | 52 | | add |
| | | 53 | | { |
| | 3 | 54 | | if (contextMenu != null) |
| | 3 | 55 | | contextMenu.OnShowMenu += value; |
| | 3 | 56 | | } |
| | | 57 | | remove |
| | | 58 | | { |
| | 3 | 59 | | if (contextMenu != null) |
| | 3 | 60 | | contextMenu.OnShowMenu -= value; |
| | 3 | 61 | | } |
| | | 62 | | } |
| | | 63 | | |
| | | 64 | | public event Action OnInputFieldSelected |
| | | 65 | | { |
| | | 66 | | add |
| | | 67 | | { |
| | 0 | 68 | | void Action(string s) => value.Invoke(); |
| | 3 | 69 | | inputFieldSelectedListeners[value] = Action; |
| | 3 | 70 | | inputField.onSelect.AddListener(Action); |
| | 3 | 71 | | } |
| | | 72 | | remove |
| | | 73 | | { |
| | 3 | 74 | | if (!inputFieldSelectedListeners.ContainsKey(value)) |
| | 3 | 75 | | return; |
| | 0 | 76 | | inputField.onSelect.RemoveListener(inputFieldSelectedListeners[value]); |
| | 0 | 77 | | inputFieldSelectedListeners.Remove(value); |
| | 0 | 78 | | } |
| | | 79 | | } |
| | | 80 | | |
| | | 81 | | public event Action OnInputFieldDeselected |
| | | 82 | | { |
| | | 83 | | add |
| | | 84 | | { |
| | 0 | 85 | | void Action(string s) => value.Invoke(); |
| | 3 | 86 | | inputFieldUnselectedListeners[value] = Action; |
| | 3 | 87 | | inputField.onDeselect.AddListener(Action); |
| | 3 | 88 | | } |
| | | 89 | | remove |
| | | 90 | | { |
| | 3 | 91 | | if (!inputFieldUnselectedListeners.ContainsKey(value)) |
| | 3 | 92 | | return; |
| | 0 | 93 | | inputField.onDeselect.RemoveListener(inputFieldUnselectedListeners[value]); |
| | 0 | 94 | | inputFieldUnselectedListeners.Remove(value); |
| | 0 | 95 | | } |
| | | 96 | | } |
| | | 97 | | |
| | | 98 | | public event Action OnPreviousChatInHistory; |
| | | 99 | | public event Action OnNextChatInHistory; |
| | | 100 | | public event Action<ChatMessage> OnSendMessage; |
| | | 101 | | |
| | 0 | 102 | | public int EntryCount => entries.Count; |
| | 0 | 103 | | public IChatEntryFactory ChatEntryFactory { get; set; } |
| | | 104 | | |
| | | 105 | | public static ChatHUDView Create() |
| | | 106 | | { |
| | 0 | 107 | | var view = Instantiate(Resources.Load<GameObject>(VIEW_PATH)).GetComponent<ChatHUDView>(); |
| | 0 | 108 | | return view; |
| | | 109 | | } |
| | | 110 | | |
| | | 111 | | public override void Awake() |
| | | 112 | | { |
| | 26 | 113 | | base.Awake(); |
| | 26 | 114 | | inputField.onSubmit.AddListener(OnInputFieldSubmit); |
| | 26 | 115 | | inputField.onSelect.AddListener(OnInputFieldSelect); |
| | 26 | 116 | | inputField.onDeselect.AddListener(OnInputFieldDeselect); |
| | 26 | 117 | | inputField.onValueChanged.AddListener(str => OnMessageUpdated?.Invoke(str)); |
| | 26 | 118 | | ChatEntryFactory ??= defaultChatEntryFactory; |
| | 26 | 119 | | model.enableFadeoutMode = true; |
| | 26 | 120 | | } |
| | | 121 | | |
| | | 122 | | public override void OnEnable() |
| | | 123 | | { |
| | 29 | 124 | | base.OnEnable(); |
| | 29 | 125 | | UpdateLayout(); |
| | 29 | 126 | | nextChatInHistoryInput.OnTriggered += HandleNextChatInHistoryInput; |
| | 29 | 127 | | previousChatInHistoryInput.OnTriggered += HandlePreviousChatInHistoryInput; |
| | 29 | 128 | | } |
| | | 129 | | |
| | | 130 | | public override void OnDisable() |
| | | 131 | | { |
| | 29 | 132 | | base.OnDisable(); |
| | 29 | 133 | | nextChatInHistoryInput.OnTriggered -= HandleNextChatInHistoryInput; |
| | 29 | 134 | | previousChatInHistoryInput.OnTriggered -= HandlePreviousChatInHistoryInput; |
| | 29 | 135 | | } |
| | | 136 | | |
| | | 137 | | public override void Update() |
| | | 138 | | { |
| | 3 | 139 | | base.Update(); |
| | | 140 | | |
| | 3 | 141 | | if (updateLayoutDelayedFrames > 0) |
| | | 142 | | { |
| | 3 | 143 | | updateLayoutDelayedFrames--; |
| | | 144 | | |
| | 3 | 145 | | if (updateLayoutDelayedFrames <= 0) |
| | 0 | 146 | | chatEntriesContainer.ForceUpdateLayout(delayed: false); |
| | | 147 | | } |
| | | 148 | | |
| | 3 | 149 | | if (isSortingDirty) |
| | 0 | 150 | | SortEntriesImmediate(); |
| | 3 | 151 | | isSortingDirty = false; |
| | 3 | 152 | | } |
| | | 153 | | |
| | | 154 | | public void ResetInputField(bool loseFocus = false) |
| | | 155 | | { |
| | 0 | 156 | | inputField.text = string.Empty; |
| | 0 | 157 | | inputField.caretColor = Color.white; |
| | 0 | 158 | | if (loseFocus) |
| | 0 | 159 | | UnfocusInputField(); |
| | 0 | 160 | | } |
| | | 161 | | |
| | | 162 | | public override void RefreshControl() |
| | | 163 | | { |
| | 0 | 164 | | if (model.isInputFieldFocused) |
| | 0 | 165 | | FocusInputField(); |
| | 0 | 166 | | SetInputFieldText(model.inputFieldText); |
| | 0 | 167 | | SetFadeoutMode(model.enableFadeoutMode); |
| | 0 | 168 | | ClearAllEntries(); |
| | 0 | 169 | | foreach (var entry in model.entries) |
| | 0 | 170 | | AddEntry(entry); |
| | 0 | 171 | | } |
| | | 172 | | |
| | | 173 | | public void FocusInputField() |
| | | 174 | | { |
| | 2 | 175 | | inputField.ActivateInputField(); |
| | 2 | 176 | | inputField.Select(); |
| | 2 | 177 | | } |
| | | 178 | | |
| | 3 | 179 | | public void UnfocusInputField() => EventSystem.current?.SetSelectedGameObject(null); |
| | | 180 | | |
| | | 181 | | public void SetInputFieldText(string text) |
| | | 182 | | { |
| | 0 | 183 | | model.inputFieldText = text; |
| | 0 | 184 | | inputField.text = text; |
| | 0 | 185 | | inputField.MoveTextEnd(false); |
| | 0 | 186 | | } |
| | | 187 | | |
| | | 188 | | public void FadeOutMessages() |
| | | 189 | | { |
| | 0 | 190 | | foreach (var entry in entries.Values) |
| | 0 | 191 | | entry.FadeOut(); |
| | 0 | 192 | | } |
| | | 193 | | |
| | | 194 | | private void SetFadeoutMode(bool enabled) |
| | | 195 | | { |
| | 0 | 196 | | model.enableFadeoutMode = enabled; |
| | | 197 | | |
| | 0 | 198 | | foreach (var entry in entries.Values) |
| | 0 | 199 | | entry.SetFadeout(enabled && IsEntryVisible(entry)); |
| | | 200 | | |
| | 0 | 201 | | if (enabled) |
| | 0 | 202 | | confirmationDialog.Hide(); |
| | 0 | 203 | | } |
| | | 204 | | |
| | | 205 | | public virtual void AddEntry(ChatEntryModel model, bool setScrollPositionToBottom = false) |
| | | 206 | | { |
| | 0 | 207 | | if (entries.ContainsKey(model.messageId)) |
| | | 208 | | { |
| | 0 | 209 | | var chatEntry = entries[model.messageId]; |
| | 0 | 210 | | chatEntry.SetFadeout(this.model.enableFadeoutMode); |
| | 0 | 211 | | chatEntry.Populate(model); |
| | | 212 | | |
| | 0 | 213 | | SetEntry(model.messageId, chatEntry, setScrollPositionToBottom); |
| | 0 | 214 | | } |
| | | 215 | | else |
| | | 216 | | { |
| | 0 | 217 | | var chatEntry = ChatEntryFactory.Create(model); |
| | 0 | 218 | | chatEntry.SetFadeout(this.model.enableFadeoutMode); |
| | 0 | 219 | | chatEntry.Populate(model); |
| | | 220 | | |
| | 0 | 221 | | if (chatEntry.showUserName && model.subType.Equals(ChatEntryModel.SubType.RECEIVED)) |
| | 0 | 222 | | chatEntry.OnUserNameClicked += OnOpenContextMenu; |
| | | 223 | | |
| | 0 | 224 | | chatEntry.OnTriggerHover += OnMessageTriggerHover; |
| | 0 | 225 | | chatEntry.OnTriggerHoverGoto += OnMessageCoordinatesTriggerHover; |
| | 0 | 226 | | chatEntry.OnCancelHover += OnMessageCancelHover; |
| | 0 | 227 | | chatEntry.OnCancelGotoHover += OnMessageCancelGotoHover; |
| | | 228 | | |
| | 0 | 229 | | SetEntry(model.messageId, chatEntry, setScrollPositionToBottom); |
| | | 230 | | } |
| | 0 | 231 | | } |
| | | 232 | | |
| | | 233 | | public virtual void SetEntry(string messageId, ChatEntry chatEntry, bool setScrollPositionToBottom = false) |
| | | 234 | | { |
| | 0 | 235 | | chatEntry.transform.SetParent(chatEntriesContainer, false); |
| | 0 | 236 | | entries[messageId] = chatEntry; |
| | | 237 | | |
| | 0 | 238 | | SortEntries(); |
| | 0 | 239 | | UpdateLayout(); |
| | | 240 | | |
| | 0 | 241 | | if (setScrollPositionToBottom && scrollRect.verticalNormalizedPosition > 0) |
| | 0 | 242 | | scrollRect.verticalNormalizedPosition = 0; |
| | 0 | 243 | | } |
| | | 244 | | |
| | | 245 | | public void RemoveFirstEntry() |
| | | 246 | | { |
| | 0 | 247 | | if (entries.Count <= 0) return; |
| | 0 | 248 | | var firstEntry = GetFirstEntry(); |
| | 0 | 249 | | if (firstEntry == null) return; |
| | 0 | 250 | | Destroy(firstEntry.gameObject); |
| | 0 | 251 | | entries.Remove(firstEntry.Model.messageId); |
| | 0 | 252 | | UpdateLayout(); |
| | 0 | 253 | | } |
| | | 254 | | |
| | | 255 | | public override void Hide(bool instant = false) |
| | | 256 | | { |
| | 0 | 257 | | base.Hide(instant); |
| | 0 | 258 | | if (contextMenu == null) |
| | 0 | 259 | | return; |
| | 0 | 260 | | contextMenu.Hide(); |
| | 0 | 261 | | confirmationDialog.Hide(); |
| | 0 | 262 | | } |
| | | 263 | | |
| | | 264 | | public void OnMessageCancelHover() |
| | | 265 | | { |
| | 0 | 266 | | messageHoverPanel.SetActive(false); |
| | 0 | 267 | | messageHoverText.text = string.Empty; |
| | 0 | 268 | | } |
| | | 269 | | |
| | | 270 | | public virtual void ClearAllEntries() |
| | | 271 | | { |
| | 2 | 272 | | foreach (var entry in entries.Values) |
| | 0 | 273 | | Destroy(entry.gameObject); |
| | 1 | 274 | | entries.Clear(); |
| | 1 | 275 | | UpdateLayout(); |
| | 1 | 276 | | } |
| | | 277 | | |
| | | 278 | | private bool IsEntryVisible(ChatEntry entry) |
| | | 279 | | { |
| | 0 | 280 | | int visibleCorners = |
| | | 281 | | (entry.transform as RectTransform).CountCornersVisibleFrom(scrollRect.viewport.transform as RectTransform); |
| | 0 | 282 | | return visibleCorners > 0; |
| | | 283 | | } |
| | | 284 | | |
| | | 285 | | private void OnInputFieldSubmit(string message) |
| | | 286 | | { |
| | 0 | 287 | | currentMessage.body = message; |
| | 0 | 288 | | currentMessage.sender = string.Empty; |
| | 0 | 289 | | currentMessage.messageType = ChatMessage.Type.NONE; |
| | 0 | 290 | | currentMessage.recipient = string.Empty; |
| | | 291 | | |
| | | 292 | | // A TMP_InputField is automatically marked as 'wasCanceled' when the ESC key is pressed |
| | 0 | 293 | | if (inputField.wasCanceled) |
| | 0 | 294 | | currentMessage.body = string.Empty; |
| | | 295 | | |
| | | 296 | | // we have to wait one frame to disengage the flow triggered by OnSendMessage |
| | | 297 | | // otherwise it crashes the application (WebGL only) due a TextMeshPro bug |
| | 0 | 298 | | StartCoroutine(WaitThenTriggerSendMessage()); |
| | 0 | 299 | | } |
| | | 300 | | |
| | | 301 | | private IEnumerator WaitThenTriggerSendMessage() |
| | | 302 | | { |
| | 0 | 303 | | yield return null; |
| | 0 | 304 | | OnSendMessage?.Invoke(currentMessage); |
| | 0 | 305 | | } |
| | | 306 | | |
| | 0 | 307 | | private void OnInputFieldSelect(string message) { AudioScriptableObjects.inputFieldFocus.Play(true); } |
| | | 308 | | |
| | 0 | 309 | | private void OnInputFieldDeselect(string message) { AudioScriptableObjects.inputFieldUnfocus.Play(true); } |
| | | 310 | | |
| | | 311 | | private void OnOpenContextMenu(DefaultChatEntry chatEntry) |
| | | 312 | | { |
| | 0 | 313 | | chatEntry.DockContextMenu((RectTransform) contextMenu.transform); |
| | 0 | 314 | | contextMenu.transform.parent = transform.parent; |
| | 0 | 315 | | contextMenu.transform.SetAsLastSibling(); |
| | 0 | 316 | | contextMenu.Show(chatEntry.Model.senderId); |
| | 0 | 317 | | } |
| | | 318 | | |
| | | 319 | | protected virtual void OnMessageTriggerHover(DefaultChatEntry chatEntry) |
| | | 320 | | { |
| | 0 | 321 | | if (contextMenu == null || contextMenu.isVisible) |
| | 0 | 322 | | return; |
| | | 323 | | |
| | 0 | 324 | | messageHoverText.text = chatEntry.messageLocalDateTime; |
| | 0 | 325 | | chatEntry.DockHoverPanel((RectTransform) messageHoverPanel.transform); |
| | 0 | 326 | | messageHoverPanel.SetActive(true); |
| | 0 | 327 | | } |
| | | 328 | | |
| | | 329 | | private void OnMessageCoordinatesTriggerHover(DefaultChatEntry chatEntry, ParcelCoordinates parcelCoordinates) |
| | | 330 | | { |
| | 0 | 331 | | messageHoverGotoText.text = $"{parcelCoordinates} INFO"; |
| | 0 | 332 | | chatEntry.DockHoverPanel((RectTransform) messageHoverGotoPanel.transform); |
| | 0 | 333 | | messageHoverGotoPanel.SetActive(true); |
| | 0 | 334 | | } |
| | | 335 | | |
| | | 336 | | private void OnMessageCancelGotoHover() |
| | | 337 | | { |
| | 0 | 338 | | messageHoverGotoPanel.SetActive(false); |
| | 0 | 339 | | messageHoverGotoText.text = string.Empty; |
| | 0 | 340 | | } |
| | | 341 | | |
| | 0 | 342 | | private void SortEntries() => isSortingDirty = true; |
| | | 343 | | |
| | | 344 | | private void SortEntriesImmediate() |
| | | 345 | | { |
| | 0 | 346 | | if (this.entries.Count <= 0) return; |
| | | 347 | | |
| | 0 | 348 | | var entries = this.entries.Values.OrderBy(x => x.Model.timestamp).ToList(); |
| | | 349 | | |
| | 0 | 350 | | for (var i = 0; i < entries.Count; i++) |
| | | 351 | | { |
| | 0 | 352 | | if (entries[i].transform.GetSiblingIndex() != i) |
| | 0 | 353 | | entries[i].transform.SetSiblingIndex(i); |
| | | 354 | | } |
| | 0 | 355 | | } |
| | | 356 | | |
| | 0 | 357 | | private void HandleNextChatInHistoryInput(DCLAction_Trigger action) => OnNextChatInHistory?.Invoke(); |
| | | 358 | | |
| | 0 | 359 | | private void HandlePreviousChatInHistoryInput(DCLAction_Trigger action) => OnPreviousChatInHistory?.Invoke(); |
| | | 360 | | |
| | | 361 | | private void UpdateLayout() |
| | | 362 | | { |
| | | 363 | | // we have to wait several frames before updating the layout |
| | | 364 | | // every message entry waits for 3 frames before updating its own layout |
| | | 365 | | // we gotta force the layout updating after that |
| | | 366 | | // TODO: simplify this change to a bool when we update to a working TextMeshPro version |
| | 0 | 367 | | updateLayoutDelayedFrames = 4; |
| | 0 | 368 | | } |
| | | 369 | | |
| | | 370 | | private ChatEntry GetFirstEntry() |
| | | 371 | | { |
| | 0 | 372 | | ChatEntry firstEntry = null; |
| | | 373 | | |
| | 0 | 374 | | for (var i = 0; i < chatEntriesContainer.childCount; i++) |
| | | 375 | | { |
| | 0 | 376 | | var firstChildTransform = chatEntriesContainer.GetChild(i); |
| | 0 | 377 | | var entry = firstChildTransform.GetComponent<ChatEntry>(); |
| | 0 | 378 | | if (entry == null) continue; |
| | 0 | 379 | | firstEntry = entry; |
| | 0 | 380 | | break; |
| | | 381 | | } |
| | | 382 | | |
| | 0 | 383 | | return firstEntry; |
| | | 384 | | } |
| | | 385 | | |
| | | 386 | | [Serializable] |
| | | 387 | | private struct Model |
| | | 388 | | { |
| | | 389 | | public bool isInputFieldFocused; |
| | | 390 | | public string inputFieldText; |
| | | 391 | | public bool enableFadeoutMode; |
| | | 392 | | public ChatEntryModel[] entries; |
| | | 393 | | } |
| | | 394 | | } |