@storybook/ember 7.0.0-alpha.8 → 7.0.0-beta.1

package/README.md

@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-ember-app
-npx sb init
+npx storybook init
 ```
 
 For more information visit: [storybook.js.org](https://storybook.js.org)

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

@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.parameters = void 0;
-Object.defineProperty(exports, "renderToDOM", {
+Object.defineProperty(exports, "renderToCanvas", {
   enumerable: true,
   get: function () {
-    return _render.renderToDOM;
+    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

@@ -3,42 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.addParameters = exports.addDecorator = void 0;
-
-var _coreClient = require("@storybook/core-client");
-
+exports.storiesOf = exports.raw = exports.forceReRender = exports.configure = void 0;
+var _previewApi = require("@storybook/preview-api");
 require("./globals");
-
 var _render = require("./render");
-
 const {
   configure: coreConfigure,
   clientApi,
   forceReRender
-} = (0, _coreClient.start)(_render.renderToDOM);
+} = (0, _previewApi.start)(_render.renderToCanvas);
 exports.forceReRender = forceReRender;
 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;
 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

@@ -3,31 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderToDOM = renderToDOM;
-
+exports.renderToCanvas = renderToCanvas;
 var _global = _interopRequireDefault(require("global"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
+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('root');
-
+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;
@@ -36,46 +31,40 @@ 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);
   }).then(instance => {
-    instance.register('component:story-mode', Ember.Component.extend(Object.assign({
+    instance.register('component:story-mode', _component.default.extend(Object.assign({
       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 renderToDOM({
+function renderToCanvas({
   storyFn,
   kind,
   name,
   showMain,
   showError
-}, domElement) {
+}, canvasElement) {
   const element = storyFn();
-
   if (!element) {
     showError({
       title: `Expecting a Ember element from the story: "${name}" of "${kind}".`,
-      description: (0, _tsDedent.default)`
+      description: (0, _tsDedent.dedent)`
         Did you forget to return the Ember element from the story?
         Use "() => hbs('{{component}}')" or "() => { return {
           template: hbs\`{{component}}\`
@@ -84,7 +73,6 @@ function renderToDOM({
     });
     return;
   }
-
   showMain();
-  render(element, domElement);
+  render(element, canvasElement);
 }

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

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

package/dist/cjs/index.js

@@ -3,18 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "addDecorator", {
-  enumerable: true,
-  get: function () {
-    return _preview.addDecorator;
-  }
-});
-Object.defineProperty(exports, "addParameters", {
-  enumerable: true,
-  get: function () {
-    return _preview.addParameters;
-  }
-});
 Object.defineProperty(exports, "configure", {
   enumerable: true,
   get: function () {
@@ -27,32 +15,19 @@ Object.defineProperty(exports, "forceReRender", {
     return _preview.forceReRender;
   }
 });
-Object.defineProperty(exports, "getStorybook", {
-  enumerable: true,
-  get: function () {
-    return _preview.getStorybook;
-  }
-});
 Object.defineProperty(exports, "raw", {
   enumerable: true,
   get: function () {
     return _preview.raw;
   }
 });
-Object.defineProperty(exports, "setAddon", {
-  enumerable: true,
-  get: function () {
-    return _preview.setAddon;
-  }
-});
 Object.defineProperty(exports, "storiesOf", {
   enumerable: true,
   get: function () {
     return _preview.storiesOf;
   }
 });
-
 var _preview = require("./client/preview");
-
+var _module, _module$hot;
 // optimization: stop HMR propagation in webpack
-module?.hot?.decline();
+(_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/config.js

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

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

@@ -1,17 +1,12 @@
-import { start } from '@storybook/core-client';
+import { start } from '@storybook/preview-api';
 import './globals';
-import { renderToDOM } from './render';
+import { renderToCanvas } from './render';
 const {
   configure: coreConfigure,
   clientApi,
   forceReRender
-} = start(renderToDOM);
+} = start(renderToCanvas);
 export const {
-  setAddon,
-  addDecorator,
-  addParameters,
-  clearDecorators,
-  getStorybook,
   raw
 } = clientApi;
 const FRAMEWORK = 'ember';

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

@@ -1,22 +1,21 @@
 import global from 'global';
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
+// @ts-expect-error (Converted from ts-ignore)
+import Component from '@ember/component'; // eslint-disable-line import/no-unresolved
+
 const {
   window: globalWindow,
   document
 } = global;
-const rootEl = document.getElementById('root');
-
+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;
@@ -25,42 +24,36 @@ 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);
   }).then(instance => {
-    instance.register('component:story-mode', Ember.Component.extend(Object.assign({
+    instance.register('component:story-mode', Component.extend(Object.assign({
       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 renderToDOM({
+export function renderToCanvas({
   storyFn,
   kind,
   name,
   showMain,
   showError
-}, domElement) {
+}, canvasElement) {
   const element = storyFn();
-
   if (!element) {
     showError({
       title: `Expecting a Ember element from the story: "${name}" of "${kind}".`,
@@ -73,7 +66,6 @@ export function renderToDOM({
     });
     return;
   }
-
   showMain();
-  render(element, domElement);
+  render(element, canvasElement);
 }

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

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

package/dist/esm/index.js

@@ -1,3 +1,6 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw } from './client/preview'; // optimization: stop HMR propagation in webpack
+/// <reference types="webpack-env" />
 
+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/config.d.ts

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

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

@@ -1,9 +1,7 @@
 import './globals';
-declare const forceReRender: (() => never) | (() => void);
-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 | undefined;
-    globalTypes?: import("@storybook/csf").GlobalTypes | undefined;
-}) => void) | (() => never), clearDecorators: (() => void) | (() => never), getStorybook: (() => never) | (() => import("lib/client-api/dist/types/ClientApi").GetStorybookKind<import("./types").EmberFramework>[]), raw: (() => never) | (() => import("lib/store/dist/types").BoundStory<import("./types").EmberFramework>[]);
-export declare const storiesOf: (kind: string, m: any) => import("lib/addons/dist/types").StoryApi<import("./types").OptionsArgs>;
-export declare const configure: (loadable: any, m: any) => void;
+import type { EmberRenderer } from './types';
+declare const forceReRender: () => void;
+export declare const raw: ((...args: any[]) => never) | (() => import("lib/types/dist").BoundStory<EmberRenderer>[] | undefined);
+export declare const storiesOf: (kind: string, m: any) => import("lib/types/dist").Addon_StoryApi<import("./types").OptionsArgs>;
+export declare const configure: (loadable: any, m: any) => any;
 export { forceReRender };

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

@@ -1,3 +1,3 @@
-import { RenderContext } from '@storybook/store';
-import { EmberFramework } from './types';
-export declare function renderToDOM({ storyFn, kind, name, showMain, showError }: RenderContext<EmberFramework>, domElement: Element): void;
+import type { RenderContext } from '@storybook/types';
+import type { EmberRenderer } from './types';
+export declare function renderToCanvas({ storyFn, kind, name, showMain, showError }: RenderContext<EmberRenderer>, canvasElement: EmberRenderer['canvasElement']): void;

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

@@ -1,4 +1,5 @@
-export type { RenderContext } from '@storybook/core-client';
+import type { WebRenderer } from '@storybook/types';
+export type { RenderContext } from '@storybook/types';
 export interface ShowErrorArgs {
     title: string;
     description: string;
@@ -8,7 +9,11 @@ export interface OptionsArgs {
     context: any;
     element: any;
 }
-export declare type EmberFramework = {
+/**
+ * @deprecated Use `EmberRenderer` instead.
+ */
+export type EmberFramework = EmberRenderer;
+export interface EmberRenderer extends WebRenderer {
     component: any;
     storyResult: OptionsArgs;
-};
+}

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

@@ -1 +1 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, } from './client/preview';
+export { storiesOf, configure, forceReRender, raw } from './client/preview';

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

@@ -1,4 +1,4 @@
-import type { PresetProperty } from '@storybook/core-common';
+import type { PresetProperty } from '@storybook/types';
 import type { StorybookConfig } from './types';
 export declare const addons: PresetProperty<'addons', StorybookConfig>;
 export declare const core: PresetProperty<'core', StorybookConfig>;

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

@@ -1,4 +1,4 @@
 import type { TransformOptions } from '@babel/core';
-import type { StorybookConfig, Options } from '@storybook/core-common';
+import type { StorybookConfig, Options } from '@storybook/types';
 export declare function babel(config: TransformOptions, options: Options): TransformOptions;
 export declare const previewAnnotations: StorybookConfig['previewAnnotations'];

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

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

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/jest.config.js

@@ -0,0 +1,7 @@
+const path = require('path');
+const baseConfig = require('../../jest.config.node');
+
+module.exports = {
+  ...baseConfig,
+  displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "7.0.0-alpha.8",
+  "version": "7.0.0-beta.1",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
   "bugs": {
@@ -21,31 +21,37 @@
   "types": "dist/types/index.d.ts",
   "files": [
     "dist/**/*",
+    "template/**/*",
     "README.md",
     "*.js",
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "node ../../scripts/prepare.js"
+    "check": "../../../scripts/node_modules/.bin/tsc --noEmit",
+    "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.8",
-    "@storybook/core-client": "7.0.0-alpha.8",
-    "@storybook/core-common": "7.0.0-alpha.8",
-    "@storybook/docs-tools": "7.0.0-alpha.8",
-    "@storybook/store": "7.0.0-alpha.8",
-    "core-js": "^3.8.2",
+    "@storybook/builder-webpack5": "7.0.0-beta.1",
+    "@storybook/core-common": "7.0.0-beta.1",
+    "@storybook/docs-tools": "7.0.0-beta.1",
+    "@storybook/preview-api": "7.0.0-beta.1",
+    "@storybook/types": "7.0.0-beta.1",
     "global": "^4.4.0",
-    "react": "16.14.0",
-    "react-dom": "16.14.0",
     "read-pkg-up": "^7.0.1",
     "ts-dedent": "^2.0.0"
   },
+  "devDependencies": {
+    "ember-source": "~3.28.1",
+    "typescript": "~4.9.3"
+  },
   "peerDependencies": {
     "@babel/core": "*",
+    "@types/ember__component": "4.0.8",
     "babel-plugin-ember-modules-api-polyfill": "^2.12.0",
     "babel-plugin-htmlbars-inline-precompile": "2 || 3",
-    "ember-source": "^3.16.0"
+    "ember-source": "~3.28.1",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "engines": {
     "node": ">=10.13.0"
@@ -53,5 +59,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "24725501c32a073cebc6bf2674a47357136fbe3a"
+  "gitHead": "42c08678ac06d9c2c8e7a4c31a91e0a14bf5c2cd"
 }

package/template/cli/Button.stories.js

@@ -0,0 +1,60 @@
+import { hbs } from 'ember-cli-htmlbars';
+import { action } from '@storybook/addon-actions';
+import { linkTo } from '@storybook/addon-links';
+
+// More on how to set up stories at: https://storybook.js.org/docs/7.0/ember/writing-stories/introduction
+export default {
+  title: 'Example/Button',
+  render: (args) => ({
+    template: hbs`<button {{action onClick}}>{{label}}</button>`,
+    context: args,
+  }),
+  argTypes: {
+    label: { control: 'text' },
+  },
+};
+
+// More on writing stories with args: https://storybook.js.org/docs/7.0/ember/writing-stories/args
+export const Text = {
+  args: {
+    label: 'Button',
+    onClick: action('onClick'),
+  },
+};
+
+export const Emoji = {
+  args: {
+    label: '😀 😎 👍 💯',
+  },
+};
+
+export const TextWithAction = {
+  render: () => ({
+    template: hbs`
+    <button {{action onClick}}>
+      Trigger Action
+    </button>
+  `,
+    context: {
+      onClick: () => action('This was clicked')(),
+    },
+  }),
+  name: 'With an action',
+  parameters: {
+    notes: 'My notes on a button with emojis',
+  },
+};
+
+export const ButtonWithLinkToAnotherStory = {
+  render: () => ({
+    template: hbs`
+    <button {{action onClick}}>
+      Go to Welcome Story
+    </button>
+  `,
+    context: {
+      onClick: linkTo('example-introduction--page'),
+    },
+  }),
+  name: 'button with link to another story',
+};

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2017 Kadira Inc. <hello@kadira.io>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.