Merge pull request 'Add prettier' (#9) from ivan/add-prettier into master

Reviewed-on: billnerds/rn-playground#9

.dir-locals.el

@@ -0,0 +1,4 @@
+((nil
+  .
+  ((lsp-pylsp-server-command . ("poetry" "run" "pylsp"))
+   (apheleia-inhibit . nil))))

.eslintrc.js

@@ -1,56 +1,40 @@
 module.exports = {
-    "settings": {
-        "react": {
-            "version": "detect",
+  settings: {
+    react: {
+      version: "detect",
     },
   },
-    "env": {
-        "browser": true,
-        "es2021": true,
-        "node": true,
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
   },
-    "extends": "plugin:react/recommended",
-    "overrides": [
+  extends: ["plugin:react/recommended", "prettier"],
+  overrides: [
     {
-            "env": {
-                "node": true,
+      env: {
+        node: true,
       },
-            "files": [
-                ".eslintrc.{js,cjs}",
-            ],
-            "parserOptions": {
-                "sourceType": "script",
+      files: [".eslintrc.{js,cjs}"],
+      parserOptions: {
+        sourceType: "script",
       },
     },
   ],
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-        "ecmaVersion": "latest",
-        "sourceType": "module",
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaVersion: "latest",
+    sourceType: "module",
   },
-    "plugins": [
-        "@typescript-eslint",
-        "react",
-        "react-hooks",
-        "react-native",
-    ],
-    "rules": {
-        // Enforce tab width of 4 spaces
-        "indent": ["error", 4, { "SwitchCase": 1 }],
-
+  plugins: ["@typescript-eslint", "react", "react-hooks", "react-native"],
+  rules: {
     // Best Practices
-        "eqeqeq": ["error", "always"], // Enforce '===' instead of '=='
-        "curly": "error", // Require curly braces for all control statements
+    eqeqeq: ["error", "always"], // Enforce '===' instead of '=='
+    curly: "error", // Require curly braces for all control statements
     "no-unused-vars": "warn", // Warn about variables that are declared but not used
 
-        // Stylistic Issues
-        "quotes": ["error", "double"], // Enforce double quotes
-        "semi": ["error", "always"], // Enforce semicolons at the end of statements
-        "no-multi-spaces": "error", // Disallow multiple spaces that are not used for indentation
-        "comma-dangle": ["error", "always-multiline"], // Require trailing commas for multiline
-
     // React Specific
-        "react/jsx-filename-extension": [1, { "extensions": [".tsx"] }], // Allow jsx syntax in .tsx files
+    "react/jsx-filename-extension": [1, { extensions: [".tsx"] }], // Allow jsx syntax in .tsx files
     "react/react-in-jsx-scope": "off", // Not necessary with React 17+
     "react/prop-types": "off", // Not needed with TypeScript
 
@@ -60,7 +44,7 @@ module.exports = {
 
     // TypeScript Specific
     "@typescript-eslint/explicit-function-return-type": "off",
-        "@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }], // Warn about variables that are declared but not used
+    "@typescript-eslint/no-unused-vars": ["warn", { argsIgnorePattern: "^_" }], // Warn about variables that are declared but not used
 
     // Hooks Specific
     "react-hooks/rules-of-hooks": "error", // Checks rules of Hooks

App.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import { SafeAreaView, Text } from "react-native";
 
-
 const App: React.FC = () => {
 	return (
 		<SafeAreaView>
@@ -10,5 +9,4 @@ const App: React.FC = () => {
 	);
 };
 
-
 export default App;

flake.nix

@@ -53,7 +53,7 @@
   in with pkgs; {
     defaultPackage = appBuild;
     devShell = mkShell {
-      buildInputs = [ nodejs yarn watchman gradle_7 alejandra ];
+      buildInputs = [ nodejs yarn watchman gradle_7 alejandra nodePackages.prettier ];
       ANDROID_SDK_BIN = android-sdk;
       shellHook = ''
         export JAVA_HOME=${pkgs.jdk17.home}

package.json

@@ -17,7 +17,8 @@
     "preset": "jest-expo",
     "transformIgnorePatterns": [
       "node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|react-native-svg)"
-  ]},
+    ]
+  },
   "dependencies": {
     "@types/react": "~18.2.14",
     "@typescript-eslint/eslint-plugin": "^6.17.0",
@@ -37,7 +38,8 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
-    "@types/jest": "^29.5.11"
+    "@types/jest": "^29.5.11",
+    "eslint-config-prettier": "^9.1.0"
   },
   "private": true
 }

yarn.lock

@@ -3966,6 +3966,11 @@ escodegen@^2.0.0:
   optionalDependencies:
     source-map "~0.6.1"
 
+eslint-config-prettier@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz#31af3d94578645966c082fcb71a5846d3c94867f"
+  integrity sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==
+
 eslint-plugin-react-hooks@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz#4c3e697ad95b77e93f8646aaa1630c1ba607edd3"