ids-editor v0.0.28

ids-editor

Install

npm install ids-editor

Modify "angular.json" file

{	"assets":[
    ...,
    { "glob": "**/*", "input": "node_modules/ids-editor/node_modules/monaco-editor", "output": "assets/monaco-editor" },
  ],
} 

Modify "app.module.ts" file

import { IdsEditorModule } from 'ids-editor';

@NgModule({
  declarations: [
    ...
  ],
  imports: [
   ..,
    IdsEditorModule
  ],
  providers: [],
  bootstrap: [...]
})

Setting IdsEditor

Example (JAVA)

component.html

<ids-editor #editor [config]="config" 
                    (callCommand)="callCommandEditor($event)" 
                    (callAction)="callAction($event)"
                    (javaClassNotFound)="javaClassNotFound($event)" 
                    [javaMethodsNotFound]="javaMethodsNotFound"
                    (contentChange)="contentChange($event)"></ids-editor>

component.ts

import { IdsEditorComponent, IdsEditorConfig, IdsEditor_Language, IdsEditorKeyMod, IdsEditorKeyCode, IdsEditorMarkerSeverity, IdsEditorCallCommandResponse, IdsEditorAction } from 'ids-editor';
import { JAVA } from 'ids-editor/lib/language/java';


export class ExampleComponent {
  
	@ViewChild('editor', { static: false }) idsEditor  : IdsEditorComponent | undefined;
  config : IdsEditorConfig = {
    content: "HI",
    language: {
      name: IdsEditor_Language.JAVA,
      classes: ["com.networkcontacts.it.TEST"],
      methods: [
        {
          class: "com.networkcontacts.it.TEST",
          fullName: "com.networkcontacts.it.TEST",
          input: [],
          jar: "com.networkcontacts.it.TEST",
          method: "test()",
          output: "",
          throws: "",
          type: ""
        }
      ]
    },
    suggestions:{
      onlyImportedClasses: true
    },
    theme: 'vs-dark',
    actions: [
      {id: "id", keys: [IdsEditorKeyMod.CtrlCmd, IdsEditorKeyCode.KEY_S], label: "Salva", contextMenuGroupId:'navigator'},

      {id: "ida", keys: [IdsEditorKeyMod.CtrlCmd, IdsEditorKeyCode.KEY_D], label: "Elimina", contextMenuGroupId:'navigator'}
    ],
    commands: [
      {id: "id1", keys: [IdsEditorKeyMod.CtrlCmd, IdsEditorKeyCode.KEY_I]}
    ],
    mouseWheelZoom: true,
    glyphMargin: true,
    breakPoints: true,
    
    difference: true,
    originalVersion: "TEST"
  }


  public callAction(event: any){
    if(this.idsEditor){
      this.idsEditor.setListError([
        {line: 1, message: "asdasdasd", severity: IdsEditorMarkerSeverity.Error,  nameclass: "myGlyphMarginClass"}
      ])
    }
  }
  
  async callCommandEditor(callCommandProps : IdsEditorCallCommandResponse){
    if(this.idsEditor){ 
        // await this.idsEditor.callActionEditor(IdsEditorAction.Indent);
        //-----------------------------------------------------------
        //await this.idsEditor.callActionEditor(IdsEditorAction.Comment);
    }
  }
  javaClassNotFound(event: {javaUtility: JAVA, nameClass: string}){
    event.javaUtility.addClass(event.nameClass);
    event.javaUtility.addMetohd({
      class: event.nameClass,
      fullName:event.nameClass,
      input: [],
      jar: event.nameClass,
      method: "newMethod()",
      output: "",
      throws: "",
      type: ""
    });
  }

  javaMethodsNotFound(event: {javaUtility: JAVA, nameClass: string, parent: any}){
    event.javaUtility.addMetohd({
        class: event.nameClass,
        fullName:event.nameClass,
        input: [],
        jar: event.nameClass,
        method: "otherMethod()",
        output: "",
        throws: "",
        type: ""
      });
    // If you want add list
    event.javaUtility.addMetohds([{
        class: event.nameClass,
        fullName:event.nameClass,
        input: [],
        jar: event.nameClass,
        method: "otherMethod()",
        output: "",
        throws: "",
        type: ""
      }]);
      
  }
  
  contentChange(value: string){
    console.log(value);
  }

Created by

@Ingegneria dei Sistemi