Skip to content

Commit b9984dc

Browse files
codinsonncodinsonn
committed
feat: Add buildSchema() script & isomorphic graphqlQuery() helper
1 parent 2f51f98 commit b9984dc

23 files changed

+487
-66
lines changed

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
node_modules/
22
node_modules
33
.env
4+
.env.local
45

56
# -- @generated: @expo/next-adapter@2.1.0 --
67

‎apps/expo/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,8 +25,8 @@
2525
"typescript": "5.3.3"
2626
},
2727
"scripts": {
28-
"dev": "expo start",
29-
"start": "expo start",
28+
"dev": "expo start --clear",
29+
"start": "expo start --clear",
3030
"android": "expo start --android",
3131
"ios": "expo start --ios",
3232
"web": "expo start --web",

‎apps/expo/tsconfig.json‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,9 @@
11
{
22
"extends": "@app/core/tsconfig",
3-
"include": ["**/*.ts", "**/*.tsx"],
3+
"include": [
4+
"**/*.ts",
5+
"**/*.tsx",
6+
"../../features/app-core/graphql-env.d.ts"
7+
],
48
"exclude": ["node_modules"]
59
}

‎apps/next/tsconfig.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,8 @@
33
"include": [
44
"**/*.ts",
55
"**/*.tsx",
6-
".next/types/**/*.ts"
6+
".next/types/**/*.ts",
7+
"../../features/app-core/graphql-env.d.ts"
78
],
89
"exclude": [
910
"node_modules"

‎features/app-core/appConfig.ts‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import Constants from 'expo-constants'
2+
import { Platform } from 'react-native'
3+
4+
export const expoDebuggerHost = Constants?.expoGoConfig?.debuggerHost || Constants.manifest2?.extra?.expoGo?.debuggerHost // prettier-ignore
5+
export const localURL = expoDebuggerHost?.split?.(':').shift()
6+
7+
export const fallbackBaseURL = localURL ? `http://${localURL}:3000` : ''
8+
9+
/** --- appConfig ------------------------------------------------------------------------------ */
10+
/** -i- App config variables powered by env vars universally, and including some expo contants config on mobile */
11+
export const appConfig = {
12+
baseURL: process.env.NEXT_PUBLIC_BASE_URL || process.env.EXPO_PUBLIC_BASE_URL || `${fallbackBaseURL}`, // prettier-ignore
13+
backendURL: process.env.NEXT_PUBLIC_BACKEND_URL || process.env.EXPO_PUBLIC_BACKEND_URL || `${fallbackBaseURL}`, // prettier-ignore
14+
apiURL: process.env.NEXT_PUBLIC_API_URL || process.env.EXPO_PUBLIC_API_URL || `${fallbackBaseURL}/api`, // prettier-ignore
15+
graphURL: process.env.NEXT_PUBLIC_GRAPH_URL || process.env.EXPO_PUBLIC_GRAPH_URL || `${fallbackBaseURL}/api/graphql`, // prettier-ignore
16+
} as const
17+
18+
/* --- Debug ----------------------------------------------------------------------------------- */
19+
20+
if (Platform.OS !== 'web') {
21+
if (appConfig.baseURL === '') console.warn('appConfig.baseURL is empty, check your environment variables')
22+
}

‎features/app-core/fetchers/useHealthCheckQuery.ts‎

Lines changed: 0 additions & 33 deletions
This file was deleted.

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ export type introspection = {
1717
'Query': { kind: 'OBJECT'; name: 'Query'; fields: { 'healthCheck': { name: 'healthCheck'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'OBJECT'; name: 'HealthCheckData'; ofType: null; }; } }; }; };
1818
'HealthCheckArgs': { kind: 'INPUT_OBJECT'; name: 'HealthCheckArgs'; inputFields: [{ name: 'echo'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; }; defaultValue: null }]; };
1919
'String': unknown;
20-
'HealthCheckData': { kind: 'OBJECT'; name: 'HealthCheckData'; fields: { 'echo': { name: 'echo'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'status': { name: 'status'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'String'; ofType: null; }; } }; 'alive': { name: 'alive'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'Boolean'; ofType: null; }; } }; 'kicking': { name: 'kicking'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'Boolean'; ofType: null; }; } }; 'now': { name: 'now'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'String'; ofType: null; }; } }; 'aliveTime': { name: 'aliveTime'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'Float'; ofType: null; }; } }; 'aliveSince': { name: 'aliveSince'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'String'; ofType: null; }; } }; 'serverTimezone': { name: 'serverTimezone'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'String'; 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; } }; 'baseURL': { name: 'baseURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'apiURL': { name: 'apiURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'port': { name: 'port'; type: { kind: 'SCALAR'; name: 'Int'; ofType: null; } }; 'debugPort': { name: 'debugPort'; type: { kind: 'SCALAR'; name: 'Int'; ofType: null; } }; 'nodeVersion': { name: 'nodeVersion'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'v8Version': { name: 'v8Version'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'systemArch': { name: 'systemArch'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'systemPlatform': { name: 'systemPlatform'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'systemRelease': { name: 'systemRelease'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'systemFreeMemory': { name: 'systemFreeMemory'; type: { kind: 'SCALAR'; name: 'Float'; ofType: null; } }; 'systemTotalMemory': { name: 'systemTotalMemory'; type: { kind: 'SCALAR'; name: 'Float'; ofType: null; } }; 'systemLoadAverage': { name: 'systemLoadAverage'; type: { kind: 'LIST'; name: never; ofType: { kind: 'SCALAR'; name: 'Float'; ofType: null; }; } }; }; };
20+
'HealthCheckData': { kind: 'OBJECT'; name: 'HealthCheckData'; fields: { 'echo': { name: 'echo'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'status': { name: 'status'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'String'; ofType: null; }; } }; 'alive': { name: 'alive'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'Boolean'; ofType: null; }; } }; 'kicking': { name: 'kicking'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'Boolean'; ofType: null; }; } }; 'now': { name: 'now'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'String'; ofType: null; }; } }; 'aliveTime': { name: 'aliveTime'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'Float'; ofType: null; }; } }; 'aliveSince': { name: 'aliveSince'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'String'; ofType: null; }; } }; 'serverTimezone': { name: 'serverTimezone'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'SCALAR'; name: 'String'; 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; } }; 'baseURL': { name: 'baseURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'backendURL': { name: 'backendURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'apiURL': { name: 'apiURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'graphURL': { name: 'graphURL'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'port': { name: 'port'; type: { kind: 'SCALAR'; name: 'Int'; ofType: null; } }; 'debugPort': { name: 'debugPort'; type: { kind: 'SCALAR'; name: 'Int'; ofType: null; } }; 'nodeVersion': { name: 'nodeVersion'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'v8Version': { name: 'v8Version'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'systemArch': { name: 'systemArch'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'systemPlatform': { name: 'systemPlatform'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'systemRelease': { name: 'systemRelease'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; } }; 'systemFreeMemory': { name: 'systemFreeMemory'; type: { kind: 'SCALAR'; name: 'Float'; ofType: null; } }; 'systemTotalMemory': { name: 'systemTotalMemory'; type: { kind: 'SCALAR'; name: 'Float'; ofType: null; } }; 'systemLoadAverage': { name: 'systemLoadAverage'; type: { kind: 'LIST'; name: never; ofType: { kind: 'SCALAR'; name: 'Float'; ofType: null; }; } }; }; };
2121
'Boolean': unknown;
2222
'Float': unknown;
2323
'Int': unknown;

‎features/app-core/graphql/buildSchema.ts‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
#!/usr/bin/env node --experimental-specifier-resolution=node
2+
import path from 'path'
3+
import fs from 'fs'
4+
import { fileURLToPath } from 'node:url'
5+
import { loadFilesSync } from '@graphql-tools/load-files'
6+
import { mergeTypeDefs } from '@graphql-tools/merge'
7+
import { print } from 'graphql'
8+
9+
/* --- Constants ------------------------------------------------------------------------------- */
10+
11+
const currentDir = path.dirname(fileURLToPath(import.meta.url))
12+
const schemaPath = path.resolve(currentDir, 'schema.graphql')
13+
const typeDefsPath = path.resolve(currentDir, 'typeDefs.ts')
14+
15+
/** --- createSchemaDefinitions() -------------------------------------------------------------- */
16+
/** -i- Combine all custom and other (e.g. generated) graphql schema definitions */
17+
export const createSchemaDefinitions = () => {
18+
const rootDir = path.resolve(currentDir, '../../..')
19+
const schemaPathPattern = `${rootDir}/(features|packages)/**/!(schema).graphql`
20+
const customGraphQLDefinitions = loadFilesSync(schemaPathPattern)
21+
return mergeTypeDefs([
22+
...customGraphQLDefinitions,
23+
/* other typedefs? */
24+
])
25+
}
26+
27+
/* --- Script ---------------------------------------------------------------------------------- */
28+
29+
const buildSchemaDefinitions = async () => {
30+
const schemaDefinitions = createSchemaDefinitions()
31+
const typeDefsString = print(schemaDefinitions)
32+
fs.writeFileSync(schemaPath, typeDefsString)
33+
fs.writeFileSync(typeDefsPath, `export const typeDefs = \`${typeDefsString}\``)
34+
}
35+
36+
buildSchemaDefinitions()

‎features/app-core/graphql/graphqlQuery.ts‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
import { print } from 'graphql/language/printer'
2+
import type { TadaDocumentNode, ResultOf } from 'gql.tada'
3+
import type { QueryConfig } from './graphqlQuery.types'
4+
import { appConfig } from '../appConfig'
5+
6+
/** --- graphqlQuery --------------------------------------------------------------------------- */
7+
/** -i- Isomorphic graphql request, uses the graphql endpoint in browser & mobile, but the executable schema serverside */
8+
export const graphqlQuery = async <T extends TadaDocumentNode, R = ResultOf<T>>(query: T, config?: QueryConfig<T>) => {
9+
// Config
10+
const { variables, headers, graphqlEndpoint } = config || {}
11+
12+
// Vars
13+
const queryString = print(query)
14+
15+
// -- Native: Execute query with fetch --
16+
17+
try {
18+
const { graphURL } = appConfig
19+
const fetchURL = graphqlEndpoint || graphURL
20+
const res = await fetch(fetchURL, {
21+
method: 'POST',
22+
headers: {
23+
'Content-Type': 'application/json',
24+
...headers,
25+
},
26+
body: JSON.stringify({ query: queryString, variables }),
27+
})
28+
const { data, errors } = await res.json()
29+
if (errors) throw new Error(errors[0].message)
30+
return data as R
31+
} catch (error) {
32+
throw new Error(error)
33+
}
34+
}
35+

‎features/app-core/graphql/graphqlQuery.types.ts‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import type { TadaDocumentNode, VariablesOf } from 'gql.tada'
2+
3+
export type QueryConfig<T extends TadaDocumentNode> = {
4+
variables?: VariablesOf<T>
5+
headers?: Record<string, string>
6+
graphqlEndpoint?: string
7+
}

0 commit comments

Comments
 (0)