@storybook/ember 7.0.0-beta.9 → 7.0.0-rc.0

package/README.md

@@ -39,11 +39,14 @@ This example also assume that you already have the package in your `package.json
 In your `.storybook/main.js` you can add the following lines:
 
 ```javascript
-const namedBlockPolyfill = require('ember-named-blocks-polyfill/lib/named-blocks-polyfill-plugin');
-
-module.exports = {
-  emberOptions: {
-    polyfills: [namedBlockPolyfill],
+import namedBlockPolyfill from 'ember-named-blocks-polyfill/lib/named-blocks-polyfill-plugin';
+
+export default {
+  framework: {
+    name: '@storybook/ember',
+    options: {
+      polyfills: [namedBlockPolyfill],
+    }
   },
   [...]
 };

package/dist/{types/src/client → client}/preview/config.d.ts

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

package/dist/client/preview/config.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parameters = exports.renderToCanvas = void 0;
+var render_1 = require("./render");
+Object.defineProperty(exports, "renderToCanvas", { enumerable: true, get: function () { return render_1.renderToCanvas; } });
+exports.parameters = { renderer: 'ember' };

package/dist/client/preview/globals.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const global_1 = require("@storybook/global");
+global_1.global.STORYBOOK_NAME = process.env.STORYBOOK_NAME;
+global_1.global.STORYBOOK_ENV = 'ember';

package/dist/{types/src/client → client}/preview/index.d.ts

@@ -3,5 +3,5 @@ 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 declare const configure: (...args: any[]) => any;
 export { forceReRender };

package/dist/client/preview/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.forceReRender = exports.configure = exports.storiesOf = exports.raw = void 0;
+const preview_api_1 = require("@storybook/preview-api");
+require("./globals");
+const render_1 = require("./render");
+const { configure: coreConfigure, clientApi, forceReRender } = (0, preview_api_1.start)(render_1.renderToCanvas);
+exports.forceReRender = forceReRender;
+exports.raw = clientApi.raw;
+const RENDERER = 'ember';
+const storiesOf = (kind, m) => clientApi.storiesOf(kind, m).addParameters({ renderer: RENDERER });
+exports.storiesOf = storiesOf;
+const configure = (...args) => coreConfigure(RENDERER, ...args);
+exports.configure = configure;

package/dist/client/preview/render.js

@@ -0,0 +1,70 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderToCanvas = void 0;
+const global_1 = require("@storybook/global");
+const ts_dedent_1 = require("ts-dedent");
+// @ts-expect-error (Converted from ts-ignore)
+const component_1 = __importDefault(require("@ember/component")); // eslint-disable-line import/no-unresolved
+const { document } = global_1.global;
+const rootEl = document.getElementById('storybook-root');
+const config = global_1.global.require(`${global_1.global.STORYBOOK_NAME}/config/environment`);
+const app = global_1.global.require(`${global_1.global.STORYBOOK_NAME}/app`).default.create({
+    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;
+    const { template, 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', component_1.default.extend({
+            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, name, showMain, showError }, canvasElement) {
+    const element = storyFn();
+    if (!element) {
+        showError({
+            title: `Expecting a Ember element from the story: "${name}" of "${kind}".`,
+            description: (0, ts_dedent_1.dedent) `
+        Did you forget to return the Ember element from the story?
+        Use "() => hbs('{{component}}')" or "() => { return {
+          template: hbs\`{{component}}\`
+        } }" when defining the story.
+      `,
+        });
+        return;
+    }
+    showMain();
+    render(element, canvasElement);
+}
+exports.renderToCanvas = renderToCanvas;

package/dist/client/preview/types.js

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

package/dist/index.js

@@ -0,0 +1,11 @@
+"use strict";
+/// <reference types="webpack-env" />
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.raw = exports.forceReRender = exports.configure = exports.storiesOf = void 0;
+var preview_1 = require("./client/preview");
+Object.defineProperty(exports, "storiesOf", { enumerable: true, get: function () { return preview_1.storiesOf; } });
+Object.defineProperty(exports, "configure", { enumerable: true, get: function () { return preview_1.configure; } });
+Object.defineProperty(exports, "forceReRender", { enumerable: true, get: function () { return preview_1.forceReRender; } });
+Object.defineProperty(exports, "raw", { enumerable: true, get: function () { return preview_1.raw; } });
+// optimization: stop HMR propagation in webpack
+module?.hot?.decline();

package/dist/{esm/index.js → index.mjs}

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

package/dist/preset.js

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

package/dist/preset.mjs

@@ -0,0 +1,16 @@
+import { dirname, join } from 'path';
+const wrapForPnP = (input) => dirname(require.resolve(join(input, 'package.json')));
+export const addons = [
+    require.resolve('./server/framework-preset-babel-ember'),
+    require.resolve('./server/framework-preset-ember-docs'),
+];
+export const core = async (config, options) => {
+    const framework = await options.presets.apply('framework');
+    return {
+        ...config,
+        builder: {
+            name: wrapForPnP('@storybook/builder-webpack5'),
+            options: typeof framework === 'string' ? {} : framework.options.builder || {},
+        },
+    };
+};

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.previewAnnotations = exports.babel = void 0;
+const ember_template_compiler_1 = require("ember-source/dist/ember-template-compiler");
+const core_common_1 = require("@storybook/core-common");
+let emberOptions;
+function precompileWithPlugins(string, options) {
+    const precompileOptions = options;
+    if (emberOptions && emberOptions.polyfills) {
+        precompileOptions.plugins = { ast: emberOptions.polyfills };
+    }
+    return (0, ember_template_compiler_1.precompile)(string, precompileOptions);
+}
+function babel(config, options) {
+    if (options && options.presetsList) {
+        options.presetsList.forEach((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;
+                }
+            }
+        });
+    }
+    const babelConfigPlugins = config.plugins || [];
+    const extraPlugins = [
+        [
+            require.resolve('babel-plugin-htmlbars-inline-precompile'),
+            {
+                precompile: precompileWithPlugins,
+                modules: {
+                    'ember-cli-htmlbars': 'hbs',
+                    'ember-cli-htmlbars-inline-precompile': 'default',
+                    'htmlbars-inline-precompile': 'default',
+                },
+            },
+        ],
+        [require.resolve('babel-plugin-ember-modules-api-polyfill')],
+    ];
+    return {
+        ...config,
+        plugins: [...babelConfigPlugins, ...extraPlugins],
+    };
+}
+exports.babel = babel;
+const previewAnnotations = (entry = []) => {
+    return [...entry, (0, core_common_1.findDistEsm)(__dirname, 'client/preview/config')];
+};
+exports.previewAnnotations = previewAnnotations;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.previewAnnotations = void 0;
+const core_common_1 = require("@storybook/core-common");
+const docs_tools_1 = require("@storybook/docs-tools");
+const previewAnnotations = (entry = [], options) => {
+    if (!(0, docs_tools_1.hasDocsOrControls)(options))
+        return entry;
+    return [...entry, (0, core_common_1.findDistEsm)(__dirname, 'client/docs/config')];
+};
+exports.previewAnnotations = previewAnnotations;

package/dist/types.js

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

package/dist/types.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "7.0.0-beta.9",
+  "version": "7.0.0-rc.0",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
   "bugs": {
@@ -16,9 +16,9 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "template/**/*",
@@ -28,16 +28,15 @@
   ],
   "scripts": {
     "check": "../../../scripts/node_modules/.bin/tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prep": "../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-beta.9",
-    "@storybook/core-common": "7.0.0-beta.9",
-    "@storybook/docs-tools": "7.0.0-beta.9",
-    "@storybook/preview-api": "7.0.0-beta.9",
-    "@storybook/types": "7.0.0-beta.9",
-    "global": "^4.4.0",
-    "read-pkg-up": "^7.0.1",
+    "@storybook/builder-webpack5": "7.0.0-rc.0",
+    "@storybook/core-common": "7.0.0-rc.0",
+    "@storybook/docs-tools": "7.0.0-rc.0",
+    "@storybook/global": "^5.0.0",
+    "@storybook/preview-api": "7.0.0-rc.0",
+    "@storybook/types": "7.0.0-rc.0",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
@@ -59,5 +58,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c466d4f77c3e8b99f28aaf508acdb9fd863550fd"
+  "bundler": {},
+  "gitHead": "6d1bcb2579203a3075467a2ba83738d854545053"
 }

package/template/cli/Button.stories.js

@@ -12,6 +12,8 @@ export default {
   argTypes: {
     label: { control: 'text' },
   },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/react/writing-docs/docs-page
+  tags: ['autodocs'],
 };
 
 // More on writing stories with args: https://storybook.js.org/docs/7.0/ember/writing-stories/args

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

@@ -1,18 +0,0 @@
-"use strict";
-
-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,
-    extractArgTypes: _jsondoc.extractArgTypes,
-    extractComponentDescription: _jsondoc.extractComponentDescription
-  }
-};
-exports.parameters = parameters;
-const argTypesEnhancers = [_docsTools.enhanceArgTypes];
-exports.argTypesEnhancers = argTypesEnhancers;

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

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

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

