oxc/tasks/lint_rules/src/markdown-renderer.cjs
Yuji Sugiura 41fb7ef7e7
chore(tasks/lint_rules): Arrange UI (#2187)
Part of #2020

- [x] rule counters
- [x] show two tables
- [x] omit all the deprecated rules

Eventually I decided to split them into 3 tables.

In order to be aware of the newly deprecated rules in the future, the
deprecated rules are hidden by default, rather than omitted altogether.
2024-01-28 22:25:33 +08:00

163 lines
4.4 KiB
JavaScript

/**
* @typedef {({ name: string } & import("./oxlint-rules.cjs").RuleEntry)} RuleEntryView
* @typedef {{ isImplemented: number; isNotSupported: number; total: number }} CounterView
*/
/** @param {{ npm: string; }} props */
const renderIntroduction = ({ npm }) => `
> [!WARNING]
> This comment is maintained by CI. Do not edit this comment directly.
> To update comment template, see https://github.com/oxc-project/oxc/tree/main/tasks/lint_rules
This is tracking issue for \`${npm}\`.
`;
/**
* @param {{
* counters: {
* recommended: CounterView;
* notRecommended: CounterView;
* deprecated: CounterView;
* };
* }} props
*/
const renderCounters = ({
counters: { recommended, notRecommended, deprecated },
}) => {
const recommendedTodos =
recommended.total -
(recommended.isImplemented + recommended.isNotSupported);
const notRecommendedTodos =
notRecommended.total -
(notRecommended.isImplemented + notRecommended.isNotSupported);
const countersList = [
`- ${recommendedTodos}/${recommended.total} recommended rules are remaining as TODO`,
recommendedTodos === 0 && ` - All done! 🎉`,
`- ${notRecommendedTodos}/${notRecommended.total} not recommended rules are remaining as TODO`,
notRecommendedTodos === 0 && ` - All done! 🎉`,
]
.filter(Boolean)
.join("\n");
return `
There are ${recommended.total + notRecommended.total}(+ ${deprecated.total} deprecated) rules.
${countersList}
`;
};
/** @param {{ pluginName: string }} props */
const renderGettingStarted = ({ pluginName }) => `
To get started, run the following command:
\`\`\`sh
just new-${pluginName}-rule <RULE_NAME>
\`\`\`
Then register the rule in \`crates/oxc_linter/src/rules.rs\` and also \`declare_all_lint_rules\` at the bottom.
`;
/**
* @param {{
* title: string;
* counters: CounterView;
* views: RuleEntryView[];
* defaultOpen?: boolean;
* }} props */
const renderRulesList = ({ title, counters, views, defaultOpen = true }) => `
## ${title}
<details ${defaultOpen ? "open" : ""}>
<summary>
✨: ${counters.isImplemented}, 🚫: ${counters.isNotSupported} / total: ${counters.total}
</summary>
| Status | Name | Docs |
| :----: | :--- | :--- |
${views
.map(
(v) =>
`| ${v.isImplemented ? "✨" : ""}${v.isNotSupported ? "🚫" : ""} | ${v.name} | ${v.docsUrl} |`,
)
.join("\n")}
✨ = Implemented, 🚫 = Not supported
</details>
`;
/**
* @param {string} pluginName
* @param {import("./eslint-rules.cjs").TargetPluginMeta} pluginMeta
* @param {import("./oxlint-rules.cjs").RuleEntries} ruleEntries
*/
exports.renderMarkdown = (pluginName, pluginMeta, ruleEntries) => {
/** @type {Record<string, RuleEntryView[]>} */
const views = {
deprecated: [],
recommended: [],
notRecommended: [],
};
const counters = {
deprecated: { isImplemented: 0, isNotSupported: 0, total: 0 },
recommended: { isImplemented: 0, isNotSupported: 0, total: 0 },
notRecommended: { isImplemented: 0, isNotSupported: 0, total: 0 },
};
for (const [name, entry] of ruleEntries) {
if (!name.startsWith(`${pluginName}/`)) continue;
let viewsRef, counterRef;
switch (true) {
case entry.isDeprecated: {
viewsRef = views.deprecated;
counterRef = counters.deprecated;
break;
}
case entry.isRecommended: {
viewsRef = views.recommended;
counterRef = counters.recommended;
break;
}
default: {
viewsRef = views.notRecommended;
counterRef = counters.notRecommended;
}
}
viewsRef.push({ name, ...entry });
if (entry.isImplemented) counterRef.isImplemented++;
if (entry.isNotSupported) counterRef.isNotSupported++;
counterRef.total++;
}
return [
renderIntroduction({ npm: pluginMeta.npm }),
renderCounters({ counters }),
renderGettingStarted({ pluginName }),
0 < views.recommended.length &&
renderRulesList({
title: "Recommended rules",
counters: counters.recommended,
views: views.recommended,
}),
0 < views.notRecommended.length &&
renderRulesList({
title: "Not recommended rules",
counters: counters.notRecommended,
views: views.notRecommended,
}),
0 < views.deprecated.length &&
renderRulesList({
title: "Deprecated rules",
counters: counters.deprecated,
views: views.deprecated,
defaultOpen: false,
}),
]
.filter(Boolean)
.join("\n");
};