toom1996/frontend_v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
199300b2034c89e132c4399cc8decfd600e653ed
frontend_v2/.workbuddy/memory/2026-09-01.md
toom1996 64af75c0a9
Some checks failed
deploy / deploy (push) Has been cancelled
Details
update
2026-09-02 21:50:30 +08:00

14 KiB
Raw Blame History

2026-09-01 工作日志

登录页样式丢失（17:30 修复）

  • 现象：用户反馈 login 页样式没了。排查发现 src/pages/{en,cn}/login.astro 是裸 <body> 片段页（没有 <html>/<head>），仅靠前端 import '@/styles/global.css' 引入样式。Astro 在构建时对片段页不会把 import 的 CSS 注入 head，导致构建产物 dist/.../login/index.html 完全没有 <link rel=stylesheet>，整页无样式（dev 模式下 Vite HMR 偶尔能补上，故时有时无）。
  • 修复：给两个 login 页补上完整 <!doctype html><html><head>(charset/viewport/title)</head><body>...，前端 import '@/styles/global.css 随即被注入 head；<script> 移入 body 内。复用 Layout 同款写法。
  • 验证：npx astro build EXIT=0，dist/.../en/login/index.html 头部出现 <link rel="stylesheet" href="/_astro/...css">，确认样式回归。其它页面走 Layout 不受影响；全仓仅 login 两页存在此片段页 import CSS 问题。

新增 root 测试账号

  • 用户要求加一个账号/密码都是 root 的测试账号。改 scripts/seed_users/main.go：把单账号 upsert 重构为账号列表循环，admin(强密码) + root(密码 root，明文弱密码，仅本地联调)。
  • 运行 go run ./scripts/seed_users（EXIT=0）：✓ 内部账号已存在，已刷新密码哈希: root；ℹ 账号 root 登录方式: root / 密码: root。
  • 实测登录：Invoke-RestMethod POST /api/v1/auth/login {account:root,password:root} → STATUS_OK user=root，access_len=177、refresh_len=64。登录链路通，用户可直接用 root/root 测试。

重要纠正：access token 实际是 7 天，不是 2h

  • 之前记忆/口述误记 access=2h。核对 configs/config.yml 第 40 行 expire_hours: 168（=7 天，注释"与原项目一致"）；internal/config/config.go 默认回落也是 168h；refresh 720h=30 天。
  • 实测 root 登录 expires_in=604800（7 天）佐证。

个人中心页面重设计（企业级，设计优先）

  • 用户反馈现 account.astro「根本不像企业级页面」，要求先把视觉/结构做好，功能可先不实现。
  • 重写 src/pages/{en,cn}/account.astro：黑白极简编辑风（与站点一致）。结构 = ① 黑底 Hero（字母头像 monogram + 用户名/邮箱 + 角色 chip「Internal · Portfolio Studio」+ 加入于 2026 + Sign out）；② 四宫格数据概览（Saved looks / Collections / History / Active sessions，占位 0/0/0/1）；③ 左栏 tab 导航 + 右栏内容面板，tab = Overview / My Collections / My History / Sessions & Security / Settings；④ 收藏/历史为空状态（细线 SVG + CTA 去浏览档案）；⑤ Sessions 面板含「当前设备」会话卡 + 单会话互斥说明 + 「退出所有设备」按钮（占位，带 Soon 标）；⑥ Settings 偏好行（语言/外观/通知，均 Soon 占位）。
  • 功能约定：仅 logout()（调 api.logout 吊销 refresh）与未登录重定向真实可用；编辑资料/收藏/历史/会话管理/偏好均为占位（disabled 或 Soon 标），待后续实现。
  • 词典：新增一批账户中心键（overview / sessions & security / settings / saved looks / active sessions / member since / role / internal member / account overview / account details / username / edit profile / view archive / no collections yet / no history yet / browse the archive / current session / this device / last active / sign out all devices / single session note / preferences / appearance / notifications / soon / quick stats / now），en 即键本身、cn 提供翻译。
  • 验证：npm run build EXIT=0，/en/account、/cn/account 均预渲染成功；read_lints 0 错误。dev server 仍在 4321，需用 root/root 登录后访问 /en/account 看完整效果（未登录仅见登录引导卡）。
  • 影响：互斥登录"踢人"只吊销 refresh，而已签发的 access 还能活 7 天——即被顶掉的会话最多要等 7 天才失效，2h 窗口的说法是错的。要让同账号互斥真正即时生效，必须加 users.token_version（签发时嵌版本、middleware.Auth 每次比对），或把 access TTL 调短（如 2h）。已修正 MEMORY.md。

