@storybook/ember 6.5.0-alpha.9 → 6.5.0-beta.2

package/README.md

@@ -19,8 +19,8 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/docs/ember/configure/storybook-addons) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/docs/ember/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/ember/sharing/publish-storybook) of your Storybook and deploy it anywhere you want.
 
 ## Docs
 

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parameters = exports.argTypesEnhancers = void 0;
+
+var _docsTools = require("@storybook/docs-tools");
+
+var _jsondoc = require("./jsondoc");
+
+var parameters = {
+  docs: {
+    iframeHeight: 80,
+    extractArgTypes: _jsondoc.extractArgTypes,
+    extractComponentDescription: _jsondoc.extractComponentDescription
+  }
+};
+exports.parameters = parameters;
+var argTypesEnhancers = [_docsTools.enhanceArgTypes];
+exports.argTypesEnhancers = argTypesEnhancers;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "setJSONDoc", {
+  enumerable: true,
+  get: function get() {
+    return _jsondoc.setJSONDoc;
+  }
+});
+
+var _jsondoc = require("./jsondoc");

package/dist/cjs/client/docs/jsondoc.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setJSONDoc = exports.getJSONDoc = exports.extractComponentDescription = exports.extractArgTypes = void 0;
+
+require("core-js/modules/es.array.find.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+/* eslint-disable no-underscore-dangle */
+
+/* global window */
+var setJSONDoc = function setJSONDoc(jsondoc) {
+  window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
+};
+
+exports.setJSONDoc = setJSONDoc;
+
+var getJSONDoc = function getJSONDoc() {
+  return window.__EMBER_GENERATED_DOC_JSON__;
+};
+
+exports.getJSONDoc = getJSONDoc;
+
+var extractArgTypes = function extractArgTypes(componentName) {
+  var json = getJSONDoc();
+
+  if (!(json && json.included)) {
+    return null;
+  }
+
+  var componentDoc = json.included.find(function (doc) {
+    return doc.attributes.name === componentName;
+  });
+
+  if (!componentDoc) {
+    return null;
+  }
+
+  return componentDoc.attributes.arguments.reduce(function (acc, prop) {
+    acc[prop.name] = {
+      name: prop.name,
+      defaultValue: prop.defaultValue,
+      description: prop.description,
+      table: {
+        defaultValue: {
+          summary: prop.defaultValue
+        },
+        type: {
+          summary: prop.type,
+          required: prop.tags.length ? prop.tags.some(function (tag) {
+            return tag.name === 'required';
+          }) : false
+        }
+      }
+    };
+    return acc;
+  }, {});
+};
+
+exports.extractArgTypes = extractArgTypes;
+
+var extractComponentDescription = function extractComponentDescription(componentName) {
+  var json = getJSONDoc();
+
+  if (!(json && json.included)) {
+    return null;
+  }
+
+  var componentDoc = json.included.find(function (doc) {
+    return doc.attributes.name === componentName;
+  });
+
+  if (!componentDoc) {
+    return null;
+  }
+
+  return componentDoc.attributes.description;
+};
+
+exports.extractComponentDescription = extractComponentDescription;

package/dist/cjs/client/index.js

@@ -3,18 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: 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() {
@@ -33,16 +21,16 @@ Object.defineProperty(exports, "configure", {
     return _preview.configure;
   }
 });
-Object.defineProperty(exports, "getStorybook", {
+Object.defineProperty(exports, "forceReRender", {
   enumerable: true,
   get: function get() {
-    return _preview.getStorybook;
+    return _preview.forceReRender;
   }
 });
-Object.defineProperty(exports, "forceReRender", {
+Object.defineProperty(exports, "getStorybook", {
   enumerable: true,
   get: function get() {
-    return _preview.forceReRender;
+    return _preview.getStorybook;
   }
 });
 Object.defineProperty(exports, "raw", {
@@ -51,6 +39,18 @@ Object.defineProperty(exports, "raw", {
     return _preview.raw;
   }
 });
+Object.defineProperty(exports, "setAddon", {
+  enumerable: true,
+  get: function get() {
+    return _preview.setAddon;
+  }
+});
+Object.defineProperty(exports, "storiesOf", {
+  enumerable: true,
+  get: function get() {
+    return _preview.storiesOf;
+  }
+});
 
 var _preview = require("./preview");
 

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parameters = void 0;
+
+var _jsondoc = require("./jsondoc");
+
+var parameters = {
+  docs: {
+    iframeHeight: 80,
+    extractArgTypes: _jsondoc.extractArgTypes,
+    extractComponentDescription: _jsondoc.extractComponentDescription
+  }
+};
+exports.parameters = parameters;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "setJSONDoc", {
+  enumerable: true,
+  get: function get() {
+    return _jsondoc.setJSONDoc;
+  }
+});
+
+var _jsondoc = require("./jsondoc");

package/dist/cjs/client/preview/docs/jsondoc.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setJSONDoc = exports.getJSONDoc = exports.extractComponentDescription = exports.extractArgTypes = void 0;
+
+require("core-js/modules/es.array.find.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+/* eslint-disable no-underscore-dangle */
+
+/* global window */
+var setJSONDoc = function setJSONDoc(jsondoc) {
+  window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
+};
+
+exports.setJSONDoc = setJSONDoc;
+
+var getJSONDoc = function getJSONDoc() {
+  return window.__EMBER_GENERATED_DOC_JSON__;
+};
+
+exports.getJSONDoc = getJSONDoc;
+
+var extractArgTypes = function extractArgTypes(componentName) {
+  var json = getJSONDoc();
+
+  if (!(json && json.included)) {
+    return null;
+  }
+
+  var componentDoc = json.included.find(function (doc) {
+    return doc.attributes.name === componentName;
+  });
+
+  if (!componentDoc) {
+    return null;
+  }
+
+  return componentDoc.attributes.arguments.reduce(function (acc, prop) {
+    acc[prop.name] = {
+      name: prop.name,
+      defaultValue: prop.defaultValue,
+      description: prop.description,
+      table: {
+        defaultValue: {
+          summary: prop.defaultValue
+        },
+        type: {
+          summary: prop.type,
+          required: prop.tags.length ? prop.tags.some(function (tag) {
+            return tag.name === 'required';
+          }) : false
+        }
+      }
+    };
+    return acc;
+  }, {});
+};
+
+exports.extractArgTypes = extractArgTypes;
+
+var extractComponentDescription = function extractComponentDescription(componentName) {
+  var json = getJSONDoc();
+
+  if (!(json && json.included)) {
+    return null;
+  }
+
+  var componentDoc = json.included.find(function (doc) {
+    return doc.attributes.name === componentName;
+  });
+
+  if (!componentDoc) {
+    return null;
+  }
+
+  return componentDoc.attributes.description;
+};
+
+exports.extractComponentDescription = extractComponentDescription;

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.forceReRender = exports.configure = exports.storiesOf = exports.raw = exports.getStorybook = exports.clearDecorators = exports.addParameters = exports.addDecorator = exports.setAddon = void 0;
+exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.addParameters = exports.addDecorator = void 0;
 
-var _client = require("@storybook/core/client");
+var _core = require("@storybook/core");
 
 require("./globals");
 
 var _render = require("./render");
 
-var _start = (0, _client.start)(_render.renderToDOM),
+var _start = (0, _core.start)(_render.renderToDOM),
     coreConfigure = _start.configure,
     clientApi = _start.clientApi,
     forceReRender = _start.forceReRender;

package/dist/cjs/server/framework-preset-babel-ember.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.babel = babel;
-exports.config = void 0;
+exports.previewAnnotations = void 0;
 
 var _emberTemplateCompiler = require("ember-source/dist/ember-template-compiler");
 
 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; }
 
@@ -55,8 +55,8 @@ function babel(config, options) {
   });
 }
 
-var config = function (entry = []) {
+var previewAnnotations = function (entry = []) {
   return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/preview/config')];
 };
 
-exports.config = config;
+exports.previewAnnotations = previewAnnotations;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.previewAnnotations = void 0;
+
+var _coreCommon = require("@storybook/core-common");
+
+var _docsTools = require("@storybook/docs-tools");
+
+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/options.js

@@ -12,6 +12,6 @@ var _default = {
     cwd: __dirname
   }).packageJson,
   framework: 'ember',
-  frameworkPresets: [require.resolve('./framework-preset-babel-ember.js')]
+  frameworkPresets: [require.resolve('./preset')]
 };
 exports.default = _default;

package/dist/cjs/server/preset.js

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

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

@@ -0,0 +1,10 @@
+import { enhanceArgTypes } from '@storybook/docs-tools';
+import { extractArgTypes, extractComponentDescription } from './jsondoc';
+export var parameters = {
+  docs: {
+    iframeHeight: 80,
+    extractArgTypes: extractArgTypes,
+    extractComponentDescription: extractComponentDescription
+  }
+};
+export var argTypesEnhancers = [enhanceArgTypes];

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

@@ -0,0 +1 @@
+export { setJSONDoc } from './jsondoc';

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

@@ -0,0 +1,67 @@
+import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+
+/* eslint-disable no-underscore-dangle */
+
+/* global window */
+export var setJSONDoc = function setJSONDoc(jsondoc) {
+  window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
+};
+export var getJSONDoc = function getJSONDoc() {
+  return window.__EMBER_GENERATED_DOC_JSON__;
+};
+export var extractArgTypes = function extractArgTypes(componentName) {
+  var json = getJSONDoc();
+
+  if (!(json && json.included)) {
+    return null;
+  }
+
+  var componentDoc = json.included.find(function (doc) {
+    return doc.attributes.name === componentName;
+  });
+
+  if (!componentDoc) {
+    return null;
+  }
+
+  return componentDoc.attributes.arguments.reduce(function (acc, prop) {
+    acc[prop.name] = {
+      name: prop.name,
+      defaultValue: prop.defaultValue,
+      description: prop.description,
+      table: {
+        defaultValue: {
+          summary: prop.defaultValue
+        },
+        type: {
+          summary: prop.type,
+          required: prop.tags.length ? prop.tags.some(function (tag) {
+            return tag.name === 'required';
+          }) : false
+        }
+      }
+    };
+    return acc;
+  }, {});
+};
+export var extractComponentDescription = function extractComponentDescription(componentName) {
+  var json = getJSONDoc();
+
+  if (!(json && json.included)) {
+    return null;
+  }
+
+  var componentDoc = json.included.find(function (doc) {
+    return doc.attributes.name === componentName;
+  });
+
+  if (!componentDoc) {
+    return null;
+  }
+
+  return componentDoc.attributes.description;
+};

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

@@ -0,0 +1,8 @@
+import { extractArgTypes, extractComponentDescription } from './jsondoc';
+export var parameters = {
+  docs: {
+    iframeHeight: 80,
+    extractArgTypes: extractArgTypes,
+    extractComponentDescription: extractComponentDescription
+  }
+};

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

@@ -0,0 +1 @@
+export { setJSONDoc } from './jsondoc';

package/dist/esm/client/preview/docs/jsondoc.js

@@ -0,0 +1,67 @@
+import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+
+/* eslint-disable no-underscore-dangle */
+
+/* global window */
+export var setJSONDoc = function setJSONDoc(jsondoc) {
+  window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
+};
+export var getJSONDoc = function getJSONDoc() {
+  return window.__EMBER_GENERATED_DOC_JSON__;
+};
+export var extractArgTypes = function extractArgTypes(componentName) {
+  var json = getJSONDoc();
+
+  if (!(json && json.included)) {
+    return null;
+  }
+
+  var componentDoc = json.included.find(function (doc) {
+    return doc.attributes.name === componentName;
+  });
+
+  if (!componentDoc) {
+    return null;
+  }
+
+  return componentDoc.attributes.arguments.reduce(function (acc, prop) {
+    acc[prop.name] = {
+      name: prop.name,
+      defaultValue: prop.defaultValue,
+      description: prop.description,
+      table: {
+        defaultValue: {
+          summary: prop.defaultValue
+        },
+        type: {
+          summary: prop.type,
+          required: prop.tags.length ? prop.tags.some(function (tag) {
+            return tag.name === 'required';
+          }) : false
+        }
+      }
+    };
+    return acc;
+  }, {});
+};
+export var extractComponentDescription = function extractComponentDescription(componentName) {
+  var json = getJSONDoc();
+
+  if (!(json && json.included)) {
+    return null;
+  }
+
+  var componentDoc = json.included.find(function (doc) {
+    return doc.attributes.name === componentName;
+  });
+
+  if (!componentDoc) {
+    return null;
+  }
+
+  return componentDoc.attributes.description;
+};

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

@@ -1,4 +1,4 @@
-import { start } from '@storybook/core/client';
+import { start } from '@storybook/core';
 import './globals';
 import { renderToDOM } from './render';
 

package/dist/esm/server/framework-preset-babel-ember.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; }
 
@@ -44,6 +44,6 @@ export function babel(config, options) {
     plugins: [].concat(babelConfigPlugins, extraPlugins)
   });
 }
