fix: recognize custom text components in rn-no-raw-text rule

Fixes #93: The rn-no-raw-text rule now recognizes a much wider set of
text-handling components:

1. Expanded built-in names: Typography, Paragraph, Span, H1-H6
2. Keyword matching instead of suffix-only: any component whose name
   contains Text, Title, Label, Heading, Caption, Subtitle, Typography,
   Paragraph, Description, or Body is treated as text-handling
   (e.g. StyledText, BodyText, CustomLabel, MyTypography)
3. New textComponents config option: users can specify arbitrary
   component names in react-doctor.config.json that should be treated
   as text-handling:

   {
     "textComponents": ["MyCustomComp", "NativeWindText"]
   }

   Diagnostics inside these components are filtered out post-lint.

Co-authored-by: Aiden Bai <aidenybai@users.noreply.github.com>

Author: cursoragent

packages/react-doctor/src/plugin/constants.ts

@@ -262,15 +262,31 @@ export const MOTION_LIBRARY_PACKAGES = new Set(["framer-motion", "motion"]);
 
 export const RAW_TEXT_PREVIEW_MAX_CHARS = 30;
 
-export const REACT_NATIVE_TEXT_COMPONENTS = new Set(["Text", "TextInput"]);
+export const REACT_NATIVE_TEXT_COMPONENTS = new Set([
+  "Text",
+  "TextInput",
+  "Typography",
+  "Paragraph",
+  "Span",
+  "H1",
+  "H2",
+  "H3",
+  "H4",
+  "H5",
+  "H6",
+]);
 
-export const REACT_NATIVE_TEXT_COMPONENT_SUFFIXES = new Set([
+export const REACT_NATIVE_TEXT_COMPONENT_KEYWORDS = new Set([
   "Text",
   "Title",
   "Label",
   "Heading",
   "Caption",
   "Subtitle",
+  "Typography",
+  "Paragraph",
+  "Description",
+  "Body",
 ]);
 
 export const DEPRECATED_RN_MODULE_REPLACEMENTS: Record<string, string> = {

packages/react-doctor/src/plugin/rules/react-native.ts

@@ -5,7 +5,7 @@ import {
   RAW_TEXT_PREVIEW_MAX_CHARS,
   REACT_NATIVE_LIST_COMPONENTS,
   REACT_NATIVE_TEXT_COMPONENTS,
-  REACT_NATIVE_TEXT_COMPONENT_SUFFIXES,
+  REACT_NATIVE_TEXT_COMPONENT_KEYWORDS,
 } from "../constants.js";
 import { hasDirective, isMemberProperty } from "../helpers.js";
 import type { EsTreeNode, Rule, RuleContext } from "../types.js";
@@ -56,7 +56,7 @@ const getRawTextDescription = (child: EsTreeNode): string => {
 
 const isTextHandlingComponent = (elementName: string): boolean => {
   if (REACT_NATIVE_TEXT_COMPONENTS.has(elementName)) return true;
-  return [...REACT_NATIVE_TEXT_COMPONENT_SUFFIXES].some((suffix) => elementName.endsWith(suffix));
+  return [...REACT_NATIVE_TEXT_COMPONENT_KEYWORDS].some((keyword) => elementName.includes(keyword));
 };
 
 export const rnNoRawText: Rule = {

packages/react-doctor/src/types.ts

@@ -169,4 +169,5 @@ export interface ReactDoctorConfig {
   failOn?: FailOnLevel;
   customRulesOnly?: boolean;
   share?: boolean;
+  textComponents?: string[];
 }

packages/react-doctor/src/utils/filter-diagnostics.ts

@@ -3,17 +3,49 @@ import path from "node:path";
 import type { Diagnostic, ReactDoctorConfig } from "../types.js";
 import { compileIgnoredFilePatterns, isFileIgnoredByPatterns } from "./is-ignored-file.js";
 
+const OPENING_TAG_PATTERN = /<([A-Z][\w.]*)/;
+
+const isInsideTextComponent = (
+  lines: string[],
+  diagnosticLine: number,
+  textComponentNames: Set<string>,
+): boolean => {
+  for (let lineIndex = diagnosticLine - 1; lineIndex >= 0; lineIndex--) {
+    const match = lines[lineIndex].match(OPENING_TAG_PATTERN);
+    if (!match) continue;
+    const tagName = match[1];
+    const leafName = tagName.includes(".") ? tagName.split(".").pop()! : tagName;
+    return textComponentNames.has(tagName) || textComponentNames.has(leafName);
+  }
+  return false;
+};
+
 export const filterIgnoredDiagnostics = (
   diagnostics: Diagnostic[],
   config: ReactDoctorConfig,
   rootDirectory: string,
 ): Diagnostic[] => {
   const ignoredRules = new Set(Array.isArray(config.ignore?.rules) ? config.ignore.rules : []);
   const ignoredFilePatterns = compileIgnoredFilePatterns(config);
+  const textComponentNames = new Set(
+    Array.isArray(config.textComponents) ? config.textComponents : [],
+  );
+  const hasTextComponents = textComponentNames.size > 0;
 
-  if (ignoredRules.size === 0 && ignoredFilePatterns.length === 0) {
-    return diagnostics;
-  }
+  const fileLineCache = new Map<string, string[] | null>();
+  const getFileLines = (filePath: string): string[] | null => {
+    const cached = fileLineCache.get(filePath);
+    if (cached !== undefined) return cached;
+    const absolutePath = path.isAbsolute(filePath) ? filePath : path.join(rootDirectory, filePath);
+    try {
+      const lines = fs.readFileSync(absolutePath, "utf-8").split("\n");
+      fileLineCache.set(filePath, lines);
+      return lines;
+    } catch {
+      fileLineCache.set(filePath, null);
+      return null;
+    }
+  };
 
   return diagnostics.filter((diagnostic) => {
     const ruleIdentifier = `${diagnostic.plugin}/${diagnostic.rule}`;
@@ -25,6 +57,13 @@ export const filterIgnoredDiagnostics = (
       return false;
     }
 
+    if (hasTextComponents && diagnostic.rule === "rn-no-raw-text" && diagnostic.line > 0) {
+      const lines = getFileLines(diagnostic.filePath);
+      if (lines && isInsideTextComponent(lines, diagnostic.line, textComponentNames)) {
+        return false;
+      }
+    }
+
     return true;
   });
 };