feat: Merge plugin branch 'with/graphql-server-apollo'

Author: codinsonn

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+    "typescript.tsdk": "node_modules/typescript/lib",
+    "typescript.enablePromptUseWorkspaceTsdk": true
+}

apps/expo/tailwind.config.js

@@ -1,4 +1,4 @@
-const { universalTheme } = require('@app/core/tailwind.theme')
+const { universalTheme } = require('@app/core/tailwind.theme.cjs')
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {

apps/expo/tsconfig.json

@@ -1,5 +1,9 @@
 {
     "extends": "@app/core/tsconfig",
-    "include": ["**/*.ts", "**/*.tsx"],
+    "include": [
+        "**/*.ts",
+        "**/*.tsx",
+        "../../features/app-core/graphql-env.d.ts"
+    ],
     "exclude": ["node_modules"]
 }

apps/next/app/(main)/api/graphql/route.ts

@@ -0,0 +1,12 @@
+import type { NextRequest } from 'next/server'
+import { createGraphQLServerHandler } from '@app/core/graphql/graphqlServer'
+
+/* --- Handler --------------------------------------------------------------------------------- */
+
+const handler = createGraphQLServerHandler()
+
+/* --- /api/graphql ---------------------------------------------------------------------------- */
+
+export const GET = (req: NextRequest) => handler(req)
+
+export const POST = (req: NextRequest) => handler(req)

apps/next/tailwind.config.js

@@ -1,4 +1,4 @@
-const { universalTheme } = require('@app/core/tailwind.theme')
+const { universalTheme } = require('@app/core/tailwind.theme.cjs')
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {

apps/next/tsconfig.json

@@ -3,7 +3,8 @@
     "include": [
         "**/*.ts",
         "**/*.tsx",
-        ".next/types/**/*.ts"
+        ".next/types/**/*.ts",
+        "../../features/app-core/graphql-env.d.ts"
     ],
     "exclude": [
         "node_modules"

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

@@ -0,0 +1,34 @@
+/* eslint-disable */
+/* prettier-ignore */
+
+/** An IntrospectionQuery representation of your schema.
+ *
+ * @remarks
+ * This is an introspection of your schema saved as a file by GraphQLSP.
+ * It will automatically be used by `gql.tada` to infer the types of your GraphQL documents.
+ * If you need to reuse this data or update your `scalars`, update `tadaOutputLocation` to
+ * instead save to a .ts instead of a .d.ts file.
+ */
+export type introspection = {
+  name: never;
+  query: 'Query';
+  mutation: never;
+  subscription: never;
+  types: {
+    'Boolean': unknown;
+    'Float': unknown;
+    'HealthCheckArgs': { kind: 'INPUT_OBJECT'; name: 'HealthCheckArgs'; inputFields: [{ name: 'echo'; type: { kind: 'SCALAR'; name: 'String'; ofType: null; }; defaultValue: null }]; };
+    'HealthCheckData': { kind: 'OBJECT'; name: 'HealthCheckData'; 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: 'String'; 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; } }; '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; } }; }; };
+    'Int': unknown;
+    'Query': { kind: 'OBJECT'; name: 'Query'; fields: { 'healthCheck': { name: 'healthCheck'; type: { kind: 'NON_NULL'; name: never; ofType: { kind: 'OBJECT'; name: 'HealthCheckData'; ofType: null; }; } }; }; };
+    'String': unknown;
+  };
+};
+
+import * as gqlTada from 'gql.tada';
+
+declare module 'gql.tada' {
+  interface setupSchema {
+    introspection: introspection
+  }
+}

features/app-core/graphql/buildSchema.ts

@@ -0,0 +1,36 @@
+#!/usr/bin/env node --experimental-specifier-resolution=node
+import path from 'path'
+import fs from 'fs'
+import { fileURLToPath } from 'node:url'
+import { loadFilesSync } from '@graphql-tools/load-files'
+import { mergeTypeDefs } from '@graphql-tools/merge'
+import { print } from 'graphql'
+
+/* --- Constants ------------------------------------------------------------------------------- */
+
+const currentDir = path.dirname(fileURLToPath(import.meta.url))
+const schemaPath = path.resolve(currentDir, 'schema.graphql')
+const typeDefsPath = path.resolve(currentDir, 'typeDefs.ts')
+
+/** --- createSchemaDefinitions() -------------------------------------------------------------- */
+/** -i- Combine all custom and other (e.g. generated) graphql schema definitions */
+export const createSchemaDefinitions = () => {
+    const rootDir = path.resolve(currentDir, '../../..')
+    const schemaPathPattern = `${rootDir}/(features|packages)/**/!(schema).graphql`
+    const customGraphQLDefinitions = loadFilesSync(schemaPathPattern)
+    return mergeTypeDefs([
+        ...customGraphQLDefinitions,
+        /* other typedefs? */
+    ])
+}
+
+/* --- Script ---------------------------------------------------------------------------------- */
+
+const buildSchemaDefinitions = async () => {
+    const schemaDefinitions = createSchemaDefinitions()
+    const typeDefsString = print(schemaDefinitions)
+    fs.writeFileSync(schemaPath, typeDefsString)
+    fs.writeFileSync(typeDefsPath, `export const typeDefs = \`${typeDefsString}\``)
+}
+
+buildSchemaDefinitions()

features/app-core/graphql/graphqlQuery.ts

@@ -0,0 +1,35 @@
+import { print } from 'graphql/language/printer'
+import type { TadaDocumentNode, ResultOf } from 'gql.tada'
+import type { QueryConfig } from './graphqlQuery.types'
+import { appConfig } from '../appConfig'
+
+/** --- graphqlQuery --------------------------------------------------------------------------- */
+/** -i- Isomorphic graphql request, uses the graphql endpoint in browser & mobile, but the executable schema serverside */
+export const graphqlQuery = async <T extends TadaDocumentNode, R = ResultOf<T>>(query: T, config?: QueryConfig<T>) => {
+    // Config
+    const { variables, headers, graphqlEndpoint } = config || {}
+
+    // Vars
+    const queryString = print(query)
+
+    // -- Native: Execute query with fetch --
+
+    try {
+        const { graphURL } = appConfig
+        const fetchURL = graphqlEndpoint || graphURL
+        const res = await fetch(fetchURL, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                ...headers,
+            },
+            body: JSON.stringify({ query: queryString, variables }),
+        })
+        const { data, errors } = await res.json()
+        if (errors) throw new Error(errors[0].message)
+        return data as R
+    } catch (error) {
+        throw new Error(error)
+    }
+}
+

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

@@ -0,0 +1,7 @@
+import type { TadaDocumentNode, VariablesOf } from 'gql.tada'
+
+export type QueryConfig<T extends TadaDocumentNode> = {
+    variables?: VariablesOf<T>
+    headers?: Record<string, string>
+    graphqlEndpoint?: string
+}