-export var config = function (entry = []) {
+export var previewAnnotations = function (entry = []) {
   return [...entry, findDistEsm(__dirname, 'client/preview/config')];
 };

package/dist/esm/server/framework-preset-ember-docs.js

@@ -0,0 +1,6 @@
+import { findDistEsm } from '@storybook/core-common';
+import { hasDocsOrControls } from '@storybook/docs-tools';
+export var previewAnnotations = function (entry = [], options) {
+  if (!hasDocsOrControls(options)) return entry;
+  return [...entry, findDistEsm(__dirname, 'client/docs/config')];
+};

package/dist/esm/server/options.js

@@ -4,5 +4,5 @@ export default {
     cwd: __dirname
   }).packageJson,
   framework: 'ember',
-  frameworkPresets: [require.resolve('./framework-preset-babel-ember.js')]
+  frameworkPresets: [require.resolve('./preset')]
 };

package/dist/esm/server/preset.js

@@ -0,0 +1 @@
+export var addons = [require.resolve('./framework-preset-babel-ember'), require.resolve('./framework-preset-ember-docs')];

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

@@ -0,0 +1,10 @@
+import { enhanceArgTypes } from '@storybook/docs-tools';
+import { extractArgTypes, extractComponentDescription } from './jsondoc';
+export const parameters = {
+  docs: {
+    iframeHeight: 80,
+    extractArgTypes,
+    extractComponentDescription
+  }
+};
+export const argTypesEnhancers = [enhanceArgTypes];

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

