feat: stand-alone client (monolith)

.github/actions/meteor-build/action.yml

@@ -59,7 +59,7 @@ runs:
         deno-version: ${{ inputs.deno-version }}
         cache-modules: true
         install: true
-        type: 'production'
+        type: 'development'
         NPM_TOKEN: ${{ inputs.NPM_TOKEN }}
 
     # - name: Free disk space
@@ -165,6 +165,12 @@ runs:
 
         yarn build:ci
 
+        # Build Vite frontend and package it with the standard Meteor artifact.
+        (
+          cd apps/meteor
+          ROOT_URL=http://localhost:3000/ VITE_TEST_MODE=true npx vite build --outDir /tmp/dist/vite
+        )
+
         declare -a meter_modules_to_remove=(
             "meteor/babel-compiler/node_modules/@meteorjs/swc-core/.swc/node_modules/@swc/core-darwin-arm64" # Removes 35M
             "meteor/babel-compiler/node_modules/@meteorjs/swc-core/.swc/node_modules/@swc/core-linux-x64-musl" # Removes 58M
@@ -201,7 +207,7 @@ runs:
       if: steps.cache-build.outputs.cache-hit != 'true'
       run: |
         cd /tmp/dist
-        tar czf /tmp/Rocket.Chat.tar.gz bundle
+        tar czf /tmp/Rocket.Chat.tar.gz bundle vite
 
     - name: Store build
       uses: actions/upload-artifact@v4

.github/workflows/ci-test-e2e.yml

@@ -77,6 +77,7 @@ jobs:
       COVERAGE_DIR: '/tmp/coverage/${{ startsWith(inputs.type, ''api'') && ''api'' || inputs.type }}'
       COVERAGE_FILE_NAME: '${{ inputs.type }}-${{ matrix.shard }}.json'
       COVERAGE_REPORTER: ${{ inputs.coverage == matrix.mongodb-version && 'json' || '' }}
+      FRONTEND_DELIVERY_MODE: meteor
 
     strategy:
       fail-fast: false

.github/workflows/ci.yml

@@ -497,6 +497,7 @@ jobs:
   test-api:
     name: 🔨 Test API (CE)
     needs: [checks, build-gh-docker-publish, release-versions]
+    if: ${{ always() && needs.build-gh-docker-publish.result == 'success' && needs.release-versions.result == 'success' }}
 
     uses: ./.github/workflows/ci-test-e2e.yml
     with:
@@ -513,6 +514,7 @@ jobs:
   test-api-livechat:
     name: 🔨 Test API Livechat (CE)
     needs: [checks, build-gh-docker-publish, release-versions]
+    if: ${{ always() && needs.build-gh-docker-publish.result == 'success' && needs.release-versions.result == 'success' }}
 
     uses: ./.github/workflows/ci-test-e2e.yml
     with:
@@ -529,6 +531,7 @@ jobs:
   test-ui:
     name: 🔨 Test UI (CE)
     needs: [checks, build-gh-docker-publish, release-versions]
+    if: ${{ always() && needs.build-gh-docker-publish.result == 'success' && needs.release-versions.result == 'success' }}
 
     uses: ./.github/workflows/ci-test-e2e.yml
     with:
@@ -554,6 +557,7 @@ jobs:
   test-api-ee:
     name: 🔨 Test API (EE)
     needs: [checks, build-gh-docker-publish, release-versions]
+    if: ${{ always() && needs.build-gh-docker-publish.result == 'success' && needs.release-versions.result == 'success' }}
 
     uses: ./.github/workflows/ci-test-e2e.yml
     with:
@@ -574,6 +578,7 @@ jobs:
   test-api-livechat-ee:
     name: 🔨 Test API Livechat (EE)
     needs: [checks, build-gh-docker-publish, release-versions]
+    if: ${{ always() && needs.build-gh-docker-publish.result == 'success' && needs.release-versions.result == 'success' }}
 
     uses: ./.github/workflows/ci-test-e2e.yml
     with:
@@ -594,6 +599,7 @@ jobs:
   test-ui-ee:
     name: 🔨 Test UI (EE)
     needs: [checks, build-gh-docker-publish, release-versions]
+    if: ${{ always() && needs.build-gh-docker-publish.result == 'success' && needs.release-versions.result == 'success' }}
 
     uses: ./.github/workflows/ci-test-e2e.yml
     with:
@@ -622,6 +628,7 @@ jobs:
   test-federation-matrix:
     name: 🔨 Test Federation Matrix
     needs: [checks, build-gh-docker-publish, packages-build, release-versions]
+    if: ${{ always() && needs.build-gh-docker-publish.result == 'success' && needs.packages-build.result == 'success' && needs.release-versions.result == 'success' }}
     runs-on: ubuntu-24.04
 
     steps:

apps/meteor/.gitignore

@@ -80,6 +80,7 @@ tests/end-to-end/temporary_staged_test
 /tests/e2e/.playwright
 coverage
 .nyc_output
+.nyc_cache
 /data
 tests/e2e/test-failures/
 out.txt
@@ -88,3 +89,5 @@ dist
 matrix-federation-config/*
 .eslintcache
 tsconfig.typecheck.tsbuildinfo
+.vite-inspect
+.build

apps/meteor/.nycrc.json

@@ -0,0 +1,26 @@
+{
+	"report-dir": "./coverage",
+	"temp-dir": "./.nyc_output",
+	"reporter": ["html", "lcov", "text", "text-summary"],
+	"extension": [".ts", ".tsx", ".js", ".jsx"],
+	"exclude": [
+		"**/*.spec.ts",
+		"**/*.test.ts",
+		"**/*.spec.js",
+		"**/*.test.js",
+		"**/*.stories.tsx",
+		"**/*.stories.ts",
+		"tests/**",
+		"node_modules/**",
+		"**/*.d.ts",
+		"**/mocks/**",
+		"**/fixtures/**",
+		"**/__mocks__/**"
+	],
+	"all": false,
+	"check-coverage": false,
+	"sourceMap": true,
+	"instrument": false,
+	"cache": true,
+	"cacheDir": "./.nyc_cache"
+}

