Chore: Migrate modules related to room template to TypeScript

apps/meteor/app/api/server/lib/getServerInfo.ts

@@ -3,7 +3,7 @@ import { hasPermissionAsync } from '../../../authorization/server/functions/hasP
 
 type ServerInfo =
 	| {
-			info: Info;
+			info: typeof Info;
 	  }
 	| {
 			version: string | undefined;

apps/meteor/app/discussion/client/createDiscussionMessageAction.ts

@@ -26,7 +26,7 @@ Meteor.startup(function () {
 				imperativeModal.open({
 					component: CreateDiscussion,
 					props: {
-						defaultParentRoom: room.prid || room._id,
+						defaultParentRoom: room?.prid || room?._id,
 						onClose: imperativeModal.close,
 						parentMessageId: message._id,
 						nameSuggestion: message?.msg?.substr(0, 140),

apps/meteor/app/emoji/lib/rocketchat.js

@@ -29,5 +29,6 @@ export const emoji = {
 			},
 		},
 	},
+	/** @type {Record<string, unknown>} */
 	list: {},
 };

apps/meteor/app/livechat/client/views/app/livechatReadOnly.js

@@ -6,7 +6,6 @@ import { FlowRouter } from 'meteor/kadira:flow-router';
 import { ChatRoom, CachedChatRoom } from '../../../../models/client';
 import { callWithErrorHandling } from '../../../../../client/lib/utils/callWithErrorHandling';
 import { APIClient } from '../../../../utils/client';
-import { RoomManager } from '../../../../ui-utils/client/lib/RoomManager';
 import { inquiryDataStream } from '../../lib/stream/inquiry';
 import { dispatchToastMessage } from '../../../../../client/lib/toast';
 import './livechatReadOnly.html';
@@ -91,6 +90,8 @@ Template.livechatReadOnly.onCreated(async function () {
 		this.inquiry.set(inquiry);
 	};
 
+	this.roomDataStream = new Meteor.Streamer('room-data');
+
 	Meteor.call('livechat:getRoutingConfig', (err, config) => {
 		if (config) {
 			this.routingConfig.set(config);
@@ -108,7 +109,7 @@ Template.livechatReadOnly.onCreated(async function () {
 		const { room } = await APIClient.get(`/v1/rooms.info`, { roomId });
 		this.room.set(room);
 		if (room && room._id) {
-			RoomManager.roomStream.on(roomId, (room) => this.room.set(room));
+			this.roomDataStream.on(roomId, (room) => this.room.set(room));
 		}
 
 		this.preparing.set(false);
@@ -124,5 +125,5 @@ Template.livechatReadOnly.onDestroyed(function () {
 	}
 
 	const { rid } = Template.currentData();
-	RoomManager.roomStream.removeListener(rid);
+	this.roomDataStream.removeListener(rid);
 });

apps/meteor/app/livechat/client/views/app/tabbar/visitorInfo.js

@@ -14,7 +14,6 @@ import { settings } from '../../../../../settings';
 import { t } from '../../../../../utils';
 import { hasRole, hasPermission, hasAtLeastOnePermission } from '../../../../../authorization';
 import { APIClient } from '../../../../../utils/client';
-import { RoomManager } from '../../../../../ui-utils/client';
 import { getCustomFormTemplate } from '../customTemplates/register';
 import { Markdown } from '../../../../../markdown/client';
 import { formatDateAndTime } from '../../../../../../client/lib/utils/formatDateAndTime';
@@ -414,8 +413,10 @@ Template.visitorInfo.onCreated(function () {
 		this.updateRoom(room);
 	};
 
+	this.roomDataStream = new Meteor.Streamer('room-data');
+
 	if (rid) {
-		RoomManager.roomStream.on(rid, this.updateRoom);
+		this.roomDataStream.on(rid, this.updateRoom);
 		loadRoomData(rid);
 	}
 
@@ -436,5 +437,5 @@ Template.visitorInfo.onCreated(function () {
 
 Template.visitorInfo.onDestroyed(function () {
 	const { rid } = Template.currentData();
-	RoomManager.roomStream.removeListener(rid, this.updateRoom);
+	this.roomDataStream.removeListener(rid, this.updateRoom);
 });

apps/meteor/app/models/client/models/ChatMessage.ts

@@ -0,0 +1,32 @@
+import type { IMessage, IRoom } from '@rocket.chat/core-typings';
+import { Mongo } from 'meteor/mongo';
+
+class ChatMessageCollection extends Mongo.Collection<IMessage & { ignored?: boolean }> {
+	constructor() {
+		super(null);
+	}
+
+	setReactions(messageId: IMessage['_id'], reactions: IMessage['reactions']) {
+		return this.update({ _id: messageId }, { $set: { reactions } });
+	}
+
+	unsetReactions(messageId: IMessage['_id']) {
+		return this.update({ _id: messageId }, { $unset: { reactions: 1 } });
+	}
+
+	findOneByRoomIdAndMessageId(rid: IRoom['_id'], messageId: IMessage['_id'], options?: Mongo.Options<IMessage>) {
+		const query = {
+			rid,
+			_id: messageId,
+		};
+
+		return this.findOne(query, options);
+	}
+}
+
+// TODO: check if we can dodge these missing typings from Meteor Collection Hooks
+export const ChatMessage = new ChatMessageCollection() as unknown as Mongo.Collection<IMessage & { ignored?: boolean }> & {
+	direct: Mongo.Collection<IMessage, IMessage>;
+
+	queries: unknown[];
+};

apps/meteor/app/models/index.ts

@@ -1,7 +1,7 @@
 import { Meteor } from 'meteor/meteor';
 
 if (Meteor.isClient) {
-	module.exports = require('./client/index.js');
+	module.exports = require('./client/index');
 }
 if (Meteor.isServer) {
 	module.exports = require('./server/index');

apps/meteor/app/otr/client/OTRRoom.ts

@@ -208,7 +208,7 @@ export class OTRRoom implements IOTRRoom {
 		}
 	}
 
-	async encrypt(message: IMessage): Promise<string> {
+	async encrypt(message: Pick<IMessage, '_id' | 'msg'>): Promise<string> {
 		try {
 			const data = new TextEncoder().encode(
 				EJSON.stringify({

apps/meteor/app/threads/client/flextab/messageBoxFollow.js → apps/meteor/app/threads/client/flextab/messageBoxFollow.ts

@@ -4,7 +4,7 @@ import { callWithErrorHandling } from '../../../../client/lib/utils/callWithErro
 import './messageBoxFollow.html';
 
 Template.messageBoxFollow.events({
-	'click .js-follow'() {
+	'click .js-follow'(this: { tmid: string }) {
 		const { tmid } = this;
 		callWithErrorHandling('followMessage', { mid: tmid });
 	},

apps/meteor/app/threads/client/flextab/thread.html

@@ -3,7 +3,7 @@
 		<div class="dropzone-overlay {{isDropzoneDisabled}} background-transparent-darkest color-content-background-color">{{_ dragAndDropLabel}}</div>
 		<div class="thread-list js-scroll-thread">
 			<ul class="thread">
-				{{# with messageContext}}
+				{{#with messageContext}}
 				{{#if isLoading}}
 					<li class="load-more">
 						{{> loading}}
@@ -19,7 +19,7 @@
 		</div>
 		{{> messageBox messageBoxData}}
 		<footer class="thread-footer">
-			{{# with checkboxData }}
+			{{#with checkboxData }}
 				<div style="display: flex;">
 					{{> Checkbox . }}
 				</div>