@storybook/vue3 6.5.9 → 7.0.0-alpha.10

package/dist/cjs/client/preview/decorateStory.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.decorateStory = decorateStory;
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.object.assign.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-var _vue = require("vue");
-
-var _store = require("@storybook/store");
-
-/*
-  This normalizes a functional component into a render method in ComponentOptions.
-
-  The concept is taken from Vue 3's `defineComponent` but changed from creating a `setup`
-  method on the ComponentOptions so end-users don't need to specify a "thunk" as a decorator.
- */
-function normalizeFunctionalComponent(options) {
-  return typeof options === 'function' ? {
-    render: options,
-    name: options.name
-  } : options;
-}
-
-function prepare(rawStory, innerStory) {
-  var story = rawStory;
-
-  if (story == null) {
-    return null;
-  }
-
-  if (innerStory) {
-    return Object.assign({}, normalizeFunctionalComponent(story), {
-      components: Object.assign({}, story.components || {}, {
-        story: innerStory
-      })
-    });
-  }
-
-  return {
-    render: function render() {
-      return (0, _vue.h)(story);
-    }
-  };
-}
-
-function decorateStory(storyFn, decorators) {
-  return decorators.reduce(function (decorated, decorator) {
-    return function (context) {
-      var story;
-      var decoratedStory = decorator(function (update) {
-        story = decorated(Object.assign({}, context, (0, _store.sanitizeStoryContextUpdate)(update)));
-        return story;
-      }, context);
-
-      if (!story) {
-        story = decorated(context);
-      }
-
-      if (decoratedStory === story) {
-        return story;
-      }
-
-      return prepare(decoratedStory, story);
-    };
-  }, function (context) {
-    return prepare(storyFn(context));
-  });
-}

package/dist/cjs/client/preview/globals.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _global = _interopRequireDefault(require("global"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var globalWindow = _global.default.window;
-globalWindow.STORYBOOK_REACT_CLASSES = {};
-globalWindow.STORYBOOK_ENV = 'vue3';

package/dist/cjs/client/preview/index.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "activeStoryComponent", {
-  enumerable: true,
-  get: function get() {
-    return _render.activeStoryComponent;
-  }
-});
-exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.app = exports.addParameters = exports.addDecorator = void 0;
-
-require("core-js/modules/es.array.concat.js");
-
-var _core = require("@storybook/core");
-
-require("./globals");
-
-var _decorateStory = require("./decorateStory");
-
-var _render = require("./render");
-
-var framework = 'vue3';
-var api = (0, _core.start)(_render.renderToDOM, {
-  decorateStory: _decorateStory.decorateStory,
-  render: _render.render
-});
-
-var storiesOf = function storiesOf(kind, m) {
-  return api.clientApi.storiesOf(kind, m).addParameters({
-    framework: framework
-  });
-};
-
-exports.storiesOf = storiesOf;
-
-var configure = function configure() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  return api.configure.apply(api, [framework].concat(args));
-};
-
-exports.configure = configure;
-var addDecorator = api.clientApi.addDecorator;
-exports.addDecorator = addDecorator;
-var addParameters = api.clientApi.addParameters;
-exports.addParameters = addParameters;
-var clearDecorators = api.clientApi.clearDecorators;
-exports.clearDecorators = clearDecorators;
-var setAddon = api.clientApi.setAddon;
-exports.setAddon = setAddon;
-var forceReRender = api.forceReRender;
-exports.forceReRender = forceReRender;
-var getStorybook = api.clientApi.getStorybook;
-exports.getStorybook = getStorybook;
-var raw = api.clientApi.raw;
-exports.raw = raw;
-var app = _render.storybookApp;
-exports.app = app;

package/dist/cjs/client/preview/render.js

