mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 23:11:23 +08:00
Merge branch 'next' into shilman/upgrade-mdx2
This commit is contained in:
Michael Shilman
commit
991a189631
@ -142,7 +142,7 @@ jobs:
|
||||
executor:
|
||||
class: medium+
|
||||
name: sb_node_14_browsers
|
||||
parallelism: 5
|
||||
parallelism: 4
|
||||
steps:
|
||||
- git-shallow-clone/checkout_advanced:
|
||||
clone_options: '--depth 1 --verbose'
|
||||
@ -322,7 +322,7 @@ jobs:
|
||||
executor:
|
||||
class: medium+
|
||||
name: sb_node_14_browsers
|
||||
parallelism: 18
|
||||
parallelism: 20
|
||||
steps:
|
||||
- git-shallow-clone/checkout_advanced:
|
||||
clone_options: '--depth 1 --verbose'
|
||||
@ -341,7 +341,7 @@ jobs:
|
||||
executor:
|
||||
class: medium+
|
||||
name: sb_node_14_browsers
|
||||
parallelism: 11
|
||||
parallelism: 15
|
||||
steps:
|
||||
- git-shallow-clone/checkout_advanced:
|
||||
clone_options: '--depth 1 --verbose'
|
||||
@ -356,7 +356,7 @@ jobs:
|
||||
executor:
|
||||
class: medium+
|
||||
name: sb_node_14_browsers
|
||||
parallelism: 18
|
||||
parallelism: 20
|
||||
steps:
|
||||
- git-shallow-clone/checkout_advanced:
|
||||
clone_options: '--depth 1 --verbose'
|
||||
@ -375,7 +375,7 @@ jobs:
|
||||
executor:
|
||||
class: medium+
|
||||
name: sb_node_14_browsers
|
||||
parallelism: 16
|
||||
parallelism: 18
|
||||
steps:
|
||||
- git-shallow-clone/checkout_advanced:
|
||||
clone_options: '--depth 1 --verbose'
|
||||
@ -390,7 +390,7 @@ jobs:
|
||||
executor:
|
||||
class: medium+
|
||||
name: sb_node_14_browsers
|
||||
parallelism: 18
|
||||
parallelism: 20
|
||||
steps:
|
||||
- git-shallow-clone/checkout_advanced:
|
||||
clone_options: '--depth 1 --verbose'
|
||||
@ -405,7 +405,7 @@ jobs:
|
||||
executor:
|
||||
class: medium+
|
||||
name: sb_playwright
|
||||
parallelism: 18
|
||||
parallelism: 20
|
||||
steps:
|
||||
- git-shallow-clone/checkout_advanced:
|
||||
clone_options: '--depth 1 --verbose'
|
||||
|
||||
10
MIGRATION.md
10
MIGRATION.md
@ -441,9 +441,11 @@ In 7.0, frameworks also specify the builder to be used. For example, The current
|
||||
- `@storybook/svelte-webpack5`
|
||||
- `@storybook/svelte-vite`
|
||||
- `@storybook/vue-webpack5`
|
||||
- `@storybook/vue-vite`
|
||||
- `@storybook/vue3-webpack5`
|
||||
- `@storybook/vue3-vite`
|
||||
- `@storybook/web-components-webpack5`
|
||||
- `@storybook/web-components-vite`
|
||||
|
||||
We will be expanding this list over the course of the 7.0 development cycle. More info on the rationale here: [Frameworks RFC](https://www.notion.so/chromatic-ui/Frameworks-RFC-89f8aafe3f0941ceb4c24683859ed65c).
|
||||
|
||||
@ -531,7 +533,7 @@ If you were using `viteFinal` in 6.5 to simply merge in your project's standard
|
||||
|
||||
#### Vite cache moved to node_modules/.cache/.vite-storybook
|
||||
|
||||
Previously, Storybook's Vite builder placed cache files in node_modules/.vite-storybook. However, it's more common for tools to place cached files into `node_modules/.cache`, and putting them there makes it quick and easy to clear the cache for multiple tools at once. We don't expect this change will cause any problems, but it's something that users of Storybook Vite projects should know about. It can be configured by setting `cacheDir` in `viteFinal` within `.storybook/main.js` [Storybook Vite configuration docs](https://storybook.js.org/docs/react/builders/vite#configuration)).
|
||||
Previously, Storybook's Vite builder placed cache files in node_modules/.vite-storybook. However, it's more common for tools to place cached files into `node_modules/.cache`, and putting them there makes it quick and easy to clear the cache for multiple tools at once. We don't expect this change will cause any problems, but it's something that users of Storybook Vite projects should know about. It can be configured by setting `cacheDir` in `viteFinal` within `.storybook/main.js` [Storybook Vite configuration docs](https://storybook.js.org/docs/react/builders/vite#configuration)).
|
||||
|
||||
#### Removed docs.getContainer and getPage parameters
|
||||
|
||||
@ -564,8 +566,8 @@ Additionally, the internal field `'previewEntries'` has been removed. If you nee
|
||||
|
||||
#### Dropped support for Angular 12 and below
|
||||
|
||||
Official [Angular 12 LTS support ends Nov 2022](https://angular.io/guide/releases#actively-supported-versions). With that, Storybook also drops its support
|
||||
for Angular 12 and below.
|
||||
Official [Angular 12 LTS support ends Nov 2022](https://angular.io/guide/releases#actively-supported-versions). With that, Storybook also drops its support
|
||||
for Angular 12 and below.
|
||||
|
||||
In order to use Storybook 7.0, you need to upgrade to at least Angular 13.
|
||||
|
||||
@ -784,7 +786,7 @@ SB6.5 moves framework specializations (e.g. ArgType inference, dynamic snippet r
|
||||
|
||||
This change should not require any specific migrations on your part if you are using the docs addon as described in the documentation. However, if you are using `react-docgen` or `react-docgen-typescript` information in some custom way outside of `addon-docs`, you should be aware of this change.
|
||||
|
||||
In SB6.4, `@storybook/react` added `react-docgen` to its babel settings and `react-docgen-typescript` to its webpack settings. In SB6.5, this only happens if you are using `addon-docs` or `addon-controls`, either directly or indirectly through `addon-essentials`. If you're not using either of those addons, but require that information for some other addon, please configure that manually in your `.storybook/main.js` configuration. You can see the docs configuration here: https://github.com/storybookjs/storybook/blob/next/app/react/src/server/framework-preset-react-docs.ts
|
||||
In SB6.4, `@storybook/react` added `react-docgen` to its babel settings and `react-docgen-typescript` to its webpack settings. In SB6.5, this only happens if you are using `addon-docs` or `addon-controls`, either directly or indirectly through `addon-essentials`. If you're not using either of those addons, but require that information for some other addon, please configure that manually in your `.storybook/main.js` configuration. You can see the docs configuration here: https://github.com/storybookjs/storybook/blob/next/code/presets/react-webpack/src/framework-preset-react-docs.ts
|
||||
|
||||
### Opt-in MDX2 support
|
||||
|
||||
|
||||
@ -71,6 +71,7 @@
|
||||
"@storybook/theming": "7.0.0-alpha.38",
|
||||
"babel-loader": "^8.2.5",
|
||||
"dequal": "^2.0.2",
|
||||
"fs-extra": "^9.0.1",
|
||||
"global": "^4.4.0",
|
||||
"lodash": "^4.17.21",
|
||||
"remark-external-links": "^8.0.0",
|
||||
|
||||
@ -23,9 +23,22 @@
|
||||
},
|
||||
"license": "MIT",
|
||||
"author": "winkerVSbecks",
|
||||
"main": "dist/cjs/index.js",
|
||||
"module": "dist/esm/index.js",
|
||||
"types": "dist/types/index.d.ts",
|
||||
"exports": {
|
||||
".": {
|
||||
"require": "./dist/index.js",
|
||||
"import": "./dist/index.mjs",
|
||||
"types": "./dist/index.d.ts"
|
||||
},
|
||||
"./preview": {
|
||||
"require": "./dist/highlight.js",
|
||||
"import": "./dist/highlight.mjs",
|
||||
"types": "./dist/highlight.d.ts"
|
||||
},
|
||||
"./package.json": "./package.json"
|
||||
},
|
||||
"main": "dist/index.js",
|
||||
"module": "dist/index.mjs",
|
||||
"types": "dist/index.d.ts",
|
||||
"files": [
|
||||
"dist/**/*",
|
||||
"README.md",
|
||||
@ -34,7 +47,7 @@
|
||||
],
|
||||
"scripts": {
|
||||
"check": "../../../scripts/node_modules/.bin/tsc --noEmit",
|
||||
"prep": "node ../../../scripts/prepare.js"
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "7.0.0-alpha.38",
|
||||
@ -45,6 +58,12 @@
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"typescript": "~4.6.3"
|
||||
},
|
||||
"bundler": {
|
||||
"entries": [
|
||||
"./src/index.ts",
|
||||
"./src/highlight.ts"
|
||||
]
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
|
||||
@ -1 +1 @@
|
||||
export * from './dist/esm/highlight';
|
||||
export * from './dist/highlight';
|
||||
|
||||
@ -17,7 +17,6 @@ jest.mock('global', () => ({
|
||||
// @ts-expect-error (Converted from ts-ignore)
|
||||
window: global,
|
||||
__STORYBOOK_STORY_STORE__: {
|
||||
getSelection: jest.fn(() => ({ id: 1 })),
|
||||
fromId: jest.fn(() => ({})),
|
||||
},
|
||||
}));
|
||||
|
||||
@ -16,7 +16,7 @@ test.describe('addon-docs', () => {
|
||||
test('should provide source snippet', async ({ page }) => {
|
||||
// templateName is e.g. 'Vue-CLI (Default JS)'
|
||||
test.skip(
|
||||
/^(vue3|vue-cli)/i.test(templateName),
|
||||
/^(vue3|vue-cli|preact)/i.test(templateName),
|
||||
`Skipping ${templateName}, which does not support dynamic source snippets`
|
||||
);
|
||||
|
||||
|
||||
@ -1,12 +0,0 @@
|
||||
module.exports = {
|
||||
settings: {
|
||||
react: {
|
||||
pragma: 'h',
|
||||
pragmaFrag: 'Fragment',
|
||||
},
|
||||
},
|
||||
rules: {
|
||||
'react/react-in-jsx-scope': 'off',
|
||||
'react/prop-types': 'off',
|
||||
},
|
||||
};
|
||||
15
code/examples/preact-kitchen-sink/.gitignore
vendored
15
code/examples/preact-kitchen-sink/.gitignore
vendored
@ -1,15 +0,0 @@
|
||||
# See http://help.github.com/ignore-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
node_modules
|
||||
|
||||
# testing
|
||||
coverage
|
||||
|
||||
# production
|
||||
build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
.env
|
||||
npm-debug.log
|
||||
@ -1,45 +0,0 @@
|
||||
import type { StorybookConfig } from '@storybook/preact-webpack5';
|
||||
|
||||
const path = require('path');
|
||||
|
||||
const mainConfig: StorybookConfig = {
|
||||
stories: ['../src/stories/**/*.stories.@(ts|tsx|js|jsx|mdx)'],
|
||||
logLevel: 'debug',
|
||||
addons: [
|
||||
'@storybook/addon-storysource',
|
||||
'@storybook/addon-actions',
|
||||
'@storybook/addon-docs',
|
||||
'@storybook/addon-links',
|
||||
'@storybook/addon-viewport',
|
||||
'@storybook/addon-backgrounds',
|
||||
'@storybook/addon-a11y',
|
||||
'@storybook/addon-highlight',
|
||||
],
|
||||
webpackFinal: (config) => {
|
||||
const rules = config.module?.rules || [];
|
||||
rules.push({
|
||||
test: [/\.stories\.(js|ts|jsx|tsx)$/],
|
||||
use: [require.resolve('@storybook/source-loader')],
|
||||
include: [path.resolve(__dirname, '../src')],
|
||||
enforce: 'pre',
|
||||
});
|
||||
|
||||
// eslint-disable-next-line no-param-reassign
|
||||
config.module = config.module || {};
|
||||
// eslint-disable-next-line no-param-reassign
|
||||
config.module.rules = rules;
|
||||
return config;
|
||||
},
|
||||
core: {
|
||||
channelOptions: { allowFunction: false, maxDepth: 10 },
|
||||
disableTelemetry: true,
|
||||
},
|
||||
staticDirs: ['../public'],
|
||||
features: {
|
||||
buildStoriesJson: true,
|
||||
breakingChangesV7: true,
|
||||
},
|
||||
framework: '@storybook/preact-webpack5',
|
||||
};
|
||||
|
||||
module.exports = mainConfig;
|
||||
@ -1,3 +0,0 @@
|
||||
# Storybook Demo
|
||||
|
||||
This is a demo app to test `preact` integration with Storybook. Run `yarn install` to sync Storybook module with the source code and run `yarn storybook` to start the Storybook.
|
||||
@ -1,11 +0,0 @@
|
||||
{
|
||||
"plugins": [
|
||||
[
|
||||
"@babel/plugin-transform-react-jsx",
|
||||
{
|
||||
"pragma": "h",
|
||||
"pragmaFrag": "Fragment"
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
@ -1,12 +0,0 @@
|
||||
const config = require('../../jest.config');
|
||||
|
||||
module.exports = {
|
||||
...config,
|
||||
roots: [__dirname],
|
||||
moduleNameMapper: {
|
||||
'^react$': 'preact/compat',
|
||||
'^react-dom/test-utils$': 'preact/test-utils',
|
||||
'^react-dom$': 'preact/compat',
|
||||
'^enzyme-adapter-react-16$': '<rootDir>/examples/preact-kitchen-sink/preact-enzyme-mapping.js',
|
||||
},
|
||||
};
|
||||
@ -1,51 +0,0 @@
|
||||
{
|
||||
"name": "preact-example",
|
||||
"version": "7.0.0-alpha.38",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
"build-storybook": "storybook build",
|
||||
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
|
||||
"storybook": "storybook dev -p 9009 --no-manager-cache"
|
||||
},
|
||||
"dependencies": {
|
||||
"global": "^4.4.0",
|
||||
"preact": "^10.5.13"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/addon-a11y": "7.0.0-alpha.38",
|
||||
"@storybook/addon-actions": "7.0.0-alpha.38",
|
||||
"@storybook/addon-backgrounds": "7.0.0-alpha.38",
|
||||
"@storybook/addon-highlight": "7.0.0-alpha.38",
|
||||
"@storybook/addon-links": "7.0.0-alpha.38",
|
||||
"@storybook/addon-storyshots": "7.0.0-alpha.38",
|
||||
"@storybook/addon-storysource": "7.0.0-alpha.38",
|
||||
"@storybook/addon-viewport": "7.0.0-alpha.38",
|
||||
"@storybook/addons": "7.0.0-alpha.38",
|
||||
"@storybook/preact": "7.0.0-alpha.38",
|
||||
"@storybook/preact-webpack5": "7.0.0-alpha.38",
|
||||
"@storybook/source-loader": "7.0.0-alpha.38",
|
||||
"@types/prop-types": "^15.7.3",
|
||||
"@types/react": "^17",
|
||||
"@types/react-dom": "^17",
|
||||
"babel-loader": "^8.2.5",
|
||||
"cross-env": "^7.0.3",
|
||||
"enzyme-adapter-preact": "^0.2.0",
|
||||
"file-loader": "^6.2.0",
|
||||
"preact-render-to-string": "^5.1.19",
|
||||
"prop-types": "^15.7.2",
|
||||
"raw-loader": "^4.0.2",
|
||||
"react": "^17.0.2",
|
||||
"react-dom": "^17.0.2",
|
||||
"storybook": "7.0.0-alpha.38",
|
||||
"svg-url-loader": "^7.1.1",
|
||||
"webpack": "5",
|
||||
"webpack-dev-server": "^4.8.1"
|
||||
},
|
||||
"storybook": {
|
||||
"chromatic": {
|
||||
"projectToken": "ls0ikhnwqt"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
import { Adapter } from 'enzyme-adapter-preact';
|
||||
|
||||
export default Adapter;
|
||||
@ -1,9 +0,0 @@
|
||||
import path from 'path';
|
||||
import initStoryshots, { multiSnapshotWithOptions } from '@storybook/addon-storyshots';
|
||||
|
||||
initStoryshots({
|
||||
framework: 'preact',
|
||||
configPath: path.join(__dirname, '.storybook'),
|
||||
integrityOptions: { cwd: path.join(__dirname, 'src', 'stories') },
|
||||
test: multiSnapshotWithOptions(),
|
||||
});
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 50 KiB |
@ -1,19 +0,0 @@
|
||||
/**
|
||||
* The button component will render a clickable button
|
||||
*/
|
||||
|
||||
const Button = ({ children, href, ...props }) => {
|
||||
const TagName = href ? 'a' : 'button';
|
||||
|
||||
return (
|
||||
<TagName class="button" href={href} {...props}>
|
||||
{children}
|
||||
</TagName>
|
||||
);
|
||||
};
|
||||
|
||||
Button.defaultProps = {
|
||||
href: undefined,
|
||||
};
|
||||
|
||||
export default Button;
|
||||
@ -1,132 +0,0 @@
|
||||
const Main = (props) => (
|
||||
<article
|
||||
{...props}
|
||||
style={{
|
||||
padding: 15,
|
||||
lineHeight: 1.4,
|
||||
fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
|
||||
backgroundColor: '#ffffff',
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
const Title = ({ children, ...props }) => <h1 {...props}>{children}</h1>;
|
||||
|
||||
const Note = (props) => (
|
||||
<p
|
||||
{...props}
|
||||
style={{
|
||||
opacity: 0.5,
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
const InlineCode = (props) => (
|
||||
<code
|
||||
{...props}
|
||||
style={{
|
||||
fontSize: 15,
|
||||
fontWeight: 600,
|
||||
padding: '2px 5px',
|
||||
border: '1px solid #eae9e9',
|
||||
borderRadius: 4,
|
||||
backgroundColor: '#f3f2f2',
|
||||
color: '#3a3a3a',
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
const Link = ({ children, href, ...props }) => (
|
||||
<a
|
||||
href={href}
|
||||
{...props}
|
||||
style={{
|
||||
color: '#1474f3',
|
||||
textDecoration: 'none',
|
||||
borderBottom: '1px solid #1474f3',
|
||||
paddingBottom: 2,
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
</a>
|
||||
);
|
||||
|
||||
const NavButton = ({ children, ...props }) => (
|
||||
<button
|
||||
{...props}
|
||||
type="button"
|
||||
style={{
|
||||
color: '#1474f3',
|
||||
textDecoration: 'none',
|
||||
borderBottom: '1px solid #1474f3',
|
||||
paddingBottom: 2,
|
||||
borderTop: 'none',
|
||||
borderRight: 'none',
|
||||
borderLeft: 'none',
|
||||
backgroundColor: 'transparent',
|
||||
padding: 0,
|
||||
cursor: 'pointer',
|
||||
font: 'inherit',
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
</button>
|
||||
);
|
||||
|
||||
const Welcome = ({ showApp }) => (
|
||||
<Main>
|
||||
<Title>Welcome to storybook for Preact</Title>
|
||||
<img
|
||||
alt="Preact logo"
|
||||
src="./logo.png"
|
||||
style={{
|
||||
'text-align': 'center',
|
||||
height: '150px',
|
||||
display: 'block',
|
||||
margin: '0 auto',
|
||||
}}
|
||||
/>
|
||||
<p>This is a UI component dev environment for your Preact app.</p>
|
||||
<p>
|
||||
We've added some basic stories inside the <InlineCode>src/stories</InlineCode> directory.
|
||||
<br />A story is a single state of one or more UI components. You can have as many stories as
|
||||
you want.
|
||||
<br />
|
||||
(Basically a story is like a visual test case.)
|
||||
</p>
|
||||
<p>
|
||||
See these sample <NavButton onClick={showApp}>stories</NavButton> for a component called
|
||||
<InlineCode>Button</InlineCode>.
|
||||
</p>
|
||||
<p>
|
||||
Just like that, you can add your own components as stories.
|
||||
<br />
|
||||
You can also edit those components and see changes right away.
|
||||
<br />
|
||||
(Try editing the <InlineCode>Button</InlineCode> stories located at
|
||||
<InlineCode>src/stories/1-Button.stories.js</InlineCode>
|
||||
.)
|
||||
</p>
|
||||
<p>
|
||||
Usually we create stories with smaller UI components in the app.
|
||||
<br />
|
||||
Have a look at the
|
||||
<Link
|
||||
href="https://storybook.js.org/basics/writing-stories"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
Writing Stories
|
||||
</Link>
|
||||
section in our documentation.
|
||||
</p>
|
||||
<Note>
|
||||
<b>NOTE:</b>
|
||||
<br />
|
||||
Have a look at the <InlineCode>.storybook/webpack.config.js</InlineCode> to add webpack
|
||||
loaders and plugins you are using in this project.
|
||||
</Note>
|
||||
</Main>
|
||||
);
|
||||
|
||||
export { Welcome as default };
|
||||
@ -1,39 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Addons/Actions Action and method 1`] = `
|
||||
"<button
|
||||
class=\\"button\\"
|
||||
onclick={[Function onclick]}
|
||||
>
|
||||
Click me to log the action
|
||||
</button>"
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons/Actions Action only 1`] = `
|
||||
"<button
|
||||
class=\\"button\\"
|
||||
onclick={[Function onclick]}
|
||||
>
|
||||
Click me to log the action
|
||||
</button>"
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons/Actions Multiple actions 1`] = `
|
||||
"<button
|
||||
class=\\"button\\"
|
||||
onclick={[Function actionHandler]}
|
||||
ondblclick={[Function actionHandler]}
|
||||
>
|
||||
(Double) click me to log the action
|
||||
</button>"
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons/Actions Multiple actions, object 1`] = `
|
||||
"<button
|
||||
class=\\"button\\"
|
||||
onclick={[Function actionHandler]}
|
||||
ondblclick={[Function actionHandler]}
|
||||
>
|
||||
(Double) click me to log the action
|
||||
</button>"
|
||||
`;
|
||||
@ -1,9 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Addons/Backgrounds Example 1 1`] = `
|
||||
"<button class=\\"button\\">
|
||||
You should be able to switch backgrounds for this story
|
||||
</button>"
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons/Backgrounds Example 2 1`] = `"<button class=\\"button\\">This one too!</button>"`;
|
||||
@ -1,10 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Addons/Links Go to welcome 1`] = `
|
||||
"<button
|
||||
class=\\"button\\"
|
||||
onclick={[Function anonymous]}
|
||||
>
|
||||
This button links to Welcome
|
||||
</button>"
|
||||
`;
|
||||
@ -1,24 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Button with some emoji 1`] = `
|
||||
"<button
|
||||
class=\\"button\\"
|
||||
onclick={[Function actionHandler]}
|
||||
>
|
||||
<span
|
||||
role=\\"img\\"
|
||||
aria-label=\\"so cool\\"
|
||||
>
|
||||
😀 😎 👍 💯
|
||||
</span>
|
||||
</button>"
|
||||
`;
|
||||
|
||||
exports[`Storyshots Button with text 1`] = `
|
||||
"<button
|
||||
class=\\"button\\"
|
||||
onclick={[Function actionHandler]}
|
||||
>
|
||||
Hello Button
|
||||
</button>"
|
||||
`;
|
||||
@ -1,32 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots React Compatibility React Component Demo 1`] = `
|
||||
"<div>
|
||||
<h1>React component demo</h1>
|
||||
<div
|
||||
tabIndex={0}
|
||||
onClick={[Function onClick]}
|
||||
style=\\"cursor: pointer;\\"
|
||||
onKeyDown={[Function onKeyDown]}
|
||||
role=\\"button\\"
|
||||
>
|
||||
<div style=\\"color: red;\\">
|
||||
This is a React functional component rendered by Preact
|
||||
</div>
|
||||
<div>Clicked 0 times.</div>
|
||||
</div>
|
||||
<hr />
|
||||
<div
|
||||
tabIndex={0}
|
||||
onClick={[Function onClick]}
|
||||
onKeyDown={[Function onKeyDown]}
|
||||
style=\\"cursor: pointer;\\"
|
||||
role=\\"button\\"
|
||||
>
|
||||
<div style=\\"color: green;\\">
|
||||
This is a React class component rendered by Preact
|
||||
</div>
|
||||
<div>Clicked 0 times.</div>
|
||||
</div>
|
||||
</div>"
|
||||
`;
|
||||
@ -1,69 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
"<article style=\\"padding: 15px; line-height: 1.4; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif; background-color: #ffffff;\\">
|
||||
<h1>Welcome to storybook for Preact</h1>
|
||||
<img
|
||||
alt=\\"Preact logo\\"
|
||||
src=\\"./logo.png\\"
|
||||
style=\\"text-align: center; height: 150px; display: block; margin: 0 auto;\\"
|
||||
/>
|
||||
<p>
|
||||
This is a UI component dev environment for your Preact app.
|
||||
</p>
|
||||
<p>
|
||||
We've added some basic stories inside the
|
||||
<code style=\\"font-size: 15px; font-weight: 600; padding: 2px 5px; border: 1px solid #eae9e9; border-radius: 4px; background-color: #f3f2f2; color: #3a3a3a;\\">src/stories</code>
|
||||
directory.
|
||||
<br />
|
||||
A story is a single state of one or more UI components. You can have as many stories as you want.
|
||||
<br />
|
||||
(Basically a story is like a visual test case.)
|
||||
</p>
|
||||
<p>
|
||||
See these sample
|
||||
<button
|
||||
onClick={[Function anonymous]}
|
||||
type=\\"button\\"
|
||||
style=\\"color: #1474f3; text-decoration: none; border-bottom: 1px solid #1474f3; padding-bottom: 2px; border-top: none; border-right: none; border-left: none; background-color: transparent; padding: 0px; cursor: pointer; font: inherit;\\"
|
||||
>
|
||||
stories
|
||||
</button>
|
||||
for a component called
|
||||
<code style=\\"font-size: 15px; font-weight: 600; padding: 2px 5px; border: 1px solid #eae9e9; border-radius: 4px; background-color: #f3f2f2; color: #3a3a3a;\\">Button</code>
|
||||
.
|
||||
</p>
|
||||
<p>
|
||||
Just like that, you can add your own components as stories.
|
||||
<br />
|
||||
You can also edit those components and see changes right away.
|
||||
<br />
|
||||
(Try editing the
|
||||
<code style=\\"font-size: 15px; font-weight: 600; padding: 2px 5px; border: 1px solid #eae9e9; border-radius: 4px; background-color: #f3f2f2; color: #3a3a3a;\\">Button</code>
|
||||
stories located at
|
||||
<code style=\\"font-size: 15px; font-weight: 600; padding: 2px 5px; border: 1px solid #eae9e9; border-radius: 4px; background-color: #f3f2f2; color: #3a3a3a;\\">src/stories/1-Button.stories.js</code>
|
||||
.)
|
||||
</p>
|
||||
<p>
|
||||
Usually we create stories with smaller UI components in the app.
|
||||
<br />
|
||||
Have a look at the
|
||||
<a
|
||||
href=\\"https://storybook.js.org/basics/writing-stories\\"
|
||||
target=\\"_blank\\"
|
||||
rel=\\"noopener noreferrer\\"
|
||||
style=\\"color: #1474f3; text-decoration: none; border-bottom: 1px solid #1474f3; padding-bottom: 2px;\\"
|
||||
>
|
||||
Writing Stories
|
||||
</a>
|
||||
section in our documentation.
|
||||
</p>
|
||||
<p style=\\"opacity: 0.5;\\">
|
||||
<b>NOTE:</b>
|
||||
<br />
|
||||
Have a look at the
|
||||
<code style=\\"font-size: 15px; font-weight: 600; padding: 2px 5px; border: 1px solid #eae9e9; border-radius: 4px; background-color: #f3f2f2; color: #3a3a3a;\\">.storybook/webpack.config.js</code>
|
||||
to add webpack loaders and plugins you are using in this project.
|
||||
</p>
|
||||
</article>"
|
||||
`;
|
||||
@ -1,20 +0,0 @@
|
||||
import Button from '../Button';
|
||||
|
||||
export default {
|
||||
title: 'Button',
|
||||
component: Button,
|
||||
};
|
||||
|
||||
export const WithText = () => <Button>Hello Button</Button>;
|
||||
|
||||
WithText.storyName = 'with text';
|
||||
|
||||
export const WithSomeEmoji = () => (
|
||||
<Button>
|
||||
<span role="img" aria-label="so cool">
|
||||
😀 😎 👍 💯
|
||||
</span>
|
||||
</Button>
|
||||
);
|
||||
|
||||
WithSomeEmoji.storyName = 'with some emoji';
|
||||
@ -1,3 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Pragma test Default 1`] = `"<div>This component should render OK.</div>"`;
|
||||
@ -1,3 +0,0 @@
|
||||
const TestComponent = () => <div>This component should render OK.</div>;
|
||||
|
||||
export default TestComponent;
|
||||
@ -1,7 +0,0 @@
|
||||
import TestComponent from './no-pragma';
|
||||
|
||||
export default {
|
||||
title: 'Pragma test',
|
||||
};
|
||||
|
||||
export const Default = () => <TestComponent />;
|
||||
@ -1,12 +0,0 @@
|
||||
import Welcome from '../Welcome';
|
||||
|
||||
export default {
|
||||
title: 'Welcome',
|
||||
parameters: {
|
||||
component: Welcome,
|
||||
},
|
||||
};
|
||||
|
||||
export const ToStorybook = () => <Welcome showApp={() => {}} />;
|
||||
|
||||
ToStorybook.storyName = 'to Storybook';
|
||||
@ -1,8 +0,0 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"jsx": "react-jsx",
|
||||
"jsxFactory": "h",
|
||||
"jsxFragmentFactory": "Fragment",
|
||||
"jsxImportSource": "preact"
|
||||
}
|
||||
}
|
||||
@ -1,2 +1 @@
|
||||
export * from '@storybook/html';
|
||||
export * from './types';
|
||||
|
||||
@ -1,2 +1 @@
|
||||
export * from '@storybook/preact';
|
||||
export * from './types';
|
||||
|
||||
@ -5,5 +5,4 @@ export { addons } from '@storybook/addons';
|
||||
export { composeConfigs, PreviewWeb } from '@storybook/preview-web';
|
||||
export { ClientApi } from '@storybook/client-api';
|
||||
|
||||
export * from '@storybook/react';
|
||||
export type { StorybookConfig } from '@storybook/builder-vite';
|
||||
|
||||
@ -1,2 +1 @@
|
||||
export * from '@storybook/react';
|
||||
export * from './types';
|
||||
|
||||
@ -1,2 +1 @@
|
||||
export * from '@storybook/server';
|
||||
export * from './types';
|
||||
|
||||
@ -5,5 +5,4 @@ export { addons } from '@storybook/addons';
|
||||
export { composeConfigs, PreviewWeb } from '@storybook/preview-web';
|
||||
export { ClientApi } from '@storybook/client-api';
|
||||
|
||||
export * from '@storybook/svelte';
|
||||
export type { StorybookConfig } from '@storybook/builder-vite';
|
||||
|
||||
@ -1,2 +1 @@
|
||||
export * from '@storybook/svelte';
|
||||
export * from './types';
|
||||
|
||||
@ -5,5 +5,4 @@ export { addons } from '@storybook/addons';
|
||||
export { composeConfigs, PreviewWeb } from '@storybook/preview-web';
|
||||
export { ClientApi } from '@storybook/client-api';
|
||||
|
||||
export * from '@storybook/vue';
|
||||
export type { StorybookConfig } from '@storybook/builder-vite';
|
||||
|
||||
@ -1,2 +1 @@
|
||||
export * from '@storybook/vue';
|
||||
export * from './types';
|
||||
|
||||
@ -5,5 +5,4 @@ export { addons } from '@storybook/addons';
|
||||
export { composeConfigs, PreviewWeb } from '@storybook/preview-web';
|
||||
export { ClientApi } from '@storybook/client-api';
|
||||
|
||||
export * from '@storybook/vue3';
|
||||
export type { StorybookConfig } from '@storybook/builder-vite';
|
||||
|
||||
@ -1,2 +1 @@
|
||||
export * from '@storybook/vue3';
|
||||
export * from './types';
|
||||
|
||||
@ -5,5 +5,4 @@ export { addons } from '@storybook/addons';
|
||||
export { composeConfigs, PreviewWeb } from '@storybook/preview-web';
|
||||
export { ClientApi } from '@storybook/client-api';
|
||||
|
||||
export * from '@storybook/web-components';
|
||||
export type { StorybookConfig } from '@storybook/builder-vite';
|
||||
|
||||
@ -1,2 +1 @@
|
||||
export * from '@storybook/web-components';
|
||||
export * from './types';
|
||||
|
||||
@ -29,7 +29,6 @@ module.exports = {
|
||||
// '<rootDir>/app/angular',
|
||||
// '<rootDir>/examples/svelte-kitchen-sink',
|
||||
// '<rootDir>/examples/vue-kitchen-sink',
|
||||
// '<rootDir>/examples/preact-kitchen-sink',
|
||||
// This is explicitly commented out because having vue 2 & 3 in the
|
||||
// dependency graph makes it impossible to run storyshots on both examples
|
||||
// '<rootDir>/examples/vue-3-cli',
|
||||
|
||||
@ -164,7 +164,7 @@ const angularCliTemplates = {
|
||||
'angular-cli/13-ts': {
|
||||
name: 'Angular CLI (Version 13)',
|
||||
script:
|
||||
'npx -p @angular/cli@13 ng new angular-latest --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn',
|
||||
'npx -p @angular/cli@13 ng new angular-v13 --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn',
|
||||
cadence: ['ci', 'daily', 'weekly'],
|
||||
expected: {
|
||||
framework: '@storybook/angular',
|
||||
@ -268,8 +268,7 @@ const preactWebpackTemplates = {
|
||||
'preact-webpack5/default-js': {
|
||||
name: 'Preact CLI (Default JS)',
|
||||
script: 'npx preact-cli create default {{beforeDir}} --name preact-app --yarn --no-install',
|
||||
// cadence: ['ci', 'daily', 'weekly'],
|
||||
cadence: [] as string[],
|
||||
cadence: ['ci', 'daily', 'weekly'],
|
||||
expected: {
|
||||
framework: '@storybook/preact-webpack5',
|
||||
renderer: '@storybook/preact',
|
||||
@ -279,8 +278,7 @@ const preactWebpackTemplates = {
|
||||
'preact-webpack5/default-ts': {
|
||||
name: 'Preact CLI (Default TS)',
|
||||
script: 'npx preact-cli create typescript {{beforeDir}} --name preact-app --yarn --no-install',
|
||||
// cadence: ['ci', 'daily', 'weekly'],
|
||||
cadence: [] as string[],
|
||||
cadence: ['ci', 'daily', 'weekly'],
|
||||
expected: {
|
||||
framework: '@storybook/preact-webpack5',
|
||||
renderer: '@storybook/preact',
|
||||
|
||||
@ -20,19 +20,21 @@
|
||||
},
|
||||
"license": "MIT",
|
||||
"sideEffects": false,
|
||||
"main": "dist/cjs/index.js",
|
||||
"module": "dist/esm/index.js",
|
||||
"exports": {
|
||||
".": {
|
||||
"require": "./dist/index.js",
|
||||
"import": "./dist/index.mjs",
|
||||
"types": "./dist/index.d.ts"
|
||||
},
|
||||
"./package.json": "./package.json"
|
||||
},
|
||||
"main": "dist/index.js",
|
||||
"module": "dist/index.mjs",
|
||||
"jsnext:main": "src/index.js",
|
||||
"files": [
|
||||
"dist/**/*",
|
||||
"README.md",
|
||||
"*.js",
|
||||
"*.d.ts",
|
||||
"!__testfixtures__"
|
||||
],
|
||||
"types": "dist/index.d.ts",
|
||||
"scripts": {
|
||||
"check": "../../../scripts/node_modules/.bin/tsc --noEmit",
|
||||
"prep": "node ../../../scripts/prepare.js"
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/types": "^7.12.11",
|
||||
@ -44,7 +46,8 @@
|
||||
"jscodeshift": "^0.13.1",
|
||||
"lodash": "^4.17.21",
|
||||
"prettier": ">=2.2.1 <=2.3.0",
|
||||
"recast": "^0.19.0"
|
||||
"recast": "^0.19.0",
|
||||
"util": "^0.12.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"jest": "^26.6.3",
|
||||
@ -54,5 +57,11 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"bundler": {
|
||||
"platform": "node",
|
||||
"entries": [
|
||||
"./src/index.js"
|
||||
]
|
||||
},
|
||||
"gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431"
|
||||
}
|
||||
|
||||
@ -168,11 +168,7 @@ export async function buildStaticStandalone(
|
||||
if (!core?.disableTelemetry) {
|
||||
effects.push(
|
||||
initializedStoryIndexGenerator.then(async (generator) => {
|
||||
if (!generator) {
|
||||
return;
|
||||
}
|
||||
|
||||
const storyIndex = await generator.getIndex();
|
||||
const storyIndex = await generator?.getIndex();
|
||||
const payload = storyIndex
|
||||
? {
|
||||
storyIndex: {
|
||||
|
||||
@ -80,11 +80,7 @@ export async function storybookDevServer(options: Options) {
|
||||
|
||||
if (!core?.disableTelemetry) {
|
||||
initializedStoryIndexGenerator.then(async (generator) => {
|
||||
if (!generator) {
|
||||
return;
|
||||
}
|
||||
|
||||
const storyIndex = await generator.getIndex();
|
||||
const storyIndex = await generator?.getIndex();
|
||||
const payload = storyIndex
|
||||
? {
|
||||
storyIndex: {
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
import deprecate from 'util-deprecate';
|
||||
import { dedent } from 'ts-dedent';
|
||||
import global from 'global';
|
||||
import {
|
||||
@ -72,17 +71,6 @@ export class PreviewWeb<TFramework extends AnyFramework> extends Preview<TFramew
|
||||
|
||||
this.view = new WebView();
|
||||
this.urlStore = new UrlStore();
|
||||
|
||||
// Add deprecated APIs for back-compat
|
||||
// @ts-expect-error (Converted from ts-ignore)
|
||||
this.storyStore.getSelection = deprecate(
|
||||
() => this.urlStore.selection,
|
||||
dedent`
|
||||
\`__STORYBOOK_STORY_STORE__.getSelection()\` is deprecated and will be removed in 7.0.
|
||||
|
||||
To get the current selection, use the \`useStoryContext()\` hook from \`@storybook/addons\`.
|
||||
`
|
||||
);
|
||||
}
|
||||
|
||||
setupListeners() {
|
||||
|
||||
@ -33,7 +33,11 @@ export const ChangeArgs = {
|
||||
// Vue3: https://github.com/storybookjs/storybook/issues/13913
|
||||
// Svelte: https://github.com/storybookjs/storybook/issues/19205
|
||||
// Web-components: https://github.com/storybookjs/storybook/issues/19415
|
||||
if (['vue3', 'svelte', 'web-components', 'html'].includes(globalThis.storybookRenderer)) return;
|
||||
// Preact: https://github.com/storybookjs/storybook/issues/19504
|
||||
if (
|
||||
['vue3', 'svelte', 'web-components', 'html', 'preact'].includes(globalThis.storybookRenderer)
|
||||
)
|
||||
return;
|
||||
|
||||
// When we change the args to the button, it should not rerender
|
||||
await channel.emit('updateStoryArgs', { storyId: id, updatedArgs: { label: 'New Text' } });
|
||||
|
||||
@ -29,7 +29,7 @@ export const telemetry = async (
|
||||
}
|
||||
|
||||
if (!telemetryData.payload.error || options?.enableCrashReports) {
|
||||
if (process.env?.STORYBOOK_DEBUG_TELEMETRY) {
|
||||
if (process.env?.STORYBOOK_TELEMETRY_DEBUG) {
|
||||
logger.info('\n[telemetry]');
|
||||
logger.info(JSON.stringify(telemetryData, null, 2));
|
||||
} else {
|
||||
|
||||
@ -2,13 +2,13 @@
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
export const Button = ({ onClick, children }) => (
|
||||
export const Button = ({ onClick, label }) => (
|
||||
<button type="button" onClick={onClick}>
|
||||
{children}
|
||||
{label}
|
||||
</button>
|
||||
);
|
||||
|
||||
Button.propTypes = {
|
||||
onClick: PropTypes.func.isRequired,
|
||||
children: PropTypes.node.isRequired,
|
||||
label: PropTypes.node.isRequired,
|
||||
};
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
import React from 'react';
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
export const ReactFunctionalComponent = ({ label }) => {
|
||||
@ -1,7 +1,8 @@
|
||||
import { ReactFunctionalComponent, ReactClassComponent } from '../React';
|
||||
/* eslint-disable react/react-in-jsx-scope */
|
||||
import { ReactFunctionalComponent, ReactClassComponent } from './React';
|
||||
|
||||
export default {
|
||||
title: 'React Compatibility',
|
||||
component: ReactFunctionalComponent,
|
||||
};
|
||||
|
||||
export const ReactComponentDemo = () => (
|
||||
@ -416,11 +416,6 @@
|
||||
"type": "library",
|
||||
"implicitDependencies": []
|
||||
},
|
||||
"preact-example": {
|
||||
"root": "examples/preact-kitchen-sink",
|
||||
"type": "library",
|
||||
"implicitDependencies": []
|
||||
},
|
||||
"sb": {
|
||||
"root": "lib/cli-sb",
|
||||
"type": "library",
|
||||
|
||||
319
code/yarn.lock
319
code/yarn.lock
@ -3703,13 +3703,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@leichtgewicht/ip-codec@npm:^2.0.1":
|
||||
version: 2.0.4
|
||||
resolution: "@leichtgewicht/ip-codec@npm:2.0.4"
|
||||
checksum: 3b0d8844d1d47c0a5ed7267c2964886adad3a642b85d06f95c148eeefd80cdabbd6aa0d63ccde8239967a2e9b6bb734a16bd57e1fda3d16bf56d50a7e7ec131b
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@lerna/add@npm:3.21.0":
|
||||
version: 3.21.0
|
||||
resolution: "@lerna/add@npm:3.21.0"
|
||||
@ -6409,6 +6402,7 @@ __metadata:
|
||||
"@types/util-deprecate": ^1.0.0
|
||||
babel-loader: ^8.2.5
|
||||
dequal: ^2.0.2
|
||||
fs-extra: ^9.0.1
|
||||
global: ^4.4.0
|
||||
lodash: ^4.17.21
|
||||
remark-external-links: ^8.0.0
|
||||
@ -7308,6 +7302,7 @@ __metadata:
|
||||
prettier: ">=2.2.1 <=2.3.0"
|
||||
recast: ^0.19.0
|
||||
typescript: ~4.6.3
|
||||
util: ^0.12.4
|
||||
languageName: unknown
|
||||
linkType: soft
|
||||
|
||||
@ -7835,7 +7830,7 @@ __metadata:
|
||||
languageName: unknown
|
||||
linkType: soft
|
||||
|
||||
"@storybook/preact-webpack5@7.0.0-alpha.38, @storybook/preact-webpack5@workspace:*, @storybook/preact-webpack5@workspace:frameworks/preact-webpack5":
|
||||
"@storybook/preact-webpack5@workspace:*, @storybook/preact-webpack5@workspace:frameworks/preact-webpack5":
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/preact-webpack5@workspace:frameworks/preact-webpack5"
|
||||
dependencies:
|
||||
@ -9867,7 +9862,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@types/prop-types@npm:*, @types/prop-types@npm:^15, @types/prop-types@npm:^15.7.3":
|
||||
"@types/prop-types@npm:*, @types/prop-types@npm:^15":
|
||||
version: 15.7.5
|
||||
resolution: "@types/prop-types@npm:15.7.5"
|
||||
checksum: 648aae41423821c61c83823ae36116c8d0f68258f8b609bdbc257752dcd616438d6343d554262aa9a7edaee5a19aca2e028a74fa2d0f40fffaf2816bc7056857
|
||||
@ -9938,15 +9933,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@types/react-dom@npm:^17":
|
||||
version: 17.0.17
|
||||
resolution: "@types/react-dom@npm:17.0.17"
|
||||
dependencies:
|
||||
"@types/react": ^17
|
||||
checksum: 1e330f6e1c0794562a8d3459357b5b401b6f23185991bdaf9e5025cad7ccace502662b071db765b07b0d79f313be1a7584c5ef775b1062d76585b6b9aec0693c
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@types/react-syntax-highlighter@npm:11.0.5":
|
||||
version: 11.0.5
|
||||
resolution: "@types/react-syntax-highlighter@npm:11.0.5"
|
||||
@ -9967,7 +9953,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@types/react@npm:^17, @types/react@npm:^17.0.39":
|
||||
"@types/react@npm:^17.0.39":
|
||||
version: 17.0.50
|
||||
resolution: "@types/react@npm:17.0.50"
|
||||
dependencies:
|
||||
@ -10045,7 +10031,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@types/serve-static@npm:*, @types/serve-static@npm:^1.13.10, @types/serve-static@npm:^1.13.8":
|
||||
"@types/serve-static@npm:*, @types/serve-static@npm:^1.13.8":
|
||||
version: 1.15.0
|
||||
resolution: "@types/serve-static@npm:1.15.0"
|
||||
dependencies:
|
||||
@ -10270,7 +10256,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@types/ws@npm:^8, @types/ws@npm:^8.2.2, @types/ws@npm:^8.5.1":
|
||||
"@types/ws@npm:^8, @types/ws@npm:^8.2.2":
|
||||
version: 8.5.3
|
||||
resolution: "@types/ws@npm:8.5.3"
|
||||
dependencies:
|
||||
@ -11828,7 +11814,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"array-flatten@npm:^2.1.0, array-flatten@npm:^2.1.2":
|
||||
"array-flatten@npm:^2.1.0":
|
||||
version: 2.1.2
|
||||
resolution: "array-flatten@npm:2.1.2"
|
||||
checksum: bdc1cee68e41bec9cfc1161408734e2269428ef371445606bce4e6241001e138a94b9a617cc9a5b4b7fe6a3a51e3d5a942646975ce82a2e202ccf3e9b478c82f
|
||||
@ -13007,18 +12993,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"bonjour-service@npm:^1.0.11":
|
||||
version: 1.0.14
|
||||
resolution: "bonjour-service@npm:1.0.14"
|
||||
dependencies:
|
||||
array-flatten: ^2.1.2
|
||||
dns-equal: ^1.0.0
|
||||
fast-deep-equal: ^3.1.3
|
||||
multicast-dns: ^7.2.5
|
||||
checksum: 1c90164ac8c54eec34d1c19c4167c94d0fec037a781a445dd85bd506ef2afde29e39e57452db767687f2d0921f60ab2576209e706571ed3df3c6ab964a3309b7
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"bonjour@npm:^3.5.0":
|
||||
version: 3.5.0
|
||||
resolution: "bonjour@npm:3.5.0"
|
||||
@ -15246,13 +15220,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"connect-history-api-fallback@npm:^2.0.0":
|
||||
version: 2.0.0
|
||||
resolution: "connect-history-api-fallback@npm:2.0.0"
|
||||
checksum: 90fa8b16ab76e9531646cc70b010b1dbd078153730c510d3142f6cf07479ae8a812c5a3c0e40a28528dd1681a62395d0cfdef67da9e914c4772ac85d69a3ed87
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"connect@npm:^3.6.6, connect@npm:^3.7.0":
|
||||
version: 3.7.0
|
||||
resolution: "connect@npm:3.7.0"
|
||||
@ -16770,15 +16737,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"dns-packet@npm:^5.2.2":
|
||||
version: 5.4.0
|
||||
resolution: "dns-packet@npm:5.4.0"
|
||||
dependencies:
|
||||
"@leichtgewicht/ip-codec": ^2.0.1
|
||||
checksum: bd5ecfd7d8b9cacd4d0029819699051c4e231d8fa6ed96e1573f7fee4b9147c3406207a260adbd7fb5c6d08a7db7641836467f450fa88e2ec5075f482e39ed77
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"dns-txt@npm:^2.0.2":
|
||||
version: 2.0.2
|
||||
resolution: "dns-txt@npm:2.0.2"
|
||||
@ -17969,24 +17927,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"enzyme-adapter-preact@npm:^0.2.0":
|
||||
version: 0.2.0
|
||||
resolution: "enzyme-adapter-preact@npm:0.2.0"
|
||||
dependencies:
|
||||
enzyme-adapter-utils: ^1.3.0
|
||||
object.values: ^1.0.4
|
||||
preact-compat: ^3.18.0
|
||||
preact-render-to-string: ^3.7.0
|
||||
proptypes: ^1.1.0
|
||||
react: ^16.2.0
|
||||
react-test-renderer: ^16.2.0
|
||||
peerDependencies:
|
||||
enzyme: ^3.3.0
|
||||
preact: ^8.2.7
|
||||
checksum: 8f88c74331b47cafa1befc28cdb2168e9196740ff35ec1e9ed2abd66b031e311c1dd1d086747f57fb90b283498b2f84304d90ad0b63622f9147c988c4882b7ea
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"enzyme-adapter-react-16@npm:^1.15.5":
|
||||
version: 1.15.6
|
||||
resolution: "enzyme-adapter-react-16@npm:1.15.6"
|
||||
@ -18008,7 +17948,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"enzyme-adapter-utils@npm:^1.14.0, enzyme-adapter-utils@npm:^1.3.0":
|
||||
"enzyme-adapter-utils@npm:^1.14.0":
|
||||
version: 1.14.0
|
||||
resolution: "enzyme-adapter-utils@npm:1.14.0"
|
||||
dependencies:
|
||||
@ -19518,7 +19458,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"express@npm:^4.10.7, express@npm:^4.13.1, express@npm:^4.17.1, express@npm:^4.17.3":
|
||||
"express@npm:^4.10.7, express@npm:^4.13.1, express@npm:^4.17.1":
|
||||
version: 4.18.2
|
||||
resolution: "express@npm:4.18.2"
|
||||
dependencies:
|
||||
@ -19968,18 +19908,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"file-loader@npm:^6.2.0, file-loader@npm:~6.2.0":
|
||||
version: 6.2.0
|
||||
resolution: "file-loader@npm:6.2.0"
|
||||
dependencies:
|
||||
loader-utils: ^2.0.0
|
||||
schema-utils: ^3.0.0
|
||||
peerDependencies:
|
||||
webpack: ^4.0.0 || ^5.0.0
|
||||
checksum: e176a57c2037ab0f78e5755dbf293a6b7f0f8392350a120bd03cc2ce2525bea017458ba28fea14ca535ff1848055e86d1a3a216bdb2561ef33395b27260a1dd3
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"file-system-cache@npm:^2.0.0":
|
||||
version: 2.0.0
|
||||
resolution: "file-system-cache@npm:2.0.0"
|
||||
@ -22445,7 +22373,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"http-proxy-middleware@npm:^2.0.0, http-proxy-middleware@npm:^2.0.3":
|
||||
"http-proxy-middleware@npm:^2.0.0":
|
||||
version: 2.0.6
|
||||
resolution: "http-proxy-middleware@npm:2.0.6"
|
||||
dependencies:
|
||||
@ -22782,15 +22710,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"immutability-helper@npm:^2.7.1":
|
||||
version: 2.9.1
|
||||
resolution: "immutability-helper@npm:2.9.1"
|
||||
dependencies:
|
||||
invariant: ^2.2.0
|
||||
checksum: 0e087f39f1e3dce387094471e55c6e6bf2ab109eaf07d8549b4ca4b01f60712331a5c45fc89344c9e273fa27742cd9b6443d9adee19edaefc1e546dba33087e1
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"immutable@npm:^4.0.0":
|
||||
version: 4.1.0
|
||||
resolution: "immutable@npm:4.1.0"
|
||||
@ -23082,7 +23001,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"invariant@npm:^2.2.0, invariant@npm:^2.2.4":
|
||||
"invariant@npm:^2.2.4":
|
||||
version: 2.2.4
|
||||
resolution: "invariant@npm:2.2.4"
|
||||
dependencies:
|
||||
@ -27102,7 +27021,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"loader-utils@npm:^2.0.0, loader-utils@npm:~2.0.0":
|
||||
"loader-utils@npm:^2.0.0":
|
||||
version: 2.0.2
|
||||
resolution: "loader-utils@npm:2.0.2"
|
||||
dependencies:
|
||||
@ -29571,18 +29490,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"multicast-dns@npm:^7.2.5":
|
||||
version: 7.2.5
|
||||
resolution: "multicast-dns@npm:7.2.5"
|
||||
dependencies:
|
||||
dns-packet: ^5.2.2
|
||||
thunky: ^1.0.2
|
||||
bin:
|
||||
multicast-dns: cli.js
|
||||
checksum: 5120171d4bdb1577764c5afa96e413353bff530d1b37081cb29cccc747f989eb1baf40574fe8e27060fc1aef72b59c042f72b9b208413de33bcf411343c69057
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"multimatch@npm:^3.0.0":
|
||||
version: 3.0.0
|
||||
resolution: "multimatch@npm:3.0.0"
|
||||
@ -30723,7 +30630,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"object.values@npm:^1.0.4, object.values@npm:^1.1.1, object.values@npm:^1.1.2, object.values@npm:^1.1.5":
|
||||
"object.values@npm:^1.1.1, object.values@npm:^1.1.2, object.values@npm:^1.1.5":
|
||||
version: 1.1.5
|
||||
resolution: "object.values@npm:1.1.5"
|
||||
dependencies:
|
||||
@ -32523,80 +32430,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"preact-compat@npm:^3.18.0":
|
||||
version: 3.19.0
|
||||
resolution: "preact-compat@npm:3.19.0"
|
||||
dependencies:
|
||||
immutability-helper: ^2.7.1
|
||||
preact-context: ^1.1.3
|
||||
preact-render-to-string: ^3.8.2
|
||||
preact-transition-group: ^1.1.1
|
||||
prop-types: ^15.6.2
|
||||
standalone-react-addons-pure-render-mixin: ^0.1.1
|
||||
peerDependencies:
|
||||
preact: <10
|
||||
checksum: fea8b9c08596e52cf782feeec3a9b805e7cee8499eb992b245cda722a6efa8f22cfe2d640db0349c9f13e3790b437df538bd06276cc4908d2540114620283e27
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"preact-context@npm:^1.1.3":
|
||||
version: 1.1.4
|
||||
resolution: "preact-context@npm:1.1.4"
|
||||
peerDependencies:
|
||||
preact: ^8.2.7
|
||||
checksum: a3eb81da4a2a2751d4ba3e3c888a20f2978e0a57e3fa1ff438ec717e09ad742f10dd8a7cf3ba5145a0b680bd000097502f5493f41df0e1926962d003cab54007
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"preact-example@workspace:examples/preact-kitchen-sink":
|
||||
version: 0.0.0-use.local
|
||||
resolution: "preact-example@workspace:examples/preact-kitchen-sink"
|
||||
dependencies:
|
||||
"@babel/core": ^7.12.10
|
||||
"@storybook/addon-a11y": 7.0.0-alpha.38
|
||||
"@storybook/addon-actions": 7.0.0-alpha.38
|
||||
"@storybook/addon-backgrounds": 7.0.0-alpha.38
|
||||
"@storybook/addon-highlight": 7.0.0-alpha.38
|
||||
"@storybook/addon-links": 7.0.0-alpha.38
|
||||
"@storybook/addon-storyshots": 7.0.0-alpha.38
|
||||
"@storybook/addon-storysource": 7.0.0-alpha.38
|
||||
"@storybook/addon-viewport": 7.0.0-alpha.38
|
||||
"@storybook/addons": 7.0.0-alpha.38
|
||||
"@storybook/preact": 7.0.0-alpha.38
|
||||
"@storybook/preact-webpack5": 7.0.0-alpha.38
|
||||
"@storybook/source-loader": 7.0.0-alpha.38
|
||||
"@types/prop-types": ^15.7.3
|
||||
"@types/react": ^17
|
||||
"@types/react-dom": ^17
|
||||
babel-loader: ^8.2.5
|
||||
cross-env: ^7.0.3
|
||||
enzyme-adapter-preact: ^0.2.0
|
||||
file-loader: ^6.2.0
|
||||
global: ^4.4.0
|
||||
preact: ^10.5.13
|
||||
preact-render-to-string: ^5.1.19
|
||||
prop-types: ^15.7.2
|
||||
raw-loader: ^4.0.2
|
||||
react: ^17.0.2
|
||||
react-dom: ^17.0.2
|
||||
storybook: 7.0.0-alpha.38
|
||||
svg-url-loader: ^7.1.1
|
||||
webpack: 5
|
||||
webpack-dev-server: ^4.8.1
|
||||
languageName: unknown
|
||||
linkType: soft
|
||||
|
||||
"preact-render-to-string@npm:^3.7.0, preact-render-to-string@npm:^3.8.2":
|
||||
version: 3.8.2
|
||||
resolution: "preact-render-to-string@npm:3.8.2"
|
||||
dependencies:
|
||||
pretty-format: ^3.5.1
|
||||
peerDependencies:
|
||||
preact: "*"
|
||||
checksum: e139fb6d0bbfa4131f5ab07ab8175fd1633fb4dc3d68a045499b38bf30428131e7a7ebdf86778f9a2981b6f315083eb2d698302e74351ac1a48cebc3baa0bb35
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"preact-render-to-string@npm:^5.1.19":
|
||||
version: 5.2.5
|
||||
resolution: "preact-render-to-string@npm:5.2.5"
|
||||
@ -32608,15 +32441,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"preact-transition-group@npm:^1.1.1":
|
||||
version: 1.1.1
|
||||
resolution: "preact-transition-group@npm:1.1.1"
|
||||
peerDependencies:
|
||||
preact: "*"
|
||||
checksum: dc40e114508cff3e7952d4681eb717d20514cd87349da7455b46ed897d71c4e1b209eeadc1f2788cf851d25c3e9d781456c177a16549ebfb4c76fae3222668c6
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"preact@npm:^10.5.13":
|
||||
version: 10.11.1
|
||||
resolution: "preact@npm:10.11.1"
|
||||
@ -32735,7 +32559,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"pretty-format@npm:^3.5.1, pretty-format@npm:^3.8.0":
|
||||
"pretty-format@npm:^3.8.0":
|
||||
version: 3.8.0
|
||||
resolution: "pretty-format@npm:3.8.0"
|
||||
checksum: 69f12937bfb7b2a537a7463b9f875a16322401f1e44d7702d643faa0d21991126c24c093217ef6da403b54c15942a834174fa1c016b72e2cb9edaae6bb3729b6
|
||||
@ -32944,13 +32768,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"proptypes@npm:^1.1.0":
|
||||
version: 1.1.0
|
||||
resolution: "proptypes@npm:1.1.0"
|
||||
checksum: 8944fb0763433438cbe5c34fac004edabb33be3cf4454079cbef10f752f614c4082c935d916b7347d4541323323e17e159ac2f804ef783cdf19870298f64eca6
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"proto-list@npm:~1.2.1":
|
||||
version: 1.2.4
|
||||
resolution: "proto-list@npm:1.2.4"
|
||||
@ -33599,19 +33416,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"react-dom@npm:^17.0.2":
|
||||
version: 17.0.2
|
||||
resolution: "react-dom@npm:17.0.2"
|
||||
dependencies:
|
||||
loose-envify: ^1.1.0
|
||||
object-assign: ^4.1.1
|
||||
scheduler: ^0.20.2
|
||||
peerDependencies:
|
||||
react: 17.0.2
|
||||
checksum: 51abbcb72450fe527ebf978c3bc989ba266630faaa53f47a2fae5392369729e8de62b2e4683598cbe651ea7873cd34ec7d5127e2f50bf4bfe6bd0c3ad9bddcb0
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"react-draggable@npm:^4.4.3":
|
||||
version: 4.4.5
|
||||
resolution: "react-draggable@npm:4.4.5"
|
||||
@ -33830,7 +33634,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"react-test-renderer@npm:^16, react-test-renderer@npm:^16.0.0-0, react-test-renderer@npm:^16.2.0":
|
||||
"react-test-renderer@npm:^16, react-test-renderer@npm:^16.0.0-0":
|
||||
version: 16.14.0
|
||||
resolution: "react-test-renderer@npm:16.14.0"
|
||||
dependencies:
|
||||
@ -33857,7 +33661,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"react@npm:16.14.0, react@npm:^16.14.0, react@npm:^16.2.0, react@npm:^16.8.0":
|
||||
"react@npm:16.14.0, react@npm:^16.14.0, react@npm:^16.8.0":
|
||||
version: 16.14.0
|
||||
resolution: "react@npm:16.14.0"
|
||||
dependencies:
|
||||
@ -33868,16 +33672,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"react@npm:^17.0.2":
|
||||
version: 17.0.2
|
||||
resolution: "react@npm:17.0.2"
|
||||
dependencies:
|
||||
loose-envify: ^1.1.0
|
||||
object-assign: ^4.1.1
|
||||
checksum: 07ae8959acf1596f0550685102fd6097d461a54a4fd46a50f88a0cd7daaa97fdd6415de1dcb4bfe0da6aa43221a6746ce380410fa848acc60f8ac41f6649c148
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"read-cache@npm:^1.0.0":
|
||||
version: 1.0.0
|
||||
resolution: "read-cache@npm:1.0.0"
|
||||
@ -35737,16 +35531,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"scheduler@npm:^0.20.2":
|
||||
version: 0.20.2
|
||||
resolution: "scheduler@npm:0.20.2"
|
||||
dependencies:
|
||||
loose-envify: ^1.1.0
|
||||
object-assign: ^4.1.1
|
||||
checksum: b0982e4b0f34f4ffa4f2f486161c0fd9ce9b88680b045dccbf250eb1aa4fd27413570645455187a83535e2370f5c667a251045547765408492bd883cbe95fcdb
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"schema-utils@npm:^2.6.5":
|
||||
version: 2.7.1
|
||||
resolution: "schema-utils@npm:2.7.1"
|
||||
@ -35832,7 +35616,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"selfsigned@npm:^2.0.0, selfsigned@npm:^2.1.1":
|
||||
"selfsigned@npm:^2.0.0":
|
||||
version: 2.1.1
|
||||
resolution: "selfsigned@npm:2.1.1"
|
||||
dependencies:
|
||||
@ -36401,7 +36185,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"sockjs@npm:^0.3.21, sockjs@npm:^0.3.24":
|
||||
"sockjs@npm:^0.3.21":
|
||||
version: 0.3.24
|
||||
resolution: "sockjs@npm:0.3.24"
|
||||
dependencies:
|
||||
@ -36976,13 +36760,6 @@ __metadata:
|
||||
languageName: unknown
|
||||
linkType: soft
|
||||
|
||||
"standalone-react-addons-pure-render-mixin@npm:^0.1.1":
|
||||
version: 0.1.1
|
||||
resolution: "standalone-react-addons-pure-render-mixin@npm:0.1.1"
|
||||
checksum: 1c6ca4c69c621e05adaa53e1f0424829ad37e1bb7eea4e32656c9c31e225b302613f9ca5d6c141f47caa38cba7d043e7b6ee30a07e51e8762598afcfa490d818
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"state-toggle@npm:^1.0.0":
|
||||
version: 1.0.3
|
||||
resolution: "state-toggle@npm:1.0.3"
|
||||
@ -37835,18 +37612,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"svg-url-loader@npm:^7.1.1":
|
||||
version: 7.1.1
|
||||
resolution: "svg-url-loader@npm:7.1.1"
|
||||
dependencies:
|
||||
file-loader: ~6.2.0
|
||||
loader-utils: ~2.0.0
|
||||
peerDependencies:
|
||||
webpack: ^4.0.0 || ^5.0.0
|
||||
checksum: c69c1b378576a5833d3850212be2a531b2ca0ff31cc5df031af55414f8e1f229c099f29c78e9f7c08f3174155e34f8accf612361666d0bf612c94e59fccb2599
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"svgo@npm:^2.4.0":
|
||||
version: 2.8.0
|
||||
resolution: "svgo@npm:2.8.0"
|
||||
@ -40879,50 +40644,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"webpack-dev-server@npm:^4.8.1":
|
||||
version: 4.11.1
|
||||
resolution: "webpack-dev-server@npm:4.11.1"
|
||||
dependencies:
|
||||
"@types/bonjour": ^3.5.9
|
||||
"@types/connect-history-api-fallback": ^1.3.5
|
||||
"@types/express": ^4.17.13
|
||||
"@types/serve-index": ^1.9.1
|
||||
"@types/serve-static": ^1.13.10
|
||||
"@types/sockjs": ^0.3.33
|
||||
"@types/ws": ^8.5.1
|
||||
ansi-html-community: ^0.0.8
|
||||
bonjour-service: ^1.0.11
|
||||
chokidar: ^3.5.3
|
||||
colorette: ^2.0.10
|
||||
compression: ^1.7.4
|
||||
connect-history-api-fallback: ^2.0.0
|
||||
default-gateway: ^6.0.3
|
||||
express: ^4.17.3
|
||||
graceful-fs: ^4.2.6
|
||||
html-entities: ^2.3.2
|
||||
http-proxy-middleware: ^2.0.3
|
||||
ipaddr.js: ^2.0.1
|
||||
open: ^8.0.9
|
||||
p-retry: ^4.5.0
|
||||
rimraf: ^3.0.2
|
||||
schema-utils: ^4.0.0
|
||||
selfsigned: ^2.1.1
|
||||
serve-index: ^1.9.1
|
||||
sockjs: ^0.3.24
|
||||
spdy: ^4.0.2
|
||||
webpack-dev-middleware: ^5.3.1
|
||||
ws: ^8.4.2
|
||||
peerDependencies:
|
||||
webpack: ^4.37.0 || ^5.0.0
|
||||
peerDependenciesMeta:
|
||||
webpack-cli:
|
||||
optional: true
|
||||
bin:
|
||||
webpack-dev-server: bin/webpack-dev-server.js
|
||||
checksum: 31cf2d80efd3e7a3843e4382f4e10a2c9446574d67b190eda6f4cbd761cc3a5e5be5f3c3ad4d67963b03b3c90485dd80527408c5f0dacb2de6710ecb73ed9e7d
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"webpack-hot-middleware@npm:^2.25.1":
|
||||
version: 2.25.2
|
||||
resolution: "webpack-hot-middleware@npm:2.25.2"
|
||||
@ -41474,7 +41195,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"ws@npm:^8.1.0, ws@npm:^8.2.3, ws@npm:^8.4.2":
|
||||
"ws@npm:^8.1.0, ws@npm:^8.2.3":
|
||||
version: 8.9.0
|
||||
resolution: "ws@npm:8.9.0"
|
||||
peerDependencies:
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 930 KiB After Width: | Height: | Size: 560 KiB |
@ -83,7 +83,7 @@ Use the _named_ exports of a CSF file to define your component’s stories. We r
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
<div class="aside">
|
||||
💡 The recommendation mentioned above also applies to other frameworks not only React.
|
||||
💡 The recommendation mentioned above also applies to other frameworks, not only React.
|
||||
</div>
|
||||
|
||||
### Rename stories
|
||||
|
||||
@ -74,31 +74,6 @@ module.exports = {
|
||||
test: withTests,
|
||||
},
|
||||
},
|
||||
{
|
||||
test: './examples/preact-kitchen-sink',
|
||||
presets: [
|
||||
[
|
||||
'@babel/preset-env',
|
||||
{
|
||||
shippedProposals: true,
|
||||
useBuiltIns: 'usage',
|
||||
corejs: '3',
|
||||
targets,
|
||||
modules,
|
||||
},
|
||||
],
|
||||
['@babel/preset-typescript'],
|
||||
[
|
||||
'@babel/preset-react',
|
||||
{
|
||||
importSource: 'preact',
|
||||
runtime: 'automatic',
|
||||
},
|
||||
],
|
||||
'@babel/preset-flow',
|
||||
],
|
||||
env: { test: withTests },
|
||||
},
|
||||
{
|
||||
test: './lib',
|
||||
presets: [
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user