From 053aa06bc610a0736ae221b05093802e4900024a Mon Sep 17 00:00:00 2001
From: libetl <libe4@free.fr>
Date: Wed, 3 Jul 2019 23:56:56 +0200
Subject: [PATCH 1/9] =?UTF-8?q?#7192=20=E2=9C=82=20I=20have=20removed=20th?=
 =?UTF-8?q?e=20storysource=20older=20loader?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                                  |   2 +-
 addons/storysource/README.md                  |  10 +-
 addons/storysource/loader.js                  |   2 +-
 addons/storysource/package.json               |   3 +-
 addons/storysource/src/StoryPanel.js          |   3 +-
 addons/storysource/src/events.js              |   2 +-
 .../inject-decorator.test.js.snap             | 732 ------------------
 .../storysource/src/loader/default-options.js |  12 -
 .../src/loader/generate-helpers.js            |  99 ---
 addons/storysource/src/loader/index.js        |  29 -
 .../src/loader/inject-decorator.js            |  46 --
 .../src/loader/inject-decorator.test.js       | 216 ------
 .../storysource/src/loader/parse-helpers.js   | 110 ---
 .../storysource/src/loader/parsers/index.js   |  20 -
 .../src/loader/parsers/parser-flow.js         |   9 -
 .../src/loader/parsers/parser-js.js           |   9 -
 .../src/loader/parsers/parser-ts.js           |   9 -
 .../src/loader/traverse-helpers.js            |  38 -
 .../angular-cli/.storybook/webpack.config.ts  |   2 +-
 examples/angular-cli/package.json             |   1 +
 .../ember-cli/.storybook/webpack.config.js    |   2 +-
 .../.storybook/webpack.config.js              |   2 +-
 .../marko-cli/.storybook/webpack.config.js    |   2 +-
 .../.storybook/webpack.config.js              |   2 +-
 .../polymer-cli/.storybook/webpack.config.js  |   2 +-
 .../.storybook/webpack.config.js              |   2 +-
 .../.storybook/webpack.config.js              |   2 +-
 .../.storybook/webpack.config.js              |   2 +-
 .../.storybook/webpack.config.js              |   2 +-
 .../.storybook/webpack.config.js              |   2 +-
 30 files changed, 23 insertions(+), 1351 deletions(-)
 delete mode 100644 addons/storysource/src/loader/__snapshots__/inject-decorator.test.js.snap
 delete mode 100644 addons/storysource/src/loader/default-options.js
 delete mode 100644 addons/storysource/src/loader/generate-helpers.js
 delete mode 100644 addons/storysource/src/loader/index.js
 delete mode 100644 addons/storysource/src/loader/inject-decorator.js
 delete mode 100644 addons/storysource/src/loader/inject-decorator.test.js
 delete mode 100644 addons/storysource/src/loader/parse-helpers.js
 delete mode 100644 addons/storysource/src/loader/parsers/index.js
 delete mode 100644 addons/storysource/src/loader/parsers/parser-flow.js
 delete mode 100644 addons/storysource/src/loader/parsers/parser-js.js
 delete mode 100644 addons/storysource/src/loader/parsers/parser-ts.js
 delete mode 100644 addons/storysource/src/loader/traverse-helpers.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 591df49ba51e..18782f4f37e3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -424,7 +424,7 @@ Publish failed
 - Addon-docs: Docs page bugfix
 - Addon-docs: Fix source block for legacy stories
 
-NOTE: use `@storybook/addon-storysource/loader` with option `injectParameters: true` for legacy source
+NOTE: use `@storybook/source-loader` with option `injectParameters: true` for legacy source
 
 ## 5.2.0-alpha.6 (May 14, 2019)
 
