migrate ts to @/

flexbox · flexbox · commit b3845d1094e7 · 2025-01-21T16:51:11.000+01:00
diff --git a/hackathon/spacecraft/App.tsx b/hackathon/spacecraft/App.tsx
@@ -1,12 +1,11 @@
+import { AuthenticationProvider } from "@/context/Authentication";
+import { NetworkProvider } from "@/context/Network";
+import { useAppearanceTheme } from "@/hooks/useAppearanceTheme";
+import { Navigator } from "@/navigation/Navigator";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import Constants from "expo-constants";
 import { Provider as PaperProvider } from "react-native-paper";
 
-import { AuthenticationProvider } from "~/context/Authentication";
-import { NetworkProvider } from "~/context/Network";
-import { useAppearanceTheme } from "~/hooks/useAppearanceTheme";
-import { Navigator } from "~/navigation/Navigator";
-
 const queryClient = new QueryClient();
 
 const App = () => {
diff --git a/hackathon/spacecraft/app.config.js b/hackathon/spacecraft/app.config.js
@@ -1,7 +1,7 @@
 module.exports = {
   android: {
     adaptiveIcon: {
-      backgroundColor: "#FFFFFF",
+      backgroundColor: "#ffffff",
       foregroundImage: "./assets/adaptive-icon.png",
     },
     package: "weshipit.today.spacecraft",
diff --git a/hackathon/spacecraft/jest.setup.js b/hackathon/spacecraft/jest.setup.js
@@ -9,7 +9,7 @@ jest.mock("react-native-reanimated", () => {
 
   // The mock for `call` immediately calls the callback which is incorrect
   // So we override it with a no-op
-  Reanimated.default.call = () => { };
+  Reanimated.default.call = () => {};
 
   return Reanimated;
 });
diff --git a/hackathon/spacecraft/src/components/Card.stories.tsx b/hackathon/spacecraft/src/components/Card.stories.tsx
@@ -1,9 +1,8 @@
 import type { StarshipProps } from "api/types";
 
+import { StarshipCard } from "@/components/StarshipCard";
 import { NavigationContainer } from "@react-navigation/native";
 
-import { StarshipCard } from "~/components/StarshipCard";
-
 const shipFixture = {
   model: "YT-1300 light freighter",
   name: "Millennium Falcon",
diff --git a/hackathon/spacecraft/src/components/FromInput.test.tsx b/hackathon/spacecraft/src/components/FromInput.test.tsx
@@ -1,7 +1,6 @@
+import { FormInput } from "@/components/FromInput";
 import { fireEvent, render, screen } from "@testing-library/react-native";
 
-import { FormInput } from "~/components/FromInput";
-
 describe("FormInput", () => {
   const mock = jest.fn();
   it("renders correctly", () => {
diff --git a/hackathon/spacecraft/src/components/Offline.tsx b/hackathon/spacecraft/src/components/Offline.tsx
@@ -1,8 +1,8 @@
+import { useNetwork } from "@/context/Network";
+import React from "react";
 import { StyleSheet, Text, View } from "react-native";
 import { ActivityIndicator, useTheme } from "react-native-paper";
 
-import { useNetwork } from "~/context/Network";
-
 export const Offline = () => {
   const { isConnected } = useNetwork();
   const { colors } = useTheme();
diff --git a/hackathon/spacecraft/src/components/PeopleItem.tsx b/hackathon/spacecraft/src/components/PeopleItem.tsx
@@ -1,10 +1,9 @@
 import type { PeopleProps } from "api/types";
 
+import { Routes } from "@/navigation/Routes";
 import { useNavigation } from "@react-navigation/native";
 import { List } from "react-native-paper";
 
-import { Routes } from "~/navigation/Routes";
-
 interface PeopleItemProps {
   people: PeopleProps;
 }
diff --git a/hackathon/spacecraft/src/components/ScreenContainer.tsx b/hackathon/spacecraft/src/components/ScreenContainer.tsx
@@ -1,11 +1,10 @@
 import type { ReactNode } from "react";
 
+import { Offline } from "@/components/Offline";
 import { useNavigation } from "@react-navigation/native";
 import { ScrollView, StyleSheet, View } from "react-native";
 import { IconButton, Text, useTheme } from "react-native-paper";
 
-import { Offline } from "~/components/Offline";
-
 interface ScreenContainerProps {
   accessoryFooter?: ReactNode;
   children?: ReactNode;
diff --git a/hackathon/spacecraft/src/components/SkeletonList.stories.tsx b/hackathon/spacecraft/src/components/SkeletonList.stories.tsx
@@ -1,4 +1,4 @@
-import { SkeletonList } from "~/components/SkeletonList";
+import { SkeletonList } from "@/components/SkeletonList";
 
 export default {
   title: "SkeletonList",
diff --git a/hackathon/spacecraft/src/components/StarshipCard.test.tsx b/hackathon/spacecraft/src/components/StarshipCard.test.tsx
@@ -1,8 +1,7 @@
+import { StarshipCard } from "@/components/StarshipCard";
 import { NavigationContainer } from "@react-navigation/native";
 import { render, screen } from "@testing-library/react-native";
 
-import { StarshipCard } from "~/components/StarshipCard";
-
 const shipFixture = {
   model: "YT-1300 light freighter",
   name: "Millennium Falcon",
diff --git a/hackathon/spacecraft/src/components/StarshipCard.tsx b/hackathon/spacecraft/src/components/StarshipCard.tsx
@@ -1,11 +1,10 @@
+import { Image } from "@/components/Image";
 import { useNavigation } from "@react-navigation/native";
 import CurrencyFormat from "react-currency-format";
 import { Alert, StyleSheet } from "react-native";
 import { Button, Card, Text } from "react-native-paper";
 import { FadeInDown, FadeOut } from "react-native-reanimated";
 
-import { Image } from "~/components/Image";
-
 import type { StarshipProps } from "../../api/types";
 
 import { Routes } from "../navigation/Routes";
diff --git a/hackathon/spacecraft/src/components/StarshipLoadableList.tsx b/hackathon/spacecraft/src/components/StarshipLoadableList.tsx
@@ -1,8 +1,8 @@
+import { useStarships } from "@/hooks/useStarships";
+import { useId } from "react";
 import { StyleSheet, View } from "react-native";
 import { Text } from "react-native-paper";
 
-import { useStarships } from "~/hooks/useStarships";
-
 interface StarshipLoadableListProps {
   starships: string[];
 }
@@ -15,14 +15,29 @@ export const StarshipLoadableList = ({
   starships,
 }: StarshipLoadableListProps) => {
   const queryResult = useStarships(starships);
+  const id = useId();
 
   return queryResult.map((result) => {
-    if (result.isInitialLoading || result.isLoading) {
-      return <Text variant="bodyMedium">Loading…</Text>;
+    if (result.isLoading) {
+      return (
+        <Text
+          key={id}
+          variant="bodyMedium"
+        >
+          Loading…
+        </Text>
+      );
     }
 
     if (result.isError) {
-      return <Text variant="bodyMedium">Error 😕</Text>;
+      return (
+        <Text
+          key={id}
+          variant="bodyMedium"
+        >
+          Error 😕
+        </Text>
+      );
     }
 
     return (
diff --git a/hackathon/spacecraft/src/hooks/useAppearanceTheme.ts b/hackathon/spacecraft/src/hooks/useAppearanceTheme.ts
@@ -1,10 +1,9 @@
 import type { AppStateStatus } from "react-native";
 
+import { CombinedDarkTheme, CombinedDefaultTheme } from "@/theme/theme";
 import { useEffect, useState } from "react";
 import { Appearance, AppState } from "react-native";
 
-import { CombinedDarkTheme, CombinedDefaultTheme } from "~/theme/theme";
-
 export const useAppearanceTheme = () => {
   const [theme, setTheme] = useState(
     Appearance.getColorScheme() === "dark"
diff --git a/hackathon/spacecraft/src/navigation/AuthNavigator.tsx b/hackathon/spacecraft/src/navigation/AuthNavigator.tsx
@@ -1,9 +1,8 @@
+import { Routes } from "@/navigation/Routes";
+import { LoginScreen } from "@/screens/LoginScreen";
+import { TermsScreen } from "@/screens/TermsScreen";
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
 
-import { Routes } from "~/navigation/Routes";
-import { LoginScreen } from "~/screens/LoginScreen";
-import { TermsScreen } from "~/screens/TermsScreen";
-
 const Stack = createNativeStackNavigator();
 
 export const AuthNavigator = () => {
diff --git a/hackathon/spacecraft/src/navigation/BottomTabNavigator.tsx b/hackathon/spacecraft/src/navigation/BottomTabNavigator.tsx
@@ -1,15 +1,14 @@
+import { PilotNavigator } from "@/navigation/PilotNavigator";
+import { PlanetNavigator } from "@/navigation/PlanetNavigator";
+import { PlusNavigator } from "@/navigation/PlusNavigator";
+import { Routes } from "@/navigation/Routes";
+import { StarshipNavigator } from "@/navigation/StarshipNavigator";
 /* eslint-disable react/no-unstable-nested-components */
 import { FontAwesome5, Ionicons } from "@expo/vector-icons";
 import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
 import { getFocusedRouteNameFromRoute } from "@react-navigation/native";
 import { useTheme } from "react-native-paper";
 
-import { PilotNavigator } from "~/navigation/PilotNavigator";
-import { PlanetNavigator } from "~/navigation/PlanetNavigator";
-import { PlusNavigator } from "~/navigation/PlusNavigator";
-import { Routes } from "~/navigation/Routes";
-import { StarshipNavigator } from "~/navigation/StarshipNavigator";
-
 const Tab = createBottomTabNavigator();
 
 export const BottomTabNavigator = () => {
diff --git a/hackathon/spacecraft/src/navigation/Navigator.tsx b/hackathon/spacecraft/src/navigation/Navigator.tsx
@@ -1,13 +1,12 @@
+import { useAuthentication } from "@/context/Authentication";
+import { useAppearanceTheme } from "@/hooks/useAppearanceTheme";
 import { useReactNavigationDevTools } from "@dev-plugins/react-navigation";
 import {
   NavigationContainer,
   useNavigationContainerRef,
 } from "@react-navigation/native";
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
 
-import { useAuthentication } from "~/context/Authentication";
-import { useAppearanceTheme } from "~/hooks/useAppearanceTheme";
-
 import { AuthNavigator } from "./AuthNavigator";
 import { BottomTabNavigator } from "./BottomTabNavigator";
 
diff --git a/hackathon/spacecraft/src/navigation/PilotNavigator.tsx b/hackathon/spacecraft/src/navigation/PilotNavigator.tsx
@@ -1,10 +1,9 @@
+import { Routes } from "@/navigation/Routes";
+import { PilotDetailsScreen } from "@/screens/PilotDetailsScreen";
+import { PilotScreen } from "@/screens/PilotScreen";
+import { StarshipDetailsScreen } from "@/screens/StarshipDetailsScreen";
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
 
-import { Routes } from "~/navigation/Routes";
-import { PilotDetailsScreen } from "~/screens/PilotDetailsScreen";
-import { PilotScreen } from "~/screens/PilotScreen";
-import { StarshipDetailsScreen } from "~/screens/StarshipDetailsScreen";
-
 const Stack = createNativeStackNavigator();
 
 export const PilotNavigator = () => {
diff --git a/hackathon/spacecraft/src/navigation/PlanetNavigator.tsx b/hackathon/spacecraft/src/navigation/PlanetNavigator.tsx
@@ -1,8 +1,7 @@
+import { PlanetDetailsScreen } from "@/screens/PlanetDetailsScreen";
+import { PlanetsScreen } from "@/screens/PlanetsScreen";
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
 
-import { PlanetDetailsScreen } from "~/screens/PlanetDetailsScreen";
-import { PlanetsScreen } from "~/screens/PlanetsScreen";
-
 import { Routes } from "./Routes";
 
 const Stack = createNativeStackNavigator();
diff --git a/hackathon/spacecraft/src/navigation/PlusNavigator.tsx b/hackathon/spacecraft/src/navigation/PlusNavigator.tsx
@@ -1,11 +1,10 @@
+import { Routes } from "@/navigation/Routes";
+import { DisappointedScreen } from "@/screens/DisappointedScreen";
+import { DoYouLikeScreen } from "@/screens/DoYouLikeScreen";
+import { LoveScreen } from "@/screens/LoveScreen";
+import { PlusScreen } from "@/screens/PlusScreen";
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
 
-import { Routes } from "~/navigation/Routes";
-import { DisappointedScreen } from "~/screens/DisappointedScreen";
-import { DoYouLikeScreen } from "~/screens/DoYouLikeScreen";
-import { LoveScreen } from "~/screens/LoveScreen";
-import { PlusScreen } from "~/screens/PlusScreen";
-
 const Stack = createNativeStackNavigator();
 
 export const PlusNavigator = () => {
diff --git a/hackathon/spacecraft/src/navigation/StarshipNavigator.tsx b/hackathon/spacecraft/src/navigation/StarshipNavigator.tsx
@@ -1,12 +1,11 @@
 import type { StarshipProps } from "api/types";
 
+import { Routes } from "@/navigation/Routes";
+import { StarshipDetailsScreen } from "@/screens/StarshipDetailsScreen";
+import { StarshipFeedScreen } from "@/screens/StarshipFeedScreen";
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
-
-import { Routes } from "~/navigation/Routes";
-import { StarshipDetailsScreen } from "~/screens/StarshipDetailsScreen";
-import { StarshipFeedScreen } from "~/screens/StarshipFeedScreen";
 // For Example
-// import { StarshipFeedScreen } from "~/screens/exercice/StarshipFeedScreen";
+// import { StarshipFeedScreen } from "@/screens/exercice/StarshipFeedScreen";
 
 export type StarshipStackParamList = {
   [Routes.STARSHIP_DETAILS_SCREEN]: {
@@ -35,7 +34,7 @@ export const StarshipNavigator = () => {
         name={Routes.STARSHIP_DETAILS_SCREEN}
         options={{
           contentStyle: {
-            backgroundColor: "#fff",
+            backgroundColor: "#ffffff",
           },
           presentation: "modal",
         }}
diff --git a/hackathon/spacecraft/src/screens/DisappointedScreen.tsx b/hackathon/spacecraft/src/screens/DisappointedScreen.tsx
@@ -1,10 +1,9 @@
+import { ButtonSupport } from "@/components/ButtonSupport";
+import { ScreenContainer } from "@/components/ScreenContainer";
 /* eslint-disable max-len */
 import { Image, ScrollView, View } from "react-native";
 import { Button, Text } from "react-native-paper";
 
-import { ButtonSupport } from "~/components/ButtonSupport";
-import { ScreenContainer } from "~/components/ScreenContainer";
-
 interface Props {
   navigation: any;
 }
diff --git a/hackathon/spacecraft/src/screens/DoYouLikeScreen.tsx b/hackathon/spacecraft/src/screens/DoYouLikeScreen.tsx
@@ -1,9 +1,8 @@
+import { ScreenContainer } from "@/components/ScreenContainer";
+import { Routes } from "@/navigation/Routes";
 import { Image } from "react-native";
 import { List } from "react-native-paper";
 
-import { ScreenContainer } from "~/components/ScreenContainer";
-import { Routes } from "~/navigation/Routes";
-
 interface DoYouLikeScreenProps {
   navigation: any;
 }
diff --git a/hackathon/spacecraft/src/screens/LoginScreen.stories.tsx b/hackathon/spacecraft/src/screens/LoginScreen.stories.tsx
@@ -1,7 +1,6 @@
+import { LoginScreen } from "@/screens/LoginScreen";
 import { NavigationContainer } from "@react-navigation/native";
 
-import { LoginScreen } from "~/screens/LoginScreen";
-
 export default {
   title: "Screen",
 };
diff --git a/hackathon/spacecraft/src/screens/LoginScreen.tsx b/hackathon/spacecraft/src/screens/LoginScreen.tsx
@@ -1,10 +1,9 @@
+import { Header } from "@/components/Header";
 import { useNavigation } from "@react-navigation/native";
 import { useState } from "react";
 import { StyleSheet, TouchableOpacity, View } from "react-native";
 import { Button, Checkbox, Text, useTheme } from "react-native-paper";
 
-import { Header } from "~/components/Header";
-
 import { FormInput } from "../components/FromInput";
 import { useAuthentication } from "../context/Authentication";
 import { Routes } from "../navigation/Routes";
diff --git a/hackathon/spacecraft/src/screens/LoveScreen.tsx b/hackathon/spacecraft/src/screens/LoveScreen.tsx
@@ -1,10 +1,9 @@
+import { ButtonSupport } from "@/components/ButtonSupport";
+import { ScreenContainer } from "@/components/ScreenContainer";
 import * as StoreReview from "expo-store-review";
 import { Alert, Image, Platform, ScrollView, View } from "react-native";
 import { Button, Text } from "react-native-paper";
 
-import { ButtonSupport } from "~/components/ButtonSupport";
-import { ScreenContainer } from "~/components/ScreenContainer";
-
 export const LoveScreen = () => {
   const handleStoreReview = async () => {
     if (await StoreReview.hasAction()) {
diff --git a/hackathon/spacecraft/src/screens/PilotDetailsScreen.tsx b/hackathon/spacecraft/src/screens/PilotDetailsScreen.tsx
@@ -1,11 +1,10 @@
 import type { PeopleProps } from "api/types";
 
+import { ScreenContainer } from "@/components/ScreenContainer";
+import { StarshipLoadableList } from "@/components/StarshipLoadableList";
 import { StyleSheet, View } from "react-native";
 import { DataTable, Text } from "react-native-paper";
 
-import { ScreenContainer } from "~/components/ScreenContainer";
-import { StarshipLoadableList } from "~/components/StarshipLoadableList";
-
 interface PilotDetailsScreenProps {
   route: {
     params: {
diff --git a/hackathon/spacecraft/src/screens/PilotScreen.tsx b/hackathon/spacecraft/src/screens/PilotScreen.tsx
@@ -1,13 +1,12 @@
 import type { PeopleProps } from "api/types";
 
+import { PeopleItem } from "@/components/PeopleItem";
+import { ScreenContainer } from "@/components/ScreenContainer";
+import { SkeletonList } from "@/components/SkeletonList";
+import { usePilot } from "@/hooks/usePilot";
 import { FlatList } from "react-native";
 import { Button } from "react-native-paper";
 
-import { PeopleItem } from "~/components/PeopleItem";
-import { ScreenContainer } from "~/components/ScreenContainer";
-import { SkeletonList } from "~/components/SkeletonList";
-import { usePilot } from "~/hooks/usePilot";
-
 interface RenderItemProps {
   item: PeopleProps;
 }
diff --git a/hackathon/spacecraft/src/screens/PlanetDetailsScreen.tsx b/hackathon/spacecraft/src/screens/PlanetDetailsScreen.tsx
@@ -1,7 +1,6 @@
+import { ScreenContainer } from "@/components/ScreenContainer";
 import { Text } from "react-native-paper";
 
-import { ScreenContainer } from "~/components/ScreenContainer";
-
 /**
  * @deprecated move this to typ please
  */
diff --git a/hackathon/spacecraft/src/screens/PlanetsScreen.tsx b/hackathon/spacecraft/src/screens/PlanetsScreen.tsx
diff --git a/hackathon/spacecraft/src/screens/PlusScreen.tsx b/hackathon/spacecraft/src/screens/PlusScreen.tsx
diff --git a/hackathon/spacecraft/src/screens/StarshipDetailsScreen.tsx b/hackathon/spacecraft/src/screens/StarshipDetailsScreen.tsx
diff --git a/hackathon/spacecraft/src/screens/StarshipFeedScreen.tsx b/hackathon/spacecraft/src/screens/StarshipFeedScreen.tsx
diff --git a/hackathon/spacecraft/src/screens/exercice/LoginScreen.tsx b/hackathon/spacecraft/src/screens/exercice/LoginScreen.tsx
diff --git a/hackathon/spacecraft/src/theme/color-tokens.ts b/hackathon/spacecraft/src/theme/color-tokens.ts
diff --git a/hackathon/spacecraft/tsconfig.json b/hackathon/spacecraft/tsconfig.json

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { SkeletonList } from "~/components/SkeletonList";`
	`1`	`+import { SkeletonList } from "@/components/SkeletonList";`
`2`	`2`
`3`	`3`	`export default {`
`4`	`4`	`title: "SkeletonList",`