@repobuddy/storybook 0.7.0 → 0.9.0

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.
Files changed (26) hide show
  1. package/esm/index.d.ts +0 -2
  2. package/esm/index.js +0 -2
  3. package/esm/manager/index.d.ts +2 -0
  4. package/esm/manager/index.js +2 -0
  5. package/esm/manager/tag_badges.d.ts +94 -1
  6. package/esm/manager/tag_badges.js +105 -92
  7. package/esm/react/index.d.ts +2 -0
  8. package/esm/react/index.js +2 -0
  9. package/package.json +8 -4
  10. package/readme.md +2 -1
  11. package/src/index.ts +0 -2
  12. package/src/manager/index.ts +2 -0
  13. package/src/manager/tag_badges.ts +116 -92
  14. package/src/react/index.ts +2 -0
  15. package/esm/manager.d.ts +0 -2
  16. package/esm/manager.js +0 -2
  17. package/src/manager.ts +0 -2
  18. /package/esm/{decorators → react/decorators}/show_doc_source.d.ts +0 -0
  19. /package/esm/{decorators → react/decorators}/show_doc_source.js +0 -0
  20. /package/esm/{decorators → react/decorators}/when_running_in_test.d.ts +0 -0
  21. /package/esm/{decorators → react/decorators}/when_running_in_test.js +0 -0
  22. /package/esm/{decorators → react/decorators}/when_running_in_text.ctx.d.ts +0 -0
  23. /package/esm/{decorators → react/decorators}/when_running_in_text.ctx.js +0 -0
  24. /package/src/{decorators → react/decorators}/show_doc_source.tsx +0 -0
  25. /package/src/{decorators → react/decorators}/when_running_in_test.tsx +0 -0
  26. /package/src/{decorators → react/decorators}/when_running_in_text.ctx.ts +0 -0
package/esm/index.d.ts CHANGED
@@ -1,6 +1,4 @@
1
1
  export * from '@repobuddy/test';
2
- export * from './decorators/show_doc_source.tsx';
3
- export * from './decorators/when_running_in_test.tsx';
4
2
  export * from './parameters/define_actions_param.ts';
5
3
  export * from './parameters/define_backgrounds_param.ts';
6
4
  export * from './parameters/define_docs_param.ts';
package/esm/index.js CHANGED
@@ -1,6 +1,4 @@
1
1
  export * from '@repobuddy/test';
2
- export * from "./decorators/show_doc_source.js";
3
- export * from "./decorators/when_running_in_test.js";
4
2
  export * from "./parameters/define_actions_param.js";
5
3
  export * from "./parameters/define_backgrounds_param.js";
6
4
  export * from "./parameters/define_docs_param.js";
package/esm/manager/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './brand_title.ts';
2
+ export * from './tag_badges.ts';
package/esm/manager/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./brand_title.js";
2
+ export * from "./tag_badges.js";
package/esm/manager/tag_badges.d.ts CHANGED
@@ -12,9 +12,102 @@ import { type TagBadgeParameters } from 'storybook-addon-tag-badges';
12
12
  * - 🚨 Danger - Stories demonstrating dangerous patterns
13
13
  * - 📋 Todo - Stories marked as todo/incomplete
14
14
  * - 📝 Code Only - Stories without visual examples
15
+ * - 📸 Snapshot - Stories with snapshot tests
15
16
  * - 🧪 Unit - Stories with unit tests
16
- * - 🔄 Integration - Stories with integration tests
17
+ * - 🔗 Integration - Stories with integration tests
17
18
  *
18
19
  * Also includes the default version badge from `storybook-addon-tag-badges`.
19
20
  */
