done

src/app/components/code-editor/code-editor.component.html

@@ -19,8 +19,14 @@
             <option value="java">Java</option>
             <option value="python">Python</option>
             <option value="javascript">JavaScript</option>
-            <option value="html">HTML</option>
+            <option value="typescript">TypeScript</option>
+            <option value="ruby">Ruby</option>
+            <option value="php">PHP</option>
+            <option value="go">Go</option>
+            <option value="swift">Swift</option>
+            <option value="kotlin">Kotlin</option>
         </select>
+
     </div>
     <div class="app-ace-editor" #editor></div>
 </div>

src/app/components/code-editor/code-editor.component.ts

@@ -46,6 +46,28 @@ using namespace std;
 int main() {
     cout << "Hello, C++!" << endl;
     return 0;
+}`,
+    typescript: `function example(): void {
+  console.log("Hello, TypeScript!");
+}`,
+    ruby: `def example
+  puts "Hello, Ruby!"
+end`,
+    php: `<?php
+echo "Hello, PHP!";
+?>`,
+    go: `package main
+
+import "fmt"
+
+func main() {
+    fmt.Println("Hello, Go!")
+}`,
+    swift: `import Foundation
+
+print("Hello, Swift!")`,
+    kotlin: `fun main() {
+    println("Hello, Kotlin!")
 }`,
   };
 
@@ -56,6 +78,12 @@ int main() {
     java: 'java',
     html: 'html',
     cpp: 'c_cpp',
+    typescript: 'typescript',
+    ruby: 'ruby',
+    php: 'php',
+    go: 'golang',
+    swift: 'swift',
+    kotlin: 'kotlin',
   };
 
   ngAfterViewInit(): void {