Fix basic issues with Expo; fix timestamp default issues

Author: joshsmith

.vscode/settings.json

@@ -29,5 +29,6 @@
   "typescript.tsdk": "node_modules/typescript/lib",
   "[typescript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
-  }
+  },
+  "java.compile.nullAnalysis.mode": "automatic"
 }

apps/auth-proxy/sst-env.d.ts

@@ -2,95 +2,8 @@
 /* tslint:disable */
 /* eslint-disable */
 /* deno-fmt-ignore-file */
+
+/// <reference path="../../sst-env.d.ts" />
+
 import "sst"
-export {}
-declare module "sst" {
-  export interface Resource {
-    "AuthChallengeEncryptionKey": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "AuthHomefrontClientId": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "AuthHomefrontClientSecret": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "AuthMiniSessionEncryptionKey": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "AuthSalt": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "AuthSecret": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "AuthSessionCreatorSecret": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "DatabaseUrl": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "DbEncryptionKey": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "OauthEncryptionKey": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "OauthSecret": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "OtpEncryptionKey": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "PineconeApiKey": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "Redis": {
-      "host": string
-      "password": string
-      "port": number
-      "type": "sst.aws.Redis"
-      "username": string
-    }
-    "StripeHashKey": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "StripeSecretKey": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "StripeWebhookSecret": {
-      "type": "sst.sst.Secret"
-      "value": string
-    }
-    "Vpc": {
-      "type": "sst.aws.Vpc"
-    }
-    "Web": {
-      "type": "sst.aws.Nextjs"
-      "url": string
-    }
-    "homefront-next-prod": {
-      "name": string
-      "type": "sst.aws.Bucket"
-    }
-    "join-homefront": {
-      "name": string
-      "type": "sst.aws.Bucket"
-    }
-  }
-}
+export {}

apps/expo/package.json

