@storybook/ember 7.0.0-alpha.50 → 7.0.0-alpha.51

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.parameters = exports.argTypesEnhancers = void 0;
-
 var _docsTools = require("@storybook/docs-tools");
-
 var _jsondoc = require("./jsondoc");
-
 const parameters = {
   docs: {
     iframeHeight: 80,

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

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "setJSONDoc", {
     return _jsondoc.setJSONDoc;
   }
 });
-
 var _jsondoc = require("./jsondoc");

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

@@ -4,35 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.setJSONDoc = exports.getJSONDoc = exports.extractComponentDescription = exports.extractArgTypes = void 0;
-
 /* eslint-disable no-underscore-dangle */
-
 /* global window */
+
 const setJSONDoc = jsondoc => {
   window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
 };
-
 exports.setJSONDoc = setJSONDoc;
-
 const getJSONDoc = () => {
   return window.__EMBER_GENERATED_DOC_JSON__;
 };
-
 exports.getJSONDoc = getJSONDoc;
-
 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,
@@ -51,23 +42,16 @@ const extractArgTypes = componentName => {
     return acc;
   }, {});
 };
-
 exports.extractArgTypes = extractArgTypes;
-
 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;
 };
-
 exports.extractComponentDescription = extractComponentDescription;

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

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "renderToCanvas", {
     return _render.renderToCanvas;
   }
 });
-
 var _render = require("./render");
-
 const parameters = {
   framework: 'ember'
 };

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.parameters = void 0;
-
 var _jsondoc = require("./jsondoc");
-
 const parameters = {
   docs: {
     iframeHeight: 80,

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

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "setJSONDoc", {
     return _jsondoc.setJSONDoc;
   }
 });
-
 var _jsondoc = require("./jsondoc");

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

@@ -4,35 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.setJSONDoc = exports.getJSONDoc = exports.extractComponentDescription = exports.extractArgTypes = void 0;
-
 /* eslint-disable no-underscore-dangle */
-
 /* global window */
+
 const setJSONDoc = jsondoc => {
   window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
 };
-
 exports.setJSONDoc = setJSONDoc;
-
 const getJSONDoc = () => {
   return window.__EMBER_GENERATED_DOC_JSON__;
 };
-
 exports.getJSONDoc = getJSONDoc;
-
 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,
@@ -51,23 +42,16 @@ const extractArgTypes = componentName => {
     return acc;
   }, {});
 };
-
 exports.extractArgTypes = extractArgTypes;
-
 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;
 };
-
 exports.extractComponentDescription = extractComponentDescription;

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

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

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

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.storiesOf = exports.raw = exports.forceReRender = exports.configure = void 0;
-
 var _coreClient = require("@storybook/core-client");
-
 require("./globals");
-
 var _render = require("./render");
-
 const {
   configure: coreConfigure,
   clientApi,
@@ -22,13 +18,9 @@ const {
 } = clientApi;
 exports.raw = raw;
 const FRAMEWORK = 'ember';
-
 const storiesOf = (kind, m) => clientApi.storiesOf(kind, m).addParameters({
   framework: FRAMEWORK
 });
-
 exports.storiesOf = storiesOf;
-
 const configure = (loadable, m) => coreConfigure(FRAMEWORK, loadable, m);
-
 exports.configure = configure;

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

@@ -4,33 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderToCanvas = renderToCanvas;
-
 var _global = _interopRequireDefault(require("global"));
-
 var _tsDedent = require("ts-dedent");
-
 var _component = _interopRequireDefault(require("@ember/component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // @ts-expect-error (Converted from ts-ignore)
+
 const {
   window: globalWindow,
   document
 } = _global.default;
 const rootEl = document.getElementById('storybook-root');
-
 const config = globalWindow.require(`${globalWindow.STORYBOOK_NAME}/config/environment`);
-
 const app = globalWindow.require(`${globalWindow.STORYBOOK_NAME}/app`).default.create(Object.assign({
   autoboot: false,
   rootElement: rootEl
 }, config.APP));
-
 let lastPromise = app.boot();
 let hasRendered = false;
 let isRendering = false;
-
 function render(options, el) {
   if (isRendering) return;
   isRendering = true;
@@ -39,11 +31,9 @@ function render(options, el) {
     context = {},
     element
   } = options;
-
   if (hasRendered) {
     lastPromise = lastPromise.then(instance => instance.destroy());
   }
-
   lastPromise = lastPromise.then(() => {
     const appInstancePrivate = app.buildInstance();
     return appInstancePrivate.boot().then(() => appInstancePrivate);
@@ -52,20 +42,17 @@ function render(options, el) {
       layout: template || options
     }, context)));
     const component = instance.lookup('component:story-mode');
-
     if (element) {
       component.appendTo(element);
       element.appendTo(el);
     } else {
       component.appendTo(el);
     }
-
     hasRendered = true;
     isRendering = false;
     return instance;
   });
 }
