.env

@@ -1 +0,0 @@
-TOKEN_KEY=5frv12e4few3r

bro.config.js

@@ -23,6 +23,5 @@ module.exports = {
   },
   config: {
     "enterfront.api": "/api",
-    // paste stand URL to config
   },
 };

package-lock.json

@@ -1,32 +1,25 @@
 {
     "name": "enterfront",
-    "version": "0.5.4",
+    "version": "0.2.4",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "enterfront",
-            "version": "0.5.4",
+            "version": "0.2.4",
             "dependencies": {
                 "@brojs/cli": "^1.0.0",
                 "@brojs/create": "^1.0.0",
                 "@ijl/cli": "^5.1.0",
-                "@reduxjs/toolkit": "^2.3.0",
                 "@types/react": "^18.3.5",
                 "@types/react-dom": "^18.3.0",
-                "dotenv": "^16.4.5",
                 "emoji-mart": "^5.6.0",
                 "express": "^4.19.2",
-                "jsonwebtoken": "^9.0.2",
                 "react": "^18.3.1",
                 "react-dom": "^18.3.1",
                 "react-emoji-picker": "^1.0.13",
                 "react-icons": "^5.3.0",
-                "react-redux": "^9.1.2",
                 "react-router-dom": "^6.26.1",
-                "react-toastify": "^10.0.5",
-                "socket.io": "^4.8.0",
-                "socket.io-client": "^4.8.0",
                 "styled-components": "^6.1.13",
                 "typescript": "^5.5.4",
                 "ws": "^8.18.0"
@@ -1858,9 +1851,9 @@
             }
         },
         "node_modules/@brojs/cli/node_modules/i18next": {
-            "version": "23.15.2",
+            "version": "23.15.1",
-            "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.15.2.tgz",
+            "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.15.1.tgz",
-            "integrity": "sha512-zcPSWzCvw6uKnuYHIqs4W7hTuB9e3AFcSdZgvCWoPXIZsBjBd4djN2/2uOHIB+1DFFkQnMBXvhNg7J3WyCuywQ==",
+            "integrity": "sha512-wB4abZ3uK7EWodYisHl/asf8UYEhrI/vj/8aoSsrj/ZDxj4/UXPOa1KvFt1Fq5hkUHquNqwFlDprmjZ8iySgYA==",
             "funding": [
                 {
                     "type": "individual",
@@ -3059,40 +3052,6 @@
                 "node": ">=14"
             }
         },
-        "node_modules/@reduxjs/toolkit": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-2.3.0.tgz",
-            "integrity": "sha512-WC7Yd6cNGfHx8zf+iu+Q1UPTfEcXhQ+ATi7CV1hlrSAaQBdlPzg7Ww/wJHNQem7qG9rxmWoFCDCPubSvFObGzA==",
-            "license": "MIT",
-            "dependencies": {
-                "immer": "^10.0.3",
-                "redux": "^5.0.1",
-                "redux-thunk": "^3.1.0",
-                "reselect": "^5.1.0"
-            },
-            "peerDependencies": {
-                "react": "^16.9.0 || ^17.0.0 || ^18",
-                "react-redux": "^7.2.1 || ^8.1.3 || ^9.0.0"
-            },
-            "peerDependenciesMeta": {
-                "react": {
-                    "optional": true
-                },
-                "react-redux": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@reduxjs/toolkit/node_modules/immer": {
-            "version": "10.1.1",
-            "resolved": "https://registry.npmjs.org/immer/-/immer-10.1.1.tgz",
-            "integrity": "sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw==",
-            "license": "MIT",
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/immer"
-            }
-        },
         "node_modules/@remix-run/router": {
             "version": "1.19.1",
             "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.19.1.tgz",
@@ -3109,14 +3068,12 @@
         "node_modules/@types/cookie": {
             "version": "0.4.1",
             "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz",
-            "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==",
+            "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q=="
-            "license": "MIT"
         },
         "node_modules/@types/cors": {
             "version": "2.8.17",
             "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.17.tgz",
             "integrity": "sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==",
-            "license": "MIT",
             "dependencies": {
                 "@types/node": "*"
             }
@@ -3210,12 +3167,6 @@
                 "source-map": "^0.6.1"
             }
         },
-        "node_modules/@types/use-sync-external-store": {
-            "version": "0.0.3",
-            "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.3.tgz",
-            "integrity": "sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==",
-            "license": "MIT"
-        },
         "node_modules/@types/webpack": {
             "version": "4.41.39",
             "resolved": "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.39.tgz",
@@ -3781,7 +3732,6 @@
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
             "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==",
-            "license": "MIT",
             "engines": {
                 "node": "^4.5.0 || >= 5.9"
             }
@@ -3893,12 +3843,6 @@
                 "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
             }
         },
-        "node_modules/buffer-equal-constant-time": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
-            "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==",
-            "license": "BSD-3-Clause"
-        },
         "node_modules/buffer-from": {
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -4134,15 +4078,6 @@
                 "node": ">=6"
             }
         },
-        "node_modules/clsx": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
-            "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
         "node_modules/collection-visit": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
@@ -4411,7 +4346,6 @@
             "version": "2.8.5",
             "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
             "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
-            "license": "MIT",
             "dependencies": {
                 "object-assign": "^4",
                 "vary": "^1"
@@ -4750,18 +4684,6 @@
             "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz",
             "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w=="
         },
-        "node_modules/dotenv": {
-            "version": "16.4.5",
-            "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
-            "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
-            "license": "BSD-2-Clause",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://dotenvx.com"
-            }
-        },
         "node_modules/duplexer": {
             "version": "0.1.2",
             "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
@@ -4772,15 +4694,6 @@
             "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
             "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
         },
-        "node_modules/ecdsa-sig-formatter": {
-            "version": "1.0.11",
-            "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
-            "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
-            "license": "Apache-2.0",
-            "dependencies": {
-                "safe-buffer": "^5.0.1"
-            }
-        },
         "node_modules/ee-first": {
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -4831,10 +4744,9 @@
             }
         },
         "node_modules/engine.io": {
-            "version": "6.6.1",
+            "version": "6.5.5",
-            "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.1.tgz",
+            "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.5.5.tgz",
-            "integrity": "sha512-NEpDCw9hrvBW+hVEOK4T7v0jFJ++KgtPl4jKFwsZVfG1XhS0dCrSb3VMb9gPAd7VAdW52VT1EnaNiU2vM8C0og==",
+            "integrity": "sha512-C5Pn8Wk+1vKBoHghJODM63yk8MvrO9EWZUfkAt5HAqIgPE4/8FF0PEGHXtEd40l223+cE5ABWuPzm38PHFXfMA==",
-            "license": "MIT",
             "dependencies": {
                 "@types/cookie": "^0.4.1",
                 "@types/cors": "^2.8.12",
@@ -4851,40 +4763,6 @@
                 "node": ">=10.2.0"
             }
         },
-        "node_modules/engine.io-client": {
-            "version": "6.6.1",
-            "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.6.1.tgz",
-            "integrity": "sha512-aYuoak7I+R83M/BBPIOs2to51BmFIpC1wZe6zZzMrT2llVsHy5cvcmdsJgP2Qz6smHu+sD9oexiSUAVd8OfBPw==",
-            "license": "MIT",
-            "dependencies": {
-                "@socket.io/component-emitter": "~3.1.0",
-                "debug": "~4.3.1",
-                "engine.io-parser": "~5.2.1",
-                "ws": "~8.17.1",
-                "xmlhttprequest-ssl": "~2.1.1"
-            }
-        },
-        "node_modules/engine.io-client/node_modules/ws": {
-            "version": "8.17.1",
-            "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
-            "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=10.0.0"
-            },
-            "peerDependencies": {
-                "bufferutil": "^4.0.1",
-                "utf-8-validate": ">=5.0.2"
-            },
-            "peerDependenciesMeta": {
-                "bufferutil": {
-                    "optional": true
-                },
-                "utf-8-validate": {
-                    "optional": true
-                }
-            }
-        },
         "node_modules/engine.io-parser": {
             "version": "5.2.3",
             "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz",
@@ -4897,7 +4775,6 @@
             "version": "0.4.2",
             "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz",
             "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==",
-            "license": "MIT",
             "engines": {
                 "node": ">= 0.6"
             }
@@ -6818,40 +6695,6 @@
                 "graceful-fs": "^4.1.6"
             }
         },
-        "node_modules/jsonwebtoken": {
-            "version": "9.0.2",
-            "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.2.tgz",
-            "integrity": "sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==",
-            "license": "MIT",
-            "dependencies": {
-                "jws": "^3.2.2",
-                "lodash.includes": "^4.3.0",
-                "lodash.isboolean": "^3.0.3",
-                "lodash.isinteger": "^4.0.4",
-                "lodash.isnumber": "^3.0.3",
-                "lodash.isplainobject": "^4.0.6",
-                "lodash.isstring": "^4.0.1",
-                "lodash.once": "^4.0.0",
-                "ms": "^2.1.1",
-                "semver": "^7.5.4"
-            },
-            "engines": {
-                "node": ">=12",
-                "npm": ">=6"
-            }
-        },
-        "node_modules/jsonwebtoken/node_modules/semver": {
-            "version": "7.6.3",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-            "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
         "node_modules/jstransform": {
             "version": "11.0.3",
             "resolved": "https://registry.npmjs.org/jstransform/-/jstransform-11.0.3.tgz",
@@ -6892,27 +6735,6 @@
                 "node": ">=0.8.0"
             }
         },
-        "node_modules/jwa": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/jwa/-/jwa-1.4.1.tgz",
-            "integrity": "sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==",
-            "license": "MIT",
-            "dependencies": {
-                "buffer-equal-constant-time": "1.0.1",
-                "ecdsa-sig-formatter": "1.0.11",
-                "safe-buffer": "^5.0.1"
-            }
-        },
-        "node_modules/jws": {
-            "version": "3.2.2",
-            "resolved": "https://registry.npmjs.org/jws/-/jws-3.2.2.tgz",
-            "integrity": "sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==",
-            "license": "MIT",
-            "dependencies": {
-                "jwa": "^1.4.1",
-                "safe-buffer": "^5.0.1"
-            }
-        },
         "node_modules/keygrip": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz",