@@ -1,82 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.object.freeze.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.render = exports.activeStoryComponent = void 0;
-exports.renderToDOM = renderToDOM;
-exports.storybookApp = void 0;
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.array.concat.js");
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _vue = require("vue");
-
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var render = function render(props, context) {
-  var id = context.id,
-      Component = context.component;
-
-  if (!Component) {
-    throw new Error("Unable to render story ".concat(id, " as the component annotation is missing from the default export"));
-  } // TODO remove this hack
-
-
-  return (0, _vue.h)(Component, props);
-};
-
-exports.render = render;
-var activeStoryComponent = (0, _vue.shallowRef)(null);
-exports.activeStoryComponent = activeStoryComponent;
-var root = null;
-var storybookApp = (0, _vue.createApp)({
-  // If an end-user calls `unmount` on the app, we need to clear our root variable
-  unmounted: function unmounted() {
-    root = null;
-  },
-  setup: function setup() {
-    return function () {
-      if (!activeStoryComponent.value) throw new Error('No Vue 3 Story available. Was it set correctly?');
-      return (0, _vue.h)(activeStoryComponent.value);
-    };
-  }
-});
-exports.storybookApp = storybookApp;
-
-function renderToDOM(_ref, domElement) {
-  var title = _ref.title,
-      name = _ref.name,
-      storyFn = _ref.storyFn,
-      showMain = _ref.showMain,
-      showError = _ref.showError,
-      showException = _ref.showException;
-  storybookApp.config.errorHandler = showException;
-  var element = storyFn();
-
-  if (!element) {
-    showError({
-      title: "Expecting a Vue component from the story: \"".concat(name, "\" of \"").concat(title, "\"."),
-      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      "])))
-    });
-    return;
-  }
-
-  showMain();
-  activeStoryComponent.value = element;
-
-  if (!root) {
-    root = storybookApp.mount(domElement);
-  }
-}

package/dist/cjs/client/preview/types-6-0.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/client/preview/types-7-0.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/client/preview/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/server/build.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _server = require("@storybook/core/server");
-
-var _options = _interopRequireDefault(require("./options"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _server.buildStatic)(_options.default);

package/dist/cjs/server/framework-preset-vue3-docs.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.previewAnnotations = void 0;
-exports.webpackFinal = webpackFinal;
-
-var _coreCommon = require("@storybook/core-common");
-
-var _docsTools = require("@storybook/docs-tools");
-
-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; }
-
-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; }
-
-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; }
-
-function webpackFinal(webpackConfig = {}, options) {
-  var _options$presetsList;
-
-  if (!(0, _docsTools.hasDocsOrControls)(options)) return webpackConfig;
-  var vueDocgenOptions = {};
-  (_options$presetsList = options.presetsList) === null || _options$presetsList === void 0 ? void 0 : _options$presetsList.forEach(function (preset) {
-    if (preset.name.includes('addon-docs') && preset.options.vueDocgenOptions) {
-      var appendableOptions = preset.options.vueDocgenOptions;
-      vueDocgenOptions = _objectSpread(_objectSpread({}, vueDocgenOptions), appendableOptions);
-    }
-  });
-  webpackConfig.module.rules.push({
-    test: /\.vue$/,
-    loader: require.resolve('vue-docgen-loader', {
-      paths: [require.resolve('@storybook/vue3')]
-    }),
-    enforce: 'post',
-    options: {
-      docgenOptions: _objectSpread({
-        alias: webpackConfig.resolve.alias
-      }, vueDocgenOptions)
-    }
-  });
-  return webpackConfig;
-}
-
-var previewAnnotations = function (entry = [], options) {
-  if (!(0, _docsTools.hasDocsOrControls)(options)) return entry;
-  return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/docs/config')];
-};
-
-exports.previewAnnotations = previewAnnotations;

