@ai0x0/utils 0.0.25 → 0.0.27

package/eslint-rules/no-hardcoded-style.js

@@ -0,0 +1,437 @@
+/**
+ * no-hardcoded-style
+ * ------------------
+ * 禁止在 JSX style / createStyles / css`` 中直接写死样式值。
+ * 强制使用 antd token（theme.useToken() 或 createStyles(({token}) => ...)）。
+ *
+ * 白名单：
+ *   - token.xxx / token() / calc(...) 表达式
+ *   - 0 值
+ *   - CSS 功能性关键字（auto, none, hidden, pointer 等）
+ *   - 百分比 / 带单位字符串
+ *   - 条件/逻辑/变量/函数调用（无法静态判断）
+ *   - css\`...\` 中的 \${token.xxx} 插值
+ */
+
+// ==============================================================================
+// 白名单
+// ==============================================================================
+
+const ALLOWED_LITERALS = new Set([
+  "auto",
+  "none",
+  "hidden",
+  "visible",
+  "pre-wrap",
+  "pre",
+  "normal",
+  "pointer",
+  "default",
+  "move",
+  "not-allowed",
+  "grab",
+  "grabbing",
+  "center",
+  "flex-start",
+  "flex-end",
+  "space-between",
+  "space-around",
+  "left",
+  "right",
+  "top",
+  "bottom",
+  "start",
+  "end",
+  "solid",
+  "dashed",
+  "dotted",
+  "double",
+  "groove",
+  "ridge",
+  "inset",
+  "outset",
+  "block",
+  "inline-block",
+  "inline",
+  "flex",
+  "grid",
+  "contents",
+  "row",
+  "column",
+  "row-reverse",
+  "column-reverse",
+  "wrap",
+  "nowrap",
+  "wrap-reverse",
+  "relative",
+  "absolute",
+  "fixed",
+  "sticky",
+  "static",
+  "bold",
+  "bolder",
+  "lighter",
+  "100",
+  "200",
+  "300",
+  "400",
+  "500",
+  "600",
+  "700",
+  "800",
+  "900",
+  "italic",
+  "oblique",
+  "uppercase",
+  "lowercase",
+  "capitalize",
+  "underline",
+  "overline",
+  "line-through",
+  "blink",
+  "collapse",
+  "separate",
+  "border-box",
+  "content-box",
+  "padding-box",
+  "contain",
+  "cover",
+  "fill",
+  "scale-down",
+]);
+
+const TOKEN_KEYS = new Set([
+  "margin",
+  "marginTop",
+  "marginBottom",
+  "marginLeft",
+  "marginRight",
+  "marginInline",
+  "marginInlineStart",
+  "marginInlineEnd",
+  "marginBlock",
+  "marginBlockStart",
+  "marginBlockEnd",
+  "padding",
+  "paddingTop",
+  "paddingBottom",
+  "paddingLeft",
+  "paddingRight",
+  "paddingInline",
+  "paddingInlineStart",
+  "paddingInlineEnd",
+  "paddingBlock",
+  "paddingBlockStart",
+  "paddingBlockEnd",
+  "gap",
+  "rowGap",
+  "columnGap",
+  "color",
+  "background",
+  "backgroundColor",
+  "borderColor",
+  "borderTopColor",
+  "borderBottomColor",
+  "borderLeftColor",
+  "borderRightColor",
+  "outlineColor",
+  "border",
+  "borderTop",
+  "borderBottom",
+  "borderLeft",
+  "borderRight",
+  "borderWidth",
+  "borderTopWidth",
+  "borderBottomWidth",
+  "borderLeftWidth",
+  "borderRightWidth",
+  "borderStyle",
+  "borderTopStyle",
+  "borderBottomStyle",
+  "borderLeftStyle",
+  "borderRightStyle",
+  "borderRadius",
+  "borderTopLeftRadius",
+  "borderTopRightRadius",
+  "borderBottomLeftRadius",
+  "borderBottomRightRadius",
+  "fontSize",
+  "fontWeight",
+  "lineHeight",
+  "letterSpacing",
+  "boxShadow",
+  "textShadow",
+  "opacity",
+  "zIndex",
+  "width",
+  "height",
+  "minWidth",
+  "minHeight",
+  "maxWidth",
+  "maxHeight",
+  "top",
+  "bottom",
+  "left",
+  "right",
+]);
+
+// ==============================================================================
+// Token 属性 / 检查逻辑
+// ==============================================================================
+
+/** kebab-case → camelCase 映射（用于 css`` 模板字符串） */
+const KEBAB_TO_CAMEL = {};
+for (const key of TOKEN_KEYS) {
+  const kebab = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+  KEBAB_TO_CAMEL[kebab] = key;
+}
+
+function isTokenExpr(node) {
+  if (!node) return false;
+  if (
+    node.type === "MemberExpression" &&
+    node.object.type === "Identifier" &&
+    node.object.name === "token"
+  )
+    return true;
+  if (
+    node.type === "CallExpression" &&
+    node.callee.type === "Identifier" &&
+    ["token", "calc", "max", "min", "clamp"].includes(node.callee.name)
+  )
+    return true;
+  return false;
+}
+
+function isAllowedValue(node) {
+  if (!node) return true;
+  if (isTokenExpr(node)) return true;
+  if (node.type === "Literal" && (node.value === 0 || node.value === "0"))
+    return true;
+  if (
+    node.type === "Literal" &&
+    typeof node.value === "string" &&
+    ALLOWED_LITERALS.has(node.value)
+  )
+    return true;
+  if (
+    node.type === "Literal" &&
+    typeof node.value === "string" &&
+    /^(\d+(\.\d+)?(px|em|rem|%|vh|vw|vmin|vmax|ex|ch|cm|mm|in|pt|pc)|\d+(\.\d+)?\s+(px|em|rem)\s+(solid|dashed|dotted)|\d+\.?\d*%)$/.test(
+      node.value,
+    )
+  )
+    return true;
+  if (
+    [
+      "ConditionalExpression",
+      "LogicalExpression",
+      "BinaryExpression",
+      "UnaryExpression",
+      "TemplateLiteral",
+      "CallExpression",
+      "Identifier",
+      "SpreadElement",
+    ].includes(node.type)
+  )
+    return true;
+  if (node.type === "ObjectExpression" || node.type === "ArrayExpression")
+    return true;
+  return false;
+}
+
+function checkStyleObject(context, objExpr) {
+  for (const prop of objExpr.properties) {
+    if (prop.type !== "Property") continue;
+    const key =
+      prop.key.type === "Identifier"
+        ? prop.key.name
+        : prop.key.type === "Literal"
+          ? prop.key.value
+          : null;
+    if (!key || !TOKEN_KEYS.has(key)) continue;
+    const val = prop.value;
+    if (isAllowedValue(val)) continue;
+    const valText = context.getSourceCode().getText(val);
+    context.report({
+      node: prop,
+      messageId: "noHardcoded",
+      data: { key, value: valText },
+    });
+  }
+}
+
+function checkCssTemplate(context, node) {
+  const template = node.quasi;
+  const quasis = template.quasis;
+  const expressions = template.expressions;
+
+  // 构建完整 CSS 文本，用占位符标记插值位置
+  let fullText = "";
+  for (let i = 0; i < quasis.length; i++) {
+    fullText += quasis[i].value.raw;
+    if (i < expressions.length) fullText += "${EXPR}";
+  }
+
+  // 按行分割，逐行检查
+  const lines = fullText.split(/\n/);
+  for (const line of lines) {
+    // 简单解析：找冒号分割的 property: value
+    const colonIdx = line.indexOf(":");
+    if (colonIdx === -1) continue;
+
+    const rawProp = line.slice(0, colonIdx).trim();
+    const rawVal = line
+      .slice(colonIdx + 1)
+      .trim()
+      .replace(/;$/, "")
+      .trim();
+
+    // 忽略 css 嵌套规则、@media 等
+    if (
+      rawProp.startsWith("&") ||
+      rawProp.startsWith("@") ||
+      rawProp.startsWith("//")
+    )
+      continue;
+
+    // 匹配 camelCase 或 kebab-case 属性
+    const camelProp = TOKEN_KEYS.has(rawProp)
+      ? rawProp
+      : KEBAB_TO_CAMEL[rawProp];
+    if (!camelProp) continue;
+
+    // 值包含 ${EXPR} → 被插值打断或完全由表达式提供 → 跳过
+    if (rawVal.includes("${EXPR}")) continue;
+
+    // 0 值
+    if (rawVal === "0" || rawVal === "0px") continue;
+
+    // CSS 关键字白名单
+    if (ALLOWED_LITERALS.has(rawVal)) continue;
+
+    // 纯百分比 → 允许（布局常用）
+    if (/^\d+\.?\d*%$/.test(rawVal)) continue;
+
+    // 100vh / 100vw → 允许（全屏布局）
+    if (/^100(vh|vw)$/.test(rawVal)) continue;
+
+    // 百分比 / 带单位字符串 → 硬编码（token 体系也有 sizeStep/sizeUnit）
+    if (
+      /^(\d+(\.\d+)?(px|em|rem|%|vh|vw|vmin|vmax|ex|ch|cm|mm|in|pt|pc)|\d+\.?\d*%)$/.test(
+        rawVal,
+      )
+    ) {
+      context.report({
+        node: template,
+        messageId: "noHardcoded",
+        data: { key: rawProp, value: rawVal },
+      });
+      continue;
+    }
+
+    // 剩余 → 硬编码
+    context.report({
+      node: template,
+      messageId: "noHardcoded",
+      data: { key: rawProp, value: rawVal },
+    });
+  }
+}
+
+/** @type {import('eslint').Rule.RuleModule} */
+const rule = {
+  meta: {
+    type: "suggestion",
+    docs: {
+      description:
+        "禁止在 style / createStyles / css`` 中硬编码样式值，强制使用 antd token。",
+    },
+    schema: [],
+    messages: {
+      noHardcoded:
+        "禁止硬编码 `{{ {{key}}: {{value}} }}`。请使用 antd token（如 `token.marginSM`、`token.colorPrimary`）。可参考 .codex/skills/ant-design/SKILL.md 了解 token 体系。",
+    },
+  },
+  create(context) {
+    return {
+      JSXAttribute(node) {
+        if (node.name.name !== "style") return;
+        const expr = node.value?.expression;
+        if (!expr || expr.type !== "ObjectExpression") return;
+        checkStyleObject(context, expr);
+      },
+
+      TaggedTemplateExpression(node) {
+        if (node.tag.type === "Identifier" && node.tag.name === "css") {
+          checkCssTemplate(context, node);
+        }
+      },
+
+      CallExpression(node) {
+        if (
+          node.callee.type !== "Identifier" ||
+          node.callee.name !== "createStyles"
+        )
+          return;
+        const arg = node.arguments[0];
+        if (!arg) return;
+
+        if (arg.type === "ObjectExpression") {
+          for (const prop of arg.properties) {
+            if (prop.type !== "Property") continue;
+            if (prop.value.type === "ObjectExpression")
+              checkStyleObject(context, prop.value);
+            else if (
+              prop.value.type === "TaggedTemplateExpression" &&
+              prop.value.tag.name === "css"
+            )
+              checkCssTemplate(context, prop.value);
+          }
+          return;
+        }
+
+        let body = null;
+        if (arg.type === "ArrowFunctionExpression") body = arg.body;
+        else if (arg.type === "FunctionExpression") body = arg.body;
+        if (!body) return;
+
+        if (body.type === "ObjectExpression") {
+          for (const prop of body.properties) {
+            if (prop.type !== "Property") continue;
+            if (prop.value.type === "ObjectExpression")
+              checkStyleObject(context, prop.value);
+            else if (
+              prop.value.type === "TaggedTemplateExpression" &&
+              prop.value.tag.name === "css"
+            )
+              checkCssTemplate(context, prop.value);
+          }
+          return;
+        }
+
+        if (body.type === "BlockStatement") {
+          for (const stmt of body.body) {
+            if (
+              stmt.type === "ReturnStatement" &&
+              stmt.argument?.type === "ObjectExpression"
+            ) {
+              for (const prop of stmt.argument.properties) {
+                if (prop.type !== "Property") continue;
+                if (prop.value.type === "ObjectExpression")
+                  checkStyleObject(context, prop.value);
+                else if (
+                  prop.value.type === "TaggedTemplateExpression" &&
+                  prop.value.tag.name === "css"
+                )
+                  checkCssTemplate(context, prop.value);
+              }
+            }
+          }
+        }
+      },
+    };
+  },
+};
+
+export default rule;

