feat: extract used rule

Author: HerringtonDarkholme

website/_data/catalog.data.ts

@@ -63,7 +63,26 @@ function extractYAMLRule(source: string): Record<string, unknown>[] {
 }
 
 function extractUsedRules(yamls: Record<string, unknown>[]): string[] {
-  return []
+  const rules = new Set<string>()
+  for (const yaml of yamls) {
+    if (typeof yaml !== 'object' || yaml === null) {
+      continue
+    }
+    extractOneRuleObject(yaml.rule as object, rules)
+    for (const util of Object.values(yaml.utils as object || {})) {
+      extractOneRuleObject(util as object, rules)
+    }
+  }
+  return [...rules]
+}
+
+function extractOneRuleObject(rule: object, rules: Set<string>) {
+  if (!rule) {
+    return
+  }
+  for (const ruleName of Object.keys(rule)) {
+    rules.add(ruleName)
+  }
 }
 
 function extractUsedFeatures(yamls: Record<string, unknown>[]): string[] {

website/src/catalog/RuleList.vue

@@ -19,7 +19,7 @@ const rules = computed(() => getRules(props.filter))
   <TransitionGroup class="rule-list" tag="ul">
     <li v-for="rule in rules" :key="rule.language + rule.id" class="rule-item">
       <div class="rule-header">
-        <a :href="rule.link" class="rule-name">{{ rule.name }}</a>
+        <a :href="rule.link" class="rule-name" target="_blank">{{ rule.name }}</a>
         <Badge v-if="rule.hasFix" type="tip" text="🛠️ Has Fix" />
         <div v-else/>
       </div>