feat(livechat): Drop stale polyfills

Author: tassoevan

packages/livechat/package.json

@@ -35,7 +35,6 @@
 		"@rocket.chat/ui-kit": "workspace:~",
 		"ajv": "^8.17.1",
 		"ajv-formats": "^3.0.1",
-		"css-vars-ponyfill": "^2.4.9",
 		"date-fns": "~4.1.0",
 		"dompurify": "~3.2.7",
 		"emoji-mart": "^3.0.1",
@@ -48,8 +47,7 @@
 		"query-string": "^7.1.3",
 		"react-hook-form": "~7.45.4",
 		"react-i18next": "~13.2.2",
-		"storybook-dark-mode": "^4.0.2",
-		"whatwg-fetch": "^3.6.20"
+		"storybook-dark-mode": "^4.0.2"
 	},
 	"devDependencies": {
 		"@babel/core": "~7.28.5",
@@ -74,7 +72,6 @@
 		"@types/mini-css-extract-plugin": "~2.5.1",
 		"@types/react": "~18.3.26",
 		"@types/webpack-env": "~1.18.8",
-		"@types/whatwg-fetch": "~0.0.33",
 		"@typescript-eslint/eslint-plugin": "~5.60.1",
 		"@typescript-eslint/parser": "~5.60.1",
 		"autoprefixer": "^9.8.8",

packages/livechat/src/components/Screen/index.js

@@ -1,4 +1,4 @@
-import { useContext, useEffect } from 'preact/hooks';
+import { useContext } from 'preact/hooks';
 
 import { createClassName } from '../../helpers/createClassName';
 import CloseIcon from '../../icons/close.svg';
@@ -31,29 +31,6 @@ export const ScreenFooter = ({ children, options, limit }) => {
 };
 
 const CssVar = ({ theme }) => {
-	useEffect(() => {
-		if (window.CSS && CSS.supports('color', 'var(--color)')) {
-			return;
-		}
-		let mounted = true;
-		(async () => {
-			const { default: cssVars } = await import('css-vars-ponyfill');
-			if (!mounted) {
-				return;
-			}
-			cssVars({
-				variables: {
-					'--color': theme.color,
-					'--font-color': theme.fontColor,
-					'--icon-color': theme.iconColor,
-				},
-			});
-		})();
-		return () => {
-			mounted = false;
-		};
-	}, [theme]);
-
 	return (
 		<style>{`
 		.${styles.screen} {

packages/livechat/src/polyfills.ts

@@ -2,7 +2,7 @@ import { resolve, dirname } from 'node:path';
 
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import webpack from 'webpack';
+import { ContextReplacementPlugin, DefinePlugin, type Configuration, type WebpackOptionsNormalized } from 'webpack';
 
 import { supportedLocales } from './src/supportedLocales';
 
@@ -11,13 +11,12 @@ import 'webpack-dev-server';
 // Helper to use absolute paths in the webpack config
 const _ = (p: string) => resolve(__dirname, p);
 
-const config = (_env: any, { mode = 'production' }: webpack.WebpackOptionsNormalized): webpack.Configuration[] => [
+const config = (_env: any, { mode = 'production' }: WebpackOptionsNormalized): Configuration[] => [
 	{
 		mode,
 		entry: {
 			bundle: ['core-js', 'regenerator-runtime/runtime', _('./src/entry')],
-			polyfills: _('./src/polyfills'),
-		} as webpack.Entry,
+		},
 		output: {
 			path: _('./dist'),
 			publicPath: mode === 'production' ? 'livechat/' : '/',
@@ -27,7 +26,7 @@ const config = (_env: any, { mode = 'production' }: webpack.WebpackOptionsNormal
 		stats: 'errors-warnings',
 		devtool: mode === 'production' ? 'source-map' : 'eval',
 		resolve: {
-			extensions: ['.js', '.jsx', '.ts', '.tsx'],
+			extensions: ['.js', '.ts', '.tsx'],
 			symlinks: false,
 			alias: {
 				'react': 'preact/compat',
@@ -126,16 +125,16 @@ const config = (_env: any, { mode = 'production' }: webpack.WebpackOptionsNormal
 			new MiniCssExtractPlugin({
 				filename: mode === 'production' ? '[name].[contenthash:5].css' : '[name].css',
 				chunkFilename: mode === 'production' ? '[name].chunk.[contenthash:5].css' : '[name].chunk.css',
-			}) as unknown as webpack.WebpackPluginInstance,
-			new webpack.DefinePlugin({
+			}),
+			new DefinePlugin({
 				'process.env.NODE_ENV': JSON.stringify(mode === 'production' ? 'production' : 'development'),
 			}),
 			new HtmlWebpackPlugin({
 				title: 'Livechat - Rocket.Chat',
-				chunks: ['polyfills', 'vendor', 'bundle'],
+				chunks: ['vendor', 'bundle'],
 				chunksSortMode: 'manual',
 			}),
-			new webpack.ContextReplacementPlugin(/date-fns[/\\]locale/, new RegExp(`(${supportedLocales.join('|')})\\.js$`)),
+			new ContextReplacementPlugin(/date-fns[/\\]locale/, new RegExp(`(${supportedLocales.join('|')})\\.js$`)),
 		],
 		devServer: {
 			hot: true,
@@ -163,7 +162,7 @@ const config = (_env: any, { mode = 'production' }: webpack.WebpackOptionsNormal
 		mode,
 		entry: {
 			'rocketchat-livechat.min': _('./src/embeddable-script.ts'),
-		} as webpack.Entry,
+		},
 		output: {
 			path: _('./dist'),
 			publicPath: mode === 'production' ? 'livechat/' : '/',

packages/livechat/webpack.config.ts

@@ -8905,7 +8905,6 @@ __metadata:
     "@types/mini-css-extract-plugin": "npm:~2.5.1"
     "@types/react": "npm:~18.3.26"
     "@types/webpack-env": "npm:~1.18.8"
-    "@types/whatwg-fetch": "npm:~0.0.33"
     "@typescript-eslint/eslint-plugin": "npm:~5.60.1"
     "@typescript-eslint/parser": "npm:~5.60.1"
     ajv: "npm:^8.17.1"
@@ -8914,7 +8913,6 @@ __metadata:
     babel-loader: "npm:~10.0.0"
     cross-env: "npm:^7.0.3"
     css-loader: "npm:^4.3.0"
-    css-vars-ponyfill: "npm:^2.4.9"
     cssnano: "npm:^7.0.7"
     date-fns: "npm:~4.1.0"
     desvg-loader: "npm:^0.1.0"
@@ -8967,7 +8965,6 @@ __metadata:
     webpack: "npm:~5.99.9"
     webpack-cli: "npm:~5.1.4"
     webpack-dev-server: "npm:~5.2.2"
-    whatwg-fetch: "npm:^3.6.20"
   peerDependencies:
     "@rocket.chat/fuselage-tokens": "*"
     "@rocket.chat/logo": "*"
@@ -14341,22 +14338,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/whatwg-fetch@npm:~0.0.33":
-  version: 0.0.33
-  resolution: "@types/whatwg-fetch@npm:0.0.33"
-  dependencies:
-    "@types/whatwg-streams": "npm:*"
-  checksum: 10/431c407a72f5d5098e55361f159027137239df495c930d3f35f231d7375d34423d015d0cc1e391bf73af4dafb757e80a8ff33951972325e402dbea3b4934f6a0
-  languageName: node
-  linkType: hard
-
-"@types/whatwg-streams@npm:*":
-  version: 0.0.7
-  resolution: "@types/whatwg-streams@npm:0.0.7"
-  checksum: 10/63ffdd1493cfcaf6f5ce99f865d9a7b921335c046ef8b8f0e37aacfa17672174606321da0f8d9ab9e4bfa26bd90c80529463f3651f1b202028debabdadf13fe8
-  languageName: node
-  linkType: hard
-
 "@types/whatwg-url@npm:^11.0.2":
   version: 11.0.5
   resolution: "@types/whatwg-url@npm:11.0.5"
@@ -37161,13 +37142,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"whatwg-fetch@npm:^3.6.20":
-  version: 3.6.20
-  resolution: "whatwg-fetch@npm:3.6.20"
-  checksum: 10/2b4ed92acd6a7ad4f626a6cb18b14ec982bbcaf1093e6fe903b131a9c6decd14d7f9c9ca3532663c2759d1bdf01d004c77a0adfb2716a5105465c20755a8c57c
-  languageName: node
-  linkType: hard
-
 "whatwg-mimetype@npm:^4.0.0":
   version: 4.0.0
   resolution: "whatwg-mimetype@npm:4.0.0"