jaroslav@492: /**
jaroslav@492:  * Back 2 Browser Bytecode Translator
jaroslav@492:  * Copyright (C) 2012 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
jaroslav@492:  *
jaroslav@492:  * This program is free software: you can redistribute it and/or modify
jaroslav@492:  * it under the terms of the GNU General Public License as published by
jaroslav@492:  * the Free Software Foundation, version 2 of the License.
jaroslav@492:  *
jaroslav@492:  * This program is distributed in the hope that it will be useful,
jaroslav@492:  * but WITHOUT ANY WARRANTY; without even the implied warranty of
jaroslav@492:  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
jaroslav@492:  * GNU General Public License for more details.
jaroslav@492:  *
jaroslav@492:  * You should have received a copy of the GNU General Public License
jaroslav@492:  * along with this program. Look for COPYING file in the top folder.
jaroslav@492:  * If not, see http://opensource.org/licenses/GPL-2.0.
jaroslav@492:  */
jaroslav@492: package org.apidesign.bck2brwsr.htmlpage;
jaroslav@492: 
jaroslav@851: import java.io.BufferedReader;
jaroslav@851: import java.io.IOException;
jaroslav@851: import java.io.InputStreamReader;
jaroslav@530: import java.lang.reflect.Method;
jaroslav@851: import java.util.logging.Level;
jaroslav@851: import java.util.logging.Logger;
jaroslav@851: import javafx.scene.web.WebEngine;
jaroslav@851: import netscape.javascript.JSObject;
jaroslav@492: import org.apidesign.bck2brwsr.core.ExtraJavaScript;
jaroslav@492: import org.apidesign.bck2brwsr.core.JavaScriptBody;
jaroslav@492: 
jaroslav@492: /** Provides binding between models and 
jaroslav@492:  *
jaroslav@492:  * @author Jaroslav Tulach <jtulach@netbeans.org>
jaroslav@492:  */
jaroslav@505: @ExtraJavaScript(resource = "/org/apidesign/bck2brwsr/htmlpage/knockout-2.2.1.js")
jaroslav@499: public class Knockout {
jaroslav@851:     private static final Logger LOG = Logger.getLogger(Knockout.class.getName());
jaroslav@499:     /** used by tests */
jaroslav@499:     static Knockout next;
jaroslav@499:     
jaroslav@851:     static {
jaroslav@851:         BufferedReader r = new BufferedReader(new InputStreamReader(Knockout.class.getResourceAsStream("knockout-2.2.1.js")));
jaroslav@851:         StringBuilder sb = new StringBuilder();
jaroslav@851:         for (;;) {
jaroslav@851:             try {
jaroslav@851:                 String l = r.readLine();
jaroslav@851:                 if (l == null) {
jaroslav@851:                     break;
jaroslav@851:                 }
jaroslav@851:                 sb.append(l).append('\n');
jaroslav@851:             } catch (IOException ex) {
jaroslav@851:                 throw new IllegalStateException(ex);
jaroslav@851:             }
jaroslav@851:         }
jaroslav@851:         web().executeScript(sb.toString());
jaroslav@851:         Object ko = web().executeScript("ko");
jaroslav@851:         assert ko != null : "Knockout library successfully defined 'ko'";
jaroslav@851:     }
jaroslav@851:     
jaroslav@851:     
jaroslav@851:     private final Object bindings;
jaroslav@851:     
jaroslav@851:     Knockout(Object bindings) {
jaroslav@851:         this.bindings = bindings;
jaroslav@492:     }
jaroslav@492:     
jaroslav@496:     public static <M> Knockout applyBindings(
jaroslav@492:         Class<M> modelClass, M model, String[] propsGettersAndSetters
jaroslav@492:     ) {
jaroslav@851:         Object bindings = next;
jaroslav@499:         next = null;
jaroslav@499:         if (bindings == null) {
jaroslav@851:             bindings = web().executeScript("new Object()");
jaroslav@499:         }
jaroslav@530:         for (int i = 0; i < propsGettersAndSetters.length; i += 4) {
jaroslav@530:             try {
jaroslav@530:                 Method getter = modelClass.getMethod(propsGettersAndSetters[i + 3]);
jaroslav@530:                 bind(bindings, model, propsGettersAndSetters[i],
jaroslav@530:                     propsGettersAndSetters[i + 1],
jaroslav@530:                     propsGettersAndSetters[i + 2],
jaroslav@530:                     getter.getReturnType().isPrimitive()
jaroslav@530:                 );
jaroslav@530:             } catch (NoSuchMethodException ex) {
jaroslav@532:                 throw new IllegalStateException(ex.getMessage());
jaroslav@530:             }
jaroslav@492:         }
jaroslav@492:         applyBindings(bindings);
jaroslav@851:         return new Knockout(bindings);
jaroslav@496:     }
jaroslav@496: 
jaroslav@496:     @JavaScriptBody(args = { "prop" }, body =
jaroslav@496:         "this[prop].valueHasMutated();"
jaroslav@496:     )
jaroslav@496:     public void valueHasMutated(String prop) {
jaroslav@851:         LOG.log(Level.INFO, "property mutated: {0}", prop);
jaroslav@851:         JSObject koProp = (JSObject) ((JSObject)bindings).getMember(prop);
jaroslav@851:         koProp.call("valueHasMutated");
jaroslav@492:     }
jaroslav@492:     
jaroslav@530: 
jaroslav@530:     @JavaScriptBody(args = { "id", "ev" }, body = "ko.utils.triggerEvent(window.document.getElementById(id), ev.substring(2));")
jaroslav@530:     public static void triggerEvent(String id, String ev) {
jaroslav@530:     }
jaroslav@530:     
jaroslav@530:     @JavaScriptBody(args = { "bindings", "model", "prop", "getter", "setter", "primitive" }, body =
jaroslav@492:           "var bnd = {\n"
jaroslav@492:         + "  read: function() {\n"
jaroslav@492:         + "    var v = model[getter]();\n"
jaroslav@492:         + "    return v;\n"
jaroslav@492:         + "  },\n"
jaroslav@492:         + "  owner: bindings\n"
jaroslav@492:         + "};\n"
jaroslav@492:         + "if (setter != null) {\n"
jaroslav@492:         + "  bnd.write = function(val) {\n"
jaroslav@530:         + "    model[setter](primitive ? new Number(val) : val);\n"
jaroslav@492:         + "  };\n"
jaroslav@492:         + "}\n"
jaroslav@492:         + "bindings[prop] = ko.computed(bnd);"
jaroslav@492:     )
jaroslav@492:     private static void bind(
jaroslav@530:         Object bindings, Object model, String prop, String getter, String setter, boolean primitive
jaroslav@492:     ) {
jaroslav@851:         WebEngine e = web();
jaroslav@851:         JSObject bnd = (JSObject) e.executeScript("var x = {}; x.bnd = "
jaroslav@851:         + "new Function('ko', 'bindings', 'model', 'prop', 'getter', 'setter', 'primitive', '"
jaroslav@851:         + "var bnd = {"
jaroslav@851:         + "  read: function() {"
jaroslav@851:         + "    try {"
jaroslav@851:         + "      return model[getter]();"
jaroslav@851:         + "    } catch (e) {"
jaroslav@851:         + "      alert(\"Cannot call \" + getter + \" on \" + model + \" error: \" + e);"
jaroslav@851:         + "    }"
jaroslav@851:         + "  },"
jaroslav@851:         + "  owner: bindings"
jaroslav@851:         + "};"
jaroslav@851:         + "if (setter != null) {"
jaroslav@851:         + "  bnd.write = function(val) {"
jaroslav@851:         + "    model[setter](primitive ? new Number(val) : val);"
jaroslav@851:         + "  };"
jaroslav@851:         + "};"
jaroslav@851:         + "bindings[prop] = ko.computed(bnd);'"
jaroslav@851:         + "); x;");
jaroslav@851:         
jaroslav@851:         Object ko = e.executeScript("ko");
jaroslav@851:         bnd.call("bnd", ko, bindings, model, prop, strip(getter), strip(setter), primitive);
jaroslav@851:         LOG.log(Level.INFO, "binding defined for {0}: {1}", new Object[]{prop, ((JSObject)bindings).getMember(prop)});
jaroslav@851:     }
jaroslav@851:     
jaroslav@851:     private static String strip(String mangled) {
jaroslav@851:         if (mangled == null) {
jaroslav@851:             return null;
jaroslav@851:         }
jaroslav@851:         int under = mangled.indexOf("__");
jaroslav@851:         return mangled.substring(0, under);
jaroslav@492:     }
jaroslav@492:     
jaroslav@492:     @JavaScriptBody(args = { "bindings" }, body = "ko.applyBindings(bindings);")
jaroslav@851:     private static void applyBindings(Object bindings) {
jaroslav@851:         JSObject ko = (JSObject) web().executeScript("ko");
jaroslav@851:         ko.call("applyBindings", bindings);
jaroslav@851:     }
jaroslav@851:     
jaroslav@851:     private static WebEngine web() {
jaroslav@851:         return (WebEngine) System.getProperties().get("webEngine");
jaroslav@851:     }
jaroslav@851:     
jaroslav@492: }