feat: implement user authentication and logout functionality

- Added login/logout buttons to the HomeScreen and SettingsScreen.
- Integrated authentication state management using Zustand and cookies.
- Updated API to support username and password for login.
- Enhanced PlayScreen to handle video playback based on user authentication.
- Created a new detailStore to manage video details and sources.
- Refactored playerStore to utilize detailStore for episode management.
- Added sourceStore to manage video source toggling.
- Updated settingsStore to fetch server configuration.
- Improved error handling and user feedback with Toast notifications.
- Cleaned up unused code and optimized imports across components.

backend/src/config/config.json

@@ -3,8 +3,7 @@
   "api_site": {
     "dyttzy": {
       "api": "http://caiji.dyttzyapi.com/api.php/provide/vod",
-      "name": "电影天堂资源",
-      "detail": "http://caiji.dyttzyapi.com"
+      "name": "电影天堂资源"
     },
     "ruyi": {
       "api": "https://cj.rycjapi.com/api.php/provide/vod",
@@ -16,8 +15,7 @@
     },
     "heimuer": {
       "api": "https://json.heimuer.xyz/api.php/provide/vod",
-      "name": "黑木耳",
-      "detail": "https://heimuer.tv"
+      "name": "黑木耳"
     },
     "bfzy": {
       "api": "https://bfzyapi.com/api.php/provide/vod",
@@ -29,8 +27,7 @@
     },
     "ffzy": {
       "api": "http://ffzy5.tv/api.php/provide/vod",
-      "name": "非凡影视",
-      "detail": "http://ffzy5.tv"
+      "name": "非凡影视"
     },
     "zy360": {
       "api": "https://360zy.com/api.php/provide/vod",
@@ -50,8 +47,7 @@
     },
     "jisu": {
       "api": "https://jszyapi.com/api.php/provide/vod",
-      "name": "极速资源",
-      "detail": "https://jszyapi.com"
+      "name": "极速资源"
     },
     "dbzy": {
       "api": "https://dbzy.tv/api.php/provide/vod",

backend/src/data/playrecords.json

@@ -1 +1 @@
-{}
+{}

backend/src/routes/login.ts

@@ -4,6 +4,7 @@ import dotenv from "dotenv";
 dotenv.config();
 
 const router = express.Router();
+const username = process.env.USERNAME;
 const password = process.env.PASSWORD;
 
 /**
@@ -11,6 +12,7 @@ const password = process.env.PASSWORD;
  * @apiName UserLogin
  * @apiGroup User
  *
+ * @apiBody {String} username User's username.
  * @apiBody {String} password User's password.
  *
  * @apiSuccess {Boolean} ok Indicates if the login was successful.
@@ -30,17 +32,26 @@ const password = process.env.PASSWORD;
  *     }
  */
 router.post("/login", (req: Request, res: Response) => {
-  if (!password) {
-    // If no password is set, login is always successful.
-    return res.json({ ok: true });
+  const { username: inputUsername, password: inputPassword } = req.body;
+
+  // Compatibility with old versions, if username is not set, only password is required
+  if (!username || !password) {
+    if (inputPassword === password) {
+      res.cookie("auth", "true", { httpOnly: true, maxAge: 24 * 60 * 60 * 1000 });
+      return res.json({ ok: true });
+    } else if (!password) {
+      // If no password is set, login is always successful.
+      return res.json({ ok: true });
+    } else {
+      return res.status(400).json({ message: "Invalid password" });
+    }
   }
 
-  const { password: inputPassword } = req.body;
-
-  if (inputPassword === password) {
+  if (inputUsername === username && inputPassword === password) {
+    res.cookie("auth", "true", { httpOnly: true, maxAge: 24 * 60 * 60 * 1000 });
     res.json({ ok: true });
   } else {
-    res.status(400).json({ message: "Invalid password" });
+    res.status(400).json({ message: "Invalid username or password" });
   }
 });