feat: start using yoga in some examples

Author: darkbasic

.changeset/config.json

@@ -19,6 +19,7 @@
     "@examples/graphql-mikro-orm-typescript",
     "@examples/graphql-typeorm-typescript",
     "@examples/graphql-server-typescript",
+    "@examples/graphql-server-typescript-apollo",
     "@examples/magic-link-server-typescript",
     "@examples/react-graphql-typescript",
     "@examples/react-rest-typescript",

examples/accounts-microservice/src/accounts-microservice.ts

@@ -24,7 +24,7 @@ import { ApolloServerPluginLandingPageGraphQLPlayground } from '@apollo/server-p
     }
   `;
 
-  const app = createApplication({
+  const { createOperationController, createSchemaForApollo } = createApplication({
     modules: [
       createAccountsCoreModule({ tokenSecret: 'secret' }),
       createAccountsPasswordModule({
@@ -58,7 +58,7 @@ import { ApolloServerPluginLandingPageGraphQLPlayground } from '@apollo/server-p
     schemaBuilder: buildSchema({ typeDefs }),
   });
 
-  const schema = app.createSchemaForApollo();
+  const schema = createSchemaForApollo();
 
   // Create the Apollo Server that takes a schema and configures internal stuff
   const server = new ApolloServer({
@@ -72,7 +72,7 @@ import { ApolloServerPluginLandingPageGraphQLPlayground } from '@apollo/server-p
 
   const { url } = await startStandaloneServer(server, {
     listen: { port: 4003 },
-    context: (ctx) => context(ctx, { app }),
+    context: (ctx) => context(ctx, { createOperationController }),
   });
 
   console.log(`🚀  Server ready at ${url}`);

examples/accounts-microservice/src/app-server.ts

@@ -99,7 +99,7 @@ const accountsServerUri = 'http://localhost:4003/';
 
   const { authDirectiveTypeDefs, authDirectiveTransformer } = authDirective('auth');
 
-  const app = createApplication({
+  const { createOperationController, createSchemaForApollo } = createApplication({
     modules: [
       createAccountsCoreModule({
         tokenSecret: 'secret',
@@ -127,7 +127,7 @@ const accountsServerUri = 'http://localhost:4003/';
       ),
   });
 
-  const schema = app.createSchemaForApollo();
+  const schema = createSchemaForApollo();
 
   // Create the Apollo Server that takes a schema and configures internal stuff
   const server = new ApolloServer({
@@ -141,7 +141,7 @@ const accountsServerUri = 'http://localhost:4003/';
 
   const { url } = await startStandaloneServer(server, {
     listen: { port: 4000 },
-    context: (ctx) => context(ctx, { app }),
+    context: (ctx) => context(ctx, { createOperationController }),
   });
 
   console.log(`🚀  Server ready at ${url}`);

examples/graphql-server-mikro-orm-postgres/package.json

@@ -25,8 +25,8 @@
     "@accounts/module-password": "^0.34.0",
     "@accounts/password": "^0.32.1",
     "@accounts/server": "^0.33.1",
-    "@apollo/server": "4.9.3",
-    "@apollo/server-plugin-landing-page-graphql-playground": "4.0.1",
+    "@envelop/core": "4.0.1",
+    "@envelop/graphql-modules": "5.0.1",
     "@graphql-tools/merge": "9.0.0",
     "@graphql-tools/schema": "10.0.0",
     "@mikro-orm/cli": "5.8.1",
@@ -38,6 +38,7 @@
     "@mikro-orm/reflection": "5.8.1",
     "graphql": "16.8.1",
     "graphql-modules": "2.2.0",
+    "graphql-yoga": "4.0.4",
     "tslib": "2.6.2"
   },
   "devDependencies": {

examples/graphql-server-mikro-orm-postgres/src/index.ts

@@ -9,12 +9,11 @@ import { Email } from './entities/email';
 import { createApplication, gql } from 'graphql-modules';
 import AccountsServer, { AuthenticationServicesToken, ServerHooks } from '@accounts/server';
 import { context, createAccountsMikroORMModule } from '@accounts/module-mikro-orm';
-import { ApolloServer } from '@apollo/server';
-import { startStandaloneServer } from '@apollo/server/standalone';
-import { ApolloServerPluginLandingPageDisabled } from '@apollo/server/plugin/disabled';
-import { ApolloServerPluginLandingPageGraphQLPlayground } from '@apollo/server-plugin-landing-page-graphql-playground';
+import { createServer } from 'node:http';
+import { createYoga } from 'graphql-yoga';
+import { useGraphQLModules } from '@envelop/graphql-modules';
 
-export const createAccounts = async () => {
+void (async () => {
   const orm = await MikroORM.init(config);
 
   const typeDefs = gql`
@@ -99,8 +98,8 @@ export const createAccounts = async () => {
     ],
     schemaBuilder: buildSchema({ typeDefs, resolvers }),
   });
