Files
UHD_Media_Tool/apps/web
rootandClaude Opus 5.5 39ec8185e9 feat(web): 资源搜索结果改版(规格标签、促销前置、数字对齐、按作品分组、规则判定)
参考 MP 资源卡片:促销放在标题前(免费用 success,其余折扣中性加粗,带剩余时间);
规格拆成中性小标签(季集 → 分辨率 → 来源 → 编码 → HDR → 音频 → 语言 → 制作组);
站点 / 大小 / 做种·下载 / 发布时间宽屏定宽对齐、窄屏折行,做种加粗、为 0 时弱化;
结果涉及多部作品时按作品分组(组头 = 作品名 + 年份 + 库存状态),只有一部时不重复作品名;
每行显示服务端规则判定(命中第 N 档 / 不满足 / 与库里版本比较)。保留工作台、委托智能体、下载。

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Cxwgnn2pbzQ7rXv3rq7fei
2026-10-06 12:04:37 +08:00
..
2026-10-04 00:10:13 +08:00

@umt/web

React Router 7 SPA 控制台(ssr:false),沿用 uhd_web 设计系统(token 见 app/app.css,规范见 docs/design/)。只通过 /api/v1 与 server 通信,请求/响应类型一律来自 @umt/contracts,不手写重复 DTO。开发端口 5180,/api 代理到 http://localhost:4380。

命令

在仓库根目录执行:

  • deno task dev:web:开发服务器(5180)。
  • cd apps/web && deno task build:生产构建到 build/client,由 server 的 WEB_ROOT 同端口托管。
  • cd apps/web && deno task test:单测(app/**/*.test.ts)。
  • deno task test:web:smoke:Playwright 全页面冒烟,前提与环境变量见仓库 README。
  • deno task check:tokens:设计 token 守卫。

目录

  • app/routes/:页面(routes.ts 登记全部路由);app/routes/console/ 为控制台。
  • app/api/:按资源分的 react-query hook,路径与 schema 取 @umt/contracts 的 Api 注册表。
  • app/components/:业务组件与 ui/ 基础组件。
  • Agent 页的 ?mock=1 演示模式只在开发构建或后端 pi.provider = "fake" 时生效,生产构建连真实模型时忽略。