@storybook/addon-docs 6.5.0-alpha.46 → 6.5.0-alpha.47

package/dist/cjs/blocks/Story.js

@@ -181,28 +181,8 @@ var Story = function Story(props) {
     var cleanup;
 
     if (story && storyRef.current) {
-      var componentId = story.componentId,
-          id = story.id,
-          title = story.title,
-          name = story.name;
-      var renderContext = {
-        componentId: componentId,
-        title: title,
-        kind: title,
-        id: id,
-        name: name,
-        story: name,
-        // TODO what to do when these fail?
-        showMain: function showMain() {},
-        showError: function showError() {},
-        showException: function showException() {}
-      };
-      cleanup = context.renderStoryToElement({
-        story: story,
-        renderContext: renderContext,
-        element: storyRef.current,
-        viewMode: 'docs'
-      });
+      var element = storyRef.current;
+      cleanup = context.renderStoryToElement(story, element);
       setShowLoader(false);
     }
 

package/dist/cjs/frameworks/common/preset.js

@@ -51,6 +51,8 @@ var _remarkExternalLinks = _interopRequireDefault(require("remark-external-links
 
 var _global = _interopRequireDefault(require("global"));
 
+var _nodeLogger = require("@storybook/node-logger");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
@@ -69,11 +71,6 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-var _console = console,
-    log = _console.log; // for frameworks that are not working with react, we need to configure
-// the jsx to transpile mdx, for now there will be a flag for that
-// for more complex solutions we can find alone that we need to add '@babel/plugin-transform-react-jsx'
-
 function createBabelOptions(_ref) {
   var babelOptions = _ref.babelOptions,
       mdxBabelOptions = _ref.mdxBabelOptions,
@@ -154,7 +151,9 @@ function _webpack() {
               remarkPlugins: [_remarkSlug.default, _remarkExternalLinks.default]
             };
             mdxVersion = (_global$FEATURES = _global.default.FEATURES) !== null && _global$FEATURES !== void 0 && _global$FEATURES.previewMdx2 ? 'MDX2' : 'MDX1';
-            log("Addon-docs: using ".concat(mdxVersion));
+
+            _nodeLogger.logger.info("Addon-docs: using ".concat(mdxVersion));
+
             mdxLoader = (_global$FEATURES2 = _global.default.FEATURES) !== null && _global$FEATURES2 !== void 0 && _global$FEATURES2.previewMdx2 ? require.resolve('@storybook/mdx2-csf/loader') : require.resolve('@storybook/mdx1-csf/loader'); // set `sourceLoaderOptions` to `null` to disable for manual configuration
 
             sourceLoader = sourceLoaderOptions ? [{

package/dist/esm/blocks/Story.js

@@ -125,28 +125,8 @@ var Story = function Story(props) {
     var cleanup;
 
     if (story && storyRef.current) {
-      var componentId = story.componentId,
-          id = story.id,
-          title = story.title,
-          name = story.name;
-      var renderContext = {
-        componentId: componentId,
-        title: title,
-        kind: title,
-        id: id,
-        name: name,
-        story: name,
-        // TODO what to do when these fail?
-        showMain: function showMain() {},
-        showError: function showError() {},
-        showException: function showException() {}
-      };
-      cleanup = context.renderStoryToElement({
-        story: story,
-        renderContext: renderContext,
-        element: storyRef.current,
-        viewMode: 'docs'
-      });
+      var element = storyRef.current;
+      cleanup = context.renderStoryToElement(story, element);
       setShowLoader(false);
     }
 

package/dist/esm/frameworks/common/preset.js

@@ -39,8 +39,7 @@ import path from 'path';
 import remarkSlug from 'remark-slug';
 import remarkExternalLinks from 'remark-external-links';
 import global from 'global';
-var _console = console,
-    log = _console.log; // for frameworks that are not working with react, we need to configure
+import { logger } from '@storybook/node-logger'; // for frameworks that are not working with react, we need to configure
 // the jsx to transpile mdx, for now there will be a flag for that
 // for more complex solutions we can find alone that we need to add '@babel/plugin-transform-react-jsx'
 
@@ -124,7 +123,7 @@ function _webpack() {
               remarkPlugins: [remarkSlug, remarkExternalLinks]
             };
             mdxVersion = (_global$FEATURES = global.FEATURES) !== null && _global$FEATURES !== void 0 && _global$FEATURES.previewMdx2 ? 'MDX2' : 'MDX1';
-            log("Addon-docs: using ".concat(mdxVersion));
+            logger.info("Addon-docs: using ".concat(mdxVersion));
             mdxLoader = (_global$FEATURES2 = global.FEATURES) !== null && _global$FEATURES2 !== void 0 && _global$FEATURES2.previewMdx2 ? require.resolve('@storybook/mdx2-csf/loader') : require.resolve('@storybook/mdx1-csf/loader'); // set `sourceLoaderOptions` to `null` to disable for manual configuration
 
             sourceLoader = sourceLoaderOptions ? [{

package/dist/esm/frameworks/vue3/prepareForInline.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as Vue from 'vue';
-import { app } from '@storybook/vue3'; // This is cast as `any` to workaround type errors caused by Vue 2 types
-
+import { app } from '@storybook/vue3';
+// This is cast as `any` to workaround type errors caused by Vue 2 types
 var _ref = Vue,
     render = _ref.render,
     h = _ref.h;

package/dist/modern/blocks/Story.js

@@ -95,30 +95,8 @@ const Story = props => {
     let cleanup;
 
     if (story && storyRef.current) {
-      const {
-        componentId,
-        id,
-        title,
-        name
-      } = story;
-      const renderContext = {
-        componentId,
-        title,
-        kind: title,
-        id,
-        name,
-        story: name,
-        // TODO what to do when these fail?
-        showMain: () => {},
-        showError: () => {},
-        showException: () => {}
-      };
-      cleanup = context.renderStoryToElement({
-        story,
-        renderContext,
-        element: storyRef.current,
-        viewMode: 'docs'
-      });
+      const element = storyRef.current;
+      cleanup = context.renderStoryToElement(story, element);
       setShowLoader(false);
     }
 

package/dist/modern/frameworks/common/preset.js

@@ -2,9 +2,7 @@ import path from 'path';
 import remarkSlug from 'remark-slug';
 import remarkExternalLinks from 'remark-external-links';
 import global from 'global';
-const {
-  log
-} = console; // for frameworks that are not working with react, we need to configure
+import { logger } from '@storybook/node-logger'; // for frameworks that are not working with react, we need to configure
 // the jsx to transpile mdx, for now there will be a flag for that
 // for more complex solutions we can find alone that we need to add '@babel/plugin-transform-react-jsx'
 
@@ -59,7 +57,7 @@ export async function webpack(webpackConfig = {}, options) {
     remarkPlugins: [remarkSlug, remarkExternalLinks]
   };
   const mdxVersion = (_global$FEATURES = global.FEATURES) !== null && _global$FEATURES !== void 0 && _global$FEATURES.previewMdx2 ? 'MDX2' : 'MDX1';
-  log(`Addon-docs: using ${mdxVersion}`);
+  logger.info(`Addon-docs: using ${mdxVersion}`);
   const mdxLoader = (_global$FEATURES2 = global.FEATURES) !== null && _global$FEATURES2 !== void 0 && _global$FEATURES2.previewMdx2 ? require.resolve('@storybook/mdx2-csf/loader') : require.resolve('@storybook/mdx1-csf/loader'); // set `sourceLoaderOptions` to `null` to disable for manual configuration
 
   const sourceLoader = sourceLoaderOptions ? [{

package/dist/modern/frameworks/vue3/prepareForInline.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as Vue from 'vue';
-import { app } from '@storybook/vue3'; // This is cast as `any` to workaround type errors caused by Vue 2 types
-
+import { app } from '@storybook/vue3';
+// This is cast as `any` to workaround type errors caused by Vue 2 types
 const {
   render,
   h

package/dist/ts3.9/blocks/DocsContext.d.ts

@@ -1,5 +1,5 @@
 import { Context } from 'react';
-import { DocsContextProps } from '@storybook/preview-web';
-import { AnyFramework } from '@storybook/csf';
+import type { DocsContextProps } from '@storybook/preview-web';
+import type { AnyFramework } from '@storybook/csf';
 export type { DocsContextProps };
 export declare const DocsContext: Context<DocsContextProps<AnyFramework>>;

package/dist/ts3.9/blocks/enhanceSource.d.ts

@@ -1,3 +1,3 @@
-import { Parameters } from '@storybook/addons';
-import { Story } from '@storybook/store';
+import type { Parameters } from '@storybook/addons';
+import type { Story } from '@storybook/store';
 export declare const enhanceSource: (story: Story<any>) => Parameters;

package/dist/ts3.9/blocks/useStory.d.ts

@@ -1,5 +1,5 @@
-import { StoryId, AnyFramework } from '@storybook/csf';
-import { Story } from '@storybook/store';
+import type { StoryId, AnyFramework } from '@storybook/csf';
+import type { Story } from '@storybook/store';
 import { DocsContextProps } from './DocsContext';
 export declare function useStory<TFramework extends AnyFramework = AnyFramework>(storyId: StoryId, context: DocsContextProps<TFramework>): Story<TFramework> | void;
 export declare function useStories<TFramework extends AnyFramework = AnyFramework>(storyIds: StoryId[], context: DocsContextProps<TFramework>): (Story<TFramework> | void)[];

package/dist/ts3.9/frameworks/angular/compodoc.d.ts

@@ -1,5 +1,5 @@
-import { ArgTypes } from '@storybook/api';
-import { Class, CompodocJson, Component, Injectable, Method, Pipe, Property, Directive } from './types';
+import type { ArgTypes } from '@storybook/api';
+import type { Class, CompodocJson, Component, Injectable, Method, Pipe, Property, Directive } from './types';
 export declare const isMethod: (methodOrProp: Method | Property) => methodOrProp is Method;
 export declare const setCompodocJson: (compodocJson: CompodocJson) => void;
 export declare const getCompodocJson: () => CompodocJson;

package/dist/ts3.9/frameworks/angular/sourceDecorator.d.ts

@@ -1,5 +1,5 @@
-import { PartialStoryFn } from '@storybook/csf';
-import { StoryContext, AngularFramework } from '@storybook/angular';
+import type { PartialStoryFn } from '@storybook/csf';
+import type { StoryContext, AngularFramework } from '@storybook/angular';
 export declare const skipSourceRender: (context: StoryContext) => any;
 /**
  * Angular source decorator.

package/dist/ts3.9/frameworks/html/sourceDecorator.d.ts

@@ -1,3 +1,3 @@
-import { PartialStoryFn, StoryContext } from '@storybook/csf';
-import { HtmlFramework } from '@storybook/html';
+import type { PartialStoryFn, StoryContext } from '@storybook/csf';
+import type { HtmlFramework } from '@storybook/html';
 export declare function sourceDecorator(storyFn: PartialStoryFn<HtmlFramework>, context: StoryContext<HtmlFramework>): import("@storybook/html/dist/ts3.9/client/preview/types").StoryFnHtmlReturnType;

package/dist/ts3.9/frameworks/react/config.d.ts

@@ -1,5 +1,5 @@
-import { PartialStoryFn } from '@storybook/csf';
-import { ReactFramework } from '@storybook/react';
+import type { PartialStoryFn } from '@storybook/csf';
+import type { ReactFramework } from '@storybook/react';
 import { extractComponentDescription } from '../../lib/docgen';
 export declare const parameters: {
     docs: {

package/dist/ts3.9/frameworks/react/extractArgTypes.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypesExtractor } from '../../lib/docgen';
+import type { ArgTypesExtractor } from '../../lib/docgen';
 export declare const extractArgTypes: ArgTypesExtractor;

package/dist/ts3.9/frameworks/svelte/extractArgTypes.d.ts

@@ -1,5 +1,5 @@
-import { StrictArgTypes } from '@storybook/csf';
+import type { StrictArgTypes } from '@storybook/csf';
 import type { SvelteComponentDoc } from 'sveltedoc-parser/typings';
-import { ArgTypesExtractor } from '../../lib/docgen';
+import type { ArgTypesExtractor } from '../../lib/docgen';
 export declare const extractArgTypes: ArgTypesExtractor;
 export declare const createArgTypes: (docgen: SvelteComponentDoc) => StrictArgTypes<import("@storybook/csf").Args>;

package/dist/ts3.9/frameworks/svelte/sourceDecorator.d.ts

@@ -1,4 +1,4 @@
-import { ArgTypes, Args, StoryContext, AnyFramework } from '@storybook/csf';
+import type { ArgTypes, Args, StoryContext, AnyFramework } from '@storybook/csf';
 /**
  * Generate a svelte template.
  *

package/dist/ts3.9/frameworks/vue/extractArgTypes.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypesExtractor } from '../../lib/docgen';
+import type { ArgTypesExtractor } from '../../lib/docgen';
 export declare const extractArgTypes: ArgTypesExtractor;

package/dist/ts3.9/frameworks/vue/prepareForInline.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StoryContext, PartialStoryFn } from '@storybook/csf';
-import { VueFramework } from '@storybook/vue';
+import type { StoryContext, PartialStoryFn } from '@storybook/csf';
+import type { VueFramework } from '@storybook/vue';
 export declare const prepareForInline: (storyFn: PartialStoryFn<VueFramework>, { args }: StoryContext<VueFramework>) => React.DetailedReactHTMLElement<null, HTMLElement>;

package/dist/ts3.9/frameworks/vue/sourceDecorator.d.ts

@@ -1,5 +1,5 @@
-import { StoryContext } from '@storybook/csf';
-import { VueFramework } from '@storybook/vue';
+import type { StoryContext } from '@storybook/csf';
+import type { VueFramework } from '@storybook/vue';
 export declare const skipSourceRender: (context: StoryContext<VueFramework>) => any;
 export declare const sourceDecorator: (storyFn: any, context: StoryContext<VueFramework>) => any;
 export declare function vnodeToString(vnode: Vue.VNode): string;

package/dist/ts3.9/frameworks/vue3/extractArgTypes.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypesExtractor } from '../../lib/docgen';
+import type { ArgTypesExtractor } from '../../lib/docgen';
 export declare const extractArgTypes: ArgTypesExtractor;

package/dist/ts3.9/frameworks/vue3/prepareForInline.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StoryContext, PartialStoryFn } from '@storybook/csf';
-import { VueFramework } from '@storybook/vue3';
+import type { StoryContext, PartialStoryFn } from '@storybook/csf';
+import type { VueFramework } from '@storybook/vue3';
 export declare const prepareForInline: (storyFn: PartialStoryFn<VueFramework>, { args }: StoryContext<VueFramework>) => React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;

package/dist/ts3.9/frameworks/web-components/custom-elements.d.ts

@@ -1,4 +1,4 @@
-import { ArgType } from '@storybook/api';
+import type { ArgType } from '@storybook/api';
 interface TagItem {
     name: string;
     type: {

package/dist/ts3.9/frameworks/web-components/sourceDecorator.d.ts

@@ -1,3 +1,3 @@
-import { PartialStoryFn, StoryContext } from '@storybook/csf';
-import { WebComponentsFramework } from '@storybook/web-components';
+import type { PartialStoryFn, StoryContext } from '@storybook/csf';
+import type { WebComponentsFramework } from '@storybook/web-components';
 export declare function sourceDecorator(storyFn: PartialStoryFn<WebComponentsFramework>, context: StoryContext<WebComponentsFramework>): WebComponentsFramework['storyResult'];

package/dist/ts3.9/lib/convert/flow/convert.d.ts

@@ -1,3 +1,3 @@
-import { SBType } from '@storybook/csf';
-import { FlowType } from './types';
+import type { SBType } from '@storybook/csf';
+import type { FlowType } from './types';
 export declare const convert: (type: FlowType) => SBType | void;

package/dist/ts3.9/lib/convert/proptypes/convert.d.ts

@@ -1,3 +1,3 @@
-import { SBType } from '@storybook/csf';
-import { PTType } from './types';
+import type { SBType } from '@storybook/csf';
+import type { PTType } from './types';
 export declare const convert: (type: PTType) => SBType | any;

package/dist/ts3.9/lib/convert/typescript/convert.d.ts

@@ -1,3 +1,3 @@
-import { SBType } from '@storybook/csf';
-import { TSType } from './types';
+import type { SBType } from '@storybook/csf';
+import type { TSType } from './types';
 export declare const convert: (type: TSType) => SBType | void;

package/dist/ts3.9/lib/docgen/types.d.ts

@@ -1,6 +1,6 @@
-import { StrictArgTypes } from '@storybook/csf';
-import { PropDef } from './PropDef';
-import { Component } from '../../blocks/types';
+import type { StrictArgTypes } from '@storybook/csf';
+import type { PropDef } from './PropDef';
+import type { Component } from '../../blocks/types';
 export declare type PropsExtractor = (component: Component) => {
     rows?: PropDef[];
 } | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "6.5.0-alpha.46",
+  "version": "6.5.0-alpha.47",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -62,22 +62,22 @@
     "@babel/preset-env": "^7.12.11",
     "@jest/transform": "^26.6.2",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addons": "6.5.0-alpha.46",
-    "@storybook/api": "6.5.0-alpha.46",
-    "@storybook/builder-webpack4": "6.5.0-alpha.46",
-    "@storybook/client-logger": "6.5.0-alpha.46",
-    "@storybook/components": "6.5.0-alpha.46",
-    "@storybook/core": "6.5.0-alpha.46",
-    "@storybook/core-events": "6.5.0-alpha.46",
+    "@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-events": "6.5.0-alpha.47",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/csf-tools": "6.5.0-alpha.46",
+    "@storybook/csf-tools": "6.5.0-alpha.47",
     "@storybook/mdx1-csf": "canary",
-    "@storybook/node-logger": "6.5.0-alpha.46",
-    "@storybook/postinstall": "6.5.0-alpha.46",
-    "@storybook/preview-web": "6.5.0-alpha.46",
-    "@storybook/source-loader": "6.5.0-alpha.46",
-    "@storybook/store": "6.5.0-alpha.46",
-    "@storybook/theming": "6.5.0-alpha.46",
+    "@storybook/node-logger": "6.5.0-alpha.47",
+    "@storybook/postinstall": "6.5.0-alpha.47",
+    "@storybook/preview-web": "6.5.0-alpha.47",
+    "@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",
@@ -105,12 +105,12 @@
     "@babel/core": "^7.12.10",
     "@emotion/core": "^10.3.1",
     "@emotion/styled": "^10.0.27",
-    "@storybook/angular": "6.5.0-alpha.46",
-    "@storybook/html": "6.5.0-alpha.46",
+    "@storybook/angular": "6.5.0-alpha.47",
+    "@storybook/html": "6.5.0-alpha.47",
     "@storybook/mdx2-csf": "canary",
-    "@storybook/react": "6.5.0-alpha.46",
-    "@storybook/vue": "6.5.0-alpha.46",
-    "@storybook/web-components": "6.5.0-alpha.46",
+    "@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",
@@ -135,13 +135,13 @@
     "zone.js": "^0.11.3"
   },
   "peerDependencies": {
-    "@storybook/angular": "6.5.0-alpha.46",
-    "@storybook/html": "6.5.0-alpha.46",
+    "@storybook/angular": "6.5.0-alpha.47",
+    "@storybook/html": "6.5.0-alpha.47",
     "@storybook/mdx2-csf": "*",
-    "@storybook/react": "6.5.0-alpha.46",
-    "@storybook/vue": "6.5.0-alpha.46",
-    "@storybook/vue3": "6.5.0-alpha.46",
-    "@storybook/web-components": "6.5.0-alpha.46",
+    "@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",
@@ -213,7 +213,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
+  "gitHead": "e848de5c5d389fcb452d85f7ebdfc27f1e3c10c4",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Docs",