Understanding Front End Code

Front end declaration code is located in the mandatory wizard.js file within the js folder. A single wizard is defined as a Mithril component that is exported with the name Wizard.

Example 1: Front End

import m from "mithril"; 
const Wizard = {
    view: function(vnode) {
        return m("div", "Hello world!");
    }
}; 
export {Wizard};

The wizard user interface is defined within the view function. As stated before, this can be done in multiple ways, covering many use cases. However, at some point the optiSLang project must be executed using the /start_project request. See Understanding Back End Code and Project Starter Scripts for more information on starting optiSLang projects.