Update Code and README for GenAIComps Refactor (#1285)

Signed-off-by: lvliang-intel <liang1.lv@intel.com>
Signed-off-by: chensuyue <suyue.chen@intel.com>
Signed-off-by: Xinyao Wang <xinyao.wang@intel.com>
Signed-off-by: letonghan <letong.han@intel.com>
Signed-off-by: ZePan110 <ze.pan@intel.com>
Signed-off-by: WenjiaoYue <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>

Translation/ui/svelte/.env

@@ -1 +1 @@
-BASE_URL = 'http://10.7.5.135:8888/v1/translation'
+BASE_URL = '/v1/translation'

Translation/ui/svelte/src/routes/+page.svelte

@@ -22,8 +22,8 @@
   import LoadingAnimation from "$lib/assets/loadingAnimation.svelte";
 
   // Set default language
-  let langFrom: string = "en";
-  let langTo: string = "zh";
+  let langFrom: string = "zh";
+  let langTo: string = "en";
   let languages: Language[] = languagesList;
   // Initialize disabled state of input
   let inputDisabled: boolean = false;
@@ -52,23 +52,20 @@
     const eventSource = await fetchLanguageResponse(input, langFrom, langTo);
 
     eventSource.addEventListener("message", (e: any) => {
-      let Msg = e.data;
-      console.log("Msg", Msg);
-
-      if (Msg.startsWith("b")) {
-        let trimmedData = Msg.slice(2, -1);
-
-        if (/\\x[\dA-Fa-f]{2}/.test(trimmedData)) {
-          trimmedData = decodeEscapedBytes(trimmedData);
-        } else if (/\\u[\dA-Fa-f]{4}/.test(trimmedData)) {
-          trimmedData = decodeUnicode(trimmedData);
-        }
-
-        if (trimmedData !== "</s>") {
-          output += trimmedData.replace(/\\n/g, "\n");
-        }
-      } else if (Msg === "[DONE]") {
+      let res = e.data;
+      if (res === "[DONE]") {
         loading = false;
+      } else {
+        let Msg = JSON.parse(res).choices[0].text;
+        if (/\\x[\dA-Fa-f]{2}/.test(Msg)) {
+          Msg = decodeEscapedBytes(Msg);
+        } else if (/\\u[\dA-Fa-f]{4}/.test(Msg)) {
+          Msg = decodeUnicode(Msg);
+        }
+
+        if (Msg !== "</s>") {
+          output += Msg.replace(/\\n/g, "\n");
+        }
       }
     });
     eventSource.stream();
@@ -129,7 +126,6 @@
           placeholder="Input"
           bind:value={input}
           data-testid="translate-input"
-
         />
         <textarea
           readonly

Translation/ui/svelte/tests/Translation.spec.ts

@@ -9,7 +9,7 @@ test.beforeEach(async ({ page }) => {
 });
 
 // Constants definition
-const TRANSLATE_ITEMS = ["hello"];
+const TRANSLATE_ITEMS = ["我爱机器翻译。"];
 
 // Helper function: Enter message to chat
 async function enterMessageToChat(page: Page, message: string) {
@@ -17,6 +17,7 @@ async function enterMessageToChat(page: Page, message: string) {
   await page.getByTestId("translate-input").fill(message);
   await page.waitForTimeout(10000);
   const outputText = await page.getByTestId("translate-output").inputValue();
+  await page.waitForTimeout(10000);
   console.log("Actual text:", outputText);
   await expect(page.getByTestId("translate-output")).not.toHaveValue("");
 }