novalon/novalon-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
652 Commits 3 Branches 1 Tag
dev
Commit Graph
12 Commits
Author SHA1 Message Date
zhangxiang dcf8ed6f20 chore(audit): 同源 script 取消按后果导向判定（无未捕获异常不留痕） 
App Router 静态 chunk 预取不带 Sec-Purpose 头无法按头识别；
必需 chunk 被取消必然伴随 hydration 失败（pageErrors 非空，仍以 P1 记录），
故同源 script ERR_ABORTED + 路由无未捕获异常 = 运行时自行取代，不留痕。
终验：33 路由 × 双主题 P1/P2/P3/INFO 全零。
 2026-09-20 11:50:58 +08:00
zhangxiang 441a748f32 chore(audit): UI 审计工具链增强与噪音根治 
- ui-audit.mjs：路由发现扩展至 33 路由（standalone 构建产物 + erp-upgrade 系列）；
  GA/gtm 请求 mock（gtag/js 空 JS + collect 204）；第三方统计噪音与同源
  ERR_ABORTED（重调度成功/prefetch）降级 INFO；LCP/CLS 断言按系统负载门控
  （load >= 5 跳过并注明，防测量环境假阳性）；LCP 超阈值热缓存 reload 复测
  取优（lcpCold 留存冷值）；clip 探针 sr-only 白名单；onReqFail 防御性修复
- ui-audit-report.mjs（新增）：多主题探针聚合 HTML 报告，含截图画廊与 INFO 分级
- hardcoded-color-audit.mjs：bg-black/50 半透明遮罩误报修正（负向前瞻）+ 白名单
- 新增 brand-usage-scan.mjs / brand-ink-migrate.mjs（品牌令牌迁移辅助）
 2026-09-20 11:50:58 +08:00
zhangxiang d959fa9a81 refactor(theme): 营销页 bg-white token 化（暗黑模式 Phase 2 · marketing 批次） 
问题：Tailwind 原生 bg-white 是硬编码值，深色主题下不翻转，
导致整页/整 section 恒为纯白，与转深色的页头页脚割裂。
（globals.css：--color-bg-primary-rgb 浅色 255 255 255 → 深色 10 14 20）

改动：10 文件 67 处 bg-white → 项目 token，按语义二分类
- bg-bg-primary  （33 处）：页面/大块骨架（min-h-screen 容器、<section>、<main>）
- bg-bg-elevated （34 处）：浮起层（带 border 的卡片、表单输入、图标盒、grid 单元格）
  --color-bg-elevated 浅色 #FFFFFF → 深色 #151B23，同样翻转。

浅色主题下 bg-white / bg-bg-primary / bg-bg-elevated 三者同值（纯白），
故本次改动在浅色主题下零像素差异，只修复深色主题。

新增审计工具：
- scripts/audit/hardcoded-color-audit.mjs：硬编码颜色分级盘点
  （含 alpha 误报修正：bg-white/NN 半透明叠加两主题均成立，判 INFO 非 P0）
- scripts/audit/darkmode-bg-verify.mjs：直接验证背景随主题翻转
  （浅色应纯白、深色应 rgb(10,14,20) 且无残留纯白块）

审计结果：marketing P0 67 → 0；全站 P0 97 → 30
（剩余 components 16 / other 8 / layout 3 / ui-kit 3 为第二批；admin 本就为 0）

门禁：
- tsc 0 error
- eslint 0 error（50 warnings 全为既有，改动文件未新增）
- jest 129/130 套件通过，1548 通过 / 2 跳过 / **0 断言失败**
  唯一失败 src/lib/admin-api.test.ts 为**沙箱环境限制非代码问题**：
  CODEBUDDY_BROKER_DENY 拦截 readFileSync，单独复验同样失败，
  与本次改动零交集（改动仅限 src/app/(marketing)/ 下 10 个页面组件）
- 暗黑模式背景验证 18/18 PASS（9 路由 × 浅深双版）
 2026-09-20 11:50:58 +08:00
zhangxiang ad0b265ef2 refactor(motion): 收敛末批 P1 入场时长与变量递增 stagger 步进 
动效合规专项（Task #16）收尾。

