@storybook/ember 7.1.0-alpha.9 → 7.1.0-beta.0

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@storybook/ember",
-  "version": "7.1.0-alpha.9",
+  "version": "7.1.0-beta.0",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
-  "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
+  "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/ember",
   "bugs": {
     "url": "https://github.com/storybookjs/storybook/issues"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/storybookjs/storybook.git",
-    "directory": "frameworks/ember"
+    "directory": "code/frameworks/ember"
   },
   "funding": {
     "type": "opencollective",
@@ -31,12 +31,12 @@
     "prep": "../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.1.0-alpha.9",
-    "@storybook/core-common": "7.1.0-alpha.9",
-    "@storybook/docs-tools": "7.1.0-alpha.9",
+    "@storybook/builder-webpack5": "7.1.0-beta.0",
+    "@storybook/core-common": "7.1.0-beta.0",
+    "@storybook/docs-tools": "7.1.0-beta.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-alpha.9",
-    "@storybook/types": "7.1.0-alpha.9",
+    "@storybook/preview-api": "7.1.0-beta.0",
+    "@storybook/types": "7.1.0-beta.0",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
@@ -59,5 +59,5 @@
     "access": "public"
   },
   "bundler": {},
-  "gitHead": "ec112401efaae6d3d4996c790a30301177570da9"
-}
+  "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae17"
+}

package/preset.js

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

package/src/client/docs/config.js

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

package/src/client/docs/index.js

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

package/src/client/docs/jsondoc.js

@@ -0,0 +1,50 @@
+/* eslint-disable no-underscore-dangle */
+import { global } from '@storybook/global';
+
+export const setJSONDoc = (jsondoc) => {
+  global.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
+};
+export const getJSONDoc = () => {
+  return global.__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/src/client/preview/docs/config.js

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

package/src/client/preview/docs/index.js

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

package/src/client/preview/docs/jsondoc.js

@@ -0,0 +1,50 @@
+/* eslint-disable no-underscore-dangle */
+import { global } from '@storybook/global';
+
+export const setJSONDoc = (jsondoc) => {
+  global.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
+};
+export const getJSONDoc = () => {
+  return global.__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/src/typings.d.ts

@@ -0,0 +1,4 @@
+declare module 'ember-source/dist/ember-template-compiler';
+
+declare var STORYBOOK_ENV: 'ember';
+declare var STORYBOOK_NAME: any;