@@ -6993,48 +6815,6 @@
             "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
             "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
         },
-        "node_modules/lodash.includes": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
-            "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==",
-            "license": "MIT"
-        },
-        "node_modules/lodash.isboolean": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
-            "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==",
-            "license": "MIT"
-        },
-        "node_modules/lodash.isinteger": {
-            "version": "4.0.4",
-            "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
-            "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==",
-            "license": "MIT"
-        },
-        "node_modules/lodash.isnumber": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
-            "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==",
-            "license": "MIT"
-        },
-        "node_modules/lodash.isplainobject": {
-            "version": "4.0.6",
-            "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
-            "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
-            "license": "MIT"
-        },
-        "node_modules/lodash.isstring": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
-            "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==",
-            "license": "MIT"
-        },
-        "node_modules/lodash.once": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
-            "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==",
-            "license": "MIT"
-        },
         "node_modules/loose-envify": {
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -8330,29 +8110,6 @@
             "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
             "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
         },
-        "node_modules/react-redux": {
-            "version": "9.1.2",
-            "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.1.2.tgz",
-            "integrity": "sha512-0OA4dhM1W48l3uzmv6B7TXPCGmokUU4p1M44DGN2/D9a1FjVPukVjER1PcPX97jIg6aUeLq1XJo1IpfbgULn0w==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/use-sync-external-store": "^0.0.3",
-                "use-sync-external-store": "^1.0.0"
-            },
-            "peerDependencies": {
-                "@types/react": "^18.2.25",
-                "react": "^18.0",
-                "redux": "^5.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "redux": {
-                    "optional": true
-                }
-            }
-        },
         "node_modules/react-router": {
             "version": "6.26.1",
             "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.26.1.tgz",
@@ -8383,19 +8140,6 @@
                 "react-dom": ">=16.8"
             }
         },
-        "node_modules/react-toastify": {
-            "version": "10.0.5",
-            "resolved": "https://registry.npmjs.org/react-toastify/-/react-toastify-10.0.5.tgz",
-            "integrity": "sha512-mNKt2jBXJg4O7pSdbNUfDdTsK9FIdikfsIE/yUCxbAEXl4HMyJaivrVFcn3Elvt5xvCQYhUZm+hqTIu1UXM3Pw==",
-            "license": "MIT",
-            "dependencies": {
-                "clsx": "^2.1.0"
-            },
-            "peerDependencies": {
-                "react": ">=18",
-                "react-dom": ">=18"
-            }
-        },
         "node_modules/readdirp": {
             "version": "3.6.0",
             "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -8476,21 +8220,6 @@
                 "recursive-watch": "bin.js"
             }
         },
-        "node_modules/redux": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
-            "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
-            "license": "MIT"
-        },
-        "node_modules/redux-thunk": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-3.1.0.tgz",
-            "integrity": "sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==",
-            "license": "MIT",
-            "peerDependencies": {
-                "redux": "^5.0.0"
-            }
-        },
         "node_modules/regenerate": {
             "version": "1.4.2",
             "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
@@ -8599,12 +8328,6 @@
                 "node": ">=0.10.0"
             }
         },
-        "node_modules/reselect": {
-            "version": "5.1.1",
-            "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
-            "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==",
-            "license": "MIT"
-        },
         "node_modules/resolve": {
             "version": "1.22.8",
             "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -9087,16 +8810,15 @@
             }
         },
         "node_modules/socket.io": {
-            "version": "4.8.0",
+            "version": "4.7.5",
-            "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.8.0.tgz",
+            "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.7.5.tgz",
-            "integrity": "sha512-8U6BEgGjQOfGz3HHTYaC/L1GaxDCJ/KM0XTkJly0EhZ5U/du9uNEZy4ZgYzEzIqlx2CMm25CrCqr1ck899eLNA==",
+            "integrity": "sha512-DmeAkF6cwM9jSfmp6Dr/5/mfMwb5Z5qRrSXLpo3Fq5SqyU8CMF15jIN4ZhfSwu35ksM1qmHZDQ/DK5XTccSTvA==",
-            "license": "MIT",
             "dependencies": {
                 "accepts": "~1.3.4",
                 "base64id": "~2.0.0",
                 "cors": "~2.8.5",
                 "debug": "~4.3.2",
-                "engine.io": "~6.6.0",
+                "engine.io": "~6.5.2",
                 "socket.io-adapter": "~2.5.2",
                 "socket.io-parser": "~4.2.4"
             },
@@ -9134,21 +8856,6 @@
                 }
             }
         },
-        "node_modules/socket.io-client": {
-            "version": "4.8.0",
-            "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.8.0.tgz",
-            "integrity": "sha512-C0jdhD5yQahMws9alf/yvtsMGTaIDBnZ8Rb5HU56svyq0l5LIrGzIDZZD5pHQlmzxLuU91Gz+VpQMKgCTNYtkw==",
-            "license": "MIT",
-            "dependencies": {
-                "@socket.io/component-emitter": "~3.1.0",
-                "debug": "~4.3.2",
-                "engine.io-client": "~6.6.1",
-                "socket.io-parser": "~4.2.4"
-            },
-            "engines": {
-                "node": ">=10.0.0"
-            }
-        },
         "node_modules/socket.io-parser": {
             "version": "4.2.4",
             "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
@@ -9915,15 +9622,6 @@
                 "node": ">=0.10.0"
             }
         },
-        "node_modules/use-sync-external-store": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.2.tgz",
-            "integrity": "sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==",
-            "license": "MIT",
-            "peerDependencies": {
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-            }
-        },
         "node_modules/util-deprecate": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -10300,14 +9998,6 @@
                 }
             }
         },
-        "node_modules/xmlhttprequest-ssl": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.1.1.tgz",
-            "integrity": "sha512-ptjR8YSJIXoA3Mbv5po7RtSYHO6mZr8s7i5VGmEk7QY2pQWyT1o0N+W1gKbOyJPUCGXGnuw0wqe8f0L6Y0ny7g==",
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
         "node_modules/y18n": {
             "version": "5.0.8",
             "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",

package.json

@@ -3,22 +3,15 @@
         "@brojs/cli": "^1.0.0",
         "@brojs/create": "^1.0.0",
         "@ijl/cli": "^5.1.0",
-        "@reduxjs/toolkit": "^2.3.0",
         "@types/react": "^18.3.5",
         "@types/react-dom": "^18.3.0",
-        "dotenv": "^16.4.5",
         "emoji-mart": "^5.6.0",
         "express": "^4.19.2",
-        "jsonwebtoken": "^9.0.2",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "react-emoji-picker": "^1.0.13",
         "react-icons": "^5.3.0",
-        "react-redux": "^9.1.2",
         "react-router-dom": "^6.26.1",
-        "react-toastify": "^10.0.5",
-        "socket.io": "^4.8.0",
-        "socket.io-client": "^4.8.0",
         "styled-components": "^6.1.13",
         "typescript": "^5.5.4",
         "ws": "^8.18.0"
@@ -31,5 +24,5 @@
         "clean": "rimraf dist"
     },
     "name": "enterfront",
-    "version": "0.5.4"
+    "version": "0.2.4"
 }

src/app.tsx

@@ -1,42 +1,15 @@
-import React, {useEffect} from 'react';
+import React from 'react';
-
 import { BrowserRouter } from 'react-router-dom';
+
 import { Dashboard } from './dashboard';
 
-import {ToastContainer} from "react-toastify";
-import 'react-toastify/dist/ReactToastify.css';
-
-import { Provider } from 'react-redux';
-import store from './backend/redux/store.js'; // Import your store
-
-
 import './index.css'
-import {displayMessage} from "./backend/notifications/notifications.js";
-import {MessageType} from "./backend/notifications/message";
 
 const App = () => {
-    useEffect(() => {
-        document.title = 'Enterfront';
-    }, []);
-
-    useEffect(() => {
-        const msg = localStorage.getItem('message');
-
-        if (!msg) return;
-
-        displayMessage(msg, MessageType.SUCCESS);
-        localStorage.removeItem('message');
-    }, []);
-
   return(
-      <Provider store={store}>
+      <BrowserRouter>
-          <BrowserRouter>
+        <Dashboard />
-              <Dashboard />
+      </BrowserRouter>
-          </BrowserRouter>
-
-          <ToastContainer/>
-      </Provider>
-
   )
 }
 

src/backend/api.js

@@ -1,60 +0,0 @@
-import {getConfigValue} from "@brojs/cli";
-
-
-const LOCAL = "http://localhost:8099";
-const DEV = "https://dev.bro-js.ru";
-
-export const BASE_API_URL = DEV + getConfigValue("enterfront.api");
-
-// fetch(`${BASE_API_URL}/books/list`)
-
-export async function post(path, body) {
-    const token = localStorage.getItem('token');
-
-    const res = await fetch(`${BASE_API_URL}${path}`, {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/json",
-            "Authorization": token ? `Bearer ${token}` : undefined
-        },
-        body: JSON.stringify(body)
-    });
-
-    console.log("Initial data from API:", res)
-    const data = JSON.parse(await res.text());
-    console.log("Data from API:", data)
-
-    if (res.status === 200) {
-        console.log("Received post:", data);
-
-        return {ok: true, data: data};
-    } else {
-        console.log("Error during post:", data.message);
-
-        return {ok: false, data: data};
-    }
-}
-
-export async function get(path){
-    const token = localStorage.getItem('token');
-
-    const res = await fetch(`${BASE_API_URL}${path}`, {
-        method: "GET",
-        headers: {
-            "Authorization": token ? `Bearer ${token}` : undefined
-        }
-    });
-
-    console.log("Data from API:", res)
-    const data = await res.json();
-
-    if (res.status === 200) {
-        console.log("Received get:", data);
-
-        return {ok: true, data: data};
-    } else {
-        console.log("Error during get:", data.message);
-
-        return {ok: false, data: data};
-    }
-}

