@digital-enabler/mashups-editor-appbar
v2.1.3
Published
### Digital Enabler - Mashup Editor App-Bar microfrontend
Downloads
20
Readme
Mashups Editor Appbar microfrontend
Digital Enabler - Mashup Editor App-Bar microfrontend
The Mashup Editor Appbar microfrontend shows an toolbar over mashup editor so that you can manage and configure the mashup details. The Mashup Editor Appbar works within the DME tool in which it is mounted, and to work correctly it also needs the following microfrontends: Mashups List, Mashup Editor and Share Form.
NOTE: See here on how to mount a microfrontend and also here to more info about Microfrontend application for Digital Enabler.
This project is also available from the following CDN.
Pre-requisites
Before you continue you need to
- have NPM installed
- have NodeJS installed
- have VueJS and Vue-CLI installed
- have a GitHub account
- use VisualStudio Code or IntelliJ Idea as your development IDE
Project management
Installation
Open a Terminal window in the project folder and go inside the app folder, then launch the command:
npm install
NOTE: When install finished, do not care about the warnings on the versions and vulnerability problems reported, and DO NOT launch the
npm audit fix
ornpm audit fix –force commands
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Lints and fixes files
npm run lint
NOTE: Alternatively to the command indicated above you can use the VueUI browser interface
Configs file
To work properly the Mashup Editor Appbar needs an editor-appbar-config.json file with this settings:
{
"mf": "Mashup Editor Appbar",
"api": "https://[generic_api_location]/api"
}
This json file must to be stored and setted as described here and also here.