!7

static S text;

p {
  load("text");
  if (isMainProgram()) serveHttpAndOpenBrowser();
}

synchronized html {
  S newText = params.get("text");
  if (newText != null) {
    text = newText;
    save("text");
  }
  
  ret hpostform([[
<style type="text/css" media="screen">
    #editor { 
        width: 600px;
        height: 350px;
    }
</style>
      <div id="editor">#TEXT#</div>
    <script src="http://tinybrain.de:8080/ace-builds/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://tinybrain.de:8080/ace-builds/src-noconflict/ext-language_tools.js" type="text/javascript" charset="utf-8"></script>
    <script>
        ace.require("ace/ext/language_tools");
        var editor = ace.edit("editor");
        editor.setTheme("ace/theme/ambience");
        //editor.getSession().setMode("ace/mode/lua");
        editor.getSession().setTabSize(2);
        editor.getSession().setUseSoftTabs(true);
        editor.getSession().setUseWrapMode(true);
        document.getElementById('editor').style.fontSize='15px';
        editor.setOptions({
          enableBasicAutocompletion: true
        });
        editor.focus();
    </script>
    <input type="hidden" name="text" value="">
  ]].replace("#TEXT#", htmlencode(text) + p(hsubmit()),
    onSubmit := "if (editor) text.value = editor.getValue(); return true;");
}