Starling Builder extension guide
With Starling Builder extension, you are able to add custom components and theme without recompiling the editor.
The extension repository is located at
https://github.com/yuhengh/starling-builder-extensions
For the time being (v2.5), the editor supports the following 2 extensions:
EmbeddedComponents.swf
EmbeddedTheme.swf
Compile extension test project
IntelliJ IDEA
Download and install AIR SDK 19+ and IntelliJ IDEA Ultimate Edition
Checkout the repository using
git clone https://github.com/yuhengh/starling-builder-extensions --recursive
Open IntelliJ, click on File → Open and select starling-builder-extensions directory
Click on File → Project Structure → SDKs, then create a FLEX/AIR SDK called AIRSDK
Click on Run → Edit Configurations, create a Flash App Run/Debug Configuration and select the test build config
Run the Run/Debug configuration just created
Flash Builder
Download and install AIR SDK 19+ and Flash Builder 4.7
Checkout the repository using
git clone https://github.com/yuhengh/starling-builder-extensions --recursive
Click on File → New → ActionScript Library Project, select starling-builder-extensions directory
Set the ActionScript Build Path as below
Source path | starling-builder-editor/src, starling-builder-editor/starling-builder-engine/src, tests/src, theme/src, ui-components/src |
Library path | starling-builder-editor/libs |
FlashDevelop
Download and install AIR SDK 19+ and FlashDevelop
Checkout the repository using
git clone https://github.com/yuhengh/starling-builder-extensions --recursive
Open FlashDevelop, Goto Project → New Project → AIR AS3 Projector, select starling-builder-extensions folder
Set the ActionScript Build Path as below (Right click folder in project tab and choose “Add Source Path” to set source path, right click folder in project tab and choose “Add To Library” to set library path)
Source path | starling-builder-editor/src, starling-builder-editor/starling-builder-engine/src, tests/src, theme/src, ui-components/src |
Library path | starling-builder-editor/libs |
Right click tests/src/starlingbuilder/demo/Main.as and select “Set Document Class”
Copy src/starlingbuilder/editor/Main-app.xml to the root folder, rename to application.xml to replace the generated one.
In application.xml, change the xmlns to match your AIRSDK version
Goto Project → Properties, set the output file to “bin\Main.swf” (this has to match the swf file name inside application.xml
Run the project
Build the extension swf files
IntelliJ IDEA
Download and install AIR SDK 19+ and IntelliJ IDEA Ultimate Edition
Checkout the repository using
git clone https://github.com/yuhengh/starling-builder-extensions --recursive
Open IntelliJ, click on File → Open to open the project, select starling-builder-extensions directory
Click on Build → Rebuild Project, then copy the built swf files to YOUR_WORKSPACE/libs directory
If you have modified or added any custom components,click on Workspace → Delete template override to make sure the template is up to date
Restart Starling Builder
Ant
Download and install AIR SDK 19+ and Apache Ant
Checkout the repository using
git clone https://github.com/yuhengh/starling-builder-extensions --recursive
Open starling-builder-extensions/buildscript/build.properties, change airsdk.root to point to your AIR sdk folder
Open terminal, cd starling-builder-extensions/buildscript and type ant to start building
Copy the built swf files to YOUR_WORKSPACE/libs directory
If you have modified or added any custom components,click on Workspace → Delete template override to make sure the template is up to date
Restart Starling Builder
Since the project uses git submodule to manage dependencies, please use the git clone –recursive command to clone the repository, otherwise you won't be able to get the submodule.
EmbeddedComponents.swf
EmbeddedTheme.swf