@@ -16,6 +16,10 @@
   },
   "dependencies": {
     "@bacons/text-decoder": "^0.0.0",
+    "@expo-google-fonts/fira-code": "^0.2.3",
+    "@expo-google-fonts/inter": "^0.2.3",
+    "@expo-google-fonts/oswald": "^0.2.3",
+    "@expo-google-fonts/pt-serif": "^0.2.3",
     "@expo/metro-config": "^0.19.9",
     "@homefront/api": "workspace:*",
     "@homefront/app": "workspace:*",
@@ -67,6 +71,7 @@
     "expo-constants": "catalog:",
     "expo-dev-client": "catalog:",
     "expo-device": "catalog:",
+    "expo-font": "catalog:",
     "expo-image": "catalog:",
     "expo-linking": "catalog:",
     "expo-location": "catalog:",
@@ -84,6 +89,7 @@
     "react-dom": "catalog:react-for-expo",
     "react-native": "catalog:react-for-expo",
     "react-native-bouncy-checkbox": "catalog:",
+    "react-native-css-interop": "catalog:",
     "react-native-gesture-handler": "~2.20.0",
     "react-native-get-random-values": "catalog:",
     "react-native-markdown-display": "catalog:",
@@ -94,14 +100,13 @@
     "react-native-screens": "catalog:",
     "react-native-svg": "catalog:",
     "react-native-url-polyfill": "catalog:",
-    "solito": "catalog:",
-    "superjson": "2.2.1",
+    "superjson": "catalog:",
     "tailwind-merge": "catalog:"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.8",
-    "@babel/preset-env": "^7.25.8",
-    "@babel/runtime": "^7.25.7",
+    "@babel/core": "^7.26.7",
+    "@babel/preset-env": "^7.26.7",
+    "@babel/runtime": "^7.26.7",
     "@homefront/eslint-config": "workspace:*",
     "@homefront/prettier-config": "workspace:*",
     "@homefront/tailwind-config": "workspace:*",

apps/expo/src/app/_layout.tsx

@@ -1,33 +1,59 @@
 import "@bacons/text-decoder/install";
 
-import { StrictMode } from "react";
-import { Stack } from "expo-router";
+import { StrictMode, useEffect, useState } from "react";
+import { SplashScreen, Stack } from "expo-router";
 import { StatusBar } from "expo-status-bar";
 import { NavigationContainer } from "@react-navigation/native";
 import { useColorScheme } from "nativewind";
 
 import { Provider } from "@homefront/app/provider";
 import colors from "@homefront/ui/colors";
 
+import { loadFonts } from "~/utils/loadFonts";
+
 import "../globals.css";
 
+// Prevent the splash screen from auto-hiding before asset loading is complete.
+void SplashScreen.preventAutoHideAsync();
+
 export default function Layout() {
   const { colorScheme } = useColorScheme();
+  const [fontsLoaded, setFontsLoaded] = useState(false);
+
+  // Load fonts and hide the splash screen when ready.
+  useEffect(() => {
+    async function prepare() {
+      try {
+        const success = await loadFonts();
+        setFontsLoaded(success);
+      } catch (e) {
+        console.error("Font loading error:", e);
+      } finally {
+        await SplashScreen.hideAsync();
+      }
+    }
+    prepare();
+  }, []);
+
+  // Wait for fonts to load before rendering the app.
+  if (!fontsLoaded) {
+    return null;
+  }
+
   return (
     <StrictMode>
       <NavigationContainer>
         <Provider>
           <Stack
             screenOptions={{
-              headerStyle: {
-                backgroundColor: colors.primary[500],
-              },
+              header: () => null,
               contentStyle: {
-                backgroundColor: colorScheme === "dark" ? "#09090B" : "#FFFFFF",
+                backgroundColor:
+                  colorScheme === "dark" ? colors.gray[950] : "white",
               },
             }}
           />
-          <StatusBar />
+          <StatusBar translucent backgroundColor="transparent" />
         </Provider>
       </NavigationContainer>
     </StrictMode>

apps/expo/src/app/index.tsx

@@ -1,30 +1,23 @@
-import { View } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
 import { Stack } from "expo-router";
-import { verifyInstallation } from "nativewind";
 
+import { SignInScreen } from "@homefront/app/features/auth/SignInScreen";
 import { SplashScreen } from "@homefront/app/features/splash/SplashScreen";
-import { Text } from "@homefront/ui";
 
 export default function Index() {
-  verifyInstallation();
   return (
-    <SafeAreaView>
+    <>
       <Stack.Screen
         options={{
           title: "Home Page",
+          headerShown: false,
+          headerTransparent: true,
+          headerTitle: "",
+          headerTintColor: "white",
         }}
       />
 
-      <View className="flex-column flex-1 items-center justify-center px-4">
-        <Text className="w-full flex-1 text-center text-5xl font-bold text-foreground">
-          Create <Text className="text-primary">T3</Text> Turbo
-        </Text>
-
-        {/* Debug component to verify styles */}
-        <View className="mt-4 h-20 w-20 bg-red-700" />
-        <SplashScreen />
-      </View>
-    </SafeAreaView>
+      {/* <SplashScreen /> */}
+      <SignInScreen />
+    </>
   );
 }

apps/expo/src/utils/loadFonts.ts

@@ -0,0 +1,47 @@
+import { loadAsync } from "expo-font";
+import {
+  FiraCode_400Regular,
+  FiraCode_500Medium,
+  FiraCode_700Bold,
+} from "@expo-google-fonts/fira-code";
+import {
+  Inter_400Regular,
+  Inter_500Medium,
+  Inter_700Bold,
+} from "@expo-google-fonts/inter";
+import {
+  Oswald_400Regular,
+  Oswald_500Medium,
+  Oswald_700Bold,
+} from "@expo-google-fonts/oswald";
+import {
+  PTSerif_400Regular,
+  PTSerif_700Bold,
+} from "@expo-google-fonts/pt-serif";
+
+export async function loadFonts() {
+  try {
+    console.log("Starting font loading...");
+
+    const fonts = {
+      "Inter-Regular": Inter_400Regular,
+      "Inter-Medium": Inter_500Medium,
+      "Inter-Bold": Inter_700Bold,
+      "Oswald-Regular": Oswald_400Regular,
+      "Oswald-Medium": Oswald_500Medium,
+      "Oswald-Bold": Oswald_700Bold,
+      "FiraCode-Regular": FiraCode_400Regular,
+      "FiraCode-Medium": FiraCode_500Medium,
+      "FiraCode-Bold": FiraCode_700Bold,
+      "PTSerif-Regular": PTSerif_400Regular,
+      "PTSerif-Bold": PTSerif_700Bold,
+    };
+
+    await loadAsync(fonts);
+    console.log("Fonts loaded successfully");
+    return true;
+  } catch (error) {
+    console.error("Error loading fonts:", error);
+    return false;
+  }
+}