feat: add login button while public page.

Author: PttCodingMan

CLAUDE.md

@@ -61,7 +61,7 @@ Schema auto-migrates on startup in `database.py`.
 
 ### Wikilinks
 
-Format: `[[slug]]` or `[[slug|display text]]`. Parsed on both backend (backlink tracking in `backlinks` table via `services/wikilink.py`) and frontend (navigation in viewer). Slug generation uses `pypinyin` for Chinese characters.
+Format: `[[slug]]` or `[[slug|display text]]`. Parsed on both backend (backlink tracking in `backlinks` table via `services/wikilink.py`) and frontend (navigation in viewer). Auto-generated slugs preserve CJK characters (Python 3 `\w` matches Unicode letters), so Chinese/Japanese/Korean titles appear in URLs as-is.
 
 ## API Structure
 

backend/app/routers/pages.py

@@ -13,20 +13,15 @@
 
 
 def slugify(title: str, existing_slug: str | None = None) -> str:
-    """Generate a URL-friendly slug from title. Supports Chinese via pypinyin."""
+    """Generate a URL-friendly slug from title. Preserves CJK characters so
+    Chinese/Japanese/Korean titles show up in the URL as-is rather than pinyin."""
     if existing_slug:
         return existing_slug
 
-    try:
-        from pypinyin import lazy_pinyin
-
-        parts = lazy_pinyin(title)
-        text = "-".join(parts)
-    except ImportError:
-        text = title
-
-    text = unicodedata.normalize("NFKD", text)
-    text = text.lower().strip()
+    text = unicodedata.normalize("NFKC", title)
+    text = text.strip().lower()
+    # In Python 3 str regex, \w matches Unicode word characters including CJK,
+    # so this strips punctuation while keeping letters from any script.
     text = re.sub(r"[^\w\s-]", "", text)
     text = re.sub(r"[-\s]+", "-", text)
     text = text.strip("-")

backend/tests/test_pages_advanced.py

@@ -3,9 +3,10 @@
 
 def test_slugify():
     assert slugify("Hello World") == "hello-world"
-    assert slugify("測試標題") == "ce-shi-biao-ti"
-    assert slugify("Mixed Title 測試") == "mixed-title-ce-shi"
+    assert slugify("測試標題") == "測試標題"
+    assert slugify("Mixed Title 測試") == "mixed-title-測試"
     assert slugify("!@#$%^&*()") == "untitled"
+    assert slugify("中文 標題！with 英文") == "中文-標題with-英文"
 
 @pytest.mark.asyncio
 async def test_unique_slug_collision(auth_client):

frontend/src/pages/PublicPageView.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef, useState } from 'react'
-import { useParams } from 'react-router-dom'
+import { Link, useLocation, useParams } from 'react-router-dom'
 import publicApi from '../api/publicClient'
 import MarkdownViewer from '../components/Viewer/MarkdownViewer'
 import ThemeSwitcher from '../components/ThemeSwitcher'
@@ -17,6 +17,8 @@ import ThemeSwitcher from '../components/ThemeSwitcher'
  */
 export default function PublicPageView({ notFound }) {
   const { slug } = useParams()
+  const location = useLocation()
+  const loginHref = `/login?redirect=${encodeURIComponent(location.pathname + location.search)}`
   const [state, setState] = useState({ status: 'loading', slug: null, page: null })
   const reqIdRef = useRef(0)
 
@@ -83,7 +85,15 @@ export default function PublicPageView({ notFound }) {
     <div className="min-h-screen bg-bg text-text flex flex-col">
       <header className="flex justify-between items-center px-6 py-3 border-b border-border">
         <div className="text-sm font-semibold text-text">JustWiki</div>
-        <ThemeSwitcher />
+        <div className="flex items-center gap-3">
+          <ThemeSwitcher />
+          <Link
+            to={loginHref}
+            className="text-sm px-3 py-1.5 rounded-md bg-primary text-primary-text hover:bg-primary-hover transition-colors"
+          >
+            Login
+          </Link>
+        </div>
       </header>
       <main className="flex-1 w-full max-w-4xl mx-auto px-4 sm:px-8 py-8">
         <h1 className="text-3xl font-bold text-text mb-2">{page.title}</h1>