(breaking) replace sender_id by senderId

Author: antoine92190

README.md

@@ -383,7 +383,7 @@ rooms="[
     index: 3,
     lastMessage: {
       content: 'Last message received',
-      sender_id: 1234,
+      senderId: 1234,
       username: 'John Doe',
       timestamp: '10:20',
       saved: true,
@@ -429,7 +429,7 @@ rooms="[
 ### Messages prop
 
 Message objects are rendered differently depending on their type. Currently, only text, emoji and file types are supported.<br><br>
-Each message object has a `sender_id` field which holds the id of the corresponding agent. If `sender_id` matches the `currentUserId` prop, specific UI and actions will be implemented.<br><br>
+Each message object has a `senderId` field which holds the id of the corresponding agent. If `senderId` matches the `currentUserId` prop, specific UI and actions will be implemented.<br><br>
 Notes:
 
 - `username` will be displayed on each message of corresponding agents if at least 3 users are in the room
@@ -446,7 +446,7 @@ messages="[
   {
     _id: 7890,
     content: 'message 1',
-    sender_id: 1234,
+    senderId: 1234,
     username: 'John Doe',
     date: '13 November',
     timestamp: '10:20',
@@ -672,7 +672,7 @@ chatRooms: {
 messages: {
   MESSAGE_ID_1: {
     content: 'My first message to <usertag>John</usertag>',
-    sender_id: 2,
+    senderId: 2,
     timestamp: 'December 11, 2019 at 4:00:00 PM',
     seen: true
   }

demo/src/ChatContainer.vue

@@ -418,7 +418,7 @@ export default {
 			return {
 				...message.data(),
 				...{
-					sender_id,
+					senderId: sender_id,
 					_id: message.id,
 					seconds: timestamp.seconds,
 					timestamp: parseTimestamp(timestamp, 'HH:mm'),
@@ -454,7 +454,7 @@ export default {
 				message.replyMessage = {
 					_id: replyMessage._id,
 					content: replyMessage.content,
-					sender_id: replyMessage.sender_id
+					sender_id: replyMessage.senderId
 				}
 
 				if (replyMessage.file) {

src/ChatWindow/Message/Message.vue

@@ -16,7 +16,7 @@
 			v-else
 			:id="message._id"
 			class="vac-message-box"
-			:class="{ 'vac-offset-current': message.sender_id === currentUserId }"
+			:class="{ 'vac-offset-current': message.senderId === currentUserId }"
 		>
 			<slot name="message" v-bind="{ message }">
 				<div
@@ -29,14 +29,14 @@
 						class="vac-message-card"
 						:class="{
 							'vac-message-highlight': isMessageHover,
-							'vac-message-current': message.sender_id === currentUserId,
+							'vac-message-current': message.senderId === currentUserId,
 							'vac-message-deleted': message.deleted
 						}"
 						@mouseover="onHoverMessage"
 						@mouseleave="onLeaveMessage"
 					>
 						<div
-							v-if="roomUsers.length > 2 && message.sender_id !== currentUserId"
+							v-if="roomUsers.length > 2 && message.senderId !== currentUserId"
 							class="vac-text-username"
 							:class="{
 								'vac-username-reply': !message.deleted && message.replyMessage
@@ -228,7 +228,7 @@ export default {
 		messageOffset() {
 			return (
 				this.index > 0 &&
-				this.message.sender_id !== this.messages[this.index - 1].sender_id
+				this.message.senderId !== this.messages[this.index - 1].senderId
 			)
 		},
 		isMessageHover() {
@@ -245,7 +245,7 @@ export default {
 		},
 		isCheckmarkVisible() {
 			return (
-				this.message.sender_id === this.currentUserId &&
+				this.message.senderId === this.currentUserId &&
 				!this.message.deleted &&
 				(this.message.saved || this.message.distributed || this.message.seen)
 			)
@@ -262,7 +262,7 @@ export default {
 	},
 
 	mounted() {
-		if (!this.message.seen && this.message.sender_id !== this.currentUserId) {
+		if (!this.message.seen && this.message.senderId !== this.currentUserId) {
 			this.$emit('add-new-message', {
 				_id: this.message._id,
 				index: this.index

src/ChatWindow/Message/MessageActions.vue

@@ -14,7 +14,7 @@
 					key="1"
 					class="vac-blur-container"
 					:class="{
-						'vac-options-me': message.sender_id === currentUserId
+						'vac-options-me': message.senderId === currentUserId
 					}"
 				/>
 
@@ -39,7 +39,7 @@
 					:emoji-opened="emojiOpened"
 					:emoji-reaction="true"
 					:room-footer-ref="roomFooterRef"
-					:position-right="message.sender_id === currentUserId"
+					:position-right="message.senderId === currentUserId"
 					@add-emoji="sendMessageReaction"
 					@open-emoji="openEmoji"
 				>
@@ -53,7 +53,7 @@
 		<transition
 			v-if="filteredMessageActions.length"
 			:name="
-				message.sender_id === currentUserId
+				message.senderId === currentUserId
 					? 'vac-slide-left'
 					: 'vac-slide-right'
 			"
@@ -64,7 +64,7 @@
 				v-click-outside="closeOptions"
 				class="vac-menu-options"
 				:class="{
-					'vac-menu-left': message.sender_id !== currentUserId
+					'vac-menu-left': message.senderId !== currentUserId
 				}"
 				:style="{ top: `${menuOptionsTop}px` }"
 			>
@@ -137,7 +137,7 @@ export default {
 			)
 		},
 		filteredMessageActions() {
-			return this.message.sender_id === this.currentUserId
+			return this.message.senderId === this.currentUserId
 				? this.messageActions
 				: this.messageActions.filter(message => !message.onlyMe)
 		}

src/ChatWindow/Message/MessageImage.vue

@@ -8,7 +8,7 @@
 			class="vac-message-image"
 			:class="{
 				'vac-image-loading':
-					isImageLoading && message.sender_id === currentUserId
+					isImageLoading && message.senderId === currentUserId
 			}"
 			:style="{
 				'background-image': `url('${message.file.url}')`,

src/ChatWindow/Message/MessageReactions.vue

@@ -9,7 +9,7 @@
 				'vac-reaction-me': reaction.indexOf(currentUserId) !== -1
 			}"
 			:style="{
-				float: message.sender_id === currentUserId ? 'right' : 'left'
+				float: message.senderId === currentUserId ? 'right' : 'left'
 			}"
 			@click="sendMessageReaction({ name: key }, reaction)"
 		>

src/ChatWindow/Room/Room.vue

@@ -418,7 +418,7 @@ export default {
 			newVal.forEach(message => {
 				if (!messagesValid(message)) {
 					throw new Error(
-						'Messages object is not valid! Must contain _id[String, Number], content[String, Number] and sender_id[String, Number]'
+						'Messages object is not valid! Must contain _id[String, Number], content[String, Number] and senderId[String, Number]'
 					)
 				}
 			})

src/ChatWindow/RoomsList/RoomContent.vue

@@ -160,7 +160,7 @@ export default {
 			}
 
 			const user = this.room.users.find(
-				user => user._id === this.room.lastMessage.sender_id
+				user => user._id === this.room.lastMessage.senderId
 			)
 
 			if (this.room.lastMessage.username) {
@@ -187,7 +187,7 @@ export default {
 				!this.typingUsers &&
 				this.room.lastMessage &&
 				!this.room.lastMessage.deleted &&
-				this.room.lastMessage.sender_id === this.currentUserId &&
+				this.room.lastMessage.senderId === this.currentUserId &&
 				(this.room.lastMessage.saved ||
 					this.room.lastMessage.distributed ||
 					this.room.lastMessage.seen)

src/utils/roomValidation.js

@@ -42,7 +42,7 @@ export function messagesValid(obj) {
 	const participantsValidate = [
 		{ key: '_id', type: ['string', 'number'] },
 		{ key: 'content', type: ['string', 'number'] },
-		{ key: 'sender_id', type: ['string', 'number'] }
+		{ key: 'senderId', type: ['string', 'number'] }
 	]
 
 	const validate = (obj, props) => {