From f08d4115db354057feec03eedc8d52a8e96e34a9 Mon Sep 17 00:00:00 2001
From: WenjiaoYue <wenjiao.yue@intel.com>
Date: Thu, 8 Aug 2024 14:27:57 +0800
Subject: [PATCH] Modify the language variable to match language highlight.
 (#543)

* Modify the variable name to match the language

Signed-off-by: Yue, Wenjiao <wenjiao.yue@intel.com>

* Modify the variable name to match the language

Signed-off-by: Yue, Wenjiao <wenjiao.yue@intel.com>

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

---------

Signed-off-by: Yue, Wenjiao <wenjiao.yue@intel.com>
Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
---
 .../ui/svelte/src/lib/shared/constant.ts      | 26 +++----
 .../docker/ui/svelte/src/routes/+page.svelte  | 67 ++++++++++---------
 2 files changed, 47 insertions(+), 46 deletions(-)

diff --git a/CodeTrans/docker/ui/svelte/src/lib/shared/constant.ts b/CodeTrans/docker/ui/svelte/src/lib/shared/constant.ts
index fe71bffb6..ca880224d 100644
--- a/CodeTrans/docker/ui/svelte/src/lib/shared/constant.ts
+++ b/CodeTrans/docker/ui/svelte/src/lib/shared/constant.ts
@@ -17,22 +17,22 @@ import type { Language } from "../../routes/types.js";
 export const languagesList: Language[] = [
   { name: "C" },
   { name: "C++" },
-  { name: "C#" },
+  // { name: "C#" },
   { name: "Java" },
   { name: "Python" },
   { name: "JavaScript" },
-  { name: "Swift" },
-  { name: "Ruby" },
+  // { name: "Swift" },
+  // { name: "Ruby" },
   { name: "Go" },
   { name: "Rust" },
-  { name: "PHP" },
-  { name: "TypeScript" },
-  { name: "Kotlin" },
-  { name: "Objective-C" },
-  { name: "Perl" },
-  { name: "MATLAB" },
-  { name: "R" },
-  { name: "Lua" },
-  { name: "Bash" },
-  { name: "SQL" },
+  // { name: "PHP" },
+  // { name: "TypeScript" },
+  // { name: "Kotlin" },
+  // { name: "Objective-C" },
+  // { name: "Perl" },
+  // { name: "MATLAB" },
+  // { name: "R" },
+  // { name: "Lua" },
+  // { name: "Bash" },
+  // { name: "SQL" },
 ];
diff --git a/CodeTrans/docker/ui/svelte/src/routes/+page.svelte b/CodeTrans/docker/ui/svelte/src/routes/+page.svelte
index b21b3b8f9..46918c945 100644
--- a/CodeTrans/docker/ui/svelte/src/routes/+page.svelte
+++ b/CodeTrans/docker/ui/svelte/src/routes/+page.svelte
@@ -16,26 +16,26 @@
 
 <script lang="ts">
   import Highlight, { LineNumbers } from "svelte-highlight";
-  import typescript from "svelte-highlight/languages/typescript";
+  // import typescript from "svelte-highlight/languages/typescript";
   import c from "svelte-highlight/languages/c";
   import cpp from "svelte-highlight/languages/cpp";
-  import csharp from "svelte-highlight/languages/csharp";
+  // import csharp from "svelte-highlight/languages/csharp";
   import go from "svelte-highlight/languages/go";
   import java from "svelte-highlight/languages/java";
   import python from "svelte-highlight/languages/python";
   import javascript from "svelte-highlight/languages/javascript";
-  import swift from "svelte-highlight/languages/swift";
-  import ruby from "svelte-highlight/languages/ruby";
+  // import swift from "svelte-highlight/languages/swift";
+  // import ruby from "svelte-highlight/languages/ruby";
   import rust from "svelte-highlight/languages/rust";
-  import php from "svelte-highlight/languages/php";
-  import kotlin from "svelte-highlight/languages/kotlin";
-  import objectivec from "svelte-highlight/languages/objectivec";
-  import perl from "svelte-highlight/languages/perl";
-  import matlab from "svelte-highlight/languages/matlab";
-  import r from "svelte-highlight/languages/r";
-  import lua from "svelte-highlight/languages/lua";
-  import bash from "svelte-highlight/languages/bash";
-  import sql from "svelte-highlight/languages/sql";
+  // import php from "svelte-highlight/languages/php";
+  // import kotlin from "svelte-highlight/languages/kotlin";
+  // import objectivec from "svelte-highlight/languages/objectivec";
+  // import perl from "svelte-highlight/languages/perl";
+  // import matlab from "svelte-highlight/languages/matlab";
+  // import r from "svelte-highlight/languages/r";
+  // import lua from "svelte-highlight/languages/lua";
+  // import bash from "svelte-highlight/languages/bash";
+  // import sql from "svelte-highlight/languages/sql";
 
   import atomOneDark from "svelte-highlight/styles/atom-one-dark";
   import Header from "$lib/header.svelte";
@@ -46,26 +46,26 @@
   import TranslateIcon from "$lib/assets/translateIcon.svelte";
 
   const languagesTag = {
-    Typescript: typescript,
-    Python: python,
-    C: c,
-    Cpp: cpp,
-    Csharp: csharp,
-    Go: go,
-    Java: java,
-    Javascript: javascript,
-    Swift: swift,
-    Ruby: ruby,
-    Rust: rust,
-    Php: php,
-    Kotlin: kotlin,
-    Objectivec: objectivec,
-    Perl: perl,
-    Matlab: matlab,
-    R: r,
-    Lua: lua,
-    Bash: bash,
-    Sql: sql,
+    // 'TypeScript': typescript,
+    'Python': python,
+    'C': c,
+    'C++': cpp,
+    // 'C#': csharp,
+    'Go': go,
+    'Java': java,
+    'JavaScript': javascript,
+    // 'Swift': swift,
+    // 'Ruby': ruby,
+    'Rust': rust,
+    // 'PHP': php,
+    // 'Kotlin': kotlin,
+    // 'Objective-C': objectivec,
+    // 'Perl': perl,
+    // 'MATLAB': matlab,
+    // 'R': r,
+    // 'Lua': lua,
+    // 'Bash': bash,
+    // 'SQL': sql,
   } as { [key: string]: any };
 
   let copyText = "copy";
@@ -99,6 +99,7 @@
     loading = true;
     output = "";
     inputClick = false;
+
     const eventSource = await fetchTextStream(input, langFrom, langTo);
 
     eventSource.addEventListener("message", (e: any) => {