feat: add service

Author: Angular2Guy

frontend/src/angular/src/app/mcp-client/mcp-client.component.ts

@@ -18,6 +18,7 @@ import { MatToolbarModule } from '@angular/material/toolbar';
 import {MatInputModule} from '@angular/material/input';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import { Router } from '@angular/router';
+import { McpServiceService } from '../service/mcp-service.service';
 
 @Component({
   selector: 'app-mcp-client',
@@ -36,14 +37,20 @@ export class McpClientComponent {
   protected query = '';
   protected response = '';
 
-  constructor(private readonly router: Router) {}
-  
+  constructor(private readonly router: Router, private readonly mcpService: McpServiceService) {}
+
   protected showList(): void {
     this.router.navigate(['/doclist']);
   }
 
   protected submitForm(): void {
     console.log(this.query);
+    this.mcpService.sendRequest({ question: this.query }).subscribe({
+      next: (response) => {
+        this.query = '';
+        this.response = response.answer;
+      }
+    });
   }
 
   protected logout(): void {

frontend/src/angular/src/app/model/mcp.ts

@@ -0,0 +1,27 @@
+/**
+ *    Copyright 2023 Sven Loesekann
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+       http://www.apache.org/licenses/LICENSE-2.0
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+ */
+export interface McpRequest {
+    question: string;    
+}
+
+export interface ToolCall {
+    id: string;
+    type: string;
+    name: string;
+    arguments: string[];
+}
+
+export interface McpResponse {
+    answer: string;
+    toolCalls: ToolCall[];
+}

frontend/src/angular/src/app/service/mcp-service.service.spec.ts

@@ -0,0 +1,29 @@
+/**
+ *    Copyright 2023 Sven Loesekann
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+       http://www.apache.org/licenses/LICENSE-2.0
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+ */
+import { TestBed } from '@angular/core/testing';
+
+import { McpServiceService } from './mcp-service.service';
+/*
+describe('McpServiceService', () => {
+  let service: McpServiceService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(McpServiceService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
+*/

frontend/src/angular/src/app/service/mcp-service.service.ts

@@ -0,0 +1,27 @@
+/**
+ *    Copyright 2023 Sven Loesekann
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+       http://www.apache.org/licenses/LICENSE-2.0
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+ */
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { McpRequest, McpResponse } from '../model/mcp';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class McpServiceService {
+
+  constructor(private httpClient: HttpClient) { }
+
+  public sendRequest(request: McpRequest) {
+    return this.httpClient.post<McpResponse>('/rest/mcpclient/question', request);
+  }
+}