src/backend/chat-server.js

@@ -0,0 +1,43 @@
+const WebSocket = require("ws");
+const wss = new WebSocket.Server({ port: 8080 });
+
+const clients = new Map();
+
+wss.on("connection", (ws, req) => {
+  console.log("New client connected");
+
+  ws.on("message", (message) => {
+    try {
+      const parsedMessage = JSON.parse(message);
+      if (parsedMessage.type === "register") {
+        clients.set(parsedMessage.userId, ws);
+        console.log(`User registered: ${parsedMessage.userId}`);
+      } else if (parsedMessage.type === "message") {
+        const recipientWs = clients.get(parsedMessage.recipientId);
+        if (recipientWs) {
+          recipientWs.send(
+            JSON.stringify({
+              senderId: parsedMessage.senderId,
+              message: parsedMessage.message,
+              timestamp: new Date().toISOString(),
+            })
+          );
+        } else {
+          console.error(`User ${parsedMessage.recipientId} is not connected.`);
+        }
+      }
+    } catch (err) {
+      console.error("Error processing message:", err.message);
+    }
+  });
+
+  ws.on("close", () => {
+    console.log("Client disconnected");
+    [...clients.entries()].forEach(([userId, clientWs]) => {
+      if (clientWs === ws) {
+        clients.delete(userId);
+        console.log(`User disconnected: ${userId}`);
+      }
+    });
+  });
+});

src/backend/interlocutor/Interlocutor.js

@@ -0,0 +1,8 @@
+export default class Interlocutor {
+  constructor(id, name) {
+    this.name = name;
+    this.id = id;
+  }
+  static name;
+  static id;
+}

src/backend/notifications/message.tsx

@@ -1,6 +0,0 @@
-export enum MessageType {
-    ERROR,
-    SUCCESS,
-    INFO,
-    WARN
-}

src/backend/notifications/notifications.js

@@ -1,28 +0,0 @@
-import {toast} from "react-toastify";
-import {MessageType} from "./message.tsx";
-
-export const displayMessage = (message, type) => {
-    switch (type) {
-        default:
-        case MessageType.ERROR:
-            toast.error(message, {
-                position: 'bottom-right',
-            });
-            break;
-        case MessageType.INFO:
-            toast.info(message, {
-                position: 'bottom-right',
-            });
-            break;
-        case MessageType.SUCCESS:
-            toast.success(message, {
-                position: 'bottom-right',
-            });
-            break;
-        case MessageType.WARN:
-            toast.warn(message, {
-                position: 'bottom-right',
-            });
-            break;
-    }
-}

src/backend/redux/api_slice.js

@@ -1,34 +0,0 @@
-import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
-import {getConfigValue} from "@brojs/cli";
-
-import { BASE_API_URL } from "../api.js";
-
-const baseQuery = fetchBaseQuery({
-    baseUrl: BASE_API_URL,
-    prepareHeaders: (headers) => {
-        const token = localStorage.getItem('token');
-        if (token) {
-            headers.set('Authorization', `Bearer ${token}`);
-        }
-        return headers;
-    },
-});
-
-export const apiSlice = createApi({
-    reducerPath: 'api',
-    baseQuery,
-    endpoints: (builder) => ({
-        getChats: builder.query({
-            query: (username) => `/chat/list/${username}`,
-        }),
-        postChat: builder.mutation({
-            query: ({ id1, id2 }) => ({
-                url: `/chat/item/${id1}/${id2}`,
-                method: 'POST',
-            }),
-        }),
-    }),
-});
-
-// Export hooks for usage in functional components
-export const { useGetChatsQuery, usePostChatMutation } = apiSlice;

src/backend/redux/store.js

@@ -1,12 +0,0 @@
-import { configureStore } from '@reduxjs/toolkit';
-import { apiSlice } from './api_slice';
-
-const store = configureStore({
-    reducer: {
-        [apiSlice.reducerPath]: apiSlice.reducer,
-    },
-    middleware: (getDefaultMiddleware) =>
-        getDefaultMiddleware().concat(apiSlice.middleware),
-});
-
-export default store;

src/backend/server.js

@@ -1,31 +0,0 @@
-const express = require("express");
-const http = require("http");
-const { Server } = require("socket.io");
-require("dotenv").config();
-
-const app = express();
-const server = http.createServer(app);
-const io = new Server(server);
-
-io.on("connection", (socket) => {
-  console.log("New connection:", socket.id);
-
-  // For messages
-  socket.on("sendMessage", (message) => {
-    console.log("Message received:", message);
-    socket.broadcast.emit("receiveMessage", message);
-  });
-
-  socket.on("disconnect", () => {
-    console.log("User disconnected:", socket.id);
-  });
-});
-
-app.get("/", (req, res) => {
-  res.send("Socket.IO Server is running");
-});
-
-const PORT = process.env.PORT || 8099;
-server.listen(PORT, () => {
-  console.log(`Server is running on port ${PORT}`);
-});

src/backend/user/User.js

@@ -0,0 +1,7 @@
+export default class User {
+  constructor(id, name) {
+    this.id = id;
+    this.name = name;
+    this.status = "online";
+  }
+}

src/components/account/AccountButtons.jsx

@@ -1,48 +1,14 @@
-import React, {useState} from 'react';
+import React from 'react';
 import { URLs } from "../../__data__/urls";
 import ActionButton from "./ActionButton.jsx";
-import InputField from "../reg/InputField.jsx";
 
 const AccountButtons = (props) => {
-    const [chName, setChName] = useState(false);
-    const [chPassword, setChPassword] = useState(false);
-
-    const [nickname, setNickname] = useState("");
-    const [password, setPassword] = useState("");
-
   return (
       <div className="account-buttons">
-          {props.registered ? (
+          <ActionButton title={"Exit"} action={props.exitHandler}/>
-              <>
+          <ActionButton title={"Change Name"} action={props.changeNameHandler}/>
-                  <ActionButton title={"Exit"} action={props.exitHandler}/>
+          <ActionButton title={"Change Pass"} action={props.changePassHandler}/>
-                  <ActionButton title={"Change Name"} action={() => setChName(true)}/>
-                  {chName ? (
-                      <InputField
-                          title={""}
-                          value={nickname}
-                          setValue={setNickname}
-                          placeholder='Enter your new nickname'
 
-                          submit={nickname}
-                          enter={props.changeNameHandler}
-                      />
-                  ) : null}
-                  <ActionButton title={"Change Pass"} action={() => setChPassword(true)}/>
-                  {chPassword ? (
-                      <div>
-                          <InputField
-                              title={""}
-                              value={password}
-                              setValue={setPassword}
-                              placeholder='Enter your new password'
-
-                              submit={password}
-                              enter={props.changePassHandler}
-                          />
-                      </div>
-                  ) : null}
-              </>
-          ) : null}
           <a className="MyButton mclaren-regular" href={URLs.home.url}>Back</a>
       </div>
   );

src/components/account/HelloItem.jsx

@@ -1,18 +0,0 @@
-import React from 'react';
-
-const HelloItem = (props) => {
-  return (
-      <div className="hello-item-class">
-          {!!props.nickname ? (
-              <>
-                  <h1 className="mclaren-regular">Hello, {props.nickname}!</h1>
-                  <p className="mclaren-regular">Your ID: {props.id}</p>
-              </>
-          ) : (
-              <p className="mclaren-regular">You don't have an account :(</p>
-          )}
-      </div>
-  );
-};
-
-export default HelloItem;

src/components/account/index.css

@@ -3,8 +3,6 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
-
-    margin-bottom: 30px;
 }
 
 .account-buttons a {
@@ -22,33 +20,10 @@
     color: black;
 }
 
