From a17d97c05073463229f6473d2821654d11dc811e Mon Sep 17 00:00:00 2001
From: Bastien OLLIER <bastien.ollier@noreply.codefirst.iut.uca.fr>
Date: Tue, 16 Jan 2024 11:46:33 +0100
Subject: [PATCH] result to screen (#2)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

please, peer review my code

Co-authored-by: bastien ollier <bastien.ollier@etu.uca.fr>
Co-authored-by: clfreville2 <clement.freville2@etu.uca.fr>
Reviewed-on: https://codefirst.iut.uca.fr/git/sandkasten/sandkasten-web/pulls/2
Reviewed-by: Clément FRÉVILLE <clement.freville2@etu.uca.fr>
Co-authored-by: Bastien OLLIER <bastien.ollier@noreply.codefirst.iut.uca.fr>
Co-committed-by: Bastien OLLIER <bastien.ollier@noreply.codefirst.iut.uca.fr>
---
 src/app/components/editor/editor.component.html | 15 +++++++++++++++
 src/app/components/editor/editor.component.ts   |  6 ++++++
 src/app/services/codeExecution.service.ts       | 15 +++++++++++++--
 3 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/app/components/editor/editor.component.html b/src/app/components/editor/editor.component.html
index 4c9981c..26a7fa7 100644
--- a/src/app/components/editor/editor.component.html
+++ b/src/app/components/editor/editor.component.html
@@ -14,6 +14,21 @@
     </ngx-codemirror>
   </div>
 
+  <div>
+    <ngx-codemirror
+      [options]="{
+        theme: 'material',
+        lineNumbers: false,
+        lineWrapping: false,
+        mode: mode,
+        autofocus: true,
+        readOnly: true
+      }"
+      [(ngModel)]="resultContent"  
+    >
+    </ngx-codemirror>
+  </div>
+
   <div>
     <label for="language">Langage de programmation</label>
     <select
diff --git a/src/app/components/editor/editor.component.ts b/src/app/components/editor/editor.component.ts
index 65fbb44..a048ccb 100644
--- a/src/app/components/editor/editor.component.ts
+++ b/src/app/components/editor/editor.component.ts
@@ -34,6 +34,7 @@ export class EditorComponent implements OnInit{
 
   // Contenu de l'éditeur que l'on passera au serveur
   editorContent: string = defaults[this.mode];
+  resultContent: string = defaults[this.mode];
 
   constructor(private router: Router, private codeExecutionService: CodeExecutionService) {}
 
@@ -62,6 +63,11 @@ export class EditorComponent implements OnInit{
   onRunButtonClicked() {
     // Le code à exécuter est le contenu de l'éditeur
     const codeToExecute = this.editorContent;
+
     this.codeExecutionService.executeCode(codeToExecute, this.mode);
+
+    this.codeExecutionService.getResult().subscribe(result => {
+      this.resultContent = result;
+    });
   }
 }
diff --git a/src/app/services/codeExecution.service.ts b/src/app/services/codeExecution.service.ts
index c2ecafd..f7f1b97 100644
--- a/src/app/services/codeExecution.service.ts
+++ b/src/app/services/codeExecution.service.ts
@@ -1,12 +1,14 @@
 import { Injectable } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { SSE } from 'sse.js';
+import { Observable, Subject } from 'rxjs';
 
 @Injectable({
   providedIn: 'root',
 })
 export class CodeExecutionService {
-  private apiUrl = 'http://localhost:3000/run'; // Url du serveur Node.js en local
+  private apiUrl = 'http://localhost:3000/run';
+  private resultSubject = new Subject<string>();
 
   constructor(private http: HttpClient) {}
 
@@ -19,8 +21,17 @@ export class CodeExecutionService {
       },
       payload: JSON.stringify({ code, language }),
     });
+    
     sse.addEventListener('message', (event: MessageEvent<string>) => {
-      console.log(event.data);
+      const result = event.data;
+            
+      // Émettre le résultat à tous les abonnés
+      const text = decodeURIComponent(result.replace(/%00/g, ''));
+      this.resultSubject.next(text);
     });
   }
+
+  getResult(): Observable<string> {
+    return this.resultSubject.asObservable();
+  }
 }