@vyriy/storybook-config 0.4.0 → 0.4.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 +2 -0
- package/main.js +4 -3
- package/package.json +13 -3
- package/resolve-dependency.d.ts +1 -0
- package/resolve-dependency.js +3 -0
package/README.md
CHANGED
|
@@ -28,6 +28,8 @@ yarn add -D @vyriy/storybook-config storybook
|
|
|
28
28
|
|
|
29
29
|
Install `storybook` in the consumer project so CLI commands are available.
|
|
30
30
|
|
|
31
|
+
The shared SCSS loaders are resolved from `@vyriy/storybook-config`, so consumers do not need local `style-loader`, `css-loader`, or `sass-loader` dependencies for the default setup.
|
|
32
|
+
|
|
31
33
|
## Usage
|
|
32
34
|
|
|
33
35
|
Create `.storybook/main.ts`:
|
package/main.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { resolveDependency } from './resolve-dependency.js';
|
|
1
2
|
const config = {
|
|
2
3
|
addons: [
|
|
3
4
|
'@storybook/addon-webpack5-compiler-swc',
|
|
@@ -32,9 +33,9 @@ const config = {
|
|
|
32
33
|
{
|
|
33
34
|
test: /\.scss$/,
|
|
34
35
|
use: [
|
|
35
|
-
'style-loader',
|
|
36
|
-
'css-loader',
|
|
37
|
-
'sass-loader',
|
|
36
|
+
resolveDependency('style-loader'),
|
|
37
|
+
resolveDependency('css-loader'),
|
|
38
|
+
resolveDependency('sass-loader'),
|
|
38
39
|
],
|
|
39
40
|
},
|
|
40
41
|
],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vyriy/storybook-config",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.3",
|
|
4
4
|
"description": "Shared Storybook config for Vyriy projects",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./main.js",
|
|
@@ -16,14 +16,14 @@
|
|
|
16
16
|
"mermaid": "^11.15.0",
|
|
17
17
|
"react": "^19.2.6",
|
|
18
18
|
"react-dom": "^19.2.6",
|
|
19
|
-
"sass": "^1.
|
|
19
|
+
"sass": "^1.100.0",
|
|
20
20
|
"sass-loader": "^17.0.0",
|
|
21
21
|
"storybook": "^10.4.1",
|
|
22
22
|
"storybook-addon-pseudo-states": "^10.4.1",
|
|
23
23
|
"storybook-addon-tag-badges": "^3.1.0",
|
|
24
24
|
"style-loader": "^4.0.0",
|
|
25
25
|
"typescript": "^6.0.3",
|
|
26
|
-
"webpack": "^5.107.
|
|
26
|
+
"webpack": "^5.107.2"
|
|
27
27
|
},
|
|
28
28
|
"agents": "./AGENTS.md",
|
|
29
29
|
"license": "MIT",
|
|
@@ -68,6 +68,16 @@
|
|
|
68
68
|
"types": "./preview.d.ts",
|
|
69
69
|
"import": "./preview.js",
|
|
70
70
|
"default": "./preview.js"
|
|
71
|
+
},
|
|
72
|
+
"./resolve-dependency": {
|
|
73
|
+
"types": "./resolve-dependency.d.ts",
|
|
74
|
+
"import": "./resolve-dependency.js",
|
|
75
|
+
"default": "./resolve-dependency.js"
|
|
76
|
+
},
|
|
77
|
+
"./resolve-dependency.js": {
|
|
78
|
+
"types": "./resolve-dependency.d.ts",
|
|
79
|
+
"import": "./resolve-dependency.js",
|
|
80
|
+
"default": "./resolve-dependency.js"
|
|
71
81
|
}
|
|
72
82
|
}
|
|
73
83
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const resolveDependency: (request: string) => string;
|