Merge pull request #17695 from storybookjs/16210-fix-docs-dependencies

Addon-docs: Refactor docs support into individual framework packages

addons/docs/angular/index.d.ts

@@ -1 +1 @@
-export * from '../dist/ts3.9/frameworks/angular/index.d';
+export declare const setCompodocJson: (compodocJson: any) => void;

addons/docs/angular/index.js

@@ -1 +1,7 @@
-module.exports = require('../dist/esm/frameworks/angular/index');
+/* eslint-disable no-underscore-dangle */
+/* global window */
+
+export const setCompodocJson = (compodocJson) => {
+  // @ts-ignore
+  window.__STORYBOOK_COMPODOC_JSON__ = compodocJson;
+};

addons/docs/common-preset.js

@@ -1,19 +0,0 @@
-function managerEntries(entry = [], options) {
-  return [...entry, require.resolve('./dist/esm/register')];
-}
-
-function config(entry = [], options = {}) {
-  const { framework } = options;
-  const docsConfig = [require.resolve('./dist/esm/frameworks/common/config')];
-  try {
-    docsConfig.push(require.resolve(`./dist/esm/frameworks/${framework}/config`));
-  } catch (err) {
-    // there is no custom config for the user's framework, do nothing
-  }
-  return [...docsConfig, ...entry];
-}
-
-module.exports = {
-  managerEntries,
-  config,
-};

addons/docs/ember/index.js

@@ -1 +1,6 @@
-module.exports = require('../dist/esm/frameworks/ember');
+/* eslint-disable no-underscore-dangle */
+/* global window */
+
+export const setJSONDoc = (jsondoc) => {
+  window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
+};

addons/docs/package.json

@@ -55,22 +55,17 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/generator": "^7.12.11",
-    "@babel/parser": "^7.12.11",
     "@babel/plugin-transform-react-jsx": "^7.12.12",
     "@babel/preset-env": "^7.12.11",
     "@jest/transform": "^26.6.2",
     "@mdx-js/react": "^1.6.22",
     "@storybook/addons": "6.5.0-alpha.47",
     "@storybook/api": "6.5.0-alpha.47",
-    "@storybook/builder-webpack4": "6.5.0-alpha.47",
-    "@storybook/client-logger": "6.5.0-alpha.47",
     "@storybook/components": "6.5.0-alpha.47",
-    "@storybook/core": "6.5.0-alpha.47",
+    "@storybook/core-common": "6.5.0-alpha.47",
     "@storybook/core-events": "6.5.0-alpha.47",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/csf-tools": "6.5.0-alpha.47",
+    "@storybook/docs-tools": "6.5.0-alpha.47",
     "@storybook/mdx1-csf": "canary",
     "@storybook/node-logger": "6.5.0-alpha.47",
     "@storybook/postinstall": "6.5.0-alpha.47",
@@ -78,134 +73,44 @@
     "@storybook/source-loader": "6.5.0-alpha.47",
     "@storybook/store": "6.5.0-alpha.47",
     "@storybook/theming": "6.5.0-alpha.47",
-    "acorn": "^7.4.1",
-    "acorn-jsx": "^5.3.1",
-    "acorn-walk": "^7.2.0",
     "core-js": "^3.8.2",
-    "doctrine": "^3.0.0",
-    "escodegen": "^2.0.0",
     "fast-deep-equal": "^3.1.3",
     "global": "^4.4.0",
-    "html-tags": "^3.1.0",
-    "loader-utils": "^2.0.0",
     "lodash": "^4.17.21",
-    "nanoid": "^3.1.23",
-    "p-limit": "^3.1.0",
-    "prettier": ">=2.2.1 <=2.3.0",
-    "prop-types": "^15.7.2",
-    "react-element-to-jsx-string": "^14.3.4",
-    "regenerator-runtime": "^0.13.7",
     "remark-external-links": "^8.0.0",
     "remark-slug": "^6.0.0",
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@angular/core": "^11.2.14",
     "@babel/core": "^7.12.10",
