Merge 6589e94 into 8e7212b

.storybook/addons.js

@@ -0,0 +1,5 @@
+import '@storybook/addon-actions/register'
+import '@storybook/addon-knobs/register'
+import '@storybook/addon-options/register'
+import '@storybook/addon-storysource/register'
+import 'storybook-readme/register'

.storybook/config.js

@@ -1,8 +1,18 @@
 import {addDecorator, configure} from '@storybook/react'
+import {withOptions} from '@storybook/addon-options'
+import {withKnobs} from '@storybook/addon-knobs'
+import '@storybook/addon-storysource/register'
 
 // side-effect!
 import '@helpscout/hsds-react/css/blue.css'
 
+addDecorator(withKnobs)
+addDecorator(
+  withOptions({
+    name: 'Brigade',
+  }),
+)
+
 // automatically import all files ending in *.stories.js
 const req = require.context('../stories', true, /.stories.js$/)
 function loadStories() {

.storybook/webpack.config.js

@@ -1,17 +1,31 @@
 const path = require('path')
 
 module.exports = storybookBaseConfig => {
-  storybookBaseConfig.resolve.alias['backbone'] = path.resolve(__dirname, '../shims/backbone.js')
-  storybookBaseConfig.resolve.alias['backbone.marionette'] = path.resolve(__dirname, '../shims/marionette.js')
+  storybookBaseConfig.resolve.alias['backbone'] = path.resolve(
+    __dirname,
+    '../shims/backbone.js',
+  )
+  storybookBaseConfig.resolve.alias['backbone.marionette'] = path.resolve(
+    __dirname,
+    '../shims/marionette.js',
+  )
 
   storybookBaseConfig.module.rules.push({
     test: /\.css$/,
     loaders: ['style-loader', 'css-loader'],
-    include: path.resolve(__dirname, '../')
+    include: path.resolve(__dirname, '../'),
+  })
+
+  storybookBaseConfig.module.rules.push({
+    test: /\.stories\.jsx?$/,
+    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    enforce: 'pre',
   })
 
   // Have to exclude the shims/ so they don't get babel pre-compiled
-  storybookBaseConfig.module.rules[0].exclude.push(path.resolve(__dirname, '../shims'))
+  storybookBaseConfig.module.rules[0].exclude.push(
+    path.resolve(__dirname, '../shims'),
+  )
 
   return storybookBaseConfig
 }