@@ -1,57 +0,0 @@
-"use strict";
-
-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,
-      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;
-  }, {});
-};
-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

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parameters = void 0;
-Object.defineProperty(exports, "renderToCanvas", {
-  enumerable: true,
-  get: function () {
-    return _render.renderToCanvas;
-  }
-});
-var _render = require("./render");
-const parameters = {
-  framework: 'ember'
-};
-exports.parameters = parameters;

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

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

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

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

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

@@ -1,57 +0,0 @@
-"use strict";
-
-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,
-      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;
-  }, {});
-};
-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 +0,0 @@
-"use strict";
-
-var _global = _interopRequireDefault(require("global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const {
-  window: globalWindow
-} = _global.default;
-globalWindow.STORYBOOK_NAME = process.env.STORYBOOK_NAME;
-globalWindow.STORYBOOK_ENV = 'ember';

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

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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, _previewApi.start)(_render.renderToCanvas);
-exports.forceReRender = forceReRender;
-const {
-  raw
-} = 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

@@ -1,78 +0,0 @@
-"use strict";
-
-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;
-  const {
-    template,
-    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', _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 renderToCanvas({
-  storyFn,
-  kind,
-  name,
-  showMain,
-  showError
-}, canvasElement) {
-  const element = storyFn();
-  if (!element) {
-    showError({
-      title: `Expecting a Ember element from the story: "${name}" of "${kind}".`,
-      description: (0, _tsDedent.dedent)`
-        Did you forget to return the Ember element from the story?
-        Use "() => hbs('{{component}}')" or "() => { return {
-          template: hbs\`{{component}}\`
-        } }" when defining the story.
-      `
-    });
-    return;
-  }
-  showMain();
-  render(element, canvasElement);
-}

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

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

