feat: basic storybook setup

Author: jerzy-mankowski

packages/react/.eslintrc.js

@@ -1,6 +1,6 @@
 module.exports = {
   parser: '@typescript-eslint/parser',
-  extends: ['standard', 'standard-react', 'plugin:@typescript-eslint/eslint-recommended'],
+  extends: ['standard', 'standard-react', 'plugin:@typescript-eslint/eslint-recommended', 'plugin:storybook/recommended'],
   env: {
     node: true
   },

packages/react/.gitignore

@@ -5,3 +5,5 @@ playground/node_modules
 coverage
 src/react-app-env.d.ts
 *.tgz
+
+*storybook.log

packages/react/.storybook/main.ts

@@ -0,0 +1,21 @@
+import type { StorybookConfig } from '@storybook/react-webpack5';
+
+// const { build } = require("@storybook/core-server");
+// const options = {};
+// build(options).then(() => console.log("done"));
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-webpack5-compiler-swc',
+    // '@storybook/addon-onboarding',
+    '@storybook/addon-essentials',
+    '@chromatic-com/storybook',
+    '@storybook/addon-interactions'
+  ],
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {}
+  }
+};
+export default config;

packages/react/.storybook/preview.ts

@@ -0,0 +1,14 @@
+import type { Preview } from '@storybook/react';
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i
+      }
+    }
+  }
+};
+
+export default preview;