diff --git a/src/app/webide/webide.component.ts b/src/app/webide/webide.component.ts
index 9d4f2c4..10ca71b 100644
--- a/src/app/webide/webide.component.ts
+++ b/src/app/webide/webide.component.ts
@@ -2,8 +2,15 @@ import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
 
 import * as brace from 'brace';
 import 'brace/ext/modelist';
-import 'brace/mode/python';
+
+import 'brace/mode/c_cpp';
+import 'brace/mode/csharp';
+import 'brace/mode/java';
 import 'brace/mode/javascript';
+import 'brace/mode/json';
+import 'brace/mode/python';
+import 'brace/mode/sql';
+
 import 'brace/theme/monokai';
 import { SourceCode } from './source-code';
 import { WebSocketService } from '../websocket.service';