@@ -0,0 +1 @@
+export { setJSONDoc } from './jsondoc';

package/dist/modern/client/docs/jsondoc.js

@@ -0,0 +1,57 @@
+import "core-js/modules/es.array.reduce.js";
+
+/* eslint-disable no-underscore-dangle */
+
+/* global window */
+export const setJSONDoc = jsondoc => {
+  window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
+};
+export const getJSONDoc = () => {
+  return window.__EMBER_GENERATED_DOC_JSON__;
+};
+export const extractArgTypes = componentName => {
+  const json = getJSONDoc();
+
+  if (!(json && json.included)) {
+    return null;
+  }
+
+  const componentDoc = json.included.find(doc => doc.attributes.name === componentName);
+
+  if (!componentDoc) {
+    return null;
+  }
+
+  return componentDoc.attributes.arguments.reduce((acc, prop) => {
+    acc[prop.name] = {
+      name: prop.name,
+      defaultValue: prop.defaultValue,
+      description: prop.description,
+      table: {
+        defaultValue: {
+          summary: prop.defaultValue
+        },
+        type: {
+          summary: prop.type,
+          required: prop.tags.length ? prop.tags.some(tag => tag.name === 'required') : false
+        }
+      }
+    };
+    return acc;
+  }, {});
+};
+export const extractComponentDescription = componentName => {
+  const json = getJSONDoc();
+
+  if (!(json && json.included)) {
+    return null;
+  }
+
+  const componentDoc = json.included.find(doc => doc.attributes.name === componentName);
+
+  if (!componentDoc) {
+    return null;
+  }
+
+  return componentDoc.attributes.description;
+};