apps/meteor/app/livechat/client/lib/stream/queueManager.ts

@@ -1,4 +1,5 @@
 import type { ILivechatDepartment, ILivechatInquiryRecord, IOmnichannelAgent, Serialized } from '@rocket.chat/core-typings';
+import { Tracker } from 'meteor/tracker';
 
 import { useLivechatInquiryStore } from '../../../../../client/hooks/useLivechatInquiryStore';
 import { queryClient } from '../../../../../client/lib/queryClient';

apps/meteor/app/ui-message/client/messageBox/createComposerAPI.ts

@@ -1,6 +1,7 @@
 import type { IMessage } from '@rocket.chat/core-typings';
 import { Emitter } from '@rocket.chat/emitter';
 import { Accounts } from 'meteor/accounts-base';
+import { Tracker } from 'meteor/tracker';
 import type { RefObject } from 'react';
 
 import { limitQuoteChain } from './limitQuoteChain';

apps/meteor/client/lib/2fa/overrideLoginMethod.ts

@@ -1,3 +1,6 @@
+import { Accounts } from 'meteor/accounts-base';
+import type { Meteor } from 'meteor/meteor';
+
 import { isTotpInvalidError, isTotpMaxAttemptsError, isTotpRequiredError } from './utils';
 
 type LoginError = globalThis.Error | Meteor.Error | Meteor.TypedError;

apps/meteor/client/lib/e2ee/rocketchat.e2e.ts

@@ -1,6 +1,3 @@
-import QueryString from 'querystring';
-import URL from 'url';
-
 import type { IE2EEMessage, IMessage, IRoom, IUser, IUploadWithUser, Serialized, IE2EEPinnedMessage } from '@rocket.chat/core-typings';
 import { isE2EEMessage, isEncryptedMessageContent } from '@rocket.chat/core-typings';
 import { Emitter } from '@rocket.chat/emitter';
@@ -721,13 +718,13 @@ class E2E extends Emitter {
 					return;
 				}
 
-				const urlObj = URL.parse(url);
+				const urlObj = new URL(url);
 				// if the URL doesn't have query params (doesn't reference message) skip
