#Server and Web Application for live mobile programming#
This is a web application for creating and editing mobile applications live with support for both web technologies (HTML5/JavaScript) and the MoSync SDK for creating Native UI applications using JavaScript and/or accessing services on a mobile device through HTML5/JavaScript.
##Installation##
- Clone the repo, make sure you have a working version of NodeJS installed on you machine, and launch the server app with node app.js;
- Open the web app at http://localhost:5678;
- Install the Live Mobile App on your mobile device, open it, and open http://localhost:5678/mobile or whatever the ip of your server is
Note 1: if you don't want to build the mobile app yourself, you can install the android package that resides in the output directory of the mobile app repository on your device.
Note 2: For iOS and Windows mobile you need to compile the mobile app yourself and install it on your device.
##Features##
- Templates (support for adding custom templates is still missing)
- GitHub authentication for loading Gists
- Create new files and save your Gists
- Autocompletion for both HTML and JavaScript
- Context-aware autocompletion for MoSync Native Widgets
- Manually evaluate portion of JavaScript code as in Smalltalk
- Live programming (code changes evaluate the top level expressions and function declarations). The code to be evaluated is marked in bold text
- Add resources (images, sounds...) to use with MoSync Native Widgets
- Live JavaScript linting (JSHint is used)
- Change numbers with a slider to quickly customise the UI on the device
- Change colours with a color palette to quickly customise the UI on the device
##Usage## There are two main modes:
-
Non-live programming
-
Write your HTML and/or JavaScript mobile app and re-run the app pressing the Restart button. In this way the JavaScript runtime is restored every time you restart the app, so no state is preserved.
-
Mark a piece of JavaScript code and right-click on it to execute it in the current runtime of the mobile device.
-
Live programming When changing code of a top-level expression, the code is executed immediately in the run time of the mobile device.