fix: 🐛 eslint config

Author: MatthysDev

hackathon/spacecraft/.eslintrc.js

@@ -14,17 +14,16 @@ module.exports = {
   plugins: [
     "react",
     "react-native",
-    "simple-import-sort",
-    "perfectionist", // Existing plugins plus 'perfectionist'
+    "perfectionist", // Keep only 'perfectionist'
   ],
   root: true, // Make sure eslint picks up the config at the root of the directory
   rules: {
     "@typescript-eslint/no-explicit-any": "warn", // Detect usage of `any` type
     "@typescript-eslint/no-unused-vars": "warn", // Detect unused variables
     camelcase: "off", // Disable camelcase rule
-    "perfectionist/sort-imports": "error", // Previous perfectionist rule
-    "perfectionist/sort-interfaces": ["error"], // New perfectionist rule
-    "perfectionist/sort-objects": ["error", { type: "alphabetical" }], // New perfectionist rule
+    "perfectionist/sort-imports": "error", // Perfectionist import sorting
+    "perfectionist/sort-interfaces": ["error"], // Perfectionist interfaces sorting
+    "perfectionist/sort-objects": ["error", { type: "alphabetical" }], // Perfectionist objects sorting
     "prettier/prettier": [
       "warn",
       {
@@ -35,19 +34,7 @@ module.exports = {
     "react-native/no-raw-text": 0, // Detect raw text outside of Text component
     "react-native/no-unused-styles": 2, // Detect unused StyleSheet rules
     "react-native/sort-styles": 2, // Enforce style definitions are sorted
-    "simple-import-sort/exports": "warn", // Enforce sorting exports within module
-    "simple-import-sort/imports": [
-      "warn",
-      {
-        groups: [
-          ["^\\u0000"],
-          ["^react", "^@?\\w"],
-          ["^(@env)(/.*|$)"],
-          ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
-          ["^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"],
-        ],
-      },
-    ],
+    "react/no-unescaped-entities": "off",
   },
   settings: {
     perfectionist: {

hackathon/spacecraft/App.tsx

@@ -1,12 +1,12 @@
 import React from "react";
+import Constants from "expo-constants";
 import { Provider as PaperProvider } from "react-native-paper";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import Constants from "expo-constants";
 
-import { AuthenticationProvider } from "~/context/Authentication";
+import { Navigator } from "~/navigation/Navigator";
 import { NetworkProvider } from "~/context/Network";
 import { useAppearanceTheme } from "~/hooks/useAppearanceTheme";
-import { Navigator } from "~/navigation/Navigator";
+import { AuthenticationProvider } from "~/context/Authentication";
 
 const queryClient = new QueryClient();
 

hackathon/spacecraft/api/types.d.ts

@@ -1,39 +1,39 @@
 export interface StarshipProps {
+  films?: [];
+  pilots?: [];
+  name: string;
+  url?: string;
   MGLT?: string;
-  cargo_capacity?: string;
-  consumables?: string;
-  cost_in_credits?: string;
-  created?: string;
   crew?: string;
+  model: string;
   edited?: string;
-  films?: [];
-  hyperdrive_rating?: string;
   length?: string;
-  manufacturer?: string;
-  max_atmosphering_speed?: string;
-  model: string;
-  name: string;
+  created?: string;
   passengers?: string;
-  pilots?: [];
+  consumables?: string;
+  manufacturer?: string;
+  cargo_capacity?: string;
   starship_class?: string;
-  url?: string;
+  cost_in_credits?: string;
+  hyperdrive_rating?: string;
+  max_atmosphering_speed?: string;
 }
 
 interface PeopleProps {
+  url: string;
   name: string;
-  height: string;
   mass: string;
-  hair_color: string;
-  skin_color: string;
-  eye_color: string;
-  birth_year: string;
+  height: string;
   gender: string;
-  homeworld: string;
+  edited: string;
   films: string[];
+  created: string;
+  eye_color: string;
+  homeworld: string;
   species: string[];
+  hair_color: string;
+  skin_color: string;
+  birth_year: string;
   vehicles: string[];
   starships: string[];
-  created: string;
-  edited: string;
-  url: string;
 }

hackathon/spacecraft/app.config.js

@@ -1,64 +1,64 @@
 module.exports = {
-  name: "spacecraft",
-  description: "Learning materials for the `react-native-bootcamp` repository.",
-  slug: "spacecraft",
-  owner: "weshipit",
-  version: "1.0.2",
-  orientation: "portrait",
-  icon: "./assets/icon.png",
-  splash: {
-    image: "./assets/splash.png",
-    resizeMode: "contain",
-    backgroundColor: "#ffffff",
-  },
-  updates: {
-    fallbackToCacheTimeout: 0,
-    url: "https://u.expo.dev/012accc3-4ce5-4bae-9f4d-2f842489f07a",
-  },
-  assetBundlePatterns: ["**/*"],
-  ios: {
-    supportsTablet: true,
-    bundleIdentifier: "weshipit.today.spacecraft",
-    appStoreUrl:
-      "https://apps.apple.com/fr/app/retail-shake-scanner/id1234567890",
-  },
   android: {
     adaptiveIcon: {
-      foregroundImage: "./assets/adaptive-icon.png",
       backgroundColor: "#FFFFFF",
+      foregroundImage: "./assets/adaptive-icon.png",
     },
     package: "weshipit.today.spacecraft",
     playStoreUrl:
       "https://play.google.com/store/apps/details?id=weshipit.today.spacecraft",
   },
-  web: {
-    favicon: "./assets/favicon.png",
-  },
+  assetBundlePatterns: ["**/*"],
+  description: "Learning materials for the `react-native-bootcamp` repository.",
   extra: {
-    storybookEnabled: process.env.STORYBOOK_ENABLED,
     eas: {
       projectId: "012accc3-4ce5-4bae-9f4d-2f842489f07a",
     },
+    storybookEnabled: process.env.STORYBOOK_ENABLED,
+  },
+  icon: "./assets/icon.png",
+  ios: {
+    appStoreUrl:
+      "https://apps.apple.com/fr/app/retail-shake-scanner/id1234567890",
+    bundleIdentifier: "weshipit.today.spacecraft",
+    supportsTablet: true,
   },
+  name: "spacecraft",
+  orientation: "portrait",
+  owner: "weshipit",
   plugins: [
     [
       "app-icon-badge",
       {
         // enable/ disable the plugin based on the environment (usually disabled for production builds)
-        enabled: process.env.ENVIRONMENT === "production" ? false : true,
         badges: [
           {
+            background: "#FF0000", // by default it will be black and we are only supporting hex format for colors
+            color: "white", // by default it will be white and the only color supported for now is white and black
             text: process.env.ENVIRONMENT || "unkown", // banner text
             type: "banner", // banner or ribbon
-            color: "white", // by default it will be white and the only color supported for now is white and black
-            background: "#FF0000", // by default it will be black and we are only supporting hex format for colors
           },
           {
             text: process.env.version,
             type: "ribbon",
           },
         ],
+        enabled: process.env.ENVIRONMENT === "production" ? false : true,
       },
     ],
   ],
+  slug: "spacecraft",
+  splash: {
+    backgroundColor: "#ffffff",
+    image: "./assets/splash.png",
+    resizeMode: "contain",
+  },
+  updates: {
+    fallbackToCacheTimeout: 0,
+    url: "https://u.expo.dev/012accc3-4ce5-4bae-9f4d-2f842489f07a",
+  },
+  version: "1.0.2",
+  web: {
+    favicon: "./assets/favicon.png",
+  },
 };

hackathon/spacecraft/babel.config.js

@@ -1,7 +1,6 @@
 module.exports = function (api) {
   api.cache(true);
   return {
-    presets: ["babel-preset-expo"],
     env: {
       production: {
         plugins: ["transform-remove-console", "react-native-paper/babel"],
@@ -10,5 +9,6 @@ module.exports = function (api) {
     plugins: [
       "react-native-reanimated/plugin", // order matters
     ],
+    presets: ["babel-preset-expo"],
   };
 };

hackathon/spacecraft/metro.config.js

@@ -1,6 +1,5 @@
 // metro.config.js
 const path = require("path");
-
 const { getDefaultConfig } = require("expo/metro-config");
 const { generate } = require("@storybook/react-native/scripts/generate");
 

hackathon/spacecraft/src/components/Card.stories.tsx

@@ -1,17 +1,18 @@
-import { NavigationContainer } from "@react-navigation/native";
 import type { StarshipProps } from "api/types";
 
+import { NavigationContainer } from "@react-navigation/native";
+
 import { StarshipCard } from "~/components/StarshipCard";
 
 const shipFixture = {
-  name: "Millennium Falcon",
   model: "YT-1300 light freighter",
+  name: "Millennium Falcon",
 };
 
 const tieFixture: StarshipProps = {
-  name: "tieadvanced x1",
-  model: "tieadvanced x1",
   cost_in_credits: "unknown",
+  model: "tieadvanced x1",
+  name: "tieadvanced x1",
 };
 
 export default {

hackathon/spacecraft/src/components/FromInput.tsx

@@ -1,12 +1,13 @@
+import type { TextInputProps } from "react-native-paper";
+
 import React from "react";
 import { View } from "react-native";
-import type { TextInputProps } from "react-native-paper";
 import { TextInput } from "react-native-paper";
 
 export const FormInput = ({
   label,
-  value,
   onChangeText,
+  value,
   ...rest
 }: TextInputProps) => (
   <View style={{ paddingVertical: 8 }}>

hackathon/spacecraft/src/components/Header.tsx

@@ -1,7 +1,7 @@
 import React from "react";
+import Constants from "expo-constants";
 import { StyleSheet, View } from "react-native";
 import { Text, useTheme } from "react-native-paper";
-import Constants from "expo-constants";
 
 type HeaderProps = {
   title: string;

hackathon/spacecraft/src/components/Image.tsx

@@ -1,9 +1,10 @@
-import React from "react";
 // import type { ImageProps } from "expo-image";
 import type { ImageProps } from "react-native";
-import { Image as RNImage } from "react-native";
 import type { AnimatedProps } from "react-native-reanimated";
+
+import React from "react";
 import Animated from "react-native-reanimated";
+import { Image as RNImage } from "react-native";
 import { Image as ExpoImage } from "expo-image";
 
 const AnimatedImage = Animated.createAnimatedComponent(RNImage);