package/eslint-rules/no-one-letter-vars.js

@@ -0,0 +1,111 @@
+/**
+ * no-one-letter-vars
+ * ------------------
+ * 禁止单字母变量名（如 `e`、`i`、`g`、`x` 等），要求使用有意义的命名。
+ *
+ * 例外：
+ *   - `_` 常用于未使用变量
+ *   - for 循环的声名部分（for (let i = 0; ...)）— 惯用用法
+ *   - 泛型类型参数如 `<T>`
+ */
+
+/** @type {import('eslint').Rule.RuleModule} */
+const rule = {
+  meta: {
+    type: "suggestion",
+    docs: {
+      description: "禁止使用单字母变量，要求有意义的命名。",
+    },
+    schema: [],
+    messages: {
+      noOneLetter: "禁止使用单字母变量名 '{{ name }}'，请使用有意义的名称。",
+    },
+  },
+  create(context) {
+    // Track function scopes to know if we're at the top level
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let scopeStack = 0;
+
+    return {
+      // --- 变量声名 ---
+      VariableDeclarator(node) {
+        if (!node.id || node.id.type !== "Identifier") return;
+        const name = node.id.name;
+        if (name.length !== 1 || !/^[a-z]$/.test(name)) return;
+
+        // Skip `_`
+        if (name === "_") return;
+
+        // Skip if inside for loop (for (let i = 0..))
+        let parent = node.parent;
+        while (parent) {
+          if (
+            parent.type === "ForStatement" ||
+            parent.type === "ForInStatement" ||
+            parent.type === "ForOfStatement"
+          ) {
+            return;
+          }
+          parent = parent.parent;
+        }
+
+        context.report({
+          node: node.id,
+          messageId: "noOneLetter",
+          data: { name },
+        });
+      },
+
+      // --- 函数/箭头函数参数 ---
+      ":function"(node) {
+        scopeStack++;
+        for (const param of node.params) {
+          if (param.type === "Identifier") {
+            const name = param.name;
+            if (name.length === 1 && /^[a-z]$/.test(name) && name !== "_") {
+              context.report({
+                node: param,
+                messageId: "noOneLetter",
+                data: { name },
+              });
+            }
+          } else if (
+            param.type === "ObjectPattern" ||
+            param.type === "ArrayPattern"
+          ) {
+            // Check nested patterns
+            checkPattern(param, context);
+          }
+        }
+      },
+      ":function:exit"() {
+        scopeStack--;
+      },
+    };
+
+    function checkPattern(pattern, ctx) {
+      for (const prop of pattern.properties || pattern.elements || []) {
+        if (!prop) continue;
+        const value =
+          prop.type === "RestElement" ? prop.argument : prop.value || prop;
+        if (value.type === "Identifier") {
+          const name = value.name;
+          if (name.length === 1 && /^[a-z]$/.test(name) && name !== "_") {
+            ctx.report({
+              node: value,
+              messageId: "noOneLetter",
+              data: { name },
+            });
+          }
+        } else if (
+          value.type === "ObjectPattern" ||
+          value.type === "ArrayPattern"
+        ) {
+          checkPattern(value, ctx);
+        }
+      }
+    }
+  },
+};
+
+export default rule;

