refactor: migrate apps/meteor/.storybook/mocks/meteor.js to TypeScript

Author: tassoevan

apps/meteor/.storybook/main.ts

@@ -4,7 +4,7 @@ import type { StorybookConfig } from '@storybook/react-webpack5';
 import webpack from 'webpack';
 
 export default {
-	stories: ['../client/**/*.stories.{js,tsx}', '../app/**/*.stories.{js,tsx}', '../ee/app/**/*.stories.{js,tsx}'],
+	stories: ['../client/**/*.stories.{js,tsx}'],
 
 	addons: [
 		getAbsolutePath('@storybook/addon-essentials'),
@@ -44,7 +44,7 @@ export default {
 		});
 
 		config.plugins?.push(
-			new webpack.NormalModuleReplacementPlugin(/^meteor/, require.resolve('./mocks/meteor.js')),
+			new webpack.NormalModuleReplacementPlugin(/^meteor/, require.resolve('./mocks/meteor.ts')),
 			new webpack.NormalModuleReplacementPlugin(/(app)\/*.*\/(server)\/*/, require.resolve('./mocks/empty.ts')),
 		);
 

apps/meteor/.storybook/mocks/meteor.js

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