package/dist/cjs/index.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "configure", {
-  enumerable: true,
-  get: function () {
-    return _preview.configure;
-  }
-});
-Object.defineProperty(exports, "forceReRender", {
-  enumerable: true,
-  get: function () {
-    return _preview.forceReRender;
-  }
-});
-Object.defineProperty(exports, "raw", {
-  enumerable: true,
-  get: function () {
-    return _preview.raw;
-  }
-});
-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 = 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

@@ -1,20 +0,0 @@
-"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

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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;
-        }
-      }
-    });
-  }
-  var babelConfigPlugins = config.plugins || [];
-  var extraPlugins = [[require.resolve('babel-plugin-htmlbars-inline-precompile'), {
-    precompile: precompileWithPlugins,
-    modules: {
-      'ember-cli-htmlbars': 'hbs',
-      'ember-cli-htmlbars-inline-precompile': 'default',
-      'htmlbars-inline-precompile': 'default'
-    }
-  }], [require.resolve('babel-plugin-ember-modules-api-polyfill')]];
-  return _objectSpread(_objectSpread({}, config), {}, {
-    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

@@ -1,13 +0,0 @@
-"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/types.js

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

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

@@ -1,10 +0,0 @@
-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/esm/client/docs/index.js

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

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

@@ -1,47 +0,0 @@
-/* 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/esm/client/preview/config.js

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

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

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

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

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

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

@@ -1,47 +0,0 @@
-/* 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/esm/client/preview/globals.js

@@ -1,6 +0,0 @@
-import global from 'global';
-const {
-  window: globalWindow
-} = global;
-globalWindow.STORYBOOK_NAME = process.env.STORYBOOK_NAME;
-globalWindow.STORYBOOK_ENV = 'ember';

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

@@ -1,17 +0,0 @@
-import { start } from '@storybook/preview-api';
-import './globals';
-import { renderToCanvas } from './render';
-const {
-  configure: coreConfigure,
-  clientApi,
-  forceReRender
-} = start(renderToCanvas);
-export const {
-  raw
-} = clientApi;
-const FRAMEWORK = 'ember';
-export const storiesOf = (kind, m) => clientApi.storiesOf(kind, m).addParameters({
-  framework: FRAMEWORK
-});
-export const configure = (loadable, m) => coreConfigure(FRAMEWORK, loadable, m);
-export { forceReRender };

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

@@ -1,71 +0,0 @@
-import global from 'global';
-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('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;
-  const {
-    template,
-    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', 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 renderToCanvas({
-  storyFn,
-  kind,
-  name,
-  showMain,
-  showError
-}, canvasElement) {
-  const element = storyFn();
-  if (!element) {
-    showError({
-      title: `Expecting a Ember element from the story: "${name}" of "${kind}".`,
-      description: dedent`
-        Did you forget to return the Ember element from the story?
-        Use "() => hbs('{{component}}')" or "() => { return {
-          template: hbs\`{{component}}\`
-        } }" when defining the story.
-      `
-    });
-    return;
-  }
-  showMain();
-  render(element, canvasElement);
-}

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

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

package/dist/esm/preset.js

@@ -1,11 +0,0 @@
-import path from 'path';
-export const addons = [require.resolve('./server/framework-preset-babel-ember'), require.resolve('./server/framework-preset-ember-docs')];
-export const core = async (config, options) => {
-  const framework = await options.presets.apply('framework');
-  return Object.assign({}, config, {
-    builder: {
-      name: path.dirname(require.resolve(path.join('@storybook/builder-webpack5', 'package.json'))),
-      options: typeof framework === 'string' ? {} : framework.options.builder || {}
-    }
-  });
-};

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

@@ -1,45 +0,0 @@
-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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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;
-        }
-      }
-    });
-  }
-  var babelConfigPlugins = config.plugins || [];
-  var extraPlugins = [[require.resolve('babel-plugin-htmlbars-inline-precompile'), {
-    precompile: precompileWithPlugins,
-    modules: {
-      'ember-cli-htmlbars': 'hbs',
-      'ember-cli-htmlbars-inline-precompile': 'default',
-      'htmlbars-inline-precompile': 'default'
-    }
-  }], [require.resolve('babel-plugin-ember-modules-api-polyfill')]];
-  return _objectSpread(_objectSpread({}, config), {}, {
-    plugins: [...babelConfigPlugins, ...extraPlugins]
-  });
-}
-export var previewAnnotations = function (entry = []) {
-  return [...entry, findDistEsm(__dirname, 'client/preview/config')];
-};

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

@@ -1,6 +0,0 @@
-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/types.js

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