package/dist/modern/client/preview/docs/config.js

@@ -0,0 +1,8 @@
+import { extractArgTypes, extractComponentDescription } from './jsondoc';
+export const parameters = {
+  docs: {
+    iframeHeight: 80,
+    extractArgTypes,
+    extractComponentDescription
+  }
+};

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

@@ -0,0 +1 @@
+export { setJSONDoc } from './jsondoc';

package/dist/modern/client/preview/docs/jsondoc.js

@@ -0,0 +1,57 @@
+import "core-js/modules/es.array.reduce.js";
+
+/* eslint-disable no-underscore-dangle */
+
+/* global window */
+export const setJSONDoc = jsondoc => {
+  window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
+};
+export const getJSONDoc = () => {
+  return window.__EMBER_GENERATED_DOC_JSON__;
+};
+export const extractArgTypes = componentName => {
+  const json = getJSONDoc();
+
+  if (!(json && json.included)) {
+    return null;
+  }
+
+  const componentDoc = json.included.find(doc => doc.attributes.name === componentName);
+
+  if (!componentDoc) {
+    return null;
+  }
+
+  return componentDoc.attributes.arguments.reduce((acc, prop) => {
+    acc[prop.name] = {
+      name: prop.name,
+      defaultValue: prop.defaultValue,
+      description: prop.description,
+      table: {
+        defaultValue: {
+          summary: prop.defaultValue
+        },
+        type: {
+          summary: prop.type,
+          required: prop.tags.length ? prop.tags.some(tag => tag.name === 'required') : false
+        }
+      }
+    };
+    return acc;
+  }, {});
+};
+export const extractComponentDescription = componentName => {
+  const json = getJSONDoc();
+
+  if (!(json && json.included)) {
+    return null;
+  }
+
+  const componentDoc = json.included.find(doc => doc.attributes.name === componentName);
+
+  if (!componentDoc) {
+    return null;
+  }
+
+  return componentDoc.attributes.description;
+};

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