-  const { injector } = app;
-  const schema = app.createSchemaForApollo();
+
+  const { injector, createOperationController } = app;
 
   injector.get(AccountsServer).on(ServerHooks.ValidateLogin, ({ user }) => {
     // This hook is called every time a user try to login.
@@ -109,33 +108,29 @@ export const createAccounts = async () => {
     console.log(`${user.firstName} ${user.lastName} logged in`);
   });
 
-  // Create the Apollo Server that takes a schema and configures internal stuff
-  const server = new ApolloServer({
-    schema,
-    plugins: [
-      process.env.NODE_ENV === 'production'
-        ? ApolloServerPluginLandingPageDisabled()
-        : ApolloServerPluginLandingPageGraphQLPlayground(),
-    ],
-  });
-
-  const { url } = await startStandaloneServer(server, {
-    listen: { port: 4000 },
+  // Create a Yoga instance with a GraphQL schema.
+  const yoga = createYoga({
+    plugins: [useGraphQLModules(app)],
     context: (ctx) =>
       context(ctx, {
-        app,
+        createOperationController,
         // Provide EntityManager either via context or via Providers
         // ctx: { em: orm.em.fork() }
       }),
   });
 
-  console.log(`🚀  Server ready at ${url}`);
+  // Pass it into a server to hook into request handlers.
+  const server = createServer(yoga);
+
+  // Start the server and you're done!
+  server.listen(4000, () => {
+    console.info('Server is running on http://localhost:4000/graphql');
+  });
 
   try {
     const generator = orm.getSchemaGenerator();
     await generator.createSchema({ wrap: true });
   } catch {
     // Schema has already been created
   }
-};
-createAccounts();
+})();

examples/graphql-server-typeorm-postgres/src/index.ts

@@ -68,7 +68,7 @@ export const createAccounts = async () => {
     },
   };
 
-  const app = createApplication({
+  const { createOperationController, createSchemaForApollo } = createApplication({
     modules: [
       createAccountsCoreModule({ tokenSecret }),
       createAccountsPasswordModule(),
@@ -86,7 +86,7 @@ export const createAccounts = async () => {
     ],
     schemaBuilder: buildSchema({ typeDefs, resolvers }),
   });
-  const schema = app.createSchemaForApollo();
+  const schema = createSchemaForApollo();
 
   // Create the Apollo Server that takes a schema and configures internal stuff
   const server = new ApolloServer({
@@ -100,7 +100,7 @@ export const createAccounts = async () => {
 
   const { url } = await startStandaloneServer(server, {
     listen: { port: 4000 },
-    context: (ctx) => context(ctx, { app }),
+    context: (ctx) => context(ctx, { createOperationController }),
   });
 
   console.log(`🚀  Server ready at ${url}`);

examples/graphql-server-typescript-apollo/README.md

@@ -0,0 +1,57 @@
+# graphql-server-typescript
+
+This example demonstrate how to use [accounts-js](https://github.com/accounts-js/accounts).
+
+## Setup example
+
+In order to be able to run this example on your machine you first need to do the following steps:
+
+- Clone the repository `git clone [email protected]:accounts-js/accounts.git`
+- Install project dependencies: `yarn install`
+- Compile the packages `yarn run compile`
+- Go to the example folder `cd examples/graphql-server-typescript`
+
+## Prerequisites
+
+You will need a MongoDB server to run this server. If you don't have a MongoDB server running already, and you have Docker & Docker Compose, you can do
+
+```bash
+docker-compose up -d
+```
+
+to start a new one.
+
+## Getting Started
+
+Start the app.
+
+Visit http://localhost:4000/
+
+```bash
+yarn run start
+```
+
+-> [Start the client side](../react-graphql-typescript).
+
+```graphql
+mutation CreateUser {
+  createUser(
+    user: { email: "[email protected]", password: "1234567", firstName: "John", lastName: "Doe" }
+  )
+}
+
+mutation Auth {
+  authenticate(
+    serviceName: "password"
+    params: { password: "1234567", user: { email: "[email protected]" } }
+  ) {
+    tokens {
+      accessToken
+    }
+  }
+}
+
+query Test {
+  privateField
+}
+```

examples/graphql-server-typescript-apollo/docker-compose.yml

@@ -0,0 +1,7 @@
+version: '3.6'
+services:
+  db-mongo-accounts:
+    image: mongo:3.6.5-jessie
+    ports:
+      - '27017:27017'
+    restart: always

examples/graphql-server-typescript-apollo/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@examples/graphql-server-typescript-apollo",
+  "private": true,
+  "version": "0.32.0",
+  "main": "lib/index.js",
+  "license": "MIT",
+  "scripts": {
+    "start": "NODE_ENV=development yarn run -T nodemon -w src -x ts-node src/index.ts",
+    "build": "yarn run -T tsc",
+    "test": "yarn run build"
+  },
+  "dependencies": {
+    "@accounts/module-core": "^0.34.0",
+    "@accounts/module-mongo": "^0.34.0",
+    "@accounts/module-password": "^0.34.0",
+    "@accounts/password": "^0.32.2",
+    "@accounts/rest-express": "^0.33.1",
+    "@accounts/server": "^0.33.1",
+    "@apollo/server": "4.9.3",
+    "@apollo/server-plugin-landing-page-graphql-playground": "4.0.1",
+    "@graphql-tools/merge": "9.0.0",
+    "@graphql-tools/schema": "10.0.0",
+    "graphql": "16.8.1",
+    "graphql-modules": "2.2.0",
+    "graphql-tag": "2.12.6",
+    "mongoose": "7.5.2",
+    "tslib": "2.6.2"
+  }
+}