账户中心 v1：做成真实可用的客户端版（16:30 续）

  • 用户要求把个人中心做成"像 B 站/论坛那种有功能的"，不要占位。结合"一点一点完善"，本轮交付客户端存储版（数据存浏览器、按登录用户名隔离），零后端风险，登录即可用；函数签名预留替换服务端。
  • 新增前端库：src/lib/favorites.ts（收藏：getFavorites/isFavorited/toggleFavorite/removeFavorite/clearFavorites）、src/lib/history.ts（浏览历史：recordHistory/getHistory/clearHistory，去重+上限60）、src/lib/profile.ts（昵称/简介：getProfile/saveProfile）。均按 fa_fav_<user>/fa_hist_<user>/fa_profile_<user> 隔离。
  • 详情页 src/pages/{en,cn}/item/[id].astro：新增右下角浮动「收藏」按钮（fab，点击 toggle 收藏、已收藏反白），并在加载时 recordHistory 记录浏览历史（仅登录态）；meta 由服务端 frontmatter 透传，define:vars 注入脚本。
  • 重写 src/pages/{en,cn}/account.astro：Hero（昵称可编辑、取 profile 存储）、四宫格真实计数（收藏数/历史数）、Tab = Overview / Saved looks / History / Sessions & Security / Settings 全部接真实数据：
    • Saved looks：真实收藏列表（卡片+封面+移除+跳详情），空状态引导。
    • History：真实浏览历史列表+清空按钮。
    • Sessions：解析 UA 显示「当前设备」（浏览器·OS），「退出所有设备」接 logoutAll()（真实）。
    • Settings：语言切换（EN/中文 跳对应 locale 账户页，真实）、外观（浅色/深色 toggle，theme-dark 切内容面板与统计卡，真实）、通知（开/关 本地存储）。
    • 编辑资料弹窗：修改昵称/简介，存 profile 本地，Hero 即时反映。
  • 词典 dictionary.ts 补 cn 翻译：member profile/save/saved/remove/cancel/save changes/display name/bio/clear history/no saved looks yet/light/dark/on/off。
  • 验证：npm run build EXIT=0，/en/account、/cn/account 预渲染成功；read_lints 0 错误。dev server :4321 运行中，用 root/root 登录后访问 /en/account 可见完整功能（未登录自动跳 /en/login）。
  • 待办（下一轮，服务端化）：收藏/历史/资料/会话列表需后端化以支持跨设备——需新增 favorites 表+接口、users 加 display_name/bio 列、refresh_tokens 列表接口（登录时补 user_agent/ip）、/me/profile 更新接口。现前端 lib 函数签名已设计为可平滑替换实现。

