feat: Vite integration

.eslintignore

@@ -1,4 +1,4 @@
-.eslintrc.js
+.eslintrc.cjs
 
 # Files with ESLint errors/warnings
 src/Common/AddCDButton/AddCDButton.tsx
@@ -9,38 +9,30 @@ src/Common/AppStatus/index.ts
 src/Common/AppStatus/utils.ts
 src/Common/BreadCrumb/BreadCrumb.tsx
 src/Common/BreadCrumb/BreadcrumbStore.tsx
-src/Common/BreadCrumb/Types.ts
 src/Common/CIPipeline.Types.ts
 src/Common/ChartVersionAndTypeSelector.tsx
 src/Common/Checkbox.tsx
 src/Common/ClipboardButton/ClipboardButton.tsx
 src/Common/ClipboardButton/__tests__/ClipboardButton.test.tsx
+src/Common/CodeEditor/CodeEditor.tsx
 src/Common/Common.service.ts
-src/Common/Constants.ts
 src/Common/CustomInput/CustomInput.tsx
-src/Common/CustomInput/Types.ts
-src/Common/CustomInput/index.ts
 src/Common/CustomTagSelector/PropagateTagInfo.tsx
 src/Common/CustomTagSelector/ResizableTagTextArea.tsx
 src/Common/CustomTagSelector/TagDetails.tsx
 src/Common/CustomTagSelector/TagLabelSelect.tsx
 src/Common/CustomTagSelector/TagLabelValueSelector.tsx
 src/Common/CustomTagSelector/TagSelector.utils.ts
-src/Common/CustomTagSelector/Types.ts
 src/Common/CustomTagSelector/ValidationRules.ts
-src/Common/CustomTagSelector/index.ts
 src/Common/DebouncedSearch/DebouncedSearch.tsx
 src/Common/DebouncedSearch/Utils.ts
 src/Common/DebouncedSearch/__tests__/DebouncedSearch.test.tsx
 src/Common/DeleteComponentModal/DeleteComponent.tsx
-src/Common/DeleteComponentModal/types.ts
 src/Common/DevtronProgressing/DevtronProgressing.tsx
 src/Common/Dialogs/ConfirmationDialog.tsx
 src/Common/Dialogs/DeleteDialog.tsx
 src/Common/Dialogs/DialogForm.tsx
 src/Common/Dialogs/ForceDeleteDialog.tsx
-src/Common/Dialogs/Types.ts
-src/Common/Dialogs/index.ts
 src/Common/DraggableWrapper/DraggableButton.tsx
 src/Common/DraggableWrapper/DraggableWrapper.tsx
 src/Common/Drawer/Drawer.tsx
@@ -53,15 +45,13 @@ src/Common/Helper.tsx
 src/Common/Hooks/UseClickOutside/UseClickOutside.tsx
 src/Common/Hooks/UseSuperAdmin/UseSuperAdmin.tsx
 src/Common/Hooks/UseWindowSize/UseWindowSize.tsx
-src/Common/ImageTags.Types.ts
 src/Common/ImageTags.tsx
 src/Common/InfoColorBar/InfoColourbar.tsx
 src/Common/Modals/Modal.tsx
 src/Common/Modals/OpaqueModal.tsx
 src/Common/Modals/VisibleModal.tsx
 src/Common/Modals/VisibleModal2.tsx
 src/Common/MultiSelectCustomization.tsx
-src/Common/Policy.Types.ts
 src/Common/PopupMenu.tsx
 src/Common/Progressing.tsx
 src/Common/RJSF/Form.tsx
@@ -87,10 +77,9 @@ src/Common/RadioGroup/RadioGroup.tsx
 src/Common/Reload.tsx
 src/Common/ResizableTextarea.tsx
 src/Common/Security/ScanVulnerabilitiesTable.tsx
+src/Common/Select/Select.tsx
 src/Common/ServerError.ts
 src/Common/TippyCustomized.tsx
 src/Common/ToastBody.tsx
 src/Common/Toggle/Toggle.tsx
 src/Common/Types.ts
-src/custom.d.ts
-src/index.ts

.eslintrc.cjs

@@ -0,0 +1,110 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint', 'react', 'prettier'],
+  env: {
+      browser: true,
+      es2021: true,
+  },
+  parserOptions: {
+      ecmaVersion: 2021,
+      sourceType: 'module',
+      ecmaFeatures: {
+          jsx: true,
+      },
+      project: ['./tsconfig.json'],
+  },
+  globals: {
+      JSX: true,
+  },
+  extends: [
+      'eslint:recommended',
+      'plugin:react/recommended',
+      'plugin:react/jsx-runtime',
+      'plugin:@typescript-eslint/eslint-recommended',
+      'airbnb',
+      'airbnb/hooks',
+      'prettier',
+  ],
+  rules: {
+      'prettier/prettier': ['error'],
+      'linebreak-style': ['error', 'unix'],
+      'no-console': 'warn',
+      'no-var': 'error',
+      'no-duplicate-imports': 'error',
+      'no-shadow': 'off',
+      '@typescript-eslint/no-shadow': 'warn',
+      '@typescript-eslint/explicit-function-return-type': 'off',
+      '@typescript-eslint/explicit-member-accessibility': 'off',
+      // Since we are using typescript, we can disable the no-unused-vars rule for enum,etc
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': 'error',
+      'react/jsx-filename-extension': [
+          'error',
+          {
+              extensions: ['tsx'],
+          },
+      ],
+      'react/jsx-props-no-spreading': 'off',
+      'react/prefer-stateless-function': 'off',
+      'jsx-a11y/click-events-have-key-events': 'off',
+      'jsx-a11y/no-static-element-interactions': 'off',
+      'jsx-a11y/no-noninteractive-element-interactions': 'off',
+      'no-underscore-dangle': 'off',
+      'import/no-extraneous-dependencies': [
+          'warn',
+          {
+              devDependencies: true,
+          },
+      ],
+      'no-plusplus': [
+          'error',
+          {
+              allowForLoopAfterthoughts: true,
+          },
+      ],
+      // Since we dont use prop-types, we can disable this rule
+      'react/require-default-props': 'off',
+      'react-hooks/exhaustive-deps': 'off',
+      'react/function-component-definition': [
+          'warn',
+          {
+              namedComponents: 'arrow-function',
+              unnamedComponents: 'arrow-function',
+          },
+      ],
+      'react/jsx-uses-react': 'off',
+      'react/react-in-jsx-scope': 'off',
+      // additional rules:
+      '@typescript-eslint/no-floating-promises': 'error',
+      'import/extensions': [
+          'warn',
+          'ignorePackages',
+          {
+              js: 'never',
+              jsx: 'never',
+              ts: 'never',
+              tsx: 'never',
+          },
+      ],
+  },
+  overrides: [
+      {
+          files: ['*.ts', '*.tsx'],
+          rules: {
+              'no-undef': 'off',
+          },
+      },
+  ],
+  settings: {
+      react: {
+          version: 'detect',
+      },
+      'import/resolver': {
+          node: {
+              moduleDirectory: ['src', 'node_modules'],
+              extensions: ['.js', '.jsx', '.ts', '.tsx'],
+          },
+      },
+  },
+  ignorePatterns: [".eslintrc.cjs", "vite.config.ts"],
+}

.nvmrc

@@ -1 +1 @@
-v16.13.0
+v20.11.0