mirror of
https://github.com/FranP-code/create-better-t-stack.git
synced 2025-10-12 23:52:15 +00:00
upgrade to expo 53
This commit is contained in:
Aman Varshney
5
.changeset/yummy-cycles-shave.md
Normal file
5
.changeset/yummy-cycles-shave.md
Normal file
@@ -0,0 +1,5 @@
|
||||
---
|
||||
"create-better-t-stack": minor
|
||||
---
|
||||
|
||||
upgrade to expo 53
|
||||
@@ -79,11 +79,11 @@ export const dependencyVersionMap = {
|
||||
|
||||
"@prisma/extension-accelerate": "^1.3.0",
|
||||
|
||||
"@orpc/server": "^1.1.0",
|
||||
"@orpc/client": "^1.1.0",
|
||||
"@orpc/react-query": "^1.1.0",
|
||||
"@orpc/vue-query": "^1.1.0",
|
||||
"@orpc/svelte-query": "^1.1.0",
|
||||
"@orpc/server": "^1.1.1",
|
||||
"@orpc/client": "^1.1.1",
|
||||
"@orpc/react-query": "^1.1.1",
|
||||
"@orpc/vue-query": "^1.1.1",
|
||||
"@orpc/svelte-query": "^1.1.1",
|
||||
|
||||
"@trpc/tanstack-react-query": "^11.0.0",
|
||||
"@trpc/server": "^11.0.0",
|
||||
|
||||
@@ -11,7 +11,8 @@
|
||||
},
|
||||
"plugins": [
|
||||
"expo-router",
|
||||
"expo-secure-store"
|
||||
"expo-secure-store",
|
||||
"expo-web-browser"
|
||||
],
|
||||
"experiments": {
|
||||
"typedRoutes": true,
|
||||
@@ -26,7 +27,9 @@
|
||||
"resizeMode": "contain",
|
||||
"backgroundColor": "#ffffff"
|
||||
},
|
||||
"assetBundlePatterns": ["**/*"],
|
||||
"assetBundlePatterns": [
|
||||
"**/*"
|
||||
],
|
||||
"ios": {
|
||||
"supportsTablet": true,
|
||||
"bundleIdentifier": "com.amanvarshney01.mybettertapp"
|
||||
|
||||
@@ -1,15 +1,16 @@
|
||||
import { ScrollViewStyleReset } from 'expo-router/html';
|
||||
import { ReactNode } from 'react';
|
||||
|
||||
// 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 }) {
|
||||
export default function Root({ children }: { children: ReactNode }) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charSet="utf-8" />
|
||||
<meta httpEquiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta content="IE=edge" httpEquiv="X-UA-Compatible" />
|
||||
|
||||
{/*
|
||||
This viewport disables scaling which makes the mobile website act more like a native app.
|
||||
@@ -17,8 +18,8 @@ export default function Root({ children }: { children: React.ReactNode }) {
|
||||
<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"
|
||||
name="viewport"
|
||||
/>
|
||||
{/*
|
||||
Disable body scrolling on web. This makes ScrollView components work closer to how they do on native.
|
||||
|
||||
@@ -35,7 +35,6 @@ const DARK_THEME: Theme = {
|
||||
};
|
||||
|
||||
export const unstable_settings = {
|
||||
// Ensure that reloading on `/modal` keeps a back button present.
|
||||
initialRouteName: "(drawer)",
|
||||
};
|
||||
|
||||
@@ -56,7 +55,6 @@ export default function RootLayout() {
|
||||
}
|
||||
|
||||
if (Platform.OS === "web") {
|
||||
// Adds the background color to the html element to prevent white background on overscroll.
|
||||
document.documentElement.classList.add("bg-background");
|
||||
}
|
||||
setAndroidNavigationBar(colorScheme);
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
module.exports = function (api) {
|
||||
export default function (api) {
|
||||
api.cache(true);
|
||||
const plugins = [];
|
||||
|
||||
@@ -6,7 +6,6 @@ module.exports = function (api) {
|
||||
|
||||
return {
|
||||
presets: [['babel-preset-expo', { jsxImportSource: 'nativewind' }], 'nativewind/babel'],
|
||||
|
||||
plugins,
|
||||
};
|
||||
};
|
||||
|
||||
@@ -16,28 +16,28 @@
|
||||
"@react-navigation/native": "^7.0.14",
|
||||
"@tanstack/react-form": "^1.0.5",
|
||||
"@tanstack/react-query": "^5.69.2",
|
||||
"expo": "^52.0.44",
|
||||
"expo-constants": "~17.0.8",
|
||||
"expo-linking": "~7.0.5",
|
||||
"expo-navigation-bar": "~4.0.8",
|
||||
"expo-router": "~4.0.19",
|
||||
"expo-secure-store": "~14.0.1",
|
||||
"expo-status-bar": "~2.0.1",
|
||||
"expo-system-ui": "~4.0.8",
|
||||
"expo-web-browser": "~14.0.2",
|
||||
"nativewind": "^4.1.23",
|
||||
"react": "18.3.1",
|
||||
"react-dom": "18.3.1",
|
||||
"react-native": "0.76.9",
|
||||
"react-native-gesture-handler": "~2.20.2",
|
||||
"react-native-reanimated": "3.16.2",
|
||||
"react-native-safe-area-context": "4.12.0",
|
||||
"react-native-screens": "~4.4.0",
|
||||
"react-native-web": "~0.19.13"
|
||||
"expo": "^53.0.4",
|
||||
"expo-constants": "~17.1.4",
|
||||
"expo-linking": "~7.1.4",
|
||||
"expo-navigation-bar": "~4.2.3",
|
||||
"expo-router": "~5.0.3",
|
||||
"expo-secure-store": "~14.2.3",
|
||||
"expo-status-bar": "~2.2.3",
|
||||
"expo-system-ui": "~5.0.6",
|
||||
"expo-web-browser": "~14.1.6",
|
||||
"nativewind": "latest",
|
||||
"react": "19.0.0",
|
||||
"react-dom": "19.0.0",
|
||||
"react-native": "0.79.1",
|
||||
"react-native-gesture-handler": "~2.24.0",
|
||||
"react-native-reanimated": "~3.17.4",
|
||||
"react-native-safe-area-context": "5.3.0",
|
||||
"react-native-screens": "~4.10.0",
|
||||
"react-native-web": "^0.20.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.26.10",
|
||||
"@types/react": "~18.3.12",
|
||||
"@types/react": "~19.0.10",
|
||||
"tailwindcss": "^3.4.17",
|
||||
"typescript": "~5.8.2"
|
||||
},
|
||||
|
||||
@@ -12,12 +12,15 @@ const TWEET_IDS = [
|
||||
"1912836377365905496",
|
||||
"1907817662215757853",
|
||||
"1904228496144269699",
|
||||
"1917815700980391964",
|
||||
"1917640304758514093",
|
||||
"1912924558522524039",
|
||||
"1911490975173607495",
|
||||
"1913773945523953713",
|
||||
"1904241046898556970",
|
||||
"1913834145471672652",
|
||||
"1904144343125860404",
|
||||
"1917610656477348229",
|
||||
"1904215768272654825",
|
||||
"1913833079342522779",
|
||||
"1907723601731530820",
|
||||
|
||||
Reference in New Issue
Block a user