claude-toolkit 0.1.18 → 0.1.20

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 (5) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/docs/best-practices/testing/storybook-interaction.md +21 -11
  3. package/docs/stacks/storybook-patterns.md +22 -5
  4. package/package.json +1 -1
  5. package/stacks/storybook/skills/ct-storybook-patterns/SKILL.md +22 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.1.20 (2026-04-06)
4
+
5
+ - docs: update storybook docs with Vitest 4 addon-vitest config
6
+
7
+ ## 0.1.19 (2026-04-06)
8
+
9
+ - fix: update storybook addon-vitest config for Vitest 4 compatibility
10
+
3
11
  ## 0.1.18 (2026-04-05)
4
12
 
5
13
  - docs: update cross-references for vite, playwright, and storybook stacks
package/docs/best-practices/testing/storybook-interaction.md CHANGED
@@ -149,23 +149,33 @@ The **Vitest addon** (`@storybook/addon-vitest`) replaces the old `@storybook/te
149
149
 
150
150
  ### Configuration (Vitest 4.x)
151
151
 
152
- Use a separate test project:
152
+ Required dependencies: `@storybook/addon-vitest`, `@vitest/browser`, `@vitest/browser-playwright`, `@vitest/coverage-v8`.
153
+
154
+ Add as an inline project in your main Vite config using `test.projects`:
153
155
 
154
156
  ```typescript
155
- // vitest.config.storybook.ts
156
- import { defineConfig } from "vitest/config";
157
+ // vite.config.ts
157
158
  import { storybookTest } from "@storybook/addon-vitest/vitest-plugin";
159
+ import { playwright } from "@vitest/browser-playwright";
158
160
 
159
161
  export default defineConfig({
160
- plugins: [storybookTest()],
162
+ plugins: [/* ...app plugins */],
161
163
  test: {
162
- name: "storybook",
163
- browser: {
164
- enabled: true,
165
- provider: "playwright",
166
- instances: [{ browser: "chromium" }],
167
- },
168
- setupFiles: [".storybook/vitest.setup.ts"],
164
+ projects: [
165
+ {
166
+ extends: true,
167
+ test: { name: "unit", environment: "jsdom", setupFiles: ["./tests/setup.ts"] },
168
+ },
169
+ {
170
+ extends: true,
171
+ plugins: [storybookTest({ configDir: ".storybook" })],
172
+ test: {
173
+ name: "storybook",
174
+ browser: { enabled: true, headless: true, provider: playwright(), instances: [{ browser: "chromium" }] },
175
+ setupFiles: [".storybook/vitest.setup.ts"],
176
+ },
177
+ },
178
+ ],
169
179
  },
170
180
  });
171
181
  ```
package/docs/stacks/storybook-patterns.md CHANGED
@@ -81,16 +81,33 @@ export const SubmitForm: Story = {
81
81
 
82
82
  Use `@storybook/addon-vitest` (replaces old test-runner). No running Storybook instance needed.
83
83
 
84
+ Required dependencies: `@storybook/addon-vitest`, `@vitest/browser`, `@vitest/browser-playwright`, `@vitest/coverage-v8`.
85
+
86
+ Add as an inline project in your main Vite config using `test.projects`:
87
+
84
88
  ```typescript
85
- // vitest.config.storybook.ts
89
+ // vite.config.ts
86
90
  import { storybookTest } from "@storybook/addon-vitest/vitest-plugin";
91
+ import { playwright } from "@vitest/browser-playwright";
87
92
 
88
93
  export default defineConfig({
89
- plugins: [storybookTest()],
94
+ plugins: [/* ...app plugins */],
90
95
  test: {
91
- name: "storybook",
92
- browser: { enabled: true, provider: "playwright", instances: [{ browser: "chromium" }] },
93
- setupFiles: [".storybook/vitest.setup.ts"],
96
+ projects: [
97
+ {
98
+ extends: true,
99
+ test: { name: "unit", environment: "jsdom", setupFiles: ["./tests/setup.ts"] },
100
+ },
101
+ {
102
+ extends: true,
103
+ plugins: [storybookTest({ configDir: ".storybook" })],
104
+ test: {
105
+ name: "storybook",
106
+ browser: { enabled: true, headless: true, provider: playwright(), instances: [{ browser: "chromium" }] },
107
+ setupFiles: [".storybook/vitest.setup.ts"],
108
+ },
109
+ },
110
+ ],
94
111
  },
95
112
  });
96
113
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "claude-toolkit",
3
- "version": "0.1.18",
3
+ "version": "0.1.20",
4
4
  "description": "Reusable Claude Code configuration toolkit with stack-specific connectors",
5
5
  "type": "module",
6
6
  "bin": {
package/stacks/storybook/skills/ct-storybook-patterns/SKILL.md CHANGED
@@ -77,16 +77,33 @@ export const SubmitForm: Story = {
77
77
 
78
78
  Use `@storybook/addon-vitest` (replaces old test-runner). No running Storybook instance needed.
79
79
 
80
+ Required dependencies: `@storybook/addon-vitest`, `@vitest/browser`, `@vitest/browser-playwright`, `@vitest/coverage-v8`.
81
+
82
+ Add as an inline project in your main Vite config using `test.projects`:
83
+
80
84
  ```typescript
81
- // vitest.config.storybook.ts
85
+ // vite.config.ts
82
86
  import { storybookTest } from "@storybook/addon-vitest/vitest-plugin";
87
+ import { playwright } from "@vitest/browser-playwright";
83
88
 
84
89
  export default defineConfig({
85
- plugins: [storybookTest()],
90
+ plugins: [/* ...app plugins */],
86
91
  test: {
87
- name: "storybook",
88
- browser: { enabled: true, provider: "playwright", instances: [{ browser: "chromium" }] },
89
- setupFiles: [".storybook/vitest.setup.ts"],
92
+ projects: [
93
+ {
94
+ extends: true,
95
+ test: { name: "unit", environment: "jsdom", setupFiles: ["./tests/setup.ts"] },
96
+ },
97
+ {
98
+ extends: true,
99
+ plugins: [storybookTest({ configDir: ".storybook" })],
100
+ test: {
101
+ name: "storybook",
102
+ browser: { enabled: true, headless: true, provider: playwright(), instances: [{ browser: "chromium" }] },
103
+ setupFiles: [".storybook/vitest.setup.ts"],
104
+ },
105
+ },
106
+ ],
90
107
  },
91
108
  });
92
109
  ```