WorkBuddy
b67a56479e
═══ 缺陷 1（P0，运行期）：utils/api.js 成功回调调用不存在的方法 ═══ 控制台： TypeError: _this._releaseIdempotencyKey is not a function 根因：类中定义的是 `releaseIdempotencyKey()`，成功回调写成了 `this._releaseIdempotencyKey(...)`（**多一个下划线**）。 **为什么一个字符的笔误是 P0**：该调用位于 `wx.request` 的 success 回调内、 且在 `resolve()` **之前**。抛错 → `resolve` 永不执行 → 该 Promise **永不 settle** → 所有页面永远停在 loading，同时 App.onError 刷屏。 即「一次成功请求」本应推进流程，实际把前端整成不可用。 修复不只是改名，而是纠正结构： - **先 `resolve(body.data)`，再执行收尾动作** —— 收尾逻辑不允许挡在响应路径上； - 释放动作自带 try/catch + console.warn：释放失败最多是"下次操作没拿到新键"， 不得升级为业务失败。 - 语义未变（勿改）：成功→释放（下次同域操作是新的一次）；失败→刻意不释放 （重试复用同一把键，后端才能识别重复投递）。 ═══ 缺陷 2（编译期警告）：组件 wxss 用了标签选择器 ═══ Some selectors are not allowed in component wxss ... (components/recommend-card/index.wxss:1:1092) 实测违规 1 处（23 个组件样式文件全扫）：`.compact-like image` —— 组件 wxss 只允许类选择器。 改为 `.compact-like__icon` 并**同步在 WXML 补上类名** （只改 wxss 会让样式静默落空，是另一种"假成功"）。 ═══ 门禁：15 → 18（既有的全是源码内容断言，抓不到上述两类）═══ - 第15 `wxml-structure-contracts`（上一提交新增，本轮 MIN_GUARDS 基线顺带对齐） - 第16 `miniapp-self-method-contracts`：扫描 `this._x(` / `self._x(` 等私有调用， 要求同文件有定义（方法简写 / 类字段 / `this._x = 值` / prototype 四种形态）。 **判据先自证假阳性**：首版正则不允许 `.` 前缀，把 `this._unsub = store.bind(this)` 形式误报为未定义（3 个页面）；修正并加反向自检样例固化了该坑。 - 第17 `wxss-component-selector-contracts`：组件 wxss 禁标签/ID/属性选择器。 **作用域刻意只限 miniapp/components/**（page 的 wxss 允许标签选择器，套上去必有误报）。 - 第18 `miniapp-api-client-behavior`：**唯一的行为断言** —— 桩掉 `wx.request` 真跑 api.js， 验证成功 resolve / 失败 retain 键 / 成功 release 键 / 收尾抛错不影响响应路径 4 组。 含 1s settle 超时，直接编码"永不 settle"这一失败模式。 - 新增 `scripts/lib/wxss-selectors.mjs` + `scripts/check-wxss-component-selectors.mjs`（CLI）。 - `MIN_GUARDS` 15 → 18；执行器措辞改为「源码结构与关键行为断言」。 ═══ 验证 ═══ - `node scripts/run-ui-contracts.mjs` → **PASS 18 / 18**，退出 0； - 负向注入：未定义私有方法 / 标签+ID+属性选择器 / 多余闭合标签 → 均精准变红， 且**合法样例（`this._x = 值`、纯类选择器、属性内含 `>`）不被误报**； 行为守卫的负向自证见下一提交/记录；`UI_GUARDS_MIN=99` 拒绝报绿。 - 文档口径同步：AGENTS.md、STATUS.md（4 处当前口径 + 新增 1.1.0-rc.18 行）、ci.yml 注释。 - **未验证**：微信开发者工具真实编译与真机渲染（本机无该环境）。
57 lines
1.7 KiB
JavaScript
57 lines
1.7 KiB
JavaScript
#!/usr/bin/env node
|
|
// 组件 WXSS 选择器检查 CLI
|
|
//
|
|
// node scripts/check-wxss-component-selectors.mjs miniapp/components
|
|
// node scripts/check-wxss-component-selectors.mjs <某个.wxss>
|
|
//
|
|
// ⚠️ 只对**自定义组件**目录有意义（page 的 wxss 允许标签选择器）。
|
|
//
|
|
// 由来：2026-09-19 开发者工具警告
|
|
// Some selectors are not allowed in component wxss ... (components/recommend-card/index.wxss:1:1092)
|
|
// 实测违规 1 处：`.compact-like image`（标签选择器）。
|
|
//
|
|
// 退出码：0 = 通过；1 = 存在违规；2 = 用法/路径错误。
|
|
|
|
import { relative } from 'node:path';
|
|
import { statSync } from 'node:fs';
|
|
import { checkWxss, readFileSync, walkWxss } from './lib/wxss-selectors.mjs';
|
|
|
|
const roots = process.argv.slice(2);
|
|
if (roots.length === 0) {
|
|
console.error('用法：node scripts/check-wxss-component-selectors.mjs <组件目录或文件> [...]');
|
|
process.exit(2);
|
|
}
|
|
|
|
const files = [];
|
|
for (const r of roots) {
|
|
let isFile = false;
|
|
try {
|
|
isFile = statSync(r).isFile();
|
|
} catch {
|
|
isFile = false;
|
|
}
|
|
if (isFile) {
|
|
files.push(r);
|
|
continue;
|
|
}
|
|
const found = walkWxss(r);
|
|
if (found.length === 0) {
|
|
console.error(`未找到 .wxss（路径不存在或目录为空）：${r}`);
|
|
process.exit(2);
|
|
}
|
|
files.push(...found);
|
|
}
|
|
|
|
let failed = 0;
|
|
for (const f of files) {
|
|
const problems = checkWxss(readFileSync(f, 'utf8'));
|
|
if (problems.length) {
|
|
failed++;
|
|
console.log(`✗ ${relative(process.cwd(), f)}`);
|
|
for (const p of problems) console.log(` 第 ${p.line} 行：${p.message}`);
|
|
}
|
|
}
|
|
|
|
console.log(`\n检查 ${files.length} 个组件 WXSS 文件，含违规选择器 ${failed} 个`);
|
|
process.exit(failed ? 1 : 0);
|