-.hello-item-class {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.hello-item-class h1 {
-    font-size: 4vw;
-    margin-bottom: 0;
-}
-
-.hello-item-class p {
-    font-size: 1.5vw;
-}
-
 @media only screen and (max-width: 800px) {
     .account-buttons a {
         font-size: 2.5vh;
         width: 60vw;
         margin-top: 3vh;
     }
-
-    .hello-item-class h1 {
-        font-size: 5vh;
-    }
-
-    .hello-item-class p {
-        font-size: 2vh;
-    }
 }

src/components/home/ChatsList.jsx

@@ -1,92 +1,40 @@
-import React, { useEffect, useState } from "react";
+import React from 'react';
 import Card from "./Card.jsx";
-import { get } from "../../backend/api";
-import { displayMessage } from "../../backend/notifications/notifications";
-import { MessageType } from "../../backend/notifications/message";
 
 const ChatsList = (props) => {
-  const { chats } = props;
+    const { chats } = props;
-  const [customChats, setCustomChats] = useState([]);
 
-  const updateList = async () => {
+    const colorMap = {
-    const username = localStorage.getItem("username");
+        orange: 'FFA500FF',
-    if (!username) return null;
+        aqua: '00FFFFFF',
+        crimson: 'DC143CFF',
+        red: 'FF0000FF',
+        violet: '8A2BE2FF',
+        seagreen: '20B2AAFF',
+        green: 'ADFF2FFF',
+        blue: '0000FFFF',
+        pink: 'FF1493FF',
+        cyan: '72FAFAFF'
+    }
 
-    const updatedChats = await Promise.all(
+    function getColor(chatId) {
-      chats.map(async (chat) => {
+        const keys = Object.keys(colorMap);
-        const interlocutorId = chat.id1 === username ? chat.id2 : chat.id1;
+        const index = chatId % keys.length;
-
+        return colorMap[keys[index]];
-        const { ok, data } = await get("/auth/" + interlocutorId);
+    }
-        if (!ok) {
-          displayMessage(data.message, MessageType.ERROR);
-          return null;
-        }
-
-        const interlocutor = data.user;
-
-        const lastMessage =
-          chat.messages.length > 0
-            ? chat.messages[chat.messages.length - 1]
-            : { data: "", timestamp: new Date(0).toISOString() };
-
-        return {
-          id: interlocutorId,
-          name: interlocutor.nickname,
-          lastMessageData: lastMessage.data,
-          lastMessageTimestamp: lastMessage.timestamp,
-        };
-      })
-    );
-
-    const validChats = updatedChats.filter((chat) => chat !== null);
-
-    validChats.sort(
-      (a, b) =>
-        new Date(b.lastMessageTimestamp) - new Date(a.lastMessageTimestamp)
-    );
-
-    setCustomChats(validChats);
-  };
-
-  useEffect(() => {
-    updateList().then();
-  }, [chats]);
-
-  const colorMap = {
-    orange: "FFA500FF",
-    aqua: "00FFFFFF",
-    crimson: "DC143CFF",
-    red: "FF0000FF",
-    violet: "8A2BE2FF",
-    seagreen: "20B2AAFF",
-    green: "ADFF2FFF",
-    blue: "0000FFFF",
-    pink: "FF1493FF",
-    cyan: "72FAFAFF",
-  };
-
-  function getColor(chatId) {
-    const keys = Object.keys(colorMap);
-    const numericId = Array.from(chatId).reduce(
-      (sum, char) => sum + char.charCodeAt(0),
-      0
-    );
-    const index = numericId % keys.length;
-    return colorMap[keys[index]];
-  }
 
   return (
-    <div className="ChatsList">
+      <div className="ChatsList">
-      {customChats.map((item, index) => (
+          {chats.map((item, index) => (
-        <Card
+              <Card
-          key={index}
+                  key={index}
-          name={item.name}
+                  name={item.name}
-          lastMessage={item.lastMessageData}
+                  lastMessage={item.lastMessage}
-          id={item.id}
+                  id={item.id}
-          color={getColor(item.id)}
+                  color={getColor(item.id)}
-        />
+              />
-      ))}
+          ))}
-    </div>
+      </div>
   );
 };
 

src/components/home/Search.jsx

@@ -1,11 +0,0 @@
-import React from 'react';
-
-const Search = (props) => {
-  return (
-      <a className="MyButton search-class mclaren-regular" onClick={() => {
-          props.search(props.item);
-      }}>Find</a>
-  );
-};
-
-export default Search;

src/components/home/css/homeTitle.css

@@ -12,30 +12,11 @@
     color: orange;
 }
 
