aleleba/create-react-component-library
1
0
Fork 0
mirror of https://github.com/aleleba/create-react-component-library.git synced 2025-07-21 03:58:17 -06:00
Code Issues Actions Packages Projects 1 Releases Wiki Activity

PR-342468: updating packages.

Browse Source
This commit is contained in:
Alejandro Lembke Barrientos
2025-07-16 13:59:45 +00:00
parent 4a4e743b9d
commit ac2587a879
6 changed files with 6824 additions and 20487 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
.storybook/main.js
View File

@ -7,36 +7,32 @@ const prefixUrl = process.env.PREFIX_URL ? process.env.PREFIX_URL : deFaultValue
module.exports = { module.exports = {
stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"], stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
addons: [
"@storybook/addon-webpack5-compiler-babel", addons: ["@storybook/addon-webpack5-compiler-babel", "@storybook/addon-links", {
"@storybook/addon-links", name: '@storybook/addon-styling-webpack',
"@storybook/addon-essentials", options: {
"@storybook/addon-interactions", rules: [
{ {
name: '@storybook/addon-styling-webpack', test: /\.(css|sass|scss)$/,
options: { use: [
rules: [ 'style-loader',
{ {
test: /\.(css|sass|scss)$/, loader: 'css-loader',
use: [ options: {
'style-loader', modules: {
{ namedExport: false,
loader: 'css-loader', exportLocalsConvention: 'as-is',
options: { auto: /\.module\.\w+$/i,
modules: { }
namedExport: false,
exportLocalsConvention: 'as-is',
auto: /\.module\.\w+$/i,
}
},
}, },
'sass-loader', },
], 'sass-loader',
} ],
] }
}, ]
} },
], }, "@storybook/addon-docs"],
webpackFinal: async config => { webpackFinal: async config => {
config.entry = config.entry.map(function(entry) { config.entry = config.entry.map(function(entry) {
if (entry.includes("webpack-hot-middleware")) { if (entry.includes("webpack-hot-middleware")) {
@ -51,10 +47,12 @@ module.exports = {
config.resolve.plugins = [new TsconfigPathsPlugin()]; config.resolve.plugins = [new TsconfigPathsPlugin()];
return config; return config;
}, },
framework: { framework: {
name: "@storybook/react-webpack5", name: "@storybook/react-webpack5",
options: {} options: {}
}, },
typescript: { typescript: {
reactDocgenTypescriptOptions: { reactDocgenTypescriptOptions: {
compilerOptions: { compilerOptions: {
@ -63,11 +61,5 @@ module.exports = {
} }
} }
} }
},
features: {
previewMdx2: true
},
docs: {
autodocs: true
} }
}; };

1
.storybook/preview.js
View File

@ -7,3 +7,4 @@ export const parameters = {
}, },
}, },
} }
export const tags = ["autodocs"];

27143
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

97
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@aleleba/create-react-component-library", "name": "@aleleba/create-react-component-library",
"version": "1.2.27", "version": "1.2.28",
"description": "A starter kit for create a React component Library with storybook", "description": "A starter kit for create a React component Library with storybook",
"bin": "./bin/cli.js", "bin": "./bin/cli.js",
"main": "dist/index.js", "main": "dist/index.js",
@ -13,7 +13,7 @@
"test:watch": "jest --watch", "test:watch": "jest --watch",
"storybook": "storybook dev -p 3000", "storybook": "storybook dev -p 3000",
"build-storybook": "storybook build", "build-storybook": "storybook build",
"check-updates": "npx npm-check-updates -u --reject @types/cypress && npm i", "check-updates": "npx npm-check-updates -u --reject @types/cypress && npm i --legacy-peer-deps",
"cy:open": "npx cypress open", "cy:open": "npx cypress open",
"cy:run": "npx cypress run --headless --component" "cy:run": "npx cypress run --headless --component"
}, },
@ -35,71 +35,64 @@
}, },
"homepage": "https://github.com/aleleba/create-react-component-library#readme", "homepage": "https://github.com/aleleba/create-react-component-library#readme",
"devDependencies": { "devDependencies": {
"@babel/core": "^7.26.0", "@babel/core": "^7.28.0",
"@babel/preset-env": "^7.26.0", "@babel/preset-env": "^7.28.0",
"@babel/preset-react": "^7.25.9", "@babel/preset-react": "^7.27.1",
"@babel/preset-typescript": "^7.26.0", "@babel/preset-typescript": "^7.27.1",
"@babel/register": "^7.25.9", "@babel/register": "^7.27.1",
"@mdx-js/react": "^3.1.0", "@mdx-js/react": "^3.1.0",
"@storybook/addon-actions": "^8.3.6", "@storybook/addon-docs": "^9.0.17",
"@storybook/addon-docs": "^8.3.6", "@storybook/addon-links": "^9.0.17",
"@storybook/addon-essentials": "^8.3.6", "@storybook/addon-styling-webpack": "^2.0.0",
"@storybook/addon-interactions": "^8.3.6", "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
"@storybook/addon-links": "^8.3.6", "@storybook/cli": "^9.0.17",
"@storybook/addon-styling-webpack": "^1.0.0",
"@storybook/addon-webpack5-compiler-babel": "^3.0.3",
"@storybook/blocks": "^8.3.6",
"@storybook/cli": "^8.3.6",
"@storybook/mdx2-csf": "^1.1.0",
"@storybook/preset-scss": "^1.0.3", "@storybook/preset-scss": "^1.0.3",
"@storybook/react": "^8.3.6", "@storybook/react-webpack5": "^9.0.17",
"@storybook/react-webpack5": "^8.3.6", "@testing-library/jest-dom": "^6.6.3",
"@storybook/testing-library": "^0.2.2", "@testing-library/react": "^16.3.0",
"@testing-library/jest-dom": "^6.6.2", "@testing-library/user-event": "^14.6.1",
"@testing-library/react": "^16.0.1",
"@testing-library/user-event": "^14.5.2",
"@types/cypress": "^0.1.6", "@types/cypress": "^0.1.6",
"@types/jest": "^29.5.14", "@types/jest": "^30.0.0",
"@types/node": "^22.8.4", "@types/node": "^24.0.14",
"@types/react": "^18.3.12", "@types/react": "^19.1.8",
"@types/react-dom": "^18.3.1", "@types/react-dom": "^19.1.6",
"@types/webpack": "^5.28.5", "@types/webpack": "^5.28.5",
"babel-loader": "^9.2.1", "babel-loader": "^10.0.0",
"clean-webpack-plugin": "^4.0.0", "clean-webpack-plugin": "^4.0.0",
"css-loader": "^7.1.2", "css-loader": "^7.1.2",
"css-minimizer-webpack-plugin": "^7.0.0", "css-minimizer-webpack-plugin": "^7.0.2",
"cypress": "^13.15.1", "cypress": "^14.5.1",
"dotenv": "^16.4.5", "dotenv": "^17.2.0",
"eslint": "^9.13.0", "eslint": "^9.31.0",
"eslint-plugin-react": "^7.37.2", "eslint-plugin-react": "^7.37.5",
"eslint-plugin-storybook": "^0.10.1", "eslint-plugin-storybook": "^9.0.17",
"eslint-webpack-plugin": "^4.2.0", "eslint-webpack-plugin": "^5.0.2",
"html-webpack-plugin": "^5.6.3", "html-webpack-plugin": "^5.6.3",
"identity-obj-proxy": "^3.0.0", "identity-obj-proxy": "^3.0.0",
"jest": "^29.7.0", "jest": "^30.0.4",
"jest-environment-jsdom": "^29.7.0", "jest-environment-jsdom": "^30.0.4",
"jest-fetch-mock": "^3.0.3", "jest-fetch-mock": "^3.0.3",
"mini-css-extract-plugin": "^2.9.1", "mini-css-extract-plugin": "^2.9.2",
"react": "^18.3.1", "react": "^19.1.0",
"react-dom": "^18.3.1", "react-dom": "^19.1.0",
"resolve-ts-aliases": "^1.0.1", "resolve-ts-aliases": "^1.0.1",
"sass": "^1.80.5", "sass": "^1.89.2",
"sass-loader": "^16.0.2", "sass-loader": "^16.0.5",
"storybook": "^8.3.6", "storybook": "^9.0.17",
"style-loader": "^4.0.0", "style-loader": "^4.0.0",
"terser-webpack-plugin": "^5.3.10", "terser-webpack-plugin": "^5.3.14",
"ts-jest": "^29.2.5", "ts-jest": "^29.4.0",
"ts-loader": "^9.5.1", "ts-loader": "^9.5.2",
"tsconfig-paths-webpack-plugin": "^4.1.0", "tsconfig-paths-webpack-plugin": "^4.2.0",
"typescript": "^5.6.3", "typescript": "^5.8.3",
"url-loader": "^4.1.1", "url-loader": "^4.1.1",
"webpack": "^5.95.0", "webpack": "^5.100.2",
"webpack-cli": "^5.1.4", "webpack-cli": "^6.0.1",
"webpack-node-externals": "^3.0.0" "webpack-node-externals": "^3.0.0"
}, },
"peerDependencies": { "peerDependencies": {
"react": "^18.2.0", "react": "^19.1.0",
"react-dom": "^18.2.0" "react-dom": "^19.1.0"
}, },
"files": [ "files": [
"./dist" "./dist"

2
src/components/Card/Card.stories.tsx
View File

@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import { StoryFn, Meta } from '@storybook/react'; import { StoryFn, Meta } from '@storybook/react-webpack5';
import { Card } from '@components'; import { Card } from '@components';
// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export

2
src/stories/Introduction.mdx
View File

@ -1,4 +1,4 @@
import { Meta } from '@storybook/blocks'; import { Meta } from '@storybook/addon-docs/blocks';
import Code from './assets/code-brackets.svg'; import Code from './assets/code-brackets.svg';
import Colors from './assets/colors.svg'; import Colors from './assets/colors.svg';
import Comments from './assets/comments.svg'; import Comments from './assets/comments.svg';