bump lint stack, include website files in check (#3004)

Author: Simek

.eslintrc.json

@@ -1,14 +1,20 @@
 {
   "plugins": ["prettier"],
-  "extends": ["plugin:mdx/recommended", "plugin:prettier/recommended"],
+  "extends": ["plugin:prettier/recommended"],
   "overrides": [
     {
       "files": ["*.yaml", "*.yml"],
       "plugins": ["yaml"],
       "extends": ["plugin:yaml/recommended"]
+    },
+    {
+      "files": ["*.md", "*.mdx"],
+      "extends": ["plugin:mdx/recommended"]
     }
   ],
   "parserOptions": {
+    "sourceType": "module",
+    "ecmaVersion": "latest",
     "ecmaFeatures": {
       "jsx": true,
       "modules": true

.prettierrc

@@ -5,7 +5,7 @@
       "options": {
         "arrowParens": "avoid",
         "bracketSpacing": false,
-        "jsxBracketSameLine": true,
+        "bracketSameLine": true,
         "printWidth": 80,
         "singleQuote": true,
         "trailingComma": "es5",
@@ -17,7 +17,7 @@
       "options": {
         "arrowParens": "always",
         "bracketSpacing": true,
-        "jsxBracketSameLine": true,
+        "bracketSameLine": true,
         "printWidth": 66,
         "proseWrap": "preserve",
         "singleQuote": true,

docs/datepickerandroid.md

@@ -11,16 +11,12 @@ Opens the standard Android date picker dialog.
 
 ```jsx
 try {
-  const {
-    action,
-    year,
-    month,
-    day
-  } = await DatePickerAndroid.open({
-    // Use `new Date()` for current date.
-    // May 25 2020. Month 0 is January.
-    date: new Date(2020, 4, 25)
-  });
+  const { action, year, month, day } =
+    await DatePickerAndroid.open({
+      // Use `new Date()` for current date.
+      // May 25 2020. Month 0 is January.
+      date: new Date(2020, 4, 25)
+    });
   if (action !== DatePickerAndroid.dismissedAction) {
     // Selected year, month (0-11), day
   }

docs/images.md

@@ -143,8 +143,7 @@ Sometimes, you might be getting encoded image data from a REST API call. You can
     resizeMode: 'contain'
   }}
   source={{
-    uri:
-      'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAEXRFWHRTb2Z0d2FyZQBwbmdjcnVzaEB1SfMAAABQSURBVGje7dSxCQBACARB+2/ab8BEeQNhFi6WSYzYLYudDQYGBgYGBgYGBgYGBgYGBgZmcvDqYGBgmhivGQYGBgYGBgYGBgYGBgYGBgbmQw+P/eMrC5UTVAAAAABJRU5ErkJggg=='
+    uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAEXRFWHRTb2Z0d2FyZQBwbmdjcnVzaEB1SfMAAABQSURBVGje7dSxCQBACARB+2/ab8BEeQNhFi6WSYzYLYudDQYGBgYGBgYGBgYGBgYGBgZmcvDqYGBgmhivGQYGBgYGBgYGBgYGBgYGBgbmQw+P/eMrC5UTVAAAAABJRU5ErkJggg=='
   }}
 />
 ```

docs/native-components-android.md

@@ -451,9 +451,8 @@ I. Start with custom View manager:
 ```jsx title="MyViewManager.jsx"
 import { requireNativeComponent } from 'react-native';
 
-export const MyViewManager = requireNativeComponent(
-  'MyViewManager'
-);
+export const MyViewManager =
+  requireNativeComponent('MyViewManager');
 ```
 
 II. Then implement custom View calling the `create` method:

netlify.toml

@@ -4,11 +4,11 @@
   command = "yarn && cd website && yarn build"
 
 [context.production.environment]
-  NODE_VERSION = "14.16.0"
+  NODE_VERSION = "14.19.0"
   NODE_OPTIONS = "--max_old_space_size=4096"
 
 [context.deploy-preview.environment]
-  NODE_VERSION = "14.16.0"
+  NODE_VERSION = "14.19.0"
   NODE_OPTIONS = "--max_old_space_size=4096"
   PREVIEW_DEPLOY = "true"
 

package.json

@@ -8,7 +8,7 @@
   ],
   "scripts": {
     "postinstall": "yarn update-lock",
-    "update-lock": "npx yarn-deduplicate"
+    "update-lock": "yarn-deduplicate"
   },
   "husky": {
     "hooks": {
@@ -17,15 +17,16 @@
   },
   "dependencies": {
     "babel-eslint": "^10.1.0",
-    "eslint": "^7.23.0",
-    "eslint-config-prettier": "^8.1.0",
-    "eslint-plugin-mdx": "^1.12.0",
-    "eslint-plugin-prettier": "^3.3.1",
+    "eslint": "^8.10.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-mdx": "^1.16.0",
+    "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-yaml": "^0.5.0",
     "husky": "^4.3.8",
     "netlify-plugin-cache": "^1.0.3",
-    "prettier": "^2.2.1",
-    "pretty-quick": "^3.1.0"
+    "prettier": "^2.5.1",
+    "pretty-quick": "^3.1.3",
+    "yarn-deduplicate": "^3.1.0"
   },
   "resolutions": {
     "trim": "^1.0.1",

website/docusaurus.config.js

@@ -2,6 +2,7 @@ const users = require('./showcase.json');
 const versions = require('./versions.json');
 
 const lastVersion = versions[0];
+const copyright = `Copyright © ${new Date().getFullYear()} Meta Platforms, Inc.`;
 
 const commonDocsOptions = {
   showLastUpdateAuthor: false,
@@ -12,7 +13,7 @@ const commonDocsOptions = {
 };
 
 /** @type {import('@docusaurus/types').DocusaurusConfig} */
-(module.exports = {
+module.exports = {
   title: 'React Native',
   tagline: 'A framework for building native apps using React',
   organizationName: 'facebook',
@@ -23,13 +24,11 @@ const commonDocsOptions = {
   trailingSlash: false, // because trailing slashes can break some existing relative links
   scripts: [
     {
-      src:
-        'https://cdn.jsdelivr.net/npm/[email protected]/dist/focus-visible.min.js',
+      src: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/focus-visible.min.js',
       defer: true,
     },
     {
-      src:
-        'https://widget.surveymonkey.com/collect/website/js/tRaiETqnLgj758hTBazgd8ryO5qrZo8Exadq9qmt1wtm4_2FdZGEAKHDFEt_2BBlwwM4.js',
+      src: 'https://widget.surveymonkey.com/collect/website/js/tRaiETqnLgj758hTBazgd8ryO5qrZo8Exadq9qmt1wtm4_2FdZGEAKHDFEt_2BBlwwM4.js',
       defer: true,
     },
     {src: 'https://snack.expo.dev/embed.js', defer: true},
@@ -81,7 +80,7 @@ const commonDocsOptions = {
           blogSidebarTitle: 'All Blog Posts',
           feedOptions: {
             type: 'all',
-            copyright: `Copyright © ${new Date().getFullYear()} Facebook, Inc.`,
+            copyright,
           },
         },
         theme: {
@@ -105,7 +104,7 @@ const commonDocsOptions = {
         path: 'architecture',
         routeBasePath: '/architecture',
         sidebarPath: require.resolve('./sidebarsArchitecture.json'),
-        ...commonDocsOptions
+        ...commonDocsOptions,
       }),
     ],
     [
@@ -116,7 +115,7 @@ const commonDocsOptions = {
         path: 'contributing',
         routeBasePath: '/contributing',
         sidebarPath: require.resolve('./sidebarsContributing.json'),
-        ...commonDocsOptions
+        ...commonDocsOptions,
       }),
     ],
     [
@@ -303,8 +302,7 @@ const commonDocsOptions = {
               },
               {
                 label: 'Contributor Guide',
-                href:
-                  'https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md',
+                href: 'https://github.com/facebook/react-native/blob/main/CONTRIBUTING.md',
               },
               {
                 label: 'DEV Community',
@@ -338,21 +336,21 @@ const commonDocsOptions = {
               },
               {
                 label: 'Privacy Policy',
-                href: 'https://opensource.facebook.com/legal/privacy',
+                href: 'https://opensource.fb.com/legal/privacy/',
               },
               {
                 label: 'Terms of Service',
-                href: 'https://opensource.facebook.com/legal/terms',
+                href: 'https://opensource.fb.com/legal/terms/',
               },
             ],
           },
         ],
         logo: {
           alt: 'Facebook Open Source Logo',
           src: 'img/oss_logo.png',
-          href: 'https://opensource.facebook.com',
+          href: 'https://opensource.fb.com/',
         },
-        copyright: `Copyright © ${new Date().getFullYear()} Meta Platforms, Inc.`,
+        copyright,
       },
       algolia: {
         apiKey: '2c98749b4a1e588efec53b2acec13025',
@@ -378,4 +376,4 @@ const commonDocsOptions = {
         {name: 'twitter:site', content: '@reactnative'},
       ],
     }),
-});
+};

website/package.json

@@ -22,7 +22,7 @@
     "format:markdown": "prettier --write ../docs/*.md && prettier --write {{versioned_docs,src}/**/*.md,blog/*.md}",
     "format:style": "prettier --write src/**/*.{scss,css}",
     "prettier": "yarn format:source && yarn format:markdown && yarn format:style",
-    "lint": "eslint ../docs/** blog/** core/** src/**/*.{js,md}",
+    "lint": "eslint ../docs/** blog/** core/** src/**/*.{js,md} ./*.js",
     "lint:versioned": "eslint versioned_docs/**",
     "language:lint": "cd ../ && alex",
     "language:lint:versioned": "cd ../ && alex .",

website/versioned_docs/version-0.60/datepickerandroid.md

@@ -11,16 +11,12 @@ Opens the standard Android date picker dialog.
 
 ```jsx
 try {
-  const {
-    action,
-    year,
-    month,
-    day
-  } = await DatePickerAndroid.open({
-    // Use `new Date()` for current date.
-    // May 25 2020. Month 0 is January.
-    date: new Date(2020, 4, 25)
-  });
+  const { action, year, month, day } =
+    await DatePickerAndroid.open({
+      // Use `new Date()` for current date.
+      // May 25 2020. Month 0 is January.
+      date: new Date(2020, 4, 25)
+    });
   if (action !== DatePickerAndroid.dismissedAction) {
     // Selected year, month (0-11), day
   }