@storybook/vue3 6.5.7 → 7.0.0-alpha.0

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 (102) hide show
  1. package/README.md +1 -43
  2. package/dist/cjs/config.js +44 -0
  3. package/dist/cjs/{client/docs → docs}/config.js +0 -0
  4. package/dist/cjs/{client/docs → docs}/extractArgTypes.js +0 -0
  5. package/dist/cjs/{client/docs → docs}/prepareForInline.js +0 -0
  6. package/dist/cjs/{client/index.js → index.js} +4 -3
  7. package/dist/cjs/{client/preview → preview}/config.js +0 -0
  8. package/dist/cjs/{client/preview → preview}/decorateStory.js +0 -0
  9. package/dist/cjs/{client/preview → preview}/globals.js +0 -0
  10. package/dist/cjs/{client/preview → preview}/index.js +2 -2
  11. package/dist/cjs/{client/preview → preview}/render.js +0 -0
  12. package/dist/cjs/{client/preview → preview}/types-6-0.js +0 -0
  13. package/dist/cjs/{client/preview → preview}/types-7-0.js +0 -0
  14. package/dist/cjs/{client/preview → preview}/types.js +0 -0
  15. package/dist/esm/config.js +6 -0
  16. package/dist/{modern/client → esm}/docs/config.js +0 -0
  17. package/dist/{modern/client → esm}/docs/extractArgTypes.js +0 -0
  18. package/dist/{modern/client → esm}/docs/prepareForInline.js +0 -0
  19. package/dist/{modern/client → esm}/index.js +2 -4
  20. package/dist/{modern/client → esm}/preview/config.js +0 -0
  21. package/dist/{modern/client → esm}/preview/decorateStory.js +0 -1
  22. package/dist/{modern/client → esm}/preview/globals.js +0 -0
  23. package/dist/{modern/client → esm}/preview/index.js +1 -1
  24. package/dist/{modern/client → esm}/preview/render.js +0 -0
  25. package/dist/esm/{client/preview → preview}/types-6-0.js +0 -0
  26. package/dist/esm/{client/preview → preview}/types-7-0.js +0 -0
  27. package/dist/esm/{client/preview → preview}/types.js +0 -0
  28. package/dist/types/config.d.ts +11 -0
  29. package/dist/{ts3.9/client → types}/docs/config.d.ts +1 -1
  30. package/dist/{ts3.9/client → types}/docs/extractArgTypes.d.ts +0 -0
  31. package/dist/{ts3.9/client → types}/docs/prepareForInline.d.ts +0 -0
  32. package/dist/{ts3.9/client → types}/index.d.ts +0 -0
  33. package/dist/{ts3.9/client → types}/preview/config.d.ts +0 -0
  34. package/dist/{ts3.9/client → types}/preview/decorateStory.d.ts +0 -0
  35. package/dist/{ts3.9/client → types}/preview/globals.d.ts +0 -0
  36. package/dist/{ts3.9/client → types}/preview/index.d.ts +2 -2
  37. package/dist/{ts3.9/client → types}/preview/render.d.ts +1 -1
  38. package/dist/{ts3.9/client → types}/preview/types-6-0.d.ts +0 -0
  39. package/dist/{ts3.9/client → types}/preview/types-7-0.d.ts +0 -0
  40. package/dist/{ts3.9/client → types}/preview/types.d.ts +1 -1
  41. package/package.json +14 -39
  42. package/preview.js +1 -0
  43. package/bin/build.js +0 -4
  44. package/bin/index.js +0 -3
  45. package/dist/cjs/server/build.js +0 -9
  46. package/dist/cjs/server/framework-preset-vue3-docs.js +0 -50
  47. package/dist/cjs/server/framework-preset-vue3.js +0 -66
  48. package/dist/cjs/server/index.js +0 -9
  49. package/dist/cjs/server/options.js +0 -17
  50. package/dist/cjs/server/preset.js +0 -8
  51. package/dist/esm/client/docs/config.js +0 -12
  52. package/dist/esm/client/docs/extractArgTypes.js +0 -45
  53. package/dist/esm/client/docs/prepareForInline.js +0 -22
  54. package/dist/esm/client/index.js +0 -6
  55. package/dist/esm/client/preview/config.js +0 -5
  56. package/dist/esm/client/preview/decorateStory.js +0 -64
  57. package/dist/esm/client/preview/globals.js +0 -4
  58. package/dist/esm/client/preview/index.js +0 -38
  59. package/dist/esm/client/preview/render.js +0 -60
  60. package/dist/esm/server/build.js +0 -3
  61. package/dist/esm/server/framework-preset-vue3-docs.js +0 -37
  62. package/dist/esm/server/framework-preset-vue3.js +0 -52
  63. package/dist/esm/server/index.js +0 -3
  64. package/dist/esm/server/options.js +0 -8
  65. package/dist/esm/server/preset.js +0 -1
  66. package/dist/modern/client/preview/types-6-0.js +0 -1
  67. package/dist/modern/client/preview/types-7-0.js +0 -1
  68. package/dist/modern/client/preview/types.js +0 -1
  69. package/dist/modern/server/build.js +0 -3
  70. package/dist/modern/server/framework-preset-vue3-docs.js +0 -37
  71. package/dist/modern/server/framework-preset-vue3.js +0 -52
  72. package/dist/modern/server/index.js +0 -3
  73. package/dist/modern/server/options.js +0 -8
  74. package/dist/modern/server/preset.js +0 -1
  75. package/dist/ts3.4/client/docs/config.d.ts +0 -10
  76. package/dist/ts3.4/client/docs/extractArgTypes.d.ts +0 -2
  77. package/dist/ts3.4/client/docs/prepareForInline.d.ts +0 -4
  78. package/dist/ts3.4/client/index.d.ts +0 -2
  79. package/dist/ts3.4/client/preview/config.d.ts +0 -5
  80. package/dist/ts3.4/client/preview/decorateStory.d.ts +0 -3
  81. package/dist/ts3.4/client/preview/globals.d.ts +0 -1
  82. package/dist/ts3.4/client/preview/index.d.ts +0 -31
  83. package/dist/ts3.4/client/preview/render.d.ts +0 -7
  84. package/dist/ts3.4/client/preview/types-6-0.d.ts +0 -35
  85. package/dist/ts3.4/client/preview/types-7-0.d.ts +0 -9
  86. package/dist/ts3.4/client/preview/types.d.ts +0 -15
  87. package/dist/ts3.4/server/build.d.ts +0 -1
  88. package/dist/ts3.4/server/framework-preset-vue3-docs.d.ts +0 -3
  89. package/dist/ts3.4/server/framework-preset-vue3.d.ts +0 -4
  90. package/dist/ts3.4/server/index.d.ts +0 -1
  91. package/dist/ts3.4/server/options.d.ts +0 -3
  92. package/dist/ts3.4/server/preset.d.ts +0 -2
  93. package/dist/ts3.9/server/build.d.ts +0 -1
  94. package/dist/ts3.9/server/framework-preset-vue3-docs.d.ts +0 -3
  95. package/dist/ts3.9/server/framework-preset-vue3.d.ts +0 -4
  96. package/dist/ts3.9/server/index.d.ts +0 -1
  97. package/dist/ts3.9/server/options.d.ts +0 -3
  98. package/dist/ts3.9/server/preset.d.ts +0 -2
  99. package/preset.js +0 -1
  100. package/standalone.js +0 -8
  101. package/types-6-0.d.ts +0 -1
  102. package/types-7-0.d.ts +0 -1
