feat: add storybook addon source loader

Show the component code in the addons tab

.storybook/addons.js

@@ -1,3 +1,4 @@
 import "@storybook/addon-actions/register";
 import "@storybook/addon-links/register";
 import "storybook-addon-material-ui/register";
+import '@storybook/addon-storysource/register';

.storybook/webpack.config.js

@@ -1,16 +1,29 @@
 module.exports = ({ config }) => {
-  config.module.rules.push({
-    test: /\.tsx?$/,
-    use: [
-      {
-        loader: require.resolve("babel-loader"),
-        options: {
-          presets: [require.resolve("babel-preset-react-app")]
-        }
-      },
-      require.resolve("react-docgen-typescript-loader")
-    ]
-  });
+  config.module.rules.push(
+    {
+      test: /\.tsx?$/,
+      use: [
+        {
+          loader: require.resolve("babel-loader"),
+          options: {
+            presets: [require.resolve("babel-preset-react-app")]
+          }
+        },
+
+        require.resolve("react-docgen-typescript-loader")
+      ]
+    },
+    {
+      test: /\.stories\.tsx?$/,
+      loaders: [
+        {
+          loader: require.resolve('@storybook/source-loader'),
+          options: { parser: 'typescript' },
+        },
+      ],
+      enforce: 'pre',
+    }
+  );
 
   config.resolve.extensions.push(".ts", ".tsx");
 

package.json

@@ -60,6 +60,7 @@
     "@semantic-release/git": "^7.0.17",
     "@storybook/addon-info": "^5.2.5",
     "@storybook/addon-links": "^5.2.5",
+    "@storybook/addon-storysource": "^5.2.6",
     "@storybook/addons": "^5.2.5",
     "@storybook/react": "^5.2.5",
     "@typescript-eslint/eslint-plugin": "^2.6.0",