aca-monaco-extension

ACA Extension Example

This project contains:

• ACA extension to use Monaco editor

DISCLAIMER

Currently this package only involves the editor itself, some functionality still needs to be implemented. This includes:

• Saving Files
• Allowing Customization
• Support for other filetypes

Building

npm run build:monaco-extension

Publishing

cd dist/my-extension
npm publish --access=public

Testing with local ACA instance

Open your ACA instance

1 . Install monaco-extension

npm install --save-dev monaco-extension

2. Install monaco-extension in your ACA instance

npm install --save-dev ngx-monaco-editor

Switch to the ACA project and run:

Update the extensions.module.ts file and append the module:

import { AcaMonacoModule } from 'monaco-extension';

@NgModule({
  imports: [
    ...,
    AcaMonacoModule
  ]
})
export class AppExtensionsModule {}

Update the app.extensions.json file and register new plugin:

{
  "$schema": "../../extension.schema.json",
  "$name": "app",
  "$version": "1.0.0",
  "$references": ["monaco-extension.json"]
}

Copy dist/assets/monaco-extension.json to the src/assets/plugins folder.

Run the ACA application

npm start

Depending on the setup, you might need to log in as an administrator and enable external plugins feature for your local run.