@@ -1,4 +1,4 @@
-import { start } from '@storybook/core/client';
+import { start } from '@storybook/core';
 import './globals';
 import { renderToDOM } from './render';
 const {

package/dist/modern/server/framework-preset-babel-ember.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; }
 
@@ -44,6 +44,6 @@ export function babel(config, options) {
     plugins: [].concat(babelConfigPlugins, extraPlugins)
   });
 }
-export var config = function (entry = []) {
+export var previewAnnotations = function (entry = []) {
   return [...entry, findDistEsm(__dirname, 'client/preview/config')];
 };

package/dist/modern/server/framework-preset-ember-docs.js

@@ -0,0 +1,6 @@
+import { findDistEsm } from '@storybook/core-common';
+import { hasDocsOrControls } from '@storybook/docs-tools';
+export var previewAnnotations = function (entry = [], options) {
+  if (!hasDocsOrControls(options)) return entry;
+  return [...entry, findDistEsm(__dirname, 'client/docs/config')];
+};

package/dist/modern/server/options.js

@@ -4,5 +4,5 @@ export default {
     cwd: __dirname
   }).packageJson,
   framework: 'ember',
-  frameworkPresets: [require.resolve('./framework-preset-babel-ember.js')]
+  frameworkPresets: [require.resolve('./preset')]
 };

package/dist/modern/server/preset.js

@@ -0,0 +1 @@
+export var addons = [require.resolve('./framework-preset-babel-ember'), require.resolve('./framework-preset-ember-docs')];

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

@@ -1,9 +1,9 @@
 import './globals';
 declare const forceReRender: (() => never) | (() => void);
-export declare const setAddon: (() => never) | ((addon: any) => void), addDecorator: (() => never) | ((decorator: import("@storybook/csf").DecoratorFunction<import("./types").EmberFramework, import("@storybook/csf").Args>) => void), addParameters: (() => never) | (({ globals, globalTypes, ...parameters }: import("@storybook/csf").Parameters & {
+export declare const setAddon: ((addon: any) => void) | (() => never), addDecorator: (() => never) | ((decorator: import("@storybook/csf").DecoratorFunction<import("./types").EmberFramework, import("@storybook/csf").Args>) => void), addParameters: (({ globals, globalTypes, ...parameters }: import("@storybook/csf").Parameters & {
     globals?: import("@storybook/csf").Globals;
     globalTypes?: import("@storybook/csf").GlobalTypes;
-}) => void), clearDecorators: (() => never) | (() => void), getStorybook: (() => never) | (() => import("@storybook/client-api/dist/ts3.9/ClientApi").GetStorybookKind<import("./types").EmberFramework>[]), raw: (() => never) | (() => import("@storybook/store").BoundStory<import("./types").EmberFramework>[]);
+}) => void) | (() => never), clearDecorators: (() => void) | (() => never), getStorybook: (() => never) | (() => import("@storybook/client-api/dist/ts3.9/ClientApi").GetStorybookKind<import("./types").EmberFramework>[]), raw: (() => never) | (() => import("@storybook/store").BoundStory<import("./types").EmberFramework>[]);
 export declare const storiesOf: (kind: string, m: any) => import("@storybook/addons").StoryApi<import("./types").OptionsArgs>;
 export declare const configure: (loadable: any, m: any) => void;
 export { forceReRender };

package/dist/ts3.4/src/server/framework-preset-babel-ember.d.ts

@@ -1,49 +1,4 @@
 import { TransformOptions } from '@babel/core';
