@storybook/vue3 6.4.0-beta.20 → 6.4.0-beta.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "6.4.0-beta.20",
+  "version": "6.4.0-beta.24",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -45,11 +45,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-beta.20",
-    "@storybook/core": "6.4.0-beta.20",
-    "@storybook/core-common": "6.4.0-beta.20",
+    "@storybook/addons": "6.4.0-beta.24",
+    "@storybook/core": "6.4.0-beta.24",
+    "@storybook/core-common": "6.4.0-beta.24",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/store": "6.4.0-beta.20",
+    "@storybook/store": "6.4.0-beta.24",
     "@types/webpack-env": "^1.16.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -81,6 +81,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1a9315fd39f7e4abcdf3eb839dc29aedce346e01",
+  "gitHead": "f53ba4d7210b5c4809d57c74d7a42314172aa63e",
   "sbmodern": "dist/modern/client/index.js"
 }

package/types-7-0.d.ts

@@ -0,0 +1 @@
+export * from './dist/ts3.9/client/preview/types-7-0.d';

package/dist/cjs/client/index.js

@@ -1,101 +0,0 @@
-"use strict";
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.object.keys.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  storiesOf: true,
-  setAddon: true,
-  addDecorator: true,
-  addParameters: true,
-  configure: true,
-  getStorybook: true,
-  forceReRender: true,
-  raw: true,
-  app: true,
-  activeStoryComponent: true
-};
-Object.defineProperty(exports, "storiesOf", {
-  enumerable: true,
-  get: function get() {
-    return _preview.storiesOf;
-  }
-});
-Object.defineProperty(exports, "setAddon", {
-  enumerable: true,
-  get: function get() {
-    return _preview.setAddon;
-  }
-});
-Object.defineProperty(exports, "addDecorator", {
-  enumerable: true,
-  get: function get() {
-    return _preview.addDecorator;
-  }
-});
-Object.defineProperty(exports, "addParameters", {
-  enumerable: true,
-  get: function get() {
-    return _preview.addParameters;
-  }
-});
-Object.defineProperty(exports, "configure", {
-  enumerable: true,
-  get: function get() {
-    return _preview.configure;
-  }
-});
-Object.defineProperty(exports, "getStorybook", {
-  enumerable: true,
-  get: function get() {
-    return _preview.getStorybook;
-  }
-});
-Object.defineProperty(exports, "forceReRender", {
-  enumerable: true,
-  get: function get() {
-    return _preview.forceReRender;
-  }
-});
-Object.defineProperty(exports, "raw", {
-  enumerable: true,
-  get: function get() {
-    return _preview.raw;
-  }
-});
-Object.defineProperty(exports, "app", {
-  enumerable: true,
-  get: function get() {
-    return _preview.app;
-  }
-});
-Object.defineProperty(exports, "activeStoryComponent", {
-  enumerable: true,
-  get: function get() {
-    return _preview.activeStoryComponent;
-  }
-});
-
-var _preview = require("./preview");
-
-var _types = require("./preview/types-6-0");
-
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _types[key];
-    }
-  });
-});
-
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-}

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

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "renderToDOM", {
-  enumerable: true,
-  get: function get() {
-    return _render.renderToDOM;
-  }
-});
-exports.parameters = void 0;
-
-var _render = require("./render");
-
-var parameters = {
-  framework: 'vue3'
-};
-exports.parameters = parameters;

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,126 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "activeStoryComponent", {
-  enumerable: true,
-  get: function get() {
-    return _render.activeStoryComponent;
-  }
-});
-exports.app = exports.raw = exports.getStorybook = exports.forceReRender = exports.setAddon = exports.clearDecorators = exports.addParameters = exports.addDecorator = exports.configure = exports.storiesOf = void 0;
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.object.assign.js");
-
-require("core-js/modules/es.array.concat.js");
-
-var _vue = require("vue");
-
-var _client = require("@storybook/core/client");
-
-var _store = require("@storybook/store");
-
-require("./globals");
-
-var _render = require("./render");
-
-/*
-  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));
-  });
-}
-
-var framework = 'vue3';
-var api = (0, _client.start)(_render.renderToDOM, {
-  decorateStory: decorateStory
-});
-
-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,68 +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.renderToDOM = renderToDOM;
-exports.storybookApp = exports.activeStoryComponent = 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 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 +0,0 @@
-"use strict";

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

@@ -1 +0,0 @@
-"use strict";

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

@@ -1 +0,0 @@
-"use strict";

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.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.webpack = webpack;
-exports.config = void 0;
-
-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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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: /\.tsx?$/,
-        use: [{
-          loader: require.resolve('ts-loader'),
-          options: {
-            transpileOnly: true,
-            appendTsSuffixTo: [/\.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 config = function (entry = []) {
-  return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/preview/config')];
-};
-
-exports.config = config;

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('./framework-preset-vue3')]
-};
-exports.default = _default;

package/dist/cjs/typings.d.js

@@ -1 +0,0 @@
-"use strict";

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,4 +0,0 @@
-export { renderToDOM } from './render';
-export var parameters = {
-  framework: 'vue3'
-};

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,100 +0,0 @@
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.array.concat.js";
-import { h } from 'vue';
-import { start } from '@storybook/core/client';
-import { sanitizeStoryContextUpdate } from '@storybook/store';
-import './globals';
-import { renderToDOM, storybookApp } from './render';
-/*
-  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);
-    }
-  };
-}
-
-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));
-  });
-}
-
-var framework = 'vue3';
-var api = start(renderToDOM, {
-  decorateStory: decorateStory
-});
-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';

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

@@ -1,49 +0,0 @@
-var _templateObject;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-import dedent from 'ts-dedent';
-import { createApp, h, shallowRef } from 'vue';
-export var activeStoryComponent = shallowRef(null);
-var root = null;
-export var storybookApp = 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 h(activeStoryComponent.value);
-    };
-  }
-});
-export 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: 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      "])))
-    });
-    return;
-  }
-
-  showMain();
-  activeStoryComponent.value = element;
-
-  if (!root) {
-    root = storybookApp.mount(domElement);
-  }
-}

package/dist/esm/server/build.js

@@ -1,3 +0,0 @@
-import { buildStatic } from '@storybook/core/server';
-import options from './options';
-buildStatic(options);

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

@@ -1,42 +0,0 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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; }
-
-import { VueLoaderPlugin } from 'vue-loader';
-import { DefinePlugin } from 'webpack';
-import { findDistEsm } from '@storybook/core-common';
-export function webpack(config) {
-  return _objectSpread(_objectSpread({}, config), {}, {
-    plugins: [...config.plugins, new VueLoaderPlugin(), new 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: /\.tsx?$/,
-        use: [{
-          loader: require.resolve('ts-loader'),
-          options: {
-            transpileOnly: true,
-            appendTsSuffixTo: [/\.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')
-      })
-    })
-  });
-}
-export var config = function (entry = []) {
-  return [...entry, findDistEsm(__dirname, 'client/preview/config')];
-};

package/dist/esm/server/index.js

@@ -1,3 +0,0 @@
-import { buildDev } from '@storybook/core/server';
-import options from './options';
-buildDev(options);

package/dist/esm/server/options.js

@@ -1,8 +0,0 @@
-import { sync } from 'read-pkg-up';
-export default {
-  packageJson: sync({
-    cwd: __dirname
-  }).packageJson,
-  framework: 'vue3',
-  frameworkPresets: [require.resolve('./framework-preset-vue3')]
-};

package/dist/modern/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/modern/client/preview/config.js

@@ -1,4 +0,0 @@
-export { renderToDOM } from './render';
-export const parameters = {
-  framework: 'vue3'
-};

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

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

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

@@ -1,96 +0,0 @@
-import "core-js/modules/es.array.reduce.js";
-import { h } from 'vue';
-import { start } from '@storybook/core/client';
-import { sanitizeStoryContextUpdate } from '@storybook/store';
-import './globals';
-import { renderToDOM, storybookApp } from './render';
-/*
-  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) {
-  const story = rawStory;
-
-  if (story == null) {
-    return null;
-  }
-
-  if (innerStory) {
-    return Object.assign({}, normalizeFunctionalComponent(story), {
-      components: Object.assign({}, story.components || {}, {
-        story: innerStory
-      })
-    });
-  }
-
-  return {
-    render() {
-      return h(story);
-    }
-
-  };
-}
-
-function decorateStory(storyFn, decorators) {
-  return decorators.reduce((decorated, decorator) => context => {
-    let story;
-    const decoratedStory = decorator(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);
-  }, context => prepare(storyFn(context)));
-}
-
-const framework = 'vue3';
-const api = start(renderToDOM, {
-  decorateStory
-});
-export const storiesOf = (kind, m) => {
-  return api.clientApi.storiesOf(kind, m).addParameters({
-    framework
-  });
-};
-export const configure = (...args) => api.configure(framework, ...args);
-export const {
-  addDecorator
-} = api.clientApi;
-export const {
-  addParameters
-} = api.clientApi;
-export const {
-  clearDecorators
-} = api.clientApi;
-export const {
-  setAddon
-} = api.clientApi;
-export const {
-  forceReRender
-} = api;
-export const {
-  getStorybook
-} = api.clientApi;
-export const {
-  raw
-} = api.clientApi;
-export const app = storybookApp;
-export { activeStoryComponent } from './render';

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

@@ -1,47 +0,0 @@
-import dedent from 'ts-dedent';
-import { createApp, h, shallowRef } from 'vue';
-export const activeStoryComponent = shallowRef(null);
-let root = null;
-export const storybookApp = createApp({
-  // If an end-user calls `unmount` on the app, we need to clear our root variable
-  unmounted() {
-    root = null;
-  },
-
-  setup() {
-    return () => {
-      if (!activeStoryComponent.value) throw new Error('No Vue 3 Story available. Was it set correctly?');
-      return h(activeStoryComponent.value);
-    };
-  }
-
-});
-export function renderToDOM({
-  title,
-  name,
-  storyFn,
-  showMain,
-  showError,
-  showException
-}, domElement) {
-  storybookApp.config.errorHandler = showException;
-  const element = storyFn();
-
-  if (!element) {
-    showError({
-      title: `Expecting a Vue component from the story: "${name}" of "${title}".`,
-      description: dedent`
-        Did you forget to return the Vue component from the story?
-        Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
-      `
-    });
-    return;
-  }
-
-  showMain();
-  activeStoryComponent.value = element;
-
-  if (!root) {
-    root = storybookApp.mount(domElement);
-  }
-}

package/dist/modern/server/build.js

@@ -1,3 +0,0 @@
-import { buildStatic } from '@storybook/core/server';
-import options from './options';
-buildStatic(options);

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

@@ -1,42 +0,0 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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; }
-
-import { VueLoaderPlugin } from 'vue-loader';
-import { DefinePlugin } from 'webpack';
-import { findDistEsm } from '@storybook/core-common';
-export function webpack(config) {
-  return _objectSpread(_objectSpread({}, config), {}, {
-    plugins: [...config.plugins, new VueLoaderPlugin(), new 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: /\.tsx?$/,
-        use: [{
-          loader: require.resolve('ts-loader'),
-          options: {
-            transpileOnly: true,
-            appendTsSuffixTo: [/\.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')
-      })
-    })
-  });
-}
-export var config = function (entry = []) {
-  return [...entry, findDistEsm(__dirname, 'client/preview/config')];
-};

package/dist/modern/server/index.js

@@ -1,3 +0,0 @@
-import { buildDev } from '@storybook/core/server';
-import options from './options';
-buildDev(options);

package/dist/modern/server/options.js

@@ -1,8 +0,0 @@
-import { sync } from 'read-pkg-up';
-export default {
-  packageJson: sync({
-    cwd: __dirname
-  }).packageJson,
-  framework: 'vue3',
-  frameworkPresets: [require.resolve('./framework-preset-vue3')]
-};

package/dist/ts3.4/client/index.d.ts

@@ -1,2 +0,0 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, app, activeStoryComponent, } from './preview';
-export * from './preview/types-6-0';

package/dist/ts3.4/client/preview/config.d.ts

@@ -1,4 +0,0 @@
-export { renderToDOM } from './render';
-export declare const parameters: {
-    framework: string;
-};

package/dist/ts3.4/client/preview/globals.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ts3.4/client/preview/index.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="webpack-env" />
-/// <reference types="node" />
-import { App } from 'vue';
-import { DecoratorFunction } from '@storybook/csf';
-import { ClientStoryApi, Loadable } from '@storybook/addons';
-import './globals';
-import { IStorybookSection } from './types';
-import { VueFramework } from './types-6-0';
-interface ClientApi extends ClientStoryApi<VueFramework['storyResult']> {
-    setAddon(addon: any): void;
-    configure(loader: Loadable, module: NodeModule): void;
-    getStorybook(): IStorybookSection[];
-    clearDecorators(): void;
-    forceReRender(): void;
-    raw: () => any;
-    load: (...args: any[]) => void;
-    app: App;
-}
-export declare const storiesOf: ClientApi['storiesOf'];
-export declare const configure: ClientApi['configure'];
-export declare const addDecorator: (decorator: DecoratorFunction<VueFramework, import("@storybook/csf").Args>) => void;
-export declare const addParameters: ({ globals, globalTypes, ...parameters }: import("@storybook/csf").Parameters & {
-    globals?: import("@storybook/csf").Globals;
-    globalTypes?: import("@storybook/csf").GlobalTypes;
-}) => void;
-export declare const clearDecorators: () => void;
-export declare const setAddon: (addon: any) => void;
-export declare const forceReRender: () => void;
-export declare const getStorybook: () => import("@storybook/client-api/dist/ts3.9/ClientApi").GetStorybookKind<VueFramework>[];
-export declare const raw: () => import("@storybook/store").BoundStory<VueFramework>[];
-export declare const app: ClientApi['app'];
-export { activeStoryComponent } from './render';

package/dist/ts3.4/client/preview/render.d.ts

@@ -1,5 +0,0 @@
-import { RenderContext } from '@storybook/store';
-import { VueFramework } from './types-6-0';
-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>>;
-export declare const storybookApp: import("vue").App<Element>;
-export declare function renderToDOM({ title, name, storyFn, showMain, showError, showException }: RenderContext<VueFramework>, domElement: HTMLElement): void;

package/dist/ts3.4/client/preview/types-6-0.d.ts

@@ -1,35 +0,0 @@
-import { ConcreteComponent } from 'vue';
-import { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
-import { StoryFnVueReturnType } from './types';
-export { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
-export declare type VueFramework = {
-    component: ConcreteComponent<any>;
-    storyResult: StoryFnVueReturnType;
-};
-/**
- * Metadata to configure the stories for a component.
- *
- * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
- */
-export declare type Meta<TArgs = Args> = ComponentAnnotations<VueFramework, TArgs>;
-/**
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<VueFramework, TArgs>;
-/**
- * Story function that represents a CSFv3 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export declare type StoryObj<TArgs = Args> = StoryAnnotations<VueFramework, TArgs>;
-/**
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- *
- * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
- *
- */
-export declare type Story<TArgs = Args> = StoryFn<TArgs>;

