Skip to content

chore: Use swc over babel for storybook's webpack5 compiler #37696

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kodiakhq merged 5 commits into from
Dec 5, 2025
Merged

chore: Use swc over babel for storybook's webpack5 compiler #37696

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
b5d6384
chore: use `swc` over `babel`
dougfabris Dec 4, 2025
cdf9504
Merge branch 'develop' into chore/use-webpack5-compiler-swc
kodiakhq[bot] Dec 5, 2025
9bc5246
Merge branch 'develop' into chore/use-webpack5-compiler-swc
dougfabris Dec 5, 2025
9ef3308
Merge branch 'develop' into chore/use-webpack5-compiler-swc
dougfabris Dec 5, 2025
f0bd388
Merge branch 'develop' into chore/use-webpack5-compiler-swc
kodiakhq[bot] Dec 5, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion apps/meteor/.storybook/main.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ export default {
addons: [
getAbsolutePath('@storybook/addon-essentials'),
getAbsolutePath('@storybook/addon-interactions'),
getAbsolutePath('@storybook/addon-webpack5-compiler-babel'),
getAbsolutePath('@storybook/addon-webpack5-compiler-swc'),
getAbsolutePath('@storybook/addon-styling-webpack'),
getAbsolutePath('@storybook/addon-a11y'),
],
Expand Down
2 changes: 1 addition & 1 deletion apps/meteor/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -328,7 +328,7 @@
"@storybook/addon-essentials": "^8.6.14",
"@storybook/addon-interactions": "^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",
"@testing-library/dom": "~10.4.1",
Expand Down
2 changes: 1 addition & 1 deletion ee/packages/pdf-worker/.storybook/main.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import type { StorybookConfig } from '@storybook/react-webpack5';

export default {
stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
addons: [getAbsolutePath('@storybook/addon-essentials'), getAbsolutePath('@storybook/addon-webpack5-compiler-babel')],
addons: [getAbsolutePath('@storybook/addon-essentials'), getAbsolutePath('@storybook/addon-webpack5-compiler-swc')],

framework: {
name: getAbsolutePath('@storybook/react-webpack5'),
Expand Down
2 changes: 1 addition & 1 deletion ee/packages/pdf-worker/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
"@rocket.chat/message-parser": "workspace:~",
"@rocket.chat/tsconfig": "workspace:*",
"@storybook/addon-essentials": "^8.6.14",
"@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",
"@testing-library/dom": "~10.4.1",
Expand Down
2 changes: 1 addition & 1 deletion packages/fuselage-ui-kit/.storybook/main.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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'),
],

Expand Down
3 changes: 0 additions & 3 deletions packages/fuselage-ui-kit/.storybook/webpackAddon.ts
View file
Open in desktop

This file was deleted.

2 changes: 1 addition & 1 deletion packages/fuselage-ui-kit/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,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",
Expand Down
6 changes: 5 additions & 1 deletion packages/gazzodown/.storybook/main.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,11 @@ import type { StorybookConfig } from '@storybook/react-webpack5';

const config: StorybookConfig = {
stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
addons: [getAbsolutePath('@storybook/addon-essentials'), './webpackAddon', getAbsolutePath('@storybook/addon-styling-webpack')],
addons: [
getAbsolutePath('@storybook/addon-essentials'),
getAbsolutePath('@storybook/addon-webpack5-compiler-swc'),
getAbsolutePath('@storybook/addon-styling-webpack'),
],

framework: {
name: getAbsolutePath('@storybook/react-webpack5'),
Expand Down
3 changes: 0 additions & 3 deletions packages/gazzodown/.storybook/webpackAddon.ts
View file
Open in desktop

This file was deleted.

2 changes: 1 addition & 1 deletion packages/gazzodown/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@
"@storybook/addon-interactions": "^8.6.14",
"@storybook/addon-links": "^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",
"@testing-library/dom": "~10.4.1",
Expand Down
2 changes: 1 addition & 1 deletion packages/livechat/.storybook/main.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ const config: StorybookConfig = {
],
},
},
'@storybook/addon-webpack5-compiler-babel',
'@storybook/addon-webpack5-compiler-swc',
'storybook-dark-mode',
],

Expand Down
2 changes: 1 addition & 1 deletion packages/livechat/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@
"@rocket.chat/ui-contexts": "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/preact": "^8.6.14",
"@storybook/preact-webpack5": "^8.6.14",
"@storybook/theming": "^8.6.14",
Expand Down
2 changes: 1 addition & 1 deletion packages/storybook-config/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
"@storybook/addon-a11y": "^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/blocks": "^8.6.14",
"@storybook/preview-api": "^8.6.14",
"@storybook/react-webpack5": "^8.6.14",
Expand Down
2 changes: 1 addition & 1 deletion packages/storybook-config/src/main.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const baseConfig = (customConfig?: StorybookConfig): StorybookConfig => {
getAbsolutePath('@storybook/addon-a11y'),
getAbsolutePath('@storybook/addon-essentials'),
getAbsolutePath('storybook-dark-mode'),
getAbsolutePath('@storybook/addon-webpack5-compiler-babel'),
getAbsolutePath('@storybook/addon-webpack5-compiler-swc'),
getAbsolutePath('@storybook/addon-styling-webpack'),
],
framework: {
Expand Down
98 changes: 7 additions & 91 deletions yarn.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -646,7 +646,7 @@ __metadata:
languageName: node
linkType: hard

"@babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.18.9, @babel/core@npm:^7.22.5, @babel/core@npm:^7.23.9, @babel/core@npm:^7.26.0, @babel/core@npm:^7.27.4, @babel/core@npm:^7.7.5":
"@babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.18.9, @babel/core@npm:^7.22.5, @babel/core@npm:^7.23.9, @babel/core@npm:^7.27.4, @babel/core@npm:^7.7.5":
version: 7.27.4
resolution: "@babel/core@npm:7.27.4"
dependencies:
Expand Down Expand Up @@ -8643,7 +8643,7 @@ __metadata:
"@rocket.chat/ui-video-conf": "workspace:^"
"@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/blocks": "npm:^8.6.14"
"@storybook/react": "npm:^8.6.14"
"@storybook/react-webpack5": "npm:^8.6.14"
Expand Down Expand Up @@ -8736,7 +8736,7 @@ __metadata:
"@storybook/addon-interactions": "npm:^8.6.14"
"@storybook/addon-links": "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"
"@testing-library/dom": "npm:~10.4.1"
Expand Down Expand Up @@ -8941,7 +8941,7 @@ __metadata:
"@rocket.chat/ui-kit": "workspace:~"
"@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/preact": "npm:^8.6.14"
"@storybook/preact-webpack5": "npm:^8.6.14"
"@storybook/theming": "npm:^8.6.14"
Expand Down Expand Up @@ -9257,7 +9257,7 @@ __metadata:
"@storybook/addon-essentials": "npm:^8.6.14"
"@storybook/addon-interactions": "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"
"@tanstack/react-query": "npm:~5.65.1"
Expand Down Expand Up @@ -9838,7 +9838,7 @@ __metadata:
"@rocket.chat/message-parser": "workspace:~"
"@rocket.chat/tsconfig": "workspace:*"
"@storybook/addon-essentials": "npm:^8.6.14"
"@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"
"@testing-library/dom": "npm:~10.4.1"
Expand Down Expand Up @@ -10119,7 +10119,7 @@ __metadata:
"@storybook/addon-a11y": "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/blocks": "npm:^8.6.14"
"@storybook/preview-api": "npm:^8.6.14"
"@storybook/react": "npm:^8.6.14"
Expand Down Expand Up @@ -11855,16 +11855,6 @@ __metadata:
languageName: node
linkType: hard

"@storybook/addon-webpack5-compiler-babel@npm:^3.0.6":
version: 3.0.6
resolution: "@storybook/addon-webpack5-compiler-babel@npm:3.0.6"
dependencies:
"@babel/core": "npm:^7.26.0"
babel-loader: "npm:^9.2.1"
checksum: 10/a2195c7a6ed9aaa336eb2140ac370e7dfeba084038eb1aea5b2acc0a7ec5a53e460e1a9c1f5a27473e117f703ff64b450bf4fa88464cdb08670fe82df85813c4
languageName: node
linkType: hard

"@storybook/addon-webpack5-compiler-swc@npm:~3.0.0":
version: 3.0.0
resolution: "@storybook/addon-webpack5-compiler-swc@npm:3.0.0"
Expand Down Expand Up @@ -16480,19 +16470,6 @@ __metadata:
languageName: node
linkType: hard

"babel-loader@npm:^9.2.1":
version: 9.2.1
resolution: "babel-loader@npm:9.2.1"
dependencies:
find-cache-dir: "npm:^4.0.0"
schema-utils: "npm:^4.0.0"
peerDependencies:
"@babel/core": ^7.12.0
webpack: ">=5"
checksum: 10/f1f24ae3c22d488630629240b0eba9c935545f82ff843c214e8f8df66e266492b7a3d4cb34ef9c9721fb174ca222e900799951c3fd82199473bc6bac52ec03a3
languageName: node
linkType: hard

"babel-loader@npm:~10.0.0":
version: 10.0.0
resolution: "babel-loader@npm:10.0.0"
Expand Down Expand Up @@ -18422,13 +18399,6 @@ __metadata:
languageName: node
linkType: hard

"common-path-prefix@npm:^3.0.0":
version: 3.0.0
resolution: "common-path-prefix@npm:3.0.0"
checksum: 10/09c180e8d8495d42990d617f4d4b7522b5da20f6b236afe310192d401d1da8147a7835ae1ea37797ba0c2238ef3d06f3492151591451df34539fdb4b2630f2b3
languageName: node
linkType: hard

"commondir@npm:^1.0.1":
version: 1.0.1
resolution: "commondir@npm:1.0.1"
Expand Down Expand Up @@ -22234,16 +22204,6 @@ __metadata:
languageName: node
linkType: hard

"find-cache-dir@npm:^4.0.0":
version: 4.0.0
resolution: "find-cache-dir@npm:4.0.0"
dependencies:
common-path-prefix: "npm:^3.0.0"
pkg-dir: "npm:^7.0.0"
checksum: 10/52a456a80deeb27daa3af6e06059b63bdb9cc4af4d845fc6d6229887e505ba913cd56000349caa60bc3aa59dacdb5b4c37903d4ba34c75102d83cab330b70d2f
languageName: node
linkType: hard

"find-file-up@npm:^0.1.2":
version: 0.1.3
resolution: "find-file-up@npm:0.1.3"
Expand Down Expand Up @@ -22305,16 +22265,6 @@ __metadata:
languageName: node
linkType: hard

"find-up@npm:^6.3.0":
version: 6.3.0
resolution: "find-up@npm:6.3.0"
dependencies:
locate-path: "npm:^7.1.0"
path-exists: "npm:^5.0.0"
checksum: 10/4f3bdc30d41778c647e53f4923e72de5e5fb055157031f34501c5b36c2eb59f77b997edf9cb00165c6060cda7eaa2e3da82cb6be2e61d68ad3e07c4bc4cce67e
languageName: node
linkType: hard

"findup-sync@npm:^5.0.0":
version: 5.0.0
resolution: "findup-sync@npm:5.0.0"
Expand Down Expand Up @@ -26941,15 +26891,6 @@ __metadata:
languageName: node
linkType: hard

"locate-path@npm:^7.1.0":
version: 7.2.0
resolution: "locate-path@npm:7.2.0"
dependencies:
p-locate: "npm:^6.0.0"
checksum: 10/1c6d269d4efec555937081be964e8a9b4a136319c79ca1d45ac6382212a8466113c75bd89e44521ca8ecd1c47fb08523b56eee5c0712bc7d14fec5f729deeb42
languageName: node
linkType: hard

"lodash.camelcase@npm:^4.3.0":
version: 4.3.0
resolution: "lodash.camelcase@npm:4.3.0"
Expand Down Expand Up @@ -29468,15 +29409,6 @@ __metadata:
languageName: node
linkType: hard

"p-locate@npm:^6.0.0":
version: 6.0.0
resolution: "p-locate@npm:6.0.0"
dependencies:
p-limit: "npm:^4.0.0"
checksum: 10/2bfe5234efa5e7a4e74b30a5479a193fdd9236f8f6b4d2f3f69e3d286d9a7d7ab0c118a2a50142efcf4e41625def635bd9332d6cbf9cc65d85eb0718c579ab38
languageName: node
linkType: hard

"p-map@npm:^2.0.0":
version: 2.1.0
resolution: "p-map@npm:2.1.0"
Expand Down Expand Up @@ -29813,13 +29745,6 @@ __metadata:
languageName: node
linkType: hard

"path-exists@npm:^5.0.0":
version: 5.0.0
resolution: "path-exists@npm:5.0.0"
checksum: 10/8ca842868cab09423994596eb2c5ec2a971c17d1a3cb36dbf060592c730c725cd524b9067d7d2a1e031fef9ba7bd2ac6dc5ec9fb92aa693265f7be3987045254
languageName: node
linkType: hard

"path-is-absolute@npm:^1.0.0, path-is-absolute@npm:^1.0.1":
version: 1.0.1
resolution: "path-is-absolute@npm:1.0.1"
Expand Down Expand Up @@ -30187,15 +30112,6 @@ __metadata:
languageName: node
linkType: hard

"pkg-dir@npm:^7.0.0":
version: 7.0.0
resolution: "pkg-dir@npm:7.0.0"
dependencies:
find-up: "npm:^6.3.0"
checksum: 10/94298b20a446bfbbd66604474de8a0cdd3b8d251225170970f15d9646f633e056c80520dd5b4c1d1050c9fed8f6a9e5054b141c93806439452efe72e57562c03
languageName: node
linkType: hard

"playwright-core@npm:1.52.0, playwright-core@npm:>=1.2.0, playwright-core@npm:~1.52.0":
version: 1.52.0
resolution: "playwright-core@npm:1.52.0"
Expand Down
Loading