-import { StorybookConfig } from '@storybook/core-common';
-export declare function babel(config: TransformOptions, options: any): {
-    plugins: any[];
-    ast?: boolean;
-    auxiliaryCommentAfter?: string;
-    auxiliaryCommentBefore?: string;
-    root?: string;
-    rootMode?: "root" | "upward" | "upward-optional";
-    configFile?: string | boolean;
-    babelrc?: boolean;
-    babelrcRoots?: string | boolean | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
-    envName?: string;
-    exclude?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
-    code?: boolean;
-    comments?: boolean;
-    compact?: boolean | "auto";
-    cwd?: string;
-    caller?: import("@babel/core").TransformCaller;
-    env?: {
-        [index: string]: TransformOptions;
-    };
-    extends?: string;
-    filename?: string;
-    filenameRelative?: string;
-    generatorOpts?: import("@babel/generator").GeneratorOptions;
-    getModuleId?: (moduleName: string) => string;
-    highlightCode?: boolean;
-    ignore?: import("@babel/core").MatchPattern[];
-    include?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
-    inputSourceMap?: object;
-    minified?: boolean;
-    moduleId?: string;
-    moduleIds?: boolean;
-    moduleRoot?: string;
-    only?: import("@babel/core").MatchPattern[];
-    overrides?: TransformOptions[];
-    parserOpts?: import("@babel/parser").ParserOptions;
-    presets?: import("@babel/core").PluginItem[];
-    retainLines?: boolean;
-    shouldPrintComment?: (commentContents: string) => boolean;
-    sourceFileName?: string;
-    sourceMaps?: boolean | "inline" | "both";
-    sourceRoot?: string;
-    sourceType?: "script" | "module" | "unambiguous";
-    test?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
-    wrapPluginVisitorMethod?: (pluginAlias: string, visitorType: "enter" | "exit", callback: (path: import("@babel/traverse").NodePath<import("@babel/types").Node>, state: any) => void) => (path: import("@babel/traverse").NodePath<import("@babel/types").Node>, state: any) => void;
-};
-export declare const config: StorybookConfig['config'];
+import { StorybookConfig, Options } from '@storybook/core-common';
+export declare function babel(config: TransformOptions, options: Options): TransformOptions;
+export declare const previewAnnotations: StorybookConfig['previewAnnotations'];

package/dist/ts3.4/src/server/framework-preset-ember-docs.d.ts

@@ -0,0 +1,2 @@
+import { StorybookConfig } from '@storybook/core-common';
+export declare const previewAnnotations: StorybookConfig['previewAnnotations'];

package/dist/ts3.4/src/server/preset.d.ts

@@ -0,0 +1,2 @@
+import { StorybookConfig } from '@storybook/core-common';
+export declare const addons: StorybookConfig['addons'];

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

@@ -1,9 +1,9 @@
 import './globals';
 declare const forceReRender: (() => never) | (() => void);
-export declare const setAddon: (() => never) | ((addon: any) => void), addDecorator: (() => never) | ((decorator: import("@storybook/csf").DecoratorFunction<import("./types").EmberFramework, import("@storybook/csf").Args>) => void), addParameters: (() => never) | (({ globals, globalTypes, ...parameters }: import("@storybook/csf").Parameters & {
+export declare const setAddon: ((addon: any) => void) | (() => never), addDecorator: (() => never) | ((decorator: import("@storybook/csf").DecoratorFunction<import("./types").EmberFramework, import("@storybook/csf").Args>) => void), addParameters: (({ globals, globalTypes, ...parameters }: import("@storybook/csf").Parameters & {
     globals?: import("@storybook/csf").Globals;
     globalTypes?: import("@storybook/csf").GlobalTypes;
-}) => void), clearDecorators: (() => never) | (() => void), getStorybook: (() => never) | (() => import("@storybook/client-api/dist/ts3.9/ClientApi").GetStorybookKind<import("./types").EmberFramework>[]), raw: (() => never) | (() => import("@storybook/store").BoundStory<import("./types").EmberFramework>[]);
+}) => void) | (() => never), clearDecorators: (() => void) | (() => never), getStorybook: (() => never) | (() => import("@storybook/client-api/dist/ts3.9/ClientApi").GetStorybookKind<import("./types").EmberFramework>[]), raw: (() => never) | (() => import("@storybook/store").BoundStory<import("./types").EmberFramework>[]);
 export declare const storiesOf: (kind: string, m: any) => import("@storybook/addons").StoryApi<import("./types").OptionsArgs>;
 export declare const configure: (loadable: any, m: any) => void;
 export { forceReRender };