21
+ export declare const editorBadge: {
22
+ tags: string;
23
+ badge: {
24
+ text: string;
25
+ bgColor: string;
26
+ tooltip: string;
27
+ };
28
+ display: {
29
+ sidebar: string[];
30
+ };
31
+ };
32
+ export declare const newBadge: {
33
+ tags: string;
34
+ badge: {
35
+ text: string;
36
+ bgColor: string;
37
+ tooltip: string;
38
+ };
39
+ };
40
+ export declare const betaBadge: {
41
+ tags: string;
42
+ badge: {
43
+ text: string;
44
+ bgColor: string;
45
+ borderColor: string;
46
+ tooltip: string;
47
+ };
48
+ };
49
+ export declare const deprecatedBadge: {
50
+ tags: string;
51
+ badge: {
52
+ text: string;
53
+ bgColor: string;
54
+ tooltip: string;
55
+ };
56
+ };
57
+ export declare const outdatedBadge: {
58
+ tags: string;
59
+ badge: {
60
+ text: string;
61
+ bgColor: string;
62
+ tooltip: string;
63
+ };
64
+ };
65
+ export declare const dangerBadge: {
66
+ tags: string;
67
+ badge: {
68
+ text: string;
69
+ bgColor: string;
70
+ tooltip: string;
71
+ };
72
+ };
73
+ export declare const todoBadge: {
74
+ tags: string;
75
+ badge: {
76
+ text: string;
77
+ bgColor: string;
78
+ tooltip: string;
79
+ };
80
+ };
81
+ export declare const codeOnlyBadge: {
82
+ tags: string;
83
+ badge: {
84
+ text: string;
85
+ bgColor: string;
86
+ tooltip: string;
87
+ };
88
+ };
89
+ export declare const snapshotBadge: {
90
+ tags: string;
91
+ badge: {
92
+ text: string;
93
+ bgColor: string;
94
+ tooltip: string;
95
+ };
96
+ };
97
+ export declare const unitBadge: {
98
+ tags: string;
99
+ badge: {
100
+ text: string;
101
+ bgColor: string;
102
+ tooltip: string;
103
+ };
104
+ };
105
+ export declare const integrationBadge: {
106
+ tags: string;
107
+ badge: {
108
+ text: string;
109
+ bgColor: string;
110
+ tooltip: string;
111
+ };
112
+ };
20
113
  export declare const tagBadges: TagBadgeParameters;
package/esm/manager/tag_badges.js CHANGED
@@ -13,102 +13,115 @@ const [, , , , , , versionBadge] = defaultConfig;
13
13
  * - 🚨 Danger - Stories demonstrating dangerous patterns
14
14
  * - 📋 Todo - Stories marked as todo/incomplete
15
15
  * - 📝 Code Only - Stories without visual examples
16
+ * - 📸 Snapshot - Stories with snapshot tests
16
17
  * - 🧪 Unit - Stories with unit tests
17
- * - 🔄 Integration - Stories with integration tests
18
+ * - 🔗 Integration - Stories with integration tests
18
19
  *
19
20
  * Also includes the default version badge from `storybook-addon-tag-badges`.
20
21
  */