package/dist/cjs/server/framework-preset-vue3.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.previewAnnotations = void 0;
-exports.webpack = webpack;
-
-var _vueLoader = require("vue-loader");
-
-var _webpack = require("webpack");
-
-var _coreCommon = require("@storybook/core-common");
-
-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; }
-
-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; }
-
-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; }
-
-function webpack(config) {
-  return _objectSpread(_objectSpread({}, config), {}, {
-    plugins: [...config.plugins, new _vueLoader.VueLoaderPlugin(), new _webpack.DefinePlugin({
-      __VUE_OPTIONS_API__: JSON.stringify(true),
-      __VUE_PROD_DEVTOOLS__: JSON.stringify(true)
-    })],
-    module: _objectSpread(_objectSpread({}, config.module), {}, {
-      rules: [...config.module.rules, {
-        test: /\.vue$/,
-        loader: require.resolve('vue-loader'),
-        options: {}
-      }, {
-        test: /\.ts$/,
-        use: [{
-          loader: require.resolve('ts-loader'),
-          options: {
-            transpileOnly: true,
-            appendTsSuffixTo: [/\.vue$/]
-          }
-        }]
-      }, {
-        test: /\.tsx$/,
-        use: [{
-          loader: require.resolve('ts-loader'),
-          options: {
-            transpileOnly: true,
-            // Note this is different from the `appendTsSuffixTo` above!
-            appendTsxSuffixTo: [/\.vue$/]
-          }
-        }]
-      }]
-    }),
-    resolve: _objectSpread(_objectSpread({}, config.resolve), {}, {
-      extensions: [...config.resolve.extensions, '.vue'],
-      alias: _objectSpread(_objectSpread({}, config.resolve.alias), {}, {
-        vue$: require.resolve('vue/dist/vue.esm-bundler.js')
-      })
-    })
-  });
-}
-
-var previewAnnotations = function (entry = []) {
-  return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/preview/config')];
-};
-
-exports.previewAnnotations = previewAnnotations;

package/dist/cjs/server/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _server = require("@storybook/core/server");
-
-var _options = _interopRequireDefault(require("./options"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _server.buildDev)(_options.default);

package/dist/cjs/server/options.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _readPkgUp = require("read-pkg-up");
-
-var _default = {
-  packageJson: (0, _readPkgUp.sync)({
-    cwd: __dirname
-  }).packageJson,
-  framework: 'vue3',
-  frameworkPresets: [require.resolve('./preset')]
-};
-exports.default = _default;

package/dist/cjs/server/preset.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.addons = void 0;
-var addons = [require.resolve('./framework-preset-vue3'), require.resolve('./framework-preset-vue3-docs')];
-exports.addons = addons;

package/dist/esm/client/docs/config.js

@@ -1,12 +0,0 @@
-import { extractComponentDescription, enhanceArgTypes } from '@storybook/docs-tools';
-import { extractArgTypes } from './extractArgTypes';
-import { prepareForInline } from './prepareForInline';
-export var parameters = {
-  docs: {
-    inlineStories: true,
-    prepareForInline: prepareForInline,
-    extractArgTypes: extractArgTypes,
-    extractComponentDescription: extractComponentDescription
-  }
-};
-export var argTypesEnhancers = [enhanceArgTypes];

package/dist/esm/client/docs/extractArgTypes.js

@@ -1,45 +0,0 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.object.assign.js";
-import { hasDocgen, extractComponentProps, convert } from '@storybook/docs-tools';
-var SECTIONS = ['props', 'events', 'slots'];
-export var extractArgTypes = function extractArgTypes(component) {
-  if (!hasDocgen(component)) {
-    return null;
-  }
-
-  var results = {};
-  SECTIONS.forEach(function (section) {
-    var props = extractComponentProps(component, section);
-    props.forEach(function (_ref) {
-      var propDef = _ref.propDef,
-          docgenInfo = _ref.docgenInfo,
-          jsDocTags = _ref.jsDocTags;
-      var name = propDef.name,
-          type = propDef.type,
-          description = propDef.description,
-          defaultSummary = propDef.defaultValue,
-          required = propDef.required;
-      var sbType = section === 'props' ? convert(docgenInfo) : {
-        name: 'void'
-      };
-      results[name] = {
-        name: name,
-        description: description,
-        type: Object.assign({
-          required: required
-        }, sbType),
-        table: {
-          type: type,
-          jsDocTags: jsDocTags,
-          defaultValue: defaultSummary,
-          category: section
-        }
-      };
-    });
-  });
-  return results;
-};

package/dist/esm/client/docs/prepareForInline.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import * as Vue from 'vue';
-import { app } from '../index'; // This is cast as `any` to workaround type errors caused by Vue 2 types
-
-var _ref = Vue,
-    render = _ref.render,
-    h = _ref.h;
-export var prepareForInline = function prepareForInline(storyFn, _ref2) {
-  var args = _ref2.args;
-  var component = storyFn();
-  var vnode = h(component, args); // By attaching the app context from `@storybook/vue3` to the vnode
-  // like this, these stoeis are able to access any app config stuff
-  // the end-user set inside `.storybook/preview.js`
-
-  vnode.appContext = app._context; // eslint-disable-line no-underscore-dangle
-
-  return /*#__PURE__*/React.createElement('div', {
-    ref: function ref(node) {
-      return node ? render(vnode, node) : null;
-    }
-  });
-};

package/dist/esm/client/index.js

@@ -1,6 +0,0 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, app, activeStoryComponent } from './preview';
-export * from './preview/types-6-0';
-
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-}

