new changes

angular.json

@@ -51,7 +51,7 @@
               {
                 "glob": "**/*",
                 "input": "node_modules/monaco-editor",
-                "output": "assets/monaco"
+                "output": "/assets/monaco"
               },
               "src/favicon.ico",
               "src/assets"

monaco-config.ts

@@ -1,38 +0,0 @@
-import { NgxMonacoEditorConfig } from "ngx-monaco-editor-v2";
-
-export function onMonacoEditorLoad() {
-
-  (window as any).monaco.languages.register({id:'java'});
-
-  (window as any).monaco.languages.registerCompletionItemProvider('java',{
-
-    providerCompletionItems:function(){
-      var suggestions = [
-        {
-          label:'simpleText',
-          kind: (window as any).monaco.languages.CompletionItemKind.Text,
-          insertText: 'simpleText'
-        },
-        {
-          label:'testing',
-          kind: (window as any).monaco.languages.CompletionItemKind.Keyword,
-          insertText: 'testing(${1:condition})',
-          insertTextRules: (window as any).monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet
-        },
-        {
-          label: 'ifelse',
-          kind: (window as any).monaco.languages.CompletionItemKind.Snippet,
-          insertTest: ['if (${1:condition}) {', '\t$0', '} else {', '\t', '}'].join('\n'),
-          insertTextRules: (window as any).monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
-          documentation: 'If-Else Statement'
-        },
-      ];
-      return {suggestions: suggestions};
-    }
-  });
-
-}
-
-export const monacoConfig: NgxMonacoEditorConfig = {
-    onMonacoLoad: onMonacoEditorLoad
-};

src/app/pages/monaco-editor-test/monaco-editor-test.module.ts

@@ -5,7 +5,7 @@ import { MonacoEditorTestRoutingModule } from './monaco-editor-test-routing.modu
 import { MonacoEditorTestComponent } from './monaco-editor-test/monaco-editor-test.component';
 import { FormsModule } from '@angular/forms';
 import { MonacoEditorModule} from 'ngx-monaco-editor-v2'
-import { monacoConfig } from 'monaco-config';
+import { monacoConfig } from 'src/monaco-config';
 
 
 @NgModule({

src/app/pages/monaco-editor-test/monaco-editor-test/monaco-editor-test.component.ts

@@ -8,9 +8,10 @@ import { Component } from '@angular/core';
 export class MonacoEditorTestComponent{
     
   language: string = 'java';
+  theme: string = 'vs-dark';
 
     options = {
-      theme:'vs',
+      theme:this.theme,
       language: this.language,
       automaticLayout: true,
       quickSuggestions:true,
@@ -29,7 +30,8 @@ export class MonacoEditorTestComponent{
     public static void main (String [] args){
       System.out.println("Hello World");
     }
-}`;
+  }`;
+
   csharp_placeholder: string = 
   `
   using System;
@@ -41,5 +43,10 @@ export class MonacoEditorTestComponent{
     }
   }`;
   json_placeholder: string ='';
+
+  onInit(editor: { getPosition: () => any; }) {
+    let line = editor.getPosition();
+    console.log(line);
+  }
 }
  

src/monaco-config.ts

@@ -1,38 +1,41 @@
 import { NgxMonacoEditorConfig } from "ngx-monaco-editor-v2";
 
-export function onMonacoEditorLoad() {
 
-  (window as any).monaco.languages.register({id:'java'});
+export function onMonacoEditorLoad(id: string = 'java') {
 
-  (window as any).monaco.languages.registerCompletionItemProvider('java',{
+  (<any>window).monaco.languages.register({ id });
 
-    providerCompletionItems:function(){
+  (<any>window).monaco.languages.registerCompletionItemProvider(id, {
+    triggerCharacters : ['1'],
+    providerCompletionItems: function () {
       var suggestions = [
         {
-          label:'simpleText',
-          kind: (window as any).monaco.languages.CompletionItemKind.Text,
+          label: 'simpleText',
+          kind: (<any>window).monaco.languages.CompletionItemKind.Text,
           insertText: 'simpleText'
         },
         {
-          label:'testing',
-          kind: (window as any).monaco.languages.CompletionItemKind.Keyword,
+          label: 'testing',
+          kind: (<any>window).monaco.languages.CompletionItemKind.Keyword,
           insertText: 'testing(${1:condition})',
-          insertTextRules: (window as any).monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: (<any>window).monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet
         },
         {
           label: 'ifelse',
-          kind: (window as any).monaco.languages.CompletionItemKind.Snippet,
+          kind: (<any>window).monaco.languages.CompletionItemKind.Snippet,
           insertTest: ['if (${1:condition}) {', '\t$0', '} else {', '\t', '}'].join('\n'),
-          insertTextRules: (window as any).monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
+          insertTextRules: (<any>window).monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
           documentation: 'If-Else Statement'
         },
       ];
-      return {suggestions: suggestions};
+      return { suggestions: suggestions };
     }
   });
 
 }
 
 export const monacoConfig: NgxMonacoEditorConfig = {
-    onMonacoLoad: onMonacoEditorLoad
+  baseUrl: './assets',
+  defaultOptions: { scrollBeyondLastLine: false },
+  onMonacoLoad: onMonacoEditorLoad
 };