chore(fuselage-ui-kit): Review build configuration

Author: tassoevan

packages/fuselage-ui-kit/.babelrc.json

@@ -1,65 +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", "storybook-static", "!.storybook"],
-	"overrides": [
-		{
-			"files": ["*.ts", "*.tsx"],
-			"rules": {
-				"@typescript-eslint/ban-ts-ignore": "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", "plugin:storybook/recommended"],
+	"ignorePatterns": ["dist", "storybook-static", "!.storybook"]
 }

packages/fuselage-ui-kit/.eslintrc.json

@@ -8,7 +8,7 @@ export default {
 	addons: [
 		getAbsolutePath('@storybook/addon-essentials'),
 		getAbsolutePath('storybook-dark-mode'),
-		'./webpackAddon',
+		getAbsolutePath('@storybook/addon-webpack5-compiler-swc'),
 		getAbsolutePath('@storybook/addon-styling-webpack'),
 	],
 

packages/fuselage-ui-kit/.storybook/main.ts

@@ -17,21 +17,19 @@
 		"name": "Rocket.Chat",
 		"url": "https://rocket.chat/"
 	},
-	"main": "dist/cjs/index.js",
-	"module": "dist/esm/index.js",
-	"types": "dist/esm/index.d.ts",
+	"main": "dist/index.js",
+	"types": "dist/index.d.ts",
 	"files": [
 		"/dist"
 	],
 	"scripts": {
 		".:build-preview-move": "mkdir -p ../../.preview/ && cp -r ./storybook-static ../../.preview/fuselage-ui-kit",
-		".:build:cjs": "tsc -p tsconfig.cjs.json",
 		".:build:clean": "rimraf dist",
-		".:build:esm": "tsc -p tsconfig.esm.json",
-		"build": "run-s .:build:clean .:build:esm .:build:cjs",
+		".:build:tsc": "tsc -p tsconfig.build.json",
+		"build": "run-s .:build:clean .:build:tsc",
 		"build-preview": "yarn build-storybook",
 		"build-storybook": "NODE_ENV=production storybook build",
-		"dev": "tsc --watch --preserveWatchOutput -p tsconfig.esm.json",
+		"dev": "tsc --watch --preserveWatchOutput -p tsconfig.build.json",
 		"docs": "cross-env NODE_ENV=production storybook build -o ../../static/fuselage-ui-kit",
 		"lint": "eslint --ext .js,.jsx,.ts,.tsx .",
 		"storybook": "storybook dev -p 6006 --no-version-updates",
@@ -45,10 +43,6 @@
 		"@rocket.chat/ui-kit": "workspace:~"
 	},
 	"devDependencies": {
-		"@babel/core": "~7.28.5",
-		"@babel/preset-env": "~7.28.5",
-		"@babel/preset-react": "~7.27.1",
-		"@babel/preset-typescript": "~7.27.1",
 		"@rocket.chat/apps-engine": "workspace:^",
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/emitter": "~0.31.25",
@@ -67,7 +61,7 @@
 		"@rocket.chat/ui-video-conf": "workspace:^",
 		"@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/blocks": "^8.6.14",
 		"@storybook/react": "^8.6.14",
 		"@storybook/react-webpack5": "^8.6.14",
@@ -78,7 +72,6 @@
 		"@testing-library/user-event": "~14.6.1",
 		"@types/react": "~18.3.26",
 		"@types/react-dom": "~18.3.7",
-		"babel-loader": "~10.0.0",
 		"cross-env": "^7.0.3",
 		"eslint": "~8.45.0",
 		"eslint-plugin-storybook": "~0.11.6",

packages/fuselage-ui-kit/.storybook/webpackAddon.ts

@@ -1,5 +1,5 @@
 import { IconButton } from '@rocket.chat/fuselage';
-import * as UiKit from '@rocket.chat/ui-kit';
+import type * as UiKit from '@rocket.chat/ui-kit';
 import type { MouseEventHandler, ReactElement } from 'react';
 
 import { useUiKitState } from '../hooks/useUiKitState';

packages/fuselage-ui-kit/package.json

@@ -1,8 +1,8 @@
 import { Icon } from '@rocket.chat/fuselage';
-import * as UiKit from '@rocket.chat/ui-kit';
+import type * as UiKit from '@rocket.chat/ui-kit';
 import type { ReactElement } from 'react';
 
-import { BlockProps } from '../utils/BlockProps';
+import type { BlockProps } from '../utils/BlockProps';
 
 type IconElementProps = BlockProps<UiKit.IconElement>;
 

packages/fuselage-ui-kit/src/elements/IconButtonElement.tsx

@@ -0,0 +1,10 @@
+{
+	"extends": "./tsconfig.json",
+	"compilerOptions": {
+		"module": "ESNext",
+		"rootDir": "./src",
+		"outDir": "./dist"
+	},
+	"include": ["src"],
+	"exclude": ["node_modules", "dist", "src/**/*.stories.tsx", ".storybook/**/*", "./src/**/*.spec.ts", "./src/**/*.spec.tsx"]
+}