migrate storybook to use main.ts

Signed-off-by: shmck <shawn.j.mckay@gmail.com>

Author: ShMcK

web-app/.storybook/addons.ts

@@ -0,0 +1,19 @@
+// import '../src/styles/reset.css'
+
+// setup acquireVsCodeApi mock
+// @ts-ignore
+global.acquireVsCodeApi = () => ({
+  postMessage(event) {
+    console.log('ERROR: VSCode did not load properly in CodeRoad extension', event)
+  },
+})
+
+module.exports = {
+  stories: ['../**/*.stories.js'],
+  addons: [
+    '@storybook/preset-create-react-app',
+    '@storybook/addon-actions',
+    '@storybook/addon-knobs',
+    '@storybook/addon-links',
+  ],
+}

web-app/.storybook/config.ts

@@ -15,7 +15,13 @@ module.exports = ({ config }) => {
   })
 
   config.plugins.push(new MiniCssExtractPlugin({ filename: '[name].css' }))
-  // config.plugins.push(['import', { libraryName: '@alifd/next', libraryDirectory: 'lib', style: true }])
+  // config.plugins.push([
+  //   'babel-plugin-import',
+  //   {
+  //     libraryName: '@alifd/next',
+  //     style: true,
+  //   },
+  // ])
 
   config.resolve.extensions.push('.ts', '.tsx')
 

web-app/.storybook/main.ts

@@ -46,12 +46,12 @@
   "devDependencies": {
     "@babel/core": "7.14.0",
     "@babel/helper-environment-visitor": "7.16.7",
-    "@storybook/addon-actions": "6.4.0",
+    "@storybook/addon-actions": "6.4.19",
     "@storybook/addon-knobs": "6.4.0",
-    "@storybook/addon-links": "6.4.0",
-    "@storybook/addons": "6.4.0",
-    "@storybook/preset-create-react-app": "3.2.0",
-    "@storybook/react": "6.4.0",
+    "@storybook/addon-links": "6.4.19",
+    "@storybook/addons": "6.4.19",
+    "@storybook/preset-create-react-app": "4.1.0",
+    "@storybook/react": "6.4.19",
     "@types/git-url-parse": "9.0.1",
     "@types/graphql": "14.5.0",
     "@types/highlight.js": "10.1.0",