Skip to content

Commit 6f1d955

Browse files
codinsonncodinsonn
committed
chore: Bump expo SDK 51 dependencies
1 parent 3fb34de commit 6f1d955

File tree

17 files changed

+1154
-2620
lines changed

17 files changed

+1154
-2620
lines changed

‎apps/expo/package.json‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,24 +4,24 @@
44
"private": true,
55
"main": "index.js",
66
"dependencies": {
7-
"@expo/metro-runtime": "^3.2.1",
8-
"expo": "^51.0.8",
7+
"@expo/metro-runtime": "^3.2.3",
8+
"expo": "^51.0.31",
99
"expo-constants": "~16.0.1",
1010
"expo-linking": "~6.3.1",
11-
"expo-router": "~3.5.14",
11+
"expo-router": "~3.5.23",
1212
"expo-status-bar": "~1.12.1",
1313
"react": "18.2.0",
1414
"react-dom": "18.2.0",
15-
"react-native": "0.74.1",
16-
"react-native-safe-area-context": "4.10.1",
15+
"react-native": "0.74.5",
16+
"react-native-safe-area-context": "4.10.5",
1717
"react-native-screens": "~3.31.1",
1818
"react-native-web": "~0.19.11",
19-
"expo-image": "~1.12.9"
19+
"expo-image": "~1.12.15"
2020
},
2121
"devDependencies": {
2222
"@babel/core": "^7.19.3",
2323
"@expo/next-adapter": "^6.0.0",
24-
"@types/react": "18.2.48",
24+
"@types/react": "18.2.79",
2525
"typescript": "5.3.3"
2626
},
2727
"scripts": {

‎apps/next/next.config.base.js‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
/** @type {import('next').NextConfig} */
2+
const mainNextConfig = {
3+
reactStrictMode: true,
4+
swcMinify: true,
5+
transpilePackages: [
6+
"react-native",
7+
"react-native-web",
8+
"expo",
9+
"nativewind",
10+
// Add more React Native / Expo packages here...
11+
],
12+
typescript: {
13+
ignoreBuildErrors: true,
14+
},
15+
experimental: {
16+
forceSwcTransforms: true,
17+
},
18+
images: {
19+
remotePatterns: [
20+
{
21+
protocol: "https",
22+
hostname: "codinsonn.dev",
23+
}
24+
]
25+
}
26+
}
27+
28+
// Re-exported separately so it can be reused
29+
// in other configs like in `with/automatic-docs`
30+
module.exports = mainNextConfig;

‎apps/next/next.config.js‎

Lines changed: 1 addition & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,7 @@
11
const { withExpo } = require("@expo/next-adapter");
2-
3-
/** @type {import('next').NextConfig} */
4-
const mainNextConfig = {
5-
reactStrictMode: true,
6-
swcMinify: true,
7-
transpilePackages: [
8-
"react-native",
9-
"react-native-web",
10-
"expo",
11-
"nativewind",
12-
// Add more React Native / Expo packages here...
13-
],
14-
typescript: {
15-
ignoreBuildErrors: true,
16-
},
17-
experimental: {
18-
forceSwcTransforms: true,
19-
},
20-
images: {
21-
remotePatterns: [
22-
{
23-
protocol: "https",
24-
hostname: "codinsonn.dev",
25-
}
26-
]
27-
}
28-
}
2+
const mainNextConfig = require("./next.config.base");
293

304
/** @type {import('next').NextConfig} */
315
const nextConfig = withExpo(mainNextConfig);
326

337
module.exports = nextConfig;
34-
35-
module.exports.mainNextConfig = mainNextConfig;

‎apps/next/tsconfig.json‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,11 @@
1010
"../../packages/**/*.tsx",
1111
"../../packages/**/*.ts"
1212
],
13+
"compilerOptions": {
14+
"plugins": [{
15+
"name": "next"
16+
}]
17+
},
1318
"exclude": [
1419
"node_modules"
1520
],

