@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.
- package/README.md +1 -43
- package/dist/cjs/config.js +44 -0
- package/dist/cjs/{client/docs → docs}/config.js +0 -0
- package/dist/cjs/{client/docs → docs}/extractArgTypes.js +0 -0
- package/dist/cjs/{client/docs → docs}/prepareForInline.js +0 -0
- package/dist/cjs/{client/index.js → index.js} +4 -3
- package/dist/cjs/{client/preview → preview}/config.js +0 -0
- package/dist/cjs/{client/preview → preview}/decorateStory.js +0 -0
- package/dist/cjs/{client/preview → preview}/globals.js +0 -0
- package/dist/cjs/{client/preview → preview}/index.js +2 -2
- package/dist/cjs/{client/preview → preview}/render.js +0 -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 -0
- package/dist/{modern/client → esm}/docs/extractArgTypes.js +0 -0
- package/dist/{modern/client → esm}/docs/prepareForInline.js +0 -0
- package/dist/{modern/client → esm}/index.js +2 -4
- 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 +1 -1
- package/dist/{modern/client → esm}/preview/render.js +0 -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 +11 -0
- package/dist/{ts3.9/client → types}/docs/config.d.ts +1 -1
- package/dist/{ts3.9/client → types}/docs/extractArgTypes.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/prepareForInline.d.ts +0 -0
- package/dist/{ts3.9/client → types}/index.d.ts +0 -0
- 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 +2 -2
- package/dist/{ts3.9/client → types}/preview/render.d.ts +1 -1
- 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/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/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/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
|
@@ -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,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
|
-
}
|
package/dist/esm/server/build.js
DELETED
|
@@ -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
|
-
};
|
package/dist/esm/server/index.js
DELETED
|
@@ -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,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 +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,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 +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 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/preset.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
module.exports = require('./dist/cjs/server/preset');
|
package/standalone.js
DELETED
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';
|