@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.
Files changed (108) hide show
  1. package/README.md +1 -43
  2. package/dist/cjs/config.js +36 -0
  3. package/dist/cjs/{client/docs → docs}/config.js +2 -5
  4. package/dist/cjs/docs/extractArgTypes.js +53 -0
  5. package/dist/cjs/{client/index.js → index.js} +20 -32
  6. package/dist/cjs/{client/preview → preview}/config.js +4 -4
  7. package/dist/cjs/{client/preview → preview}/decorateStory.js +18 -27
  8. package/dist/cjs/{client/preview → preview}/globals.js +3 -1
  9. package/dist/cjs/preview/index.js +67 -0
  10. package/dist/cjs/preview/render.js +84 -0
  11. package/dist/cjs/{client/preview → preview}/types-6-0.js +0 -0
  12. package/dist/cjs/{client/preview → preview}/types-7-0.js +0 -0
  13. package/dist/cjs/{client/preview → preview}/types.js +0 -0
  14. package/dist/esm/config.js +6 -0
  15. package/dist/{modern/client → esm}/docs/config.js +0 -2
  16. package/dist/{modern/client → esm}/docs/extractArgTypes.js +0 -0
  17. package/dist/esm/index.js +4 -0
  18. package/dist/{modern/client → esm}/preview/config.js +0 -0
  19. package/dist/{modern/client → esm}/preview/decorateStory.js +0 -1
  20. package/dist/{modern/client → esm}/preview/globals.js +0 -0
  21. package/dist/{modern/client → esm}/preview/index.js +3 -4
  22. package/dist/esm/preview/render.js +66 -0
  23. package/dist/esm/{client/preview → preview}/types-6-0.js +0 -0
  24. package/dist/esm/{client/preview → preview}/types-7-0.js +0 -0
  25. package/dist/esm/{client/preview → preview}/types.js +0 -0
  26. package/dist/types/config.d.ts +10 -0
  27. package/dist/{ts3.9/client → types}/docs/config.d.ts +1 -2
  28. package/dist/{ts3.9/client → types}/docs/extractArgTypes.d.ts +0 -0
  29. package/dist/{ts3.9/client → types}/index.d.ts +1 -1
  30. package/dist/{ts3.9/client → types}/preview/config.d.ts +0 -0
  31. package/dist/{ts3.9/client → types}/preview/decorateStory.d.ts +0 -0
  32. package/dist/{ts3.9/client → types}/preview/globals.d.ts +0 -0
  33. package/dist/{ts3.9/client → types}/preview/index.d.ts +3 -4
  34. package/dist/types/preview/render.d.ts +6 -0
  35. package/dist/{ts3.9/client → types}/preview/types-6-0.d.ts +0 -0
  36. package/dist/{ts3.9/client → types}/preview/types-7-0.d.ts +0 -0
  37. package/dist/{ts3.9/client → types}/preview/types.d.ts +1 -1
  38. package/package.json +14 -39
  39. package/preview.js +1 -0
  40. package/bin/build.js +0 -4
  41. package/bin/index.js +0 -3
  42. package/dist/cjs/client/docs/extractArgTypes.js +0 -62
  43. package/dist/cjs/client/docs/prepareForInline.js +0 -61
  44. package/dist/cjs/client/preview/index.js +0 -62
  45. package/dist/cjs/client/preview/render.js +0 -82
  46. package/dist/cjs/server/build.js +0 -9
  47. package/dist/cjs/server/framework-preset-vue3-docs.js +0 -50
  48. package/dist/cjs/server/framework-preset-vue3.js +0 -66
  49. package/dist/cjs/server/index.js +0 -9
  50. package/dist/cjs/server/options.js +0 -17
  51. package/dist/cjs/server/preset.js +0 -8
  52. package/dist/esm/client/docs/config.js +0 -12
  53. package/dist/esm/client/docs/extractArgTypes.js +0 -45
  54. package/dist/esm/client/docs/prepareForInline.js +0 -22
  55. package/dist/esm/client/index.js +0 -6
  56. package/dist/esm/client/preview/config.js +0 -5
  57. package/dist/esm/client/preview/decorateStory.js +0 -64
  58. package/dist/esm/client/preview/globals.js +0 -4
  59. package/dist/esm/client/preview/index.js +0 -38
  60. package/dist/esm/client/preview/render.js +0 -60
  61. package/dist/esm/server/build.js +0 -3
  62. package/dist/esm/server/framework-preset-vue3-docs.js +0 -37
  63. package/dist/esm/server/framework-preset-vue3.js +0 -52
  64. package/dist/esm/server/index.js +0 -3
  65. package/dist/esm/server/options.js +0 -8
  66. package/dist/esm/server/preset.js +0 -1
  67. package/dist/modern/client/docs/prepareForInline.js +0 -22
  68. package/dist/modern/client/index.js +0 -6
  69. package/dist/modern/client/preview/render.js +0 -60
  70. package/dist/modern/client/preview/types-6-0.js +0 -1
  71. package/dist/modern/client/preview/types-7-0.js +0 -1
  72. package/dist/modern/client/preview/types.js +0 -1
  73. package/dist/modern/server/build.js +0 -3
  74. package/dist/modern/server/framework-preset-vue3-docs.js +0 -37
  75. package/dist/modern/server/framework-preset-vue3.js +0 -52
  76. package/dist/modern/server/index.js +0 -3
  77. package/dist/modern/server/options.js +0 -8
  78. package/dist/modern/server/preset.js +0 -1
  79. package/dist/ts3.4/client/docs/config.d.ts +0 -10
  80. package/dist/ts3.4/client/docs/extractArgTypes.d.ts +0 -2
  81. package/dist/ts3.4/client/docs/prepareForInline.d.ts +0 -4
  82. package/dist/ts3.4/client/index.d.ts +0 -2
  83. package/dist/ts3.4/client/preview/config.d.ts +0 -5
  84. package/dist/ts3.4/client/preview/decorateStory.d.ts +0 -3
  85. package/dist/ts3.4/client/preview/globals.d.ts +0 -1
  86. package/dist/ts3.4/client/preview/index.d.ts +0 -31
  87. package/dist/ts3.4/client/preview/render.d.ts +0 -7
  88. package/dist/ts3.4/client/preview/types-6-0.d.ts +0 -35
  89. package/dist/ts3.4/client/preview/types-7-0.d.ts +0 -9
  90. package/dist/ts3.4/client/preview/types.d.ts +0 -15
  91. package/dist/ts3.4/server/build.d.ts +0 -1
  92. package/dist/ts3.4/server/framework-preset-vue3-docs.d.ts +0 -3
  93. package/dist/ts3.4/server/framework-preset-vue3.d.ts +0 -4
  94. package/dist/ts3.4/server/index.d.ts +0 -1
  95. package/dist/ts3.4/server/options.d.ts +0 -3
  96. package/dist/ts3.4/server/preset.d.ts +0 -2
  97. package/dist/ts3.9/client/docs/prepareForInline.d.ts +0 -4
  98. package/dist/ts3.9/client/preview/render.d.ts +0 -7
  99. package/dist/ts3.9/server/build.d.ts +0 -1
  100. package/dist/ts3.9/server/framework-preset-vue3-docs.d.ts +0 -3
  101. package/dist/ts3.9/server/framework-preset-vue3.d.ts +0 -4
  102. package/dist/ts3.9/server/index.d.ts +0 -1
  103. package/dist/ts3.9/server/options.d.ts +0 -3
  104. package/dist/ts3.9/server/preset.d.ts +0 -2
  105. package/preset.js +0 -1
  106. package/standalone.js +0 -8
  107. package/types-6-0.d.ts +0 -1
  108. 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("@storybook/addons").Parameters)[];
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)[];
@@ -1,2 +1,2 @@
1
- export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, app, activeStoryComponent, } from './preview';
1
+ export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, setup, } from './preview';
2
2
  export * from './preview/types-6-0';
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("@storybook/client-api/dist/ts3.9/ClientApi").GetStorybookKind<VueFramework>[]);
29
- export declare const raw: (() => never) | (() => import("@storybook/store").BoundStory<VueFramework>[]);
30
- export declare const app: ClientApi['app'];
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;
@@ -1,5 +1,5 @@
1
1
  import { ConcreteComponent } from 'vue';
