Add support for custom modes

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>

index.html

@@ -64,15 +64,20 @@ input[type="text"] {
                 node: document.getElementById('elm'),
                 flags: {
                     inputModes: {
+                        "My Mode": { "custom": "mymode" },
                         "Query": "query",
                         "Language Term": "syntax",
-                        "My Mode": { "custom": "mymode" },
                     },
                     inputRules: "PromptConverter @ prompt(type(empty, ?term, ?t)) <- input(?term);",
-                    query: "type(empty, app(abs(x, number, var(x)), lit(1)), ?tau)",
+                    input: "type(empty, app(abs(x, number, var(x)), lit(1)), ?tau)",
                     renderRules: renderRules, rules: rules
                 }
             });
+
+            app.ports.convertInput.subscribe(({ mode, input }) => {
+                console.log(input);
+                app.ports.receiveConverted.send({ input, query: `type(empty, lit(${input}), ?tau )` });
+            });
         })();
     </script>
 </body>