feat(packages): apollo

.eslintrc.json

@@ -37,6 +37,17 @@
         "jest": true
       },
       "rules": {}
+    },
+    {
+      "files": ["*.graphql"],
+      "parser": "@graphql-eslint/eslint-plugin",
+      "plugins": ["@graphql-eslint"],
+      "rules": {
+        "@graphql-eslint/known-type-names": "error"
+      },
+      "parserOptions": {
+        "schema": "./schema.graphql"
+      }
     }
   ]
 }

apps/angular-client/src/environments/environment.prod.ts

@@ -1,3 +1,4 @@
 export const environment = {
+  api: '/graphql',
   production: true,
 };

apps/angular-client/src/environments/environment.ts

@@ -1,16 +1,4 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
 export const environment = {
+  api: 'http://localhost:3333/graphql',
   production: false,
 };
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.

apps/angular-client/src/main.ts

@@ -1,11 +1,11 @@
 import { enableProdMode } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
-import { providers } from '@immomio/core/domain';
+import { provideCore } from '@immomio/core/domain';
 import { AppComponent } from './app/app.component';
 import { environment } from './environments/environment';
 
 environment.production && enableProdMode();
 
 bootstrapApplication(AppComponent, {
-  providers: providers(environment),
+  providers: provideCore(environment),
 }).catch(err => console.error(err));

apps/nest-api/src/app/app.module.ts

@@ -11,7 +11,7 @@ import { environment } from '../environments/environment';
       debug: !environment.production,
       driver: ApolloDriver,
       playground: !environment.production,
-      autoSchemaFile: './schema.gql',
+      autoSchemaFile: './schema.graphql',
     }),
   ],
 })

libs/core/domain/src/index.ts

@@ -1,3 +1,3 @@
-import providers from './lib/core.providers';
+import provideCore from './lib/core.providers';
 
-export { providers };
+export { provideCore };

libs/core/domain/src/lib/apollo.providers.ts

@@ -0,0 +1,15 @@
+import { FactoryProvider } from '@angular/core';
+import { ApolloClientOptions, InMemoryCache } from '@apollo/client/core';
+import { APOLLO_OPTIONS } from 'apollo-angular';
+import { HttpLink } from 'apollo-angular/http';
+
+export default (env: { api: string; production: boolean }) =>
+  ({
+    provide: APOLLO_OPTIONS,
+    useFactory: (httpLink: HttpLink) =>
+      ({
+        cache: new InMemoryCache(),
+        link: httpLink.create({ uri: env.api }),
+      } as ApolloClientOptions<unknown>),
+    deps: [HttpLink],
+  } as FactoryProvider);

libs/core/domain/src/lib/core.providers.ts

@@ -5,9 +5,10 @@ import { EffectsModule } from '@ngrx/effects';
 import { routerReducer, StoreRouterConnectingModule } from '@ngrx/router-store';
 import { StoreModule } from '@ngrx/store';
 import { StoreDevtoolsModule } from '@ngrx/store-devtools';
+import provideApollo from './apollo.providers';
 import routes from './routes';
 
-export default (env: { production: boolean }) =>
+export default (env: { api: string; production: boolean }) =>
   [
     importProvidersFrom(
       HttpClientModule,
@@ -33,4 +34,5 @@ export default (env: { production: boolean }) =>
       }),
     ),
     provideRouter(routes),
+    provideApollo(env),
   ] as Provider[];

package.json

@@ -21,6 +21,7 @@
     "@angular/platform-browser": "~14.2.0",
     "@angular/platform-browser-dynamic": "~14.2.0",
     "@angular/router": "~14.2.0",
+    "@apollo/client": "^3.6.9",
     "@nestjs/apollo": "^10.1.0",
     "@nestjs/common": "^9.0.0",
     "@nestjs/core": "^9.0.0",
@@ -33,6 +34,7 @@
     "@ngrx/store": "^14.3.1",
     "@nrwl/angular": "^14.7.11",
     "@nrwl/nest": "^14.7.11",
+    "apollo-angular": "^4.0.1",
     "apollo-server-express": "^3.10.2",
     "graphql": "^16.6.0",
     "reflect-metadata": "^0.1.13",
@@ -50,6 +52,7 @@
     "@angular/language-service": "~14.2.0",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
+    "@graphql-eslint/eslint-plugin": "^3.10.7",
     "@nestjs/schematics": "^9.0.0",
     "@nestjs/testing": "^9.0.0",
     "@ngrx/store-devtools": "^14.3.1",

tsconfig.base.json

@@ -10,7 +10,7 @@
     "importHelpers": true,
     "target": "es2015",
     "module": "esnext",
-    "lib": ["es2017", "dom"],
+    "lib": ["es2020", "dom"],
     "skipLibCheck": true,
     "skipDefaultLibCheck": true,
     "baseUrl": ".",