diff --git a/addons/storysource/README.md b/addons/storysource/README.md
index 5aea05d32b03..5b42c500f44b 100644
--- a/addons/storysource/README.md
+++ b/addons/storysource/README.md
@@ -26,7 +26,7 @@ Use this hook to a custom webpack.config. This will generate a decorator call in
 module.exports = function({ config }) {
   config.module.rules.push({
     test: /\.stories\.jsx?$/,
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     enforce: 'pre',
   });
 
@@ -56,7 +56,7 @@ module.exports = function({ config }) {
     test: /\.stories\.jsx?$/,
     loaders: [
       {
-        loader: require.resolve('@storybook/addon-storysource/loader'),
+        loader: require.resolve('@storybook/source-loader'),
         options: { parser: 'typescript' },
       },
     ],
@@ -91,7 +91,7 @@ module.exports = function({ config }) {
     test: /\.stories\.jsx?$/,
     loaders: [
       {
-        loader: require.resolve('@storybook/addon-storysource/loader'),
+        loader: require.resolve('@storybook/source-loader'),
         options: {
           prettierConfig: {
             printWidth: 100,
@@ -125,7 +125,7 @@ module.exports = function({ config }) {
     test: /\.stories\.jsx?$/,
     loaders: [
       {
-        loader: require.resolve('@storybook/addon-storysource/loader'),
+        loader: require.resolve('@storybook/source-loader'),
         options: {
           uglyCommentsRegex: [/^eslint-.*/, /^global.*/],
         },
@@ -152,7 +152,7 @@ module.exports = function({ config }) {
     test: /\.stories\.jsx?$/,
     loaders: [
       {
-        loader: require.resolve('@storybook/addon-storysource/loader'),
+        loader: require.resolve('@storybook/source-loader'),
         options: { injectDecorator: false },
       },
     ],
diff --git a/addons/storysource/loader.js b/addons/storysource/loader.js
index 6cc4e38b8d14..526e141378b6 100644
--- a/addons/storysource/loader.js
+++ b/addons/storysource/loader.js
@@ -1 +1 @@
-module.exports = require('./dist/loader');
+module.exports = require('@storybook/source-loader');
diff --git a/addons/storysource/package.json b/addons/storysource/package.json
index 1cf826a2f3f3..30c10ab95f21 100644
--- a/addons/storysource/package.json
+++ b/addons/storysource/package.json
@@ -35,7 +35,8 @@
     "regenerator-runtime": "^0.12.1"
   },
   "peerDependencies": {
-    "react": "*"
+    "react": "*",
+    "@storybook/source-loader": "*"
   },
   "publishConfig": {
     "access": "public"
diff --git a/addons/storysource/src/StoryPanel.js b/addons/storysource/src/StoryPanel.js
index afa1d63ce276..01c50b731946 100644
--- a/addons/storysource/src/StoryPanel.js
+++ b/addons/storysource/src/StoryPanel.js
@@ -66,9 +66,8 @@ export default class StoryPanel extends Component {
     this.selectedStoryRef = ref;
   };
 
-  listener = ({ source, currentLocation, locationsMap }) => {
+  listener = ({ edition: { source }, location: { currentLocation, locationsMap } }) => {
     const locationsKeys = getLocationKeys(locationsMap);
-
     this.setState({
       source,
       currentLocation,
diff --git a/addons/storysource/src/events.js b/addons/storysource/src/events.js
index 37a7edb2496a..80572092f96e 100644
--- a/addons/storysource/src/events.js
+++ b/addons/storysource/src/events.js
@@ -1,3 +1,3 @@
-export const ADDON_ID = 'storybook/storysource';
+export const ADDON_ID = 'storybook/source-loader';
 export const PANEL_ID = `${ADDON_ID}/panel`;
 export const EVENT_ID = `${ADDON_ID}/set`;
diff --git a/addons/storysource/src/loader/__snapshots__/inject-decorator.test.js.snap b/addons/storysource/src/loader/__snapshots__/inject-decorator.test.js.snap
deleted file mode 100644
index 71a9f6f70c70..000000000000
--- a/addons/storysource/src/loader/__snapshots__/inject-decorator.test.js.snap
+++ /dev/null
@@ -1,732 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`inject-decorator injectDecorator option is false - angular does not inject stories decorator after the all "storiesOf" functions 1`] = `
-"import { Component } from '@angular/core';
-import { storiesOf } from '@storybook/angular';
-
-@Component({
-  selector: 'storybook-with-ng-content',
-  template: \`<div style=\\"color: #1e88e5;\\"><ng-content></ng-content></div>\`,
-})
-class WithNgContentComponent {}
-
-storiesOf('Custom|ng-content', module).add('Default', () => ({
-  template: \`<storybook-with-ng-content><h1>This is rendered in ng-content</h1></storybook-with-ng-content>\`,
-  moduleMetadata: {
-    declarations: [WithNgContentComponent],
-  },
-}));
-"
-`;
-
-exports[`inject-decorator injectDecorator option is false - flow does not inject stories decorator after the all "storiesOf" functions 1`] = `
-"// @flow
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withInfo } from '@storybook/addon-info';
-
-import TableComponent from '../components/TableComponent';
-
-import type { JssClasses } from '../types';
-
-type State = {
-  value: any,
-};
-
-type Props = {
-  classes: JssClasses,
-  name: string,
-};
-
-class Table extends React.Component<Props, State> {
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: undefined,
-    };
-  }
-
-  state: State;
-
-  render() {
-    return <TableComponent />;
-  }
-}
-
-const stories = storiesOf('Table', module);
-stories.add('Flow Class', withInfo('Lorum Ipsum Nem')(() => <Table />));
-"
-`;
-
-exports[`inject-decorator injectDecorator option is false - ts does not inject stories decorator after the all "storiesOf" functions 1`] = `
-"import { Component } from '@angular/core';
-import { Store, StoreModule } from '@ngrx/store';
-import { storiesOf, moduleMetadata } from '@storybook/angular';
-
-@Component({
-  selector: 'storybook-comp-with-store',
-  template: '<div>{{this.getSotreState()}}</div>',
-})
-class WithStoreComponent {
-  private store: Store<any>;
-
-  constructor(store: Store<any>) {
-    this.store = store;
-  }
-
-  getSotreState(): string {
-    return this.store === undefined ? 'Store is NOT injected' : 'Store is injected';
-  }
-}
-
-storiesOf('ngrx|Store', module)
-  .addDecorator(
-    moduleMetadata({
-      imports: [StoreModule.forRoot({})],
-      declarations: [WithStoreComponent],
-    })
-  )
-  .add('With component', () => {
-    return {
-      component: WithStoreComponent,
-    };
-  });"
-`;
-
-exports[`inject-decorator injectDecorator option is false does not inject stories decorator after the all "storiesOf" functions 1`] = `
-"import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withInfo } from '@storybook/addon-info';
-import { action } from '@storybook/addon-actions';
-
-import DocgenButton from '../components/DocgenButton';
-import FlowTypeButton from '../components/FlowTypeButton';
-import BaseButton from '../components/BaseButton';
-import TableComponent from '../components/TableComponent';
-
-storiesOf('Addons|Info.React Docgen', module)
-  .add(
-    'Comments from PropType declarations',
-    withInfo(
-      'Comments above the PropType declarations should be extracted from the React component file itself and rendered in the Info Addon prop table'
-    )(() => <DocgenButton onClick={action('clicked')} label=\\"Docgen Button\\" />)
-  )
-  .add(
-    'Comments from Flow declarations',
-    withInfo(
-      'Comments above the Flow declarations should be extracted from the React component file itself and rendered in the Info Addon prop table'
-    )(() => <FlowTypeButton onClick={action('clicked')} label=\\"Flow Typed Button\\" />)
-  )
-  .add(
-    'Comments from component declaration',
-    withInfo(
-      'Comments above the component declaration should be extracted from the React component file itself and rendered below the Info Addon heading'
-    )(() => <BaseButton onClick={action('clicked')} label=\\"Button\\" />)
-  );
-
-const markdownDescription = \`
-#### You can use markdown in your withInfo() description.
-
-Sometimes you might want to manually include some code examples:
-~~~js
-const Button = () => <button />;
-~~~
-
-Maybe include a [link](http://storybook.js.org) to your project as well.
-\`;
-
-storiesOf('Addons|Info.Markdown', module).add(
-  'Displays Markdown in description',
-  withInfo(markdownDescription)(() => <BaseButton onClick={action('clicked')} label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.inline', module).add(
-  'Inlines component inside story',
-  withInfo({
-    text: 'Component should be inlined between description and PropType table',
-    inline: true, // Displays info inline vs click button to view
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.header', module).add(
-  'Shows or hides Info Addon header',
-  withInfo({
-    text: 'The Info Addon header should be hidden',
-    header: false, // Toggles display of header with component name and description
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.source', module).add(
-  'Shows or hides Info Addon source',
-  withInfo({
-    text: 'The Info Addon source section should be hidden',
-    source: false, // Displays the source of story Component
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.propTables', module).add(
-  'Shows additional component prop tables',
-  withInfo({
-    text: 'There should be a prop table added for a component not included in the story',
-    propTables: [FlowTypeButton],
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.propTablesExclude', module).add(
-  'Exclude component from prop tables',
-  withInfo({
-    text: 'This can exclude extraneous components from being displayed in prop tables.',
-    propTablesExclude: [FlowTypeButton],
-  })(() => (
-    <div>
-      <BaseButton label=\\"Button\\" />
-      <FlowTypeButton label=\\"Flow Typed Button\\" />
-    </div>
-  ))
-);
-
-storiesOf('Addons|Info.Options.styles', module)
-  .add(
-    'Extend info styles with an object',
-    withInfo({
-      styles: {
-        button: {
-          base: {
-            background: 'purple',
-          },
-        },
-        header: {
-          h1: {
-            color: 'green',
-          },
-        },
-      },
-    })(() => <BaseButton label=\\"Button\\" />)
-  )
-  .add(
-    'Full control over styles using a function',
-    withInfo({
-      styles: stylesheet => ({
-        ...stylesheet,
-        header: {
-          ...stylesheet.header,
-          h1: {
-            ...stylesheet.header.h1,
-            color: 'red',
-          },
-        },
-      }),
-    })(() => <BaseButton label=\\"Button\\" />)
-  );
-
-storiesOf('Addons|Info.Options.TableComponent', module).add(
-  'Use a custom component for the table',
-  withInfo({
-    TableComponent,
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Decorator', module)
-  .addDecorator((story, context) =>
-    withInfo('Info could be used as a global or local decorator as well.')(story)(context)
-  )
-  .add('Use Info as story decorator', () => <BaseButton label=\\"Button\\" />);
-
-const hoc = WrapComponent => ({ ...props }) => <WrapComponent {...props} />;
-
-const Input = hoc(() => <input type=\\"text\\" />);
-
-const TextArea = hoc(({ children }) => <textarea>{children}</textarea>);
-
-storiesOf('Addons|Info.GitHub issues', module).add(
-  '#1814',
-  withInfo('Allow Duplicate DisplayNames for HOC #1814')(() => (
-    <div>
-      <Input />
-      <TextArea />
-    </div>
-  ))
-);
-"
-`;
-
-exports[`inject-decorator positive - angular calculates "adds" map 1`] = `
-Object {
-  "custom-ng-content--default": Object {
-    "endLoc": Object {
-      "col": 2,
-      "line": 17,
-    },
-    "startLoc": Object {
-      "col": 43,
-      "line": 12,
-    },
-  },
-}
-`;
-
-exports[`inject-decorator positive - angular injects stories decorator after the all "storiesOf" functions 1`] = `
-"import { Component } from '@angular/core';
-import { storiesOf } from '@storybook/angular';
-
-@Component({
-  selector: 'storybook-with-ng-content',
-  template: \`<div style=\\"color: #1e88e5;\\"><ng-content></ng-content></div>\`,
-})
-class WithNgContentComponent {}
-
-storiesOf('Custom|ng-content', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('Default', () => ({
-  template: \`<storybook-with-ng-content><h1>This is rendered in ng-content</h1></storybook-with-ng-content>\`,
-  moduleMetadata: {
-    declarations: [WithNgContentComponent],
-  },
-}));
-"
-`;
-
-exports[`inject-decorator positive - flow calculates "adds" map 1`] = `Object {}`;
-
-exports[`inject-decorator positive - flow injects stories decorator after the all "storiesOf" functions 1`] = `
-"// @flow
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withInfo } from '@storybook/addon-info';
-
-import TableComponent from '../components/TableComponent';
-
-import type { JssClasses } from '../types';
-
-type State = {
-  value: any,
-};
-
-type Props = {
-  classes: JssClasses,
-  name: string,
-};
-
-class Table extends React.Component<Props, State> {
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: undefined,
-    };
-  }
-
-  state: State;
-
-  render() {
-    return <TableComponent />;
-  }
-}
-
-const stories = storiesOf('Table', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__));
-stories.add('Flow Class', withInfo('Lorum Ipsum Nem')(() => <Table />));
-"
-`;
-
-exports[`inject-decorator positive - ts calculates "adds" map 1`] = `
-Object {
-  "ngrx-store--with-component": Object {
-    "endLoc": Object {
-      "col": 3,
-      "line": 32,
-    },
-    "startLoc": Object {
-      "col": 7,
-      "line": 28,
-    },
-  },
-}
-`;
-
-exports[`inject-decorator positive - ts injects stories decorator after the all "storiesOf" functions 1`] = `
-"import { Component } from '@angular/core';
-import { Store, StoreModule } from '@ngrx/store';
-import { storiesOf, moduleMetadata } from '@storybook/angular';
-
-@Component({
-  selector: 'storybook-comp-with-store',
-  template: '<div>{{this.getSotreState()}}</div>',
-})
-class WithStoreComponent {
-  private store: Store<any>;
-
-  constructor(store: Store<any>) {
-    this.store = store;
-  }
-
-  getSotreState(): string {
-    return this.store === undefined ? 'Store is NOT injected' : 'Store is injected';
-  }
-}
-
-storiesOf('ngrx|Store', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__))
-  .addDecorator(
-    moduleMetadata({
-      imports: [StoreModule.forRoot({})],
-      declarations: [WithStoreComponent],
-    })
-  )
-  .add('With component', () => {
-    return {
-      component: WithStoreComponent,
-    };
-  });"
-`;
-
-exports[`inject-decorator positive calculates "adds" map 1`] = `
-Object {
-  "addons-info-decorator--use-info-as-story-decorator": Object {
-    "endLoc": Object {
-      "col": 73,
-      "line": 137,
-    },
-    "startLoc": Object {
-      "col": 7,
-      "line": 137,
-    },
-  },
-  "addons-info-github-issues--1814": Object {
-    "endLoc": Object {
-      "col": 4,
-      "line": 152,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 146,
-    },
-  },
-  "addons-info-markdown--displays-markdown-in-description": Object {
-    "endLoc": Object {
-      "col": 96,
-      "line": 44,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 43,
-    },
-  },
-  "addons-info-options-header--shows-or-hides-info-addon-header": Object {
-    "endLoc": Object {
-      "col": 41,
-      "line": 60,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 56,
-    },
-  },
-  "addons-info-options-inline--inlines-component-inside-story": Object {
-    "endLoc": Object {
-      "col": 41,
-      "line": 52,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 48,
-    },
-  },
-  "addons-info-options-proptables--shows-additional-component-prop-tables": Object {
-    "endLoc": Object {
-      "col": 41,
-      "line": 76,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 72,
-    },
-  },
-  "addons-info-options-proptablesexclude--exclude-component-from-prop-tables": Object {
-    "endLoc": Object {
-      "col": 4,
-      "line": 89,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 80,
-    },
-  },
-  "addons-info-options-source--shows-or-hides-info-addon-source": Object {
-    "endLoc": Object {
-      "col": 41,
-      "line": 68,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 64,
-    },
-  },
-  "addons-info-options-styles--extend-info-styles-with-an-object": Object {
-    "endLoc": Object {
-      "col": 43,
-      "line": 108,
-    },
-    "startLoc": Object {
-      "col": 4,
-      "line": 94,
-    },
-  },
-  "addons-info-options-styles--full-control-over-styles-using-a-function": Object {
-    "endLoc": Object {
-      "col": 43,
-      "line": 123,
-    },
-    "startLoc": Object {
-      "col": 4,
-      "line": 111,
-    },
-  },
-  "addons-info-options-tablecomponent--use-a-custom-component-for-the-table": Object {
-    "endLoc": Object {
-      "col": 41,
-      "line": 130,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 127,
-    },
-  },
-  "addons-info-react-docgen--comments-from-component-declaration": Object {
-    "endLoc": Object {
-      "col": 70,
-      "line": 28,
-    },
-    "startLoc": Object {
-      "col": 4,
-      "line": 25,
-    },
-  },
-  "addons-info-react-docgen--comments-from-flow-declarations": Object {
-    "endLoc": Object {
-      "col": 85,
-      "line": 22,
-    },
-    "startLoc": Object {
-      "col": 4,
-      "line": 19,
-    },
-  },
-  "addons-info-react-docgen--comments-from-proptype-declarations": Object {
-    "endLoc": Object {
-      "col": 79,
-      "line": 16,
-    },
-    "startLoc": Object {
-      "col": 4,
-      "line": 13,
-    },
-  },
-}
-`;
-
-exports[`inject-decorator positive injects stories decorator after the all "storiesOf" functions 1`] = `
-"import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withInfo } from '@storybook/addon-info';
-import { action } from '@storybook/addon-actions';
-
-import DocgenButton from '../components/DocgenButton';
-import FlowTypeButton from '../components/FlowTypeButton';
-import BaseButton from '../components/BaseButton';
-import TableComponent from '../components/TableComponent';
-
-storiesOf('Addons|Info.React Docgen', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__))
-  .add(
-    'Comments from PropType declarations',
-    withInfo(
-      'Comments above the PropType declarations should be extracted from the React component file itself and rendered in the Info Addon prop table'
-    )(() => <DocgenButton onClick={action('clicked')} label=\\"Docgen Button\\" />)
-  )
-  .add(
-    'Comments from Flow declarations',
-    withInfo(
-      'Comments above the Flow declarations should be extracted from the React component file itself and rendered in the Info Addon prop table'
-    )(() => <FlowTypeButton onClick={action('clicked')} label=\\"Flow Typed Button\\" />)
-  )
-  .add(
-    'Comments from component declaration',
-    withInfo(
-      'Comments above the component declaration should be extracted from the React component file itself and rendered below the Info Addon heading'
-    )(() => <BaseButton onClick={action('clicked')} label=\\"Button\\" />)
-  );
-
-const markdownDescription = \`
-#### You can use markdown in your withInfo() description.
-
-Sometimes you might want to manually include some code examples:
-~~~js
-const Button = () => <button />;
-~~~
-
-Maybe include a [link](http://storybook.js.org) to your project as well.
-\`;
-
-storiesOf('Addons|Info.Markdown', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  'Displays Markdown in description',
-  withInfo(markdownDescription)(() => <BaseButton onClick={action('clicked')} label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.inline', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  'Inlines component inside story',
-  withInfo({
-    text: 'Component should be inlined between description and PropType table',
-    inline: true, // Displays info inline vs click button to view
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.header', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  'Shows or hides Info Addon header',
-  withInfo({
-    text: 'The Info Addon header should be hidden',
-    header: false, // Toggles display of header with component name and description
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.source', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  'Shows or hides Info Addon source',
-  withInfo({
-    text: 'The Info Addon source section should be hidden',
-    source: false, // Displays the source of story Component
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.propTables', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  'Shows additional component prop tables',
-  withInfo({
-    text: 'There should be a prop table added for a component not included in the story',
-    propTables: [FlowTypeButton],
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.propTablesExclude', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  'Exclude component from prop tables',
-  withInfo({
-    text: 'This can exclude extraneous components from being displayed in prop tables.',
-    propTablesExclude: [FlowTypeButton],
-  })(() => (
-    <div>
-      <BaseButton label=\\"Button\\" />
-      <FlowTypeButton label=\\"Flow Typed Button\\" />
-    </div>
-  ))
-);
-
-storiesOf('Addons|Info.Options.styles', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__))
-  .add(
-    'Extend info styles with an object',
-    withInfo({
-      styles: {
-        button: {
-          base: {
-            background: 'purple',
-          },
-        },
-        header: {
-          h1: {
-            color: 'green',
-          },
-        },
-      },
-    })(() => <BaseButton label=\\"Button\\" />)
-  )
-  .add(
-    'Full control over styles using a function',
-    withInfo({
-      styles: stylesheet => ({
-        ...stylesheet,
-        header: {
-          ...stylesheet.header,
-          h1: {
-            ...stylesheet.header.h1,
-            color: 'red',
-          },
-        },
-      }),
-    })(() => <BaseButton label=\\"Button\\" />)
-  );
-
-storiesOf('Addons|Info.Options.TableComponent', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  'Use a custom component for the table',
-  withInfo({
-    TableComponent,
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Decorator', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__))
-  .addDecorator((story, context) =>
-    withInfo('Info could be used as a global or local decorator as well.')(story)(context)
-  )
-  .add('Use Info as story decorator', () => <BaseButton label=\\"Button\\" />);
-
-const hoc = WrapComponent => ({ ...props }) => <WrapComponent {...props} />;
-
-const Input = hoc(() => <input type=\\"text\\" />);
-
-const TextArea = hoc(({ children }) => <textarea>{children}</textarea>);
-
-storiesOf('Addons|Info.GitHub issues', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  '#1814',
-  withInfo('Allow Duplicate DisplayNames for HOC #1814')(() => (
-    <div>
-      <Input />
-      <TextArea />
-    </div>
-  ))
-);
-"
-`;
-
-exports[`inject-decorator stories with ugly comments in ts should delete ugly comments from the generated story source 1`] = `
-"import React from 'react';
-
-@Component({
-  selector: 'storybook-comp-with-store',
-  template: '<div>{{this.getSotreState()}}</div>',
-})
-class WithStoreComponent {
-  private store: Store<any>;
-
-  constructor(store: Store<any>) {
-    this.store = store;
-  }
-
-  getSotreState(): string {
-    return this.store === undefined ? 'Store is NOT injected' : 'Store is injected';
-  }
-}
-
-import { storiesOf } from '@storybook/react';
-
-const x = 0;
-
-storiesOf('Foo', module).add('bar', () => <div>baz</div>);
-
-/*
- This is actually a good comment that will help
- users to understand what's going on here.
-*/
-"
-`;
-
-exports[`inject-decorator stories with ugly comments should delete ugly comments from the generated story source 1`] = `
-"import React from 'react';
-
-import { storiesOf } from '@storybook/react';
-
-const x = 0;
-
-storiesOf('Foo', module).add('bar', () => <div>baz</div>);
-
-/*
- This is actually a good comment that will help
- users to understand what's going on here.
-*/
-"
-`;
-
-exports[`inject-decorator will not change the source when there are no "storiesOf" functions 1`] = `
-"while(true) {
-  console.log(\\"it's a kind of magic\\");
-}"
-`;
diff --git a/addons/storysource/src/loader/default-options.js b/addons/storysource/src/loader/default-options.js
deleted file mode 100644
index 65ca9c768a28..000000000000
--- a/addons/storysource/src/loader/default-options.js
+++ /dev/null
@@ -1,12 +0,0 @@
-const defaultOptions = {
-  prettierConfig: {
-    printWidth: 100,
-    tabWidth: 2,
-    bracketSpacing: true,
-    trailingComma: 'es5',
-    singleQuote: true,
-  },
-  uglyCommentsRegex: [/^eslint-.*/, /^global.*/],
-};
-
-export default defaultOptions;
diff --git a/addons/storysource/src/loader/generate-helpers.js b/addons/storysource/src/loader/generate-helpers.js
deleted file mode 100644
index ca1774762c1c..000000000000
--- a/addons/storysource/src/loader/generate-helpers.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import prettier from 'prettier';
-import { patchNode } from './parse-helpers';
-import { splitSTORYOF, findAddsMap } from './traverse-helpers';
-import getParser from './parsers';
-
-function isUglyComment(comment, uglyCommentsRegex) {
-  return uglyCommentsRegex.some(regex => regex.test(comment));
-}
-
-function generateSourceWithoutUglyComments(source, { comments, uglyCommentsRegex }) {
-  let lastIndex = 0;
-  const parts = [source];
-
-  comments
-    .filter(comment => isUglyComment(comment.value.trim(), uglyCommentsRegex))
-    .map(patchNode)
-    .forEach(comment => {
-      parts.pop();
-
-      const start = source.slice(lastIndex, comment.start);
-      const end = source.slice(comment.end);
-
-      parts.push(start, end);
-      lastIndex = comment.end;
-    });
-
-  return parts.join('');
-}
-
-function prettifyCode(source, { prettierConfig, parser, filepath }) {
-  let config = prettierConfig;
-
-  if (!config.parser) {
-    if (parser) {
-      config = {
-        ...prettierConfig,
-        parser: parser === 'javascript' ? 'babel' : parser,
-      };
-    } else if (filepath) {
-      config = {
-        ...prettierConfig,
-        filepath,
-      };
-    } else {
-      config = {
-        ...prettierConfig,
-        parser: 'babel',
-      };
-    }
-  }
-
-  return prettier.format(source, config);
-}
-
-export function generateSourceWithDecorators(source, decorator, parserType) {
-  const parser = getParser(parserType);
-  const ast = parser.parse(source);
-
-  const { comments = [] } = ast;
-
-  const parts = splitSTORYOF(ast, source);
-
-  const newSource = parts.join(decorator);
-
-  return {
-    changed: parts.length > 1,
-    source: newSource,
-    comments,
-  };
-}
-
-export function generateSourceWithoutDecorators(source, parserType) {
-  const parser = getParser(parserType);
-  const ast = parser.parse(source);
-
-  const { comments = [] } = ast;
-
-  return {
-    changed: true,
-    source,
-    comments,
-  };
-}
-
-export function generateAddsMap(source, parserType) {
-  const parser = getParser(parserType);
-  const ast = parser.parse(source);
-
-  return findAddsMap(ast);
-}
-
-export function generateStorySource({ source, ...options }) {
-  let storySource = source;
-
-  storySource = generateSourceWithoutUglyComments(storySource, options);
-  storySource = prettifyCode(storySource, options);
-
-  return storySource;
-}
diff --git a/addons/storysource/src/loader/index.js b/addons/storysource/src/loader/index.js
deleted file mode 100644
index 87d38bde8741..000000000000
--- a/addons/storysource/src/loader/index.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import { getOptions } from 'loader-utils';
-import injectDecorator from './inject-decorator';
-
-const ADD_DECORATOR_STATEMENT = '.addDecorator(withStorySource(__STORY__, __ADDS_MAP__))';
-
-function transform(source) {
-  const options = getOptions(this) || {};
-  const result = injectDecorator(source, ADD_DECORATOR_STATEMENT, this.resourcePath, options);
-
-  if (!result.changed) {
-    return source;
-  }
-
-  const sourceJson = JSON.stringify(result.storySource)
-    .replace(/\u2028/g, '\\u2028')
-    .replace(/\u2029/g, '\\u2029');
-
-  const addsMap = JSON.stringify(result.addsMap);
-
-  return `
-  export var withStorySource = require('@storybook/addon-storysource').withStorySource;
-  export var __STORY__ = ${sourceJson};
-  export var __ADDS_MAP__ = ${addsMap};
-  
-  ${result.source}
-  `;
-}
-
-export default transform;
diff --git a/addons/storysource/src/loader/inject-decorator.js b/addons/storysource/src/loader/inject-decorator.js
deleted file mode 100644
index 1631756ce740..000000000000
--- a/addons/storysource/src/loader/inject-decorator.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import defaultOptions from './default-options';
-
-import {
-  generateSourceWithDecorators,
-  generateSourceWithoutDecorators,
-  generateStorySource,
-  generateAddsMap,
-} from './generate-helpers';
-
-function extendOptions(source, comments, filepath, options) {
-  return {
-    ...defaultOptions,
-    ...options,
-    source,
-    comments,
-    filepath,
-  };
-}
-
-function inject(source, decorator, filepath, options = {}) {
-  const { injectDecorator = true } = options;
-  const { changed, source: newSource, comments } =
-    injectDecorator === true
-      ? generateSourceWithDecorators(source, decorator, options.parser)
-      : generateSourceWithoutDecorators(source, options.parser);
-
-  if (!changed) {
-    return {
-      source: newSource,
-      addsMap: {},
-      changed,
-    };
-  }
-
-  const storySource = generateStorySource(extendOptions(source, comments, filepath, options));
-  const addsMap = generateAddsMap(storySource, options.parser);
-
-  return {
-    source: newSource,
-    storySource,
-    addsMap,
-    changed,
-  };
-}
-
-export default inject;
diff --git a/addons/storysource/src/loader/inject-decorator.test.js b/addons/storysource/src/loader/inject-decorator.test.js
deleted file mode 100644
index 17023390707e..000000000000
--- a/addons/storysource/src/loader/inject-decorator.test.js
+++ /dev/null
@@ -1,216 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import injectDecorator from './inject-decorator';
-
-const ADD_DECORATOR_STATEMENT = '.addDecorator(withStorySource(__STORY__, __ADDS_MAP__))';
-
-describe('inject-decorator', () => {
-  describe('positive', () => {
-    const mockFilePath = './__mocks__/inject-decorator.stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      { parser: 'javascript' }
-    );
-
-    it('returns "changed" flag', () => {
-      expect(result.changed).toBeTruthy();
-    });
-
-    it('injects stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-
-    it('calculates "adds" map', () => {
-      expect(result.addsMap).toMatchSnapshot();
-    });
-  });
-
-  describe('positive - angular', () => {
-    const mockFilePath = './__mocks__/inject-decorator.angular-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      { parser: 'typescript' }
-    );
-
-    it('returns "changed" flag', () => {
-      expect(result.changed).toBeTruthy();
-    });
-
-    it('injects stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-
-    it('calculates "adds" map', () => {
-      expect(result.addsMap).toMatchSnapshot();
-    });
-  });
-
-  describe('positive - flow', () => {
-    const mockFilePath = './__mocks__/inject-decorator.flow-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      { parser: 'flow' }
-    );
-
-    it('returns "changed" flag', () => {
-      expect(result.changed).toBeTruthy();
-    });
-
-    it('injects stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-
-    it('calculates "adds" map', () => {
-      expect(result.addsMap).toMatchSnapshot();
-    });
-  });
-
-  describe('positive - ts', () => {
-    const mockFilePath = './__mocks__/inject-decorator.ts.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      { parser: 'typescript' }
-    );
-
-    it('returns "changed" flag', () => {
-      expect(result.changed).toBeTruthy();
-    });
-
-    it('injects stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-
-    it('calculates "adds" map', () => {
-      expect(result.addsMap).toMatchSnapshot();
-    });
-  });
-
-  describe('stories with ugly comments', () => {
-    const mockFilePath = './__mocks__/inject-decorator.ugly-comments-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      { parser: 'javascript' }
-    );
-
-    it('should delete ugly comments from the generated story source', () => {
-      expect(result.storySource).toMatchSnapshot();
-    });
-  });
-
-  describe('stories with ugly comments in ts', () => {
-    const mockFilePath = './__mocks__/inject-decorator.ts.ugly-comments-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      { parser: 'typescript' }
-    );
-
-    it('should delete ugly comments from the generated story source', () => {
-      expect(result.storySource).toMatchSnapshot();
-    });
-  });
-
-  it('will not change the source when there are no "storiesOf" functions', () => {
-    const mockFilePath = './__mocks__/inject-decorator.no-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath)
-    );
-
-    expect(result.changed).toBeFalsy();
-    expect(result.addsMap).toEqual({});
-    expect(result.source).toMatchSnapshot();
-  });
-
-  describe('injectDecorator option is false', () => {
-    const mockFilePath = './__mocks__/inject-decorator.stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      {
-        injectDecorator: false,
-        parser: 'javascript',
-      }
-    );
-
-    it('does not inject stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-  });
-
-  describe('injectDecorator option is false - angular', () => {
-    const mockFilePath = './__mocks__/inject-decorator.angular-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      {
-        injectDecorator: false,
-        parser: 'typescript',
-      }
-    );
-
-    it('does not inject stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-  });
-
-  describe('injectDecorator option is false - flow', () => {
-    const mockFilePath = './__mocks__/inject-decorator.flow-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      {
-        injectDecorator: false,
-        parser: 'flow',
-      }
-    );
-
-    it('does not inject stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-  });
-
-  describe('injectDecorator option is false - ts', () => {
-    const mockFilePath = './__mocks__/inject-decorator.ts.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      {
-        injectDecorator: false,
-        parser: 'typescript',
-      }
-    );
-
-    it('does not inject stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-  });
-});
diff --git a/addons/storysource/src/loader/parse-helpers.js b/addons/storysource/src/loader/parse-helpers.js
deleted file mode 100644
index a27f4862cf29..000000000000
--- a/addons/storysource/src/loader/parse-helpers.js
+++ /dev/null
@@ -1,110 +0,0 @@
-const { toId } = require('@storybook/router/utils');
-
-const STORIES_OF = 'storiesOf';
-
-function pushParts(source, parts, from, to) {
-  const start = source.slice(from, to);
-  parts.push(start);
-
-  const end = source.slice(to);
-  parts.push(end);
-}
-
-function getKindFromStoryOfNode(object) {
-  if (object.arguments.length < 1) {
-    return '';
-  }
-
-  const kindArgument = object.arguments[0];
-
-  if (kindArgument.type === 'Literal' || kindArgument.type === 'StringLiteral') {
-    return kindArgument.value;
-  }
-
-  if (kindArgument.type === 'TemplateLiteral') {
-    // we can generate template, but it will not be a real value
-    // until the full template compilation. probably won't fix.
-    return '';
-  }
-
-  // other options may include some complex usages.
-  return '';
-}
-
-function findRelatedKind(object) {
-  if (!object || !object.callee) {
-    return '';
-  }
-
-  if (object.callee.name === STORIES_OF) {
-    return getKindFromStoryOfNode(object);
-  }
-
-  return findRelatedKind(object.callee.object);
-}
-
-export function patchNode(node) {
-  if (node.range && node.range.length === 2 && node.start === undefined && node.end === undefined) {
-    const [start, end] = node.range;
-
-    // eslint-disable-next-line no-param-reassign
-    node.start = start;
-    // eslint-disable-next-line no-param-reassign
-    node.end = end;
-  }
-
-  if (!node.range && node.start !== undefined && node.end !== undefined) {
-    // eslint-disable-next-line no-param-reassign
-    node.range = [node.start, node.end];
-  }
-
-  return node;
-}
-
-export function handleADD(node, parent, adds) {
-  if (!node.property || !node.property.name || node.property.name.indexOf('add') !== 0) {
-    return;
-  }
-
-  const addArgs = parent.arguments;
-
-  if (!addArgs || addArgs.length < 2) {
-    return;
-  }
-
-  const storyName = addArgs[0];
-  const lastArg = addArgs[addArgs.length - 1];
-
-  if (storyName.type !== 'Literal' && storyName.type !== 'StringLiteral') {
-    // if story name is not literal, it's much harder to extract it
-    return;
-  }
-
-  const kind = findRelatedKind(node.object) || '';
-  if (kind && storyName.value) {
-    const key = toId(kind, storyName.value);
-
-    // eslint-disable-next-line no-param-reassign
-    adds[key] = {
-      // Debug: code: source.slice(storyName.start, lastArg.end),
-      startLoc: {
-        col: storyName.loc.start.column,
-        line: storyName.loc.start.line,
-      },
-      endLoc: {
-        col: lastArg.loc.end.column,
-        line: lastArg.loc.end.line,
-      },
-    };
-  }
-}
-
-export function handleSTORYOF(node, parts, source, lastIndex) {
-  if (!node.callee || !node.callee.name || node.callee.name !== STORIES_OF) {
-    return lastIndex;
-  }
-
-  parts.pop();
-  pushParts(source, parts, lastIndex, node.end);
-  return node.end;
-}
diff --git a/addons/storysource/src/loader/parsers/index.js b/addons/storysource/src/loader/parsers/index.js
deleted file mode 100644
index a48f4fc52a68..000000000000
--- a/addons/storysource/src/loader/parsers/index.js
+++ /dev/null
@@ -1,20 +0,0 @@
-function getParser(type) {
-  if (type === 'javascript' || !type) {
-    // eslint-disable-next-line global-require
-    return require('./parser-js').default;
-  }
-
-  if (type === 'typescript') {
-    // eslint-disable-next-line global-require
-    return require('./parser-ts').default;
-  }
-
-  if (type === 'flow') {
-    // eslint-disable-next-line global-require
-    return require('./parser-flow').default;
-  }
-
-  throw new Error(`Parser of type "${type}" is not supported`);
-}
-
-export default getParser;
diff --git a/addons/storysource/src/loader/parsers/parser-flow.js b/addons/storysource/src/loader/parsers/parser-flow.js
deleted file mode 100644
index 95a743e02cf8..000000000000
--- a/addons/storysource/src/loader/parsers/parser-flow.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import parseFlow from 'prettier/parser-flow';
-
-function parse(source) {
-  return parseFlow.parsers.flow.parse(source);
-}
-
-export default {
-  parse,
-};
diff --git a/addons/storysource/src/loader/parsers/parser-js.js b/addons/storysource/src/loader/parsers/parser-js.js
deleted file mode 100644
index 8046a5ebf54d..000000000000
--- a/addons/storysource/src/loader/parsers/parser-js.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import parseJs from 'prettier/parser-babylon';
-
-function parse(source) {
-  return parseJs.parsers.babel.parse(source);
-}
-
-export default {
-  parse,
-};
diff --git a/addons/storysource/src/loader/parsers/parser-ts.js b/addons/storysource/src/loader/parsers/parser-ts.js
deleted file mode 100644
index 05dc629170e3..000000000000
--- a/addons/storysource/src/loader/parsers/parser-ts.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import parseTs from 'prettier/parser-typescript';
-
-function parse(source) {
-  return parseTs.parsers.typescript.parse(source);
-}
-
-export default {
-  parse,
-};
diff --git a/addons/storysource/src/loader/traverse-helpers.js b/addons/storysource/src/loader/traverse-helpers.js
deleted file mode 100644
index aa4db06b038b..000000000000
--- a/addons/storysource/src/loader/traverse-helpers.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import { handleADD, handleSTORYOF, patchNode } from './parse-helpers';
-
-const estraverse = require('estraverse');
-
-export function splitSTORYOF(ast, source) {
-  let lastIndex = 0;
-  const parts = [source];
-
-  estraverse.traverse(ast, {
-    fallback: 'iteration',
-    enter: node => {
-      patchNode(node);
-
-      if (node.type === 'CallExpression') {
-        lastIndex = handleSTORYOF(node, parts, source, lastIndex);
-      }
-    },
-  });
-
-  return parts;
-}
-
-export function findAddsMap(ast) {
-  const adds = {};
-
-  estraverse.traverse(ast, {
-    fallback: 'iteration',
-    enter: (node, parent) => {
-      patchNode(node);
-
-      if (node.type === 'MemberExpression') {
-        handleADD(node, parent, adds);
-      }
-    },
-  });
-
-  return adds;
-}
diff --git a/examples/angular-cli/.storybook/webpack.config.ts b/examples/angular-cli/.storybook/webpack.config.ts
index 3a2d1f390e3f..3a8badcaf3a1 100644
--- a/examples/angular-cli/.storybook/webpack.config.ts
+++ b/examples/angular-cli/.storybook/webpack.config.ts
@@ -5,7 +5,7 @@ module.exports = async ({ config }: { config: any }) => {
     test: [/\.stories\.tsx?$/, /index\.ts$/],
     loaders: [
       {
-        loader: require.resolve('@storybook/addon-storysource/loader'),
+        loader: require.resolve('@storybook/source-loader'),
         options: {
           parser: 'typescript',
         },
diff --git a/examples/angular-cli/package.json b/examples/angular-cli/package.json
index cd59a22364a1..edf2eda56916 100644
--- a/examples/angular-cli/package.json
+++ b/examples/angular-cli/package.json
@@ -47,6 +47,7 @@
     "@storybook/addon-storysource": "5.2.0-alpha.35",
     "@storybook/addons": "5.2.0-alpha.35",
     "@storybook/angular": "5.2.0-alpha.35",
+    "@storybook/source-loader": "5.2.0-alpha.35",
     "@types/core-js": "^2.5.0",
     "@types/jest": "^24.0.11",
     "@types/node": "~12.0.2",
diff --git a/examples/ember-cli/.storybook/webpack.config.js b/examples/ember-cli/.storybook/webpack.config.js
index 915eb22693e8..d382a097d811 100644
--- a/examples/ember-cli/.storybook/webpack.config.js
+++ b/examples/ember-cli/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../')],
     enforce: 'pre',
   });
diff --git a/examples/html-kitchen-sink/.storybook/webpack.config.js b/examples/html-kitchen-sink/.storybook/webpack.config.js
index d2d694457e04..49d6279ea521 100644
--- a/examples/html-kitchen-sink/.storybook/webpack.config.js
+++ b/examples/html-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../stories')],
     enforce: 'pre',
   });
diff --git a/examples/marko-cli/.storybook/webpack.config.js b/examples/marko-cli/.storybook/webpack.config.js
index 8c62bf31bd42..5c4768c30ce1 100644
--- a/examples/marko-cli/.storybook/webpack.config.js
+++ b/examples/marko-cli/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });
diff --git a/examples/mithril-kitchen-sink/.storybook/webpack.config.js b/examples/mithril-kitchen-sink/.storybook/webpack.config.js
index 8c62bf31bd42..5c4768c30ce1 100644
--- a/examples/mithril-kitchen-sink/.storybook/webpack.config.js
+++ b/examples/mithril-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });
diff --git a/examples/polymer-cli/.storybook/webpack.config.js b/examples/polymer-cli/.storybook/webpack.config.js
index 3e7ae19f52be..0be010861597 100644
--- a/examples/polymer-cli/.storybook/webpack.config.js
+++ b/examples/polymer-cli/.storybook/webpack.config.js
@@ -4,7 +4,7 @@ const webpack = require('webpack');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });
diff --git a/examples/preact-kitchen-sink/.storybook/webpack.config.js b/examples/preact-kitchen-sink/.storybook/webpack.config.js
index 46ba330e6665..c8a75926b7ca 100644
--- a/examples/preact-kitchen-sink/.storybook/webpack.config.js
+++ b/examples/preact-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });
diff --git a/examples/rax-kitchen-sink/.storybook/webpack.config.js b/examples/rax-kitchen-sink/.storybook/webpack.config.js
index 99e298d739f2..39dff33950d1 100644
--- a/examples/rax-kitchen-sink/.storybook/webpack.config.js
+++ b/examples/rax-kitchen-sink/.storybook/webpack.config.js
@@ -5,7 +5,7 @@ module.exports = {
     rules: [
       {
         test: [/\.stories\.js$/, /index\.js$/],
-        loaders: [require.resolve('@storybook/addon-storysource/loader')],
+        loaders: [require.resolve('@storybook/source-loader')],
         include: [path.resolve(__dirname, '../src')],
         enforce: 'pre',
       },
diff --git a/examples/riot-kitchen-sink/.storybook/webpack.config.js b/examples/riot-kitchen-sink/.storybook/webpack.config.js
index 9eb381789988..5f6354c3c594 100644
--- a/examples/riot-kitchen-sink/.storybook/webpack.config.js
+++ b/examples/riot-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });
diff --git a/examples/svelte-kitchen-sink/.storybook/webpack.config.js b/examples/svelte-kitchen-sink/.storybook/webpack.config.js
index a943831441ac..243b6489507a 100644
--- a/examples/svelte-kitchen-sink/.storybook/webpack.config.js
+++ b/examples/svelte-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });
diff --git a/examples/vue-kitchen-sink/.storybook/webpack.config.js b/examples/vue-kitchen-sink/.storybook/webpack.config.js
index 567ca493a535..1ded4214c02f 100644
--- a/examples/vue-kitchen-sink/.storybook/webpack.config.js
+++ b/examples/vue-kitchen-sink/.storybook/webpack.config.js
@@ -8,7 +8,7 @@ module.exports = async ({ config }) => {
   });
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });

From d4bf6223d56e890e7d18107bd5a88329eb4486fa Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 4 Jul 2019 14:59:15 +0800
Subject: [PATCH 2/9] Vue-kitchen-sink: Add source-loader webpack config

---
 examples/vue-kitchen-sink/webpack.config.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/examples/vue-kitchen-sink/webpack.config.js b/examples/vue-kitchen-sink/webpack.config.js
index 9c5664d66051..d89b2a925dcf 100644
--- a/examples/vue-kitchen-sink/webpack.config.js
+++ b/examples/vue-kitchen-sink/webpack.config.js
@@ -39,6 +39,17 @@ module.exports = {
           noquotes: true,
         },
       },