-
 function renderToCanvas({
   storyFn,
   kind,
@@ -74,7 +61,6 @@ function renderToCanvas({
   showError
 }, canvasElement) {
   const element = storyFn();
-
   if (!element) {
     showError({
       title: `Expecting a Ember element from the story: "${name}" of "${kind}".`,
@@ -87,7 +73,6 @@ function renderToCanvas({
     });
     return;
   }
-
   showMain();
   render(element, canvasElement);
 }

package/dist/cjs/index.js

@@ -27,10 +27,7 @@ Object.defineProperty(exports, "storiesOf", {
     return _preview.storiesOf;
   }
 });
-
 var _preview = require("./client/preview");
-
 var _module, _module$hot;
-
 // optimization: stop HMR propagation in webpack
 (_module = module) === null || _module === void 0 ? void 0 : (_module$hot = _module.hot) === null || _module$hot === void 0 ? void 0 : _module$hot.decline();

package/dist/cjs/preset.js

@@ -4,14 +4,10 @@ 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, {
@@ -21,5 +17,4 @@ const core = async (config, options) => {
     }
   });
 };
-
 exports.core = core;

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

@@ -5,37 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.babel = babel;
 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); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var emberOptions;
-
 function precompileWithPlugins(string, options) {
   var precompileOptions = options;
-
   if (emberOptions && emberOptions.polyfills) {
     precompileOptions.plugins = {
       ast: emberOptions.polyfills
     };
   }
-
   return (0, _emberTemplateCompiler.precompile)(string, precompileOptions);
 }
