Rollup boilerplate updated (#81)

* Rollup boilerplate updated

* workflow adjusted

* ci workflow adjusted

* yarn lock file renewed

.eslintignore

@@ -5,6 +5,5 @@ build
 dist
 node_modules
 coverage
-config
-styleguide
 storybook-static
+.storybook

.eslintrc.cjs

@@ -0,0 +1,139 @@
+module.exports = {
+  root: true,
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:storybook/recommended',
+    'plugin:jsx-a11y/recommended',
+    'plugin:prettier/recommended'
+  ],
+  plugins: ['react', 'react-hooks', 'react-refresh', 'storybook', 'import', 'jsx-a11y', 'prettier'],
+  env: {
+    node: true,
+    browser: true,
+  },
+  settings: {
+    ecmaVersion: 'latest',
+    react: {
+      version: 'detect',
+    },
+    'import/resolver': {
+      node: true,
+      typescript: true,
+    },
+  },
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  ignorePatterns: [
+    '!*.js',
+    '!.storybook',
+    '.*.js',
+    '*.json',
+    'scripts',
+    'src/graphql/generated/*',
+  ],
+  rules: {
+    'newline-before-return': 'error',
+    'react/jsx-uses-react': 'error',
+    'react/jsx-uses-vars': 'error',
+    'no-console': 'warn',
+    'no-debugger': 'warn',
+    'no-warning-comments': 'warn',
+    'object-shorthand': 'error',
+    'no-param-reassign': 'off',
+    'react/prop-types': 'off',
+    'react/self-closing-comp': [
+      'error',
+      {
+        component: true,
+        html: true,
+      },
+    ],
+    'react/jsx-props-no-spreading': 'off',
+    'react/jsx-curly-brace-presence': [
+      'error',
+      { props: 'never', children: 'never' },
+    ],
+    'jsx-a11y/anchor-is-valid': [
+      'error',
+      {
+        components: ['Link', 'NextLink', 'RouterLink'],
+        aspects: ['invalidHref'],
+      },
+    ],
+    'import/namespace': 'off',
+    'import/order': [
+      'error',
+      {
+        'newlines-between': 'always',
+        pathGroups: [
+          {
+            pattern: '$/**',
+            group: 'internal',
+          },
+        ],
+        pathGroupsExcludedImportTypes: ['builtin'],
+        groups: [
+          ['builtin', 'external'],
+          ['internal'],
+          ['parent', 'sibling', 'index'],
+          'unknown',
+        ],
+      },
+    ],
+    'import/no-extraneous-dependencies': 0,
+  },
+  ignorePatterns: ['.eslintrc.cjs', 'vitest.config.ts', 'setupTests.ts'],
+  overrides: [
+    {
+      files: ['*.ts', '*.tsx'],
+      extends: [
+        'plugin:@typescript-eslint/eslint-recommended',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:@typescript-eslint/recommended-requiring-type-checking',
+        'plugin:import/typescript',
+      ],
+      plugins: ['@typescript-eslint/eslint-plugin'],
+      parser: '@typescript-eslint/parser',
+      parserOptions: {
+        project: ['./tsconfig.json'],
+        tsconfigRootDir: __dirname,
+      },
+      rules: {
+        '@typescript-eslint/no-use-before-define': [
+          'error',
+          { functions: false },
+        ],
+        '@typescript-eslint/no-floating-promises': [
+          'error',
+          { ignoreVoid: true },
+        ],
+        '@typescript-eslint/no-unsafe-assignment': 0,
+        '@typescript-eslint/no-unsafe-call': 0,
+        '@typescript-eslint/no-unsafe-member-access': 0,
+        '@typescript-eslint/no-unsafe-return': 0,
+        '@typescript-eslint/no-misused-promises': 0
+      },
+    },
+    {
+      files: [
+        '*story.*',
+        '*stories.*',
+        'src/pages/**/*.tsx',
+        'additional.d.ts',
+        '**/__mocks__/**',
+      ],
+      rules: {
+        'import/no-anonymous-default-export': 'off',
+        'import/no-default-export': 'off',
+      },
+    },
+  ],
+};

.github/workflows/continuous-integration.yml

@@ -15,7 +15,7 @@ jobs:
 
     - name: Install dependencies
       run: |
-        yarn install --frozen-lockfile
+        yarn install --immutable
 
     - name: Run Continuous Integration
       run: |

.gitignore

@@ -3,6 +3,7 @@
 
 # dependencies
 node_modules
+.yarn/cache
 
 # builds
 build
@@ -22,7 +23,4 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 coverage
-styleguide
 storybook-static
-
-

.npmignore

@@ -13,15 +13,17 @@
 .editorconfig
 .eslint*
 .yarnrc
-.babelrc.js
-.stylelintrc.js
-.stylelintignore
+.babel*
+.stylelint*
 .storybook
-jest.config.js
-jest.setup.js
-postcss.config.js
-prettier.config.js
-
+.yarn*
+.prettier*
+jest*
+postcss*
+prettier*
+rollup*
+vit*
+setupTests.*
 
 config.gypi
 CVS

.prettierrc.json

@@ -0,0 +1,22 @@
+{
+  "singleQuote": true,
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "printWidth": 140,
+  "quoteProps": "preserve",
+  "trailingComma": "all",
+  "overrides": [
+    {
+      "files": "*.jsx",
+      "options": {
+        "printWidth": 120
+      }
+    },
+    {
+      "files": "*.tsx",
+      "options": {
+        "printWidth": 120
+      }
+    }
+  ]
+}

.storybook/main.ts

@@ -1,9 +1,7 @@
-import type { StorybookConfig } from '@storybook/react-webpack5';
-import custom from './webpack.config.js';
+import type { StorybookConfig } from '@storybook/react-vite';
 
 const config: StorybookConfig = {
   stories: [
-    '../src/components/**/*.stories.@(js|jsx|ts|tsx)',
     '../src/components/**/*.story.@(js|jsx|ts|tsx)'
   ],
   addons: [
@@ -20,22 +18,9 @@ const config: StorybookConfig = {
       }
     },
   ],
-  webpackFinal: async config => {
-    return {
-      ...config,
-      resolve: {
-        ...config.resolve,
-        ...custom.resolve
-      },
-      module: {
-        ...config.module,
-        rules: custom.module.rules
-      }
-    };
-  },
   framework: {
-    name: '@storybook/react-webpack5',
-    options: {}
+    name: '@storybook/react-vite',
+    options: {},
   },
   docs: {
     autodocs: true,

.storybook/preview.ts

@@ -0,0 +1,15 @@
+import type { Preview } from "@storybook/react";
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+};
+
+export default preview;