Conversation: Prevent getProps errors on initial link

Co-authored-by: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>

ts/background.ts

@@ -11,6 +11,7 @@ import { DataMessageClass } from './textsecure.d';
 import { MessageAttributesType } from './model-types.d';
 import { WhatIsThis } from './window.d';
 import { getTitleBarVisibility, TitleBarVisibility } from './types/Settings';
+import { DEFAULT_CONVERSATION_COLOR } from './types/Colors';
 import { ChallengeHandler } from './challenge';
 import { isWindowDragElement } from './util/isWindowDragElement';
 import { assert } from './util/assert';
@@ -83,9 +84,10 @@ export async function startApp(): Promise<void> {
 
   window.storage.onready(() => {
     if (!window.storage.get('defaultConversationColor')) {
-      window.storage.put('defaultConversationColor', {
+      window.storage.put(
-        color: 'ultramarine',
+        'defaultConversationColor',
-      });
+        DEFAULT_CONVERSATION_COLOR
+      );
     }
   });
 

ts/model-types.d.ts

@@ -26,6 +26,7 @@ import { ConversationModel } from './models/conversations';
 import { ProfileNameChangeType } from './util/getStringForProfileChange';
 import { CapabilitiesType } from './textsecure/WebAPI';
 import { GroupNameCollisionsWithIdsByTitle } from './util/groupMemberNameCollisions';
+import { ConversationColorType } from './types/Colors';
 
 export type WhatIsThis = any;
 
@@ -197,7 +198,7 @@ export type ConversationAttributesType = {
   addedBy?: string;
   capabilities?: CapabilitiesType;
   color?: string;
-  conversationColor?: string;
+  conversationColor?: ConversationColorType;
   customColor?: CustomColorType;
   customColorId?: string;
   discoveredUnregisteredAt?: number;

ts/models/conversations.ts

@@ -21,6 +21,7 @@ import {
   AvatarColors,
   ConversationColorType,
   CustomColorType,
+  DEFAULT_CONVERSATION_COLOR,
 } from '../types/Colors';
 import { MessageModel } from './messages';
 import { isMuted } from '../util/isMuted';
@@ -1358,23 +1359,26 @@ export class ConversationModel extends window.Backbone
     // We don't want to crash or have an infinite loop if we loop back into this function
     //   again. We'll log a warning and returned old cached props or throw an error.
     this.format = () => {
-      const { stack } = new Error('for stack');
-      window.log.warn(
-        `Conversation.format()/${this.idForLogging()} reentrant call! ${stack}`
-      );
       if (!this.oldCachedProps) {
         throw new Error(
           `Conversation.format()/${this.idForLogging()} reentrant call, no old cached props!`
         );
       }
+
+      const { stack } = new Error('for stack');
+      window.log.warn(
+        `Conversation.format()/${this.idForLogging()} reentrant call! ${stack}`
+      );
+
       return this.oldCachedProps;
     };
 
+    try {
       this.cachedProps = this.getProps();
-
-    this.format = oldFormat;
-
       return this.cachedProps;
+    } finally {
+      this.format = oldFormat;
+    }
   }
 
   // Note: this should never be called directly. Use conversation.format() instead, which
@@ -4866,7 +4870,8 @@ export class ConversationModel extends window.Backbone
 
   getConversationColor(): ConversationColorType {
     const defaultConversationColor = window.storage.get(
-      'defaultConversationColor'
+      'defaultConversationColor',
+      DEFAULT_CONVERSATION_COLOR
     );
 
     return this.get('conversationColor') || defaultConversationColor.color;
@@ -4877,7 +4882,8 @@ export class ConversationModel extends window.Backbone
     customColorId?: string;
   } {
     const defaultConversationColor = window.storage.get(
-      'defaultConversationColor'
+      'defaultConversationColor',
+      DEFAULT_CONVERSATION_COLOR
     );
 
     if (this.getConversationColor() !== 'custom') {

ts/state/ducks/conversations.ts

@@ -26,6 +26,8 @@ import {
   AvatarColorType,
   ConversationColorType,
   CustomColorType,
+  DefaultConversationColorType,
+  DEFAULT_CONVERSATION_COLOR,
 } from '../../types/Colors';
 import { ConversationAttributesType } from '../../model-types.d';
 import { BodyRangeType } from '../../types/Util';
@@ -394,13 +396,7 @@ type CustomColorRemovedActionType = {
   type: typeof CUSTOM_COLOR_REMOVED;
   payload: {
     colorId: string;
-    defaultConversationColor: {
+    defaultConversationColor: DefaultConversationColorType;
-      color: ConversationColorType;
-      customColorData?: {
-        id: string;
-        value: CustomColorType;
-      };
-    };
   };
 };
 type SetPreJoinConversationActionType = {
@@ -765,7 +761,8 @@ function removeCustomColorOnConversations(
     }
 
     const defaultConversationColor = window.storage.get(
-      'defaultConversationColor'
+      'defaultConversationColor',
+      DEFAULT_CONVERSATION_COLOR
     );
 
     dispatch({
@@ -800,7 +797,8 @@ function resetAllChatColors(): ThunkAction<
     });
 
     const defaultConversationColor = window.storage.get(
-      'defaultConversationColor'
+      'defaultConversationColor',
+      DEFAULT_CONVERSATION_COLOR
     );
 
     dispatch({

ts/state/ducks/items.ts

@@ -1,4 +1,4 @@
-// Copyright 2019-2020 Signal Messenger, LLC
+// Copyright 2019-2021 Signal Messenger, LLC
 // SPDX-License-Identifier: AGPL-3.0-only
 
 import { omit } from 'lodash';
@@ -11,6 +11,7 @@ import {
   ConversationColors,
   ConversationColorType,
   CustomColorType,
+  DefaultConversationColorType,
 } from '../../types/Colors';
 import { reloadSelectedConversation } from '../../shims/reloadSelectedConversation';
 
@@ -22,13 +23,7 @@ export type ItemsStateType = {
   readonly [key: string]: unknown;
 
   // This property should always be set and this is ensured in background.ts
-  readonly defaultConversationColor?: {
+  readonly defaultConversationColor?: DefaultConversationColorType;
-    color: ConversationColorType;
-    customColorData?: {
-      id: string;
-      value: CustomColorType;
-    };
-  };
 
   readonly customColors?: {
     readonly colors: Record<string, CustomColorType>;

ts/state/selectors/items.ts

@@ -1,4 +1,4 @@
-// Copyright 2019-2020 Signal Messenger, LLC
+// Copyright 2019-2021 Signal Messenger, LLC
 // SPDX-License-Identifier: AGPL-3.0-only
 
 import { createSelector } from 'reselect';
@@ -8,9 +8,9 @@ import { ITEM_NAME as UNIVERSAL_EXPIRE_TIMER_ITEM } from '../../util/universalEx
 import { StateType } from '../reducer';
 import { ItemsStateType } from '../ducks/items';
 import {
-  ConversationColors,
   ConversationColorType,
   CustomColorType,
+  DEFAULT_CONVERSATION_COLOR,
 } from '../../types/Colors';
 
 export const getItems = (state: StateType): ItemsStateType => state.items;
@@ -41,5 +41,5 @@ export const getDefaultConversationColor = createSelector(
       id: string;
       value: CustomColorType;
     };
-  } => state.defaultConversationColor ?? { color: ConversationColors[0] }
+  } => state.defaultConversationColor ?? DEFAULT_CONVERSATION_COLOR
 );

ts/types/Colors.ts

@@ -1,4 +1,4 @@
-// Copyright 2020 Signal Messenger, LLC
+// Copyright 2020-2021 Signal Messenger, LLC
 // SPDX-License-Identifier: AGPL-3.0-only
 
 export const AvatarColors = [
@@ -93,3 +93,15 @@ export type AvatarColorType = typeof AvatarColors[number];
 export type ConversationColorType =
   | typeof ConversationColors[number]
   | 'custom';
+
+export type DefaultConversationColorType = {
+  color: ConversationColorType;
+  customColorData?: {
+    id: string;
+    value: CustomColorType;
+  };
+};
+
+export const DEFAULT_CONVERSATION_COLOR: DefaultConversationColorType = {
+  color: 'ultramarine',
+};

ts/window.d.ts

@@ -109,6 +109,7 @@ import { SignalProtocolStore } from './SignalProtocolStore';
 import { StartupQueue } from './util/StartupQueue';
 import * as synchronousCrypto from './util/synchronousCrypto';
 import SyncRequest from './textsecure/SyncRequest';
+import { ConversationColorType, CustomColorType } from './types/Colors';
 
 export { Long } from 'long';