个人中心视觉重构（18:00）

  • 用户反馈 account 页「太难看了」。排查：页面样式其实正常（Layout 注入 CSS 正常），丑点是设计语言不统一——原稿用暖米色 bg-[#f7f5f1] 面板 + 大柔影 shadow-[0_18px_50px_rgba(0,0,0,.04)] + rounded-[30px] 大圆角，与站点纯黑白极简编辑风（thin border、rounded-none、mono 标签、serif 大标题、shadow-sm）冲突。
  • 重写 src/pages/{en,cn}/account.astro（与 v1 功能/Alpine 逻辑完全一致，仅重排版面）：报头改白底细线（去掉黑底大卡 + 方块 monogram 头像）；统计卡改 border-black/15 网格、无柔影无大圆角；Tab 导航激活态改「黑底白字」实心（原 border-b-2 下划线）；内容面板 border border-black/15 bg-white、rounded-none；收藏/历史卡片改 border-black/15 + hover:border-black + bg-[#f1f1f1] 占位（对齐 look-grid.css）；编辑弹窗去圆角去阴影；新增 js-surface/js-line/js-chip/accent-btn/ghost-btn class 钩子支撑深色模式反相（.account-root.theme-dark 全局 border-color 反白 + 主按钮反白）。cn/en 两文件共用同一套 t() 文案，新增词典键 items(cn:条)。
  • 验证：npx astro build EXIT=0；dist 产物确认 stylesheet 链接 + 新 class + 深色 <style> 均注入；read_lints 0 错误。

个人中心大幅精简（18:47）

  • 用户要求：去掉 Active Sessions / My Collections（认为无用，或换功能）、去掉 Sign out、section 内容简洁点"有用户名就够了"。
  • 改动 src/pages/{en,cn}/account.astro：
    • 报头：删邮箱行、角色 chip、Sign out 按钮、编辑资料入口；仅留「方块字母头像 + 用户名」大标题（member profile 小标签保留）。
    • 删整块「四宫格数据概览」（含 Saved looks / My Collections / My History / Active Sessions 占位卡）。
    • Tab 导航：删 Overview、Sessions & Security 两项；保留 Saved looks / My History / Settings 三个。默认 tab 改为 saved。
    • 删编辑资料弹窗及 displayName/bio 相关逻辑（profile.ts 不再接入）。
    • Sign out：报头按钮移除，仅在 Settings 底部保留一个低调文字链接（underline hover）logout()，避免彻底无法登出（切账号卡死）。已告知用户若想彻底删除可再提。
    • 脚本同步精简：删 editing/displayName/bio/device/parseUA、saveProfileEdit/logoutAllDevices、移除 logoutAll/getProfile/saveProfile 导入；保留 favorites/history/settings 逻辑。
  • 验证：npx astro build EXIT=0；dev server :4321 运行中，root/root 登录访问 /en/account 看效果。
  • 遗留：dictionary.ts 中部分键（my collections / active sessions / sessions & security / sign out all devices / account overview / username / email / display name / bio / role / internal member / member since / edit profile / view archive / save changes / cancel 等）已无人引用，属数据冗余，未删（不影响构建）。

个人中心再精简：去掉偏好设置（19:10）

  • 用户：「偏好设置也不要了」。结合上轮已去掉 sign out 报头按钮，现整体移除 Settings tab。
  • 改 src/pages/{en,cn}/account.astro：删导航里的 Settings 按钮、删整个 Settings 面板（语言/外观/通知/退出登录全部移除）；脚本移除 themeDark/notif 状态、toggleTheme/toggleNotif/switchLang/logout 方法，及 logout 导入；移除 <main> 上的 :class="theme-dark" 绑定与深色模式 <style> 块（js-surface/accent-btn 等 class 留作空操作，无害）。
  • 结果：个人中心现仅 = 报头（方块头像+用户名）+ 两个 tab（Saved looks / My History），无偏好、无退出登录入口。
  • 影响：登录后页面无任何「退出/切换账号」入口，需清理浏览器 localStorage 才能换号。已向用户说明，如需保留可再加。
  • 验证：npm run build EXIT=0；read_lints 0 错误。

个人中心：加宽容器 + 收藏假数据（19:15）

  • 用户：① 收藏搞个假数据看效果；② 觉得 main 容器太窄，加宽。
  • 改动 src/pages/{en,cn}/account.astro：
    • 主容器 max-w-5xl → max-w-7xl（1280px），收藏/历史卡片网格 grid-cols-2 sm:grid-cols-3 → grid-cols-2 sm:grid-cols-3 lg:grid-cols-4（间距 gap-4→gap-5）。
    • 收藏假数据：脚本新增 demoFavorites（8 条，含 Maison Margiela/Prada/Bottega/Loewe/Saint Laurent/Celine/Balenciaga/Jacquemus 的 FW25/SS26 RTW，标 demo:true）。init() 中 getFavorites() 为空时回退到 demoFavorites，保证有内容可预览；一旦用户存入真实收藏即不再显示 demo。
    • 占位图：新增 PLACEHOLDER（内联 SVG data URI，灰底 "LOOK" 字样），coverUrl(f) 方法在 f.cover 为空时返回占位（真实收藏无封面也不再裂图）。
    • demo 项处理：点击 demo 卡片 itemHref 跳走秀档案（不进 404 详情）；点 REMOVE 仅从内存 favorites 移除 demo 项、不写 localStorage。
  • 验证：npm run build EXIT=0；read_lints 0 错误。
  • 注：若账号之前已存真实收藏，收藏 tab 显示真实数据而非 demo（布局同样可见）；要看纯 demo 需先清空该用户收藏的 localStorage。

列表卡片收藏按钮 + 压黑底白字（19:24）

  • 用户三点：① 图片应可收藏，且抱怨找不到收藏/取消入口；② 整体偏无背景色，尽量少用黑底白字组件。
  • 改动：
    • src/components/RunwayLooks.astro / StreetSnaps.astro：卡片 <a> 外包 relative 容器并加 x-data="{ fav: isFav(it.id) }"，右上角加白底细边心形按钮 .fav-toggle：@click.prevent="fav = toggleFav(it)"；未登录点按由 toggleFav 弹登录框（requireLogin）。脚本引入 isFavorited/toggleFavorite，新增 isFav(id)、toggleFav(it)（runway→type:'runway'/brand=brand_name；street→type:'street'/brand=''），toggleFavorite 返回布尔驱动 fav 视觉。
    • src/styles/look-grid.css：新增 .fav-toggle（白底 border-black/15 圆钮，hover:scale-110）与 .fav-toggle.is-on svg { fill:#000 }（已收藏仅实心黑心，不出现黑底块）。
    • src/pages/{en,cn}/item/[id].astro：详情页浮窗收藏按钮由黑底白字改为白底描边（hover:bg-black 反白），图标改心形 + #fav-fab.is-active .fav-heart{fill:currentColor}；脚本去掉 btn.style.background/color 内联黑底，改用 label.textContent + is-active 类切换。
    • src/pages/{en,cn}/account.astro：tab 激活态由「黑底块 bg-black text-white」改为编辑风细线（黑字 + border-b-2 border-black 移动端下划线 / lg:border-l-2 lg:border-l-black 桌面左竖线）；两个 browse the archive 按钮由 bg-black text-white 改为 bg-white text-black（保留 hover 反白）。cn 版 tab 含 font-mono（en 无），已分别适配。
  • 验证：npm run build EXIT=0；read_lints 0 错误。
  • 遗留黑底白字（用户说"尽可能少"而非全删，保留作小强调）：分页 .pg.is-current、卡片 .showsbadge(RTW 角标)、导航 2026 小药丸、登录提交按钮 hover 反白——均为功能性/极小强调，未改。若用户要更彻底再动。

收藏爱心图标修正（19:39）

  • 用户："你现在看下，收藏按钮的logo、"（话未说完，但意图是检查/修图标）。
  • 发现：列表页（RunwayLooks / StreetSnaps）与详情页（item/[id] en+cn）四个位置的收藏按钮共用同一段手写爱心 SVG path，坐标不对称——叶瓣中心 x=5.5/14.5（均=10），底部尖端却在 x=12，导致整颗心向左偏、视觉是斜的。
  • 修复：四处理所当然统一替换为严格对称爱心 path M12 21C12 21 4 14.5 4 8.8C4 6.1 6.1 4 8.7 4C10.3 4 11.5 4.8 12 6C12.5 4.8 13.7 4 15.3 4C17.9 4 20 6.1 20 8.8C20 14.5 12 21 12 21Z（叶瓣中心 x=8.7/15.3、尖端 x=12、凹点 x=12，左右镜像）。
  • 验证：npm run build EXIT=0；read_lints 0 错误。