-.search-class {
-    margin-top: 2vw;
-    margin-bottom: 4vw;
-
-    display: flex;
-    align-items: center;
-}
-
-.search-input div input {
-    background-color: white;
-    color: black;
-
-    border: 3px solid black;
-}
-
 
 @media only screen and (max-width: 800px) {
     .homeTitle {
         font-size: 8vh;
     }
-
-    .search-class {
-        margin-top: 3vh;
-    }
 }
 
 .chatIcon {

src/components/reg/InputField.jsx

@@ -1,7 +1,6 @@
 import React from 'react';
 
 const InputField = (props) => {
-    console.log('class:', props.className)
   return (
       <div>
           <p>{props.title}</p>
@@ -9,14 +8,6 @@ const InputField = (props) => {
               onChange={(e) => props.setValue(e.target.value)}
               value={props.value}
               className="Input"
-              placeholder={(props.placeholder) ? props.placeholder : ''}
-              onKeyDown={(e) => {
-                  if (e.key === 'Enter') {
-                      if (props.submit) {
-                          props.enter(props.submit);
-                      }
-                  }
-              }}
           />
       </div>
   );

src/pages/Account.jsx

@@ -1,78 +1,19 @@
-import React, {useEffect, useState} from "react";
+import React from "react";
 import AccountButtons from "../components/account/AccountButtons.jsx";
 import userIcon from "../../images/user.svg";
-import {get, post} from "../backend/api";
-import {displayMessage} from "../backend/notifications/notifications";
-import {MessageType} from "../backend/notifications/message";
-import HelloItem from "../components/account/HelloItem.jsx";
-import { URLs } from "../__data__/urls";
 
 const Account = () => {
-    const exitHandler = () => {
+  const exitHandler = () => {}
-        localStorage.removeItem("username");
+  const changeNameHandler = () => {}
-        localStorage.removeItem("token");
+  const changePassHandler = () => {}
-
-        localStorage.setItem("message", "Exited successfully!");
-        window.location.href = URLs.baseUrl;
-    }
-
-    const [nickname, setNickname] = useState("");
-    const [id, setId] = useState("");
-
-    async function changeNameHandler (newNickname) {
-        if (!newNickname) return;
-
-        const {ok, data} = await post('/change/nickname', {id: id, newNickname: newNickname});
-
-        if (!ok) {
-            displayMessage(data.message, MessageType.ERROR);
-        } else {
-            localStorage.setItem("message", "Name was changed");
-            window.location.href = URLs.account.url;
-        }
-    }
-
-    async function changePassHandler (newPass){
-        if (!newPass) return;
-
-        const {ok, data} = await post('/change/password', {id: id, newPassword: newPass});
-
-        if (!ok) {
-            displayMessage(data.message, MessageType.ERROR);
-        } else {
-            localStorage.setItem("message", "Password was changed");
-            window.location.href = URLs.account.url;
-        }
-    }
-
-    async function getUser() {
-      const username = localStorage.getItem("username");
-      if (!username) {
-          displayMessage("You're not logged in!", MessageType.WARN);
-          return;
-      }
-
-      const {ok, data} = await get('/auth/' + username);
-      if (!ok) {
-          displayMessage("Some error with auth:" + data.message, MessageType.ERROR);
-          return;
-      }
-
-      setNickname(data.user.nickname);
-      setId(username);
-    }
-
-    useEffect(() => {getUser().then()}, [])
 
   return (
       <div className="account-items">
         <img src={userIcon} alt="user" />
-        <HelloItem nickname={nickname} id={id} />
         <AccountButtons
             exitHandler={exitHandler}
             changeNameHandler={changeNameHandler}
             changePassHandler={changePassHandler}
-            registered={!!nickname}
         />
       </div>
   );

src/pages/Chat.jsx

@@ -2,10 +2,6 @@ import React, { useEffect, useState, useRef } from "react";
 import { useNavigate } from "react-router-dom";
 import "./css/Chat.css";
 import { FaPaperPlane, FaSmile } from "react-icons/fa";
-import { get, post } from "../backend/api";
-import { displayMessage } from "../backend/notifications/notifications";
-import { MessageType } from "../backend/notifications/message";
-import io from "socket.io-client";
 
 const emojis = [
   "😀",
@@ -78,7 +74,7 @@ const emojis = [
 ];
 
 const Chat = () => {
-  const [interlocutorId, setInterlocutorId] = useState("");
+  const [interlocutorId, setInterlocutorId] = useState(0);
   const [messages, setMessages] = useState([]);
   const [newMessage, setNewMessage] = useState("");
   const [showEmojiPicker, setShowEmojiPicker] = useState(false);
@@ -86,82 +82,54 @@ const Chat = () => {
   const chatRef = useRef(null);
   const navigate = useNavigate();
 
-  const [myId, setMyId] = useState("");
-
   useEffect(() => {
-    const id = localStorage.getItem("interlocutorId");
+    const id = parseInt(localStorage.getItem("interlocutorId"), 10) || 0;
     setInterlocutorId(id);
 
-    const username = localStorage.getItem("username");
+    socket.current = new WebSocket("ws://localhost:8080");
-    setMyId(username);
 
-    if (!id || !username) {
+    socket.current.onopen = () => {
-      displayMessage("You are not logged in!", MessageType.WARN);
+      console.log("WebSocket connected");
-      return () => {};
+      socket.current.send(
-    }
+        JSON.stringify({ type: "register", userId: "yourUserId" })
+      );
+    };
 
-    socket.current = io("http://localhost:8099");
+    socket.current.onmessage = (event) => {
+      const receivedData = JSON.parse(event.data);
+      setMessages((prev) => [...prev, receivedData]);
+    };
 
-    socket.current.on("receiveMessage", (message) => {
+    socket.current.onerror = (event) => {
-      setMessages((prev) => [...prev, message]);
+      console.error("WebSocket error observed:", event);
-    });
+    };
 
-    socket.current.on("connect_error", (err) => {
+    socket.current.onclose = () => {
-      console.error("Connection Error:", err.message);
+      console.log("WebSocket closed");
-    });
+    };
 
     return () => {
-      socket.current.disconnect();
+      socket.current.close();
     };
   }, []);
 
-  useEffect(() => {
-    // retrieveMessages().then();
-    const interval = setInterval(() => {
-      retrieveMessages().then()
-    }, 2000);
-
-    return () => clearInterval(interval)
-  }, [myId, interlocutorId]);
-
   useEffect(() => {
     if (chatRef.current) {
       chatRef.current.scrollTop = chatRef.current.scrollHeight;
     }
   }, [messages]);
 
-  async function sendMessageToDB(messageData) {
-    const { ok, data } = await post(
-      "/chat/message/" + myId + "/" + interlocutorId,
-      { message: messageData }
-    );
-    if (!ok) {
-      displayMessage(data.message, MessageType.ERROR);
-    }
-  }
-
-  async function retrieveMessages() {
-    if (!myId || !interlocutorId) return;
-
-    const { ok, data } = await get("/chat/item/" + myId + "/" + interlocutorId);
-    if (!ok) {
-      displayMessage(data.message, MessageType.ERROR);
-      return;
-    }
-    setMessages(data.chat.messages);
-  }
-
   const sendMessage = () => {
     if (newMessage.trim()) {
       const messageData = {
-        senderId: myId,
+        type: "message",
+        senderId: "yourUserId",
         recipientId: interlocutorId,
-        data: newMessage,
+        message: newMessage,
-        timestamp: new Date().toLocaleString(),
+        timestamp: new Date().toLocaleTimeString(),
       };
-      socket.current.emit("sendMessage", messageData);
+      socket.current.send(JSON.stringify(messageData));
       setMessages((prev) => [...prev, messageData]);
-      sendMessageToDB(messageData).then();
       setNewMessage("");
     }
   };
@@ -186,18 +154,20 @@ const Chat = () => {
           className="home-button"
         >
           Home
-        </button>
+        </button>{" "}
+        {}
       </div>
       <div className="chat-messages" ref={chatRef}>
         {messages.map((msg, index) => (
           <div
             key={index}
             className={`message-bubble ${
-              msg.senderId === myId ? "sent" : "received"
+              msg.senderId === "yourUserId" ? "sent" : "received"
             }`}
           >
             <div className="message-content">
-              <b>{msg.senderId === myId ? "You" : "They"}:</b> {msg.data}
+              <b>{msg.senderId === "yourUserId" ? "You" : "Interlocutor"}:</b>{" "}
+              {msg.message}
             </div>
             <span className="message-timestamp">{msg.timestamp}</span>
           </div>
@@ -210,7 +180,7 @@ const Chat = () => {
           onChange={(e) => setNewMessage(e.target.value)}
           placeholder="Type a message..."
           className="chat-input"
-          onKeyDown={handleKeyPress}
+          onKeyPress={handleKeyPress}
         />
         <button
           className="emoji-button"

src/pages/Home.jsx

@@ -1,115 +1,76 @@
-import React, { useEffect, useState } from "react";
+import React from "react";
 import HomeTitle from "../components/home/HomeTitle.jsx";
 import ChatsList from "../components/home/ChatsList.jsx";
 import Header from "../components/home/Header.jsx";
-import { displayMessage } from "../backend/notifications/notifications";
-import { MessageType } from "../backend/notifications/message";
-import { useGetChatsQuery, usePostChatMutation } from "../backend/redux/api_slice"; // Update the import based on your API slice
-import InputField from "../components/reg/InputField.jsx";
-import Search from "../components/home/Search.jsx";
-import { URLs } from "../__data__/urls";
 
 const Home = () => {
-  const [chats, setChats] = useState([]);  // Retained original variable name
-  const [interlocutor, setInterlocutor] = useState("");
 
-  const username = localStorage.getItem("username");
+    // temp for testing
+    const chats = [
+        {
+            name: "Alice Johnson",
+            id: 123456,
+            lastMessage: "See you later!"
+        },
+        {
+            name: "Bob Smith",
+            id: 654321,
+            lastMessage: "Got it, thanks!"
+        },
+        {
+            name: "Charlie Brown",
+            id: 234567,
+            lastMessage: "How's the project going? How's the project going? How's the project going?" +
+                "How's the project going? How's the project going?"
+        },
+        {
+            name: "David Clark",
+            id: 765432,
+            lastMessage: "I'll send the files."
+        },
+        {
+            name: "Eve Adams",
+            id: 345678,
+            lastMessage: "Let's meet tomorrow."
+        },
+        {
+            name: "Frank Wright",
+            id: 876543,
+            lastMessage: "Can you review this?"
+        },
+        {
+            name: "Grace Lee",
+            id: 456789,
+            lastMessage: "Thanks for your help!"
+        },
+        {
+            name: "Hannah Scott",
+            id: 987654,
+            lastMessage: "See you at the meeting."
+        },
+        {
+            name: "Ian Davis",
+            id: 567890,
+            lastMessage: "Let me know when you're free."
+        },
+        {
+            name: "Jill Thompson",
+            id: 678901,
+            lastMessage: "I'll catch up with you later."
+        }
+    ];
 
-  // Use Redux Queries
+    return (
-  const { data: chatsData, error: getError, isLoading: isGetting } = useGetChatsQuery(username, {
-    skip: !username
-  });
-
-  console.log('From Redux:', chatsData);
-
-  const [createChat, { error: postError }] = usePostChatMutation();
-
-  useEffect(() => {
-    if (getError) {
-      displayMessage(getError.message, MessageType.ERROR);
-    }
-    if (getError) {
-      displayMessage(getError.message, MessageType.ERROR);
-    }
-  }, [getError, postError]);
-
-  useEffect(() => {
-    if (chatsData) {
-      // setChats(chatsData.chats);
-
-      let data = chatsData.chats;
-
-      try {
-        const sortedChats = [...data].sort((a, b) => {
-          const lastMessageA = a.messages[a.messages.length - 1];
-          const lastMessageB = b.messages[b.messages.length - 1];
-
-          const dateA = new Date(lastMessageA.timestamp);
-          const dateB = new Date(lastMessageB.timestamp);
-
-          return dateB - dateA;
-        });
-
-        setChats(sortedChats);
-      } catch (e) {
-        console.error(e);
-      }
-    }
-  }, [chatsData]);
-
-
-  const createChatHandler = async (alias) => {
-    if (!username) {
-      displayMessage("You're not logged in!", MessageType.WARN);
-      return;
-    }
-
-    displayMessage("Sent", MessageType.INFO);
-
-    try {
-      const data = await createChat({ id1: alias, id2: username }).unwrap(); // Using unwrap to handle promise rejection
-      localStorage.setItem("message", "Successfully opened chat!");
-      localStorage.setItem("interlocutorId", alias);
-      window.location.href = URLs.chat.url;
-    } catch (error) {
-      displayMessage(error.data.message, MessageType.ERROR);
-    }
-  };
-
-  return (
       <div className="homeWrapper">
-        <div className="headerPos">
+          <div className="headerPos">
-          <Header />
+              <Header/>
-        </div>
+          </div>
-
-        <HomeTitle />
-
-        <div className="search-input">
-          <InputField
-              title="Create new chat"
-              value={interlocutor}
-              setValue={setInterlocutor}
-              placeholder="Enter the username (id)"
-
-              enter={createChatHandler}
-              submit={interlocutor}
-          />
-        </div>
-
-        {isGetting ? (
-            <div>Loading...</div>
-        ) : (
-            <>
-              <Search search={createChatHandler} item={interlocutor} />
-
-              <p>Your chats</p>
-              <ChatsList chats={chats} />
-            </>
-        )}
-
 
+          <HomeTitle/>
+          <p>Your chats</p>
+          <ChatsList chats={chats} />
       </div>
-  );
+  )
-};
+}
 
-export default Home;
+export default Home

src/pages/SignIn.jsx

@@ -3,42 +3,12 @@ import InputField from "../components/reg/InputField.jsx";
 import LoginButtons from "../components/reg/LoginButtons.jsx";
 import LoginTitle from "../components/reg/loginTitle.jsx";
 
-import {MessageType} from "../backend/notifications/message.tsx";
-import {displayMessage} from "../backend/notifications/notifications.js";
-import {post} from "../backend/api.js";
-import {URLs} from "../__data__/urls";
-
 const SignIn = () => {
     const [name, setName] = useState("");
     const [password, setPassword] = useState("");
 
-    const [nameErrorsCounter, setNameErrorsCounter] = useState(0);
+    const submit = (e) => {
-
+      console.log('Sign In!')
-    async function submit() {
-        console.log('Sign In!')
-
-        const {ok, data} = await post('/auth/login', {name: name, password: password});
-
-        if (!ok) {
-            displayMessage(data.message, MessageType.ERROR);
-
-            if (nameErrorsCounter >= 1) {
-                displayMessage("Note that you need to enter your ID name", MessageType.INFO);
-                setNameErrorsCounter(0);
-            } else {
-                setNameErrorsCounter(nameErrorsCounter + 1);
-            }
-
-            return;
-        }
-
-        localStorage.setItem('token', data.token);
-        localStorage.setItem('username', name);
-
-        setNameErrorsCounter(0);
-
-        localStorage.setItem('message', 'Successfully logged in!');
-        window.location.href = URLs.baseUrl;
     }
 
   return (

src/pages/SignUp.jsx

@@ -2,60 +2,20 @@ import React, {useState} from 'react';
 import InputField from "../components/reg/InputField.jsx";
 import LoginButtons from "../components/reg/LoginButtons.jsx";
 import LoginTitle from "../components/reg/loginTitle.jsx";
-import {post} from "../backend/api";
-import {displayMessage} from "../backend/notifications/notifications";
-import {MessageType} from "../backend/notifications/message";
-import { URLs } from "../__data__/urls";
-
 
 const SignUp = () => {
     const [name, setName] = useState("");
-    const [nickname, setNickname] = useState("");
     const [password, setPassword] = useState("");
     const [repeatPassword, setRepeatPassword] = useState("");
 
-    async function login(name, password) {
+    const submit = (e) => {
-        const {ok, data} = await post('/auth/login', {name: name, password: password});
+        console.log('Sign Up!')
-        return {loginStatus: ok, loginData: data};
-    }
-
-    async function submit () {
-        console.log('Sign Up!');
-
-        if (password !== repeatPassword) {
-            displayMessage("Passwords don't match", MessageType.WARN);
-            return;
-        }
-
-        const {ok, data} = await post('/auth/reg',
-            {name: name, password: password, nickname: nickname});
-
-        if (!ok) {
-            displayMessage(data.message, MessageType.ERROR);
-            return;
-        }
-
-        const { loginStatus, loginData } = await login(name, password);
-
-        console.log(loginStatus, loginData)
-
-        if (!loginStatus) {
-            displayMessage(loginData.message, MessageType.ERROR);
-            return;
-        }
-
-        localStorage.setItem('token', loginData.token);
-        localStorage.setItem('username', name);
-
-        localStorage.setItem('message', 'Successfully signed up!');
-        window.location.href = URLs.baseUrl;
     }
 
     return (
         <div className="LoginList">
             <LoginTitle/>
             <InputField title="Name" setValue={setName} value={name}/>
-            <InputField title="Nickname (for others)" setValue={setNickname} value={nickname}/>
             <InputField title="Password" setValue={setPassword} value={password}/>
             <InputField title="Repeat Password" setValue={setRepeatPassword} value={repeatPassword}/>
 

src/pages/css/Chat.css

@@ -1,7 +1,3 @@
-body {
-  background: linear-gradient(to right, #e0f7fa, #fffde7);
-}
-
 .chat-container {
   display: flex;
   flex-direction: column;
@@ -15,13 +11,10 @@ body {
 }
 
 .chat-header {
-  padding: 15px;
+  padding: 10px;
   background-color: #007bff;
   color: white;
   text-align: center;
-  font-weight: bold;
-  letter-spacing: 1px;
-  border-bottom: 2px solid #0056b3;
 }
 
 .chat-messages {
@@ -31,7 +24,6 @@ body {
   padding: 10px;
   overflow-y: auto;
   background-color: #fff;
-  max-height: 400px;
 }
 
 .message-bubble {
@@ -41,12 +33,6 @@ body {
   max-width: 70%;
   word-wrap: break-word;
   display: inline-block;
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-  transition: transform 0.2s;
-}
-
-.message-bubble:hover {
-  transform: translateY(-2px);
 }
 
 .sent {
@@ -72,9 +58,8 @@ body {
 
 .message-timestamp {
   font-size: 10px;
-  color: black;
+  color: #999;
-  text-align: right;
+  margin-top: 5px;
-  margin-top: 4px;
   display: block;
 }
 

stubs/api/auth/index.js

@@ -1,73 +0,0 @@
-const authRouter = require('express').Router();
-
-// For creating tokens
-const jwt = require('jsonwebtoken');
-
-const { TOKEN_KEY } = require('../key')
-
-
-module.exports = authRouter;
-
-const { addUserToDB, getUserFromDB } = require('../db');
-
-
-// Get a user by its id
-authRouter.get('/:id', (req, res) => {
-    const user = getUserFromDB(req.params.id);
-
-    if (user) {
-        res.status(200).send({user});
-    } else {
-        res.status(404).send({message: 'User was not found'});
-    }
-})
-
-// For login (authorization)
-authRouter.post('/login', (req, res) => {
-    const { name, password } = req.body;
-
-    const user = getUserFromDB(name);
-
-    // Invalid identification
-    if (!user) {
-        res.status(401).send({message: 'Invalid credentials (id)'});
-        return;
-    }
-
-    // Invalid authentication
-    if (!password || password !== user.password) {
-        res.status(401).send({message: 'Invalid credentials (password)'});
-        return;
-    }
-
-    // Now, authorization
-    const token = jwt.sign({id: name}, TOKEN_KEY, {
-        expiresIn: '1h'
-    })
-
-    res.status(200).send({token});
-})
-
-
-authRouter.post('/reg', (req, res) => {
-    const { name, password, nickname } = req.body;
-
-    const user = getUserFromDB(name);
-
-    // Invalid identification
-    if (user) {
-        res.status(409).send({message: 'Such id already exists'});
-        return;
-    }
-
-    if (!name || !password || !nickname) {
-        res.status(401).send({message: 'Empty or invalid fields'});
-        return;
-    }
-
-    // Add to 'DB'
-    const newUser = {id: name, password: password, nickname: nickname};
-    addUserToDB(newUser)
-
-    res.status(200).send({user: newUser});
-})

stubs/api/auth/users.json

@@ -1,52 +0,0 @@
-[
-  {
-    "nickname": "Alice Johnson",
-    "password": "1234",
-    "id": "alice"
-  },
-  {
-    "nickname": "Bob Smith",
-    "password": "1234",
-    "id": "bobsm"
-  },
-  {
-    "nickname": "Charlie Brown",
-    "password": "1234",
-    "id": "charl"
-  },
-  {
-    "nickname": "David Clark",
-    "password": "1234",
-    "id": "david"
-  },
-  {
-    "nickname": "Eve Adams",
-    "password": "1234",
-    "id": "evead"
-  },
-  {
-    "nickname": "Frank Wright",
-    "password": "1234",
-    "id": "frank"
-  },
-  {
-    "nickname": "Grace Lee",
-    "password": "1234",
-    "id": "grace"
-  },
-  {
-    "nickname": "Hannah Scott",
-    "password": "1234",
-    "id": "hanna"
-  },
-  {
-    "nickname": "Ian Davis",
-    "password": "1234",
-    "id": "ianda"
-  },
-  {
-    "nickname": "Jill Thompson",
-    "password": "1234",
-    "id": "jillt"
-  }
-]

stubs/api/change/index.js

@@ -1,64 +0,0 @@
-const changeRouter = require('express').Router();
-
-module.exports = changeRouter;
-
-const { getUserFromDB, deleteUserFromDB, addUserToDB } = require('../db');
-
-
-changeRouter.post('/nickname', (req, res) => {
-    const { id, newNickname } = req.body;
-
-    const user = getUserFromDB(id);
-
-    // Invalid identification
-    if (!user) {
-        res.status(401).send({message: 'Invalid credentials (id)'});
-        return;
-    }
-
-    const updatedUser = {
-        "nickname": newNickname,
-        "password": user.password,
-        "id": user.id
-    };
-
-    // Delete the old one
-    deleteUserFromDB(id)
-
-    // Insert updated
-    addUserToDB(updatedUser);
-
-    res.status(200).send({});
-});
-
-changeRouter.post('/password', (req, res) => {
-    const { id, newPassword } = req.body;
-
-    const user = getUserFromDB(id);
-
-    // Invalid identification
-    if (!user) {
-        res.status(401).send({message: 'Invalid credentials (id)'});
-        return;
-    }
-
-    // Delete the old one
-    deleteUserFromDB(id)
-
-    // Insert updated
-    const updatedUser = {
-        "nickname": user.nickname,
-        "password": newPassword,
-        "id": user.id
-    };
-    addUserToDB(updatedUser);
-
-    res.status(200).send({});
-});
-
-changeRouter.delete('/:id', (req, res) => {
-    const { id } = req.params;
-
-    deleteUserFromDB(id);
-});
-

stubs/api/chat/chats.json

@@ -1,662 +0,0 @@
-[
-  {
-    "id1": "alice",
-    "id2": "bobsm",
-    "messages": [
-      {
-        "data": "Hello Bob!",
-        "senderId": "alice",
-        "recipientId": "bobsm",
-        "timestamp": "09.10.2024 07:00:00"
-      },
-      {
-        "data": "Hey Alice, how are you?",
-        "senderId": "bobsm",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 07:05:00"
-      },
-      {
-        "data": "I'm good, thanks for asking.",
-        "senderId": "alice",
-        "recipientId": "bobsm",
-        "timestamp": "09.10.2024 07:10:00"
-      },
-      {
-        "data": "Glad to hear!",
-        "senderId": "bobsm",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 07:15:00"
-      }
-    ]
-  },
-  {
-    "id1": "alice",
-    "id2": "charl",
-    "messages": [
-      {
-        "data": "How's the project going?",
-        "senderId": "alice",
-        "recipientId": "charl",
-        "timestamp": "09.10.2024 07:20:00"
-      },
-      {
-        "data": "It's coming along, almost done!",
-        "senderId": "charl",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 07:25:00"
-      },
-      {
-        "data": "That's great to hear!",
-        "senderId": "alice",
-        "recipientId": "charl",
-        "timestamp": "09.10.2024 07:30:00"
-      },
-      {
-        "data": "Thanks for checking in.",
-        "senderId": "charl",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 07:35:00"
-      }
-    ]
-  },
-  {
-    "id1": "alice",
-    "id2": "david",
-    "messages": [
-      {
-        "data": "Did you get the files?",
-        "senderId": "david",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 07:40:00"
-      },
-      {
-        "data": "Yes, I did. Thank you!",
-        "senderId": "alice",
-        "recipientId": "david",
-        "timestamp": "09.10.2024 07:45:00"
-      },
-      {
-        "data": "You're welcome.",
-        "senderId": "david",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 07:50:00"
-      },
-      {
-        "data": "Let me know if you need anything else.",
-        "senderId": "alice",
-        "recipientId": "david",
-        "timestamp": "09.10.2024 07:55:00"
-      }
-    ]
-  },
-  {
-    "id1": "alice",
-    "id2": "frank",
-    "messages": [
-      {
-        "data": "Can you review this document for me?",
-        "senderId": "alice",
-        "recipientId": "frank",
-        "timestamp": "09.10.2024 08:20:00"
-      },
-      {
-        "data": "Sure, I'll take a look.",
-        "senderId": "frank",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 08:25:00"
-      },
-      {
-        "data": "Thanks, much appreciated!",
-        "senderId": "alice",
-        "recipientId": "frank",
-        "timestamp": "09.10.2024 08:30:00"
-      },
-      {
-        "data": "No problem.",
-        "senderId": "frank",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 08:35:00"
-      }
-    ]
-  },
-  {
-    "id1": "alice",
-    "id2": "grace",
-    "messages": [
-      {
-        "data": "Hey Grace, let's meet up for coffee!",
-        "senderId": "alice",
-        "recipientId": "grace",
-        "timestamp": "09.10.2024 08:40:00"
-      },
-      {
-        "data": "Sounds good, when are you free?",
-        "senderId": "grace",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 08:45:00"
-      },
-      {
-        "data": "How about tomorrow afternoon?",
-        "senderId": "alice",
-        "recipientId": "grace",
-        "timestamp": "09.10.2024 08:50:00"
-      },
-      {
-        "data": "Works for me!",
-        "senderId": "grace",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 08:55:00"
-      }
-    ]
-  },
-  {
-    "id1": "alice",
-    "id2": "hanna",
-    "messages": [
-      {
-        "data": "Hannah, do you have a moment?",
-        "senderId": "alice",
-        "recipientId": "hanna",
-        "timestamp": "09.10.2024 09:00:00"
-      },
-      {
-        "data": "Sure, what's up?",
-        "senderId": "hanna",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 09:05:00"
-      },
-      {
-        "data": "Just wanted to check on the report.",
-        "senderId": "alice",
-        "recipientId": "hanna",
-        "timestamp": "09.10.2024 09:10:00"
-      },
-      {
-        "data": "I'll send it soon.",
-        "senderId": "hanna",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 09:15:00"
-      }
-    ]
-  },
-  {
-    "id1": "alice",
-    "id2": "ianda",
-    "messages": [
-      {
-        "data": "Ian, have you completed the review?",
-        "senderId": "alice",
-        "recipientId": "ianda",
-        "timestamp": "09.10.2024 09:20:00"
-      },
-      {
-        "data": "Yes, I sent my feedback.",
-        "senderId": "ianda",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 09:25:00"
-      },
-      {
-        "data": "Thanks for that.",
-        "senderId": "alice",
-        "recipientId": "ianda",
-        "timestamp": "09.10.2024 09:30:00"
-      },
-      {
-        "data": "Anytime!",
-        "senderId": "ianda",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 09:35:00"
-      }
-    ]
-  },
-  {
-    "id1": "alice",
-    "id2": "jillt",
-    "messages": [
-      {
-        "data": "Jill, let's schedule a catch-up meeting.",
-        "senderId": "alice",
-        "recipientId": "jillt",
-        "timestamp": "09.10.2024 09:40:00"
-      },
-      {
-        "data": "Sounds good, when works for you?",
-        "senderId": "jillt",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 09:45:00"
-      },
-      {
-        "data": "Tomorrow afternoon?",
-        "senderId": "alice",
-        "recipientId": "jillt",
-        "timestamp": "09.10.2024 09:50:00"
-      },
-      {
-        "data": "That works for me!",
-        "senderId": "jillt",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 09:55:00"
-      }
-    ]
-  },
-  {
-    "id1": "alice",
-    "id2": "evead",
-    "messages": [
-      {
-        "data": "Eve, did you send the schedule?",
-        "senderId": "alice",
-        "recipientId": "evead",
-        "timestamp": "09.10.2024 10:00:00"
-      },
-      {
-        "data": "Yes, just sent it.",
-        "senderId": "evead",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 10:05:00"
-      },
-      {
-        "data": "Thanks, much appreciated!",
-        "senderId": "alice",
-        "recipientId": "evead",
-        "timestamp": "09.10.2024 10:10:00"
-      },
-      {
-        "data": "No problem!",
-        "senderId": "evead",
-        "recipientId": "alice",
-        "timestamp": "09.10.2024 10:15:00"
-      }
-    ]
-  },
-  {
-    "id1": "bobsm",
-    "id2": "charl",
-    "messages": [
-      {
-        "data": "How's everything going?",
-        "senderId": "bobsm",
-        "recipientId": "charl",
-        "timestamp": "09.10.2024 10:20:00"
-      },
-      {
-        "data": "Pretty good, how about you?",
-        "senderId": "charl",
-        "recipientId": "bobsm",
-        "timestamp": "09.10.2024 10:25:00"
-      },
-      {
-        "data": "Can't complain!",
-        "senderId": "bobsm",
-        "recipientId": "charl",
-        "timestamp": "09.10.2024 10:30:00"
-      },
-      {
-        "data": "Glad to hear that.",
-        "senderId": "charl",
-        "recipientId": "bobsm",
-        "timestamp": "09.10.2024 10:35:00"
-      }
-    ]
-  },
-  {
-    "id1": "bobsm",
-    "id2": "david",
-    "messages": [
-      {
-        "data": "Can you send the report?",
-        "senderId": "bobsm",
-        "recipientId": "david",
-        "timestamp": "09.10.2024 10:40:00"
-      },
-      {
-        "data": "I'll send it in an hour.",
-        "senderId": "david",
-        "recipientId": "bobsm",
-        "timestamp": "09.10.2024 10:45:00"
-      },
-      {
-        "data": "Perfect, thanks.",
-        "senderId": "bobsm",
-        "recipientId": "david",
-        "timestamp": "09.10.2024 10:50:00"
-      },
-      {
-        "data": "No problem.",
-        "senderId": "david",
-        "recipientId": "bobsm",
-        "timestamp": "09.10.2024 10:55:00"
-      }
-    ]
-  },
-  {
-    "id1": "charl",
-    "id2": "evead",
-    "messages": [
-      {
-        "data": "Hey Eve, how's it going?",
-        "senderId": "charl",
-        "recipientId": "evead",
-        "timestamp": "09.10.2024 11:00:00"
-      },
-      {
-        "data": "Good, how about you?",
-        "senderId": "evead",
-        "recipientId": "charl",
-        "timestamp": "09.10.2024 11:05:00"
-      },
-      {
-        "data": "Can't complain!",
-        "senderId": "charl",
-        "recipientId": "evead",
-        "timestamp": "09.10.2024 11:10:00"
-      },
-      {
-        "data": "Glad to hear.",
-        "senderId": "evead",
-        "recipientId": "charl",
-        "timestamp": "09.10.2024 11:15:00"
-      }
-    ]
-  },
-  {
-    "id1": "charl",
-    "id2": "frank",
-    "messages": [
-      {
-        "data": "Do you have time to talk today?",
-        "senderId": "charl",
-        "recipientId": "frank",
-        "timestamp": "09.10.2024 11:20:00"
-      },
-      {
-        "data": "I have a meeting, but I can chat afterward.",
-        "senderId": "frank",
-        "recipientId": "charl",
-        "timestamp": "09.10.2024 11:25:00"
-      },
-      {
-        "data": "Sounds good.",
-        "senderId": "charl",
-        "recipientId": "frank",
-        "timestamp": "09.10.2024 11:30:00"
-      },
-      {
-        "data": "I'll message you after.",
-        "senderId": "frank",
-        "recipientId": "charl",
-        "timestamp": "09.10.2024 11:35:00"
-      }
-    ]
-  },
-  {
-    "id1": "david",
-    "id2": "frank",
-    "messages": [
-      {
-        "data": "Did you review the document?",
-        "senderId": "david",
-        "recipientId": "frank",
-        "timestamp": "09.10.2024 11:40:00"
-      },
-      {
-        "data": "Yes, it's all good.",
-        "senderId": "frank",
-        "recipientId": "david",
-        "timestamp": "09.10.2024 11:45:00"
-      },
-      {
-        "data": "Great, thanks for the quick turnaround!",
-        "senderId": "david",
-        "recipientId": "frank",
-        "timestamp": "09.10.2024 11:50:00"
-      },
-      {
-        "data": "No worries!",
-        "senderId": "frank",
-        "recipientId": "david",
-        "timestamp": "09.10.2024 11:55:00"
-      }
-    ]
-  },
-  {
-    "id1": "david",
-    "id2": "grace",
-    "messages": [
-      {
-        "data": "Grace, can you send the updated schedule?",
-        "senderId": "david",
-        "recipientId": "grace",
-        "timestamp": "09.10.2024 12:00:00"
-      },
-      {
-        "data": "Yes, I'll send it in a few minutes.",
-        "senderId": "grace",
-        "recipientId": "david",
-        "timestamp": "09.10.2024 12:05:00"
-      },
-      {
-        "data": "Thanks, much appreciated!",
-        "senderId": "david",
-        "recipientId": "grace",
-        "timestamp": "09.10.2024 12:10:00"
-      },
-      {
-        "data": "You're welcome!",
-        "senderId": "grace",
-        "recipientId": "david",
-        "timestamp": "09.10.2024 12:15:00"
-      }
-    ]
-  },
-  {
-    "id1": "frank",
-    "id2": "grace",
-    "messages": [
-      {
-        "data": "How are you today?",
-        "senderId": "frank",
-        "recipientId": "grace",
-        "timestamp": "09.10.2024 12:20:00"
-      },
-      {
-        "data": "I'm doing well, thanks for asking.",
-        "senderId": "grace",
-        "recipientId": "frank",
-        "timestamp": "09.10.2024 12:25:00"
-      },
-      {
-        "data": "Glad to hear that.",
-        "senderId": "frank",
-        "recipientId": "grace",
-        "timestamp": "09.10.2024 12:30:00"
-      },
-      {
-        "data": "How about you?",
-        "senderId": "grace",
-        "recipientId": "frank",
-        "timestamp": "09.10.2024 12:35:00"
-      }
-    ]
-  },
-  {
-    "id1": "frank",
-    "id2": "hanna",
-    "messages": [
-      {
-        "data": "Did you attend the meeting?",
-        "senderId": "frank",
-        "recipientId": "hanna",
-        "timestamp": "09.10.2024 12:40:00"
-      },
-      {
-        "data": "Yes, it was productive.",
-        "senderId": "hanna",
-        "recipientId": "frank",
-        "timestamp": "09.10.2024 12:45:00"
-      },
-      {
-        "data": "Good to hear!",
-        "senderId": "frank",
-        "recipientId": "hanna",
-        "timestamp": "09.10.2024 12:50:00"
-      },
-      {
-        "data": "Indeed, lots to follow up on.",
-        "senderId": "hanna",
-        "recipientId": "frank",
-        "timestamp": "09.10.2024 12:55:00"
-      }
-    ]
-  },
-  {
-    "id1": "grace",
-    "id2": "hanna",
-    "messages": [
-      {
-        "data": "Can we meet later today?",
-        "senderId": "grace",
-        "recipientId": "hanna",
-        "timestamp": "09.10.2024 01:00:00"
-      },
-      {
-        "data": "Sure, what's a good time?",
-        "senderId": "hanna",
-        "recipientId": "grace",
-        "timestamp": "09.10.2024 01:05:00"
-      },
-      {
-        "data": "How about 3?",
-        "senderId": "grace",
-        "recipientId": "hanna",
-        "timestamp": "09.10.2024 01:10:00"
-      },
-      {
-        "data": "Works for me.",
-        "senderId": "hanna",
-        "recipientId": "grace",
-        "timestamp": "09.10.2024 01:15:00"
-      }
-    ]
-  },
-  {
-    "id1": "grace",
-    "id2": "ianda",
-    "messages": [
-      {
-        "data": "Ian, did you get the message I sent?",
-        "senderId": "grace",
-        "recipientId": "ianda",
-        "timestamp": "09.10.2024 01:20:00"
-      },
-      {
-        "data": "Yes, I'll respond soon.",
-        "senderId": "ianda",
-        "recipientId": "grace",
-        "timestamp": "09.10.2024 01:25:00"
-      },
-      {
-        "data": "Thanks, appreciate it!",
-        "senderId": "grace",
-        "recipientId": "ianda",
-        "timestamp": "09.10.2024 01:30:00"
-      },
-      {
-        "data": "You're welcome!",
-        "senderId": "ianda",
-        "recipientId": "grace",
-        "timestamp": "09.10.2024 01:35:00"
-      }
-    ]
-  },
-  {
-    "id1": "hanna",
-    "id2": "ianda",
-    "messages": [
-      {
-        "data": "Ian, do you have a minute?",
-        "senderId": "hanna",
-        "recipientId": "ianda",
-        "timestamp": "09.10.2024 01:40:00"
-      },
-      {
-        "data": "Yes, what do you need?",
-        "senderId": "ianda",
-        "recipientId": "hanna",
-        "timestamp": "09.10.2024 01:45:00"
-      },
-      {
-        "data": "Just a quick update on the project.",
-        "senderId": "hanna",
-        "recipientId": "ianda",
-        "timestamp": "09.10.2024 01:50:00"
-      },
-      {
-        "data": "I'll email you the details.",
-        "senderId": "ianda",
-        "recipientId": "hanna",
-        "timestamp": "09.10.2024 01:55:00"
-      }
-    ]
-  },
-  {
-    "id1": "hanna",
-    "id2": "jillt",
-    "messages": [
-      {
-        "data": "Jill, can we talk tomorrow?",
-        "senderId": "hanna",
-        "recipientId": "jillt",
-        "timestamp": "09.10.2024 02:00:00"
-      },
-      {
-        "data": "Yes, I'm free after 2.",
-        "senderId": "jillt",
-        "recipientId": "hanna",
-        "timestamp": "09.10.2024 02:05:00"
-      },
-      {
-        "data": "Perfect, see you then.",
-        "senderId": "hanna",
-        "recipientId": "jillt",
-        "timestamp": "09.10.2024 02:10:00"
-      },
-      {
-        "data": "Looking forward to it.",
-        "senderId": "jillt",
-        "recipientId": "hanna",
-        "timestamp": "09.10.2024 02:15:00"
-      }
-    ]
-  },
-  {
-    "id1": "ianda",
-    "id2": "jillt",
-    "messages": [
-      {
-        "data": "Jill, I have the files you requested.",
-        "senderId": "ianda",
-        "recipientId": "jillt",
-        "timestamp": "09.10.2024 02:20:00"
-      },
-      {
-        "data": "Thanks, please send them over.",
-        "senderId": "jillt",
-        "recipientId": "ianda",
-        "timestamp": "09.10.2024 02:25:00"
-      },
-      {
-        "data": "I'll send them right now.",
-        "senderId": "ianda",
-        "recipientId": "jillt",
-        "timestamp": "09.10.2024 02:30:00"
-      },
-      {
-        "data": "Great, thanks again!",
-        "senderId": "jillt",
-        "recipientId": "ianda",
-        "timestamp": "09.10.2024 02:35:00"
-      }
-    ]
-  }
-]

stubs/api/chat/index.js

@@ -1,86 +0,0 @@
-const chatRouter = require('express').Router();
-
-module.exports = chatRouter;
-
-const { getChatFromDB, getUsersChats, addChatToDB, getUserFromDB,
-    addMessageToChat} = require('../db');
-
-chatRouter.get('/item/:id1/:id2', (req, res) => {
-    const { id1, id2 } = req.params;
-
-    if (id1 === id2) {
-        res.status(400).send({message: 'Ids should be different'});
-        return;
-    }
-
-    const chat = getChatFromDB(id1, id2);
-
-    if (chat) {
-        res.status(200).send({chat});
-    } else {
-        res.status(404).send({message: 'Chat was not found'});
-    }
-})
-
-chatRouter.post('/item/:id1/:id2', (req, res) => {
-    const { id1, id2 } = req.params;
-
-    if (id1 === id2) {
-        res.status(400).send({message: 'Ids should be different'});
-        return;
-    }
-
-    const chat = getChatFromDB(id1, id2);
-
-    if (chat) {
-        // Chat already exists
-        res.status(200).send({chat});
-    } else {
-        if (!getUserFromDB(id1) || !getUserFromDB(id2)) {
-            res.status(404).send({message: 'Such interlocutor does not exist'});
-        } else {
-            // Creating new chat
-            const newChat = {
-                id1: id1,
-                id2: id2,
-                messages: []
-            }
-
-            addChatToDB(newChat);
-
-            res.status(200).send({newChat});
-        }
-    }
-})
-
-chatRouter.get('/list/:id', (req, res) => {
-    const { id } = req.params;
-
-    const userChats = getUsersChats(id);
-
-    if (!userChats) {
-        res.status(404).send({message: 'Error with retrieving chats'});
-    } else {
-        res.status(200).send({chats: userChats});
-    }
-})
-
-chatRouter.post('/message/:sender/:receiver', (req, res) => {
-    const { sender, receiver } = req.params;
-    const { message } = req.body;
-
-    const chat = getChatFromDB(sender, receiver);
-
-    if (!chat) {
-        // Chat already exists
-        res.status(400).send({message: "Such chat does not exist"});
-    } else {
-        if (!getUserFromDB(sender) || !getUserFromDB(receiver)) {
-            res.status(404).send({message: 'Such people do not exist'});
-        } else {
-            // Add new message
-            addMessageToChat(chat, message);
-            res.status(200).send({});
-        }
-    }
-})

stubs/api/db.js

@@ -1,74 +0,0 @@
-// Read already defined users (pseudo-DB)
-const users = require('./auth/users.json');
-const chats = require('./chat/chats.json');
-
-const getUserFromDB = (userID) => {
-    if (!userID) {return false;}
-
-    // Accessing 'DB'
-    const user = users.find((user) => user.id === userID);
-
-    if (user) {
-        return user;
-    } else {
-        return false;
-    }
-}
-
-const deleteUserFromDB = (userID) => {
-    const index = users.findIndex(item => item.id === userID);
-    if (index !== -1) {
-        users.splice(index, 1);
-    }
-}
-
-const addUserToDB = (user) => {
-    users.push(user);
-}
-
-const getChatFromDB = (firstID, secondID) => {
-    if (!firstID || !secondID) {return false;}
-
-    // Accessing 'DB'
-    const chat = chats.find((item) =>
-        (item.id1 === firstID && item.id2 === secondID) || (item.id1 === secondID && item.id2 === firstID));
-
-    if (chat) {
-        return chat;
-    } else {
-        return false;
-    }
-}
-
-const getUsersChats = (userID) => {
-    if (!userID) {return false;}
-
-    const userChats = chats.filter((chat) => (chat.id1 === userID || chat.id2 === userID));
-
-    if (userChats) {
-        return userChats;
-    } else {
-        return false;
-    }
-}
-
-const addMessageToChat = (chat, msg) => {
-    chat.messages.push(msg);
-}
-
-const deleteChatFromDB = (firstID, secondID) => {
-    const index = chats.findIndex(item =>
-        (item.id1 === firstID && item.id2 === secondID) || (item.id1 === secondID && item.id2 === firstID));
-
-    if (index !== -1) {
-        chats.splice(index, 1);
-    }
-}
-
-const addChatToDB = (chat) => {
-    chats.push(chat);
-}
-
-
-module.exports = {users, chats, getUserFromDB, getChatFromDB, addUserToDB,
-    deleteUserFromDB, addChatToDB, deleteChatFromDB, getUsersChats, addMessageToChat}

stubs/api/index.js

@@ -1,17 +1,3 @@
-const changeRouter = require("./change");
-const authRouter = require("./auth");
-const chatRouter = require("./chat");
-
 const router = require('express').Router();
 
-const delay = require('./middlewares/delay');
-const verify = require('./middlewares/verify');
-
 module.exports = router;
-
-// router.use(delay(300));
-// router.use('/books', delay, booksRouter);
-
-router.use('/auth', authRouter);
-router.use('/change', verify, changeRouter);
-router.use('/chat', verify, chatRouter)

stubs/api/key.js

@@ -1,3 +0,0 @@
-const TOKEN_KEY = '5frv12e4few3r';
-
-module.exports = { TOKEN_KEY }

stubs/api/middlewares/delay.js

@@ -1,5 +0,0 @@
-const delay = (ms = 1000) => (req, res, next) => {
-    setTimeout(next, ms)
-}
-
-module.exports = delay

stubs/api/middlewares/verify.js

@@ -1,22 +0,0 @@
-const jwt = require('jsonwebtoken');
-
-const { TOKEN_KEY } = require('../key')
-
-function verifyToken(req, res, next) {
-    const token = req.headers['authorization']?.split(' ')[1];
-
-    if (!token) {
-        return res.status(401).send({ message: 'No token provided' });
-    }
-
-    // Verify token
-    jwt.verify(token, TOKEN_KEY, (err, decoded) => {
-        if (err) {
-            return res.status(401).send({ message: 'Unauthorized' });
-        }
-
-        next(); // Proceed to the next middleware or route
-    });
-}
-
-module.exports = verifyToken;