@react-native/eslint-plugin 0.72.0

package/BUCK

@@ -0,0 +1,23 @@
+load("@fbsource//tools/build_defs/third_party:yarn_defs.bzl", "yarn_workspace")
+
+yarn_workspace(
+    name = "yarn-workspace",
+    srcs = glob(
+        ["**/*.js"],
+        exclude = [
+            "**/__fixtures__/**",
+            "**/__flowtests__/**",
+            "**/__mocks__/**",
+            "**/__server_snapshot_tests__/**",
+            "**/__tests__/**",
+            "**/node_modules/**",
+            "**/node_modules/.bin/**",
+            "**/.*",
+            "**/.*/**",
+            "**/.*/.*",
+            "**/*.xcodeproj/**",
+            "**/*.xcworkspace/**",
+        ],
+    ),
+    visibility = ["PUBLIC"],
+)

package/README.md

@@ -0,0 +1,27 @@
+# @react-native/eslint-plugin
+
+This plugin is intended to be used in [`@react-native/eslint-config`](https://github.com/facebook/react-native/tree/HEAD/packages/eslint-config-react-native-community). You probably want to install that package instead.
+
+## Installation
+
+```
+yarn add --dev eslint @react-native/eslint-plugin
+```
+
+*Note: We're using `yarn` to install deps. Feel free to change commands to use `npm` 3+ and `npx` if you like*
+
+## Usage
+
+Add to your eslint config (`.eslintrc`, or `eslintConfig` field in `package.json`):
+
+```json
+{
+    "plugins": ["@react-native"]
+}
+```
+
+## Rules
+
+### `platform-colors`
+
+Enforces that calls to `PlatformColor` and `DynamicColorIOS` are statically analyzable to enable performance optimizations.

package/__tests__/eslint-tester.js

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+'use strict';
+
+const ESLintTester = require('eslint').RuleTester;
+
+ESLintTester.setDefaultConfig({
+  parser: require.resolve('@babel/eslint-parser'),
+  parserOptions: {
+    requireConfigFile: false,
+    ecmaVersion: 6,
+    sourceType: 'module',
+  },
+});
+
+module.exports = ESLintTester;

package/__tests__/platform-colors-test.js

@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @oncall react_native
+ */
+
+'use strict';
+
+const ESLintTester = require('./eslint-tester.js');
+
+const rule = require('../platform-colors.js');
+
+const eslintTester = new ESLintTester();
+
+eslintTester.run('../platform-colors', rule, {
+  valid: [
+    "const color = PlatformColor('labelColor');",
+    "const color = PlatformColor('controlAccentColor', 'controlColor');",
+    "const color = DynamicColorIOS({light: 'black', dark: 'white'});",
+    "const color = DynamicColorIOS({light: PlatformColor('black'), dark: PlatformColor('white')});",
+    "const color = DynamicColorIOS({light: PlatformColor('black'), dark: PlatformColor('white'), highContrastLight: PlatformColor('black'), highContrastDark: PlatformColor('white')});",
+  ],
+  invalid: [
+    {
+      code: 'const color = PlatformColor();',
+      errors: [{message: rule.meta.messages.platformColorArgsLength}],
+    },
+    {
+      code: "const labelColor = 'labelColor'; const color = PlatformColor(labelColor);",
+      errors: [{message: rule.meta.messages.platformColorArgTypes}],
+    },
+    {
+      code: "const tuple = {light: 'black', dark: 'white'}; const color = DynamicColorIOS(tuple);",
+      errors: [{message: rule.meta.messages.dynamicColorIOSArg}],
+    },
+    {
+      code: "const black = 'black'; const color = DynamicColorIOS({light: black, dark: 'white'});",
+      errors: [{message: rule.meta.messages.dynamicColorIOSValue}],
+    },
+    {
+      code: "const white = 'white'; const color = DynamicColorIOS({light: 'black', dark: white});",
+      errors: [{message: rule.meta.messages.dynamicColorIOSValue}],
+    },
+  ],
+});

package/index.js

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+exports.rules = {
+  'platform-colors': require('./platform-colors'),
+};

package/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@react-native/eslint-plugin",
+  "version": "0.72.0",
+  "description": "ESLint rules for @react-native/eslint-config",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:facebook/react-native.git",
+    "directory": "packages/eslint-plugin-react-native-community"
+  },
+  "license": "MIT"
+}

package/platform-colors.js

@@ -0,0 +1,79 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'Ensure that PlatformColor() and DynamicColorIOS() are passed literals of the expected shape.',
+    },
+    messages: {
+      platformColorArgsLength:
+        'PlatformColor() must have at least one argument that is a literal.',
+      platformColorArgTypes:
+        'PlatformColor() every argument must be a literal.',
+      dynamicColorIOSArg:
+        'DynamicColorIOS() must take a single argument of type Object',
+      dynamicColorIOSValue:
+        'DynamicColorIOS() value must be either a literal or a PlatformColor() call.',
+    },
+    schema: [],
+  },
+
+  create: function (context) {
+    return {
+      CallExpression: function (node) {
+        if (node.callee.name === 'PlatformColor') {
+          const args = node.arguments;
+          if (args.length === 0) {
+            context.report({
+              node,
+              messageId: 'platformColorArgsLength',
+            });
+            return;
+          }
+          if (!args.every(arg => arg.type === 'Literal')) {
+            context.report({
+              node,
+              messageId: 'platformColorArgTypes',
+            });
+            return;
+          }
+        } else if (node.callee.name === 'DynamicColorIOS') {
+          const args = node.arguments;
+          if (!(args.length === 1 && args[0].type === 'ObjectExpression')) {
+            context.report({
+              node,
+              messageId: 'dynamicColorIOSArg',
+            });
+            return;
+          }
+          const properties = args[0].properties;
+          properties.forEach(property => {
+            if (
+              !(
+                property.type === 'Property' &&
+                (property.value.type === 'Literal' ||
+                  (property.value.type === 'CallExpression' &&
+                    property.value.callee.name === 'PlatformColor'))
+              )
+            ) {
+              context.report({
+                node,
+                messageId: 'dynamicColorIOSValue',
+              });
+              return;
+            }
+          });
+        }
+      },
+    };
+  },
+};