+      {
+        test: /\.stories\.jsx?$/,
+        loader: require.resolve('@storybook/source-loader'),
+        options: {
+          injectParameters: true,
+          inspectLocalDependencies: false,
+          inspectDependencies: false,
+        },
+        include: [path.resolve(__dirname, '../stories')],
+        enforce: 'pre',
+      },
     ],
   },
   resolve: {

From f996f3478ee11e7be8235ffcc0a21ee40c63b2eb Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 4 Jul 2019 15:58:29 +0800
Subject: [PATCH 3/9] Source-loader: Update to handle module format's story
 name changes

---
 .../abstract-syntax-tree/traverse-helpers.js   | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/lib/source-loader/src/abstract-syntax-tree/traverse-helpers.js b/lib/source-loader/src/abstract-syntax-tree/traverse-helpers.js
index 8dd3b1a2061f..4edda95f55fe 100644
--- a/lib/source-loader/src/abstract-syntax-tree/traverse-helpers.js
+++ b/lib/source-loader/src/abstract-syntax-tree/traverse-helpers.js
@@ -75,7 +75,7 @@ export function findAddsMap(ast, storiesOfIdentifiers) {
 
 // Handle cases like:
 //   export const withText = () => <Button />;
-//   withText.title = 'with text';
+//   withText.story = { name: 'with text' };
 function findStoryTitle(storyVar, ast) {
   const titleAssignment = ast.program.body.find(
     d =>
@@ -83,13 +83,25 @@ function findStoryTitle(storyVar, ast) {
       d.expression &&
       d.expression.type === 'AssignmentExpression' &&
       d.expression.left &&
+      d.expression.left.type === 'MemberExpression' &&
       d.expression.left.object &&
       d.expression.left.object.type === 'Identifier' &&
       d.expression.left.object.name === storyVar &&
+      d.expression.left.property.type === 'Identifier' &&
+      d.expression.left.property.name === 'story' &&
       d.expression.right &&
-      d.expression.right.type === 'StringLiteral'
+      d.expression.right.type === 'ObjectExpression'
   );
-  return titleAssignment && titleAssignment.expression.right.value;
+  const nameProp =
+    titleAssignment &&
+    titleAssignment.expression.right.properties.find(
+      prop =>
+        prop.key.type === 'Identifier' &&
+        prop.key.name === 'name' &&
+        prop.value.type === 'StringLiteral'
+    );
+
+  return nameProp && nameProp.value.value;
 }
 
 export function findExportsMap(ast) {

From dae9e16913bccd8cae1498c83a37e2e6bb94d5aa Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 8 Jul 2019 17:16:47 +0800
Subject: [PATCH 4/9] Source-loader: import helpers from preview to minimize
 memory impact

---
 lib/source-loader/src/abstract-syntax-tree/generate-helpers.js | 2 +-
 lib/source-loader/src/build.js                                 | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/source-loader/src/abstract-syntax-tree/generate-helpers.js b/lib/source-loader/src/abstract-syntax-tree/generate-helpers.js
index a79e96fec7d6..6ca55dbe9440 100644
--- a/lib/source-loader/src/abstract-syntax-tree/generate-helpers.js
+++ b/lib/source-loader/src/abstract-syntax-tree/generate-helpers.js
@@ -68,7 +68,7 @@ const STORY_DECORATOR_STATEMENT =
 const ADD_PARAMETERS_STATEMENT =
   '.addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } })';
 const IMPORT_DECLARATION_FOR_EXPORTED_STORIES_DECORATOR =
-  'var addSourceDecorator = require("@storybook/source-loader").addSource;\n';
+  'var addSourceDecorator = require("@storybook/source-loader/dist/preview").addSource;\n';
 const applyExportDecoratorStatement = part =>
   ` addSourceDecorator(${part}, {__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__});`;
 
diff --git a/lib/source-loader/src/build.js b/lib/source-loader/src/build.js
index 685077cd4293..2edf97ca3fb0 100644
--- a/lib/source-loader/src/build.js
+++ b/lib/source-loader/src/build.js
@@ -15,7 +15,7 @@ export function transform(inputSource) {
         localDependencies,
         idsToFrameworks,
       }) => `
-  var withSourceLoader = require('@storybook/source-loader').withSource;
+  var withSourceLoader = require('@storybook/source-loader/dist/preview').withSource;
   var __SOURCE_PREFIX__ = "${prefix.replace(/\\([^\\ ])/g, '\\\\$1')}";
   var __STORY__ = ${sourceJson};
   var __ADDS_MAP__ = ${JSON.stringify(addsMap)};

From 7ef476872eeb40df123adf641c839a6d2961e5a6 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 8 Jul 2019 17:40:11 +0800
Subject: [PATCH 5/9] Update inject-decorator.test.js.snap

---
 .../__snapshots__/inject-decorator.test.js.snap                 | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap
index 65ba7d29a2ed..bfb44082d754 100644
--- a/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap
+++ b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap
@@ -866,7 +866,7 @@ storiesOf('Foo', module)
 `;
 
 exports[`inject-decorator will not change the source when there are no "storiesOf" functions 1`] = `
-"var addSourceDecorator = require(\\"@storybook/source-loader\\").addSource;
+"var addSourceDecorator = require(\\"@storybook/source-loader/dist/preview\\").addSource;
 while(true) {
   console.log(\\"it's a kind of magic\\");
 }"

From 7b4907f0856979af14a3e4619f0a2651d882637d Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 8 Jul 2019 21:10:36 +0800
Subject: [PATCH 6/9] Source-loader: injectParameters default true

---
 addons/storysource/README.md                               | 2 +-
 examples/angular-cli/.storybook/webpack.config.ts          | 3 ---
 examples/official-storybook/webpack.config.js              | 7 +------
 examples/vue-kitchen-sink/webpack.config.js                | 5 -----
 .../src/abstract-syntax-tree/inject-decorator.js           | 4 ++--
 5 files changed, 4 insertions(+), 17 deletions(-)

diff --git a/addons/storysource/README.md b/addons/storysource/README.md
index 5b42c500f44b..0060aa1be550 100644
--- a/addons/storysource/README.md
+++ b/addons/storysource/README.md
@@ -140,7 +140,7 @@ module.exports = function({ config }) {
 
 ### injectDecorator
 
-Tell storysource whether you need inject decorator.If false, you need to add the decorator by yourself;
+Tell storysource whether you need inject decorator. If false, you need to add the decorator by yourself;
 
 Defaults: true
 
diff --git a/examples/angular-cli/.storybook/webpack.config.ts b/examples/angular-cli/.storybook/webpack.config.ts
index 3a8badcaf3a1..732d9a799ad5 100644
--- a/examples/angular-cli/.storybook/webpack.config.ts
+++ b/examples/angular-cli/.storybook/webpack.config.ts
@@ -6,9 +6,6 @@ module.exports = async ({ config }: { config: any }) => {
     loaders: [
       {
         loader: require.resolve('@storybook/source-loader'),
-        options: {
-          parser: 'typescript',
-        },
       },
     ],
     include: [resolve(__dirname, '../src')],
diff --git a/examples/official-storybook/webpack.config.js b/examples/official-storybook/webpack.config.js
index bb05ac7a919f..841f11f3dbcd 100644
--- a/examples/official-storybook/webpack.config.js
+++ b/examples/official-storybook/webpack.config.js
@@ -39,13 +39,8 @@ module.exports = async ({ config }) => ({
         exclude: [/node_modules/, /dist/],
       },
       {
-        test: /\.stories\.jsx?$/,
+        test: /\.stories\.[tj]sx?$/,
         loader: require.resolve('@storybook/source-loader'),
-        options: {
-          injectParameters: true,
-          inspectLocalDependencies: false,
-          inspectDependencies: false,
-        },
         include: [
           path.resolve(__dirname, './stories'),
           path.resolve(__dirname, '../../lib/ui/src'),
diff --git a/examples/vue-kitchen-sink/webpack.config.js b/examples/vue-kitchen-sink/webpack.config.js
index d89b2a925dcf..42d89b8c123b 100644
--- a/examples/vue-kitchen-sink/webpack.config.js
+++ b/examples/vue-kitchen-sink/webpack.config.js
@@ -42,11 +42,6 @@ module.exports = {
       {
         test: /\.stories\.jsx?$/,
         loader: require.resolve('@storybook/source-loader'),
-        options: {
-          injectParameters: true,
-          inspectLocalDependencies: false,
-          inspectDependencies: false,
-        },
         include: [path.resolve(__dirname, '../stories')],
         enforce: 'pre',
       },
diff --git a/lib/source-loader/src/abstract-syntax-tree/inject-decorator.js b/lib/source-loader/src/abstract-syntax-tree/inject-decorator.js
index 9cd8008f9f13..d944398ca49e 100644
--- a/lib/source-loader/src/abstract-syntax-tree/inject-decorator.js
+++ b/lib/source-loader/src/abstract-syntax-tree/inject-decorator.js
@@ -21,7 +21,7 @@ function extendOptions(source, comments, filepath, options) {
 }
 
 function inject(source, filepath, options = {}, log = message => {}) {
-  const { injectDecorator = true, inspectDependencies } = options;
+  const { injectDecorator = true, injectParameters = true, inspectDependencies } = options;
   const obviouslyNotCode = ['md', 'txt', 'json'].includes(options.parser);
   let parser = null;
   try {
@@ -43,7 +43,7 @@ function inject(source, filepath, options = {}, log = message => {}) {
 
   const { changed, source: cleanedSource, comments, exportTokenFound } =
     injectDecorator === true
-      ? generateSourceWithDecorators(source, ast, options.injectParameters)
+      ? generateSourceWithDecorators(source, ast, injectParameters)
       : generateSourceWithoutDecorators(source, ast);
 
   const storySource = generateStorySource(extendOptions(source, comments, filepath, options));

From d812809bdfd988d039dad6d480b96ab12cf4ea4b Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 8 Jul 2019 21:24:51 +0800
Subject: [PATCH 7/9] Update inject-decorator.test.js.snap

---
 .../inject-decorator.test.js.snap             | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap
index bfb44082d754..5fb6faca66d6 100644
--- a/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap
+++ b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap
@@ -283,7 +283,7 @@ import { storiesOf } from '@storybook/angular';
 })
 class WithNgContentComponent {}
 
-storiesOf('Custom|ng-content', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add('Default', () => ({
+storiesOf('Custom|ng-content', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add('Default', () => ({
   template: \`<storybook-with-ng-content><h1>This is rendered in ng-content</h1></storybook-with-ng-content>\`,
   moduleMetadata: {
     declarations: [WithNgContentComponent],
@@ -328,7 +328,7 @@ class Table extends React.Component<Props, State> {
   }
 }
 
-const stories = storiesOf('Table', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__));
+const stories = storiesOf('Table', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__));
 stories.add('Flow Class', withInfo('Lorum Ipsum Nem')(() => <Table />));
 "
 `;
@@ -377,7 +377,7 @@ class WithStoreComponent {
   }
 }
 
-storiesOf('ngrx|Store', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
+storiesOf('ngrx|Store', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
   .addDecorator(
     moduleMetadata({
       imports: [StoreModule.forRoot({})],
@@ -659,7 +659,7 @@ import FlowTypeButton from '../components/FlowTypeButton';
 import BaseButton from '../components/BaseButton';
 import TableComponent from '../components/TableComponent';
 
-storiesOf('Addons|Info.React Docgen', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
+storiesOf('Addons|Info.React Docgen', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
   .add(
     'Comments from PropType declarations',
     withInfo(
@@ -690,12 +690,12 @@ const Button = () => <button />;
 Maybe include a [link](http://storybook.js.org) to your project as well.
 \`;
 
-storiesOf('Addons|Info.Markdown', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.Markdown', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   'Displays Markdown in description',
   withInfo(markdownDescription)(() => <BaseButton onClick={action('clicked')} label=\\"Button\\" />)
 );
 
-storiesOf('Addons|Info.Options.inline', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.Options.inline', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   'Inlines component inside story',
   withInfo({
     text: 'Component should be inlined between description and PropType table',
@@ -703,7 +703,7 @@ storiesOf('Addons|Info.Options.inline', module).addDecorator(withSourceLoader(__
   })(() => <BaseButton label=\\"Button\\" />)
 );
 
-storiesOf('Addons|Info.Options.header', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.Options.header', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   'Shows or hides Info Addon header',
   withInfo({
     text: 'The Info Addon header should be hidden',
@@ -711,7 +711,7 @@ storiesOf('Addons|Info.Options.header', module).addDecorator(withSourceLoader(__
   })(() => <BaseButton label=\\"Button\\" />)
 );
 
-storiesOf('Addons|Info.Options.source', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.Options.source', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   'Shows or hides Info Addon source',
   withInfo({
     text: 'The Info Addon source section should be hidden',
@@ -719,7 +719,7 @@ storiesOf('Addons|Info.Options.source', module).addDecorator(withSourceLoader(__
   })(() => <BaseButton label=\\"Button\\" />)
 );
 
-storiesOf('Addons|Info.Options.propTables', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.Options.propTables', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   'Shows additional component prop tables',
   withInfo({
     text: 'There should be a prop table added for a component not included in the story',
@@ -727,7 +727,7 @@ storiesOf('Addons|Info.Options.propTables', module).addDecorator(withSourceLoade
   })(() => <BaseButton label=\\"Button\\" />)
 );
 
-storiesOf('Addons|Info.Options.propTablesExclude', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.Options.propTablesExclude', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   'Exclude component from prop tables',
   withInfo({
     text: 'This can exclude extraneous components from being displayed in prop tables.',
@@ -740,7 +740,7 @@ storiesOf('Addons|Info.Options.propTablesExclude', module).addDecorator(withSour
   ))
 );
 
-storiesOf('Addons|Info.Options.styles', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
+storiesOf('Addons|Info.Options.styles', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
   .add(
     'Extend info styles with an object',
     withInfo({
@@ -774,14 +774,14 @@ storiesOf('Addons|Info.Options.styles', module).addDecorator(withSourceLoader(__
     })(() => <BaseButton label=\\"Button\\" />)
   );
 
-storiesOf('Addons|Info.Options.TableComponent', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.Options.TableComponent', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   'Use a custom component for the table',
   withInfo({
     TableComponent,
   })(() => <BaseButton label=\\"Button\\" />)
 );
 
-storiesOf('Addons|Info.Decorator', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
+storiesOf('Addons|Info.Decorator', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
   .addDecorator((story, context) =>
     withInfo('Info could be used as a global or local decorator as well.')(story)(context)
   )
@@ -793,7 +793,7 @@ const Input = hoc(() => <input type=\\"text\\" />);
 
 const TextArea = hoc(({ children }) => <textarea>{children}</textarea>);
 
-storiesOf('Addons|Info.GitHub issues', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.GitHub issues', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   '#1814',
   withInfo('Allow Duplicate DisplayNames for HOC #1814')(() => (
     <div>

From 4479ae5ec06892b0afe87e6ab42241118d24b424 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Tue, 9 Jul 2019 00:35:47 +0800
Subject: [PATCH 8/9] Fix addSource decoration for no-context invocations

---
 lib/source-loader/src/preview.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/source-loader/src/preview.js b/lib/source-loader/src/preview.js
index a40d84a72cd2..7a03d3f576bd 100644
--- a/lib/source-loader/src/preview.js
+++ b/lib/source-loader/src/preview.js
@@ -46,7 +46,7 @@ export function addSource(storyFn, sourceContext) {
     __SOURCE_PREFIX__: prefix,
     __IDS_TO_FRAMEWORKS__: idsToFrameworks,
   } = sourceContext;
-  const decorated = context => {
+  const decorated = (context = {}) => {
     sendEvent(
       context,
       source,

From c50916ea94e656a8b73dd8ab594ee309c6a7f682 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Tue, 9 Jul 2019 01:04:19 +0800
Subject: [PATCH 9/9] Remove terser memory optimization

---
 examples/official-storybook/webpack.config.js | 18 ------------------
 1 file changed, 18 deletions(-)

diff --git a/examples/official-storybook/webpack.config.js b/examples/official-storybook/webpack.config.js
index e4828c19a5d2..841f11f3dbcd 100644
--- a/examples/official-storybook/webpack.config.js
+++ b/examples/official-storybook/webpack.config.js
@@ -1,5 +1,4 @@
 const path = require('path');
-const TerserWebpackPlugin = require('terser-webpack-plugin');
 
 module.exports = async ({ config }) => ({
   ...config,
@@ -55,21 +54,4 @@ module.exports = async ({ config }) => ({
     ...config.resolve,
     extensions: [...(config.resolve.extensions || []), '.ts', '.tsx'],
   },
-  optimization: {
-    splitChunks: {
-      chunks: 'all',
-    },
-    runtimeChunk: true,
-    minimizer: [
-      new TerserWebpackPlugin({
-        cache: false,
-        parallel: false,
-        sourceMap: false,
-        terserOptions: {
-          mangle: false,
-          keep_fnames: true,
-        },
-      }),
-    ],
-  },
 });