Copyright 2016-2023 Moddable Tech, Inc.
Revised: October 12, 2023
This document provides instructions to install the Moddable SDK and build its tools on the computer you use for development.
To get started with the Moddable SDK, take the following steps:
Follow the Installing instructions in the section below for your computer's OS. These instructions will have you verify your setup by running the helloworld example on a desktop simulator using mcconfig, a command line tool that builds and runs Moddable applications.
For more information about the desktop simulator, see the Simulator section of the tools documentation.
You will also learn how to open xsbug, the JavaScript source level debugger that is built as part of the Moddable SDK tools. xsbug is a full featured debugger that supports debugging modules and applications for XS platforms.
Similar to other debuggers, xsbug supports setting breakpoints, browsing source code, the call stack and variables. The xsbug debugger additionally provides real-time instrumentation to track memory usage and profile application and resource consumption.
For more information abut xsbug, see the xsbug documentation.
To run applications on a device, you have to install the required SDKs, drivers and development tools for your target platform. The devices folder contains instructions for all MCUs supported by the Moddable SDK. See the What's Next: Building and Running Apps on Development Boards and MCUs section of this document for more details and links to instructions for your target platform.
This repository includes over 150 example apps that demonstrate how to use many features of the Moddable SDK. Many are less than one page of source code to focus on demonstrating how to use a specific capability.
When you are ready to customize the example apps or build your own from scratch, documentation and source code for all of the JavaScript APIs is available. All documentation is provided in markdown format. Software modules that make up the runtime of the Moddable SDK are in the modules directory.
The documentation, examples, and modules directories share a common structure to make it straightforward to locate information.
-
base: Fundamental runtime capabilities including time, timer, debug, instrumentation, and UUID
-
commodetto: Bitmap graphics library
-
crypt: Cryptographic primitives and TLS
-
data: Base64 and hex encoding
-
drivers: Device drivers for displays, touch inputs, sensors, and expanders
-
files: Storage capabilities including files, flash, preferences, resources, and zip
-
network: Network socket and protocols built on socket including HTTP, WebSockets, DNS, SNTP, telnet, and TLS; also, Wi-Fi and BLE APIs.
-
pins: Hardware protocols including digital (GPIO), analog, PWM, and I2C
-
piu: User interface framework
The Moddable SDK requires macOS Sierra (Version 10.12) or newer and a full installation of Xcode version 9 or newer.
-
Download and install Xcode. Launch Xcode to install additional command line components when prompted.
-
Create a Projects directory in your home directory at ~/Projects for the Moddable SDK repository.
Note: The Moddable SDK repository can be downloaded to any directory. These instructions assume the Moddable SDK is downloaded to the ~/Projects directory.
-
Download the Moddable repository, or use the git command line tool as follows:
cd ~/Projects
git clone https://github.com/Moddable-OpenSource/moddable
-
Open your shell startup/initialization file.
For macOS Mojave and earlier, the default shell is bash, so you should open ~/.profile.
open ~/.profile
Starting with macOS Catalina, the default shell is zsh, so you should open ~/.zshrc.
open ~/.zshrc
Note: If executing the above command gives you an error saying that your shell startup/initialization file does not exist, you can create the appropriate file using the touch command. For example, touch ~/.zshrc.
-
Add the following lines to the file you just opened and save. This sets up the MODDABLE environment variable to point at your local Moddable SDK repository directory and edits the PATH environment variable to include the Moddable built tools directory.
export MODDABLE="/Users/<user>/Projects/moddable"
export PATH="${MODDABLE}/build/bin/mac/release:$PATH"
-
Adding the export statements to your ~/.profile or ~/.zshrc does not update the environment variables in active shell instances, so open a new shell instance (by opening a new tab/window) or manually run the export statements in your shell before proceeding.
-
Build the Moddable command line tools, simulator, and debugger from the command line:
cd ${MODDABLE}/build/makefiles/mac
make
-
Launch the xsbug debugger from the command line:
open ${MODDABLE}/build/bin/mac/release/xsbug.app
-
Verify the host environment setup by building the starter helloworld application for the desktop simulator target:
cd ${MODDABLE}/examples/helloworld
mcconfig -d -m -p mac
-
IMPORTANT: You can now build and run applications for the desktop simulator. To build and run applications on a development board or MCU, you need to install additional SDKs, drivers, and development tools for your target platform. See the What's Next (Building and Running Apps on Development Boards and MCUs) section of this document for more details and links to instructions.
- If the Moddable SDK build fails with an error like "
xcode-select: error: tool 'ibtool' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance." there are three potential issues and fixes:
- You may have a command line tools-only Xcode installation. The Moddable SDK build requires a full installation of Xcode.
- You may need to launch the Xcode application to accept Xcode's license agreement and install the command line components.
- If you have a full Xcode installation but your build fails with this error, you need to use the
xcode-select utility to select your full Xcode installation. This can be done with this command, with the path adjusted as necessary for your environment: sudo xcode-select -s /Applications/Xcode.app/Contents/Developer
The Moddable SDK tools are frequently updated with improvements and added functionality. You should occasionally update your host environment by following these steps:
-
Update your local clone of the Moddable repository:
cd $MODDABLE
git pull
Note that if you have any local changes to Moddable repository files, you may need to stash your changes and then reapply them after pulling:
cd $MODDABLE
git stash push
git pull
git stash pop
-
Delete any existing Moddable SDK build outputs:
cd $MODDABLE
rm -rf build/bin
rm -rf build/tmp
-
Build the Moddable command line tools, simulator, and debugger:
cd ${MODDABLE}/build/makefiles/mac
make
-
Verify the host environment setup by building the starter helloworld application for the desktop simulator target:
cd ${MODDABLE}/examples/helloworld
mcconfig -d -m -p mac
The Moddable SDK requires Windows 8.1 or newer and Microsoft Visual Studio Community 2017 or newer. We recommend Windows 10 or Windows 11 and Microsoft Visual Studio Community 2022.
-
Download the Microsoft Visual Studio 2022 Community installer.
-
Launch the installer. On the "Workloads" tab, select the "Desktop development for C++" option. On the "Individual Components" tab, select "Windows 10 SDK (10.0.19041.0)" (this should be preselected on Windows 10 systems but must be manually included on Windows 11 systems). Proceed with the installation as configured.
-
Create a Projects directory in your %USERPROFILE% directory, e.g. C:\Users\<your-user-name> for the Moddable SDK repository.
Note: The Moddable SDK repository can be downloaded to any directory. These instructions assume the Moddable SDK is downloaded to the %USERPROFILE% directory.
-
Download the Moddable repository, or use the git command line tool as follows:
cd %USERPROFILE%\Projects
git clone https://github.com/Moddable-OpenSource/moddable
-
Open the "Environment Variables" dialog of the Control Panel app by following these instructions. From that dialog:
-
Create a User Variable called MODDABLE and set it to point at your local Moddable SDK repository directory. Update the path as necessary for you system by navigating to the Moddable SDK folder using the "Browse Directory..." button.
- Variable Name:
MODDABLE
- Variable Value:
%USERPROFILE%\Projects\moddable
-
Edit the User Variable Path to include the Moddable SDK tools directory. Update the path as necessary for your system by navigating to the correct folder using the "Browse..." button.
- Variable Name:
Path
- Variable Value (add to the existing list):
%USERPROFILE%\Projects\moddable\build\bin\win\release
Note: The %USERPROFILE%\Projects\moddable\build\bin\win\release directory will be created in the next step. It is safe to set the environment variable now or to come back after Step 6 to add it to the Path.
Note: Make sure you open a new Command Prompt after setting the environment variables. The new environment settings will not take effect in existing Command Prompt instances.
-
Launch the "x86 Native Tools Command Prompt for VS 2022" command line console. Build the Moddable command line tools, simulator, and debugger from the command line:
cd %MODDABLE%\build\makefiles\win
build
Note: There is an alternative build batch file called parallel_build.bat that can be used on multi-core systems to significantly speed up the Moddable SDK build. It is, however, more difficult to see diagnostic error messages when using this batch file. If build.bat works correctly on your system, consider using parallel_build.bat for future Moddable SDK builds.
-
Launch the xsbug debugger from the command line:
xsbug
-
Verify the host environment setup by building the starter helloworld application for the desktop simulator target:
cd %MODDABLE%\examples\helloworld
mcconfig -d -m -p win
-
IMPORTANT: You can now build and run applications for the desktop simulator. To build and run applications on a development board or MCU, you need to install additional SDKs, drivers, and development tools for your target platform. See the What's Next (Building and Running Apps on Development Boards and MCUs) section of this document for more details and links to instructions.
-
If the Moddable SDK build fails with an error like "LINK : fatal error LNK1104: cannot open file '<Moddable path>\build\bin\win\release\<tool name>.exe'", it most likely indicates a conflict with antivirus software as described in this document from Microsoft. Please try excluding the %MODDABLE% directory from your antivirus software's live scanning capability during the build process.
-
If the Moddable SDK build fails with the error "'nmake' is not recognized as an internal or external command, operable program or batch file." there are three potential issues and fixes:
- You may not have Visual Studio installed. We recommend using the Microsoft Visual Studio 2022 Community Edition installer.
- When you installed Visual Studio, you may not have chosen the "Desktop development for C++" workload option. Re-run the installer and choose that workload for installation.
- You may have inadvertently attempted the build in the default Command Prompt rather than the "x86 Native Tools Command Prompt for VS 2022." This Command Prompt sets important environment variables for the build and can be found by searching for "x86 Native Tools" in the Start Menu.
-
If the Moddable SDK build fails with an error like "fatal error LNK1112: module machine type 'x64' conflicts with target machine type 'x86'", you have most likely attempted the build in the "x64 Native Tools Command Prompt for VS 2022" rather than the correct "x86 Native Tools Command Prompt for VS 2022." This Command Prompt sets important environment variables for the build and can be found by searching for "x86 Native Tools" in the Start Menu.
The Moddable SDK tools are frequently updated with improvements and added functionality. You should occasionally update your host environment by following these steps.
> Note: The following commands should all be run in the "x86 Native Tools Command Prompt for VS 2022" command line console.
-
Update your local clone of the Moddable repository:
cd %MODDABLE%
git pull
Note that if you have any local changes to Moddable repository files, you may need to stash your changes and then reapply them after pulling:
cd %MODDABLE%
git stash push
git pull
git stash pop
-
Delete any existing Moddable SDK build outputs:
cd %MODDABLE%\build\makefiles\win
build clean
-
Build the Moddable command line tools, simulator, and debugger:
cd %MODDABLE%\build\makefiles\win
build
Note: There is an alternative build batch file called parallel_build.bat that can be used on multi-core systems to significantly speed up the Moddable SDK build. It is, however, more difficult to see diagnostic error messages when using this batch file. If build.bat works correctly on your system, consider using parallel_build.bat for future Moddable SDK builds.
-
Verify the host environment setup by building the starter helloworld application for the desktop simulator target:
cd %MODDABLE%\examples\helloworld
mcconfig -d -m -p win
The Moddable SDK has been tested on the Ubuntu 16.04-22.04 LTS (64-bit) and Raspberry Pi Desktop (32-bit) operating systems. These instructions assume that a GCC toolchain has already been installed.
-
Install or update the packages required to compile:
sudo apt-get install gcc git wget make libncurses-dev flex bison gperf
-
Install the development version of the GTK+ 3 library:
sudo apt-get install libgtk-3-dev
-
Create a Projects directory in your home directory at ~/Projects for the Moddable SDK repository.
Note: The Moddable SDK repository can be downloaded to any directory. These instructions assume the Moddable SDK is downloaded to the ~/Projects directory.
-
Download the Moddable repository, or use the git command line tool as follows:
cd ~/Projects
git clone https://github.com/Moddable-OpenSource/moddable
-
Setup the MODDABLE environment variable in your ~/.bashrc file to point at your local Moddable SDK repository directory. Add the Moddable built tools directory to your PATH:
export MODDABLE=~/Projects/moddable
export PATH=$PATH:$MODDABLE/build/bin/lin/release
Note: You must open a new shell instance or manually run the export statements in your shell before proceeding. Adding the export statements to your ~/.profile does not update the environment variables in active shell instances.
-
Build the Moddable command line tools, simulator, and debugger from the command line:
cd $MODDABLE/build/makefiles/lin
make
-
Install the desktop simulator and xsbug debugger applications:
cd $MODDABLE/build/makefiles/lin
make install
When prompted, enter your sudo password to copy the application's desktop, executable and icon files into the standard /usr/share/applications, /usr/bin, and /usr/share/icon/hicolor directories.
-
Launch the xsbug debugger from the command line:
xsbug
-
Verify the host environment setup by building the starter helloworld application for the desktop simulator target:
cd $MODDABLE/examples/helloworld
mcconfig -d -m -p lin
See this discussion for a description of what you should expect to see.
-
IMPORTANT: You can now build and run applications for the desktop simulator. To build and run applications on a development board or MCU, you need to install additional SDKs, drivers, and development tools for your target platform. See the What's Next (Building and Running Apps on Development Boards and MCUs) section of this document for more details and links to instructions.
The Moddable SDK tools are frequently updated with improvements and added functionality. You should occasionally update your host environment by following these steps:
-
Ensure that the development version of the GTK+ 3 library is installed and up to date:
sudo apt-get update
sudo apt-get install libgtk-3-dev
sudo apt-get upgrade libgtk-3-dev
-
Update your local clone of the Moddable repository:
cd $MODDABLE
git pull
Note that if you have any local changes to Moddable repository files, you may need to stash your changes and then reapply them after pulling:
cd $MODDABLE
git stash push
git pull
git stash pop
-
Delete any existing Moddable SDK build outputs:
cd $MODDABLE
rm -rf build/tmp
rm -rf build/bin
-
Build the Moddable command line tools, simulator, and debugger:
cd $MODDABLE/build/makefiles/lin
make
-
Install the desktop simulator and xsbug debugger applications:
cd $MODDABLE/build/makefiles/lin
make install
When prompted, enter your sudo password to copy the application's desktop, executable and icon files into the standard /usr/share/applications, /usr/bin, and /usr/share/icon/hicolor directories.
-
Verify the host environment setup by building the starter helloworld application for the desktop simulator target:
cd $MODDABLE/examples/helloworld
mcconfig -d -m -p lin
To build and run applications on a development board or MCU, you will need to install additional SDKs, drivers, and development tools for your target platform. These tools are provided by the manufacturer of the MCU and are not part of the Moddable SDK, but the devices folder contains instructions we wrote to guide you through the installation process.
The table below links to some of the documents in the devices folder to help you quickly find instructions for your target platform: