Moonshine-IDE / MockupVisualEditor

MockupVisualEditor originally was created by Josh Tynjala in Apache Flex as Web and Desktop application. Visual Editor can help you to develop the prototype of your user interface and export as Apache Flex Desktop project.

Installation

Visual Editor was adoped by Moonshine IDE as ActionScript library project. Instruction allows you to build project to *.swc which can be used in Moonshine IDE.

Prerequisites

Visual Editor is built with Apache Flex® SDK 4.16.1, using Adobe AIR and Flash Player 28.0.

Moonshine swc library

1. Download and install Apache Ant®
2. Setup environment variable FLEX_HOME or add path to the Apache Flex SDK in build.xml -> here
3. Uncomment line and set MOONSHINE_LIBS_PATH to folder libs Moonshine-IDE\ide\MoonshineDESKTOPevolved\libs\
4. Make sure that constant CONFIG::MOONSHINE is set to true.
5. If you would like to have debuggable swc please set IsDebug variable to true
6. Run in command line ant

Domino & Royale Geberated code introduce

1. issue reference

Royale: Moonshine-IDE/Moonshine-IDE#675

Domino: Moonshine-IDE/Moonshine-IDE#646

2. branch

Royale:https://github.com/Moonshine-IDE/Moonshine-IDE/tree/features/issue_675_royale_generate_domino_visual_editor

Domino:https://github.com/Moonshine-IDE/Moonshine-IDE/tree/features/issue_646_ve_notes_domino_support_fresh

3. main entery point and how to trigger

Domino : According to the design structure of moonshine ide.When user work with Visual Editors and clciks the "save" action or click the "code' tab from the Visual Editor,it will trigger the Domino convert.

• getMxmlCode(),

  getMxmlCode() method will identify projects and files, and perform domino conversions based on project and file types.

Royale : According to the requirements, the Royale project will be generated from the opened Domino Visual project, therefore, the user will click "Project->Generate Apache Royale Project" in the menu to generate a new Royale project.

• edit.visualEditor.editingSurface.toRoyaleCode(pvo.projectName,edit.visualEditor.editingSurface);

  This line code will convert the current open Domino Visual Editor project to Royale project.