Add eslint config

Author: mrousavy

.eslintrc.js

@@ -1,4 +1,64 @@
 module.exports = {
-  root: true,
-  extends: '@react-native-community',
+	root: true,
+	parserOptions: {
+		ecmaFeatures: {
+			jsx: true,
+		},
+		ecmaVersion: 2018,
+	},
+	plugins: ['react', 'react-native', '@react-native-community', 'prettier'],
+	extends: ['eslint:recommended', 'plugin:react/recommended', 'plugin:prettier/recommended', '@react-native-community'],
+	rules: {
+		// eslint
+		semi: 'off',
+		curly: ['warn', 'multi-or-nest', 'consistent'],
+		'no-bitwise': 'off', // required for blurhash
+		'no-mixed-spaces-and-tabs': ['warn', 'smart-tabs'],
+		'no-async-promise-executor': 'warn',
+		'require-await': 'warn',
+		'no-return-await': 'warn',
+		'no-await-in-loop': 'warn',
+		'comma-dangle': 'off', // prettier already detects this
+		// prettier
+		'prettier/prettier': ['warn'],
+		// react plugin
+		'react/no-unescaped-entities': 'off',
+		// react native plugin
+		'react-native/no-unused-styles': 'warn',
+		'react-native/split-platform-components': 'warn',
+		'react-native/no-inline-styles': 'warn', // TODO: 'off'?
+		'react-native/no-color-literals': 'warn',
+		'react-native/no-raw-text': 'off',
+		'react-native/no-single-element-style-arrays': 'warn',
+	},
+	env: {
+		node: true,
+		'react-native/react-native': true,
+	},
+	settings: {
+		react: {
+			version: 'latest',
+		},
+		'import/resolver': {
+			extensions: [
+				'.js',
+				'.jsx',
+				'.ts',
+				'.tsx',
+				'.d.ts',
+				'.android.js',
+				'.android.jsx',
+				'.android.ts',
+				'.android.tsx',
+				'.ios.js',
+				'.ios.jsx',
+				'.ios.ts',
+				'.ios.tsx',
+				'.web.js',
+				'.web.jsx',
+				'.web.ts',
+				'.web.tsx',
+			],
+		},
+	},
 };

.github/workflows/build-ios.yml

@@ -0,0 +1,10 @@
+module.exports = {
+	bracketSpacing: true,
+	jsxBracketSameLine: true,
+	singleQuote: true,
+	trailingComma: 'all',
+	semi: true,
+	tabWidth: 2,
+	useTabs: true,
+	printWidth: 150
+};

.prettierrc.js

@@ -1,4 +1,69 @@
 module.exports = {
-  root: true,
-  extends: '@react-native-community',
+	root: true,
+	parserOptions: {
+		ecmaFeatures: {
+			jsx: true,
+		},
+		ecmaVersion: 2018,
+	},
+	plugins: ['react', 'react-native', '@react-native-community', 'prettier', 'react-hooks'],
+	extends: [
+		'eslint:recommended',
+		'plugin:react/recommended',
+		'plugin:prettier/recommended',
+		'@react-native-community',
+		'plugin:react-hooks/recommended',
+	],
+	rules: {
+		// eslint
+		semi: 'off',
+		curly: ['warn', 'multi-or-nest', 'consistent'],
+		'no-mixed-spaces-and-tabs': ['warn', 'smart-tabs'],
+		'no-async-promise-executor': 'warn',
+		'require-await': 'warn',
+		'no-return-await': 'warn',
+		'no-await-in-loop': 'warn',
+		'comma-dangle': 'off', // prettier already detects this
+		// prettier
+		'prettier/prettier': ['warn'],
+		// react plugin
+		'react/no-unescaped-entities': 'off',
+		// react native plugin
+		'react-native/no-unused-styles': 'warn',
+		'react-native/split-platform-components': 'warn',
+		'react-native/no-inline-styles': 'warn', // TODO: 'off'?
+		'react-native/no-color-literals': 'warn',
+		'react-native/no-raw-text': 'off',
+		'react-native/no-single-element-style-arrays': 'warn',
+	},
+	env: {
+		node: true,
+		'react-native/react-native': true,
+	},
+	settings: {
+		react: {
+			version: 'latest',
+		},
+		'import/resolver': {
+			extensions: [
+				'.js',
+				'.jsx',
+				'.ts',
+				'.tsx',
+				'.d.ts',
+				'.android.js',
+				'.android.jsx',
+				'.android.ts',
+				'.android.tsx',
+				'.ios.js',
+				'.ios.jsx',
+				'.ios.ts',
+				'.ios.tsx',
+				'.web.js',
+				'.web.jsx',
+				'.web.ts',
+				'.web.tsx',
+			],
+		},
+	},
 };

example/.eslintrc.js

@@ -1,6 +1,10 @@
 module.exports = {
-  bracketSpacing: false,
-  jsxBracketSameLine: true,
-  singleQuote: true,
-  trailingComma: 'all',
+	bracketSpacing: true,
+	jsxBracketSameLine: true,
+	singleQuote: true,
+	trailingComma: 'all',
+	semi: true,
+	tabWidth: 2,
+	useTabs: true,
+	printWidth: 150
 };