@storybook/vue3 6.5.0-alpha.4 → 6.5.0-alpha.40

package/dist/cjs/client/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/web.dom-collections.for-each.js");
 
 require("core-js/modules/es.object.keys.js");
@@ -19,16 +21,10 @@ var _exportNames = {
   app: true,
   activeStoryComponent: true
 };
-Object.defineProperty(exports, "storiesOf", {
-  enumerable: true,
-  get: function get() {
-    return _preview.storiesOf;
-  }
-});
-Object.defineProperty(exports, "setAddon", {
+Object.defineProperty(exports, "activeStoryComponent", {
   enumerable: true,
   get: function get() {
-    return _preview.setAddon;
+    return _preview.activeStoryComponent;
   }
 });
 Object.defineProperty(exports, "addDecorator", {
@@ -43,16 +39,16 @@ Object.defineProperty(exports, "addParameters", {
     return _preview.addParameters;
   }
 });
-Object.defineProperty(exports, "configure", {
+Object.defineProperty(exports, "app", {
   enumerable: true,
   get: function get() {
-    return _preview.configure;
+    return _preview.app;
   }
 });
-Object.defineProperty(exports, "getStorybook", {
+Object.defineProperty(exports, "configure", {
   enumerable: true,
   get: function get() {
-    return _preview.getStorybook;
+    return _preview.configure;
   }
 });
 Object.defineProperty(exports, "forceReRender", {
@@ -61,22 +57,28 @@ Object.defineProperty(exports, "forceReRender", {
     return _preview.forceReRender;
   }
 });
+Object.defineProperty(exports, "getStorybook", {
+  enumerable: true,
+  get: function get() {
+    return _preview.getStorybook;
+  }
+});
 Object.defineProperty(exports, "raw", {
   enumerable: true,
   get: function get() {
     return _preview.raw;
   }
 });
-Object.defineProperty(exports, "app", {
+Object.defineProperty(exports, "setAddon", {
   enumerable: true,
   get: function get() {
-    return _preview.app;
+    return _preview.setAddon;
   }
 });
-Object.defineProperty(exports, "activeStoryComponent", {
+Object.defineProperty(exports, "storiesOf", {
   enumerable: true,
   get: function get() {
-    return _preview.activeStoryComponent;
+    return _preview.storiesOf;
   }
 });
 

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

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "renderToDOM", {
+Object.defineProperty(exports, "decorateStory", {
   enumerable: true,
   get: function get() {
-    return _render.renderToDOM;
+    return _decorateStory.decorateStory;
   }
 });
-Object.defineProperty(exports, "decorateStory", {
+exports.parameters = void 0;
+Object.defineProperty(exports, "renderToDOM", {
   enumerable: true,
   get: function get() {
-    return _decorateStory.decorateStory;
+    return _render.renderToDOM;
   }
 });
-exports.parameters = void 0;
 
 var _render = require("./render");
 

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

@@ -9,6 +9,8 @@ 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");

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "activeStoryComponent", {
     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;
+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");
 
@@ -23,7 +23,8 @@ var _render = require("./render");
 
 var framework = 'vue3';
 var api = (0, _client.start)(_render.renderToDOM, {
-  decorateStory: _decorateStory.decorateStory
+  decorateStory: _decorateStory.decorateStory,
+  render: _render.render
 });
 
 var storiesOf = function storiesOf(kind, m) {

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

@@ -7,8 +7,9 @@ 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 = exports.activeStoryComponent = void 0;
+exports.storybookApp = void 0;
 
 require("core-js/modules/es.function.name.js");
 
@@ -24,6 +25,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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;

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

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

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

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

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

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

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.webpack = webpack;
 exports.config = void 0;
+exports.webpack = webpack;
 
 var _vueLoader = require("vue-loader");
 
@@ -12,9 +12,9 @@ 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 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 = 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 _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; }
 

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

@@ -1,5 +1,6 @@
 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';
 

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

@@ -2,10 +2,11 @@ import "core-js/modules/es.array.concat.js";
 import { start } from '@storybook/core/client';
 import './globals';
 import { decorateStory } from './decorateStory';
-import { renderToDOM, storybookApp } from './render';
+import { render, renderToDOM, storybookApp } from './render';
 var framework = 'vue3';
 var api = start(renderToDOM, {
-  decorateStory: decorateStory
+  decorateStory: decorateStory,
+  render: render
 });
 export var storiesOf = function storiesOf(kind, m) {
   return api.clientApi.storiesOf(kind, m).addParameters({

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

@@ -8,6 +8,17 @@ 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 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 h(Component, props);
+};
 export var activeStoryComponent = shallowRef(null);
 var root = null;
 export var storybookApp = createApp({

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
-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 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 = 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 _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; }
 

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

@@ -1,10 +1,11 @@
 import { start } from '@storybook/core/client';
 import './globals';
 import { decorateStory } from './decorateStory';
-import { renderToDOM, storybookApp } from './render';
+import { render, renderToDOM, storybookApp } from './render';
 const framework = 'vue3';
 const api = start(renderToDOM, {
-  decorateStory
+  decorateStory,
+  render
 });
 export const storiesOf = (kind, m) => {
   return api.clientApi.storiesOf(kind, m).addParameters({

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

@@ -1,5 +1,18 @@
 import dedent from 'ts-dedent';
 import { createApp, h, shallowRef } from 'vue';
+export const render = (props, context) => {
+  const {
+    id,
+    component: Component
+  } = context;
+
+  if (!Component) {
+    throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);
+  } // TODO remove this hack
+
+
+  return h(Component, props);
+};
 export const activeStoryComponent = shallowRef(null);
 let root = null;
 export const storybookApp = createApp({

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
-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 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 = 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 _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; }
 

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

@@ -1,5 +1,7 @@
 import { RenderContext } from '@storybook/store';
+import { ArgsStoryFn } from '@storybook/csf';
 import { VueFramework } from './types-6-0';
+export declare const render: ArgsStoryFn<VueFramework>;
 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/render.d.ts

@@ -1,5 +1,7 @@
 import { RenderContext } from '@storybook/store';
+import { ArgsStoryFn } from '@storybook/csf';
 import { VueFramework } from './types-6-0';
+export declare const render: ArgsStoryFn<VueFramework>;
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "6.5.0-alpha.4",
+  "version": "6.5.0-alpha.40",
   "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.5.0-alpha.4",
-    "@storybook/core": "6.5.0-alpha.4",
-    "@storybook/core-common": "6.5.0-alpha.4",
+    "@storybook/addons": "6.5.0-alpha.40",
+    "@storybook/core": "6.5.0-alpha.40",
+    "@storybook/core-common": "6.5.0-alpha.40",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/store": "6.5.0-alpha.4",
+    "@storybook/store": "6.5.0-alpha.40",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/webpack-env": "^1.16.0",
     "core-js": "^3.8.2",
@@ -60,14 +60,14 @@
     "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0",
     "ts-loader": "^8.0.14",
-    "vue-docgen-api": "^4.38.0",
+    "vue-docgen-api": "^4.44.15",
     "vue-docgen-loader": "^1.5.0",
     "vue-loader": "^16.0.0",
     "webpack": "4"
   },
   "devDependencies": {
-    "@vue/compiler-sfc": "^3.0.0",
-    "vue": "^3.0.0"
+    "@vue/compiler-sfc": "3.0.0",
+    "vue": "3.0.0"
   },
   "peerDependencies": {
     "@babel/core": "*",
@@ -81,6 +81,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9a73995d6a5cfa36c5a5ce60cb33259ff40e2fe6",
+  "gitHead": "ffb3402ee40562579d45dbcf7870a1a8372ac0dd",
   "sbmodern": "dist/modern/client/index.js"
 }

package/dist/cjs/typings.d.js

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