Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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 .nvmrc
Original file line number Diff line number Diff line change
@@ -1 +1 @@
18
22
3 changes: 2 additions & 1 deletion .vscode/settings.json
Original file line number Diff line number Diff line change
Expand Up @@ -4,5 +4,6 @@
},
"[typescript]": {
"editor.defaultFormatter": "biomejs.biome"
}
},
"typescript.tsdk": "node_modules/typescript/lib"
}
14 changes: 13 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,21 @@
# @storybook/addon-webpack5-compiler-babel

This addon adds babel support to Storybook's webpack5 compiler. It adds the babel-loader to the webpack config and sets the `babel-loader` as the default loader for JavaScript and TypeScript files.
This addon adds babel support to Storybook's webpack5 compiler. It adds the `babel-loader` to the webpack config and sets the `babel-loader` as the default loader for JavaScript and TypeScript files.

## Installation

```sh
npx storybook@latest add @storybook/addon-webpack5-compiler-babel
```

## Requirements

- Storybook@>=10.0.0

### Version compatibility

| Addon coverage version | Storybook version |
| ---------------------- | ----------------- |
| ^4.0.0 | ^10.0.0 |
| ^3.0.0 | ^9.0.0 |
| ^3.0.0 | ^8.0.0 |
18 changes: 12 additions & 6 deletions biome.json
Original file line number Diff line number Diff line change
@@ -1,18 +1,24 @@
{
"$schema": "https://biomejs.dev/schemas/1.4.1/schema.json",
"organizeImports": {
"enabled": true
},
"$schema": "./node_modules/@biomejs/biome/configuration_schema.json",

"files": {
"include": ["src/**/*.ts"]
"includes": ["src/**/*.ts"]
},
"formatter": {
"indentStyle": "space"
"indentStyle": "space",
"lineWidth": 120
},
"linter": {
"enabled": true,
"rules": {
"recommended": true
}
},
"assist": {
"actions": {
"source": {
"organizeImports": "on"
}
}
}
}
78 changes: 36 additions & 42 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
{
"name": "@storybook/addon-webpack5-compiler-babel",
"version": "3.0.6",
"type": "module",
"description": "Adds babel as a Webpack5 compiler to Storybook",
"keywords": [
"storybook-addons",
Expand All @@ -12,77 +11,72 @@
"type": "git",
"url": "git+https://github.com/storybookjs/addon-webpack5-compiler-babel.git"
},
"scripts": {
"build": "tsup",
"format": "biome format ./src",
"format:write": "pnpm format --write",
"check": "biome check ./src",
"check:apply": "pnpm check --apply",
"check:apply-unsafe": "pnpm check --apply-unsafe",
"check:ci": "biome ci ./src",
"release": "auto shipit"
},
"license": "MIT",
"author": "Storybook Bot <storybookbot@gmail.com>",
"type": "module",
"exports": {
".": {
"require": "./dist/index.cjs",
"import": "./dist/index.js"
"default": "./dist/index.js"
},
"./preset": "./dist/preset.cjs",
"./preset": "./dist/preset.js",
"./package.json": "./package.json"
},
"main": "dist/index.cjs",
"files": [
"dist/**/*",
"preset.js",
"src/**/*",
"README.md"
],
"license": "MIT",
"publishConfig": {
"access": "public"
},
"storybook": {
"displayName": "Addon Webpack5 Compiler Babel",
"supportedFrameworks": [
"react",
"preact",
"vue",
"web-components",
"html",
"svelte"
]
"scripts": {
"build": "tsup",
"check": "biome check ./src",
"check:apply": "pnpm check --apply",
"check:apply-unsafe": "pnpm check --apply-unsafe",
"check:ci": "biome ci ./src",
"format": "biome format ./src",
"format:write": "pnpm format --write",
"release": "auto shipit"
},
"dependencies": {
"@babel/core": "^7.26.0",
"babel-loader": "^9.2.1"
"babel-loader": "^10.0.0"
},
"devDependencies": {
"@biomejs/biome": "^1.9.4",
"@storybook/manager": "8.4.7",
"@storybook/preview": "8.4.7",
"@storybook/types": "8.4.7",
"@biomejs/biome": "^2.3.4",
"@types/node": "^22",
"auto": "^11.3.0",
"find-cache-dir": "^5.0.0",
"tsup": "^8.3.5",
"typescript": "^5.7.2",
"find-cache-dir": "^6.0.0",
"storybook": "^10.0.0",
"tsup": "^8.5.0",
"typescript": "^5.9.3",
"webpack": "^5.97.1"
},
"engines": {
"node": ">=18"
"packageManager": "pnpm@9.15.0+sha512.76e2379760a4328ec4415815bcd6628dee727af3779aaa4c914e3944156c4299921a89f976381ee107d41f12cfa4b66681ca9c718f0668fa0831ed4c6d8ba56c",
"publishConfig": {
"access": "public"
},
"author": "Storybook Bot <storybookbot@gmail.com>",
"auto": {
"plugins": [
"npm"
]
},
"bundler": {
"exportEntries": [
"previewEntries": [
"src/index.ts"
],
"nodeEntries": [
"src/preset.ts"
]
},
"packageManager": "pnpm@9.15.0+sha512.76e2379760a4328ec4415815bcd6628dee727af3779aaa4c914e3944156c4299921a89f976381ee107d41f12cfa4b66681ca9c718f0668fa0831ed4c6d8ba56c"
"storybook": {
"displayName": "Addon Webpack5 Compiler Babel",
"supportedFrameworks": [
"react",
"preact",
"vue",
"web-components",
"html",
"svelte"
]
}
}
Loading