-
 function babel(config, options) {
   if (options && options.presetsList) {
     options.presetsList.forEach(function (e, index) {
       if (e.preset && e.preset.emberOptions) {
         emberOptions = e.preset.emberOptions;
-
         if (options.presetsList) {
           // eslint-disable-next-line no-param-reassign
           delete options.presetsList[index].preset.emberOptions;
@@ -43,7 +32,6 @@ function babel(config, options) {
       }
     });
   }
-
   var babelConfigPlugins = config.plugins || [];
   var extraPlugins = [[require.resolve('babel-plugin-htmlbars-inline-precompile'), {
     precompile: precompileWithPlugins,
@@ -57,9 +45,7 @@ function babel(config, options) {
     plugins: [...babelConfigPlugins, ...extraPlugins]
   });
 }
-
 var previewAnnotations = function (entry = []) {
   return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/preview/config')];
 };
-
 exports.previewAnnotations = previewAnnotations;

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

@@ -4,14 +4,10 @@ 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/esm/client/docs/jsondoc.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-underscore-dangle */
-
 /* global window */
+
 export const setJSONDoc = jsondoc => {
   window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
 };
@@ -9,17 +9,13 @@ export const getJSONDoc = () => {
 };
 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,
@@ -40,16 +36,12 @@ export const extractArgTypes = componentName => {
 };
 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/esm/client/preview/docs/jsondoc.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-underscore-dangle */
-
 /* global window */
+
 export const setJSONDoc = jsondoc => {
   window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
 };
@@ -9,17 +9,13 @@ export const getJSONDoc = () => {
 };
 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,
@@ -40,16 +36,12 @@ export const extractArgTypes = componentName => {
 };
 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/esm/client/preview/render.js

@@ -8,18 +8,14 @@ const {
   document
 } = global;
 const rootEl = document.getElementById('storybook-root');
-
 const config = globalWindow.require(`${globalWindow.STORYBOOK_NAME}/config/environment`);
-
 const app = globalWindow.require(`${globalWindow.STORYBOOK_NAME}/app`).default.create(Object.assign({
   autoboot: false,
   rootElement: rootEl
 }, config.APP));
-
 let lastPromise = app.boot();
 let hasRendered = false;
 let isRendering = false;
-
 function render(options, el) {
   if (isRendering) return;
   isRendering = true;
@@ -28,11 +24,9 @@ function render(options, el) {
     context = {},
     element
   } = options;
-
   if (hasRendered) {
     lastPromise = lastPromise.then(instance => instance.destroy());
   }
-
   lastPromise = lastPromise.then(() => {
     const appInstancePrivate = app.buildInstance();
     return appInstancePrivate.boot().then(() => appInstancePrivate);
@@ -41,20 +35,17 @@ function render(options, el) {
       layout: template || options
     }, context)));
     const component = instance.lookup('component:story-mode');
-
     if (element) {
       component.appendTo(element);
       element.appendTo(el);
     } else {
       component.appendTo(el);
     }
-
     hasRendered = true;
     isRendering = false;
     return instance;
   });
 }
-
 export function renderToCanvas({
   storyFn,
   kind,
@@ -63,7 +54,6 @@ export function renderToCanvas({
   showError
 }, canvasElement) {
   const element = storyFn();
-
   if (!element) {
     showError({
       title: `Expecting a Ember element from the story: "${name}" of "${kind}".`,
@@ -76,7 +66,6 @@ export function renderToCanvas({
     });
     return;
   }
-
   showMain();
   render(element, canvasElement);
 }

package/dist/esm/index.js

@@ -1,4 +1,6 @@
 /// <reference types="webpack-env" />
-export { storiesOf, configure, forceReRender, raw } from './client/preview'; // optimization: stop HMR propagation in webpack
 
+export { storiesOf, configure, forceReRender, raw } from './client/preview';
+
+// optimization: stop HMR propagation in webpack
 module?.hot?.decline();

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

@@ -1,31 +1,23 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import { precompile } from 'ember-source/dist/ember-template-compiler';
 import { findDistEsm } from '@storybook/core-common';
 var emberOptions;
-
 function precompileWithPlugins(string, options) {
   var precompileOptions = options;
-
   if (emberOptions && emberOptions.polyfills) {
     precompileOptions.plugins = {
       ast: emberOptions.polyfills
     };
   }
-
   return precompile(string, precompileOptions);
 }
-
 export function babel(config, options) {
   if (options && options.presetsList) {
     options.presetsList.forEach(function (e, index) {
       if (e.preset && e.preset.emberOptions) {
         emberOptions = e.preset.emberOptions;
-
         if (options.presetsList) {
           // eslint-disable-next-line no-param-reassign
           delete options.presetsList[index].preset.emberOptions;
@@ -33,7 +25,6 @@ export function babel(config, options) {
       }
     });
   }
-
   var babelConfigPlugins = config.plugins || [];
   var extraPlugins = [[require.resolve('babel-plugin-htmlbars-inline-precompile'), {
     precompile: precompileWithPlugins,

package/dist/types/src/client/preview/types.d.ts

@@ -12,7 +12,7 @@ export interface OptionsArgs {
 /**
  * @deprecated Use `EmberRenderer` instead.
  */
-export declare type EmberFramework = EmberRenderer;
+export type EmberFramework = EmberRenderer;
 export interface EmberRenderer extends WebRenderer {
     component: any;
     storyResult: OptionsArgs;

package/dist/types/src/types.d.ts

@@ -1,11 +1,11 @@
 import type { StorybookConfig as StorybookConfigBase, TypescriptOptions as TypescriptOptionsReact } from '@storybook/core-webpack';
 import type { StorybookConfigWebpack, BuilderOptions, TypescriptOptions as TypescriptOptionsBuilder } from '@storybook/builder-webpack5';
-declare type FrameworkName = '@storybook/ember-webpack5';
-declare type BuilderName = '@storybook/builder-webpack5';
-export declare type FrameworkOptions = {
+type FrameworkName = '@storybook/ember-webpack5';
+type BuilderName = '@storybook/builder-webpack5';
+export type FrameworkOptions = {
     builder?: BuilderOptions;
 };
-declare type StorybookConfigFramework = {
+type StorybookConfigFramework = {
     framework: FrameworkName | {
         name: FrameworkName;
         options: FrameworkOptions;
@@ -21,5 +21,5 @@ declare type StorybookConfigFramework = {
 /**
  * The interface for Storybook configuration in `main.ts` files.
  */
-export declare type StorybookConfig = Omit<StorybookConfigBase, keyof StorybookConfigWebpack | keyof StorybookConfigFramework> & StorybookConfigWebpack & StorybookConfigFramework;
+export type StorybookConfig = Omit<StorybookConfigBase, keyof StorybookConfigWebpack | keyof StorybookConfigFramework> & StorybookConfigWebpack & StorybookConfigFramework;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "7.0.0-alpha.50",
+  "version": "7.0.0-alpha.51",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
   "bugs": {
@@ -31,12 +31,12 @@
     "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.50",
-    "@storybook/core-client": "7.0.0-alpha.50",
-    "@storybook/core-common": "7.0.0-alpha.50",
-    "@storybook/docs-tools": "7.0.0-alpha.50",
-    "@storybook/store": "7.0.0-alpha.50",
-    "@storybook/types": "7.0.0-alpha.50",
+    "@storybook/builder-webpack5": "7.0.0-alpha.51",
+    "@storybook/core-client": "7.0.0-alpha.51",
+    "@storybook/core-common": "7.0.0-alpha.51",
+    "@storybook/docs-tools": "7.0.0-alpha.51",
+    "@storybook/store": "7.0.0-alpha.51",
+    "@storybook/types": "7.0.0-alpha.51",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -45,7 +45,7 @@
   },
   "devDependencies": {
     "ember-source": "~3.28.1",
-    "typescript": "~4.6.3"
+    "typescript": "^4.9.3"
   },
   "peerDependencies": {
     "@babel/core": "*",
@@ -60,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "77184d039091f4782dc4540df6d271a24fb3e242"
+  "gitHead": "4fec76c3f5135854d9834ebc1cf2f1f325696ded"
 }

package/template/cli/{1-Button.stories.js → Button.stories.js}

@@ -2,20 +2,19 @@ import { hbs } from 'ember-cli-htmlbars';
 import { action } from '@storybook/addon-actions';
 import { linkTo } from '@storybook/addon-links';
 
-// More on default export: https://storybook.js.org/docs/ember/writing-stories/introduction#default-export
+// More on how to set up stories at: https://storybook.js.org/docs/7.0/ember/writing-stories/introduction
 export default {
-  title: 'Button',
+  title: 'Example/Button',
   render: (args) => ({
     template: hbs`<button {{action onClick}}>{{label}}</button>`,
     context: args,
   }),
-  // More on argTypes: https://storybook.js.org/docs/ember/api/argtypes
   argTypes: {
     label: { control: 'text' },
   },
 };
 
-// More on component templates: https://storybook.js.org/docs/ember/writing-stories/introduction#using-args
+// More on writing stories with args: https://storybook.js.org/docs/7.0/ember/writing-stories/args
 export const Text = {
   args: {
     label: 'Button',