package/dist/esm/client/preview/config.js

@@ -1,5 +0,0 @@
-export { render, renderToDOM } from './render';
-export { decorateStory as applyDecorators } from './decorateStory';
-export var parameters = {
-  framework: 'vue3'
-};

package/dist/esm/client/preview/decorateStory.js

@@ -1,64 +0,0 @@
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.object.to-string.js";
-import { h } from 'vue';
-import { sanitizeStoryContextUpdate } from '@storybook/store';
-
-/*
-  This normalizes a functional component into a render method in ComponentOptions.
-
-  The concept is taken from Vue 3's `defineComponent` but changed from creating a `setup`
-  method on the ComponentOptions so end-users don't need to specify a "thunk" as a decorator.
- */
-function normalizeFunctionalComponent(options) {
-  return typeof options === 'function' ? {
-    render: options,
-    name: options.name
-  } : options;
-}
-
-function prepare(rawStory, innerStory) {
-  var story = rawStory;
-
-  if (story == null) {
-    return null;
-  }
-
-  if (innerStory) {
-    return Object.assign({}, normalizeFunctionalComponent(story), {
-      components: Object.assign({}, story.components || {}, {
-        story: innerStory
-      })
-    });
-  }
-
-  return {
-    render: function render() {
-      return h(story);
-    }
-  };
-}
-
-export function decorateStory(storyFn, decorators) {
-  return decorators.reduce(function (decorated, decorator) {
-    return function (context) {
-      var story;
-      var decoratedStory = decorator(function (update) {
-        story = decorated(Object.assign({}, context, sanitizeStoryContextUpdate(update)));
-        return story;
-      }, context);
-
-      if (!story) {
-        story = decorated(context);
-      }
-
-      if (decoratedStory === story) {
-        return story;
-      }
-
-      return prepare(decoratedStory, story);
-    };
-  }, function (context) {
-    return prepare(storyFn(context));
-  });
-}

package/dist/esm/client/preview/globals.js

@@ -1,4 +0,0 @@
-import global from 'global';
-var globalWindow = global.window;
-globalWindow.STORYBOOK_REACT_CLASSES = {};
-globalWindow.STORYBOOK_ENV = 'vue3';

package/dist/esm/client/preview/index.js

@@ -1,38 +0,0 @@
-import "core-js/modules/es.array.concat.js";
-import { start } from '@storybook/core';
-import './globals';
-import { decorateStory } from './decorateStory';
-import { render, renderToDOM, storybookApp } from './render';
-var framework = 'vue3';
-var api = start(renderToDOM, {
-  decorateStory: decorateStory,
-  render: render
-});
-export var storiesOf = function storiesOf(kind, m) {
-  return api.clientApi.storiesOf(kind, m).addParameters({
-    framework: framework
-  });
-};
-export var configure = function configure() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  return api.configure.apply(api, [framework].concat(args));
-};
-var addDecorator = api.clientApi.addDecorator;
-export { addDecorator };
-var addParameters = api.clientApi.addParameters;
-export { addParameters };
-var clearDecorators = api.clientApi.clearDecorators;
-export { clearDecorators };
-var setAddon = api.clientApi.setAddon;
-export { setAddon };
-var forceReRender = api.forceReRender;
-export { forceReRender };
-var getStorybook = api.clientApi.getStorybook;
-export { getStorybook };
-var raw = api.clientApi.raw;
-export { raw };
-export var app = storybookApp;
-export { activeStoryComponent } from './render';