package/eslint-rules/no-then.js

@@ -0,0 +1,40 @@
+/**
+ * no-then
+ * -------
+ * 禁止使用 .then()，强制使用 async/await。
+ *
+ * 例外（不检测）：
+ *   - 文件和 /apis/generator/ 下的代码（已有独立 override）
+ */
+
+/** @type {import('eslint').Rule.RuleModule} */
+const rule = {
+  meta: {
+    type: "suggestion",
+    docs: {
+      description: "禁止使用 .then()，必须使用 async/await。",
+    },
+    schema: [],
+    messages: {
+      noThen: "禁止使用 .then()，请使用 async/await 替代。",
+    },
+  },
+  create(context) {
+    return {
+      CallExpression(node) {
+        if (
+          node.callee.type === "MemberExpression" &&
+          node.callee.property.type === "Identifier" &&
+          node.callee.property.name === "then"
+        ) {
+          context.report({
+            node: node.callee.property,
+            messageId: "noThen",
+          });
+        }
+      },
+    };
+  },
+};
+
+export default rule;

package/eslint-rules/no-use-request-run.js

@@ -0,0 +1,54 @@
+/**
+ * no-use-request-run
+ * -------------------
+ * 禁止在 useRequest 解构中使用 `run`（包括 `run: alias` 和 `run`）。
+ * 必须使用 `runAsync` 并配合 `await` 在调用处等待。
+ */
+
+/** @type {import('eslint').Rule.RuleModule} */
+const rule = {
+  meta: {
+    type: "suggestion",
+    docs: {
+      description: "禁止使用 useRequest 的 run，必须使用 runAsync + await。",
+    },
+    schema: [],
+    messages: {
+      useRunAsync:
+        "禁止使用 useRequest 的 run/run:xxx，请使用 runAsync/runAsync:xxx + await。",
+    },
+  },
+  create(context) {
+    return {
+      VariableDeclarator(node) {
+        if (
+          node.init &&
+          node.init.type === "CallExpression" &&
+          node.init.callee.type === "Identifier" &&
+          node.init.callee.name === "useRequest"
+        ) {
+          if (node.id.type === "ObjectPattern") {
+            for (const prop of node.id.properties) {
+              if (prop.type !== "Property") continue;
+              const key = prop.key;
+              if (
+                key.type === "Identifier" &&
+                (key.name === "run" || key.name === "runAsync")
+              ) {
+                // Only report for `run` / `run: foo`, not for `runAsync`
+                if (key.name === "run") {
+                  context.report({
+                    node: prop,
+                    messageId: "useRunAsync",
+                  });
+                }
+              }
+            }
+          }
+        }
+      },
+    };
+  },
+};
+
+export default rule;