package/dist/ts3.9/src/server/framework-preset-babel-ember.d.ts

@@ -1,49 +1,4 @@
-import { TransformOptions } from '@babel/core';
-import { StorybookConfig } from '@storybook/core-common';
-export declare function babel(config: TransformOptions, options: any): {
-    plugins: any[];
-    ast?: boolean;
-    auxiliaryCommentAfter?: string;
-    auxiliaryCommentBefore?: string;
-    root?: string;
-    rootMode?: "root" | "upward" | "upward-optional";
-    configFile?: string | boolean;
-    babelrc?: boolean;
-    babelrcRoots?: string | boolean | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
-    envName?: string;
-    exclude?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
-    code?: boolean;
-    comments?: boolean;
-    compact?: boolean | "auto";
-    cwd?: string;
-    caller?: import("@babel/core").TransformCaller;
-    env?: {
-        [index: string]: TransformOptions;
-    };
-    extends?: string;
-    filename?: string;
-    filenameRelative?: string;
-    generatorOpts?: import("@babel/generator").GeneratorOptions;
-    getModuleId?: (moduleName: string) => string;
-    highlightCode?: boolean;
-    ignore?: import("@babel/core").MatchPattern[];
-    include?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
-    inputSourceMap?: object;
-    minified?: boolean;
-    moduleId?: string;
-    moduleIds?: boolean;
-    moduleRoot?: string;
-    only?: import("@babel/core").MatchPattern[];
-    overrides?: TransformOptions[];
-    parserOpts?: import("@babel/parser").ParserOptions;
-    presets?: import("@babel/core").PluginItem[];
-    retainLines?: boolean;
-    shouldPrintComment?: (commentContents: string) => boolean;
-    sourceFileName?: string;
-    sourceMaps?: boolean | "inline" | "both";
-    sourceRoot?: string;
-    sourceType?: "script" | "module" | "unambiguous";
-    test?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
-    wrapPluginVisitorMethod?: (pluginAlias: string, visitorType: "enter" | "exit", callback: (path: import("@babel/traverse").NodePath<import("@babel/types").Node>, state: any) => void) => (path: import("@babel/traverse").NodePath<import("@babel/types").Node>, state: any) => void;
-};
-export declare const config: StorybookConfig['config'];
+import type { TransformOptions } from '@babel/core';
+import type { StorybookConfig, Options } from '@storybook/core-common';
+export declare function babel(config: TransformOptions, options: Options): TransformOptions;
+export declare const previewAnnotations: StorybookConfig['previewAnnotations'];

package/dist/ts3.9/src/server/framework-preset-ember-docs.d.ts

@@ -0,0 +1,2 @@
+import type { StorybookConfig } from '@storybook/core-common';
+export declare const previewAnnotations: StorybookConfig['previewAnnotations'];

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

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

package/dist/ts3.9/src/server/preset.d.ts

@@ -0,0 +1,2 @@
+import type { StorybookConfig } from '@storybook/core-common';
+export declare const addons: StorybookConfig['addons'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "6.5.0-alpha.9",
+  "version": "6.5.0-beta.2",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/main/app/ember",
   "bugs": {
@@ -42,10 +42,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@ember/test-helpers": "^2.1.4",
-    "@storybook/core": "6.5.0-alpha.9",
-    "@storybook/core-common": "6.5.0-alpha.9",
-    "@storybook/store": "6.5.0-alpha.9",
+    "@storybook/core": "6.5.0-beta.2",
+    "@storybook/core-common": "6.5.0-beta.2",
+    "@storybook/docs-tools": "6.5.0-beta.2",
+    "@storybook/store": "6.5.0-beta.2",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
@@ -66,6 +66,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fb124ab94e8b5ed0920bc7954e6f6a70bf79c37a",
+  "gitHead": "b42ccab2b3f9d4f1f8f862242a5e4af0d3306061",
   "sbmodern": "dist/modern/client/index.js"
 }

package/preset.js

@@ -1 +1 @@
-module.exports = require('./dist/cjs/server/framework-preset-babel-ember');
+module.exports = require('./dist/cjs/server/preset');

package/dist/cjs/typings.d.js

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