@@ -1,5 +0,0 @@
1
- export { render, renderToDOM } from './render';
2
- export { decorateStory as applyDecorators } from './decorateStory';
3
- export var parameters = {
4
- framework: 'vue3'
5
- };
@@ -1,64 +0,0 @@
1
- import "core-js/modules/es.function.name.js";
2
- import "core-js/modules/es.object.assign.js";
3
- import "core-js/modules/es.object.to-string.js";
4
- import { h } from 'vue';
5
- import { sanitizeStoryContextUpdate } from '@storybook/store';
6
-
7
- /*
8
- This normalizes a functional component into a render method in ComponentOptions.
9
-
10
- The concept is taken from Vue 3's `defineComponent` but changed from creating a `setup`
11
- method on the ComponentOptions so end-users don't need to specify a "thunk" as a decorator.
12
- */
13
- function normalizeFunctionalComponent(options) {
14
- return typeof options === 'function' ? {
15
- render: options,
16
- name: options.name
17
- } : options;
18
- }
19
-
20
- function prepare(rawStory, innerStory) {
21
- var story = rawStory;
22
-
23
- if (story == null) {
24
- return null;
25
- }
26
-
27
- if (innerStory) {
28
- return Object.assign({}, normalizeFunctionalComponent(story), {
29
- components: Object.assign({}, story.components || {}, {
30
- story: innerStory
31
- })
32
- });
33
- }
34
-
35
- return {
36
- render: function render() {
37
- return h(story);
38
- }
39
- };
40
- }
41
-
42
- export function decorateStory(storyFn, decorators) {
43
- return decorators.reduce(function (decorated, decorator) {
44
- return function (context) {
45
- var story;
46
- var decoratedStory = decorator(function (update) {
47
- story = decorated(Object.assign({}, context, sanitizeStoryContextUpdate(update)));
48
- return story;
49
- }, context);
50
-
51
- if (!story) {
52
- story = decorated(context);
53
- }
54
-
55
- if (decoratedStory === story) {
56
- return story;
57
- }
58
-
59
- return prepare(decoratedStory, story);
60
- };
61
- }, function (context) {
62
- return prepare(storyFn(context));
63
- });
64
- }
@@ -1,4 +0,0 @@
1
- import global from 'global';
2
- var globalWindow = global.window;
3
- globalWindow.STORYBOOK_REACT_CLASSES = {};
4
- globalWindow.STORYBOOK_ENV = 'vue3';
@@ -1,38 +0,0 @@
1
- import "core-js/modules/es.array.concat.js";
2
- import { start } from '@storybook/core';
3
- import './globals';
4
- import { decorateStory } from './decorateStory';
5
- import { render, renderToDOM, storybookApp } from './render';
6
- var framework = 'vue3';
7
- var api = start(renderToDOM, {
8
- decorateStory: decorateStory,
9
- render: render
10
- });
11
- export var storiesOf = function storiesOf(kind, m) {
12
- return api.clientApi.storiesOf(kind, m).addParameters({
13
- framework: framework
14
- });
15
- };
16
- export var configure = function configure() {
17
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
18
- args[_key] = arguments[_key];
19
- }
20
-
21
- return api.configure.apply(api, [framework].concat(args));
22
- };
23
- var addDecorator = api.clientApi.addDecorator;
24
- export { addDecorator };
25
- var addParameters = api.clientApi.addParameters;
26
- export { addParameters };
27
- var clearDecorators = api.clientApi.clearDecorators;
28
- export { clearDecorators };
29
- var setAddon = api.clientApi.setAddon;
30
- export { setAddon };
31
- var forceReRender = api.forceReRender;
32
- export { forceReRender };
33
- var getStorybook = api.clientApi.getStorybook;
34
- export { getStorybook };
35
- var raw = api.clientApi.raw;
36
- export { raw };
37
- export var app = storybookApp;
38
- export { activeStoryComponent } from './render';
@@ -1,60 +0,0 @@
1
- var _templateObject;
2
-
3
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
4
-
5
- import "core-js/modules/es.function.name.js";
6
- import "core-js/modules/es.array.concat.js";
7
- import "core-js/modules/es.array.slice.js";
8
- import "core-js/modules/es.object.freeze.js";
9
- import dedent from 'ts-dedent';
10
- import { createApp, h, shallowRef } from 'vue';
11
- export var render = function render(props, context) {
12
- var id = context.id,
13
- Component = context.component;
14
-
15
- if (!Component) {
16
- throw new Error("Unable to render story ".concat(id, " as the component annotation is missing from the default export"));
17
- } // TODO remove this hack
18
-
19
-
20
- return h(Component, props);
21
- };
22
- export var activeStoryComponent = shallowRef(null);
23
- var root = null;
24
- export var storybookApp = createApp({
25
- // If an end-user calls `unmount` on the app, we need to clear our root variable
26
- unmounted: function unmounted() {
27
- root = null;
28
- },
29
- setup: function setup() {
30
- return function () {
31
- if (!activeStoryComponent.value) throw new Error('No Vue 3 Story available. Was it set correctly?');
32
- return h(activeStoryComponent.value);
33
- };
34
- }
35
- });
36
- export function renderToDOM(_ref, domElement) {
37
- var title = _ref.title,
38
- name = _ref.name,
39
- storyFn = _ref.storyFn,
40
- showMain = _ref.showMain,
41
- showError = _ref.showError,
42
- showException = _ref.showException;
43
- storybookApp.config.errorHandler = showException;
44
- var element = storyFn();
45
-
46
- if (!element) {
47
- showError({
48
- title: "Expecting a Vue component from the story: \"".concat(name, "\" of \"").concat(title, "\"."),
49
- description: dedent(_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 "])))
50
- });
51
- return;
52
- }
53
-
54
- showMain();
55
- activeStoryComponent.value = element;
56
-
57
- if (!root) {
58
- root = storybookApp.mount(domElement);
59
- }
60
- }
@@ -1,3 +0,0 @@
1
- import { buildStatic } from '@storybook/core/server';
2
- import options from './options';
3
- buildStatic(options);
@@ -1,37 +0,0 @@
1
- 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; }
2
-
3
- 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; }
4
-
5
- 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; }
6
-
7
- import { findDistEsm } from '@storybook/core-common';
8
- import { hasDocsOrControls } from '@storybook/docs-tools';
9
- export function webpackFinal(webpackConfig = {}, options) {
10
- var _options$presetsList;
11
-
12
- if (!hasDocsOrControls(options)) return webpackConfig;
13
- var vueDocgenOptions = {};
14
- (_options$presetsList = options.presetsList) === null || _options$presetsList === void 0 ? void 0 : _options$presetsList.forEach(function (preset) {
15
- if (preset.name.includes('addon-docs') && preset.options.vueDocgenOptions) {
16
- var appendableOptions = preset.options.vueDocgenOptions;
17
- vueDocgenOptions = _objectSpread(_objectSpread({}, vueDocgenOptions), appendableOptions);
18
- }
19
- });
20
- webpackConfig.module.rules.push({
21
- test: /\.vue$/,
22
- loader: require.resolve('vue-docgen-loader', {
23
- paths: [require.resolve('@storybook/vue3')]
24
- }),
25
- enforce: 'post',
26
- options: {
27
- docgenOptions: _objectSpread({
28
- alias: webpackConfig.resolve.alias
29
- }, vueDocgenOptions)
30
- }
31
- });
32
- return webpackConfig;
33
- }
34
- export var previewAnnotations = function (entry = [], options) {
35
- if (!hasDocsOrControls(options)) return entry;
36
- return [...entry, findDistEsm(__dirname, 'client/docs/config')];
37
- };
@@ -1,52 +0,0 @@
1
- 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; }
2
-
3
- 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; }
4
-
5
- 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; }
6
-
7
- import { VueLoaderPlugin } from 'vue-loader';
8
- import { DefinePlugin } from 'webpack';
9
- import { findDistEsm } from '@storybook/core-common';
10
- export function webpack(config) {
11
- return _objectSpread(_objectSpread({}, config), {}, {
12
- plugins: [...config.plugins, new VueLoaderPlugin(), new DefinePlugin({
13
- __VUE_OPTIONS_API__: JSON.stringify(true),
14
- __VUE_PROD_DEVTOOLS__: JSON.stringify(true)
15
- })],
16
- module: _objectSpread(_objectSpread({}, config.module), {}, {
17
- rules: [...config.module.rules, {
18
- test: /\.vue$/,
19
- loader: require.resolve('vue-loader'),
20
- options: {}
21
- }, {
22
- test: /\.ts$/,
23
- use: [{
24
- loader: require.resolve('ts-loader'),
25
- options: {
26
- transpileOnly: true,
27
- appendTsSuffixTo: [/\.vue$/]
28
- }
29
- }]
30
- }, {
31
- test: /\.tsx$/,
32
- use: [{
33
- loader: require.resolve('ts-loader'),
34
- options: {
35
- transpileOnly: true,
36
- // Note this is different from the `appendTsSuffixTo` above!
37
- appendTsxSuffixTo: [/\.vue$/]
38
- }
39
- }]
40
- }]
41
- }),
42
- resolve: _objectSpread(_objectSpread({}, config.resolve), {}, {
43
- extensions: [...config.resolve.extensions, '.vue'],
44
- alias: _objectSpread(_objectSpread({}, config.resolve.alias), {}, {
45
- vue$: require.resolve('vue/dist/vue.esm-bundler.js')
46
- })
47
- })
48
- });
49
- }
50
- export var previewAnnotations = function (entry = []) {
51
- return [...entry, findDistEsm(__dirname, 'client/preview/config')];
52
- };
@@ -1,3 +0,0 @@
1
- import { buildDev } from '@storybook/core/server';
2
- import options from './options';
3
- buildDev(options);
@@ -1,8 +0,0 @@
1
- import { sync } from 'read-pkg-up';
2
- export default {
3
- packageJson: sync({
4
- cwd: __dirname
5
- }).packageJson,
6
- framework: 'vue3',
7
- frameworkPresets: [require.resolve('./preset')]
8
- };
@@ -1 +0,0 @@
1
- export var addons = [require.resolve('./framework-preset-vue3'), require.resolve('./framework-preset-vue3-docs')];
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- import { buildStatic } from '@storybook/core/server';
2
- import options from './options';
3
- buildStatic(options);
@@ -1,37 +0,0 @@
1
- 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; }
2
-
3
- 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; }
4
-
5
- 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; }
6
-
7
- import { findDistEsm } from '@storybook/core-common';
8
- import { hasDocsOrControls } from '@storybook/docs-tools';
9
- export function webpackFinal(webpackConfig = {}, options) {
10
- var _options$presetsList;
11
-
12
- if (!hasDocsOrControls(options)) return webpackConfig;
13
- var vueDocgenOptions = {};
14
- (_options$presetsList = options.presetsList) === null || _options$presetsList === void 0 ? void 0 : _options$presetsList.forEach(function (preset) {
15
- if (preset.name.includes('addon-docs') && preset.options.vueDocgenOptions) {
16
- var appendableOptions = preset.options.vueDocgenOptions;
17
- vueDocgenOptions = _objectSpread(_objectSpread({}, vueDocgenOptions), appendableOptions);
18
- }
19
- });
20
- webpackConfig.module.rules.push({
21
- test: /\.vue$/,
22
- loader: require.resolve('vue-docgen-loader', {
23
- paths: [require.resolve('@storybook/vue3')]
24
- }),
25
- enforce: 'post',
26
- options: {
27
- docgenOptions: _objectSpread({
28
- alias: webpackConfig.resolve.alias
29
- }, vueDocgenOptions)
30
- }
31
- });
32
- return webpackConfig;
33
- }
34
- export var previewAnnotations = function (entry = [], options) {
35
- if (!hasDocsOrControls(options)) return entry;
36
- return [...entry, findDistEsm(__dirname, 'client/docs/config')];
37
- };
@@ -1,52 +0,0 @@
1
- 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; }
2
-
3
- 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; }
4
-
5
- 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; }
6
-
7
- import { VueLoaderPlugin } from 'vue-loader';
8
- import { DefinePlugin } from 'webpack';
9
- import { findDistEsm } from '@storybook/core-common';
10
- export function webpack(config) {
11
- return _objectSpread(_objectSpread({}, config), {}, {
12
- plugins: [...config.plugins, new VueLoaderPlugin(), new DefinePlugin({
13
- __VUE_OPTIONS_API__: JSON.stringify(true),
14
- __VUE_PROD_DEVTOOLS__: JSON.stringify(true)
15
- })],
16
- module: _objectSpread(_objectSpread({}, config.module), {}, {
17
- rules: [...config.module.rules, {
18
- test: /\.vue$/,
19
- loader: require.resolve('vue-loader'),
20
- options: {}
21
- }, {
22
- test: /\.ts$/,
23
- use: [{
24
- loader: require.resolve('ts-loader'),
25
- options: {
26
- transpileOnly: true,
27
- appendTsSuffixTo: [/\.vue$/]
28
- }
29
- }]
30
- }, {
31
- test: /\.tsx$/,
32
- use: [{
33
- loader: require.resolve('ts-loader'),
34
- options: {
35
- transpileOnly: true,
36
- // Note this is different from the `appendTsSuffixTo` above!
37
- appendTsxSuffixTo: [/\.vue$/]
38
- }
39
- }]
40
- }]
41
- }),
42
- resolve: _objectSpread(_objectSpread({}, config.resolve), {}, {
43
- extensions: [...config.resolve.extensions, '.vue'],
44
- alias: _objectSpread(_objectSpread({}, config.resolve.alias), {}, {
45
- vue$: require.resolve('vue/dist/vue.esm-bundler.js')
46
- })
47
- })
48
- });
49
- }
50
- export var previewAnnotations = function (entry = []) {
51
- return [...entry, findDistEsm(__dirname, 'client/preview/config')];
52
- };
@@ -1,3 +0,0 @@
1
- import { buildDev } from '@storybook/core/server';
2
- import options from './options';
3
- buildDev(options);
@@ -1,8 +0,0 @@
1
- import { sync } from 'read-pkg-up';
2
- export default {
3
- packageJson: sync({
4
- cwd: __dirname
5
- }).packageJson,
6
- framework: 'vue3',
7
- frameworkPresets: [require.resolve('./preset')]
8
- };
@@ -1 +0,0 @@
1
- export var addons = [require.resolve('./framework-preset-vue3'), require.resolve('./framework-preset-vue3-docs')];
@@ -1,10 +0,0 @@
1
- import { extractComponentDescription } from '@storybook/docs-tools';
2
- export declare const parameters: {
3
- docs: {
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
- extractArgTypes: import("@storybook/docs-tools").ArgTypesExtractor;
7
- extractComponentDescription: typeof extractComponentDescription;
8
- };
9
- };
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)[];
@@ -1,2 +0,0 @@
1
- import { ArgTypesExtractor } from '@storybook/docs-tools';
2
- export declare const extractArgTypes: ArgTypesExtractor;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { StoryContext, PartialStoryFn } from '@storybook/csf';
3
- import { VueFramework } from '../index';
4
- export declare const prepareForInline: (storyFn: PartialStoryFn<VueFramework>, { args }: StoryContext<VueFramework>) => React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
@@ -1,2 +0,0 @@
1
- export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, app, activeStoryComponent, } from './preview';
2
- export * from './preview/types-6-0';
@@ -1,5 +0,0 @@
1
- export { render, renderToDOM } from './render';
2
- export { decorateStory as applyDecorators } from './decorateStory';
3
- export declare const parameters: {
4
- framework: string;
5
- };
@@ -1,3 +0,0 @@
1
- import { DecoratorFunction, LegacyStoryFn } from '@storybook/csf';
2
- import { VueFramework } from './types-6-0';
3
- export declare function decorateStory(storyFn: LegacyStoryFn<VueFramework>, decorators: DecoratorFunction<VueFramework>[]): LegacyStoryFn<VueFramework>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,31 +0,0 @@
1
- /// <reference types="webpack-env" />
2
- /// <reference types="node" />
3
- import { App } from 'vue';
4
- import { ClientStoryApi, Loadable } from '@storybook/addons';
5
- import './globals';
6
- import { IStorybookSection } from './types';
7
- import { VueFramework } from './types-6-0';
8
- interface ClientApi extends ClientStoryApi<VueFramework['storyResult']> {
9
- setAddon(addon: any): void;
10
- configure(loader: Loadable, module: NodeModule): void;
11
- getStorybook(): IStorybookSection[];
12
- clearDecorators(): void;
13
- forceReRender(): void;
14
- raw: () => any;
15
- load: (...args: any[]) => void;
16
- app: App;
17
- }
18
- export declare const storiesOf: ClientApi['storiesOf'];
19
- export declare const configure: ClientApi['configure'];
20
- export declare const addDecorator: (() => never) | ((decorator: import("@storybook/csf").DecoratorFunction<VueFramework, import("@storybook/addons").Args>) => void);
21
- export declare const addParameters: (() => never) | (({ globals, globalTypes, ...parameters }: import("@storybook/csf/dist/story").Parameters & {
22
- globals?: import("@storybook/csf").Globals;
23
- globalTypes?: import("@storybook/csf").GlobalTypes;
24
- }) => void);
25
- export declare const clearDecorators: (() => never) | (() => void);
26
- export declare const setAddon: (() => never) | ((addon: any) => void);
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';
@@ -1,7 +0,0 @@
1
- import { RenderContext } from '@storybook/store';
2
- import { ArgsStoryFn } from '@storybook/csf';
3
- import { VueFramework } from './types-6-0';
4
- export declare const render: ArgsStoryFn<VueFramework>;
5
- export declare const activeStoryComponent: import("vue").Ref<import("vue").ComponentOptions<any, any, any, Record<string, import("@vue/reactivity").ComputedGetter<any> | import("vue").WritableComputedOptions<any>>, import("vue").MethodOptions, any, any, any>> | import("vue").Ref<import("vue").FunctionalComponent<any, any>>;
6
- export declare const storybookApp: import("vue").App<Element>;
7
- export declare function renderToDOM({ title, name, storyFn, showMain, showError, showException }: RenderContext<VueFramework>, domElement: HTMLElement): void;
@@ -1,35 +0,0 @@
1
- import { ConcreteComponent } from 'vue';
2
- import { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
3
- import { StoryFnVueReturnType } from './types';
4
- export { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
5
- export declare type VueFramework = {
6
- component: ConcreteComponent<any>;
7
- storyResult: StoryFnVueReturnType;
8
- };
9
- /**
10
- * Metadata to configure the stories for a component.
11
- *
12
- * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
13
- */
14
- export declare type Meta<TArgs = Args> = ComponentAnnotations<VueFramework, TArgs>;
15
- /**
16
- * Story function that represents a CSFv2 component example.
17
- *
18
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
19
- */
20
- export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<VueFramework, TArgs>;
21
- /**
22
- * Story function that represents a CSFv3 component example.
23
- *
24
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
25
- */
26
- export declare type StoryObj<TArgs = Args> = StoryAnnotations<VueFramework, TArgs>;
27
- /**
28
- * Story function that represents a CSFv2 component example.
29
- *
30
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
31
- *
32
- * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
33
- *
34
- */
35
- export declare type Story<TArgs = Args> = StoryFn<TArgs>;
@@ -1,9 +0,0 @@
1
- import { Args } from '@storybook/csf';
2
- import { StoryObj } from './types-6-0';
3
- export { StoryFn, StoryObj, Meta } from './types-6-0';
4
- /**
5
- * Story function that represents a CSFv3 component example.
6
- *
7
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
8
- */
9
- export declare type Story<TArgs = Args> = StoryObj<TArgs>;
@@ -1,15 +0,0 @@
1
- import { ConcreteComponent } from 'vue';
2
- export { RenderContext } from '@storybook/core';
3
- export interface ShowErrorArgs {
4
- title: string;
5
- description: string;
6
- }
7
- export declare type StoryFnVueReturnType = ConcreteComponent<any>;
8
- export interface IStorybookStory {
9
- name: string;
10
- render: (context: any) => any;
11
- }
12
- export interface IStorybookSection {
13
- kind: string;
14
- stories: IStorybookStory[];
15
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- import { Options, StorybookConfig } from '@storybook/core-common';
2
- export declare function webpackFinal(webpackConfig: any, options: Options): any;
3
- export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
@@ -1,4 +0,0 @@
1
- import { Configuration } from 'webpack';
2
- import { StorybookConfig } from '@storybook/core-common';
3
- export declare function webpack(config: Configuration): Configuration;
4
- export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- import { LoadOptions } from '@storybook/core-common';
2
- declare const _default: LoadOptions;
3
- export default _default;
@@ -1,2 +0,0 @@
1
- import { StorybookConfig } from '@storybook/core-common';
2
- export declare const addons: StorybookConfig['addons'];
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- import type { Options, StorybookConfig } from '@storybook/core-common';
2
- export declare function webpackFinal(webpackConfig: any, options: Options): any;
3
- export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
@@ -1,4 +0,0 @@
1
- import { Configuration } from 'webpack';
2
- import type { StorybookConfig } from '@storybook/core-common';
3
- export declare function webpack(config: Configuration): Configuration;
4
- export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- import type { LoadOptions } from '@storybook/core-common';
2
- declare const _default: LoadOptions;
3
- export default _default;
@@ -1,2 +0,0 @@
1
- import type { StorybookConfig } from '@storybook/core-common';
2
- export declare const addons: StorybookConfig['addons'];
package/preset.js DELETED
@@ -1 +0,0 @@
1
- module.exports = require('./dist/cjs/server/preset');
package/standalone.js DELETED
@@ -1,8 +0,0 @@
1
- const build = require('@storybook/core/standalone');
2
- const frameworkOptions = require('./dist/cjs/server/options').default;
3
-
4
- async function buildStandalone(options) {
5
- return build(options, frameworkOptions);
6
- }
7
-
8
- module.exports = buildStandalone;
package/types-6-0.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './dist/ts3.9/client/preview/types-6-0.d';
package/types-7-0.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './dist/ts3.9/client/preview/types-7-0.d';