改动：
- page-transition.tsx：入场 duration 0.4/0.5 → 0.3（末处真 P1，由 client-layout 消费）
- 17 文件 21 处子元素 stagger 步进 80/100ms → 60ms
  （CONTEXT.md 原则4「子元素 stagger 30-60ms」；属已批准决策 04e91e3 的漏网，
   因当时审计脚本看不见 delay: i * N 的乘法写法）
- 审计脚本补盲区：新增变量递增 stagger 识别 + 明细表（此前漏掉全站 33 处）
- 审计脚本新增 NON_ENTRANCE 排除：flip-clock 机械翻转、design-system 死代码令牌
- delay 判据自我纠正：硬禁令约束的是 duration（动效时长），
  delay 属调度而非动效本身，一律判 P2（偏离指引），不得判 P0

门禁（全绿）：
- tsc 0 error
- eslint 0 error（50 warnings 均为既有）
- jest 130/130 套件，1573 通过 / 2 跳过 / 0 失败
- 运行时冒烟 16/16 PASS（8 路由 × 浅深双版，0 控制台报错）
- 审计：P0=0 · P1=0 · stagger 步进 P2=0
 2026-09-20 11:50:58 +08:00
zhangxiang 7a9e4d56cd chore(audit): admin 暗黑模式影响探针（决策点 1 取证） 
- admin 12 个 tsx 零 bg-white、零硬编码灰黑，全部项目 token
- 登录页深/浅双版渲染干净、0 控制台报错
- 登录墙内工作台待有凭据后视觉 QA
 2026-09-20 11:50:58 +08:00
zhangxiang 0bd1e9a7e2 feat(theme): 主题三态偏好模型，默认跟随系统自动切换暗黑模式 
- 新增 src/lib/theme.ts：三态偏好单一真源
  （system/light/dark，无存储值默认跟随系统）
- ThemeToggle 改三态循环（Monitor→Sun→Moon）：
  实时监听 prefers-color-scheme（仅 system 档生效）
  + storage 跨标签页同步；尺寸位置不变
- layout.tsx FOUC 内联脚本支持 system 档，
  首帧前解析避免闪烁
- e2e 视觉回归 L2 改用 test.use({ colorScheme }) 驱动
  （事后 setAttribute 存在被挂载效果覆盖的竞态）
- header.test.tsx lucide 白名单补 Monitor
- CLAUDE.md 同步三态语义与 variant 踩坑
- 新增 scripts/audit/theme-system-verify.mjs
  （55 断言：首帧无闪烁/循环/实时跟随/旧值兼容/
  污染回退/6 路由冒烟）

验证：单测 131 套件 1662 通过 0 失败；
tsc 0 错；eslint 0 错；next build 通过；
运行时 55/55 PASS（dogfood-output/theme-system-verify/）
 2026-09-20 11:50:58 +08:00
zhangxiang 5159862e96 fix(motion): ScrollReveal 默认入场 400ms→300ms，对齐动效四原则目标值 
约束纠正：CONTEXT.md L49-61 规定入场 200-300ms 为**目标值**，700ms 只是
「禁止超过」的**硬上限**（L58）。此前按 700ms 执行属最低限度合规。

杠杆点改动：
- src/components/ui/scroll-reveal.tsx:69 duration 0.4 → 0.3
  该默认值被 22 个文件消费，一行改动即把全站默认入场拉到目标区间
- 同文件 staggerDelay/delayChildren = 0.05 已在 30-60ms 目标内，未动

新增审计工具（Task #16 各批次复用）：
- scripts/audit/motion-duration-audit.mjs：扫 273 文件，抓 framer duration /
  默认参数 / Tailwind duration-NNN / staggerDelay·delayChildren·delay，
  按 P0(>700ms) / P1(300-700ms) / P2(stagger>60ms) 分级
  - 已修正两处自身缺陷：漏掉默认参数赋值 duration=N；CountUp/toast 的
    毫秒值误判为秒（加 >10 判毫秒排除 7 处误报）
- scripts/audit/motion-smoke.mjs：多路由 × 浅深运行时冒烟（hydration + 0 报错）

