bump lint stack, update configs, fix new warnings (facebook#4537)

Author: Simek

.alexrc.js

@@ -21,6 +21,9 @@ exports.allow = [
 
   // allowing this term to prevent reporting "primitive", which is a programming term
   'savage',
+
+  // allowing this term, since it seems to be used not in insensitive cases
+  'straightforward',
 ];
 
 // Use a "maybe" level of profanity instead of the default "unlikely".

docs/text.md

@@ -134,7 +134,8 @@ On the web, the usual way to set a font family and size for the entire document
 
 ```css
 html {
-  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
+  font-family:
+    'lucida grande', tahoma, verdana, arial, sans-serif;
   font-size: 11px;
   color: #141823;
 }

package.json

@@ -21,14 +21,14 @@
   },
   "dependencies": {
     "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-mdx": "^3.1.5",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-yml": "^1.2.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-mdx": "^3.2.0",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-yml": "^1.17.0",
     "husky": "^9.1.7",
     "netlify-plugin-cache": "^1.0.3",
-    "prettier": "^3.4.2",
-    "pretty-quick": "^4.0.0"
+    "prettier": "^3.5.3",
+    "pretty-quick": "^4.1.1"
   },
-  "packageManager": "yarn@4.6.0"
+  "packageManager": "yarn@4.7.0"
 }

website/.remarkrc.mjs

@@ -1,22 +1,24 @@
-import packageJson from "./package.json" assert { type: "json" };
+// TODO: Enable the plugin once a more performant solution is found
+// import packageJson from "./package.json" assert { type: "json" };
+//
+// export default {
+//   plugins: [
+//     "@react-native-website/remark-lint-no-broken-external-links",
+//     {
+//       skipUrlPatterns: [
+//         // False positive, flagged as a bot and rate limited
+//         "www.apkfiles.com",
+//         // TODO: replace the 2048 example repository with another suitable project
+//         "github.com/JoelMarcey",
+//       ],
+//       baseUrl: "https://reactnative.dev/docs",
+//       headers: {
+//         "user-agent": `${packageJson.name}/${packageJson.version}`,
+//       },
+//     },
+//   ],
+// }
 
 export default {
-  plugins: [
-    // TODO: Enable the plugin once a more performant solution is found
-    // [
-    //   "@react-native-website/remark-lint-no-broken-external-links",
-    //   {
-    //     skipUrlPatterns: [
-    //       // False positive, flagged as a bot and rate limited
-    //       "www.apkfiles.com",
-    //       // TODO: replace the 2048 example repository with another suitable project
-    //       "github.com/JoelMarcey",
-    //     ],
-    //     baseUrl: "https://reactnative.dev/docs",
-    //     headers: {
-    //       "user-agent": `${packageJson.name}/${packageJson.version}`,
-    //     },
-    //   },
-    // ],
-  ],
+  plugins: [],
 };

website/blog/2024-10-23-the-new-architecture-is-here.md

@@ -53,7 +53,7 @@ Finally, removing the bridge allows for faster startup and direct communication
 
 The New Architecture is now ready to be used in production. It is already used at scale at Meta in the Facebook app and in other products. We successfully used React Native and the New Architecture in the Facebook and Instagram app we developed for our [Quest devices](https://engineering.fb.com/2024/10/02/android/react-at-meta-connect-2024/).
 
-Our partners have already been using the New Architecture in production for months now: have a look at these success stories by [Expensify](https://blog.swmansion.com/sunrising-new-architecture-in-the-new-expensify-app-729d237a02f5) and [Kraken](https://blog.kraken.com/product/engineering/how-kraken-fixed-performance-issues-via-incremental-adoption-of-the-react-native-new-architecture), and give [BlueSky](https://github.com/bluesky-social/social-app/releases/tag/1.92.0-na-rc.2) a shot with their new release.
+Our partners have already been using the New Architecture in production for months now: have a look at these success stories by [Expensify](https://blog.swmansion.com/sunrising-new-architecture-in-the-new-expensify-app-729d237a02f5) and [Kraken](https://blog.kraken.com/product/engineering/how-kraken-fixed-performance-issues-via-incremental-adoption-of-the-react-native-new-architecture), and give [Bluesky](https://github.com/bluesky-social/social-app/releases/tag/1.92.0-na-rc.2) a shot with their new release.
 
 ### New Native Modules
 
@@ -402,5 +402,5 @@ We are also extremely grateful to all the partners who collaborated with us to m
 - [Software Mansion](https://swmansion.com/), for maintaining crucial libraries in the ecosystem, for migrating them to the New Architecture early and for all the help in investigating and fixing various issues.
 - [Callstack](https://www.callstack.com/), for maintaining crucial libraries in the ecosystem, for migrating them to the New Architecture early and for the support with the work on the Community CLI.
 - [Microsoft](https://opensource.microsoft.com/), for adding the New Architecture implementation for `react-native-windows` and `react-native-macos` as well as in several other developer tools.
-- [Expensify](https://www.expensify.com/), [Kraken](https://www.kraken.com/), [BlueSky](https://bsky.app/) and [Brigad](https://www.brigad.co/) for pioneering the adoption of the New Architecture and reporting various issues so that we could fix them for everyone else.
+- [Expensify](https://www.expensify.com/), [Kraken](https://www.kraken.com/), [Bluesky](https://bsky.app/) and [Brigad](https://www.brigad.co/) for pioneering the adoption of the New Architecture and reporting various issues so that we could fix them for everyone else.
 - All the independent library maintainers and developers who contributed to the New Architecture by testing it, fixing some of the issues, and opening questions on unclear matters so that we could clear them.

website/package.json

@@ -32,8 +32,8 @@
     "lint:markdown": "remark ../docs --quiet -r .remarkrc.mjs",
     "lint:markdown:versioned": "remark ./versioned_docs --quiet -r .remarkrc.mjs",
     "lint:format": "prettier --check '{core,src}/**/*.{js,jsx,ts,tsx}' ../docs/*.md {versioned_docs/**/*.md,blog/*.md} src/**/*.{scss,css}",
-    "language:lint": "cd ../ && alex && case-police 'docs/*.md' -p brands,general,products,softwares -d ./website/react-native-dict.json",
-    "language:lint:versioned": "cd ../ && alex . && case-police '**/*.md' -p brands,general,products,softwares -d ./website/react-native-dict.json",
+    "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",
     "ci:lint": "yarn lint && yarn lint:examples && yarn lint:versioned && yarn language:lint:versioned && yarn lint:markdown && yarn lint:format",
     "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"
   },
@@ -68,12 +68,12 @@
     "@react-native-website/lint-examples": "0.0.0",
     "@react-native-website/update-redirects": "0.0.0",
     "@types/google.analytics": "^0.0.46",
-    "alex": "^10.0.0",
-    "case-police": "^0.5.14",
+    "alex": "^11.0.1",
+    "case-police": "^1.0.0",
     "eslint": "^8.57.1",
     "fs-extra": "^11.2.0",
     "glob": "^11.0.0",
-    "prettier": "^3.4.2",
+    "prettier": "^3.5.3",
     "remark-cli": "^12.0.1",
     "typescript": "^5.7.2"
   }

website/src/css/customTheme.scss

@@ -17,8 +17,8 @@
   --divider: #ececec;
   --tintColor: #f7f7f7;
   --rn-note-background: rgba(255, 229, 100, 0.25);
-  --ifm-font-family-base: "Optimistic Display", system-ui, -apple-system,
-    sans-serif;
+  --ifm-font-family-base:
+    "Optimistic Display", system-ui, -apple-system, sans-serif;
   --ifm-color-primary: #06bcee;
   --ifm-font-size-base: 17px;
   --ifm-spacing-horizontal: 16px;
@@ -116,8 +116,8 @@ html[data-theme="dark"] {
     --docsearch-modal-background: var(--deepdark);
     --docsearch-footer-background: var(--dark);
     --docsearch-key-gradient: var(--deepdark);
-    --docsearch-key-shadow: inset 0 -2px 0 0 var(--light),
-      inset 0 0 1px 1px var(--light),
+    --docsearch-key-shadow:
+      inset 0 -2px 0 0 var(--light), inset 0 0 1px 1px var(--light),
       0 1px 2px 1px var(--ifm-table-border-color);
     --docsearch-container-background: rgba(0, 0, 0, 0.6);
   }

website/src/pages/Home/Hero/styles.module.css

@@ -50,7 +50,8 @@
   height: 300px;
   position: relative;
   top: -4px;
-  background: linear-gradient(
+  background:
+    linear-gradient(
       to bottom,
       var(--home-hero-floor-background) 0%,
       var(--home-hero-floor-background-bottom)

website/src/pages/Home/Platforms/styles.module.css

@@ -50,8 +50,9 @@
 .codeEditorContentContainer code {
   background-color: var(--home-background);
   padding: 16px 48px 16px 24px;
-  font-family: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco,
-    Consolas, "Liberation Mono", "Courier New", monospace;
+  font-family:
+    "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    "Liberation Mono", "Courier New", monospace;
   color: var(--home-text);
   font-size: 14px;
 }

website/src/pages/Home/components/Section/styles.module.css

@@ -6,7 +6,8 @@
  */
 
 .wrapper {
-  background: linear-gradient(
+  background:
+    linear-gradient(
       to bottom,
       var(--home-section-top),
       var(--home-section-bottom)