21
- export const tagBadges = [
22
- {
23
- tags: 'editor',
24
- badge: {
25
- text: '✏️',
26
- bgColor: 'transparent',
27
- tooltip: 'Editor'
28
- },
29
- display: {
30
- sidebar: ['story']
31
- }
32
- },
33
- {
34
- tags: 'new',
35
- badge: {
36
- text: '🆕',
37
- bgColor: 'transparent',
38
- tooltip: 'New'
39
- }
40
- },
41
- {
42
- tags: 'beta',
43
- badge: {
44
- text: '🅱️',
45
- bgColor: 'transparent',
46
- tooltip: 'Beta'
47
- }
48
- },
49
- {
50
- tags: 'deprecated',
51
- badge: {
52
- text: '🪦',
53
- bgColor: 'transparent',
54
- tooltip: 'Deprecated'
55
- }
56
- },
57
- {
58
- tags: 'outdated',
59
- badge: {
60
- text: '⚠️',
61
- bgColor: 'transparent',
62
- tooltip: 'Outdated'
63
- }
64
- },
65
- {
66
- tags: 'danger',
67
- badge: {
68
- text: '🚨',
69
- bgColor: 'transparent',
70
- tooltip: 'Dangerous'
71
- }
72
- },
73
- {
74
- tags: 'todo',
75
- badge: {
76
- text: '📋',
77
- bgColor: 'transparent',
78
- tooltip: 'Todo'
79
- }
80
- },
81
- {
82
- tags: 'code-only',
83
- badge: {
84
- text: '📝',
85
- bgColor: 'transparent',
86
- tooltip: 'Code Only'
87
- }
88
- },
89
- {
90
- tags: 'snapshot',
91
- badge: {
92
- text: '📸',
93
- bgColor: 'transparent',
94
- tooltip: 'Snapshot Test'
95
- }
96
- },
97
- {
98
- tags: 'unit',
99
- badge: {
100
- text: '🧪',
101
- bgColor: 'transparent',
102
- tooltip: 'Unit Test'
103
- }
104
- },
105
- {
106
- tags: 'integration',
107
- badge: {
108
- text: '🔄',
109
- bgColor: 'transparent',
110
- tooltip: 'Integration Test'
111
- }
22
+ export const editorBadge = {
23
+ tags: 'editor',
24
+ badge: {
25
+ text: '✏️',
26
+ bgColor: 'transparent',
27
+ tooltip: 'Editor'
112
28
  },
29
+ display: {
30
+ sidebar: ['story']
31
+ }
32
+ };
33
+ export const newBadge = {
34
+ tags: 'new',
35
+ badge: {
36
+ text: '🆕',
37
+ bgColor: 'transparent',
38
+ tooltip: 'New'
39
+ }
40
+ };
41
+ export const betaBadge = {
42
+ tags: 'beta',
43
+ badge: {
44
+ text: '🅱️',
45
+ bgColor: '#E3F2FD',
46
+ borderColor: '#90CAF9',
47
+ tooltip: 'Beta'
48
+ }
49
+ };
50
+ export const deprecatedBadge = {
51
+ tags: 'deprecated',
52
+ badge: {
53
+ text: '🪦',
54
+ bgColor: 'transparent',
55
+ tooltip: 'Deprecated'
56
+ }
57
+ };
58
+ export const outdatedBadge = {
59
+ tags: 'outdated',
60
+ badge: {
61
+ text: '⚠️',
62
+ bgColor: 'transparent',
63
+ tooltip: 'Outdated'
64
+ }
65
+ };
66
+ export const dangerBadge = {
67
+ tags: 'danger',
68
+ badge: {
69
+ text: '🚨',
70
+ bgColor: 'transparent',
71
+ tooltip: 'Dangerous'
72
+ }
73
+ };
74
+ export const todoBadge = {
75
+ tags: 'todo',
76
+ badge: {
77
+ text: '📋',
78
+ bgColor: 'transparent',
79
+ tooltip: 'Todo'
80
+ }
81
+ };
82
+ export const codeOnlyBadge = {
83
+ tags: 'code-only',
84
+ badge: {
85
+ text: '📝',
86
+ bgColor: 'transparent',
87
+ tooltip: 'Code Only'
88
+ }
89
+ };
90
+ export const snapshotBadge = {
91
+ tags: 'snapshot',
92
+ badge: {
93
+ text: '📸',
94
+ bgColor: 'transparent',
95
+ tooltip: 'Snapshot Test'
96
+ }
97
+ };
98
+ export const unitBadge = {
99
+ tags: 'unit',
100
+ badge: {
101
+ text: '🧪',
102
+ bgColor: 'transparent',
103
+ tooltip: 'Unit Test'
104
+ }
105
+ };
106
+ export const integrationBadge = {
107
+ tags: 'integration',
108
+ badge: {
109
+ text: '🔗',
110
+ bgColor: 'transparent',
111
+ tooltip: 'Integration Test'
112
+ }
113
+ };
114
+ export const tagBadges = [
115
+ editorBadge,
116
+ newBadge,
117
+ betaBadge,
118
+ deprecatedBadge,
119
+ outdatedBadge,
120
+ dangerBadge,
121
+ todoBadge,
122
+ codeOnlyBadge,
123
+ snapshotBadge,
124
+ unitBadge,
125
+ integrationBadge,
113
126
  versionBadge
114
127
  ];
package/esm/react/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './decorators/show_doc_source.tsx';
2
+ export * from './decorators/when_running_in_test.tsx';
package/esm/react/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./decorators/show_doc_source.js";
2
+ export * from "./decorators/when_running_in_test.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@repobuddy/storybook",
3
- "version": "0.7.0",
3
+ "version": "0.9.0",
4
4
  "description": "Storybook repo buddy",
5
5
  "keywords": [
6
6
  "storybook",
@@ -20,8 +20,12 @@
20
20
  "default": "./esm/index.js"
21
21
  },
22
22
  "./manager": {
23
- "types": "./esm/manager.d.ts",
24
- "default": "./esm/manager.js"
23
+ "types": "./esm/manager/index.d.ts",
24
+ "default": "./esm/manager/index.js"
25
+ },
26
+ "./react": {
27
+ "types": "./esm/react/index.d.ts",
28
+ "default": "./esm/react/index.js"
25
29
  },
26
30
  "./testing": {
27
31
  "types": "./esm/testing.d.ts",
@@ -37,7 +41,7 @@
37
41
  "@repobuddy/test": "^1.0.0"
38
42
  },
39
43
  "devDependencies": {
40
- "@repobuddy/vitest": "^1.2.1",
44
+ "@repobuddy/vitest": "^1.2.2",
41
45
  "@storybook/addon-essentials": "^8.6.12",
42
46
  "@storybook/addon-storysource": "^8.6.12",
43
47
  "@storybook/blocks": "^8.6.12",
package/readme.md CHANGED
@@ -72,8 +72,9 @@ we provide a different set of badges that uses emojis:
72
72
  - 🚨 Dangerous
73
73
  - 📋 To-do items
74
74
  - 📝 Code-only stories
75
+ - 📸 Snapshot tests
75
76
  - 🧪 Unit tests
76
- - 🔄 Integration tests
77
+ - 🔗 Integration tests
77
78
  - Version indicators (unchanged)
78
79
 
79
80
  To use them, add them to your `.storybook/manager.ts`:
package/src/index.ts CHANGED
@@ -1,6 +1,4 @@
1
1
  export * from '@repobuddy/test'
2
- export * from './decorators/show_doc_source.tsx'
3
- export * from './decorators/when_running_in_test.tsx'
4
2
  export * from './parameters/define_actions_param.ts'
5
3
  export * from './parameters/define_backgrounds_param.ts'
6
4
  export * from './parameters/define_docs_param.ts'
package/src/manager/index.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './brand_title.ts'
2
+ export * from './tag_badges.ts'
package/src/manager/tag_badges.ts CHANGED
@@ -15,102 +15,126 @@ const [, , , , , , versionBadge] = defaultConfig
15
15
  * - 🚨 Danger - Stories demonstrating dangerous patterns
16
16
  * - 📋 Todo - Stories marked as todo/incomplete
17
17
  * - 📝 Code Only - Stories without visual examples
18
+ * - 📸 Snapshot - Stories with snapshot tests
18
19
  * - 🧪 Unit - Stories with unit tests
19
- * - 🔄 Integration - Stories with integration tests
20
+ * - 🔗 Integration - Stories with integration tests
20
21
  *
21
22
  * Also includes the default version badge from `storybook-addon-tag-badges`.
22
23
  */
23
- export const tagBadges: TagBadgeParameters = [
24
- {
25
- tags: 'editor',
26
- badge: {
27
- text: '✏️',
28
- bgColor: 'transparent',
29
- tooltip: 'Editor'
30
- },
31
- display: {
32
- sidebar: ['story']
33
- }
34
- },
35
- {
36
- tags: 'new',
37
- badge: {
38
- text: '🆕',
39
- bgColor: 'transparent',
40
- tooltip: 'New'
41
- }
42
- },
43
- {
44
- tags: 'beta',
45
- badge: {
46
- text: '🅱️',
47
- bgColor: 'transparent',
48
- tooltip: 'Beta'
49
- }
50
- },
51
- {
52
- tags: 'deprecated',
53
- badge: {
54
- text: '🪦',
55
- bgColor: 'transparent',
56
- tooltip: 'Deprecated'
57
- }
58
- },
59
- {
60
- tags: 'outdated',
61
- badge: {
62
- text: '⚠️',
63
- bgColor: 'transparent',
64
- tooltip: 'Outdated'
65
- }
66
- },
67
- {
68
- tags: 'danger',
69
- badge: {
70
- text: '🚨',
71
- bgColor: 'transparent',
72
- tooltip: 'Dangerous'
73
- }
74
- },
75
- {
76
- tags: 'todo',
77
- badge: {
78
- text: '📋',
79
- bgColor: 'transparent',
80
- tooltip: 'Todo'
81
- }
82
- },
83
- {
84
- tags: 'code-only',
85
- badge: {
86
- text: '📝',
87
- bgColor: 'transparent',
88
- tooltip: 'Code Only'
89
- }
90
- },
91
- {
92
- tags: 'snapshot',
93
- badge: {
94
- text: '📸',
95
- bgColor: 'transparent',
96
- tooltip: 'Snapshot Test'
97
- }
98
- },
99
- {
100
- tags: 'unit',
101
- badge: {
102
- text: '🧪',
103
- bgColor: 'transparent',
104
- tooltip: 'Unit Test'
105
- }
106
- },
107
- {
108
- tags: 'integration',
109
- badge: {
110
- text: '🔄',
111
- bgColor: 'transparent',
112
- tooltip: 'Integration Test'
113
- }
24
+ export const editorBadge = {
25
+ tags: 'editor',
26
+ badge: {
27
+ text: '✏️',
28
+ bgColor: 'transparent',
29
+ tooltip: 'Editor'
114
30
  },
31
+ display: {
32
+ sidebar: ['story']
33
+ }
34
+ }
35
+
36
+ export const newBadge = {
37
+ tags: 'new',
38
+ badge: {
39
+ text: '🆕',
40
+ bgColor: 'transparent',
41
+ tooltip: 'New'
42
+ }
43
+ }
44
+
45
+ export const betaBadge = {
46
+ tags: 'beta',
47
+ badge: {
48
+ text: '🅱️',
49
+ bgColor: '#E3F2FD',
50
+ borderColor: '#90CAF9',
51
+ tooltip: 'Beta'
52
+ }
53
+ }
54
+
55
+ export const deprecatedBadge = {
56
+ tags: 'deprecated',
57
+ badge: {
58
+ text: '🪦',
59
+ bgColor: 'transparent',
60
+ tooltip: 'Deprecated'
61
+ }
62
+ }
63
+
64
+ export const outdatedBadge = {
65
+ tags: 'outdated',
66
+ badge: {
67
+ text: '⚠️',
68
+ bgColor: 'transparent',
69
+ tooltip: 'Outdated'
70
+ }
71
+ }
72
+
73
+ export const dangerBadge = {
74
+ tags: 'danger',
75
+ badge: {
76
+ text: '🚨',
77
+ bgColor: 'transparent',
78
+ tooltip: 'Dangerous'
79
+ }
80
+ }
81
+
82
+ export const todoBadge = {
83
+ tags: 'todo',
84
+ badge: {
85
+ text: '📋',
86
+ bgColor: 'transparent',
87
+ tooltip: 'Todo'
88
+ }
89
+ }
90
+
91
+ export const codeOnlyBadge = {
92
+ tags: 'code-only',
93
+ badge: {
94
+ text: '📝',
95
+ bgColor: 'transparent',
96
+ tooltip: 'Code Only'
97
+ }
98
+ }
99
+
100
+ export const snapshotBadge = {
101
+ tags: 'snapshot',
102
+ badge: {
103
+ text: '📸',
104
+ bgColor: 'transparent',
105
+ tooltip: 'Snapshot Test'
106
+ }
107
+ }
108
+
109
+ export const unitBadge = {
110
+ tags: 'unit',
111
+ badge: {
112
+ text: '🧪',
113
+ bgColor: 'transparent',
114
+ tooltip: 'Unit Test'
115
+ }
116
+ }
117
+
118
+ export const integrationBadge = {
119
+ tags: 'integration',
120
+ badge: {
121
+ text: '🔗',
122
+ bgColor: 'transparent',
123
+ tooltip: 'Integration Test'
124
+ }
125
+ }
126
+
127
+ export const tagBadges: TagBadgeParameters = [
128
+ editorBadge,
129
+ newBadge,
130
+ betaBadge,
131
+ deprecatedBadge,
132
+ outdatedBadge,
133
+ dangerBadge,
134
+ todoBadge,
135
+ codeOnlyBadge,
136
+ snapshotBadge,
137
+ unitBadge,
138
+ integrationBadge,
115
139
  versionBadge
116
140
  ]
package/src/react/index.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './decorators/show_doc_source.tsx'
2
+ export * from './decorators/when_running_in_test.tsx'
package/esm/manager.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from './manager/brand_title.ts';
2
- export * from './manager/tag_badges.ts';
package/esm/manager.js DELETED
@@ -1,2 +0,0 @@
1
- export * from "./manager/brand_title.js";
2
- export * from "./manager/tag_badges.js";
package/src/manager.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from './manager/brand_title.ts'
2
- export * from './manager/tag_badges.ts'