@vyriy/storybook-config 0.7.1 → 0.7.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/main.js +15 -8
- package/package.json +8 -8
package/README.md
CHANGED
|
@@ -30,6 +30,7 @@ Install `storybook` in the consumer project so CLI commands are available.
|
|
|
30
30
|
|
|
31
31
|
The shared style rule is reused from `@vyriy/webpack-config`, so consumers do not need local style loader dependencies for the default setup.
|
|
32
32
|
The config also replaces Storybook's built-in CSS rule with the shared CSS/PostCSS/Sass pipeline, so project configs should not need to remove Storybook CSS rules locally.
|
|
33
|
+
Storybook addons and the React Webpack framework are resolved from this shared config package, so consumers do not need to install those addon packages separately for the default setup.
|
|
33
34
|
|
|
34
35
|
## Usage
|
|
35
36
|
|
package/main.js
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
+
import { createRequire } from 'node:module';
|
|
2
|
+
import { dirname } from 'node:path';
|
|
1
3
|
import { style } from '@vyriy/webpack-config/rules.js';
|
|
4
|
+
const requireFromPackage = createRequire(import.meta.url);
|
|
5
|
+
const resolvePackageRoot = (request) => dirname(requireFromPackage.resolve(`${request}/package.json`));
|
|
2
6
|
const STYLE_FIXTURES = [
|
|
3
7
|
'style.css',
|
|
4
8
|
'style.scss',
|
|
@@ -25,15 +29,18 @@ const isStyleRule = (rule) => {
|
|
|
25
29
|
};
|
|
26
30
|
const config = {
|
|
27
31
|
addons: [
|
|
28
|
-
'@storybook/addon-webpack5-compiler-swc',
|
|
29
|
-
'@storybook/addon-a11y',
|
|
30
|
-
'@storybook/addon-docs',
|
|
31
|
-
'@storybook/addon-themes',
|
|
32
|
-
'storybook-addon-pseudo-states',
|
|
33
|
-
'@vueless/storybook-dark-mode',
|
|
34
|
-
'storybook-addon-tag-badges',
|
|
32
|
+
resolvePackageRoot('@storybook/addon-webpack5-compiler-swc'),
|
|
33
|
+
resolvePackageRoot('@storybook/addon-a11y'),
|
|
34
|
+
resolvePackageRoot('@storybook/addon-docs'),
|
|
35
|
+
resolvePackageRoot('@storybook/addon-themes'),
|
|
36
|
+
resolvePackageRoot('storybook-addon-pseudo-states'),
|
|
37
|
+
resolvePackageRoot('@vueless/storybook-dark-mode'),
|
|
38
|
+
resolvePackageRoot('storybook-addon-tag-badges'),
|
|
35
39
|
],
|
|
36
|
-
framework:
|
|
40
|
+
framework: {
|
|
41
|
+
name: resolvePackageRoot('@storybook/react-webpack5'),
|
|
42
|
+
options: {},
|
|
43
|
+
},
|
|
37
44
|
features: {
|
|
38
45
|
sidebarOnboardingChecklist: false,
|
|
39
46
|
},
|
package/package.json
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vyriy/storybook-config",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.3",
|
|
4
4
|
"description": "Shared Storybook config for Vyriy projects",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./main.js",
|
|
7
7
|
"dependencies": {
|
|
8
8
|
"@mdx-js/react": "^3.1.1",
|
|
9
|
-
"@storybook/addon-a11y": "^10.4.
|
|
10
|
-
"@storybook/addon-docs": "^10.4.
|
|
11
|
-
"@storybook/addon-themes": "^10.4.
|
|
9
|
+
"@storybook/addon-a11y": "^10.4.3",
|
|
10
|
+
"@storybook/addon-docs": "^10.4.3",
|
|
11
|
+
"@storybook/addon-themes": "^10.4.3",
|
|
12
12
|
"@storybook/addon-webpack5-compiler-swc": "^4.0.3",
|
|
13
|
-
"@storybook/react-webpack5": "^10.4.
|
|
13
|
+
"@storybook/react-webpack5": "^10.4.3",
|
|
14
14
|
"@vueless/storybook-dark-mode": "^10.0.8",
|
|
15
|
-
"@vyriy/webpack-config": "0.7.
|
|
15
|
+
"@vyriy/webpack-config": "0.7.3",
|
|
16
16
|
"css-loader": "^7.1.4",
|
|
17
17
|
"mermaid": "^11.15.0",
|
|
18
18
|
"react": "^19.2.7",
|
|
19
19
|
"react-dom": "^19.2.7",
|
|
20
20
|
"sass": "^1.100.0",
|
|
21
21
|
"sass-loader": "^17.0.0",
|
|
22
|
-
"storybook": "^10.4.
|
|
23
|
-
"storybook-addon-pseudo-states": "^10.4.
|
|
22
|
+
"storybook": "^10.4.3",
|
|
23
|
+
"storybook-addon-pseudo-states": "^10.4.3",
|
|
24
24
|
"storybook-addon-tag-badges": "^3.1.0",
|
|
25
25
|
"style-loader": "^4.0.0",
|
|
26
26
|
"typescript": "^6.0.3",
|