Merge pull request #64 from BeeInventor/develop

Develop

.eslintrc.js

@@ -2,26 +2,18 @@ module.exports = {
   parser: '@typescript-eslint/parser',
   parserOptions: {
     project: 'tsconfig.json',
-    sourceType: 'module',
+    sourceType: 'module'
   },
   plugins: ['@typescript-eslint/eslint-plugin'],
-  extends: [
-    'plugin:@typescript-eslint/recommended',
-    'plugin:prettier/recommended',
-  ],
+  extends: ['plugin:@typescript-eslint/recommended', 'plugin:prettier/recommended', 'plugin:storybook/recommended'],
   root: true,
   env: {
     node: true,
-    jest: true,
+    jest: true
   },
-  ignorePatterns: [
-    '.eslintrc.js',
-    'lib/**/*.js',
-    'lib/**/*.ts',
-    'rollup.config.js',
-  ],
+  ignorePatterns: ['.eslintrc.js', 'lib/**/*.js', 'lib/**/*.ts', 'rollup.config.js'],
   rules: {
     '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/no-empty-function': 'off',
-  },
-};
+    '@typescript-eslint/no-empty-function': 'off'
+  }
+};

.storybook/main.js

@@ -1,9 +1,13 @@
 const path = require('path');
 const toPath = (filePath) => path.join(process.cwd(), filePath);
+const { mergeConfig } = require('vite');
 
 module.exports = {
   stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+  core: {
+    builder: '@storybook/builder-vite',
+  },
   typescript: {
     check: false,
     checkOptions: {},
@@ -14,17 +18,18 @@ module.exports = {
         prop.parent ? !/node_modules/.test(prop.parent.fileName) : true,
     },
   },
-  webpackFinal: async (config) => {
-    return {
-      ...config,
-      resolve: {
-        ...config.resolve,
-        alias: {
-          ...config.resolve.alias,
-          '@emotion/core': toPath('node_modules/@emotion/react'),
-          'emotion-theming': toPath('node_modules/@emotion/react'),
-        },
+  viteFinal: async (config) => {
+    return mergeConfig(config, {
+      optimizeDeps: {
+        include: ['storybook-dark-mode'],
       },
-    };
+    });
+  },
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+  docs: {
+    autodocs: true,
   },
 };

README.md

@@ -5,13 +5,13 @@
 1. Install packages
 
 ```sh
-npm install
+pnpm install
 ```
 
 2. Open Storybook
 
 ```sh
-npm run storybook
+pnpm run storybook
 ```
 
 ## Usage
@@ -31,7 +31,7 @@ npm run storybook
 3. Run
 
 ```sh
-yarn add @beeinventor/dasiot-react-component-lib
+pnpm add @beeinventor/dasiot-react-component-lib
 ```
 
 ### Import Component