Update package.json and pnpm-lock.yaml to include @types/node@22 and adjust preset file paths for ESM compatibility. Enhance README with version compatibility details for Storybook.

Author: ndelangen

README.md

@@ -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            |

package.json

@@ -16,10 +16,9 @@
   "type": "module",
   "exports": {
     ".": {
-      "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
-    "./preset": "./dist/preset.cjs",
+    "./preset": "./dist/preset.js",
     "./package.json": "./package.json"
   },
   "files": [
@@ -44,13 +43,17 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^2.3.4",
+    "@types/node": "^22",
     "auto": "^11.3.0",
     "find-cache-dir": "^5.0.0",
     "storybook": "^10.0.0",
     "tsup": "^8.5.0",
     "typescript": "^5.9.3",
     "webpack": "^5.97.1"
   },
+  "peerDependencies": {
+    "storybook": "^10.0.0 || ^10.0.0-0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0"
+  },
   "packageManager": "pnpm@9.15.0+sha512.76e2379760a4328ec4415815bcd6628dee727af3779aaa4c914e3944156c4299921a89f976381ee107d41f12cfa4b66681ca9c718f0668fa0831ed4c6d8ba56c",
   "publishConfig": {
     "access": "public"

pnpm-lock.yaml

@@ -1,4 +1,5 @@
-import type { Options } from "@storybook/types";
+import { fileURLToPath } from "node:url";
+import type { Options } from "storybook/internal/types";
 import type { Configuration } from "webpack";
 import { resolvePathInStorybookCache } from "./utils.js";
 
@@ -16,7 +17,7 @@ export const webpackFinal = async (config: Configuration, options: Options) => {
         test: typescriptOptions.skipCompiler ? /\.((c|m)?jsx?)$/ : /\.((c|m)?(j|t)sx?)$/,
         use: [
           {
-            loader: require.resolve("babel-loader"),
+            loader: fileURLToPath(import.meta.resolve("babel-loader")),
             options: {
               cacheDirectory: resolvePathInStorybookCache("babel"),
               ...babelOptions,