‎features/@app-core/components/styled.tsx‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,11 @@ import {
88
import { Link as UniversalLink } from '@green-stack/navigation/Link'
99
import { UniversalLinkProps } from '@green-stack/navigation/Link.types'
1010
import { Image as UniversalImage } from '@green-stack/components/Image'
11+
import { cn } from '@green-stack/utils/tailwindUtils'
12+
13+
/* --- Reexports ------------------------------------------------------------------------------- */
14+
15+
export { styled, cn }
1116

1217
/* --- Primitives ------------------------------------------------------------------------------ */
1318

‎features/@app-core/graphql-env.d.ts‎

Lines changed: 14 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,19 @@
11
/* eslint-disable */
22
/* prettier-ignore */
33

4+
export type introspection_types = {
5+
'Boolean': unknown;
6+
'Date': unknown;
7+
'Float': unknown;
8+
'HealthCheckInput': { kind: 'INPUT_OBJECT'; name: 'HealthCheckInput'; isOneOf: false; inputFields: [{ name: 'echo'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; }; defaultValue: null }, { name: 'verbose'; type: { kind: 'SCALAR'; name: 'Boolean'; ofType: null; }; defaultValue: null }]; };
9+
'HealthCheckOutput': { kind: 'OBJECT'; name: 'HealthCheckOutput'; fields: { 'alive': { name: 'alive'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'Boolean'; ofType: null; }; } }; 'aliveSince': { name: 'aliveSince'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'Date'; ofType: null; }; } }; 'aliveTime': { name: 'aliveTime'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'Float'; ofType: null; }; } }; 'apiURL': { name: 'apiURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'backendURL': { name: 'backendURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'baseURL': { name: 'baseURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'context': { name: 'context'; type: { kind: 'SCALAR'; name: 'JSON'; ofType: null; } }; 'debugPort': { name: 'debugPort'; type: { kind: 'SCALAR'; name: 'Int'; ofType: null; } }; 'echo': { name: 'echo'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'graphURL': { name: 'graphURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'kicking': { name: 'kicking'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'Boolean'; ofType: null; }; } }; 'nodeVersion': { name: 'nodeVersion'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'now': { name: 'now'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'String'; ofType: null; }; } }; 'port': { name: 'port'; type: { kind: 'SCALAR'; name: 'Int'; ofType: null; } }; 'requestHost': { name: 'requestHost'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'requestProtocol': { name: 'requestProtocol'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'requestURL': { name: 'requestURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'serverTimezone': { name: 'serverTimezone'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'String'; ofType: null; }; } }; 'status': { name: 'status'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'String'; ofType: null; }; } }; 'systemArch': { name: 'systemArch'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'systemFreeMemory': { name: 'systemFreeMemory'; type: { kind: 'SCALAR'; name: 'Float'; ofType: null; } }; 'systemLoadAverage': { name: 'systemLoadAverage'; type: { kind: 'LIST'; name: never; ofType: { kind: 'SCALAR'; name: 'Float'; ofType: null; }; } }; 'systemPlatform': { name: 'systemPlatform'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'systemRelease': { name: 'systemRelease'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'systemTotalMemory': { name: 'systemTotalMemory'; type: { kind: 'SCALAR'; name: 'Float'; ofType: null; } }; 'v8Version': { name: 'v8Version'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; }; };
10+
'Int': unknown;
11+
'JSON': unknown;
12+
'JSONObject': unknown;
13+
'Query': { kind: 'OBJECT'; name: 'Query'; fields: { 'healthCheck': { name: 'healthCheck'; type: { kind: 'OBJECT'; name: 'HealthCheckOutput'; ofType: null; } }; }; };
14+
'String': unknown;
15+
};
16+
417
/** An IntrospectionQuery representation of your schema.
518
*
619
* @remarks
@@ -14,18 +27,7 @@ export type introspection = {
1427
query: 'Query';
1528
mutation: never;
1629
subscription: never;
17-
types: {
18-
'Boolean': unknown;
19-
'Date': unknown;
20-
'Float': unknown;
21-
'HealthCheckInput': { kind: 'INPUT_OBJECT'; name: 'HealthCheckInput'; isOneOf: false; inputFields: [{ name: 'echo'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; }; defaultValue: null }, { name: 'verbose'; type: { kind: 'SCALAR'; name: 'Boolean'; ofType: null; }; defaultValue: null }]; };
22-
'HealthCheckOutput': { kind: 'OBJECT'; name: 'HealthCheckOutput'; fields: { 'alive': { name: 'alive'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'Boolean'; ofType: null; }; } }; 'aliveSince': { name: 'aliveSince'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'Date'; ofType: null; }; } }; 'aliveTime': { name: 'aliveTime'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'Float'; ofType: null; }; } }; 'apiURL': { name: 'apiURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'backendURL': { name: 'backendURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'baseURL': { name: 'baseURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'context': { name: 'context'; type: { kind: 'SCALAR'; name: 'JSON'; ofType: null; } }; 'debugPort': { name: 'debugPort'; type: { kind: 'SCALAR'; name: 'Int'; ofType: null; } }; 'echo': { name: 'echo'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'graphURL': { name: 'graphURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'kicking': { name: 'kicking'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'Boolean'; ofType: null; }; } }; 'nodeVersion': { name: 'nodeVersion'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'now': { name: 'now'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'String'; ofType: null; }; } }; 'port': { name: 'port'; type: { kind: 'SCALAR'; name: 'Int'; ofType: null; } }; 'requestHost': { name: 'requestHost'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'requestProtocol': { name: 'requestProtocol'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'requestURL': { name: 'requestURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'serverTimezone': { name: 'serverTimezone'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'String'; ofType: null; }; } }; 'status': { name: 'status'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'String'; ofType: null; }; } }; 'systemArch': { name: 'systemArch'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'systemFreeMemory': { name: 'systemFreeMemory'; type: { kind: 'SCALAR'; name: 'Float'; ofType: null; } }; 'systemLoadAverage': { name: 'systemLoadAverage'; type: { kind: 'LIST'; name: never; ofType: { kind: 'SCALAR'; name: 'Float'; ofType: null; }; } }; 'systemPlatform': { name: 'systemPlatform'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'systemRelease': { name: 'systemRelease'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'systemTotalMemory': { name: 'systemTotalMemory'; type: { kind: 'SCALAR'; name: 'Float'; ofType: null; } }; 'v8Version': { name: 'v8Version'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; }; };
23-
'Int': unknown;
24-
'JSON': unknown;
25-
'JSONObject': unknown;
26-
'Query': { kind: 'OBJECT'; name: 'Query'; fields: { 'healthCheck': { name: 'healthCheck'; type: { kind: 'OBJECT'; name: 'HealthCheckOutput'; ofType: null; } }; }; };
27-
'String': unknown;
28-
};
30+
types: introspection_types;
2931
};
3032

3133
import * as gqlTada from 'gql.tada';

‎features/@app-core/screens/HomeScreen.tsx‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React from 'react'
22
import { ScrollView } from 'react-native'
33
import { HydratedRouteProps, createQueryBridge } from '@green-stack/navigation'
4-
import { View, Link, Image, P, H1, H3, Text, H2 } from '../components/styled'
4+
import { View, Link, Image, P, H1, H3, Text, H2, cn } from '../components/styled'
55
import { healthCheckFetcher } from '../resolvers/healthCheck.query'
66
import { ArrowRightFilled } from '../icons/ArrowRightFilled'
77
import { isLargeTablet } from '../appConfig'
@@ -40,10 +40,10 @@ const HomeScreen = (props: HomeScreenProps) => {
4040
style={{ backgroundColor: '#1e293b' }}
4141
>
4242
<View
43-
className={[
43+
className={cn(
4444
"flex flex-1 flex-col justify-between items-center bg-slate-800",
4545
"lg:p-24 lg:justify-start",
46-
].join(' ')}
46+
)}
4747
>
4848

4949
<View className="hidden invisible lg:visible lg:flex lg:w-full lg:max-w-5xl h-14" accessibilityElementsHidden>
@@ -53,11 +53,11 @@ const HomeScreen = (props: HomeScreenProps) => {
5353
{/* Side Icons */}
5454

5555
<View
56-
className={[
56+
className={cn(
5757
"hidden invisible flex-row top-28 w-screen max-w-5xl h-20 items-center justify-between",
5858
"lg:absolute lg:visible lg:flex lg:h-[90%] lg:top-0",
5959
"ios:lg:top-24", // -i- If you need platform specifc flags, e.g. iPad in this case
60-
].join(' ')}
60+
)}
6161
>
6262
<View className="w-[57px] h-[98px] lg:w-[114px] lg:h-[197px]">
6363
<Image
@@ -82,11 +82,11 @@ const HomeScreen = (props: HomeScreenProps) => {
8282
{/* Logo & Tagline */}
8383

8484
<View
85-
className={[
85+
className={cn(
8686
"flex flex-row absolute top-28 w-screen max-w-5xl h-20 items-center justify-center",
8787
"lg:h-[90%] lg:top-0 lg:max-w-[100%]",
8888
"ios:lg:top-24",
89-
].join(' ')}
89+
)}
9090
>
9191
<Link href="https://fullproduct.dev" target="_blank" className="flex flex-row no-underline">
9292
<View className="w-20 h-20 lg:w-24 lg:h-24">
@@ -115,10 +115,10 @@ const HomeScreen = (props: HomeScreenProps) => {
115115
<View className="h-64" />
116116

117117
<View
118-
className={[
118+
className={cn(
119119
"flex flex-col relative bottom-auto w-screen max-w-5xl items-center justify-center px-8",
120120
"lg:absolute lg:bottom-24 lg:flex-row lg:top-auto lg:items-start lg:px-0",
121-
].join(' ')}
121+
)}
122122
>
123123
<InfoSection
124124
title="Docs 📚"
@@ -156,11 +156,11 @@ const HomeScreen = (props: HomeScreenProps) => {
156156
<View className="h-16 lg:h-0" />
157157

158158
<View
159-
className={[
159+
className={cn(
160160
"flex flex-row relative w-screen max-w-5xl h-14 items-center justify-center",
161161
"lg:bottom-auto lg:absolute lg:justify-end",
162162
"ios:lg:top-24",
163-
].join(' ')}
163+
)}
164164
>
165165
<Link
166166
className="flex flex-row items-center no-underline"
@@ -209,17 +209,17 @@ const HomeScreen = (props: HomeScreenProps) => {
209209

210210
const GettingStarted = () => (
211211
<View
212-
className={[
212+
className={cn(
213213
"flex flex-1 flex-row absolute lg:max-w-5xl h-14 items-center justify-start",
214214
"left-0 right-0",
215-
].join(' ')}
215+
)}
216216
>
217217
<P
218-
className={[
218+
className={cn(
219219
"flex flex-1 absolute left-0 top-0 justify-center bg-slate-700 border-b border-solid border-gray-700 pb-4 pt-10 text-center text-sm text-gray-100",
220220
"lg:relative lg:rounded-xl lg:border lg:bg-gray-800 lg:p-4 lg:text-lg",
221221
"left-0 right-0 lg:flex-grow-0 lg:flex-row lg:flex-initial",
222-
].join(' ')}
222+
)}
223223
style={isLargeTablet ? {
224224
borderWidth: 1,
225225
borderColor: '#374151',

0 commit comments

Comments
 (0)