chore(ui-composer): Review build configuration (#37599)

Author: tassoevan

packages/ui-composer/.babelrc.json

@@ -1,66 +1,4 @@
 {
-	"extends": [
-		"plugin:@typescript-eslint/recommended",
-		"plugin:@typescript-eslint/eslint-recommended",
-		"@rocket.chat/eslint-config/original",
-		"@rocket.chat/eslint-config/react",
-		"prettier",
-		"plugin:anti-trojan-source/recommended",
-		"plugin:react/jsx-runtime",
-		"plugin:storybook/recommended"
-	],
-	"parser": "@typescript-eslint/parser",
-	"plugins": ["@typescript-eslint", "prettier"],
-	"rules": {
-		"func-call-spacing": "off",
-		"import/named": "error",
-		"import/order": [
-			"error",
-			{
-				"newlines-between": "always",
-				"groups": ["builtin", "external", "internal", ["parent", "sibling", "index"]],
-				"alphabetize": {
-					"order": "asc"
-				}
-			}
-		],
-		"indent": "off",
-		"jsx-quotes": ["error", "prefer-single"],
-		"new-cap": ["error"],
-		"no-extra-parens": "off",
-		"no-spaced-func": "off",
-		"no-undef": "off",
-		"no-unused-vars": "off",
-		"no-useless-constructor": "off",
-		"no-use-before-define": "off",
-		"prefer-arrow-callback": ["error", { "allowNamedFunctions": true }],
-		"prettier/prettier": 2
-	},
-	"settings": {
-		"import/resolver": {
-			"node": {
-				"extensions": [".js", ".ts", ".tsx"]
-			}
-		}
-	},
-	"ignorePatterns": ["**/dist"],
-	"overrides": [
-		{
-			"files": ["*.ts", "*.tsx"],
-			"rules": {
-				"@typescript-eslint/ban-ts-ignore": "off",
-				"@typescript-eslint/explicit-function-return-type": "off",
-				"@typescript-eslint/indent": "off",
-				"@typescript-eslint/no-extra-parens": "off",
-				"@typescript-eslint/no-explicit-any": "off",
-				"@typescript-eslint/no-unused-vars": [
-					"error",
-					{
-						"argsIgnorePattern": "^_"
-					}
-				],
-				"@typescript-eslint/prefer-optional-chain": "warn"
-			}
-		}
-	]
+	"extends": ["@rocket.chat/eslint-config", "@rocket.chat/eslint-config/react"],
+	"ignorePatterns": ["dist", "storybook-static", "!.storybook"]
 }

packages/ui-composer/.eslintignore

@@ -7,7 +7,7 @@ const config: StorybookConfig = {
 	addons: [
 		getAbsolutePath('@storybook/addon-a11y'),
 		getAbsolutePath('@storybook/addon-essentials'),
-		'./webpackAddon',
+		getAbsolutePath('@storybook/addon-webpack5-compiler-swc'),
 		getAbsolutePath('@storybook/addon-styling-webpack'),
 	],
 

packages/ui-composer/.eslintrc.json

@@ -1,4 +1,4 @@
-import { Decorator, Parameters } from '@storybook/react';
+import type { Decorator, Parameters } from '@storybook/react';
 import '../../../apps/meteor/app/theme/client/main.css';
 import 'highlight.js/styles/github.css';
 

packages/ui-composer/.storybook/main.ts

@@ -20,7 +20,6 @@
 		"typecheck": "tsc --noEmit"
 	},
 	"devDependencies": {
-		"@babel/core": "~7.28.5",
 		"@react-aria/toolbar": "^3.0.0-nightly.5042",
 		"@rocket.chat/emitter": "~0.31.25",
 		"@rocket.chat/eslint-config": "workspace:^",
@@ -35,7 +34,7 @@
 		"@storybook/addon-docs": "^8.6.14",
 		"@storybook/addon-essentials": "^8.6.14",
 		"@storybook/addon-styling-webpack": "^1.0.1",
-		"@storybook/addon-webpack5-compiler-babel": "^3.0.6",
+		"@storybook/addon-webpack5-compiler-swc": "~3.0.0",
 		"@storybook/react": "^8.6.14",
 		"@storybook/react-webpack5": "^8.6.14",
 		"@types/jest": "~30.0.0",

packages/ui-composer/.storybook/preview.tsx

@@ -1,6 +1,7 @@
 import { css } from '@rocket.chat/css-in-js';
 import { Box, IconButton } from '@rocket.chat/fuselage';
-import { useState, type ComponentProps, ChangeEvent, forwardRef } from 'react';
+import { useState, forwardRef } from 'react';
+import type { ChangeEvent, ComponentProps } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import MessageComposerInput from './MessageComposerInput';

packages/ui-composer/.storybook/webpackAddon.ts

@@ -2,8 +2,7 @@ import { Button } from '@rocket.chat/fuselage';
 import type { ComponentProps } from 'react';
 import { forwardRef } from 'react';
 
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-interface MessageFooterCalloutActionProps extends ComponentProps<typeof Button> {}
+type MessageFooterCalloutActionProps = ComponentProps<typeof Button>;
 
 const MessageFooterCalloutAction = forwardRef<HTMLButtonElement, MessageFooterCalloutActionProps>(
 	function MessageFooterCalloutAction(props, ref) {

packages/ui-composer/package.json

@@ -10346,7 +10346,6 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@rocket.chat/ui-composer@workspace:packages/ui-composer"
   dependencies:
-    "@babel/core": "npm:~7.28.5"
     "@react-aria/toolbar": "npm:^3.0.0-nightly.5042"
     "@rocket.chat/emitter": "npm:~0.31.25"
     "@rocket.chat/eslint-config": "workspace:^"
@@ -10361,7 +10360,7 @@ __metadata:
     "@storybook/addon-docs": "npm:^8.6.14"
     "@storybook/addon-essentials": "npm:^8.6.14"
     "@storybook/addon-styling-webpack": "npm:^1.0.1"
-    "@storybook/addon-webpack5-compiler-babel": "npm:^3.0.6"
+    "@storybook/addon-webpack5-compiler-swc": "npm:~3.0.0"
     "@storybook/react": "npm:^8.6.14"
     "@storybook/react-webpack5": "npm:^8.6.14"
     "@types/jest": "npm:~30.0.0"