@storybook/react 6.5.9 → 7.0.0-alpha.10
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 +1 -47
- package/dist/chunk-DGYCFUMN.mjs +1 -0
- package/dist/config.d.ts +24 -0
- package/dist/config.js +7 -0
- package/dist/config.mjs +7 -0
- package/dist/index.d.ts +173 -0
- package/dist/index.js +1 -0
- package/dist/index.mjs +1 -0
- package/dist/types-9f8d440a.d.ts +17 -0
- package/package.json +38 -61
- package/preview.js +1 -0
- package/bin/build.js +0 -4
- package/bin/index.js +0 -3
- package/demo.d.ts +0 -32
- package/demo.js +0 -5
- package/dist/cjs/client/docs/config.js +0 -29
- package/dist/cjs/client/docs/extractArgTypes.js +0 -54
- package/dist/cjs/client/docs/extractProps.js +0 -77
- package/dist/cjs/client/docs/jsxDecorator.js +0 -277
- package/dist/cjs/client/docs/lib/captions.js +0 -18
- package/dist/cjs/client/docs/lib/componentTypes.js +0 -24
- package/dist/cjs/client/docs/lib/defaultValues/createDefaultValue.js +0 -81
- package/dist/cjs/client/docs/lib/defaultValues/createFromRawDefaultProp.js +0 -225
- package/dist/cjs/client/docs/lib/defaultValues/generateArray.js +0 -29
- package/dist/cjs/client/docs/lib/defaultValues/generateObject.js +0 -29
- package/dist/cjs/client/docs/lib/defaultValues/index.js +0 -37
- package/dist/cjs/client/docs/lib/defaultValues/prettyIdentifier.js +0 -34
- package/dist/cjs/client/docs/lib/generateCode.js +0 -89
- package/dist/cjs/client/docs/lib/index.js +0 -63
- package/dist/cjs/client/docs/lib/inspection/acornParser.js +0 -254
- package/dist/cjs/client/docs/lib/inspection/index.js +0 -37
- package/dist/cjs/client/docs/lib/inspection/inspectValue.js +0 -26
- package/dist/cjs/client/docs/lib/inspection/types.js +0 -19
- package/dist/cjs/client/docs/lib/isHtmlTag.js +0 -18
- package/dist/cjs/client/docs/propTypes/createType.js +0 -469
- package/dist/cjs/client/docs/propTypes/generateFuncSignature.js +0 -78
- package/dist/cjs/client/docs/propTypes/handleProp.js +0 -54
- package/dist/cjs/client/docs/propTypes/rawDefaultPropResolvers.js +0 -47
- package/dist/cjs/client/docs/propTypes/sortProps.js +0 -37
- package/dist/cjs/client/docs/react-argtypes.stories.js +0 -129
- package/dist/cjs/client/docs/typeScript/handleProp.js +0 -38
- package/dist/cjs/client/index.js +0 -103
- package/dist/cjs/client/preview/config.js +0 -25
- package/dist/cjs/client/preview/globals.js +0 -11
- package/dist/cjs/client/preview/index.js +0 -52
- package/dist/cjs/client/preview/render.js +0 -296
- package/dist/cjs/client/preview/types-6-0.js +0 -5
- package/dist/cjs/client/preview/types-6-3.js +0 -24
- package/dist/cjs/client/preview/types-7-0.js +0 -5
- package/dist/cjs/client/preview/types.js +0 -5
- package/dist/cjs/client/testing/index.js +0 -112
- package/dist/cjs/demo/Button.js +0 -37
- package/dist/cjs/demo/Welcome.js +0 -126
- package/dist/cjs/server/build.js +0 -9
- package/dist/cjs/server/cra-config.js +0 -69
- package/dist/cjs/server/framework-preset-cra.js +0 -35
- package/dist/cjs/server/framework-preset-react-docs.js +0 -68
- package/dist/cjs/server/framework-preset-react-dom-hack.js +0 -31
- package/dist/cjs/server/framework-preset-react.js +0 -98
- package/dist/cjs/server/index.js +0 -9
- package/dist/cjs/server/options.js +0 -17
- package/dist/cjs/server/preset.js +0 -16
- package/dist/esm/client/docs/config.js +0 -16
- package/dist/esm/client/docs/extractArgTypes.js +0 -39
- package/dist/esm/client/docs/extractProps.js +0 -54
- package/dist/esm/client/docs/jsxDecorator.js +0 -218
- package/dist/esm/client/docs/lib/captions.js +0 -6
- package/dist/esm/client/docs/lib/componentTypes.js +0 -9
- package/dist/esm/client/docs/lib/defaultValues/createDefaultValue.js +0 -67
- package/dist/esm/client/docs/lib/defaultValues/createFromRawDefaultProp.js +0 -191
- package/dist/esm/client/docs/lib/defaultValues/generateArray.js +0 -19
- package/dist/esm/client/docs/lib/defaultValues/generateObject.js +0 -19
- package/dist/esm/client/docs/lib/defaultValues/index.js +0 -2
- package/dist/esm/client/docs/lib/defaultValues/prettyIdentifier.js +0 -22
- package/dist/esm/client/docs/lib/generateCode.js +0 -68
- package/dist/esm/client/docs/lib/index.js +0 -4
- package/dist/esm/client/docs/lib/inspection/acornParser.js +0 -213
- package/dist/esm/client/docs/lib/inspection/index.js +0 -2
- package/dist/esm/client/docs/lib/inspection/inspectValue.js +0 -16
- package/dist/esm/client/docs/lib/inspection/types.js +0 -12
- package/dist/esm/client/docs/lib/isHtmlTag.js +0 -6
- package/dist/esm/client/docs/propTypes/createType.js +0 -449
- package/dist/esm/client/docs/propTypes/generateFuncSignature.js +0 -62
- package/dist/esm/client/docs/propTypes/handleProp.js +0 -39
- package/dist/esm/client/docs/propTypes/rawDefaultPropResolvers.js +0 -32
- package/dist/esm/client/docs/propTypes/sortProps.js +0 -24
- package/dist/esm/client/docs/react-argtypes.stories.js +0 -97
- package/dist/esm/client/docs/typeScript/handleProp.js +0 -27
- package/dist/esm/client/index.js +0 -7
- package/dist/esm/client/preview/config.js +0 -4
- package/dist/esm/client/preview/globals.js +0 -6
- package/dist/esm/client/preview/index.js +0 -29
- package/dist/esm/client/preview/render.js +0 -255
- package/dist/esm/client/preview/types-6-0.js +0 -1
- package/dist/esm/client/preview/types-6-3.js +0 -10
- package/dist/esm/client/preview/types-7-0.js +0 -1
- package/dist/esm/client/preview/types.js +0 -1
- package/dist/esm/client/testing/index.js +0 -96
- package/dist/esm/demo/Button.js +0 -26
- package/dist/esm/demo/Welcome.js +0 -114
- package/dist/esm/server/build.js +0 -3
- package/dist/esm/server/cra-config.js +0 -49
- package/dist/esm/server/framework-preset-cra.js +0 -25
- package/dist/esm/server/framework-preset-react-docs.js +0 -49
- package/dist/esm/server/framework-preset-react-dom-hack.js +0 -21
- package/dist/esm/server/framework-preset-react.js +0 -78
- package/dist/esm/server/index.js +0 -3
- package/dist/esm/server/options.js +0 -8
- package/dist/esm/server/preset.js +0 -5
- package/dist/modern/client/docs/config.js +0 -14
- package/dist/modern/client/docs/extractArgTypes.js +0 -38
- package/dist/modern/client/docs/extractProps.js +0 -42
- package/dist/modern/client/docs/jsxDecorator.js +0 -177
- package/dist/modern/client/docs/lib/captions.js +0 -6
- package/dist/modern/client/docs/lib/componentTypes.js +0 -2
- package/dist/modern/client/docs/lib/defaultValues/createDefaultValue.js +0 -72
- package/dist/modern/client/docs/lib/defaultValues/createFromRawDefaultProp.js +0 -181
- package/dist/modern/client/docs/lib/defaultValues/generateArray.js +0 -21
- package/dist/modern/client/docs/lib/defaultValues/generateObject.js +0 -21
- package/dist/modern/client/docs/lib/defaultValues/index.js +0 -2
- package/dist/modern/client/docs/lib/defaultValues/prettyIdentifier.js +0 -24
- package/dist/modern/client/docs/lib/generateCode.js +0 -59
- package/dist/modern/client/docs/lib/index.js +0 -4
- package/dist/modern/client/docs/lib/inspection/acornParser.js +0 -211
- package/dist/modern/client/docs/lib/inspection/index.js +0 -2
- package/dist/modern/client/docs/lib/inspection/inspectValue.js +0 -15
- package/dist/modern/client/docs/lib/inspection/types.js +0 -12
- package/dist/modern/client/docs/lib/isHtmlTag.js +0 -4
- package/dist/modern/client/docs/propTypes/createType.js +0 -446
- package/dist/modern/client/docs/propTypes/generateFuncSignature.js +0 -57
- package/dist/modern/client/docs/propTypes/handleProp.js +0 -39
- package/dist/modern/client/docs/propTypes/rawDefaultPropResolvers.js +0 -31
- package/dist/modern/client/docs/propTypes/sortProps.js +0 -14
- package/dist/modern/client/docs/react-argtypes.stories.js +0 -54
- package/dist/modern/client/docs/typeScript/handleProp.js +0 -28
- package/dist/modern/client/index.js +0 -7
- package/dist/modern/client/preview/config.js +0 -4
- package/dist/modern/client/preview/globals.js +0 -8
- package/dist/modern/client/preview/index.js +0 -21
- package/dist/modern/client/preview/render.js +0 -141
- package/dist/modern/client/preview/types-6-0.js +0 -1
- package/dist/modern/client/preview/types-6-3.js +0 -10
- package/dist/modern/client/preview/types-7-0.js +0 -1
- package/dist/modern/client/preview/types.js +0 -1
- package/dist/modern/client/testing/index.js +0 -96
- package/dist/modern/demo/Button.js +0 -25
- package/dist/modern/demo/Welcome.js +0 -108
- package/dist/modern/server/build.js +0 -3
- package/dist/modern/server/cra-config.js +0 -49
- package/dist/modern/server/framework-preset-cra.js +0 -25
- package/dist/modern/server/framework-preset-react-docs.js +0 -49
- package/dist/modern/server/framework-preset-react-dom-hack.js +0 -21
- package/dist/modern/server/framework-preset-react.js +0 -78
- package/dist/modern/server/index.js +0 -3
- package/dist/modern/server/options.js +0 -8
- package/dist/modern/server/preset.js +0 -5
- package/dist/ts3.4/client/docs/config.d.ts +0 -13
- package/dist/ts3.4/client/docs/extractArgTypes.d.ts +0 -2
- package/dist/ts3.4/client/docs/extractProps.d.ts +0 -5
- package/dist/ts3.4/client/docs/jsxDecorator.d.ts +0 -23
- package/dist/ts3.4/client/docs/lib/captions.d.ts +0 -6
- package/dist/ts3.4/client/docs/lib/componentTypes.d.ts +0 -2
- package/dist/ts3.4/client/docs/lib/defaultValues/createDefaultValue.d.ts +0 -2
- package/dist/ts3.4/client/docs/lib/defaultValues/createFromRawDefaultProp.d.ts +0 -11
- package/dist/ts3.4/client/docs/lib/defaultValues/generateArray.d.ts +0 -3
- package/dist/ts3.4/client/docs/lib/defaultValues/generateObject.d.ts +0 -3
- package/dist/ts3.4/client/docs/lib/defaultValues/index.d.ts +0 -2
- package/dist/ts3.4/client/docs/lib/defaultValues/prettyIdentifier.d.ts +0 -4
- package/dist/ts3.4/client/docs/lib/generateCode.d.ts +0 -3
- package/dist/ts3.4/client/docs/lib/index.d.ts +0 -4
- package/dist/ts3.4/client/docs/lib/inspection/acornParser.d.ts +0 -7
- package/dist/ts3.4/client/docs/lib/inspection/index.d.ts +0 -2
- package/dist/ts3.4/client/docs/lib/inspection/inspectValue.d.ts +0 -2
- package/dist/ts3.4/client/docs/lib/inspection/types.d.ts +0 -50
- package/dist/ts3.4/client/docs/lib/isHtmlTag.d.ts +0 -1
- package/dist/ts3.4/client/docs/propTypes/createType.d.ts +0 -2
- package/dist/ts3.4/client/docs/propTypes/generateFuncSignature.d.ts +0 -4
- package/dist/ts3.4/client/docs/propTypes/handleProp.d.ts +0 -5
- package/dist/ts3.4/client/docs/propTypes/rawDefaultPropResolvers.d.ts +0 -1
- package/dist/ts3.4/client/docs/propTypes/sortProps.d.ts +0 -4
- package/dist/ts3.4/client/docs/react-argtypes.stories.d.ts +0 -1
- package/dist/ts3.4/client/docs/typeScript/handleProp.d.ts +0 -3
- package/dist/ts3.4/client/index.d.ts +0 -4
- package/dist/ts3.4/client/preview/config.d.ts +0 -4
- package/dist/ts3.4/client/preview/globals.d.ts +0 -1
- package/dist/ts3.4/client/preview/index.d.ts +0 -25
- package/dist/ts3.4/client/preview/render.d.ts +0 -5
- package/dist/ts3.4/client/preview/types-6-0.d.ts +0 -35
- package/dist/ts3.4/client/preview/types-6-3.d.ts +0 -40
- package/dist/ts3.4/client/preview/types-7-0.d.ts +0 -21
- package/dist/ts3.4/client/preview/types.d.ts +0 -16
- package/dist/ts3.4/client/testing/index.d.ts +0 -84
- package/dist/ts3.4/demo/Button.d.ts +0 -4
- package/dist/ts3.4/demo/Welcome.d.ts +0 -6
- package/dist/ts3.4/server/build.d.ts +0 -1
- package/dist/ts3.4/server/cra-config.d.ts +0 -4
- package/dist/ts3.4/server/framework-preset-cra.d.ts +0 -3
- package/dist/ts3.4/server/framework-preset-react-docs.d.ts +0 -6
- package/dist/ts3.4/server/framework-preset-react-dom-hack.d.ts +0 -32
- package/dist/ts3.4/server/framework-preset-react.d.ts +0 -6
- package/dist/ts3.4/server/index.d.ts +0 -1
- package/dist/ts3.4/server/options.d.ts +0 -3
- package/dist/ts3.4/server/preset.d.ts +0 -3
- package/dist/ts3.9/client/docs/config.d.ts +0 -13
- package/dist/ts3.9/client/docs/extractArgTypes.d.ts +0 -2
- package/dist/ts3.9/client/docs/extractProps.d.ts +0 -5
- package/dist/ts3.9/client/docs/jsxDecorator.d.ts +0 -23
- package/dist/ts3.9/client/docs/lib/captions.d.ts +0 -6
- package/dist/ts3.9/client/docs/lib/componentTypes.d.ts +0 -2
- package/dist/ts3.9/client/docs/lib/defaultValues/createDefaultValue.d.ts +0 -2
- package/dist/ts3.9/client/docs/lib/defaultValues/createFromRawDefaultProp.d.ts +0 -11
- package/dist/ts3.9/client/docs/lib/defaultValues/generateArray.d.ts +0 -3
- package/dist/ts3.9/client/docs/lib/defaultValues/generateObject.d.ts +0 -3
- package/dist/ts3.9/client/docs/lib/defaultValues/index.d.ts +0 -2
- package/dist/ts3.9/client/docs/lib/defaultValues/prettyIdentifier.d.ts +0 -4
- package/dist/ts3.9/client/docs/lib/generateCode.d.ts +0 -3
- package/dist/ts3.9/client/docs/lib/index.d.ts +0 -4
- package/dist/ts3.9/client/docs/lib/inspection/acornParser.d.ts +0 -7
- package/dist/ts3.9/client/docs/lib/inspection/index.d.ts +0 -2
- package/dist/ts3.9/client/docs/lib/inspection/inspectValue.d.ts +0 -2
- package/dist/ts3.9/client/docs/lib/inspection/types.d.ts +0 -50
- package/dist/ts3.9/client/docs/lib/isHtmlTag.d.ts +0 -1
- package/dist/ts3.9/client/docs/propTypes/createType.d.ts +0 -2
- package/dist/ts3.9/client/docs/propTypes/generateFuncSignature.d.ts +0 -4
- package/dist/ts3.9/client/docs/propTypes/handleProp.d.ts +0 -5
- package/dist/ts3.9/client/docs/propTypes/rawDefaultPropResolvers.d.ts +0 -1
- package/dist/ts3.9/client/docs/propTypes/sortProps.d.ts +0 -4
- package/dist/ts3.9/client/docs/react-argtypes.stories.d.ts +0 -1
- package/dist/ts3.9/client/docs/typeScript/handleProp.d.ts +0 -3
- package/dist/ts3.9/client/index.d.ts +0 -4
- package/dist/ts3.9/client/preview/config.d.ts +0 -4
- package/dist/ts3.9/client/preview/globals.d.ts +0 -1
- package/dist/ts3.9/client/preview/index.d.ts +0 -25
- package/dist/ts3.9/client/preview/render.d.ts +0 -5
- package/dist/ts3.9/client/preview/types-6-0.d.ts +0 -35
- package/dist/ts3.9/client/preview/types-6-3.d.ts +0 -40
- package/dist/ts3.9/client/preview/types-7-0.d.ts +0 -21
- package/dist/ts3.9/client/preview/types.d.ts +0 -16
- package/dist/ts3.9/client/testing/index.d.ts +0 -84
- package/dist/ts3.9/demo/Button.d.ts +0 -4
- package/dist/ts3.9/demo/Welcome.d.ts +0 -6
- package/dist/ts3.9/server/build.d.ts +0 -1
- package/dist/ts3.9/server/cra-config.d.ts +0 -4
- package/dist/ts3.9/server/framework-preset-cra.d.ts +0 -3
- package/dist/ts3.9/server/framework-preset-react-docs.d.ts +0 -6
- package/dist/ts3.9/server/framework-preset-react-dom-hack.d.ts +0 -32
- package/dist/ts3.9/server/framework-preset-react.d.ts +0 -6
- package/dist/ts3.9/server/index.d.ts +0 -1
- package/dist/ts3.9/server/options.d.ts +0 -3
- package/dist/ts3.9/server/preset.d.ts +0 -3
- package/preset.js +0 -1
- package/standalone.js +0 -8
- package/types/index.ts +0 -19
- package/types-6-0.d.ts +0 -1
- package/types-7-0.d.ts +0 -1
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.to-string.js");
|
|
4
|
-
|
|
5
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
6
|
-
|
|
7
|
-
require("core-js/modules/es.object.keys.js");
|
|
8
|
-
|
|
9
|
-
Object.defineProperty(exports, "__esModule", {
|
|
10
|
-
value: true
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _types = require("./types-6-0");
|
|
14
|
-
|
|
15
|
-
Object.keys(_types).forEach(function (key) {
|
|
16
|
-
if (key === "default" || key === "__esModule") return;
|
|
17
|
-
if (key in exports && exports[key] === _types[key]) return;
|
|
18
|
-
Object.defineProperty(exports, key, {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function get() {
|
|
21
|
-
return _types[key];
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
});
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.composeStories = composeStories;
|
|
7
|
-
exports.composeStory = composeStory;
|
|
8
|
-
exports.setGlobalConfig = setGlobalConfig;
|
|
9
|
-
exports.setProjectAnnotations = setProjectAnnotations;
|
|
10
|
-
|
|
11
|
-
var _store = require("@storybook/store");
|
|
12
|
-
|
|
13
|
-
var _clientLogger = require("@storybook/client-logger");
|
|
14
|
-
|
|
15
|
-
var _render = require("../preview/render");
|
|
16
|
-
|
|
17
|
-
/** Function that sets the globalConfig of your storybook. The global config is the preview module of your .storybook folder.
|
|
18
|
-
*
|
|
19
|
-
* It should be run a single time, so that your global config (e.g. decorators) is applied to your stories when using `composeStories` or `composeStory`.
|
|
20
|
-
*
|
|
21
|
-
* Example:
|
|
22
|
-
*```jsx
|
|
23
|
-
* // setup.js (for jest)
|
|
24
|
-
* import { setProjectAnnotations } from '@storybook/react';
|
|
25
|
-
* import * as projectAnnotations from './.storybook/preview';
|
|
26
|
-
*
|
|
27
|
-
* setProjectAnnotations(projectAnnotations);
|
|
28
|
-
*```
|
|
29
|
-
*
|
|
30
|
-
* @param projectAnnotations - e.g. (import * as projectAnnotations from '../.storybook/preview')
|
|
31
|
-
*/
|
|
32
|
-
function setProjectAnnotations(projectAnnotations) {
|
|
33
|
-
(0, _store.setProjectAnnotations)(projectAnnotations);
|
|
34
|
-
}
|
|
35
|
-
/** Preserved for users migrating from `@storybook/testing-react`.
|
|
36
|
-
*
|
|
37
|
-
* @deprecated Use setProjectAnnotations instead
|
|
38
|
-
*/
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
function setGlobalConfig(projectAnnotations) {
|
|
42
|
-
_clientLogger.once.warn("setGlobalConfig is deprecated. Use setProjectAnnotations instead.");
|
|
43
|
-
|
|
44
|
-
setProjectAnnotations(projectAnnotations);
|
|
45
|
-
} // This will not be necessary once we have auto preset loading
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
var defaultProjectAnnotations = {
|
|
49
|
-
render: _render.render
|
|
50
|
-
};
|
|
51
|
-
/**
|
|
52
|
-
* Function that will receive a story along with meta (e.g. a default export from a .stories file)
|
|
53
|
-
* and optionally projectAnnotations e.g. (import * from '../.storybook/preview)
|
|
54
|
-
* and will return a composed component that has all args/parameters/decorators/etc combined and applied to it.
|
|
55
|
-
*
|
|
56
|
-
*
|
|
57
|
-
* It's very useful for reusing a story in scenarios outside of Storybook like unit testing.
|
|
58
|
-
*
|
|
59
|
-
* Example:
|
|
60
|
-
*```jsx
|
|
61
|
-
* import { render } from '@testing-library/react';
|
|
62
|
-
* import { composeStory } from '@storybook/react';
|
|
63
|
-
* import Meta, { Primary as PrimaryStory } from './Button.stories';
|
|
64
|
-
*
|
|
65
|
-
* const Primary = composeStory(PrimaryStory, Meta);
|
|
66
|
-
*
|
|
67
|
-
* test('renders primary button with Hello World', () => {
|
|
68
|
-
* const { getByText } = render(<Primary>Hello world</Primary>);
|
|
69
|
-
* expect(getByText(/Hello world/i)).not.toBeNull();
|
|
70
|
-
* });
|
|
71
|
-
*```
|
|
72
|
-
*
|
|
73
|
-
* @param story
|
|
74
|
-
* @param componentAnnotations - e.g. (import Meta from './Button.stories')
|
|
75
|
-
* @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
|
|
76
|
-
* @param [exportsName] - in case your story does not contain a name and you want it to have a name.
|
|
77
|
-
*/
|
|
78
|
-
|
|
79
|
-
function composeStory(story, componentAnnotations, projectAnnotations, exportsName) {
|
|
80
|
-
return (0, _store.composeStory)(story, componentAnnotations, projectAnnotations, defaultProjectAnnotations, exportsName);
|
|
81
|
-
}
|
|
82
|
-
/**
|
|
83
|
-
* Function that will receive a stories import (e.g. `import * as stories from './Button.stories'`)
|
|
84
|
-
* and optionally projectAnnotations (e.g. `import * from '../.storybook/preview`)
|
|
85
|
-
* and will return an object containing all the stories passed, but now as a composed component that has all args/parameters/decorators/etc combined and applied to it.
|
|
86
|
-
*
|
|
87
|
-
*
|
|
88
|
-
* It's very useful for reusing stories in scenarios outside of Storybook like unit testing.
|
|
89
|
-
*
|
|
90
|
-
* Example:
|
|
91
|
-
*```jsx
|
|
92
|
-
* import { render } from '@testing-library/react';
|
|
93
|
-
* import { composeStories } from '@storybook/react';
|
|
94
|
-
* import * as stories from './Button.stories';
|
|
95
|
-
*
|
|
96
|
-
* const { Primary, Secondary } = composeStories(stories);
|
|
97
|
-
*
|
|
98
|
-
* test('renders primary button with Hello World', () => {
|
|
99
|
-
* const { getByText } = render(<Primary>Hello world</Primary>);
|
|
100
|
-
* expect(getByText(/Hello world/i)).not.toBeNull();
|
|
101
|
-
* });
|
|
102
|
-
*```
|
|
103
|
-
*
|
|
104
|
-
* @param csfExports - e.g. (import * as stories from './Button.stories')
|
|
105
|
-
* @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
|
|
106
|
-
*/
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
function composeStories(csfExports, projectAnnotations) {
|
|
110
|
-
var composedStories = (0, _store.composeStories)(csfExports, projectAnnotations, composeStory);
|
|
111
|
-
return composedStories;
|
|
112
|
-
}
|
package/dist/cjs/demo/Button.js
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
|
-
var styles = {
|
|
13
|
-
border: '1px solid #eee',
|
|
14
|
-
borderRadius: 3,
|
|
15
|
-
backgroundColor: '#FFFFFF',
|
|
16
|
-
cursor: 'pointer',
|
|
17
|
-
fontSize: 15,
|
|
18
|
-
padding: '3px 10px',
|
|
19
|
-
margin: 10
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
var Button = function Button(_ref) {
|
|
23
|
-
var children = _ref.children,
|
|
24
|
-
onClick = _ref.onClick;
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement("button", {
|
|
26
|
-
onClick: onClick,
|
|
27
|
-
style: styles,
|
|
28
|
-
type: "button"
|
|
29
|
-
}, children);
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
Button.displayName = 'Button';
|
|
33
|
-
Button.defaultProps = {
|
|
34
|
-
onClick: function onClick() {}
|
|
35
|
-
};
|
|
36
|
-
var _default = Button;
|
|
37
|
-
exports.default = _default;
|
package/dist/cjs/demo/Welcome.js
DELETED
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.keys.js");
|
|
4
|
-
|
|
5
|
-
require("core-js/modules/es.symbol.js");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
require("core-js/modules/es.object.assign.js");
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
|
-
var _excluded = ["children"],
|
|
17
|
-
_excluded2 = ["children", "href", "target", "rel"],
|
|
18
|
-
_excluded3 = ["children", "onClick"];
|
|
19
|
-
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
23
|
-
|
|
24
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
25
|
-
|
|
26
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
27
|
-
|
|
28
|
-
var Main = function Main(props) {
|
|
29
|
-
return /*#__PURE__*/_react.default.createElement("article", _extends({}, props, {
|
|
30
|
-
style: {
|
|
31
|
-
padding: 15,
|
|
32
|
-
lineHeight: 1.4,
|
|
33
|
-
fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
|
|
34
|
-
backgroundColor: '#fff',
|
|
35
|
-
color: '#000'
|
|
36
|
-
}
|
|
37
|
-
}));
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
var Title = function Title(_ref) {
|
|
41
|
-
var children = _ref.children,
|
|
42
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
|
-
|
|
44
|
-
return /*#__PURE__*/_react.default.createElement("h1", props, children);
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
var Note = function Note(props) {
|
|
48
|
-
return /*#__PURE__*/_react.default.createElement("p", _extends({}, props, {
|
|
49
|
-
style: {
|
|
50
|
-
opacity: 0.5
|
|
51
|
-
}
|
|
52
|
-
}));
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
var InlineCode = function InlineCode(props) {
|
|
56
|
-
return /*#__PURE__*/_react.default.createElement("code", _extends({}, props, {
|
|
57
|
-
style: {
|
|
58
|
-
fontSize: 15,
|
|
59
|
-
fontWeight: 600,
|
|
60
|
-
padding: '2px 5px',
|
|
61
|
-
border: '1px solid #eae9e9',
|
|
62
|
-
borderRadius: 4,
|
|
63
|
-
backgroundColor: '#f3f2f2',
|
|
64
|
-
color: '#3a3a3a'
|
|
65
|
-
}
|
|
66
|
-
}));
|
|
67
|
-
};
|
|
68
|
-
|
|
69
|
-
var Link = function Link(_ref2) {
|
|
70
|
-
var children = _ref2.children,
|
|
71
|
-
href = _ref2.href,
|
|
72
|
-
target = _ref2.target,
|
|
73
|
-
rel = _ref2.rel,
|
|
74
|
-
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
75
|
-
|
|
76
|
-
return /*#__PURE__*/_react.default.createElement("a", _extends({
|
|
77
|
-
href: href
|
|
78
|
-
}, props, {
|
|
79
|
-
target: target,
|
|
80
|
-
rel: rel,
|
|
81
|
-
style: {
|
|
82
|
-
color: '#1474f3',
|
|
83
|
-
textDecoration: 'none',
|
|
84
|
-
borderBottom: '1px solid #1474f3',
|
|
85
|
-
paddingBottom: 2
|
|
86
|
-
}
|
|
87
|
-
}), children);
|
|
88
|
-
};
|
|
89
|
-
|
|
90
|
-
var NavButton = function NavButton(_ref3) {
|
|
91
|
-
var children = _ref3.children,
|
|
92
|
-
onClick = _ref3.onClick,
|
|
93
|
-
props = _objectWithoutProperties(_ref3, _excluded3);
|
|
94
|
-
|
|
95
|
-
return /*#__PURE__*/_react.default.createElement("button", _extends({}, props, {
|
|
96
|
-
type: "button",
|
|
97
|
-
onClick: onClick,
|
|
98
|
-
style: {
|
|
99
|
-
color: '#1474f3',
|
|
100
|
-
textDecoration: 'none',
|
|
101
|
-
borderBottom: '1px solid #1474f3',
|
|
102
|
-
paddingBottom: 2,
|
|
103
|
-
borderTop: 'none',
|
|
104
|
-
borderRight: 'none',
|
|
105
|
-
borderLeft: 'none',
|
|
106
|
-
backgroundColor: 'transparent',
|
|
107
|
-
padding: 0,
|
|
108
|
-
cursor: 'pointer',
|
|
109
|
-
font: 'inherit'
|
|
110
|
-
}
|
|
111
|
-
}), children);
|
|
112
|
-
};
|
|
113
|
-
|
|
114
|
-
var Welcome = function Welcome(_ref4) {
|
|
115
|
-
var showApp = _ref4.showApp;
|
|
116
|
-
return /*#__PURE__*/_react.default.createElement(Main, null, /*#__PURE__*/_react.default.createElement(Title, null, "Welcome to storybook"), /*#__PURE__*/_react.default.createElement("p", null, "This is a UI component dev environment for your app."), /*#__PURE__*/_react.default.createElement("p", null, "We've added some basic stories inside the ", /*#__PURE__*/_react.default.createElement(InlineCode, null, "src/stories"), " directory.", /*#__PURE__*/_react.default.createElement("br", null), "A story is a single state of one or more UI components. You can have as many stories as you want.", /*#__PURE__*/_react.default.createElement("br", null), "(Basically a story is like a visual test case.)"), /*#__PURE__*/_react.default.createElement("p", null, "See these sample ", /*#__PURE__*/_react.default.createElement(NavButton, {
|
|
117
|
-
onClick: showApp
|
|
118
|
-
}, "stories"), " for a component called\xA0", /*#__PURE__*/_react.default.createElement(InlineCode, null, "Button"), "."), /*#__PURE__*/_react.default.createElement("p", null, "Just like that, you can add your own components as stories.", /*#__PURE__*/_react.default.createElement("br", null), "You can also edit those components and see changes right away.", /*#__PURE__*/_react.default.createElement("br", null), "(Try editing the ", /*#__PURE__*/_react.default.createElement(InlineCode, null, "Button"), " stories located at\xA0", /*#__PURE__*/_react.default.createElement(InlineCode, null, "src/stories/1-Button.stories.js"), ".)"), /*#__PURE__*/_react.default.createElement("p", null, "Usually we create stories with smaller UI components in the app.", /*#__PURE__*/_react.default.createElement("br", null), "Have a look at the\xA0", /*#__PURE__*/_react.default.createElement(Link, {
|
|
119
|
-
href: "https://storybook.js.org/basics/writing-stories",
|
|
120
|
-
target: "_blank",
|
|
121
|
-
rel: "noopener noreferrer"
|
|
122
|
-
}, "Writing Stories"), "\xA0section in our documentation."), /*#__PURE__*/_react.default.createElement(Note, null, /*#__PURE__*/_react.default.createElement("b", null, "NOTE:"), /*#__PURE__*/_react.default.createElement("br", null), "Have a look at the ", /*#__PURE__*/_react.default.createElement(InlineCode, null, ".storybook/webpack.config.js"), " to add webpack loaders and plugins you are using in this project."));
|
|
123
|
-
};
|
|
124
|
-
|
|
125
|
-
exports.default = Welcome;
|
|
126
|
-
Welcome.displayName = 'Welcome';
|
package/dist/cjs/server/build.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _server = require("@storybook/core/server");
|
|
4
|
-
|
|
5
|
-
var _options = _interopRequireDefault(require("./options"));
|
|
6
|
-
|
|
7
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
8
|
-
|
|
9
|
-
(0, _server.buildStatic)(_options.default);
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getReactScriptsPath = getReactScriptsPath;
|
|
7
|
-
exports.isReactScriptsInstalled = isReactScriptsInstalled;
|
|
8
|
-
|
|
9
|
-
var _fs = _interopRequireDefault(require("fs"));
|
|
10
|
-
|
|
11
|
-
var _path = _interopRequireDefault(require("path"));
|
|
12
|
-
|
|
13
|
-
var _semver = _interopRequireDefault(require("@storybook/semver"));
|
|
14
|
-
|
|
15
|
-
var _nodeLogger = require("@storybook/node-logger");
|
|
16
|
-
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
|
|
19
|
-
var appDirectory = _fs.default.realpathSync(process.cwd());
|
|
20
|
-
|
|
21
|
-
var reactScriptsPath;
|
|
22
|
-
|
|
23
|
-
function getReactScriptsPath({
|
|
24
|
-
noCache: noCache
|
|
25
|
-
} = {}) {
|
|
26
|
-
if (reactScriptsPath && !noCache) return reactScriptsPath;
|
|
27
|
-
|
|
28
|
-
var reactScriptsScriptPath = _fs.default.realpathSync(_path.default.join(appDirectory, '/node_modules/.bin/react-scripts'));
|
|
29
|
-
|
|
30
|
-
try {
|
|
31
|
-
// Note: Since there is no symlink for .bin/react-scripts on Windows
|
|
32
|
-
// we'll parse react-scripts file to find actual package path.
|
|
33
|
-
// This is important if you use fork of CRA.
|
|
34
|
-
var pathIsNotResolved = /node_modules[\\/]\.bin[\\/]react-scripts/i.test(reactScriptsScriptPath);
|
|
35
|
-
|
|
36
|
-
if (pathIsNotResolved) {
|
|
37
|
-
var content = _fs.default.readFileSync(reactScriptsScriptPath, 'utf8');
|
|
38
|
-
|
|
39
|
-
var packagePathMatch = content.match(/"\$basedir[\\/]([^\s]+?[\\/]bin[\\/]react-scripts\.js")/i);
|
|
40
|
-
|
|
41
|
-
if (packagePathMatch && packagePathMatch.length > 1) {
|
|
42
|
-
reactScriptsScriptPath = _path.default.join(appDirectory, '/node_modules/.bin/', packagePathMatch[1]);
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
} catch (e) {
|
|
46
|
-
_nodeLogger.logger.warn(`Error occurred during react-scripts package path resolving: ${e}`);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
reactScriptsPath = _path.default.join(reactScriptsScriptPath, '../..');
|
|
50
|
-
|
|
51
|
-
var scriptsPkgJson = _path.default.join(reactScriptsPath, 'package.json');
|
|
52
|
-
|
|
53
|
-
if (!_fs.default.existsSync(scriptsPkgJson)) {
|
|
54
|
-
reactScriptsPath = 'react-scripts';
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
return reactScriptsPath;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
function isReactScriptsInstalled(requiredVersion = '2.0.0') {
|
|
61
|
-
try {
|
|
62
|
-
// eslint-disable-next-line import/no-dynamic-require,global-require
|
|
63
|
-
var reactScriptsJson = require(_path.default.join(getReactScriptsPath(), 'package.json'));
|
|
64
|
-
|
|
65
|
-
return !_semver.default.gtr(requiredVersion, reactScriptsJson.version);
|
|
66
|
-
} catch (e) {
|
|
67
|
-
return false;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.webpackFinal = webpackFinal;
|
|
7
|
-
|
|
8
|
-
var _nodeLogger = require("@storybook/node-logger");
|
|
9
|
-
|
|
10
|
-
var _craConfig = require("./cra-config");
|
|
11
|
-
|
|
12
|
-
var checkForNewPreset = function (presetsList) {
|
|
13
|
-
var hasNewPreset = presetsList.some(function (preset) {
|
|
14
|
-
var presetName = typeof preset === 'string' ? preset : preset.name;
|
|
15
|
-
return /@storybook(\/|\\)preset-create-react-app/.test(presetName);
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
if (!hasNewPreset) {
|
|
19
|
-
_nodeLogger.logger.warn('Storybook support for Create React App is now a separate preset.');
|
|
20
|
-
|
|
21
|
-
_nodeLogger.logger.warn('To use the new preset, install `@storybook/preset-create-react-app` and add it to the list of `addons` in your `.storybook/main.js` config file.');
|
|
22
|
-
|
|
23
|
-
_nodeLogger.logger.warn('The built-in preset has been disabled in Storybook 6.0.');
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
function webpackFinal(config, {
|
|
28
|
-
presetsList: presetsList
|
|
29
|
-
}) {
|
|
30
|
-
if ((0, _craConfig.isReactScriptsInstalled)()) {
|
|
31
|
-
checkForNewPreset(presetsList);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
return config;
|
|
35
|
-
}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.babel = babel;
|
|
7
|
-
exports.previewAnnotations = void 0;
|
|
8
|
-
exports.webpackFinal = webpackFinal;
|
|
9
|
-
|
|
10
|
-
require("core-js/modules/es.promise.js");
|
|
11
|
-
|
|
12
|
-
var _coreCommon = require("@storybook/core-common");
|
|
13
|
-
|
|
14
|
-
var _reactDocgenTypescriptPlugin = _interopRequireDefault(require("@storybook/react-docgen-typescript-plugin"));
|
|
15
|
-
|
|
16
|
-
var _docsTools = require("@storybook/docs-tools");
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
-
|
|
24
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
-
|
|
26
|
-
async function babel(config, options) {
|
|
27
|
-
if (!(0, _docsTools.hasDocsOrControls)(options)) return config;
|
|
28
|
-
var typescriptOptions = await options.presets.apply('typescript', {});
|
|
29
|
-
var reactDocgen = typescriptOptions.reactDocgen;
|
|
30
|
-
|
|
31
|
-
if (typeof reactDocgen !== 'string') {
|
|
32
|
-
return config;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
return _objectSpread(_objectSpread({}, config), {}, {
|
|
36
|
-
overrides: [...((config === null || config === void 0 ? void 0 : config.overrides) || []), {
|
|
37
|
-
test: reactDocgen === 'react-docgen' ? /\.(mjs|tsx?|jsx?)$/ : /\.(mjs|jsx?)$/,
|
|
38
|
-
plugins: [[require.resolve('babel-plugin-react-docgen'), {
|
|
39
|
-
DOC_GEN_COLLECTION_NAME: 'STORYBOOK_REACT_CLASSES'
|
|
40
|
-
}]]
|
|
41
|
-
}]
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
async function webpackFinal(config, options) {
|
|
46
|
-
if (!(0, _docsTools.hasDocsOrControls)(options)) return config;
|
|
47
|
-
var typescriptOptions = await options.presets.apply('typescript', {});
|
|
48
|
-
var reactDocgen = typescriptOptions.reactDocgen,
|
|
49
|
-
reactDocgenTypescriptOptions = typescriptOptions.reactDocgenTypescriptOptions;
|
|
50
|
-
|
|
51
|
-
if (reactDocgen !== 'react-docgen-typescript') {
|
|
52
|
-
return config;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
return _objectSpread(_objectSpread({}, config), {}, {
|
|
56
|
-
plugins: [...config.plugins, new _reactDocgenTypescriptPlugin.default(_objectSpread(_objectSpread({}, reactDocgenTypescriptOptions), {}, {
|
|
57
|
-
// We *need* this set so that RDT returns default values in the same format as react-docgen
|
|
58
|
-
savePropValueAsString: true
|
|
59
|
-
}))]
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
var previewAnnotations = function (entry = [], options) {
|
|
64
|
-
if (!(0, _docsTools.hasDocsOrControls)(options)) return entry;
|
|
65
|
-
return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/docs/config')];
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
exports.previewAnnotations = previewAnnotations;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.webpackFinal = webpackFinal;
|
|
7
|
-
|
|
8
|
-
require("core-js/modules/es.promise.js");
|
|
9
|
-
|
|
10
|
-
var _fsExtra = require("fs-extra");
|
|
11
|
-
|
|
12
|
-
var _webpack = require("webpack");
|
|
13
|
-
|
|
14
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
-
|
|
16
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17
|
-
|
|
18
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
-
|
|
20
|
-
// this is a hack to allow importing react-dom/client even when it's not available
|
|
21
|
-
// this should be removed once we drop support for react-dom < 18
|
|
22
|
-
async function webpackFinal(config) {
|
|
23
|
-
var reactDomPkg = await (0, _fsExtra.readJSON)(require.resolve('react-dom/package.json'));
|
|
24
|
-
return _objectSpread(_objectSpread({}, config), {}, {
|
|
25
|
-
plugins: [...config.plugins, reactDomPkg.version.startsWith('18') || reactDomPkg.version.startsWith('0.0.0') ? null : new _webpack.IgnorePlugin({
|
|
26
|
-
resourceRegExp: /react-dom\/client$/,
|
|
27
|
-
contextRegExp: /(app\/react|app\\react|@storybook\/react|@storybook\\react)/ // TODO this needs to work for both in our MONOREPO and in the user's NODE_MODULES
|
|
28
|
-
|
|
29
|
-
})].filter(Boolean)
|
|
30
|
-
});
|
|
31
|
-
}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.babel = babel;
|
|
7
|
-
exports.babelDefault = babelDefault;
|
|
8
|
-
exports.webpackFinal = webpackFinal;
|
|
9
|
-
|
|
10
|
-
require("core-js/modules/es.promise.js");
|
|
11
|
-
|
|
12
|
-
var _path = _interopRequireDefault(require("path"));
|
|
13
|
-
|
|
14
|
-
var _reactRefreshWebpackPlugin = _interopRequireDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
|
|
15
|
-
|
|
16
|
-
var _nodeLogger = require("@storybook/node-logger");
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
-
|
|
24
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
-
|
|
26
|
-
async function babel(config, options) {
|
|
27
|
-
var isDevelopment = options.configType === 'DEVELOPMENT';
|
|
28
|
-
var reactOptions = await options.presets.apply('reactOptions', {}, options);
|
|
29
|
-
var fastRefreshEnabled = isDevelopment && (reactOptions.fastRefresh || process.env.FAST_REFRESH === 'true');
|
|
30
|
-
|
|
31
|
-
if (!fastRefreshEnabled) {
|
|
32
|
-
return config;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
return _objectSpread(_objectSpread({}, config), {}, {
|
|
36
|
-
plugins: [[require.resolve('react-refresh/babel'), {}, 'storybook-react-refresh'], ...(config.plugins || [])]
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
var storybookReactDirName = _path.default.dirname(require.resolve('@storybook/react/package.json')); // TODO: improve node_modules detection
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
var context = storybookReactDirName.includes('node_modules') ? _path.default.join(storybookReactDirName, '../../') // Real life case, already in node_modules
|
|
44
|
-
: _path.default.join(storybookReactDirName, '../../node_modules'); // SB Monorepo
|
|
45
|
-
|
|
46
|
-
var hasJsxRuntime = function () {
|
|
47
|
-
try {
|
|
48
|
-
require.resolve('react/jsx-runtime', {
|
|
49
|
-
paths: [context]
|
|
50
|
-
});
|
|
51
|
-
|
|
52
|
-
return true;
|
|
53
|
-
} catch (e) {
|
|
54
|
-
return false;
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
async function babelDefault(config) {
|
|
59
|
-
var presetReactOptions = hasJsxRuntime() ? {
|
|
60
|
-
runtime: 'automatic'
|
|
61
|
-
} : {};
|
|
62
|
-
return _objectSpread(_objectSpread({}, config), {}, {
|
|
63
|
-
presets: [...((config === null || config === void 0 ? void 0 : config.presets) || []), [require.resolve('@babel/preset-react'), presetReactOptions], require.resolve('@babel/preset-flow')],
|
|
64
|
-
plugins: [...((config === null || config === void 0 ? void 0 : config.plugins) || []), require.resolve('babel-plugin-add-react-displayname')]
|
|
65
|
-
});
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
async function webpackFinal(config, options) {
|
|
69
|
-
var isDevelopment = options.configType === 'DEVELOPMENT';
|
|
70
|
-
var reactOptions = await options.presets.apply('reactOptions', {}, options);
|
|
71
|
-
var fastRefreshEnabled = isDevelopment && (reactOptions.fastRefresh || process.env.FAST_REFRESH === 'true');
|
|
72
|
-
|
|
73
|
-
if (!fastRefreshEnabled) {
|
|
74
|
-
return config;
|
|
75
|
-
} // matches the name of the plugin in CRA.
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
var hasReactRefresh = config.plugins.find(function (p) {
|
|
79
|
-
return p.constructor.name === 'ReactRefreshPlugin';
|
|
80
|
-
});
|
|
81
|
-
|
|
82
|
-
if (hasReactRefresh) {
|
|
83
|
-
_nodeLogger.logger.warn("=> React refresh is already set. You don't need to set the option");
|
|
84
|
-
|
|
85
|
-
return config;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
_nodeLogger.logger.info('=> Using React fast refresh');
|
|
89
|
-
|
|
90
|
-
return _objectSpread(_objectSpread({}, config), {}, {
|
|
91
|
-
plugins: [...config.plugins, // Storybook uses webpack-hot-middleware https://github.com/storybookjs/storybook/issues/14114
|
|
92
|
-
new _reactRefreshWebpackPlugin.default({
|
|
93
|
-
overlay: {
|
|
94
|
-
sockIntegration: 'whm'
|
|
95
|
-
}
|
|
96
|
-
})]
|
|
97
|
-
});
|
|
98
|
-
}
|
package/dist/cjs/server/index.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _server = require("@storybook/core/server");
|
|
4
|
-
|
|
5
|
-
var _options = _interopRequireDefault(require("./options"));
|
|
6
|
-
|
|
7
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
8
|
-
|
|
9
|
-
(0, _server.buildDev)(_options.default);
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _readPkgUp = require("read-pkg-up");
|
|
9
|
-
|
|
10
|
-
var _default = {
|
|
11
|
-
packageJson: (0, _readPkgUp.sync)({
|
|
12
|
-
cwd: __dirname
|
|
13
|
-
}).packageJson,
|
|
14
|
-
framework: 'react',
|
|
15
|
-
frameworkPresets: [require.resolve('./preset')]
|
|
16
|
-
};
|
|
17
|
-
exports.default = _default;
|