Show pop-up hints when is writing and also accept dashs and underscores

Frontend Angular 4/src/app/layout/matefun/codemirror/matefun-mode-EN.js

@@ -31,13 +31,13 @@
   CodeMirror.hint.anyword = function(cm) {
     var cur = cm.getCursor(), token = cm.getTokenAt(cur)
     var term, from = CodeMirror.Pos(cur.line, token.start), to = cur
-    if (token.start < cur.ch && /\w/.test(token.string.charAt(cur.ch - token.start - 1))) {
+    if (token.start < cur.ch && /[\w\-\_]/.test(token.string.charAt(cur.ch - token.start - 1))) {
       term = token.string.substr(0, cur.ch - token.start)
     } else {
       term = ""
       from = cur
     }
-    var inner = anyWord(cm) || {from: from, to: to, list: []};
+    var inner = anyWord(cm, { word: /[\w$\-\_]+/ }) || {from: from, to: to, list: []};
 
     var filtered_words = defualt_words.filter(w => w.indexOf(term) === 0);
 

Frontend Angular 4/src/app/layout/matefun/matefun.component.html

@@ -68,7 +68,7 @@
                         </ng-template>
                     </form>
                 </div>
-                <codemirror class="codemirrorPrograma" [(ngModel)]="archivo.contenido" (keyup)="archivoModificado()" [config]="configCodeMirror" [ngStyle]="{'font-size': configCodeMirror.fontSize+'px'}">
+                <codemirror class="codemirrorPrograma" [(ngModel)]="archivo.contenido" (keyup)="archivoModificado($event)" [config]="configCodeMirror" [ngStyle]="{'font-size': configCodeMirror.fontSize+'px'}">
                 </codemirror>
             </div>
 

Frontend Angular 4/src/app/layout/matefun/matefun.component.ts

@@ -413,7 +413,9 @@ export class MateFunComponent {
         this.copiaContenidoArchivo = '';
     }
 
-    archivoModificado(){
+    archivoModificado(event){
+        if (/^[a-zA-Z\-\_]$/.test(event.key))
+            this.codemirror.instance.showHint(event);
         if(this.copiaNombreArchivo!=this.archivo.nombre || this.copiaContenidoArchivo != this.archivo.contenido){
             this.modificado = true;
         }else{