盘点基线（本次审计）：P0 硬违规 99 / P1 超目标 164 / P2 stagger 28
- 其中 animations.tsx 20 处为死代码（生产零消费方，仅自家 test import），
  按「保留待用」决策不动，不计入用户可见违规 → 用户可见 P0 89 / P1 157 / P2 25

验证：tsc 0 错 · eslint 0 错(50 既有 warnings) · jest 129 套件/1628 通过
      冒烟 5 路由 × 浅深 = 10/10 PASS（hydration=true, errors=0）
 2026-09-20 11:50:58 +08:00
zhangxiang 62e6b6ea81 refactor(detail): 合并 L3 客户案例/资质认证区块为共享组件 
- 新建 CaseStudiesSection / CertificationsSection 共享组件（src/components/detail），
  合并 solution/product 逐字重复的本地实现与 service 的异类实现（卡片 motion.a
  链 /cases/<slug> 依赖尚不存在数据 → 404，违反零编造）
- bg-white → bg-bg-primary token 化（浅色零视觉差异，深色模式正确反色，对齐暗黑 Phase 2）
- 数据闸门保留：caseStudies/certifications 空时 return null，由 L3EmptyFallback 接管
- grid/flex 类直接挂 StaggerReveal，修复合并前的单列布局 bug
- 动效 0.8s → 0.7s（detail-cta-section + service CTASection），对齐 ≤700ms 约束
- 附 scripts/audit/l3-b2-verify.mjs 运行时冒烟（product 页浅深双版，0 报错，hydration 通过）

验证：type-check 0 错 / lint 0 错(127 既有 warnings) / 单测 129 套件 1628 通过
 2026-09-20 11:50:58 +08:00
zhangxiang 82217576b9 feat(detail): Layer 3 信任层空数据兜底骨架（L3SignalsSlot + L3EmptyFallback + EarlyAccessNotice） 
- 新增 L3SignalsSlot：4 类可验证替代信号卡（方法论/团队/历程/服务承诺），
  服务承诺卡 disabled 占位待业务确认；零编造约束下替代真实案例/认证
- 新增 EarlyAccessNotice：首批客户共创状态条（单一真源 company.ts EARLY_ACCESS）
- 新增 L3EmptyFallback：caseStudies/certifications/dataProofs 三者全空时渲染兜底，
  任一非空 return null 保留本地真实 section 视觉
- 接入 5 处详情页：solution v3 / service v4 / product v3 / erp-upgrade-v3 / standalone/[id]
- 修复 StaggerReveal 网格布局：grid 类须挂在 StaggerReveal 自身（否则卡片堆单列）
- 更新 solution 测试至新行为（空数据→兜底渲染）+ 补 lucide 图标 mock
- 修复 header.test.tsx 双 logo 断言（2593599 遗留）
- 新增 scripts/audit/l3-fallback-verify.mjs 运行时验证（浅/深双版 PASS）
  注：必须用 localhost 而非 127.0.0.1 —— Next dev allowedDevOrigins 默认白名单
  不含 127.0.0.1，chunk 请求带该 Origin 被 403 → hydration 不发生 → 动画全冻结

验证：type-check 0 错 · lint 0 错(127 既有 warnings) · 单测 129 套件/1628 通过 ·
L3 兜底浅深双版渲染截图 PASS
 2026-09-20 11:50:58 +08:00
zhangxiang 045c5095c1 fix(build): 改 darkMode 为 variant 模式让 Tailwind dark: 变体按 data-theme='dark' 触发 
- tailwind.config.js darkMode 从 'class' 改为 ['variant', '[data-theme="dark"] &']
- 'class' 模式匹配 .dark class，但站点用 html[data-theme='dark'] 属性，导致 dark: 变体全局失效
- variant 模式让 dark:bg-foo 类生成 [data-theme="dark"] .dark\:bg-foo 选择器
- 验证：临时加 dark:bg-blue-500 → CSS 含正确选择器；运行时浅色 bg=white、深色 bg=rgb(59,130,246)

回归测试脚本：
- darkmode-selector-verify.mjs：合成探针验证 utility 生效
- home-cta-verify.mjs：定位 home 本地简化 CTASection 实际渲染（之前误判为'不渲染'）