-    "@emotion/core": "^10.3.1",
-    "@emotion/styled": "^10.0.27",
-    "@storybook/angular": "6.5.0-alpha.47",
-    "@storybook/html": "6.5.0-alpha.47",
     "@storybook/mdx2-csf": "canary",
-    "@storybook/react": "6.5.0-alpha.47",
-    "@storybook/vue": "6.5.0-alpha.47",
-    "@storybook/web-components": "6.5.0-alpha.47",
-    "@types/cross-spawn": "^6.0.2",
-    "@types/doctrine": "^0.0.3",
-    "@types/estree": "^0.0.44",
-    "@types/loader-utils": "^2.0.0",
-    "@types/prop-types": "^15.7.3",
-    "@types/tmp": "^0.2.0",
     "@types/util-deprecate": "^1.0.0",
     "babel-loader": "^8.0.0",
-    "babel-plugin-react-docgen": "^4.2.1",
-    "cross-spawn": "^7.0.3",
-    "jest": "^26.6.3",
-    "jest-specific-snapshot": "^4.0.0",
-    "lit-element": "^3.0.2",
-    "lit-html": "^2.0.2",
-    "require-from-string": "^2.0.2",
-    "rxjs": "^6.6.3",
-    "styled-components": "^5.2.1",
-    "sveltedoc-parser": "4.1.0",
-    "tmp": "^0.2.1",
-    "vue": "^2.6.10",
-    "webpack": "4",
-    "zone.js": "^0.11.3"
+    "webpack": "4"
   },
   "peerDependencies": {
-    "@storybook/angular": "6.5.0-alpha.47",
-    "@storybook/html": "6.5.0-alpha.47",
     "@storybook/mdx2-csf": "*",
-    "@storybook/react": "6.5.0-alpha.47",
-    "@storybook/vue": "6.5.0-alpha.47",
-    "@storybook/vue3": "6.5.0-alpha.47",
-    "@storybook/web-components": "6.5.0-alpha.47",
-    "lit": "^2.0.0",
-    "lit-html": "^1.4.1 || ^2.0.0",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
-    "svelte": "^3.31.2",
-    "sveltedoc-parser": "^4.1.0",
-    "vue": "^2.6.10 || ^3.0.0",
     "webpack": "*"
   },
   "peerDependenciesMeta": {
-    "@storybook/angular": {
-      "optional": true
-    },
     "@storybook/builder-webpack4": {
       "optional": true
     },
     "@storybook/builder-webpack5": {
       "optional": true
     },
-    "@storybook/html": {
-      "optional": true
-    },
-    "@storybook/manager-webpack4": {
-      "optional": true
-    },
-    "@storybook/manager-webpack5": {
-      "optional": true
-    },
     "@storybook/mdx2-csf": {
       "optional": true
     },
-    "@storybook/react": {
-      "optional": true
-    },
-    "@storybook/vue": {
-      "optional": true
-    },
-    "@storybook/vue3": {
-      "optional": true
-    },
-    "@storybook/web-components": {
-      "optional": true
-    },
-    "lit": {
-      "optional": true
-    },
-    "lit-html": {
-      "optional": true
-    },
     "react": {
       "optional": true
     },
     "react-dom": {
       "optional": true
     },
-    "svelte": {
-      "optional": true
-    },
-    "sveltedoc-parser": {
-      "optional": true
-    },
-    "vue": {
-      "optional": true
-    },
     "webpack": {
       "optional": true
     }

addons/docs/preset.js

@@ -1,16 +1,16 @@
-const getFrameworkPresets = (framework) => {
-  try {
-    return [require.resolve(`./dist/cjs/frameworks/${framework}/preset`)];
-  } catch (err) {
-    // there is no custom config for the user's framework, do nothing
-    return [];
-  }
-};
+const { findDistEsm } = require('@storybook/core-common');
+const { webpack } = require('./dist/cjs/frameworks/common/preset');
 
-module.exports = (storybookOptions, presetOptions) => {
-  return [
-    { name: require.resolve('./common-preset'), options: presetOptions },
-    { name: require.resolve('./dist/cjs/frameworks/common/preset'), options: presetOptions },
-    ...getFrameworkPresets(storybookOptions.framework),
-  ];
+function managerEntries(entry = [], options) {
+  return [...entry, findDistEsm(__dirname, 'register')];
+}
+
+function config(entry = [], options = {}) {
+  return [findDistEsm(__dirname, 'frameworks/common/config'), ...entry];
+}
+
+module.exports = {
+  webpack,
+  managerEntries,
+  config,
 };

addons/docs/src/blocks/ArgsTable.tsx

@@ -7,6 +7,7 @@ import {
   SortType,
   TabbedArgsTable,
 } from '@storybook/components';
+import { ArgTypesExtractor } from '@storybook/docs-tools';
 import { addons } from '@storybook/addons';
 import { filterArgTypes, PropDescriptor } from '@storybook/store';
 import Events from '@storybook/core-events';
@@ -15,7 +16,6 @@ import { StrictArgTypes, Args } from '@storybook/csf';
 import { DocsContext, DocsContextProps } from './DocsContext';
 import { Component, CURRENT_SELECTION, PRIMARY_STORY } from './types';
 import { getComponentName } from './utils';
-import { ArgTypesExtractor } from '../lib/docgen/types';
 import { lookupStoryId } from './Story';
 import { useStory } from './useStory';
 

addons/docs/src/blocks/Description.tsx

@@ -1,8 +1,9 @@
 import React, { FunctionComponent, useContext } from 'react';
 import { Description, DescriptionProps as PureDescriptionProps } from '@storybook/components';
+import { str } from '@storybook/docs-tools';
+
 import { DocsContext, DocsContextProps } from './DocsContext';
 import { Component, CURRENT_SELECTION } from './types';
-import { str } from '../lib/docgen';
 
 export enum DescriptionType {
   INFO = 'info',

addons/docs/src/frameworks/common/config.ts

@@ -1,5 +1,3 @@
-import { enhanceArgTypes } from './enhanceArgTypes';
-
 export const parameters = {
   docs: {
     inlineStories: false,
@@ -8,5 +6,3 @@ export const parameters = {
     iframeHeight: 100,
   },
 };
-
-export const argTypesEnhancers = [enhanceArgTypes];

addons/docs/src/lib/index.ts

@@ -1 +0,0 @@
-export * from './utils';

app/angular/package.json

@@ -47,10 +47,12 @@
   "dependencies": {
     "@storybook/addons": "6.5.0-alpha.47",
     "@storybook/api": "6.5.0-alpha.47",
+    "@storybook/client-logger": "6.5.0-alpha.47",
     "@storybook/core": "6.5.0-alpha.47",
     "@storybook/core-common": "6.5.0-alpha.47",
     "@storybook/core-events": "6.5.0-alpha.47",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
+    "@storybook/docs-tools": "6.5.0-alpha.47",
     "@storybook/node-logger": "6.5.0-alpha.47",
     "@storybook/semver": "^7.3.2",
     "@storybook/store": "6.5.0-alpha.47",
@@ -63,15 +65,17 @@
     "find-up": "^5.0.0",
     "fork-ts-checker-webpack-plugin": "^4.1.6",
     "global": "^4.4.0",
+    "nanoid": "^3.1.23",
+    "p-limit": "^3.1.0",
     "postcss": "^7.0.36",
     "postcss-loader": "^4.2.0",
+    "prettier": ">=2.2.1 <=2.3.0",
     "raw-loader": "^4.0.2",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "read-pkg-up": "^7.0.1",
     "regenerator-runtime": "^0.13.7",
     "sass-loader": "^10.1.0",
-    "strip-json-comments": "3.1.1",
     "telejson": "^5.3.3",
     "ts-dedent": "^2.0.0",
     "ts-loader": "^8.0.14",
@@ -93,10 +97,12 @@
     "@angular/platform-browser-dynamic": "^11.2.14",
     "@nrwl/workspace": "^11.6.3",
     "@types/autoprefixer": "^9.7.2",
-    "@types/jest": "^26.0.16",
+    "@types/tmp": "^0.2.3",
+    "cross-spawn": "^7.0.3",
     "jest": "^26.6.3",
     "jest-preset-angular": "^8.3.2",
-    "ts-jest": "^26.4.4"
+    "jest-specific-snapshot": "^4.0.0",
+    "tmp": "^0.2.1"
   },
   "peerDependencies": {
     "@angular-devkit/architect": ">=0.8.9",

app/angular/src/builders/build-storybook/index.ts

@@ -10,14 +10,14 @@ import { from, Observable, of, throwError } from 'rxjs';
 import type { CLIOptions } from '@storybook/core-common';
 import { catchError, map, mapTo, switchMap } from 'rxjs/operators';
 import { sync as findUpSync } from 'find-up';
-
-// eslint-disable-next-line import/no-extraneous-dependencies
-import buildStandalone, { StandaloneOptions } from '@storybook/angular/standalone';
 import {
   BrowserBuilderOptions,
   ExtraEntryPoint,
   StylePreprocessorOptions,
 } from '@angular-devkit/build-angular';
+
+// eslint-disable-next-line import/no-extraneous-dependencies
+import buildStandalone, { StandaloneOptions } from '@storybook/angular/standalone';
 import { runCompodoc } from '../utils/run-compodoc';
 import { buildStandaloneErrorHandler } from '../utils/build-standalone-errors-handler';
 

app/angular/src/client/docs/angular-properties.test.ts

@@ -6,6 +6,7 @@ import { sync as spawnSync } from 'cross-spawn';
 
 import { findComponentByName, extractArgTypesFromData } from './compodoc';
 
+// @ts-ignore
 const { SNAPSHOT_OS } = global;
 
 // File hierarchy: __testfixtures__ / some-test-case / input.*

app/angular/src/client/docs/config.ts

@@ -1,4 +1,4 @@
-import { SourceType } from '../../shared';
+import { SourceType, enhanceArgTypes } from '@storybook/docs-tools';
 import { extractArgTypes, extractComponentDescription } from './compodoc';
 import { sourceDecorator } from './sourceDecorator';
 import { prepareForInline } from './prepareForInline';
@@ -18,3 +18,5 @@ export const parameters = {
 };
 
 export const decorators = [sourceDecorator];
+
+export const argTypesEnhancers = [enhanceArgTypes];

app/angular/src/client/docs/prepareForInline.ts

@@ -2,9 +2,9 @@ import React from 'react';
 import pLimit from 'p-limit';
 import { nanoid } from 'nanoid';
 
-import { AngularFramework, StoryContext } from '@storybook/angular';
-import { rendererFactory } from '@storybook/angular/renderer';
 import { PartialStoryFn } from '@storybook/csf';
+import { AngularFramework, StoryContext } from '..';
+import { rendererFactory } from '../../renderer';
 
 const limit = pLimit(1);
 

app/angular/src/client/docs/sourceDecorator.ts

@@ -1,8 +1,8 @@
 import { addons, useEffect } from '@storybook/addons';
 import type { PartialStoryFn } from '@storybook/csf';
-import type { StoryContext, AngularFramework } from '@storybook/angular';
-import { computesTemplateSourceFromComponent } from '@storybook/angular/renderer';
-import { SNIPPET_RENDERED, SourceType } from '../../shared';
+import { SNIPPET_RENDERED, SourceType } from '@storybook/docs-tools';
+import { StoryContext, AngularFramework } from '..';
+import { computesTemplateSourceFromComponent } from '../../renderer';
 
 export const skipSourceRender = (context: StoryContext) => {
   const sourceParams = context?.parameters.docs?.source;

app/angular/src/server/framework-preset-angular-docs.ts

@@ -0,0 +1,7 @@
+import path from 'path';
+import { StorybookConfig } from '@storybook/core-common';
+
+export const config: StorybookConfig['config'] = (entry = [], options) => {
+  console.log({ options });
+  return [...entry, path.join(__dirname, '../../../dist/ts3.9/client/docs/config')];
+};

app/angular/src/server/preset.ts

@@ -9,4 +9,5 @@ export const addons: StorybookConfig['addons'] = [
   require.resolve('./framework-preset-angular'),
   require.resolve('./framework-preset-angular-cli'),
   require.resolve('./framework-preset-angular-ivy'),
+  require.resolve('./framework-preset-angular-docs'),
 ];

app/ember/package.json

@@ -42,9 +42,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@ember/test-helpers": "^2.1.4",
     "@storybook/core": "6.5.0-alpha.47",
     "@storybook/core-common": "6.5.0-alpha.47",
+    "@storybook/docs-tools": "6.5.0-alpha.47",
     "@storybook/store": "6.5.0-alpha.47",
     "core-js": "^3.8.2",
     "global": "^4.4.0",

app/ember/src/client/docs/config.js

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

app/ember/src/client/preview/docs/index.js

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

app/ember/src/client/preview/docs/jsondoc.js

@@ -0,0 +1,50 @@
+/* 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;
+};

app/ember/src/server/framework-preset-ember-docs.ts

@@ -0,0 +1,6 @@
+import type { StorybookConfig } from '@storybook/core-common';
+import { findDistEsm } from '@storybook/core-common';
+
+export const config: StorybookConfig['config'] = (entry = []) => {
+  return [...entry, findDistEsm(__dirname, 'client/docs/config')];
+};

app/ember/src/server/options.ts

@@ -4,5 +4,8 @@ import type { LoadOptions } from '@storybook/core-common';
 export default {
   packageJson: sync({ cwd: __dirname }).packageJson,
   framework: 'ember',
-  frameworkPresets: [require.resolve('./framework-preset-babel-ember.js')],
+  frameworkPresets: [
+    require.resolve('./framework-preset-babel-ember.js'),
+    require.resolve('./framework-preset-ember-docs.js'),
+  ],
 } as LoadOptions;

app/html/package.json

@@ -46,10 +46,10 @@
   },
   "dependencies": {
     "@storybook/addons": "6.5.0-alpha.47",
-    "@storybook/client-api": "6.5.0-alpha.47",
     "@storybook/core": "6.5.0-alpha.47",
     "@storybook/core-common": "6.5.0-alpha.47",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
+    "@storybook/docs-tools": "6.5.0-alpha.47",
     "@storybook/preview-web": "6.5.0-alpha.47",
     "@storybook/store": "6.5.0-alpha.47",
     "@types/node": "^14.14.20 || ^16.0.0",
@@ -61,7 +61,8 @@
     "react-dom": "16.14.0",
     "read-pkg-up": "^7.0.1",
     "regenerator-runtime": "^0.13.7",
-    "ts-dedent": "^2.0.0"
+    "ts-dedent": "^2.0.0",
+    "webpack": "4"
   },
   "peerDependencies": {
     "@babel/core": "*"

app/html/src/client/docs/config.ts

@@ -1,6 +1,6 @@
+import { SourceType } from '@storybook/docs-tools';
 import { sourceDecorator } from './sourceDecorator';
 import { prepareForInline } from './prepareForInline';
-import { SourceType } from '../../shared';
 
 export const decorators = [sourceDecorator];
 

app/html/src/client/docs/sourceDecorator.test.ts

@@ -1,7 +1,6 @@
-import { addons, useEffect } from '@storybook/addons';
-import type { StoryContext } from '@storybook/addons';
+import { SNIPPET_RENDERED } from '@storybook/docs-tools';
+import { addons, StoryContext, useEffect } from '@storybook/addons';
 import { sourceDecorator } from './sourceDecorator';
-import { SNIPPET_RENDERED } from '../../shared';
 
 jest.mock('@storybook/addons');
 const mockedAddons = addons as jest.Mocked<typeof addons>;

app/html/src/client/docs/sourceDecorator.ts

@@ -1,10 +1,9 @@
 /* global window */
+import { SNIPPET_RENDERED, SourceType } from '@storybook/docs-tools';
 import { addons, useEffect } from '@storybook/addons';
 import type { ArgsStoryFn, PartialStoryFn, StoryContext } from '@storybook/csf';
 import dedent from 'ts-dedent';
-import type { HtmlFramework } from '@storybook/html';
-
-import { SNIPPET_RENDERED, SourceType } from '../../shared';
+import type { HtmlFramework } from '..';
 
 function skipSourceRender(context: StoryContext<HtmlFramework>) {
   const sourceParams = context?.parameters.docs?.source;

app/html/src/server/framework-preset-html-docs.ts

@@ -0,0 +1,5 @@
+import { findDistEsm, StorybookConfig } from '@storybook/core-common';
+
+export const config: StorybookConfig['config'] = (entry = []) => {
+  return [...entry, findDistEsm(__dirname, 'client/docs/config')];
+};

app/html/src/server/options.ts

@@ -4,5 +4,8 @@ import type { LoadOptions } from '@storybook/core-common';
 export default {
   packageJson: sync({ cwd: __dirname }).packageJson,
   framework: 'html',
-  frameworkPresets: [require.resolve('./framework-preset-html')],
+  frameworkPresets: [
+    require.resolve('./framework-preset-html'),
+    require.resolve('./framework-preset-html-docs'),
+  ],
 } as LoadOptions;

app/html/tsconfig.json

@@ -2,15 +2,8 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "rootDir": "./src",
-    "types": [
-      "webpack-env",
-      "node"
-    ]
+    "types": ["webpack-env", "node"]
   },
-  "include": [
-    "src/**/*"
-  ],
-  "exclude": [
-    "src/__tests__/**/*"
-  ]
-}
+  "include": ["src/**/*"],
+  "exclude": ["src/**/*.test.*", "src/__tests__/**/*"]
+}

app/react/package.json

@@ -50,37 +50,47 @@
     "@babel/preset-react": "^7.12.10",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
     "@storybook/addons": "6.5.0-alpha.47",
+    "@storybook/client-logger": "6.5.0-alpha.47",
     "@storybook/core": "6.5.0-alpha.47",
     "@storybook/core-common": "6.5.0-alpha.47",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
+    "@storybook/docs-tools": "6.5.0-alpha.47",
     "@storybook/node-logger": "6.5.0-alpha.47",
     "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0",
     "@storybook/semver": "^7.3.2",
     "@storybook/store": "6.5.0-alpha.47",
+    "@types/estree": "^0.0.51",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/webpack-env": "^1.16.0",
+    "acorn": "^7.4.1",
+    "acorn-jsx": "^5.3.1",
+    "acorn-walk": "^7.2.0",
     "babel-plugin-add-react-displayname": "^0.0.5",
-    "babel-plugin-named-asset-import": "^0.3.1",
     "babel-plugin-react-docgen": "^4.2.1",
     "core-js": "^3.8.2",
+    "escodegen": "^2.0.0",
     "global": "^4.4.0",
+    "html-tags": "^3.1.0",
     "lodash": "^4.17.21",
     "prop-types": "^15.7.2",
+    "react-element-to-jsx-string": "^14.3.4",
     "react-refresh": "^0.11.0",
     "read-pkg-up": "^7.0.1",
     "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0",
+    "util-deprecate": "^1.0.2",
     "webpack": ">=4.43.0 <6.0.0"
   },
   "devDependencies": {
-    "@storybook/client-api": "6.5.0-alpha.47",
-    "@types/prompts": "^2.0.9",
+    "@types/util-deprecate": "^1.0.0",
     "webpack": "4"
   },
   "peerDependencies": {
     "@babel/core": "^7.11.5",
+    "jest-specific-snapshot": "^4.0.0",
     "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react-dom": "^16.8.0 || ^17.0.0",
+    "require-from-string": "^2.0.2"
   },
   "peerDependenciesMeta": {
     "@babel/core": {