Merge pull request #192 from RedisInsight/feature/remove_packages

#RIVS-283 - Replace the dependences

Author: vlad-dargel

.eslintignore

@@ -34,7 +34,6 @@ node_modules
 .DS_Store
 
 # App packaged
-storybook-static
 dist
 backend_dist
 scripts
@@ -52,7 +51,6 @@ package.json
 *.scss.d.ts
 yarn.lock
 pnpm-lock.yaml
-!.storybook
 
 # E2E tests
-tests
+tests

.eslintrc.js

@@ -6,10 +6,12 @@ module.exports = {
     browser: true,
   },
   extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'airbnb-base',
     'airbnb-typescript',
-    'airbnb/hooks',
     'plugin:sonarjs/recommended',
-    'plugin:storybook/recommended',
     // TODO: in a separate pull request enable and fix all classes sorting issues for tailwind
     // 'plugin:tailwindcss/recommended',
   ],
@@ -47,21 +49,6 @@ module.exports = {
         code: 140,
       },
     ],
-    'jsx-a11y/label-has-associated-control': [
-      2,
-      {
-        labelComponents: [
-          'FormLabel',
-        ],
-        labelAttributes: [
-          'label',
-        ],
-        controlComponents: [
-          'input',
-        ],
-        depth: 1,
-      },
-    ],
     'class-methods-use-this': 'off',
     // https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#consistent-components-exports
     'react-refresh/only-export-components': ['warn'],
@@ -94,6 +81,13 @@ module.exports = {
     'object-curly-newline': 'off',
     'no-nested-ternary': 'off',
     'no-param-reassign': ['error', { props: false }],
+    'default-param-last': 'off',
+    '@typescript-eslint/default-param-last': 'off',
+    'no-unsafe-optional-chaining': 'off',
+    'function-paren-newline': 'off',
+    'prefer-regex-literals': 'off',
+    'react/display-name': 'off',
+    'no-promise-executor-return': 'off',
     'sonarjs/no-duplicate-string': 'off',
     'sonarjs/cognitive-complexity': [1, 20],
     'sonarjs/no-identical-functions': [0, 5],

.gitignore

@@ -19,7 +19,6 @@ lerna-debug.log*
 coverage
 /.nyc_output
 **/coverage
-storybook-static
 
 # IDEs and editors
 /.idea

.storybook/DocsContainer.tsx

@@ -40,11 +40,8 @@
     "yarn.lock": true,
     "**/yarn.lock": true,
     "*.{css,sass,scss}.d.ts": true,
-    "storybook-static": true,
     "pnpm-lock.yaml": true,
-    "**/pnpm-lock.yaml": true,
-    // "src/webviews/public/customThemes.css": true,
-    ".storybook/preview-head.html": true
+    "**/pnpm-lock.yaml": true
   },
   "cSpell.words": ["githubocto", "tailwindcss", "webviews", "zustand"],
   "testing.automaticallyOpenPeekView": "never",

.storybook/helpers.js

@@ -36,7 +36,6 @@ test-workspace
 .circleci
 .husky
 .idea
-.storybook
 .github
 .vscode
 *.local

.storybook/main.js

@@ -145,8 +145,6 @@
     "dev:key": "cross-env RI_DATA_ROUTE=main/key vite dev",
     "dev:sidebar": "cross-env RI_DATA_ROUTE=sidebar vite dev",
     "l10n:collect": "npx @vscode/l10n-dev export -o ./l10n ./src",
-    "storybook:dev": "storybook dev -p 8081 --no-open",
-    "storybook:build": "storybook build",
     "watch": "tsc -watch -p ./",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
     "lint:fix": "eslint . --fix --ext .js,.jsx,.ts,.tsx",