诚实标注：
- 全站 grep dark: utility class 仅发现 cta-button.tsx 2 处，但均为 TS 对象 key（非 utility），故 dark: 失效问题无直接破坏
- 修复属'基础设施补全'：未来添加 dark: 工具类即按 data-theme='dark' 自动生效

home-content-v15.tsx 的 CTASection（line 978-998）是**文件本地简化版**
（仅标题 + CTAButton，无 BrandStamp），与 src/components/sections/cta-section.tsx
（含 BrandStamp「值得信赖」）是不同组件。前者实际渲染，后者无路由使用（待用资产）。
本修复不涉及 CTASection 渲染路径。

验证：
- type-check 0 error
- lint 0 error
- 编译产物含 [data-theme="dark"] .dark\:bg-blue-500 选择器
- 运行时合成探针 PASS（浅色 white / 深色 blue）
 2026-09-20 11:50:58 +08:00
zhangxiang 918d845aef fix(ui,a11y): 修 logo 深色模式不可见 + 补 tailwind font-calligraphy 工具类 
修复 A：header logo 深色模式字被吞
- logo.svg 右侧公司名（睿新致遠 + NOVALON）硬编码 fill='#0A0E14'，
  深色背景下 background 同色不可见，红色印章下书法字与英文全部被吞。
- 复用既有 logo-white.svg（白字 + 红印章）作为深色版，
  header 渲染双 <Image>，按 html[data-theme] CSS 显隐。
- 双 Image 不占位（display:none），零 JS 闪烁，未来主题切换器自动生效。

修复 B：font-calligraphy 工具类不生成
- tailwind.config.js 的 fontFamily 此前未声明 calligraphy key，
  导致 font-calligraphy utility 永不生成，4 处装饰书法字
  （BrandStamp「值得信赖」/ ChallengeSection「使命」/ WhyUsSection「睿」「我们」）
  静默回退 sans。
- fontFamily 加 calligraphy: ['var(--font-calligraphy-system)']。

审计脚本：
- logo-compare*.mjs：生产 vs 本地 logo 对比定位
- logo-dark-verify.mjs：明暗双版渲染验证
- font-calligraphy-verify.mjs：合成探针验证 utility 生效

验证：
- type-check 0 error · lint 0 error（127 warnings 既有项与本次无关）
- 深浅色 header 截图：明暗版正确切换，书法字 + NOVALON 清晰可见
- font-calligraphy 合成探针 computed fontFamily = STKaiti, KaiTi, 楷体, SimKai, serif ✓
 2026-09-20 11:50:58 +08:00
zhangxiang 09ff3e026b chore(audit): add reusable dogfood UI/UX/UE audit toolkit and 2026-09-01 report 
新增可复用的全站 dogfood 审计工具链（Playwright，31 路由约 2 分钟跑完）：

- scripts/audit/ui-audit.mjs —— 主审计器。9 维自动化探针：对比度（WCAG
  相对亮度 + alpha 合成 + 大文本 3:1 / 小文本 4.5:1）、横向溢出、触控目标
  （WCAG 2.2 AA 2.5.8 24x24）、img alt、标题层级、form label、文本截断、
  颜色频次（品牌红覆盖）、性能（LCP + CLS）。支持多视口采集与 P1/P2/P3 自动分级。
- scripts/audit/audit-fullpage.mjs —— 核心页 fullPage 长图（首屏看不全叙事结构）
- scripts/audit/verify-tabbar.mjs —— 移动端 Tab bar 遮挡修复验证
- scripts/audit/contact-diag.mjs —— 单页诊断（console/pageerror/requestfailed 捕获）

防刷绿机制：对比度探针命中 aria-hidden 祖先时跳过，但累计 decorativeSkipped
让豁免量可见；触控探针把 aria-hidden 内的可聚焦元素计入 ariaHiddenFocusable
单独上报，不静默跳过。

已知盲区（需在报告中人工补判）：effectiveBg 遇到渐变或图片背景返回 unknown
并跳过整节点 —— 详情页 hero 的装饰数字因此从未被自动报出。

.gitignore 增加 dogfood-ui-audit/（采集产物单轮可达 39MB，只提交脚本与报告）。

Refs: UI_UX_UE_AUDIT_2026-09-01.md
 2026-09-20 11:50:58 +08:00