@vyriy/storybook-config 0.1.13 → 0.1.18
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 +15 -2
- package/main.d.ts +3 -3
- package/package.json +11 -2
- package/preview.d.ts +3 -2
package/README.md
CHANGED
|
@@ -33,16 +33,18 @@ Install `storybook` in the consumer project so CLI commands are available.
|
|
|
33
33
|
Create `.storybook/main.ts`:
|
|
34
34
|
|
|
35
35
|
```ts
|
|
36
|
-
import config from '@vyriy/storybook-config/main';
|
|
36
|
+
import config, { type StorybookConfig } from '@vyriy/storybook-config/main';
|
|
37
37
|
import { path } from '@vyriy/path';
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
const mainConfig: StorybookConfig = {
|
|
40
40
|
...config,
|
|
41
41
|
stories: [
|
|
42
42
|
path('packages', '**/*.mdx'),
|
|
43
43
|
path('packages', '**/*.stories.@(js|jsx|mjs|ts|tsx)'),
|
|
44
44
|
],
|
|
45
45
|
};
|
|
46
|
+
|
|
47
|
+
export default mainConfig;
|
|
46
48
|
```
|
|
47
49
|
|
|
48
50
|
Create `.storybook/preview.ts`:
|
|
@@ -51,6 +53,17 @@ Create `.storybook/preview.ts`:
|
|
|
51
53
|
export { default } from '@vyriy/storybook-config/preview';
|
|
52
54
|
```
|
|
53
55
|
|
|
56
|
+
If you customize preview locally, the preview module also exposes `Preview`.
|
|
57
|
+
|
|
58
|
+
```ts
|
|
59
|
+
import config, { type Preview } from '@vyriy/storybook-config/main';
|
|
60
|
+
|
|
61
|
+
const preview: Preview = {
|
|
62
|
+
...config,
|
|
63
|
+
tags: ['autodocs'],
|
|
64
|
+
};
|
|
65
|
+
```
|
|
66
|
+
|
|
54
67
|
## Current Vyriy Usage
|
|
55
68
|
|
|
56
69
|
In this repository:
|
package/main.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { StorybookConfig } from '@storybook/react-webpack5';
|
|
2
|
-
type
|
|
3
|
-
declare const config:
|
|
1
|
+
import type { StorybookConfig as ReactWebpackStorybookConfig } from '@storybook/react-webpack5';
|
|
2
|
+
export type { StorybookConfig } from '@storybook/react-webpack5';
|
|
3
|
+
declare const config: Omit<ReactWebpackStorybookConfig, 'stories'>;
|
|
4
4
|
export default config;
|
package/package.json
CHANGED
|
@@ -1,18 +1,27 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vyriy/storybook-config",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.18",
|
|
4
4
|
"description": "Shared Storybook config for Vyriy projects",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./main.js",
|
|
7
7
|
"dependencies": {
|
|
8
|
+
"@storybook/addon-a11y": "^10.3.6",
|
|
8
9
|
"@storybook/addon-docs": "^10.3.6",
|
|
10
|
+
"@storybook/addon-themes": "^10.3.6",
|
|
11
|
+
"@storybook/addon-webpack5-compiler-swc": "^4.0.3",
|
|
9
12
|
"@storybook/react-webpack5": "^10.3.6",
|
|
10
13
|
"@vueless/storybook-dark-mode": "^10.0.8",
|
|
11
14
|
"css-loader": "^7.1.4",
|
|
12
15
|
"react": "^19.2.6",
|
|
16
|
+
"react-dom": "^19.2.6",
|
|
17
|
+
"sass": "^1.99.0",
|
|
13
18
|
"sass-loader": "^16.0.8",
|
|
14
19
|
"storybook": "^10.3.6",
|
|
15
|
-
"
|
|
20
|
+
"storybook-addon-pseudo-states": "^10.3.6",
|
|
21
|
+
"storybook-addon-tag-badges": "^3.1.0",
|
|
22
|
+
"style-loader": "^4.0.0",
|
|
23
|
+
"typescript": "^6.0.3",
|
|
24
|
+
"webpack": "^5.106.2"
|
|
16
25
|
},
|
|
17
26
|
"license": "MIT",
|
|
18
27
|
"repository": {
|
package/preview.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import type { Preview } from '@storybook/react-webpack5';
|
|
2
|
-
|
|
1
|
+
import type { Preview as ReactWebpackPreview } from '@storybook/react-webpack5';
|
|
2
|
+
export type { Preview } from '@storybook/react-webpack5';
|
|
3
|
+
declare const preview: ReactWebpackPreview;
|
|
3
4
|
export default preview;
|