migrate to case-police v2, switch to ESLint plugin (#4884)

Author: Simek

docs/boxshadowvalue.md

@@ -38,19 +38,19 @@ The offset on the y-axis. This can be positive or negative. A positive value ind
 
 ### `blurRadius`
 
-Represents the radius used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0.
+Represents the radius used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0.
 
-| Type            | Optional |
-| --------------- | -------- |
-| numer \| string | Yes      |
+| Type             | Optional |
+| ---------------- | -------- |
+| number \| string | Yes      |
 
 ### `spreadDistance`
 
 How much larger or smaller the shadow grows or shrinks. A positive value will grow the shadow, a negative value will shrink the shadow.
 
-| Type            | Optional |
-| --------------- | -------- |
-| numer \| string | Yes      |
+| Type             | Optional |
+| ---------------- | -------- |
+| number \| string | Yes      |
 
 ### `color`
 

docs/dropshadowvalue.md

@@ -36,11 +36,11 @@ The offset on the y-axis. This can be positive or negative. A positive value ind
 
 ### `standardDeviation`
 
-Represents the standard deviation used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0.
+Represents the standard deviation used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0.
 
-| Type            | Optional |
-| --------------- | -------- |
-| numer \| string | Yes      |
+| Type             | Optional |
+| ---------------- | -------- |
+| number \| string | Yes      |
 
 ### `color`
 

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.
 

docs/view-style-props.md

@@ -369,9 +369,9 @@ Due to issues with performance and spec compliance, these are the only two filte
 
 The following filter functions work on Android only:
 
-- `blur`: Blurs the `View` with a [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result.
+- `blur`: Blurs the `View` with a [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result.
 - `contrast`: Changes the contrast of the `View`. Takes a non-negative number or percentage.
-- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interperted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Guassian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md).
+- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interpreted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Gaussian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md).
 - `grayscale`: Converts the `View` to [grayscale](https://en.wikipedia.org/wiki/Grayscale) by the specified amount. Takes a non-negative number or percentage, where `1` or `100%` represents complete grayscale.
 - `hueRotate`: Changes the [hue](https://en.wikipedia.org/wiki/Hue) of the View. The argument of this function defines the angle of a color wheel around which the hue will be rotated, so e.g., `360deg` would have no effect. This angle can have either `deg` or `rad` units.
 - `invert`: Inverts the colors in the `View`. Takes a non-negative number or percentage, where `1` or `100%` represents complete inversion.

eslint.config.js

@@ -10,11 +10,12 @@ import globals from 'globals';
 
 import eslintCss from '@eslint/css';
 import eslintJs from '@eslint/js';
-import eslintPluginYml from 'eslint-plugin-yml';
+import tsParser from '@typescript-eslint/parser';
+import eslintPluginCasePolice from 'eslint-plugin-case-police';
 import * as eslintPluginMdx from 'eslint-plugin-mdx';
 import eslintPluginPrettier from 'eslint-plugin-prettier/recommended';
+import eslintPluginYml from 'eslint-plugin-yml';
 import eslintTs from 'typescript-eslint';
-import tsParser from '@typescript-eslint/parser';
 
 export default defineConfig([
   globalIgnores([
@@ -102,5 +103,28 @@ 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',
+            codegen: 'Codegen',
+            facebook: 'Facebook',
+            hermes: 'Hermes',
+            logcat: 'Logcat',
+            meta: 'Meta',
+            xcode: 'Xcode',
+          },
+        },
+      ],
+    },
   },
 ]);

package.json

@@ -20,7 +20,7 @@
     "lint": "eslint .",
     "lint:packages": "eslint ./packages",
     "lint:plugins": "eslint ./plugins",
-    "lint:website": "eslint ./website",
+    "lint:website": "eslint ./website ./docs",
     "update-lock": "yarn dedupe",
     "check-dependencies": "manypkg check"
   },
@@ -29,8 +29,10 @@
     "@eslint/js": "^9.39.1",
     "@manypkg/cli": "^0.25.1",
     "@typescript-eslint/parser": "^8.46.4",
+    "case-police": "^2.1.1",
     "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-case-police": "2.1.1",
     "eslint-plugin-mdx": "^3.6.2",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-yml": "^1.19.0",

website/blog/2022-06-16-resources-migrating-your-react-native-library-to-the-new-architecture.md

@@ -25,7 +25,7 @@ In this post, we will dig deeper into these resources and explain in more detail
 
 ### Documentation
 
-In the past 6 months, we’ve added a [guide on adopting the New Architecture](https://github.com/reactwg/react-native-new-architecture#guides) and an [architecture deep-dive](/architecture/overview) on Fabric. We plan to expand this to include more guides and documentation around creating TurboModules, understanding CodeGen, and more. We plan to have updates to share by the 0.70 release.
+In the past 6 months, we’ve added a [guide on adopting the New Architecture](https://github.com/reactwg/react-native-new-architecture#guides) and an [architecture deep-dive](/architecture/overview) on Fabric. We plan to expand this to include more guides and documentation around creating TurboModules, understanding Codegen, and more. We plan to have updates to share by the 0.70 release.
 
 Currently, the **New Architecture** guide covers how to [migrate your app](https://github.com/reactwg/react-native-new-architecture/blob/main/docs/enable-apps.md) and [your libraries](https://github.com/reactwg/react-native-new-architecture/blob/main/docs/enable-libraries-prerequisites.md) to support the New Architecture properly.
 

website/package.json

@@ -24,12 +24,12 @@
     "format:style": "prettier --write src/**/*.scss",
     "format:examples": "eslint-examples-jsx --fix && eslint-examples-tsx --fix",
     "prettier": "yarn format:style",
-    "lint": "eslint .",
+    "lint": "yarn lint:website",
     "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.1.0",
     "prettier": "^3.6.2",