franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(cli): upgrade to expo 54 (#574)

Browse Source
This commit is contained in:
Aman Varshney
2025-09-12 00:11:41 +05:30
committed by GitHub
parent 0bfb3cfda0
commit 09482029c5
68 changed files with 491 additions and 579 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/cli/templates/frontend/native/unistyles/app/(drawer)/(tabs)/_layout.tsx → apps/cli/templates/frontend/native/unistyles/app/(drawer)/(tabs)/_layout.tsx.hbs
View File

@@ -8,7 +8,7 @@ export default function TabLayout() {
return (
<Tabs
screenOptions={{
screenOptions=\{{
headerShown: false,
tabBarActiveTintColor: theme.colors.primary,
tabBarInactiveTintColor: theme.colors.mutedForeground,
@@ -20,14 +20,14 @@ export default function TabLayout() {
>
<Tabs.Screen
name="index"
options={{
options=\{{
title: "Home",
tabBarIcon: ({ color }) => <TabBarIcon name="home" color={color} />,
}}
/>
<Tabs.Screen
name="two"
options={{
options=\{{
title: "Explore",
tabBarIcon: ({ color }) => (
<TabBarIcon name="compass" color={color} />

0
apps/cli/templates/frontend/native/unistyles/app/(drawer)/(tabs)/index.tsx → apps/cli/templates/frontend/native/unistyles/app/(drawer)/(tabs)/index.tsx.hbs
View File

0
apps/cli/templates/frontend/native/unistyles/app/(drawer)/(tabs)/two.tsx → apps/cli/templates/frontend/native/unistyles/app/(drawer)/(tabs)/two.tsx.hbs
View File

4
apps/cli/templates/frontend/native/unistyles/app/(drawer)/index.tsx.hbs
View File

@@ -46,9 +46,7 @@ export default function Home() {
contentContainerStyle={styles.container}
showsVerticalScrollIndicator={false}
>
<Text className="font-mono text-foreground text-3xl font-bold mb-4">
BETTER T STACK
</Text>
<Text style={styles.heroTitle}>BETTER T STACK</Text>
<View style={styles.statusCard}>
<View style={styles.statusHeader}>
<Text style={styles.statusTitle}>System Status</Text>

48
apps/cli/templates/frontend/native/unistyles/app/+html.tsx
View File

@@ -1,48 +0,0 @@
import { ScrollViewStyleReset } from 'expo-router/html';
import '../unistyles';
// This file is web-only and used to configure the root HTML for every
// web page during static rendering.
// The contents of this function only run in Node.js environments and
// do not have access to the DOM or browser APIs.
export default function Root({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<head>
<meta charSet="utf-8" />
<meta httpEquiv="X-UA-Compatible" content="IE=edge" />
{/*
This viewport disables scaling which makes the mobile website act more like a native app.
However this does reduce built-in accessibility. If you want to enable scaling, use this instead:
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
*/}
<meta
name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1.00001,viewport-fit=cover"
/>
{/*
Disable body scrolling on web. This makes ScrollView components work closer to how they do on native.
However, body scrolling is often nice to have for mobile web. If you want to enable it, remove this line.
*/}
<ScrollViewStyleReset />
{/* Using raw CSS styles as an escape-hatch to ensure the background color never flickers in dark-mode. */}
<style dangerouslySetInnerHTML={{ __html: responsiveBackground }} />
{/* Add any additional <head> elements that you want globally available on web... */}
</head>
<body>{children}</body>
</html>
);
}
const responsiveBackground = `
body {
background-color: #fff;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #000;
}
}`;

4
apps/cli/templates/frontend/native/unistyles/app/+not-found.tsx → apps/cli/templates/frontend/native/unistyles/app/+not-found.tsx.hbs
View File

@@ -1,12 +1,12 @@
import { Container } from "@/components/container";
import { Link, Stack } from "expo-router";
import { Text, View } from "react-native";
import { StyleSheet } from "react-native-unistyles";
import { Container } from "@/components/container";
export default function NotFoundScreen() {
return (
<>
<Stack.Screen options={{ title: "Oops!" }} />
<Stack.Screen options=\{{ title: "Oops!" }} />
<Container>
<View style={styles.container}>
<View style={styles.content}>

4
apps/cli/templates/frontend/native/unistyles/app/_layout.tsx.hbs
View File

@@ -22,14 +22,14 @@ import { QueryClientProvider } from "@tanstack/react-query";
import { Stack } from "expo-router";
import { GestureHandlerRootView } from "react-native-gesture-handler";
import { useUnistyles } from "react-native-unistyles";
import { StatusBar } from "expo-status-bar";
export const unstable_settings = {
// Ensure that reloading on `/modal` keeps a back button present.
initialRouteName: "(drawer)",
};
{{#if (eq backend "convex")}}
const convex = new ConvexReactClient(process.env.EXPO_PUBLIC_CONVEX_URL!, {
const convex = new ConvexReactClient(process.env.EXPO_PUBLIC_CONVEX_URL || "", {
unsavedChangesWarning: false,
});
{{/if}}

0
apps/cli/templates/frontend/native/unistyles/app/modal.tsx → apps/cli/templates/frontend/native/unistyles/app/modal.tsx.hbs
View File