Skip to content

Commit a10a0bd

Browse files
committed
add backwards compatible support for Storybook 8 in utils and mocks
1 parent 7b5ed57 commit a10a0bd

File tree

8 files changed

+22
-13
lines changed

8 files changed

+22
-13
lines changed

.changeset/beige-pugs-end.md

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
'@web/storybook-utils': minor
3+
'@web/mocks': minor
4+
---
5+
6+
add backwards compatible support for Storybook 8

package-lock.json

+6-5
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

packages/mocks/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -175,7 +175,7 @@ mockRollupPlugin({
175175

176176
This can be used to avoid CORS issues when deploying your Storybooks.
177177

178-
In the Storybook 7+ (@web/storybook-builder) you can achieve the same by using native Storybook API [previewHead](https://storybook.js.org/docs/api/main-config-preview-head):
178+
In the Storybook 7+ (@web/storybook-builder) you can achieve the same by using native Storybook API [previewHead](https://storybook.js.org/docs/api/main-config/main-config-preview-head):
179179

180180
```js
181181
// .storybook/main.js

packages/mocks/package.json

+4-2
Original file line numberDiff line numberDiff line change
@@ -63,9 +63,11 @@
6363
"mocks",
6464
"msw"
6565
],
66+
"peerDependencies": {
67+
"@storybook/manager-api": "^7.0.0 || ^8.0.0",
68+
"@storybook/preview-api": "^7.0.0 || ^8.0.0"
69+
},
6670
"dependencies": {
67-
"@storybook/manager-api": "^8.5.0",
68-
"@storybook/preview-api": "^8.5.0",
6971
"@web/storybook-prebuilt": "^0.1.37",
7072
"@web/storybook-utils": "^1.0.0",
7173
"lit": "^2.7.5 || ^3.0.0",

packages/mocks/storybook/addon/decorator.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
import { addons, makeDecorator } from '@storybook/preview-api';
44
import { createDecorator } from './create-decorator.js';
55

6-
// Storybook 7
6+
// Storybook 7+
77
/**
88
* @type {ReturnType<typeof makeDecorator>}
99
*/

packages/mocks/storybook/addon/manager.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,5 +5,5 @@ import React from 'react';
55
import { addons } from '@storybook/manager-api';
66
import { registerAddon } from './register-addon.js';
77

8-
// Storybook 7
8+
// Storybook 7+
99
registerAddon(addons, React, createAddon);

packages/storybook-utils/package.json

+1-3
Original file line numberDiff line numberDiff line change
@@ -40,11 +40,9 @@
4040
"utils"
4141
],
4242
"peerDependencies": {
43+
"@storybook/core-events": "^7.0.0 || ^8.0.0",
4344
"react": "^18.0.0"
4445
},
45-
"dependencies": {
46-
"@storybook/core-events": "^8.5.0"
47-
},
4846
"devDependencies": {
4947
"react": "^18.0.0"
5048
}

packages/storybook-utils/src/mdx-file-loader.js

+2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
import { useEffect, useState } from 'react';
22

33
/**
4+
* Utility for Storybook 7 to allow asyng loading in MDX.
5+
* @deprecated in Storybook 8 use MDX3 native await https://mdxjs.com/blog/v3/#await-in-mdx
46
* @param {{ url: string, render: (content: string) => any }} props
57
*/
68
export const MDXFileLoader = ({ url, render }) => {

0 commit comments

Comments
 (0)