Enable code autocompletion in ACE editor

src/app/ide/ide.component.html

@@ -39,6 +39,7 @@
   [(text)]="code"
   [mode]="language"
   [theme]="theme"
+  [options]="options"
   class="tfw-ace-editor"
 >
 </div>

src/app/ide/ide.component.ts

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
 
 import * as brace from 'brace';
 import 'brace/ext/modelist';
+import 'brace/ext/language_tools';
 
 import 'brace/mode/c_cpp';
 import 'brace/mode/csharp';
@@ -19,6 +20,8 @@ import { DeploymentNotificationService } from '../services/deployment-notificati
 import { config } from '../config';
 
 const modelist = brace.acequire('ace/ext/modelist');
+const langTools = brace.acequire('ace/ext/language_tools');
+
 
 @Component({
   selector: 'app-ide',
@@ -31,6 +34,9 @@ export class IdeComponent implements OnInit {
   code: string = config.ide.defaultCode;
   language: string = config.ide.defaultLanguage;
   theme = 'cobalt';
+  options: any = {enableBasicAutocompletion: true,
+                  enableSnippets: true,
+                  enableLiveAutocompletion: true};
   directory = '';
   files: string[];
   codeState = 'SAVED';