epam · OlegSaidov · Jan 26, 2024 · Jan 26, 2024 · Jan 26, 2024 · Feb 15, 2024
diff --git a/.eslintignore b/.eslintignore
@@ -1,7 +1,9 @@
 vite.config.ts
+codegen.ts
 node_modules/**
 coverage/**
 src/assets/**
+src/__generated__/**
 .eslintrc
 /dist
 

diff --git a/.eslintrc b/.eslintrc
@@ -102,12 +102,72 @@
           },
           {
             "group": "external",
+            "pattern": "@/pages/**",
+            "position": "after"
+          },
+          {
+            "group": "external",
+            "pattern": "@/features/**/*.tsx",
+            "position": "after"
+          },
+          {
+            "group": "external",
+            "pattern": "@/components/**/*.tsx",
+            "position": "after"
+          },
+          {
+            "group": "external",
+            "pattern": "@/**/*.tsx",
+            "position": "after"
+          },
+          {
+            "group": "external",
+            "pattern": "@/features/**/*.ts",
+            "position": "after"
+          },
+          {
+            "group": "external",
+            "pattern": "@/components/**/*.ts",
+            "position": "after"
+          },
+          {
+            "group": "external",
+            "pattern": "@/hooks/**",
+            "position": "after"
+          },
+          {
+            "group": "external",
+            "pattern": "@/utils/**",
+            "position": "after"
+          },
+          {
+            "group": "external",
+            "pattern": "@/queries/**",
+            "position": "after"
+          },
+          {
+            "group": "external",
+            "pattern": "@/constants/**",
+            "position": "after"
+          },
+          {
+            "group": "external",
+            "pattern": "@/assets/**",
+            "position": "after"
+          },
+          {
+            "group": "external",
+            "pattern": "@/__generated__/**",
+            "position": "after"
+          },
+          {
+            "group": "object",
             "pattern": "./*.svg",
             "position": "after"
           },
           {
-            "pattern": "./*.css",
-            "group": "sibling",
+            "pattern": "./*.scss",
+            "group": "object",
             "position": "after"
           }
         ],
@@ -170,7 +230,6 @@
     "react/destructuring-assignment": "warn",
     "react/forbid-prop-types": "error",
     "react/prop-types": "error",
-    "react/button-has-type": "warn",
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "error",
     "@typescript-eslint/no-var-requires": "warn",

diff --git a/.gitignore b/.gitignore
@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+.env
 
 # Editor directories and files
 .vscode/*

diff --git a/.lintstagedrc.cjs b/.lintstagedrc.cjs
@@ -1,5 +1,5 @@
 module.exports = {
-  "src/**/*.{js,ts,jsx,tsx}": [
+  "src/!(__generated__)**/*.{js,ts,jsx,tsx}": [
     () => "npm run lint:types",
     "npm run lint -- --fix",
   ],

diff --git a/codegen.ts b/codegen.ts
@@ -0,0 +1,18 @@
+import { CodegenConfig } from "@graphql-codegen/cli";
+
+const config: CodegenConfig = {
+  schema: `${process.env.VITE_REACT_APP_BACKEND_URL}/graphql`,
+  // this assumes that all your source files are in a top-level `src/` directory - you might need to adjust this to your file structure
+  documents: ["src/queries/*.{ts,tsx}"],
+  generates: {
+    "./src/__generated__/": {
+      preset: "client",
+      plugins: [],
+      presetConfig: {
+        gqlTagName: "gql",
+      },
+    },
+  },
+};
+
+export default config;
diff --git a/index.html b/index.html
@@ -2,8 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <base href="/">
     <title>Vite + React</title>
   </head>
   <body>

diff --git a/package.json b/package.json
@@ -8,36 +8,51 @@
     "build": "vite build",
     "build:staging": "vite build --mode staging",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint-fix": "eslint . --ext ts,tsx --fix",
     "preview": "vite preview",
+    "compile": "dotenv -- graphql-codegen",
+    "watch": "graphql-codegen -w",
     "lint:types": "tsc",
     "lint-staged": "lint-staged -r -v",
     "prepare": "husky"
   },
   "dependencies": {
+    "@apollo/client": "^3.9.7",
+    "classcat": "^5.0.4",
+    "graphql": "^16.8.1",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-router": "^6.22.3",
+    "react-router-dom": "^6.22.3"
   },
   "devDependencies": {
-    "@types/node": "^20.11.17",
-    "@types/react": "^18.2.55",
-    "@types/react-dom": "^18.2.19",
-    "@typescript-eslint/eslint-plugin": "^7.0.1",
-    "@typescript-eslint/parser": "^7.0.1",
+    "@graphql-codegen/cli": "^5.0.2",
+    "@graphql-codegen/client-preset": "^4.2.4",
+    "@graphql-typed-document-node/core": "^3.2.0",
+    "@types/graphql": "^14.5.0",
+    "@types/node": "^20.11.27",
+    "@types/react": "^18.2.65",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.55.0",
+    "dotenv-cli": "^7.4.1",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-alias": "~1.1.2",
     "eslint-import-resolver-typescript": "~3.6.1",
     "eslint-plugin-import": "~2.29.1",
     "eslint-plugin-jsx-a11y": "~6.8.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react": "^7.34.0",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
+    "eslint-plugin-react-refresh": "^0.4.6",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
     "prettier": "^3.2.5",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.1"
+    "sass": "^1.72.0",
+    "typescript": "^5.4.0",
+    "vite": "^5.1.6",
+    "vite-plugin-svgr": "^4.2.0"
   }
 }
diff --git a/public/favicon.png b/public/favicon.png
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/__generated__/fragment-masking.ts b/src/__generated__/fragment-masking.ts