@@ -168,24 +166,12 @@
     "*.{js,jsx,ts,tsx}": "eslint --fix"
   },
   "devDependencies": {
-    "@bithero/monaco-editor-vite-plugin": "^1.0.2",
     "@githubocto/tailwind-vscode": "^1.0.5",
-    "@storybook/addon-docs": "^7.6.4",
-    "@storybook/addon-interactions": "^7.6.4",
-    "@storybook/addon-links": "^7.6.4",
-    "@storybook/addon-storyshots": "^7.6.4",
-    "@storybook/addon-themes": "^7.6.4",
-    "@storybook/blocks": "^7.6.4",
-    "@storybook/jest": "^0.2.3",
-    "@storybook/manager-api": "^7.6.4",
-    "@storybook/react": "^7.6.4",
-    "@storybook/react-vite": "^7.6.16",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.6.4",
     "@tailwindcss/container-queries": "^0.1.1",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.0.0",
     "@types/cors": "^2.8.13",
+    "@types/detect-port": "^1.3.5",
     "@types/file-saver": "^2.0.5",
     "@types/is-glob": "^4.0.3",
     "@types/json-bigint": "^1.0.4",
@@ -216,19 +202,17 @@
     "csv-stringify": "^6.5.1",
     "esbuild": "^0.19.5",
     "eslint": "^7.32.0",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-airbnb-typescript": "^12.0.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-airbnb-typescript": "^18.0.0",
     "eslint-import-resolver-webpack": "0.13.0",
     "eslint-plugin-compat": "^3.8.0",
     "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-jest": "^25.7.0",
-    "eslint-plugin-jsx-a11y": "6.4.1",
     "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react": "^7.20.6",
-    "eslint-plugin-react-hooks": "^4.0.8",
+    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.4",
     "eslint-plugin-sonarjs": "^0.23.0",
-    "eslint-plugin-storybook": "^0.6.15",
     "eslint-plugin-tailwindcss": "^3.15.1",
     "googleapis": "^142.0.0",
     "html-entities": "^2.3.2",
@@ -239,7 +223,6 @@
     "lint-staged": "^15.0.2",
     "mkdirp": "^3.0.1",
     "msw": "^2.2.13",
-    "msw-storybook-addon": "2.0.0--canary.122.b3ed3b1.0",
     "patch-package": "^8.0.0",
     "postcss": "^8.4.31",
     "postcss-nested": "^6.0.1",
@@ -249,10 +232,6 @@
     "react-refresh": "^0.14.0",
     "sass": "^1.69.5",
     "source-map-support": "^0.5.21",
-    "storybook": "^7.6.4",
-    "storybook-addon-themes": "^6.1.0",
-    "storybook-addon-variants": "^0.2.0",
-    "storybook-dark-mode": "^3.0.3",
     "supertest": "^6.3.3",
     "tailwindcss": "^3.4.3",
     "ts-mockito": "^2.6.1",
@@ -276,7 +255,7 @@
     "connection-string": "^4.4.0",
     "cors": "^2.8.5",
     "date-fns": "^2.30.0",
-    "detect-port": "^1.5.1",
+    "detect-port": "^1.6.1",
     "dotenv": "^16.4.5",
     "file-saver": "^2.0.5",
     "formik": "^2.4.5",

.storybook/manager-head.html

@@ -59,8 +59,7 @@ export async function startBackendE2E(logger: CustomLogger): Promise<any> {
         ])
       } else {
         PSinst = cp.spawn(
-          'node', [path.resolve(backendPath, 'main.js')],
-          {
+          'node', [path.resolve(backendPath, 'main.js')], {
             env:
             {
               NODE_ENV: 'production',

.storybook/manager.js

@@ -1,9 +1,3 @@
-
-#storybook-root {
-  display: flex;
-  width: 100%;
-  height: 100%;
-}
 html,
 body {
   height: 100%;

.storybook/preview-head.html

@@ -1,29 +1,19 @@
 import React from 'react'
 import { instance, mock } from 'ts-mockito'
 import { screen, fireEvent } from '@testing-library/react'
-import { composeStories } from '@storybook/react'
 import { describe, it, vi } from 'vitest'
 
 import { render } from 'testSrc/helpers'
 import { Props, ScanMore } from './ScanMore'
-import * as stories from './ScanMore.stories'
 
 // Every component that is returned maps 1:1 with the stories, but they already contain all decorators from story level, meta level and global level.
-const { Default } = composeStories(stories)
-
-const scanMoreBtn = 'scan-more'
 const mockedProps = mock<Props>()
 
 describe('ScanMore', () => {
   it('should render', () => {
     expect(render(<ScanMore {...instance(mockedProps)} />)).toBeTruthy()
   })
 
-  it('render Default story', () => {
-    const { queryByTestId } = render(<Default />)
-    expect(queryByTestId(scanMoreBtn)).toBeInTheDocument()
-  })
-
   it('should call "loadMoreItems"', () => {
     const handleClick = vi.fn()