package/dist/ts3.4/client/preview/types-7-0.d.ts

@@ -1,9 +0,0 @@
-import { Args } from '@storybook/csf';
-import { StoryObj } from './types-6-0';
-export { StoryFn, StoryObj, Meta } from './types-6-0';
-/**
- * Story function that represents a CSFv3 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export declare type Story<TArgs = Args> = StoryObj<TArgs>;

package/dist/ts3.4/client/preview/types.d.ts

@@ -1,15 +0,0 @@
-import { ConcreteComponent } from 'vue';
-export { RenderContext } from '@storybook/core';
-export interface ShowErrorArgs {
-    title: string;
-    description: string;
-}
-export declare type StoryFnVueReturnType = ConcreteComponent<any>;
-export interface IStorybookStory {
-    name: string;
-    render: (context: any) => any;
-}
-export interface IStorybookSection {
-    kind: string;
-    stories: IStorybookStory[];
-}

package/dist/ts3.4/server/build.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ts3.4/server/framework-preset-vue3.d.ts

@@ -1,4 +0,0 @@
-import { Configuration } from 'webpack';
-import { StorybookConfig } from '@storybook/core-common';
-export declare function webpack(config: Configuration): Configuration;
-export declare const config: StorybookConfig['config'];

package/dist/ts3.4/server/index.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ts3.4/server/options.d.ts

@@ -1,3 +0,0 @@
-import { LoadOptions } from '@storybook/core-common';
-declare const _default: LoadOptions;
-export default _default;

package/dist/ts3.9/client/index.d.ts

@@ -1,2 +0,0 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, app, activeStoryComponent, } from './preview';
-export * from './preview/types-6-0';

package/dist/ts3.9/client/preview/config.d.ts

@@ -1,4 +0,0 @@
-export { renderToDOM } from './render';
-export declare const parameters: {
-    framework: string;
-};

package/dist/ts3.9/client/preview/globals.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ts3.9/client/preview/index.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="webpack-env" />
-/// <reference types="node" />
-import type { App } from 'vue';
-import { DecoratorFunction } from '@storybook/csf';
-import { ClientStoryApi, Loadable } from '@storybook/addons';
-import './globals';
-import { IStorybookSection } from './types';
-import { VueFramework } from './types-6-0';
-interface ClientApi extends ClientStoryApi<VueFramework['storyResult']> {
-    setAddon(addon: any): void;
-    configure(loader: Loadable, module: NodeModule): void;
-    getStorybook(): IStorybookSection[];
-    clearDecorators(): void;
-    forceReRender(): void;
-    raw: () => any;
-    load: (...args: any[]) => void;
-    app: App;
-}
-export declare const storiesOf: ClientApi['storiesOf'];
-export declare const configure: ClientApi['configure'];
-export declare const addDecorator: (decorator: DecoratorFunction<VueFramework, import("@storybook/csf").Args>) => void;
-export declare const addParameters: ({ globals, globalTypes, ...parameters }: import("@storybook/csf").Parameters & {
-    globals?: import("@storybook/csf").Globals;
-    globalTypes?: import("@storybook/csf").GlobalTypes;
-}) => void;
-export declare const clearDecorators: () => void;
-export declare const setAddon: (addon: any) => void;
-export declare const forceReRender: () => void;
-export declare const getStorybook: () => import("@storybook/client-api/dist/ts3.9/ClientApi").GetStorybookKind<VueFramework>[];
-export declare const raw: () => import("@storybook/store").BoundStory<VueFramework>[];
-export declare const app: ClientApi['app'];
-export { activeStoryComponent } from './render';

package/dist/ts3.9/client/preview/render.d.ts

@@ -1,5 +0,0 @@
-import { RenderContext } from '@storybook/store';
-import { VueFramework } from './types-6-0';
-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>>;
-export declare const storybookApp: import("vue").App<Element>;
-export declare function renderToDOM({ title, name, storyFn, showMain, showError, showException }: RenderContext<VueFramework>, domElement: HTMLElement): void;

package/dist/ts3.9/client/preview/types-6-0.d.ts

@@ -1,35 +0,0 @@
-import { ConcreteComponent } from 'vue';
-import { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
-import { StoryFnVueReturnType } from './types';
-export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
-export declare type VueFramework = {
-    component: ConcreteComponent<any>;
-    storyResult: StoryFnVueReturnType;
-};
-/**
- * Metadata to configure the stories for a component.
- *
- * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
- */
-export declare type Meta<TArgs = Args> = ComponentAnnotations<VueFramework, TArgs>;
-/**
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<VueFramework, TArgs>;
-/**
- * Story function that represents a CSFv3 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export declare type StoryObj<TArgs = Args> = StoryAnnotations<VueFramework, TArgs>;
-/**
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- *
- * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
- *
- */
-export declare type Story<TArgs = Args> = StoryFn<TArgs>;

