@storybook/vue3 6.5.9 → 7.0.0-alpha.2
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 -43
- package/dist/cjs/config.js +36 -0
- package/dist/cjs/{client/docs → docs}/config.js +2 -5
- package/dist/cjs/docs/extractArgTypes.js +53 -0
- package/dist/cjs/{client/index.js → index.js} +20 -32
- package/dist/cjs/{client/preview → preview}/config.js +4 -4
- package/dist/cjs/{client/preview → preview}/decorateStory.js +18 -27
- package/dist/cjs/{client/preview → preview}/globals.js +3 -1
- package/dist/cjs/preview/index.js +67 -0
- package/dist/cjs/preview/render.js +84 -0
- package/dist/cjs/{client/preview → preview}/types-6-0.js +0 -0
- package/dist/cjs/{client/preview → preview}/types-7-0.js +0 -0
- package/dist/cjs/{client/preview → preview}/types.js +0 -0
- package/dist/esm/config.js +6 -0
- package/dist/{modern/client → esm}/docs/config.js +0 -2
- package/dist/{modern/client → esm}/docs/extractArgTypes.js +0 -0
- package/dist/esm/index.js +4 -0
- package/dist/{modern/client → esm}/preview/config.js +0 -0
- package/dist/{modern/client → esm}/preview/decorateStory.js +0 -1
- package/dist/{modern/client → esm}/preview/globals.js +0 -0
- package/dist/{modern/client → esm}/preview/index.js +3 -4
- package/dist/esm/preview/render.js +66 -0
- package/dist/esm/{client/preview → preview}/types-6-0.js +0 -0
- package/dist/esm/{client/preview → preview}/types-7-0.js +0 -0
- package/dist/esm/{client/preview → preview}/types.js +0 -0
- package/dist/types/config.d.ts +10 -0
- package/dist/{ts3.9/client → types}/docs/config.d.ts +1 -2
- package/dist/{ts3.9/client → types}/docs/extractArgTypes.d.ts +0 -0
- package/dist/{ts3.9/client → types}/index.d.ts +1 -1
- package/dist/{ts3.9/client → types}/preview/config.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/decorateStory.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/globals.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/index.d.ts +3 -4
- package/dist/types/preview/render.d.ts +6 -0
- package/dist/{ts3.9/client → types}/preview/types-6-0.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/types-7-0.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/types.d.ts +1 -1
- package/package.json +14 -39
- package/preview.js +1 -0
- package/bin/build.js +0 -4
- package/bin/index.js +0 -3
- package/dist/cjs/client/docs/extractArgTypes.js +0 -62
- package/dist/cjs/client/docs/prepareForInline.js +0 -61
- package/dist/cjs/client/preview/index.js +0 -62
- package/dist/cjs/client/preview/render.js +0 -82
- package/dist/cjs/server/build.js +0 -9
- package/dist/cjs/server/framework-preset-vue3-docs.js +0 -50
- package/dist/cjs/server/framework-preset-vue3.js +0 -66
- package/dist/cjs/server/index.js +0 -9
- package/dist/cjs/server/options.js +0 -17
- package/dist/cjs/server/preset.js +0 -8
- package/dist/esm/client/docs/config.js +0 -12
- package/dist/esm/client/docs/extractArgTypes.js +0 -45
- package/dist/esm/client/docs/prepareForInline.js +0 -22
- package/dist/esm/client/index.js +0 -6
- package/dist/esm/client/preview/config.js +0 -5
- package/dist/esm/client/preview/decorateStory.js +0 -64
- package/dist/esm/client/preview/globals.js +0 -4
- package/dist/esm/client/preview/index.js +0 -38
- package/dist/esm/client/preview/render.js +0 -60
- package/dist/esm/server/build.js +0 -3
- package/dist/esm/server/framework-preset-vue3-docs.js +0 -37
- package/dist/esm/server/framework-preset-vue3.js +0 -52
- package/dist/esm/server/index.js +0 -3
- package/dist/esm/server/options.js +0 -8
- package/dist/esm/server/preset.js +0 -1
- package/dist/modern/client/docs/prepareForInline.js +0 -22
- package/dist/modern/client/index.js +0 -6
- package/dist/modern/client/preview/render.js +0 -60
- package/dist/modern/client/preview/types-6-0.js +0 -1
- package/dist/modern/client/preview/types-7-0.js +0 -1
- package/dist/modern/client/preview/types.js +0 -1
- package/dist/modern/server/build.js +0 -3
- package/dist/modern/server/framework-preset-vue3-docs.js +0 -37
- package/dist/modern/server/framework-preset-vue3.js +0 -52
- package/dist/modern/server/index.js +0 -3
- package/dist/modern/server/options.js +0 -8
- package/dist/modern/server/preset.js +0 -1
- package/dist/ts3.4/client/docs/config.d.ts +0 -10
- package/dist/ts3.4/client/docs/extractArgTypes.d.ts +0 -2
- package/dist/ts3.4/client/docs/prepareForInline.d.ts +0 -4
- package/dist/ts3.4/client/index.d.ts +0 -2
- package/dist/ts3.4/client/preview/config.d.ts +0 -5
- package/dist/ts3.4/client/preview/decorateStory.d.ts +0 -3
- package/dist/ts3.4/client/preview/globals.d.ts +0 -1
- package/dist/ts3.4/client/preview/index.d.ts +0 -31
- package/dist/ts3.4/client/preview/render.d.ts +0 -7
- package/dist/ts3.4/client/preview/types-6-0.d.ts +0 -35
- package/dist/ts3.4/client/preview/types-7-0.d.ts +0 -9
- package/dist/ts3.4/client/preview/types.d.ts +0 -15
- package/dist/ts3.4/server/build.d.ts +0 -1
- package/dist/ts3.4/server/framework-preset-vue3-docs.d.ts +0 -3
- package/dist/ts3.4/server/framework-preset-vue3.d.ts +0 -4
- 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 -2
- package/dist/ts3.9/client/docs/prepareForInline.d.ts +0 -4
- package/dist/ts3.9/client/preview/render.d.ts +0 -7
- package/dist/ts3.9/server/build.d.ts +0 -1
- package/dist/ts3.9/server/framework-preset-vue3-docs.d.ts +0 -3
- package/dist/ts3.9/server/framework-preset-vue3.d.ts +0 -4
- 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 -2
- package/preset.js +0 -1
- package/standalone.js +0 -8
- package/types-6-0.d.ts +0 -1
- package/types-7-0.d.ts +0 -1
|
@@ -2,9 +2,8 @@ import { extractComponentDescription } from '@storybook/docs-tools';
|
|
|
2
2
|
export declare const parameters: {
|
|
3
3
|
docs: {
|
|
4
4
|
inlineStories: boolean;
|
|
5
|
-
prepareForInline: (storyFn: import("@storybook/csf").PartialStoryFn<import("..").VueFramework, import("@storybook/csf").Args>, { args }: import("@storybook/csf").StoryContext<import("..").VueFramework, import("@storybook/csf").Args>) => import("react").DetailedReactHTMLElement<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
6
5
|
extractArgTypes: import("@storybook/docs-tools").ArgTypesExtractor;
|
|
7
6
|
extractComponentDescription: typeof extractComponentDescription;
|
|
8
7
|
};
|
|
9
8
|
};
|
|
10
|
-
export declare const argTypesEnhancers: (<TFramework extends import("@storybook/csf").AnyFramework>(context: import("@storybook/csf").StoryContextForEnhancers<TFramework, import("@storybook/csf").Args>) => import("@storybook/csf").StrictArgTypes<import("@storybook/csf").Args> | import("
|
|
9
|
+
export declare const argTypesEnhancers: (<TFramework extends import("@storybook/csf").AnyFramework>(context: import("@storybook/csf").StoryContextForEnhancers<TFramework, import("@storybook/csf").Args>) => import("@storybook/csf").StrictArgTypes<import("@storybook/csf").Args> | import("lib/addons/dist/types").Parameters)[];
|
|
File without changes
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw,
|
|
1
|
+
export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, setup, } from './preview';
|
|
2
2
|
export * from './preview/types-6-0';
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -25,7 +25,6 @@ export declare const addParameters: (() => never) | (({ globals, globalTypes, ..
|
|
|
25
25
|
export declare const clearDecorators: (() => never) | (() => void);
|
|
26
26
|
export declare const setAddon: (() => never) | ((addon: any) => void);
|
|
27
27
|
export declare const forceReRender: (() => never) | (() => void);
|
|
28
|
-
export declare const getStorybook: (() => never) | (() => import("
|
|
29
|
-
export declare const raw: (() => never) | (() => import("
|
|
30
|
-
export
|
|
31
|
-
export { activeStoryComponent } from './render';
|
|
28
|
+
export declare const getStorybook: (() => never) | (() => import("lib/client-api/dist/types/ClientApi").GetStorybookKind<VueFramework>[]);
|
|
29
|
+
export declare const raw: (() => never) | (() => import("lib/store/dist/types").BoundStory<VueFramework>[]);
|
|
30
|
+
export { setup } from './render';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { RenderContext } from '@storybook/store';
|
|
2
|
+
import type { ArgsStoryFn } from '@storybook/csf';
|
|
3
|
+
import { VueFramework } from './types-6-0';
|
|
4
|
+
export declare const render: ArgsStoryFn<VueFramework>;
|
|
5
|
+
export declare const setup: (fn: (app: any) => void) => void;
|
|
6
|
+
export declare function renderToDOM({ title, name, storyFn, showMain, showError, showException }: RenderContext<VueFramework>, domElement: HTMLElement): void;
|
|
File without changes
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,39 +1,27 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/vue3",
|
|
3
|
-
"version": "
|
|
4
|
-
"description": "Storybook
|
|
3
|
+
"version": "7.0.0-alpha.2",
|
|
4
|
+
"description": "Storybook Vue 3 renderer",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook"
|
|
7
7
|
],
|
|
8
|
-
"homepage": "https://github.com/storybookjs/storybook/tree/main/
|
|
8
|
+
"homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/vue3",
|
|
9
9
|
"bugs": {
|
|
10
10
|
"url": "https://github.com/storybookjs/storybook/issues"
|
|
11
11
|
},
|
|
12
12
|
"repository": {
|
|
13
13
|
"type": "git",
|
|
14
14
|
"url": "https://github.com/storybookjs/storybook.git",
|
|
15
|
-
"directory": "
|
|
15
|
+
"directory": "renderers/vue3"
|
|
16
16
|
},
|
|
17
17
|
"funding": {
|
|
18
18
|
"type": "opencollective",
|
|
19
19
|
"url": "https://opencollective.com/storybook"
|
|
20
20
|
},
|
|
21
21
|
"license": "MIT",
|
|
22
|
-
"main": "dist/cjs/
|
|
23
|
-
"module": "dist/esm/
|
|
24
|
-
"types": "dist/
|
|
25
|
-
"typesVersions": {
|
|
26
|
-
"<3.8": {
|
|
27
|
-
"dist/ts3.9/*": [
|
|
28
|
-
"dist/ts3.4/*"
|
|
29
|
-
]
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
"bin": {
|
|
33
|
-
"build-storybook": "./bin/build.js",
|
|
34
|
-
"start-storybook": "./bin/index.js",
|
|
35
|
-
"storybook-server": "./bin/index.js"
|
|
36
|
-
},
|
|
22
|
+
"main": "dist/cjs/index.js",
|
|
23
|
+
"module": "dist/esm/index.js",
|
|
24
|
+
"types": "dist/types/index.d.ts",
|
|
37
25
|
"files": [
|
|
38
26
|
"bin/**/*",
|
|
39
27
|
"dist/**/*",
|
|
@@ -45,35 +33,23 @@
|
|
|
45
33
|
"prepare": "node ../../scripts/prepare.js"
|
|
46
34
|
},
|
|
47
35
|
"dependencies": {
|
|
48
|
-
"@storybook/addons": "
|
|
49
|
-
"@storybook/core": "
|
|
50
|
-
"@storybook/core-common": "6.5.9",
|
|
36
|
+
"@storybook/addons": "7.0.0-alpha.2",
|
|
37
|
+
"@storybook/core-client": "7.0.0-alpha.2",
|
|
51
38
|
"@storybook/csf": "0.0.2--canary.4566f4d.1",
|
|
52
|
-
"@storybook/docs-tools": "
|
|
53
|
-
"@storybook/store": "
|
|
54
|
-
"@types/node": "^14.14.20 || ^16.0.0",
|
|
55
|
-
"@types/webpack-env": "^1.16.0",
|
|
39
|
+
"@storybook/docs-tools": "7.0.0-alpha.2",
|
|
40
|
+
"@storybook/store": "7.0.0-alpha.2",
|
|
56
41
|
"core-js": "^3.8.2",
|
|
57
42
|
"global": "^4.4.0",
|
|
58
43
|
"react": "16.14.0",
|
|
59
44
|
"react-dom": "16.14.0",
|
|
60
|
-
"read-pkg-up": "^7.0.1",
|
|
61
45
|
"regenerator-runtime": "^0.13.7",
|
|
62
|
-
"ts-dedent": "^2.0.0"
|
|
63
|
-
"ts-loader": "^8.0.14",
|
|
64
|
-
"vue-docgen-api": "^4.44.15",
|
|
65
|
-
"vue-docgen-loader": "^1.5.0",
|
|
66
|
-
"vue-loader": "^16.4.1",
|
|
67
|
-
"webpack": ">=4.0.0 <6.0.0"
|
|
46
|
+
"ts-dedent": "^2.0.0"
|
|
68
47
|
},
|
|
69
48
|
"devDependencies": {
|
|
70
|
-
"
|
|
71
|
-
"vue": "3.0.0",
|
|
72
|
-
"webpack": "4"
|
|
49
|
+
"vue": "3.0.0"
|
|
73
50
|
},
|
|
74
51
|
"peerDependencies": {
|
|
75
52
|
"@babel/core": "*",
|
|
76
|
-
"@vue/compiler-sfc": "^3.0.0",
|
|
77
53
|
"babel-loader": "^7.0.0 || ^8.0.0",
|
|
78
54
|
"vue": "^3.0.0"
|
|
79
55
|
},
|
|
@@ -83,6 +59,5 @@
|
|
|
83
59
|
"publishConfig": {
|
|
84
60
|
"access": "public"
|
|
85
61
|
},
|
|
86
|
-
"gitHead": "
|
|
87
|
-
"sbmodern": "dist/modern/client/index.js"
|
|
62
|
+
"gitHead": "44920e2b6bd51981bac5124743c29fb9f5517e44"
|
|
88
63
|
}
|
package/preview.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './dist/esm/config';
|
package/bin/build.js
DELETED
package/bin/index.js
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.extractArgTypes = void 0;
|
|
7
|
-
|
|
8
|
-
require("core-js/modules/es.object.to-string.js");
|
|
9
|
-
|
|
10
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
11
|
-
|
|
12
|
-
require("core-js/modules/es.function.name.js");
|
|
13
|
-
|
|
14
|
-
require("core-js/modules/es.symbol.js");
|
|
15
|
-
|
|
16
|
-
require("core-js/modules/es.symbol.description.js");
|
|
17
|
-
|
|
18
|
-
require("core-js/modules/es.object.assign.js");
|
|
19
|
-
|
|
20
|
-
var _docsTools = require("@storybook/docs-tools");
|
|
21
|
-
|
|
22
|
-
var SECTIONS = ['props', 'events', 'slots'];
|
|
23
|
-
|
|
24
|
-
var extractArgTypes = function extractArgTypes(component) {
|
|
25
|
-
if (!(0, _docsTools.hasDocgen)(component)) {
|
|
26
|
-
return null;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
var results = {};
|
|
30
|
-
SECTIONS.forEach(function (section) {
|
|
31
|
-
var props = (0, _docsTools.extractComponentProps)(component, section);
|
|
32
|
-
props.forEach(function (_ref) {
|
|
33
|
-
var propDef = _ref.propDef,
|
|
34
|
-
docgenInfo = _ref.docgenInfo,
|
|
35
|
-
jsDocTags = _ref.jsDocTags;
|
|
36
|
-
var name = propDef.name,
|
|
37
|
-
type = propDef.type,
|
|
38
|
-
description = propDef.description,
|
|
39
|
-
defaultSummary = propDef.defaultValue,
|
|
40
|
-
required = propDef.required;
|
|
41
|
-
var sbType = section === 'props' ? (0, _docsTools.convert)(docgenInfo) : {
|
|
42
|
-
name: 'void'
|
|
43
|
-
};
|
|
44
|
-
results[name] = {
|
|
45
|
-
name: name,
|
|
46
|
-
description: description,
|
|
47
|
-
type: Object.assign({
|
|
48
|
-
required: required
|
|
49
|
-
}, sbType),
|
|
50
|
-
table: {
|
|
51
|
-
type: type,
|
|
52
|
-
jsDocTags: jsDocTags,
|
|
53
|
-
defaultValue: defaultSummary,
|
|
54
|
-
category: section
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
});
|
|
58
|
-
});
|
|
59
|
-
return results;
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
exports.extractArgTypes = extractArgTypes;
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
require("core-js/modules/es.array.iterator.js");
|
|
6
|
-
|
|
7
|
-
require("core-js/modules/es.object.to-string.js");
|
|
8
|
-
|
|
9
|
-
require("core-js/modules/es.string.iterator.js");
|
|
10
|
-
|
|
11
|
-
require("core-js/modules/es.weak-map.js");
|
|
12
|
-
|
|
13
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
14
|
-
|
|
15
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
16
|
-
|
|
17
|
-
require("core-js/modules/es.symbol.js");
|
|
18
|
-
|
|
19
|
-
require("core-js/modules/es.symbol.description.js");
|
|
20
|
-
|
|
21
|
-
require("core-js/modules/es.symbol.iterator.js");
|
|
22
|
-
|
|
23
|
-
Object.defineProperty(exports, "__esModule", {
|
|
24
|
-
value: true
|
|
25
|
-
});
|
|
26
|
-
exports.prepareForInline = void 0;
|
|
27
|
-
|
|
28
|
-
var _react = _interopRequireDefault(require("react"));
|
|
29
|
-
|
|
30
|
-
var Vue = _interopRequireWildcard(require("vue"));
|
|
31
|
-
|
|
32
|
-
var _index = require("../index");
|
|
33
|
-
|
|
34
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
35
|
-
|
|
36
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
37
|
-
|
|
38
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
39
|
-
|
|
40
|
-
// This is cast as `any` to workaround type errors caused by Vue 2 types
|
|
41
|
-
var _ref = Vue,
|
|
42
|
-
render = _ref.render,
|
|
43
|
-
h = _ref.h;
|
|
44
|
-
|
|
45
|
-
var prepareForInline = function prepareForInline(storyFn, _ref2) {
|
|
46
|
-
var args = _ref2.args;
|
|
47
|
-
var component = storyFn();
|
|
48
|
-
var vnode = h(component, args); // By attaching the app context from `@storybook/vue3` to the vnode
|
|
49
|
-
// like this, these stoeis are able to access any app config stuff
|
|
50
|
-
// the end-user set inside `.storybook/preview.js`
|
|
51
|
-
|
|
52
|
-
vnode.appContext = _index.app._context; // eslint-disable-line no-underscore-dangle
|
|
53
|
-
|
|
54
|
-
return /*#__PURE__*/_react.default.createElement('div', {
|
|
55
|
-
ref: function ref(node) {
|
|
56
|
-
return node ? render(vnode, node) : null;
|
|
57
|
-
}
|
|
58
|
-
});
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
exports.prepareForInline = prepareForInline;
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "activeStoryComponent", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _render.activeStoryComponent;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.app = exports.addParameters = exports.addDecorator = void 0;
|
|
13
|
-
|
|
14
|
-
require("core-js/modules/es.array.concat.js");
|
|
15
|
-
|
|
16
|
-
var _core = require("@storybook/core");
|
|
17
|
-
|
|
18
|
-
require("./globals");
|
|
19
|
-
|
|
20
|
-
var _decorateStory = require("./decorateStory");
|
|
21
|
-
|
|
22
|
-
var _render = require("./render");
|
|
23
|
-
|
|
24
|
-
var framework = 'vue3';
|
|
25
|
-
var api = (0, _core.start)(_render.renderToDOM, {
|
|
26
|
-
decorateStory: _decorateStory.decorateStory,
|
|
27
|
-
render: _render.render
|
|
28
|
-
});
|
|
29
|
-
|
|
30
|
-
var storiesOf = function storiesOf(kind, m) {
|
|
31
|
-
return api.clientApi.storiesOf(kind, m).addParameters({
|
|
32
|
-
framework: framework
|
|
33
|
-
});
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
exports.storiesOf = storiesOf;
|
|
37
|
-
|
|
38
|
-
var configure = function configure() {
|
|
39
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
40
|
-
args[_key] = arguments[_key];
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
return api.configure.apply(api, [framework].concat(args));
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
exports.configure = configure;
|
|
47
|
-
var addDecorator = api.clientApi.addDecorator;
|
|
48
|
-
exports.addDecorator = addDecorator;
|
|
49
|
-
var addParameters = api.clientApi.addParameters;
|
|
50
|
-
exports.addParameters = addParameters;
|
|
51
|
-
var clearDecorators = api.clientApi.clearDecorators;
|
|
52
|
-
exports.clearDecorators = clearDecorators;
|
|
53
|
-
var setAddon = api.clientApi.setAddon;
|
|
54
|
-
exports.setAddon = setAddon;
|
|
55
|
-
var forceReRender = api.forceReRender;
|
|
56
|
-
exports.forceReRender = forceReRender;
|
|
57
|
-
var getStorybook = api.clientApi.getStorybook;
|
|
58
|
-
exports.getStorybook = getStorybook;
|
|
59
|
-
var raw = api.clientApi.raw;
|
|
60
|
-
exports.raw = raw;
|
|
61
|
-
var app = _render.storybookApp;
|
|
62
|
-
exports.app = app;
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.array.slice.js");
|
|
4
|
-
|
|
5
|
-
require("core-js/modules/es.object.freeze.js");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.render = exports.activeStoryComponent = void 0;
|
|
11
|
-
exports.renderToDOM = renderToDOM;
|
|
12
|
-
exports.storybookApp = void 0;
|
|
13
|
-
|
|
14
|
-
require("core-js/modules/es.function.name.js");
|
|
15
|
-
|
|
16
|
-
require("core-js/modules/es.array.concat.js");
|
|
17
|
-
|
|
18
|
-
var _tsDedent = _interopRequireDefault(require("ts-dedent"));
|
|
19
|
-
|
|
20
|
-
var _vue = require("vue");
|
|
21
|
-
|
|
22
|
-
var _templateObject;
|
|
23
|
-
|
|
24
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
-
|
|
26
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
27
|
-
|
|
28
|
-
var render = function render(props, context) {
|
|
29
|
-
var id = context.id,
|
|
30
|
-
Component = context.component;
|
|
31
|
-
|
|
32
|
-
if (!Component) {
|
|
33
|
-
throw new Error("Unable to render story ".concat(id, " as the component annotation is missing from the default export"));
|
|
34
|
-
} // TODO remove this hack
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
return (0, _vue.h)(Component, props);
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
exports.render = render;
|
|
41
|
-
var activeStoryComponent = (0, _vue.shallowRef)(null);
|
|
42
|
-
exports.activeStoryComponent = activeStoryComponent;
|
|
43
|
-
var root = null;
|
|
44
|
-
var storybookApp = (0, _vue.createApp)({
|
|
45
|
-
// If an end-user calls `unmount` on the app, we need to clear our root variable
|
|
46
|
-
unmounted: function unmounted() {
|
|
47
|
-
root = null;
|
|
48
|
-
},
|
|
49
|
-
setup: function setup() {
|
|
50
|
-
return function () {
|
|
51
|
-
if (!activeStoryComponent.value) throw new Error('No Vue 3 Story available. Was it set correctly?');
|
|
52
|
-
return (0, _vue.h)(activeStoryComponent.value);
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
exports.storybookApp = storybookApp;
|
|
57
|
-
|
|
58
|
-
function renderToDOM(_ref, domElement) {
|
|
59
|
-
var title = _ref.title,
|
|
60
|
-
name = _ref.name,
|
|
61
|
-
storyFn = _ref.storyFn,
|
|
62
|
-
showMain = _ref.showMain,
|
|
63
|
-
showError = _ref.showError,
|
|
64
|
-
showException = _ref.showException;
|
|
65
|
-
storybookApp.config.errorHandler = showException;
|
|
66
|
-
var element = storyFn();
|
|
67
|
-
|
|
68
|
-
if (!element) {
|
|
69
|
-
showError({
|
|
70
|
-
title: "Expecting a Vue component from the story: \"".concat(name, "\" of \"").concat(title, "\"."),
|
|
71
|
-
description: (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n Did you forget to return the Vue component from the story?\n Use \"() => ({ template: '<my-comp></my-comp>' })\" or \"() => ({ components: MyComp, template: '<my-comp></my-comp>' })\" when defining the story.\n "])))
|
|
72
|
-
});
|
|
73
|
-
return;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
showMain();
|
|
77
|
-
activeStoryComponent.value = element;
|
|
78
|
-
|
|
79
|
-
if (!root) {
|
|
80
|
-
root = storybookApp.mount(domElement);
|
|
81
|
-
}
|
|
82
|
-
}
|
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,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.previewAnnotations = void 0;
|
|
7
|
-
exports.webpackFinal = webpackFinal;
|
|
8
|
-
|
|
9
|
-
var _coreCommon = require("@storybook/core-common");
|
|
10
|
-
|
|
11
|
-
var _docsTools = require("@storybook/docs-tools");
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
15
|
-
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; }
|
|
16
|
-
|
|
17
|
-
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; }
|
|
18
|
-
|
|
19
|
-
function webpackFinal(webpackConfig = {}, options) {
|
|
20
|
-
var _options$presetsList;
|
|
21
|
-
|
|
22
|
-
if (!(0, _docsTools.hasDocsOrControls)(options)) return webpackConfig;
|
|
23
|
-
var vueDocgenOptions = {};
|
|
24
|
-
(_options$presetsList = options.presetsList) === null || _options$presetsList === void 0 ? void 0 : _options$presetsList.forEach(function (preset) {
|
|
25
|
-
if (preset.name.includes('addon-docs') && preset.options.vueDocgenOptions) {
|
|
26
|
-
var appendableOptions = preset.options.vueDocgenOptions;
|
|
27
|
-
vueDocgenOptions = _objectSpread(_objectSpread({}, vueDocgenOptions), appendableOptions);
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
webpackConfig.module.rules.push({
|
|
31
|
-
test: /\.vue$/,
|
|
32
|
-
loader: require.resolve('vue-docgen-loader', {
|
|
33
|
-
paths: [require.resolve('@storybook/vue3')]
|
|
34
|
-
}),
|
|
35
|
-
enforce: 'post',
|
|
36
|
-
options: {
|
|
37
|
-
docgenOptions: _objectSpread({
|
|
38
|
-
alias: webpackConfig.resolve.alias
|
|
39
|
-
}, vueDocgenOptions)
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
return webpackConfig;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
var previewAnnotations = function (entry = [], options) {
|
|
46
|
-
if (!(0, _docsTools.hasDocsOrControls)(options)) return entry;
|
|
47
|
-
return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/docs/config')];
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
exports.previewAnnotations = previewAnnotations;
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.previewAnnotations = void 0;
|
|
7
|
-
exports.webpack = webpack;
|
|
8
|
-
|
|
9
|
-
var _vueLoader = require("vue-loader");
|
|
10
|
-
|
|
11
|
-
var _webpack = require("webpack");
|
|
12
|
-
|
|
13
|
-
var _coreCommon = require("@storybook/core-common");
|
|
14
|
-
|
|
15
|
-
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; }
|
|
16
|
-
|
|
17
|
-
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; }
|
|
18
|
-
|
|
19
|
-
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; }
|
|
20
|
-
|
|
21
|
-
function webpack(config) {
|
|
22
|
-
return _objectSpread(_objectSpread({}, config), {}, {
|
|
23
|
-
plugins: [...config.plugins, new _vueLoader.VueLoaderPlugin(), new _webpack.DefinePlugin({
|
|
24
|
-
__VUE_OPTIONS_API__: JSON.stringify(true),
|
|
25
|
-
__VUE_PROD_DEVTOOLS__: JSON.stringify(true)
|
|
26
|
-
})],
|
|
27
|
-
module: _objectSpread(_objectSpread({}, config.module), {}, {
|
|
28
|
-
rules: [...config.module.rules, {
|
|
29
|
-
test: /\.vue$/,
|
|
30
|
-
loader: require.resolve('vue-loader'),
|
|
31
|
-
options: {}
|
|
32
|
-
}, {
|
|
33
|
-
test: /\.ts$/,
|
|
34
|
-
use: [{
|
|
35
|
-
loader: require.resolve('ts-loader'),
|
|
36
|
-
options: {
|
|
37
|
-
transpileOnly: true,
|
|
38
|
-
appendTsSuffixTo: [/\.vue$/]
|
|
39
|
-
}
|
|
40
|
-
}]
|
|
41
|
-
}, {
|
|
42
|
-
test: /\.tsx$/,
|
|
43
|
-
use: [{
|
|
44
|
-
loader: require.resolve('ts-loader'),
|
|
45
|
-
options: {
|
|
46
|
-
transpileOnly: true,
|
|
47
|
-
// Note this is different from the `appendTsSuffixTo` above!
|
|
48
|
-
appendTsxSuffixTo: [/\.vue$/]
|
|
49
|
-
}
|
|
50
|
-
}]
|
|
51
|
-
}]
|
|
52
|
-
}),
|
|
53
|
-
resolve: _objectSpread(_objectSpread({}, config.resolve), {}, {
|
|
54
|
-
extensions: [...config.resolve.extensions, '.vue'],
|
|
55
|
-
alias: _objectSpread(_objectSpread({}, config.resolve.alias), {}, {
|
|
56
|
-
vue$: require.resolve('vue/dist/vue.esm-bundler.js')
|
|
57
|
-
})
|
|
58
|
-
})
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
var previewAnnotations = function (entry = []) {
|
|
63
|
-
return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/preview/config')];
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
exports.previewAnnotations = previewAnnotations;
|
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: 'vue3',
|
|
15
|
-
frameworkPresets: [require.resolve('./preset')]
|
|
16
|
-
};
|
|
17
|
-
exports.default = _default;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { extractComponentDescription, enhanceArgTypes } from '@storybook/docs-tools';
|
|
2
|
-
import { extractArgTypes } from './extractArgTypes';
|
|
3
|
-
import { prepareForInline } from './prepareForInline';
|
|
4
|
-
export var parameters = {
|
|
5
|
-
docs: {
|
|
6
|
-
inlineStories: true,
|
|
7
|
-
prepareForInline: prepareForInline,
|
|
8
|
-
extractArgTypes: extractArgTypes,
|
|
9
|
-
extractComponentDescription: extractComponentDescription
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
export var argTypesEnhancers = [enhanceArgTypes];
|