feat: add storybook for web (#32)

running npm run storybok:web will launch storybook in the browser.

Author: compojoom

.gitignore

@@ -28,3 +28,6 @@ expo-env.d.ts
 /.idea
 # Tamagui UI generates a lot of cache files
 .tamagui
+
+*storybook.log
+/storybook-static

.storybook/main.ts

@@ -1,8 +1,53 @@
-import { StorybookConfig } from '@storybook/react-native'
+import type { StorybookConfig as WebStorybookConfig } from '@storybook/react-webpack5'
+import type { StorybookConfig as RNStorybookConfig } from '@storybook/react-native'
 
-const main: StorybookConfig = {
-  stories: ['../src/components/**/*.stories.?(ts|tsx|js|jsx)'],
-  addons: ['@storybook/addon-ondevice-controls', '@storybook/addon-ondevice-actions'],
-}
+const isWeb = process.env.STORYBOOK_WEB
+import path from 'path'
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
+
+let config: WebStorybookConfig | RNStorybookConfig
 
-export default main
+if (isWeb) {
+  config = {
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+    addons: [
+      '@storybook/addon-essentials',
+      '@chromatic-com/storybook',
+      '@storybook/addon-interactions',
+      {
+        name: '@storybook/addon-react-native-web',
+        options: {
+          projectRoot: '../',
+          modulesToTranspile: [],
+        },
+      },
+      '@storybook/addon-webpack5-compiler-babel',
+    ],
+    framework: {
+      name: '@storybook/react-webpack5',
+      options: {},
+    },
+    webpackFinal: async (config) => {
+      if (config.resolve) {
+        config.resolve.plugins = [
+          ...(config.resolve.plugins || []),
+          new TsconfigPathsPlugin({
+            extensions: config.resolve.extensions,
+          }),
+        ]
+
+        config.resolve.alias = {
+          ...config.resolve.alias,
+          '@': path.resolve(__dirname, '../'),
+        }
+      }
+      return config
+    },
+  } as WebStorybookConfig
+} else {
+  config = {
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+    addons: ['@storybook/addon-ondevice-controls', '@storybook/addon-ondevice-actions'],
+  } as RNStorybookConfig
+}
+export default config