2
- export type { RenderContext } from '@storybook/core';
2
+ export type { RenderContext } from '@storybook/core-client';
3
3
  export interface ShowErrorArgs {
4
4
  title: string;
5
5
  description: string;
package/package.json CHANGED
@@ -1,39 +1,27 @@
1
1
  {
2
2
  "name": "@storybook/vue3",
3
- "version": "6.5.9",
4
- "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
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/app/vue3",
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": "app/vue3"
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/client/index.js",
23
- "module": "dist/esm/client/index.js",
24
- "types": "dist/ts3.9/client/index.d.ts",
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": "6.5.9",
49
- "@storybook/core": "6.5.9",
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": "6.5.9",
53
- "@storybook/store": "6.5.9",
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
- "@vue/compiler-sfc": "3.0.0",
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": "e2673f765722cbb542ef1b5cf8d533c8e746a127",
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
@@ -1,4 +0,0 @@
1
- #!/usr/bin/env node
2
-
3
- process.env.NODE_ENV = process.env.NODE_ENV || 'production';
4
- require('../dist/cjs/server/build');
package/bin/index.js DELETED
@@ -1,3 +0,0 @@
1
- #!/usr/bin/env node
2
-
3
- require('../dist/cjs/server');
@@ -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
- }
@@ -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;
@@ -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,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.addons = void 0;
7
- var addons = [require.resolve('./framework-preset-vue3'), require.resolve('./framework-preset-vue3-docs')];
8
- exports.addons = addons;
@@ -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];