@storybook/ember 6.5.9 → 7.0.0-alpha.10

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

@@ -9,7 +9,7 @@ var _docsTools = require("@storybook/docs-tools");
 
 var _jsondoc = require("./jsondoc");
 
-var parameters = {
+const parameters = {
   docs: {
     iframeHeight: 80,
     extractArgTypes: _jsondoc.extractArgTypes,
@@ -17,5 +17,5 @@ var parameters = {
   }
 };
 exports.parameters = parameters;
-var argTypesEnhancers = [_docsTools.enhanceArgTypes];
+const argTypesEnhancers = [_docsTools.enhanceArgTypes];
 exports.argTypesEnhancers = argTypesEnhancers;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "setJSONDoc", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _jsondoc.setJSONDoc;
   }
 });

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

@@ -5,47 +5,35 @@ Object.defineProperty(exports, "__esModule", {
 });
 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) {
+const setJSONDoc = jsondoc => {
   window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
 };
 
 exports.setJSONDoc = setJSONDoc;
 
-var getJSONDoc = function getJSONDoc() {
+const getJSONDoc = () => {
   return window.__EMBER_GENERATED_DOC_JSON__;
 };
 
 exports.getJSONDoc = getJSONDoc;
 
-var extractArgTypes = function extractArgTypes(componentName) {
-  var json = getJSONDoc();
+const extractArgTypes = componentName => {
+  const json = getJSONDoc();
 
   if (!(json && json.included)) {
     return null;
   }
 
-  var componentDoc = json.included.find(function (doc) {
-    return doc.attributes.name === componentName;
-  });
+  const componentDoc = json.included.find(doc => doc.attributes.name === componentName);
 
   if (!componentDoc) {
     return null;
   }
 
-  return componentDoc.attributes.arguments.reduce(function (acc, prop) {
+  return componentDoc.attributes.arguments.reduce((acc, prop) => {
     acc[prop.name] = {
       name: prop.name,
       defaultValue: prop.defaultValue,
@@ -56,9 +44,7 @@ var extractArgTypes = function extractArgTypes(componentName) {
         },
         type: {
           summary: prop.type,
-          required: prop.tags.length ? prop.tags.some(function (tag) {
-            return tag.name === 'required';
-          }) : false
+          required: prop.tags.length ? prop.tags.some(tag => tag.name === 'required') : false
         }
       }
     };
@@ -68,16 +54,14 @@ var extractArgTypes = function extractArgTypes(componentName) {
 
 exports.extractArgTypes = extractArgTypes;
 
-var extractComponentDescription = function extractComponentDescription(componentName) {
-  var json = getJSONDoc();
+const extractComponentDescription = componentName => {
+  const json = getJSONDoc();
 
   if (!(json && json.included)) {
     return null;
   }
 
-  var componentDoc = json.included.find(function (doc) {
-    return doc.attributes.name === componentName;
-  });
+  const componentDoc = json.included.find(doc => doc.attributes.name === componentName);
 
   if (!componentDoc) {
     return null;

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

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.parameters = void 0;
 Object.defineProperty(exports, "renderToDOM", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _render.renderToDOM;
   }
 });
 
 var _render = require("./render");
 
-var parameters = {
+const parameters = {
   framework: 'ember'
 };
 exports.parameters = parameters;

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

@@ -7,7 +7,7 @@ exports.parameters = void 0;
 
 var _jsondoc = require("./jsondoc");
 
-var parameters = {
+const parameters = {
   docs: {
     iframeHeight: 80,
     extractArgTypes: _jsondoc.extractArgTypes,

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "setJSONDoc", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _jsondoc.setJSONDoc;
   }
 });

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

@@ -5,47 +5,35 @@ Object.defineProperty(exports, "__esModule", {
 });
 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) {
+const setJSONDoc = jsondoc => {
   window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
 };
 
 exports.setJSONDoc = setJSONDoc;
 
-var getJSONDoc = function getJSONDoc() {
+const getJSONDoc = () => {
   return window.__EMBER_GENERATED_DOC_JSON__;
 };
 
 exports.getJSONDoc = getJSONDoc;
 
-var extractArgTypes = function extractArgTypes(componentName) {
-  var json = getJSONDoc();
+const extractArgTypes = componentName => {
+  const json = getJSONDoc();
 
   if (!(json && json.included)) {
     return null;
   }
 
-  var componentDoc = json.included.find(function (doc) {
-    return doc.attributes.name === componentName;
-  });
+  const componentDoc = json.included.find(doc => doc.attributes.name === componentName);
 
   if (!componentDoc) {
     return null;
   }
 
-  return componentDoc.attributes.arguments.reduce(function (acc, prop) {
+  return componentDoc.attributes.arguments.reduce((acc, prop) => {
     acc[prop.name] = {
       name: prop.name,
       defaultValue: prop.defaultValue,
@@ -56,9 +44,7 @@ var extractArgTypes = function extractArgTypes(componentName) {
         },
         type: {
           summary: prop.type,
-          required: prop.tags.length ? prop.tags.some(function (tag) {
-            return tag.name === 'required';
-          }) : false
+          required: prop.tags.length ? prop.tags.some(tag => tag.name === 'required') : false
         }
       }
     };
@@ -68,16 +54,14 @@ var extractArgTypes = function extractArgTypes(componentName) {
 
 exports.extractArgTypes = extractArgTypes;
 
-var extractComponentDescription = function extractComponentDescription(componentName) {
-  var json = getJSONDoc();
+const extractComponentDescription = componentName => {
+  const json = getJSONDoc();
 
   if (!(json && json.included)) {
     return null;
   }
 
-  var componentDoc = json.included.find(function (doc) {
-    return doc.attributes.name === componentName;
-  });
+  const componentDoc = json.included.find(doc => doc.attributes.name === componentName);
 
   if (!componentDoc) {
     return null;

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

@@ -4,6 +4,8 @@ var _global = _interopRequireDefault(require("global"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var globalWindow = _global.default.window;
+const {
+  window: globalWindow
+} = _global.default;
 globalWindow.STORYBOOK_NAME = process.env.STORYBOOK_NAME;
 globalWindow.STORYBOOK_ENV = 'ember';

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

@@ -5,42 +5,40 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.addParameters = exports.addDecorator = void 0;
 
-var _core = require("@storybook/core");
+var _coreClient = require("@storybook/core-client");
 
 require("./globals");
 
 var _render = require("./render");
 
-var _start = (0, _core.start)(_render.renderToDOM),
-    coreConfigure = _start.configure,
-    clientApi = _start.clientApi,
-    forceReRender = _start.forceReRender;
-
+const {
+  configure: coreConfigure,
+  clientApi,
+  forceReRender
+} = (0, _coreClient.start)(_render.renderToDOM);
 exports.forceReRender = forceReRender;
-var setAddon = clientApi.setAddon,
-    addDecorator = clientApi.addDecorator,
-    addParameters = clientApi.addParameters,
-    clearDecorators = clientApi.clearDecorators,
-    getStorybook = clientApi.getStorybook,
-    raw = clientApi.raw;
+const {
+  setAddon,
+  addDecorator,
+  addParameters,
+  clearDecorators,
+  getStorybook,
+  raw
+} = clientApi;
 exports.raw = raw;
 exports.getStorybook = getStorybook;
 exports.clearDecorators = clearDecorators;
 exports.addParameters = addParameters;
 exports.addDecorator = addDecorator;
 exports.setAddon = setAddon;
-var framework = 'ember';
+const FRAMEWORK = 'ember';
 
-var storiesOf = function storiesOf(kind, m) {
-  return clientApi.storiesOf(kind, m).addParameters({
-    framework: framework
-  });
-};
+const storiesOf = (kind, m) => clientApi.storiesOf(kind, m).addParameters({
+  framework: FRAMEWORK
+});
 
 exports.storiesOf = storiesOf;
 
-var configure = function configure(loadable, m) {
-  return coreConfigure(framework, loadable, m);
-};
+const configure = (loadable, m) => coreConfigure(FRAMEWORK, loadable, m);
 
 exports.configure = configure;

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

@@ -1,69 +1,54 @@
 "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;
 
-require("core-js/modules/es.object.assign.js");
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.array.concat.js");
-
 var _global = _interopRequireDefault(require("global"));
 
 var _tsDedent = _interopRequireDefault(require("ts-dedent"));
 
-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 globalWindow = _global.default.window,
-    document = _global.default.document;
-var rootEl = document.getElementById('root');
+const {
+  window: globalWindow,
+  document
+} = _global.default;
+const rootEl = document.getElementById('root');
 
-var config = globalWindow.require("".concat(globalWindow.STORYBOOK_NAME, "/config/environment"));
+const config = globalWindow.require(`${globalWindow.STORYBOOK_NAME}/config/environment`);
 
-var app = globalWindow.require("".concat(globalWindow.STORYBOOK_NAME, "/app")).default.create(Object.assign({
+const app = globalWindow.require(`${globalWindow.STORYBOOK_NAME}/app`).default.create(Object.assign({
   autoboot: false,
   rootElement: rootEl
 }, config.APP));
 
-var lastPromise = app.boot();
-var hasRendered = false;
-var isRendering = false;
+let lastPromise = app.boot();
+let hasRendered = false;
+let isRendering = false;
 
 function render(options, el) {
   if (isRendering) return;
   isRendering = true;
-  var template = options.template,
-      _options$context = options.context,
-      context = _options$context === void 0 ? {} : _options$context,
-      element = options.element;
+  const {
+    template,
+    context = {},
+    element
+  } = options;
 
   if (hasRendered) {
-    lastPromise = lastPromise.then(function (instance) {
-      return instance.destroy();
-    });
+    lastPromise = lastPromise.then(instance => instance.destroy());
   }
 
-  lastPromise = lastPromise.then(function () {
-    var appInstancePrivate = app.buildInstance();
-    return appInstancePrivate.boot().then(function () {
-      return appInstancePrivate;
-    });
-  }).then(function (instance) {
+  lastPromise = lastPromise.then(() => {
+    const appInstancePrivate = app.buildInstance();
+    return appInstancePrivate.boot().then(() => appInstancePrivate);
+  }).then(instance => {
     instance.register('component:story-mode', Ember.Component.extend(Object.assign({
       layout: template || options
     }, context)));
-    var component = instance.lookup('component:story-mode');
+    const component = instance.lookup('component:story-mode');
 
     if (element) {
       component.appendTo(element);
@@ -78,18 +63,24 @@ function render(options, el) {
   });
 }
 
-function renderToDOM(_ref, domElement) {
-  var storyFn = _ref.storyFn,
-      kind = _ref.kind,
-      name = _ref.name,
-      showMain = _ref.showMain,
-      showError = _ref.showError;
-  var element = storyFn();
+function renderToDOM({
+  storyFn,
+  kind,
+  name,
+  showMain,
+  showError
+}, domElement) {
+  const element = storyFn();
 
   if (!element) {
     showError({
-      title: "Expecting a Ember element from the story: \"".concat(name, "\" of \"").concat(kind, "\"."),
-      description: (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        Did you forget to return the Ember element from the story?\n        Use \"() => hbs('{{component}}')\" or \"() => { return {\n          template: hbs`{{component}}`\n        } }\" when defining the story.\n      "], ["\n        Did you forget to return the Ember element from the story?\n        Use \"() => hbs('{{component}}')\" or \"() => { return {\n          template: hbs\\`{{component}}\\`\n        } }\" when defining the story.\n      "])))
+      title: `Expecting a Ember element from the story: "${name}" of "${kind}".`,
+      description: (0, _tsDedent.default)`
+        Did you forget to return the Ember element from the story?
+        Use "() => hbs('{{component}}')" or "() => { return {
+          template: hbs\`{{component}}\`
+        } }" when defining the story.
+      `
     });
     return;
   }

package/dist/cjs/{client/index.js → index.js}

@@ -5,55 +5,54 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "addDecorator", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.addDecorator;
   }
 });
 Object.defineProperty(exports, "addParameters", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.addParameters;
   }
 });
 Object.defineProperty(exports, "configure", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.configure;
   }
 });
 Object.defineProperty(exports, "forceReRender", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.forceReRender;
   }
 });
 Object.defineProperty(exports, "getStorybook", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.getStorybook;
   }
 });
 Object.defineProperty(exports, "raw", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.raw;
   }
 });
 Object.defineProperty(exports, "setAddon", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.setAddon;
   }
 });
 Object.defineProperty(exports, "storiesOf", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.storiesOf;
   }
 });
 
-var _preview = require("./preview");
+var _preview = require("./client/preview");
 
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-}
+// optimization: stop HMR propagation in webpack
+module?.hot?.decline();

package/dist/cjs/preset.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.core = exports.addons = void 0;
+
+var _path = _interopRequireDefault(require("path"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const addons = [require.resolve('./server/framework-preset-babel-ember'), require.resolve('./server/framework-preset-ember-docs')];
+exports.addons = addons;
+
+const core = async (config, options) => {
+  const framework = await options.presets.apply('framework');
+  return Object.assign({}, config, {
+    builder: {
+      name: _path.default.dirname(require.resolve(_path.default.join('@storybook/builder-webpack5', 'package.json'))),
+      options: typeof framework === 'string' ? {} : framework.options.builder || {}
+    }
+  });
+};
+
+exports.core = core;

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

@@ -34,9 +34,12 @@ function babel(config, options) {
   if (options && options.presetsList) {
     options.presetsList.forEach(function (e, index) {
       if (e.preset && e.preset.emberOptions) {
-        emberOptions = e.preset.emberOptions; // eslint-disable-next-line no-param-reassign
+        emberOptions = e.preset.emberOptions;
 
-        delete options.presetsList[index].preset.emberOptions;
+        if (options.presetsList) {
+          // eslint-disable-next-line no-param-reassign
+          delete options.presetsList[index].preset.emberOptions;
+        }
       }
     });
   }
@@ -51,7 +54,7 @@ function babel(config, options) {
     }
   }], [require.resolve('babel-plugin-ember-modules-api-polyfill')]];
   return _objectSpread(_objectSpread({}, config), {}, {
-    plugins: [].concat(babelConfigPlugins, extraPlugins)
+    plugins: [...babelConfigPlugins, ...extraPlugins]
   });
 }
 

package/dist/cjs/types.js

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

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

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

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

@@ -1,34 +1,26 @@
-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) {
+export const setJSONDoc = jsondoc => {
   window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
 };
-export var getJSONDoc = function getJSONDoc() {
+export const getJSONDoc = () => {
   return window.__EMBER_GENERATED_DOC_JSON__;
 };
-export var extractArgTypes = function extractArgTypes(componentName) {
-  var json = getJSONDoc();
+export const extractArgTypes = componentName => {
+  const json = getJSONDoc();
 
   if (!(json && json.included)) {
     return null;
   }
 
-  var componentDoc = json.included.find(function (doc) {
-    return doc.attributes.name === componentName;
-  });
+  const componentDoc = json.included.find(doc => doc.attributes.name === componentName);
 
   if (!componentDoc) {
     return null;
   }
 
-  return componentDoc.attributes.arguments.reduce(function (acc, prop) {
+  return componentDoc.attributes.arguments.reduce((acc, prop) => {
     acc[prop.name] = {
       name: prop.name,
       defaultValue: prop.defaultValue,
@@ -39,25 +31,21 @@ export var extractArgTypes = function extractArgTypes(componentName) {
         },
         type: {
           summary: prop.type,
-          required: prop.tags.length ? prop.tags.some(function (tag) {
-            return tag.name === 'required';
-          }) : false
+          required: prop.tags.length ? prop.tags.some(tag => tag.name === 'required') : false
         }
       }
     };
     return acc;
   }, {});
 };
-export var extractComponentDescription = function extractComponentDescription(componentName) {
-  var json = getJSONDoc();
+export const extractComponentDescription = componentName => {
+  const json = getJSONDoc();
 
   if (!(json && json.included)) {
     return null;
   }
 
-  var componentDoc = json.included.find(function (doc) {
-    return doc.attributes.name === componentName;
-  });
+  const componentDoc = json.included.find(doc => doc.attributes.name === componentName);
 
   if (!componentDoc) {
     return null;

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

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

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

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