-				if (!urlObj.query) {
+				if (!urlObj?.searchParams) {
 					return;
 				}
 
-				const { msg: msgId } = QueryString.parse(urlObj.query);
+				const { msg: msgId } = Object.fromEntries(urlObj.searchParams.entries());
 
 				if (!msgId || Array.isArray(msgId)) {
 					return;

apps/meteor/client/lib/rooms/roomCoordinator.tsx

@@ -1,6 +1,7 @@
 import type { IRoom, RoomType, IUser, AtLeast, ValueOf, ISubscription } from '@rocket.chat/core-typings';
 import type { RouteName } from '@rocket.chat/ui-contexts';
 import { Meteor } from 'meteor/meteor';
+import type { ReactElement } from 'react';
 
 import { hasPermission } from '../../../app/authorization/client';
 import type {
@@ -15,9 +16,15 @@ import type {
 import { RoomCoordinator } from '../../../lib/rooms/coordinator';
 import { router } from '../../providers/RouterProvider';
 import { Subscriptions } from '../../stores';
-import RoomRoute from '../../views/room/RoomRoute';
-import MainLayout from '../../views/root/MainLayout';
-import { appLayout } from '../appLayout';
+
+// Route element factory - set by startup code to avoid circular imports
+let createRoomRouteElement:
+	| ((props: { name: string; extractOpenRoomParams: Required<IRoomTypeClientDirectives>['extractOpenRoomParams'] }) => ReactElement)
+	| null = null;
+
+export const setRoomRouteElementFactory = (factory: typeof createRoomRouteElement): void => {
+	createRoomRouteElement = factory;
+};
 
 class RoomCoordinatorClient extends RoomCoordinator {
 	public add(roomConfig: IRoomTypeClientConfig, directives: Partial<IRoomTypeClientDirectives>): void {
@@ -178,15 +185,16 @@ class RoomCoordinatorClient extends RoomCoordinator {
 				route: { name, path },
 			} = roomConfig;
 			const { extractOpenRoomParams } = directives;
+
+			if (!createRoomRouteElement) {
+				throw new Error('Room route element factory not set. Call setRoomRouteElementFactory before registering room types.');
+			}
+
 			router.defineRoutes([
 				{
 					path,
 					id: name,
-					element: appLayout.wrap(
-						<MainLayout>
-							<RoomRoute key={name} extractOpenRoomParams={extractOpenRoomParams} />
-						</MainLayout>,
-					),
+					element: createRoomRouteElement({ name, extractOpenRoomParams }),
 				},
 			]);
 		}

apps/meteor/client/lib/rooms/roomRouteFactory.tsx

@@ -0,0 +1,13 @@
+import { setRoomRouteElementFactory } from './roomCoordinator';
+import RoomRoute from '../../views/room/RoomRoute';
+import MainLayout from '../../views/root/MainLayout';
+import { appLayout } from '../appLayout';
+
+// Set up the room route element factory before any room types are registered
+setRoomRouteElementFactory(({ name, extractOpenRoomParams }) =>
+	appLayout.wrap(
+		<MainLayout>
+			<RoomRoute key={name} extractOpenRoomParams={extractOpenRoomParams} />
+		</MainLayout>,
+	),
+);

apps/meteor/client/lib/rooms/roomTypes/index.ts

@@ -1,3 +1,6 @@
+// Initialize the route factory before registering room types
+import '../roomRouteFactory';
+
 import './conversation';
 import './direct';
 import './favorite';

apps/meteor/client/noop.ts

@@ -0,0 +1,3 @@
+console.error('The frontend is disabled in this Meteor build.');
+
+export {};

apps/meteor/client/views/room/Header/ParentRoom/ParentDiscussion/ParentDiscussion.tsx

@@ -1,7 +1,7 @@
 import type { IRoom } from '@rocket.chat/core-typings';
+import { useRoomRoute } from '@rocket.chat/ui-contexts';
 import { useTranslation } from 'react-i18next';
 
-import { roomCoordinator } from '../../../../../lib/rooms/roomCoordinator';
 import ParentRoomButton from '../ParentRoomButton';
 
 type ParentDiscussionProps = {
@@ -11,8 +11,12 @@ type ParentDiscussionProps = {
 
 const ParentDiscussion = ({ loading = false, room }: ParentDiscussionProps) => {
 	const { t } = useTranslation();
-	const roomName = roomCoordinator.getRoomName(room.t, room);
-	const handleRedirect = (): void => roomCoordinator.openRouteLink(room.t, { rid: room._id, ...room });
+	const goToRoom = useRoomRoute();
+	const roomName = room.fname || room.name || '';
+
+	const handleRedirect = (): void => {
+		goToRoom({ rid: room._id, t: room.t, name: room.name });
+	};
 
 	return <ParentRoomButton loading={loading} onClick={handleRedirect} title={t('Back_to__roomName__channel', { roomName })} />;
 };

apps/meteor/client/views/room/Header/ParentRoom/ParentTeam.tsx

@@ -1,11 +1,10 @@
 import type { IRoom } from '@rocket.chat/core-typings';
 import { TeamType } from '@rocket.chat/core-typings';
-import { useUserId } from '@rocket.chat/ui-contexts';
+import { useGoToRoom, useUserId } from '@rocket.chat/ui-contexts';
 import { useTranslation } from 'react-i18next';
 
 import ParentRoomButton from './ParentRoomButton';
 import { useTeamInfoQuery } from '../../../../hooks/useTeamInfoQuery';
-import { goToRoomById } from '../../../../lib/utils/goToRoomById';
 import { useUserTeamsQuery } from '../../hooks/useUserTeamsQuery';
 
 type APIErrorResult = { success: boolean; error: string };
@@ -19,6 +18,7 @@ const ParentTeam = ({ room }: ParentTeamProps) => {
 	const { teamId } = room;
 
 	const userId = useUserId();
+	const goToRoom = useGoToRoom();
 
 	if (!teamId) {
 		throw new Error('invalid rid');
@@ -46,7 +46,7 @@ const ParentTeam = ({ room }: ParentTeamProps) => {
 			return;
 		}
 
-		goToRoomById(rid);
+		goToRoom(rid);
 	};
 
 	if (teamInfoError || !shouldDisplayTeam) {

apps/meteor/client/views/room/body/RoomForeword/RoomForewordUsernameList.tsx

@@ -1,19 +1,21 @@
 import type { IUser } from '@rocket.chat/core-typings';
 import { Margins } from '@rocket.chat/fuselage';
+import { useRouter } from '@rocket.chat/ui-contexts';
 
 import RoomForewordUsernameListItem from './RoomForewordUsernameListItem';
-import { roomCoordinator } from '../../../../lib/rooms/roomCoordinator';
 
 type RoomForewordUsernameListProps = { usernames: Array<NonNullable<IUser['username']>> };
 
 const RoomForewordUsernameList = ({ usernames }: RoomForewordUsernameListProps) => {
+	const router = useRouter();
+
 	return (
 		<Margins inline={4}>
 			{usernames.map((username) => (
 				<RoomForewordUsernameListItem
 					username={username}
 					key={username}
-					href={roomCoordinator.getRouteLink('d', { name: username }) || undefined}
+					href={router.getRoomRoute('d', { name: username }).path || undefined}
 				/>
 			))}
 		</Margins>

apps/meteor/client/views/room/body/hooks/useUnreadMessages.ts

@@ -1,5 +1,6 @@
 import type { IRoom, ISubscription } from '@rocket.chat/core-typings';
 import { useRouter } from '@rocket.chat/ui-contexts';
+import { Tracker } from 'meteor/tracker';
 import type { Dispatch, MutableRefObject, SetStateAction } from 'react';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 

apps/meteor/client/views/root/IndexRoute.tsx

@@ -1,5 +1,6 @@
 import type { RouteName } from '@rocket.chat/ui-contexts';
 import { useRouter, useUser, useUserId } from '@rocket.chat/ui-contexts';
+import { Tracker } from 'meteor/tracker';
 import { useEffect } from 'react';
 
 import PageLoading from './PageLoading';

apps/meteor/client/views/root/hooks/useSettingsOnLoadSiteUrl.ts

@@ -9,6 +9,9 @@ export const useSettingsOnLoadSiteUrl = () => {
 		if (value == null || value.trim() === '') {
 			return;
 		}
+		if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
+			return;
+		}
 		(window as any).__meteor_runtime_config__.ROOT_URL = value;
 	}, [siteUrl]);
 };

apps/meteor/definition/externals/global.d.ts

@@ -10,6 +10,17 @@ declare global {
 	const __meteor_runtime_config__: {
 		ROOT_URL_PATH_PREFIX: string;
 		ROOT_URL: string;
+		PUBLIC_SETTINGS?: Record<string, unknown>;
+		accountsConfigCalled?: boolean;
+		meteorEnv: {
+			TEST_METADATA?: string;
+			NODE_ENV?: string;
+		};
+		ACCOUNTS_CONNECTION_URL?: string;
+		isModern?: boolean;
+		gitCommitHash?: string;
+		meteorRelease?: string;
+		debug?: boolean;
 	};
 
 	interface Window {

apps/meteor/definition/externals/meteor/mongo.d.ts

@@ -37,6 +37,7 @@ declare module 'meteor/mongo' {
 					connection?: object | null;
 					idGeneration?: string;
 					transform?: (<T>(doc: T) => T) | null;
+					_preventAutopublish?: boolean;
 				},
 			): Collection<T>;
 		}