From d7c4520a65a16b6cc6e040bbdb3f2a6b72de3f23 Mon Sep 17 00:00:00 2001
From: hex2077 <justlikemaki@qq.com>
Date: Mon, 25 Aug 2025 23:19:35 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=99=BB=E5=BD=95):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=99=BB=E5=BD=95=E9=87=8D=E5=AE=9A=E5=90=91=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E5=B9=B6=E4=BC=98=E5=8C=96=E8=B7=AF=E5=BE=84=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增登录API路由，处理会话检查及重定向逻辑
- 在Sidebar组件中引入路径处理函数，优化注销后的重定向路径
- 更新LoginModal组件，为社交登录添加回调URL参数
---
 web/src/app/api/login/route.ts    | 22 ++++++++++++++++++++++
 web/src/components/LoginModal.tsx |  4 ++--
 web/src/components/Sidebar.tsx    |  9 +++++++--
 3 files changed, 31 insertions(+), 4 deletions(-)
 create mode 100644 web/src/app/api/login/route.ts

diff --git a/web/src/app/api/login/route.ts b/web/src/app/api/login/route.ts
new file mode 100644
index 0000000..2f55ac9
--- /dev/null
+++ b/web/src/app/api/login/route.ts
@@ -0,0 +1,22 @@
+import { NextResponse, NextRequest } from 'next/server';
+import { getSessionData } from "@/lib/server-actions";
+
+export async function GET(request: NextRequest) {
+  const sessionData = await getSessionData();
+  let baseUrl = process.env.NEXT_PUBLIC_BASE_URL || "/";
+  const pathname = request.nextUrl.searchParams.get('pathname');
+  if(!!pathname){
+    baseUrl += pathname.replace('/','');
+  }
+
+  // 如果没有获取到 session，直接重定向到根目录
+  if (!sessionData?.user) {
+    const url = new URL(baseUrl, request.url);
+    return NextResponse.redirect(url);
+  }
+
+  // 创建一个 URL 对象，指向要重定向到的根目录
+  const url = new URL(baseUrl, request.url);
+  // 返回重定向响应
+  return NextResponse.redirect(url);
+}
\ No newline at end of file
diff --git a/web/src/components/LoginModal.tsx b/web/src/components/LoginModal.tsx
index 25d9c3b..2ce3f81 100644
--- a/web/src/components/LoginModal.tsx
+++ b/web/src/components/LoginModal.tsx
@@ -63,7 +63,7 @@ const LoginModal: FC<LoginModalProps> = ({ isOpen, onClose, lang }) => {
 
         <div className="space-y-4">
           <button
-            onClick={() => signIn.social({ provider: "google" , newUserCallbackURL: "/api/newuser?provider=google&pathname=" + truePath})}
+            onClick={() => signIn.social({ provider: "google" , callbackURL: "/api/login?pathname=" + truePath, newUserCallbackURL: "/api/newuser?provider=google&pathname=" + truePath})}
             className="w-full flex items-center justify-center gap-3 px-4 py-3 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-lg font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors"
           >
             <AiOutlineChrome className="h-6 w-6" />
@@ -71,7 +71,7 @@ const LoginModal: FC<LoginModalProps> = ({ isOpen, onClose, lang }) => {
           </button>
 
           <button
-            onClick={() => signIn.social({ provider: "github" , newUserCallbackURL: "/api/newuser?provider=github&pathname=" + truePath })}
+            onClick={() => signIn.social({ provider: "github" , callbackURL: "/api/login?pathname=" + truePath, newUserCallbackURL: "/api/newuser?provider=github&pathname=" + truePath })}
             className="w-full flex items-center justify-center gap-3 px-4 py-3 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-lg font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors"
           >
             <AiOutlineGithub className="h-6 w-6" />
diff --git a/web/src/components/Sidebar.tsx b/web/src/components/Sidebar.tsx
index 1532f76..eef46f8 100644
--- a/web/src/components/Sidebar.tsx
+++ b/web/src/components/Sidebar.tsx
@@ -22,6 +22,9 @@ import { cn } from '@/lib/utils';
 import LoginModal from './LoginModal'; // 导入 LoginModal 组件
 import type { PodcastItem } from '@/types';
 import { useTranslation } from '../i18n/client'; // 导入 useTranslation
+import { usePathname } from 'next/navigation'; // 导入 usePathname
+import { getTruePathFromPathname } from '../lib/utils'; // 导入新函数
+
 const enableTTSConfigPage = process.env.NEXT_PUBLIC_ENABLE_TTS_CONFIG_PAGE === 'true';
 
 interface SidebarProps {
@@ -60,6 +63,8 @@ const Sidebar: React.FC<SidebarProps> = ({
   const [session, setSession] = useState<any>(null); // 使用 useState 管理 session
   const didFetch = useRef(false); // 使用 useRef 确保 useEffect 只在组件挂载时执行一次
   const router = useRouter(); // 初始化 useRouter 钩子
+  const pathname = usePathname();
+  const truePath = getTruePathFromPathname(pathname, lang);
 
   useEffect(() => {
     // 首次加载时获取 session
@@ -85,7 +90,7 @@ const Sidebar: React.FC<SidebarProps> = ({
             onSuccess: () => {
               setSession(null); // 会话过期，注销成功后清空本地 session 状态
               onCreditsChange(0); // 清空积分
-              router.push("/"); // 会话过期，执行注销并重定向到主页
+              router.push(truePath+"/"); // 会话过期，执行注销并重定向到主页
             },
           },
         });
@@ -380,7 +385,7 @@ const Sidebar: React.FC<SidebarProps> = ({
                           setSession(null); // 注销成功后清空本地 session 状态
                           onPodcastExplore([]); // 注销后清空播客卡片
                           onCreditsChange(0); // 清空积分
-                          router.push("/"); // 注销成功后重定向到主页
+                          router.push(truePath+"/"); // 注销成功后重定向到主页
                         },
                       },
                     });