docs(voyaer): update documentation

Author: 4lessandrodev

package.json

@@ -48,6 +48,7 @@
 		"@nestjs/passport": "^8.2.1",
 		"@nestjs/platform-express": "^8.4.4",
 		"@nestjs/serve-static": "^2.2.2",
+		"@types/react-transition-group": "^4.4.4",
 		"apollo-server-express": "^2.25.2",
 		"bcrypt": "^5.0.1",
 		"date-fns": "^2.28.0",
@@ -56,6 +57,7 @@
 		"env-var": "^7.1.1",
 		"graphql": "^15.8.0",
 		"graphql-tools": "^8.2.3",
+		"graphql-voyager": "^1.0.0-rc.31",
 		"helmet": "^5.0.2",
 		"module-alias": "^2.2.2",
 		"mongodb": "^4.5.0",
@@ -118,4 +120,4 @@
 		"@app": "./dist",
 		"@": "./dist"
 	}
-}
+}

src/main.ts

@@ -5,12 +5,14 @@ import { PORT } from '@config/env';
 import { NestExpressApplication } from '@nestjs/platform-express';
 import { join } from 'path';
 import helmet from 'helmet';
+import { express as voyagerMiddleware } from 'graphql-voyager/middleware';
 
 async function bootstrap () {
 	const app = await NestFactory.create<NestExpressApplication>(AppModule);
 	app.setViewEngine('ejs');
 	app.setBaseViewsDir(join(__dirname, '..', 'views'));
 	app.useStaticAssets(join(__dirname, '..', 'public'));
+	app.use('/voyager', voyagerMiddleware({ endpointUrl: '/graphql' }));
 	app.use(helmet());
 	await app.listen(process.env.PORT ?? PORT);
 }

tsconfig.json

@@ -10,10 +10,11 @@
 		"target": "ES2019",
 		"sourceMap": true,
 		"outDir": "./dist",
-		"incremental": true,
+		"incremental": false,
 		"strict": true,
 		"noUnusedLocals": true,
 		"noUnusedParameters": true,
+		"skipDefaultLibCheck": true,
 		"baseUrl": "src",
 		"paths": {
 			"@modules/*": [

views/index.ejs

@@ -18,7 +18,7 @@
             <div class="card-body">
               <h3 class="card-title">Organograma</h3>
               <p class="card-text">Detalhes dos schemas e como eles se relacionam entre si. Também é possível visualizar  as queries disponíveis.</p>
-              <a href="/doc" class="btn btn-primary" id="organography-url">Acessar organograma</a>
+              <a href="/voyager" class="btn btn-primary" id="organography-url">Acessar organograma</a>
             </div>
           </div>
         </div>
@@ -35,25 +35,5 @@
 
 		</nav>
 	</main>
-  <script>
-    
-    var organographyUrl = document.getElementById('organography-url');
-    var hostName = location.hostname;
-    var url = organographyUrl.href;
-
-    function checkEnvironmentByHostName(hostName) {
-      const result = Boolean(hostName === 'localhost') || Boolean(hostName === '127.0.0.1');
-      return result;
-    }
-
-    const isLocal = checkEnvironmentByHostName(hostName);
-
-    if (isLocal){
-      organographyUrl.href = `${url}/local`;
-    } else {
-      organographyUrl.href = `${url}/remote`;
-    }
-
-  </script>
 </body>
 </html>