migrate to case-lint v2, switch to ESLint plugin

Author: Simek

.yarn/patches/eslint-plugin-case-police-npm-2.0.0-7acbdb1f19.patch

@@ -0,0 +1,26 @@
+diff --git a/dist/index.cjs b/dist/index.cjs
+index 989e2607b3ecc6c6ad4dd3b20d7e7d38eca92430..d084863c588156a023cb154310e32d366cccc93c 100644
+--- a/dist/index.cjs
++++ b/dist/index.cjs
+@@ -115,6 +115,8 @@ const stringCheck = createEslintRule({
+     };
+     const dict = loadDict(options);
+     const code = context.sourceCode.text;
++    const extension = node_path.extname(context.getFilename());
++    const isMarkdown = extension === '.md' || extension === '.mdx';
+     const checkText = (node) => {
+       const start = node.range[0];
+       const end = node.range[1];
+@@ -162,7 +164,11 @@ const stringCheck = createEslintRule({
+       },
+       TemplateElement: (node) => {
+         checkText(node);
+-      }
++      },
++      Program: (node) => {
++        if (isMarkdown)
++          checkText(node);
++      },
+     };
+     const templateBodyVisitor = {
+       VText(node) {

docs/legacy/native-modules-android.md

@@ -23,7 +23,7 @@ To get started, open up the Android project within your React Native application
   <figcaption>Image of where you can find your Android project</figcaption>
 </figure>
 
-We recommend using Android Studio to write your native code. Android studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly.
+We recommend using Android Studio to write your native code. Android Studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly.
 
 We also recommend enabling [Gradle Daemon](https://docs.gradle.org/2.9/userguide/gradle_daemon.html) to speed up builds as you iterate on Java/Kotlin code.
 

docs/legacy/native-modules-ios.md

@@ -19,7 +19,7 @@ In the following guide you will create a native module, `CalendarModule`, that w
 To get started, open up the iOS project within your React Native application in Xcode. You can find your iOS project here within a React Native app:
 
 <figure>
-  <img src="/docs/assets/native-modules-ios-open-project.png" width="500" alt="Image of opening up an iOS project within a React Native app inside of xCode." />
+  <img src="/docs/assets/native-modules-ios-open-project.png" width="500" alt="Image of opening up an iOS project within a React Native app inside of Xcode." />
   <figcaption>Image of where you can find your iOS project</figcaption>
 </figure>
 

docs/running-on-device.md

@@ -378,9 +378,9 @@ If this is your first time running an app on your iOS device, you may need to re
 
 ### 2. Configure code signing
 
-Register for an [Apple developer account](https://developer.apple.com/) if you don't have one yet.
+Register for an [Apple Developer account](https://developer.apple.com/) if you don't have one yet.
 
-Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target).
+Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple Developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target).
 
 **Repeat** this step for the **Tests** target in your project.
 

eslint.config.js

@@ -8,6 +8,7 @@
 import {defineConfig, globalIgnores} from 'eslint/config';
 import globals from 'globals';
 
+import eslintPluginCasePolice from 'eslint-plugin-case-police';
 import eslintCss from '@eslint/css';
 import eslintJs from '@eslint/js';
 import eslintPluginYml from 'eslint-plugin-yml';
@@ -102,5 +103,26 @@ export default defineConfig([
       lintCodeBlocks: false,
       remarkConfigPath: 'website/.remarkrc.mjs',
     }),
+    plugins: {
+      'case-police': eslintPluginCasePolice,
+    },
+    rules: {
+      'case-police/string-check': [
+        'warn',
+        {
+          ignore: ['sdk', 'uri'],
+          dict: {
+            'android studio': 'Android Studio',
+            'apple developer': 'Apple Developer',
+            avd: 'AVD',
+            cocoapods: 'CocoaPods',
+            facebook: 'Facebook',
+            hermes: 'Hermes',
+            meta: 'Meta',
+            xcode: 'Xcode',
+          },
+        },
+      ],
+    },
   },
 ]);

package.json

@@ -29,8 +29,10 @@
     "@eslint/js": "^9.39.1",
     "@manypkg/cli": "^0.25.1",
     "@typescript-eslint/parser": "^8.46.4",
+    "case-police": "^2.0.0",
     "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-case-police": "patch:eslint-plugin-case-police@npm%3A2.0.0#~/.yarn/patches/eslint-plugin-case-police-npm-2.0.0-7acbdb1f19.patch",
     "eslint-plugin-mdx": "^3.6.2",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-yml": "^1.19.0",

website/package.json

@@ -28,8 +28,8 @@
     "lint:examples": "eslint-examples-jsx && eslint-examples-tsx && tsc-examples",
     "lint:markdown:images": "node ../scripts/src/image-check.ts",
     "lint:markdown:links": "remark ../docs --quiet -r .remarkrc.withBrokenLinks.mjs",
-    "language:lint": "cd ../ && alex && case-police 'docs/*.md' -d ./website/react-native-dict.json --disable SDK,URI",
-    "language:lint:versioned": "cd ../ && alex . && case-police '**/*.md' -d ./website/react-native-dict.json --disable SDK,URI",
+    "language:lint": "cd ../ && alex",
+    "language:lint:versioned": "cd ../ && alex .",
     "ci:lint": "yarn lint && yarn lint:examples && yarn language:lint:versioned && yarn lint:markdown:images && prettier --check src/**/*.scss",
     "pwa:generate": "npx pwa-asset-generator ./static/img/header_logo.svg ./static/img/pwa --padding '40px' --background 'rgb(32, 35, 42)' --icon-only --opaque true",
     "generate-llms-txt": "node ../scripts/src/generate-llms-txt.ts",
@@ -66,7 +66,6 @@
     "@types/google.analytics": "^0.0.46",
     "@types/react": "^19.1.13",
     "alex": "^11.0.1",
-    "case-police": "^1.0.0",
     "eslint": "^9.39.1",
     "glob": "^11.0.3",
     "prettier": "^3.6.2",

website/react-native-dict.json

@@ -23,7 +23,7 @@ To get started, open up the Android project within your React Native application
   <figcaption>Image of where you can find your Android project</figcaption>
 </figure>
 
-We recommend using Android Studio to write your native code. Android studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly.
+We recommend using Android Studio to write your native code. Android Studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly.
 
 We also recommend enabling [Gradle Daemon](https://docs.gradle.org/2.9/userguide/gradle_daemon.html) to speed up builds as you iterate on Java/Kotlin code.
 

website/versioned_docs/version-0.77/legacy/native-modules-android.md

@@ -19,7 +19,7 @@ In the following guide you will create a native module, `CalendarModule`, that w
 To get started, open up the iOS project within your React Native application in Xcode. You can find your iOS project here within a React Native app:
 
 <figure>
-  <img src="/docs/assets/native-modules-ios-open-project.png" width="500" alt="Image of opening up an iOS project within a React Native app inside of xCode." />
+  <img src="/docs/assets/native-modules-ios-open-project.png" width="500" alt="Image of opening up an iOS project within a React Native app inside of Xcode." />
   <figcaption>Image of where you can find your iOS project</figcaption>
 </figure>