feat: enable self-hosted API Explorer in example projects

loopbackio · Nov 12, 2018 · 968d42e · 968d42e
1 parent 8c98798
commit 968d42e
Show file tree

Hide file tree

Showing 9 changed files with 39 additions and 3 deletions.
diff --git a/examples/soap-calculator/package.json b/examples/soap-calculator/package.json
@@ -43,6 +43,7 @@
     "@loopback/boot": "^1.0.3",
     "@loopback/context": "^1.0.1",
     "@loopback/core": "^1.0.1",
+    "@loopback/explorer": "^0.1.0",
     "@loopback/openapi-v3": "^1.1.0",
     "@loopback/repository": "^1.0.3",
     "@loopback/rest": "^1.2.0",

diff --git a/examples/soap-calculator/src/application.ts b/examples/soap-calculator/src/application.ts
@@ -1,10 +1,11 @@
 import {BootMixin} from '@loopback/boot';
 import {ApplicationConfig} from '@loopback/core';
+import {ApiExplorerComponent} from '@loopback/explorer';
 import {RepositoryMixin} from '@loopback/repository';
 import {RestApplication} from '@loopback/rest';
 import {ServiceMixin} from '@loopback/service-proxy';
-import {MySequence} from './sequence';
 import * as path from 'path';
+import {MySequence} from './sequence';
 
 export class SoapCalculatorApplication extends BootMixin(
   ServiceMixin(RepositoryMixin(RestApplication)),
@@ -18,6 +19,8 @@ export class SoapCalculatorApplication extends BootMixin(
     // Set up default home page
     this.static('/', path.join(__dirname, '../../public'));
 
+    this.component(ApiExplorerComponent);
+
     this.projectRoot = __dirname;
     // Customize @loopback/boot Booter Conventions here
     this.bootOptions = {

diff --git a/examples/soap-calculator/test/acceptance/home-page.acceptance.ts b/examples/soap-calculator/test/acceptance/home-page.acceptance.ts
@@ -25,4 +25,12 @@ describe('HomePage', () => {
       .expect(200)
       .expect('Content-Type', /text\/html/);
   });
+
+  it('exposes self-hosted explorer', async () => {
+    await client
+      .get('/explorer/')
+      .expect(200)
+      .expect('Content-Type', /text\/html/)
+      .expect(/<title>LoopBack API Explorer/);
+  });
 });
diff --git a/examples/todo-list/package.json b/examples/todo-list/package.json
@@ -37,6 +37,7 @@
     "@loopback/boot": "^1.0.3",
     "@loopback/context": "^1.0.1",
     "@loopback/core": "^1.0.1",
+    "@loopback/explorer": "^0.1.0",
     "@loopback/openapi-v3": "^1.1.0",
     "@loopback/openapi-v3-types": "^1.0.1",
     "@loopback/repository": "^1.0.3",

diff --git a/examples/todo-list/src/application.ts b/examples/todo-list/src/application.ts
@@ -5,10 +5,11 @@
 
 import {BootMixin} from '@loopback/boot';
 import {ApplicationConfig} from '@loopback/core';
+import {ApiExplorerComponent} from '@loopback/explorer';
 import {RepositoryMixin} from '@loopback/repository';
 import {RestApplication} from '@loopback/rest';
-import {MySequence} from './sequence';
 import * as path from 'path';
+import {MySequence} from './sequence';
 
 export class TodoListApplication extends BootMixin(
   RepositoryMixin(RestApplication),
@@ -22,6 +23,8 @@ export class TodoListApplication extends BootMixin(
     // Set up default home page
     this.static('/', path.join(__dirname, '../../public'));
 
+    this.component(ApiExplorerComponent);
+
     this.projectRoot = __dirname;
     // Customize @loopback/boot Booter Conventions here
     this.bootOptions = {

diff --git a/examples/todo-list/test/acceptance/home-page.acceptance.ts b/examples/todo-list/test/acceptance/home-page.acceptance.ts
@@ -25,4 +25,12 @@ describe('HomePage', () => {
       .expect(200)
       .expect('Content-Type', /text\/html/);
   });
+
+  it('exposes self-hosted explorer', async () => {
+    await client
+      .get('/explorer/')
+      .expect(200)
+      .expect('Content-Type', /text\/html/)
+      .expect(/<title>LoopBack API Explorer/);
+  });
 });
diff --git a/examples/todo/package.json b/examples/todo/package.json
@@ -37,6 +37,7 @@
     "@loopback/boot": "^1.0.3",
     "@loopback/context": "^1.0.1",
     "@loopback/core": "^1.0.1",
+    "@loopback/explorer": "^0.1.0",
     "@loopback/openapi-v3": "^1.1.0",
     "@loopback/openapi-v3-types": "^1.0.1",
     "@loopback/repository": "^1.0.3",

diff --git a/examples/todo/src/application.ts b/examples/todo/src/application.ts
@@ -5,11 +5,12 @@
 
 import {BootMixin} from '@loopback/boot';
 import {ApplicationConfig} from '@loopback/core';
+import {ApiExplorerComponent} from '@loopback/explorer';
 import {RepositoryMixin} from '@loopback/repository';
 import {RestApplication} from '@loopback/rest';
 import {ServiceMixin} from '@loopback/service-proxy';
-import {MySequence} from './sequence';
 import * as path from 'path';
+import {MySequence} from './sequence';
 
 export class TodoListApplication extends BootMixin(
   ServiceMixin(RepositoryMixin(RestApplication)),
@@ -23,6 +24,8 @@ export class TodoListApplication extends BootMixin(
     // Set up default home page
     this.static('/', path.join(__dirname, '../../public'));
 
+    this.component(ApiExplorerComponent);
+
     this.projectRoot = __dirname;
     // Customize @loopback/boot Booter Conventions here
     this.bootOptions = {

diff --git a/examples/todo/test/acceptance/home-page.acceptance.ts b/examples/todo/test/acceptance/home-page.acceptance.ts
@@ -25,4 +25,12 @@ describe('HomePage', () => {
       .expect(200)
       .expect('Content-Type', /text\/html/);
   });
+
+  it('exposes self-hosted explorer', async () => {
+    await client
+      .get('/explorer/')
+      .expect(200)
+      .expect('Content-Type', /text\/html/)
+      .expect(/<title>LoopBack API Explorer/);
+  });
 });