snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/.storybook/decorators.tsx

@@ -0,0 +1,25 @@
+import { mockAppRoot } from '@rocket.chat/mock-providers';
+import type { Decorator } from '@storybook/react';
+
+import ModalContextMock from '../client/stories/contexts/ModalContextMock';
+import RouterContextMock from '../client/stories/contexts/RouterContextMock';
+import ServerContextMock from '../client/stories/contexts/ServerContextMock';
+import TranslationContextMock from '../client/stories/contexts/TranslationContextMock';
+
+const MockedAppRoot = mockAppRoot().build();
+
+export const RocketChatDecorator: Decorator = (Story, { parameters }) => (
+	<MockedAppRoot>
+		<ServerContextMock {...parameters.serverContext}>
+			<TranslationContextMock {...parameters.translationContext}>
+				<ModalContextMock {...parameters.modalContext}>
+					<RouterContextMock {...parameters.routerContext}>
+						<div className='color-primary-font-color rcx-content--main'>
+							<Story />
+						</div>
+					</RouterContextMock>
+				</ModalContextMock>
+			</TranslationContextMock>
+		</ServerContextMock>
+	</MockedAppRoot>
+);

apps/meteor/.storybook/main.ts

@@ -0,0 +1,50 @@
+import { dirname, join, resolve } from 'path';
+
+import baseConfig from '@rocket.chat/storybook-config/main';
+import webpack from 'webpack';
+
+export default baseConfig({
+	stories: ['../client/**/*.stories.{js,tsx}'],
+
+	webpackFinal: async (config) => {
+		// Those aliases are needed because dependencies in the monorepo use another
+		// dependencies that are not hoisted on this workspace
+		const swiperRoot = dirname(require.resolve('swiper/package.json'));
+		config.resolve = {
+			...config.resolve,
+			alias: {
+				...config.resolve?.alias,
+				'react$': require.resolve('../../../node_modules/react'),
+				// 'react/jsx-runtime': require.resolve('../../../node_modules/react/jsx-runtime'),
+				'@tanstack/react-query': require.resolve('../../../node_modules/@tanstack/react-query'),
+				'@rocket.chat/fuselage$': require.resolve('../../../node_modules/@rocket.chat/fuselage'),
+				// Meteor's bundler ignores the `exports` field, so source code reaches
+				// into swiper's internals via deep file paths. Webpack honors `exports`
+				// and rejects them, so map each subpath to the actual file.
+				'swiper/swiper-react.mjs$': join(swiperRoot, 'swiper-react.mjs'),
+				'swiper/swiper-react$': join(swiperRoot, 'swiper-react.d.ts'),
+				'swiper/modules/index.mjs$': join(swiperRoot, 'modules/index.mjs'),
+				'swiper/swiper.css$': join(swiperRoot, 'swiper.css'),
+				'swiper/modules/zoom.css$': join(swiperRoot, 'modules/zoom.css'),
+			},
+			// This is only needed because of Rocket.Chat's icon font.
+			roots: [...(config.resolve?.roots ?? []), resolve(__dirname, '../../../apps/meteor/public')],
+		};
+
+		// Strip the `env` option that addon-webpack5-compiler-swc injects on swc-loader;
+		// it conflicts with `jsc.target` from `.swcrc` (Meteor's Modern Build Stack).
+		for (const rule of (config.module?.rules ?? []) as any[]) {
+			for (const use of Array.isArray(rule?.use) ? rule.use : []) {
+				if (use?.loader?.includes?.('swc-loader') && use.options) delete use.options.env;
+			}
+		}
+
+		config.plugins?.push(
+			new webpack.NormalModuleReplacementPlugin(/^meteor/, require.resolve('./mocks/meteor.ts')),
+			new webpack.NormalModuleReplacementPlugin(/(app)\/*.*\/(server)\/*/, require.resolve('./mocks/empty.ts')),
+			new webpack.NormalModuleReplacementPlugin(/rocketchat\.info$/, require.resolve('./mocks/rocketchat.info.ts')),
+		);
+
+		return config;
+	},
+});

apps/meteor/.storybook/mocks/empty.ts

@@ -0,0 +1 @@
+export default {};

apps/meteor/.storybook/mocks/meteor.ts

@@ -0,0 +1,98 @@
+/* eslint-disable @typescript-eslint/no-empty-function */
+export const Meteor = {
+	Device: {
+		isDesktop: () => false,
+	},
+	isClient: true,
+	isServer: false,
+	_localStorage: window.localStorage,
+	absoluteUrl: Object.assign(() => {}, {
+		defaultOptions: {},
+	}),
+	userId: () => {},
+	Streamer: () => ({
+		on: () => {},
+		removeListener: () => {},
+	}),
+	StreamerCentral: {
+		on: () => {},
+		removeListener: () => {},
+	},
+	startup: () => {},
+	methods: () => {},
+	call: () => {},
+	connection: {
+		_stream: {
+			on: () => {},
+		},
+	},
+	users: {},
+};
+
+export const Tracker = {
+	autorun: () => ({
+		stop: () => {},
+	}),
+	nonreactive: (fn: () => any) => fn(),
+	Dependency: () => {},
+};
+
+export const Accounts = {
+	onLogin: () => {},
+	onLogout: () => {},
+};
+
+export const Mongo = {
+	Collection: () => ({
+		find: () => ({
+			observe: () => {},
+			fetch: () => [],
+		}),
+	}),
+};
+
+export const ReactiveVar = (val: unknown) => {
+	let currentVal = val;
+	return {
+		get: () => currentVal,
+		set: (val: unknown) => {
+			currentVal = val;
+		},
+	};
+};
+
+export const ReactiveDict = () => ({
+	get: () => {},
+	set: () => {},
+	all: () => {},
+});
+
+export const Template = Object.assign(
+	() => ({
+		onCreated: () => {},
+		onRendered: () => {},
+		onDestroyed: () => {},
+		helpers: () => {},
+		events: () => {},
+	}),
+	{
+		registerHelper: () => {},
+		__checkName: () => {},
+	},
+);
+
+export const check = () => {};
+
+export const FlowRouter = {
+	route: () => {},
+	group: () => ({
+		route: () => {},
+	}),
+};
+
+export const Session = {
+	get: () => {},
+	set: () => {},
+};
+
+export const DDPCommon = {};

apps/meteor/.storybook/mocks/rocketchat.info.ts

@@ -0,0 +1,3 @@
+export const version = '1.0.0';
+
+export const Info = { version };

apps/meteor/.storybook/preview.ts

@@ -0,0 +1,17 @@
+import { parameters, decorators } from '@rocket.chat/storybook-config/preview';
+import type { Preview } from '@storybook/react';
+
+import { RocketChatDecorator } from './decorators';
+
+import '../app/theme/client/main.css';
+import 'highlight.js/styles/github.css';
+
+const preview: Preview = {
+	parameters: {
+		...parameters,
+	},
+	decorators: [...decorators, RocketChatDecorator],
+	tags: ['autodocs'],
+};
+
+export default preview;