package/dist/ts3.9/client/preview/types-7-0.d.ts

@@ -1,9 +0,0 @@
-import { Args } from '@storybook/csf';
-import type { StoryObj } from './types-6-0';
-export type { StoryFn, StoryObj, Meta } from './types-6-0';
-/**
- * Story function that represents a CSFv3 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export declare type Story<TArgs = Args> = StoryObj<TArgs>;

package/dist/ts3.9/client/preview/types.d.ts

@@ -1,15 +0,0 @@
-import { ConcreteComponent } from 'vue';
-export type { RenderContext } from '@storybook/core';
-export interface ShowErrorArgs {
-    title: string;
-    description: string;
-}
-export declare type StoryFnVueReturnType = ConcreteComponent<any>;
-export interface IStorybookStory {
-    name: string;
-    render: (context: any) => any;
-}
-export interface IStorybookSection {
-    kind: string;
-    stories: IStorybookStory[];
-}

package/dist/ts3.9/server/build.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ts3.9/server/framework-preset-vue3.d.ts

@@ -1,4 +0,0 @@
-import { Configuration } from 'webpack';
-import { StorybookConfig } from '@storybook/core-common';
-export declare function webpack(config: Configuration): Configuration;
-export declare const config: StorybookConfig['config'];

package/dist/ts3.9/server/index.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ts3.9/server/options.d.ts

@@ -1,3 +0,0 @@
-import { LoadOptions } from '@storybook/core-common';
-declare const _default: LoadOptions;
-export default _default;