Infra 2024 part 2

.github/workflows/webpack.yml

@@ -11,10 +11,10 @@ jobs:
     runs-on: ubuntu-latest
     name: Lint code
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
 
     - name: Install Node.js
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
         node-version: 23
 
@@ -27,10 +27,10 @@ jobs:
     runs-on: ubuntu-latest
     name: Run tests
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
 
     - name: Install Node.js
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
         node-version: 23
 
@@ -44,10 +44,10 @@ jobs:
     name: Build production
     needs: [lint, test]
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
 
     - name: Install Node.js
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
         node-version: 23
 

.gitignore

@@ -105,3 +105,4 @@ dist
 
 .vscode
 *storybook.log
+.DS_Store

.husky/pre-commit

@@ -1,6 +1,3 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
 FILES=$(git diff --cached --name-only --diff-filter=ACMR | sed 's| |\\ |g')
 [ -z "$FILES" ] && exit 0
 

.prettierrc

@@ -10,6 +10,10 @@
   "importOrder": [
     "<THIRD_PARTY_MODULES>",
     "^@shared/(.*)$",
+    "^@popup/(.*)$",
+    "^@background/(.*)$",
+    "^@content/(.*)$",
+    "^@dashboard/(.*)$",
     "^[./]"
   ],
   "importOrderSeparation": true

.storybook/main.ts

@@ -6,12 +6,19 @@ const config: StorybookConfig = {
     '@storybook/addon-webpack5-compiler-swc',
     '@storybook/addon-essentials',
     '@storybook/addon-styling-webpack',
+    '@storybook/addon-themes',
   ],
   framework: {
     name: '@storybook/react-webpack5',
     options: {},
   },
-  webpackFinal: async (config) => {
+  env(config) {
+    return {
+      ...config,
+      ENV: 'storybook',
+    };
+  },
+  webpackFinal: (config) => {
     // eslint-disable-next-line @typescript-eslint/no-require-imports
     const path = require('path');
     // eslint-disable-next-line @typescript-eslint/no-require-imports

.storybook/preview.ts

@@ -2,6 +2,8 @@ import type { Preview } from '@storybook/react';
 
 import '!style-loader!css-loader!postcss-loader!../src/tailwind.css';
 
+import { withThemeByClassName } from "@storybook/addon-themes";
+
 const preview: Preview = {
   parameters: {
     controls: {
@@ -11,6 +13,15 @@ const preview: Preview = {
       },
     },
   },
+
+  decorators: [withThemeByClassName({
+      themes: {
+          // nameOfTheme: 'classNameForTheme',
+          light: '',
+          dark: 'dark',
+      },
+      defaultTheme: 'light',
+  })]
 };
 
 export default preview;

eslint.config.mjs

@@ -55,8 +55,7 @@ export default [
       'react/prop-types': 'off',
       'react/display-name': 'off',
       'no-unused-vars': 'off',
-      '@typescript-eslint/no-explicit-any': 'off',
-
+      '@typescript-eslint/no-explicit-any': ['warn', { ignoreRestArgs: true }],
       '@typescript-eslint/no-unused-vars': [
         'error',
         {