index.coffee

class MainView extends JView
  constructor:->
    super

    @terminal = new KDView
      cssClass: "terminal"
    @terminal.$().css
      width: "100%"
      height: 300
  
    @webterm = new WebTermView
      delegate: @terminal
      cssClass: "webterm"
      
    @webterm.on "WebTermConnected", (remote)=>
      @remote = remote
    
    @terminal.addSubView @webterm
    
    @runCmd = new KDButtonView
      title: "Run command"
      callback: =>
        @remote.input "ls\n"

  pistachio:->
    """
    This is a real terminal:
    {{> this.terminal}}
    <br>
    {{> this.runCmd}}
    """
  viewAppended: ->
    @setTemplate do @pistachio

appView.addSubView new MainView
  cssClass: "your-app-name"

style.css

.your-app-name {
}