PR-227028: update dependencies, migrate to TypeScript 6 and ESLint flat config

- Bump all dependencies to latest (React 19.2.7, Storybook 10.4.3, Webpack
  5.107.2 + webpack-cli 7, Jest 30.4.2, Cypress 15.17.0, Babel 7.29.7,
  sass-loader 17, css-minimizer-webpack-plugin 8, eslint-webpack-plugin 6).
- Migrate TypeScript 5.9 -> 6.0.3: set tsconfig rootDir, add
  ignoreDeprecations "6.0", scope include to src/components + src/@types, and
  declare *.scss/*.sass/*.css modules for stricter side-effect imports.
- Switch @babel/preset-react to the automatic JSX runtime and drop redundant
  React imports in stories and tests.
- Migrate ESLint from the deprecated .eslintrc.js to flat config
  (eslint.config.mjs) using typescript-eslint, @eslint/js, globals and the
  React/Storybook plugins. Keep ESLint at v9 because eslint-plugin-react does
  not support v10 yet. This fixes the previously broken lint (missing
  @typescript-eslint parser/plugin) and normalizes formatting.
- Fix a latent bug in .storybook/main.js (comma instead of semicolon joining
  two assignments via the comma operator).
- npm audit fix: 0 vulnerabilities.
- Bump package version to 1.4.0.
This commit is contained in:
2026-06-09 17:33:58 +00:00
parent 6e54dac709
commit a8e3057f02
24 changed files with 3753 additions and 2534 deletions

View File

@@ -1,6 +1,6 @@
{
"name": "@aleleba/create-react-component-library",
"version": "1.3.2",
"version": "1.4.0",
"description": "A starter kit for create a React component Library with storybook",
"bin": "./bin/cli.js",
"main": "dist/index.js",
@@ -16,8 +16,8 @@
"scripts": {
"start": "npm run storybook",
"build": "webpack",
"lint": "eslint ./ --ext .js --ext .ts --ext .jsx --ext .tsx",
"lint:fix": "eslint ./ --ext .js --ext .ts --ext .jsx --ext .tsx --fix",
"lint": "eslint .",
"lint:fix": "eslint . --fix",
"test": "jest",
"test:watch": "jest --watch",
"storybook": "storybook dev -p 3000",
@@ -44,59 +44,62 @@
},
"homepage": "https://github.com/aleleba/create-react-component-library#readme",
"devDependencies": {
"@babel/core": "^7.28.6",
"@babel/preset-env": "^7.28.6",
"@babel/preset-react": "^7.28.5",
"@babel/preset-typescript": "^7.28.5",
"@babel/register": "^7.28.6",
"@babel/core": "^7.29.7",
"@babel/preset-env": "^7.29.7",
"@babel/preset-react": "^7.29.7",
"@babel/preset-typescript": "^7.29.7",
"@babel/register": "^7.29.7",
"@eslint/js": "^9.39.4",
"@mdx-js/react": "^3.1.1",
"@storybook/addon-docs": "^10.2.1",
"@storybook/addon-links": "^10.2.1",
"@storybook/addon-styling-webpack": "^3.0.0",
"@storybook/addon-webpack5-compiler-babel": "^4.0.0",
"@storybook/cli": "^10.2.1",
"@storybook/addon-docs": "^10.4.3",
"@storybook/addon-links": "^10.4.3",
"@storybook/addon-styling-webpack": "^3.0.2",
"@storybook/addon-webpack5-compiler-babel": "^4.0.1",
"@storybook/cli": "^10.4.3",
"@storybook/preset-scss": "^1.0.3",
"@storybook/react-webpack5": "^10.2.1",
"@storybook/react-webpack5": "^10.4.3",
"@testing-library/dom": "^10.4.1",
"@testing-library/jest-dom": "^6.9.1",
"@testing-library/react": "^16.3.2",
"@testing-library/user-event": "^14.6.1",
"@types/jest": "^30.0.0",
"@types/node": "^25.0.10",
"@types/react": "^19.2.10",
"@types/node": "^25.9.2",
"@types/react": "^19.2.17",
"@types/react-dom": "^19.2.3",
"@types/webpack": "^5.28.5",
"babel-loader": "^10.0.0",
"babel-loader": "^10.1.1",
"clean-webpack-plugin": "^4.0.0",
"css-loader": "^7.1.3",
"css-minimizer-webpack-plugin": "^7.0.4",
"cypress": "^15.9.0",
"dotenv": "^17.2.3",
"eslint": "^9.39.2",
"css-loader": "^7.1.4",
"css-minimizer-webpack-plugin": "^8.0.0",
"cypress": "^15.17.0",
"dotenv": "^17.4.2",
"eslint": "^9.39.4",
"eslint-plugin-react": "^7.37.5",
"eslint-plugin-storybook": "^10.2.1",
"eslint-webpack-plugin": "^5.0.2",
"html-webpack-plugin": "^5.6.6",
"eslint-plugin-storybook": "^10.4.3",
"eslint-webpack-plugin": "^6.0.0",
"globals": "^16.5.0",
"html-webpack-plugin": "^5.6.7",
"identity-obj-proxy": "^3.0.0",
"jest": "^30.2.0",
"jest-environment-jsdom": "^30.2.0",
"jest": "^30.4.2",
"jest-environment-jsdom": "^30.4.1",
"jest-fetch-mock": "^3.0.3",
"mini-css-extract-plugin": "^2.10.0",
"react": "^19.2.4",
"react-dom": "^19.2.4",
"mini-css-extract-plugin": "^2.10.2",
"react": "^19.2.7",
"react-dom": "^19.2.7",
"resolve-ts-aliases": "^1.0.1",
"sass": "^1.97.3",
"sass-loader": "^16.0.6",
"storybook": "^10.2.1",
"sass": "^1.100.0",
"sass-loader": "^17.0.0",
"storybook": "^10.4.3",
"style-loader": "^4.0.0",
"terser-webpack-plugin": "^5.3.16",
"ts-jest": "^29.4.6",
"ts-loader": "^9.5.4",
"terser-webpack-plugin": "^5.6.1",
"ts-jest": "^29.4.11",
"ts-loader": "^9.6.0",
"tsconfig-paths-webpack-plugin": "^4.2.0",
"typescript": "^5.9.3",
"typescript": "^6.0.3",
"typescript-eslint": "^8.61.0",
"url-loader": "^4.1.1",
"webpack": "^5.104.1",
"webpack-cli": "^6.0.1",
"webpack": "^5.107.2",
"webpack-cli": "^7.0.3",
"webpack-node-externals": "^3.0.0"
},
"peerDependencies": {