MPS Calculator tutorial in JavaScript

This project serves as an example of using MPS to generate JavaScript code.

Introduction

JetBrains MPS (http://jetbrains.com/mps) is a projectional language workbench. ECMAScript4MPS (https://github.com/mar9000/ecmascript4mps) is the implementation of the ECMAScript 5.1 for MPS. The MPS Calculator tutorial (https://www.jetbrains.com/mps/help/mps-calculator-language-tutorial.html) guides students through the process of building a DSL for creating simple Java Swing calculation forms. This project implements similar functionality, but targets html/javascript as the target platform.

Resources

MPS
ECMAScript4MPS source code
ECMAScript4MPS IDEA/MPS plugin in the JetBrains repository
ECMAScript4MPS-discuss Google group.
#ECMAScript4MPS on Twitter.

Try it out

clone the github project
install MPS from the JetBrains MPS download page
install the ecmascript4mps language plugin into MPS
open the project with MPS
rebuild the project
the sandbox solution contains a complete sample form, which you can generate and get an html page with an associated javascript program
open the generated html page in a browser and check the JavaScript functionality (the page is located in CalculatorJS/languages/CalculatorJS/sandbox/source_gen/CalculatorJS/sandbox/)

Compatibility

MPS 2017.2
ecmascript4mps plugin version 2.1