jaroslav@492: /** jaroslav@492: * Back 2 Browser Bytecode Translator jaroslav@492: * Copyright (C) 2012 Jaroslav Tulach 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@887: import java.util.List; 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 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@909: private final Object model; jaroslav@879: 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@972: jaroslav@972: Console.register(web()); jaroslav@851: } jaroslav@851: jaroslav@851: jaroslav@909: Knockout(Object model) { jaroslav@909: this.model = model == null ? this : model; jaroslav@492: } jaroslav@492: jaroslav@979: public Object koData() { jaroslav@979: return model; jaroslav@979: } jaroslav@979: jaroslav@979: private static final JSObject KObject; jaroslav@979: static { jaroslav@979: KObject = (JSObject) web().executeScript( jaroslav@979: "(function(scope) {" jaroslav@979: + " var kCnt = 0; " jaroslav@979: + " scope.KObject = {};" jaroslav@979: + " scope.KObject.create= function(value) {" jaroslav@979: + " var cnt = ++kCnt;" jaroslav@979: + " var ret = {};" jaroslav@981: + " ret.toString = function() { return 'KObject' + cnt + ' value: ' + value + ' props: ' + Object.keys(this); };" jaroslav@979: + " return ret;" jaroslav@979: + " };" jaroslav@990: jaroslav@987: + " scope.KObject.array= function() {" jaroslav@989: + " return Array.prototype.slice.call(arguments);" jaroslav@987: + " };" jaroslav@990: jaroslav@990: + " scope.KObject.expose = function(bindings, model, prop, sig) {" jaroslav@990: + " bindings[prop] = function(data, ev) {" jaroslav@990: + " console.log(\" callback on prop: \" + prop);" jaroslav@990: + " model[sig](data, ev);" jaroslav@990: + " };" jaroslav@990: + " };" jaroslav@990: jaroslav@979: + "})(window); window.KObject" jaroslav@979: ); jaroslav@979: } jaroslav@979: jaroslav@987: static Object toArray(Object[] arr) { jaroslav@987: return KObject.call("array", arr); jaroslav@987: } jaroslav@987: jaroslav@496: public static Knockout applyBindings( jaroslav@909: Object model, String[] propsGettersAndSetters, jaroslav@909: String[] methodsAndSignatures jaroslav@909: ) { jaroslav@979: Object bindings = KObject.call("create", model); jaroslav@979: applyImpl(propsGettersAndSetters, model.getClass(), bindings, model, methodsAndSignatures); jaroslav@979: return new Knockout(bindings); jaroslav@909: } jaroslav@909: public static Knockout applyBindings( jaroslav@879: Class modelClass, M model, String[] propsGettersAndSetters, jaroslav@879: String[] methodsAndSignatures jaroslav@492: ) { jaroslav@851: Object bindings = next; jaroslav@499: next = null; jaroslav@499: if (bindings == null) { jaroslav@979: bindings = KObject.call("create", model); jaroslav@499: } jaroslav@909: applyImpl(propsGettersAndSetters, modelClass, bindings, model, methodsAndSignatures); jaroslav@492: applyBindings(bindings); jaroslav@851: return new Knockout(bindings); jaroslav@496: } jaroslav@496: jaroslav@909: public void valueHasMutated(String prop) { jaroslav@980: LOG.log(Level.INFO, "property mutated: {0}", prop); jaroslav@973: try { jaroslav@973: JSObject koProp = (JSObject) ((JSObject) model).getMember(prop); jaroslav@973: koProp.call("valueHasMutated"); jaroslav@973: } catch (Throwable t) { jaroslav@980: LOG.log(Level.WARNING, "valueHasMutated failed for {0}", model); jaroslav@973: } 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@887: @JavaScriptBody(args = { "bindings", "model", "prop", "getter", "setter", "primitive", "array" }, body = jaroslav@492: "var bnd = {\n" lubomir@869: + " 'read': function() {\n" jaroslav@492: + " var v = model[getter]();\n" jaroslav@887: + " if (array) v = v.koArray();\n" jaroslav@492: + " return v;\n" jaroslav@492: + " },\n" lubomir@869: + " 'owner': bindings\n" jaroslav@492: + "};\n" jaroslav@492: + "if (setter != null) {\n" lubomir@869: + " bnd['write'] = function(val) {\n" jaroslav@530: + " model[setter](primitive ? new Number(val) : val);\n" jaroslav@492: + " };\n" jaroslav@492: + "}\n" lubomir@869: + "bindings[prop] = ko['computed'](bnd);" jaroslav@492: ) jaroslav@492: private static void bind( jaroslav@887: Object bindings, Object model, String prop, String getter, String setter, boolean primitive, boolean array jaroslav@492: ) { jaroslav@851: WebEngine e = web(); jaroslav@851: JSObject bnd = (JSObject) e.executeScript("var x = {}; x.bnd = " jaroslav@970: + "new Function('ko', 'bindings', 'model', 'prop', 'getter', 'setter', 'primitive', 'array', '" jaroslav@851: + "var bnd = {" jaroslav@851: + " read: function() {" jaroslav@851: + " try {" jaroslav@970: + " var v = model[getter]();" jaroslav@979: + " console.log(\" getter value \" + v + \" for property \" + prop);" jaroslav@979: + " try { v = v.koData(); } catch (ignore) {" jaroslav@979: + " console.log(\"Cannot convert to koData: \" + ignore);" jaroslav@979: + " };" jaroslav@979: + " console.log(\" getter ret value \" + v);" jaroslav@979: + " for (var pn in v) {" jaroslav@979: + " console.log(\" prop: \" + pn + \" + in + \" + v + \" = \" + v[pn]);" jaroslav@979: + " if (typeof v[pn] == \"function\") console.log(\" its function value:\" + v[pn]());" jaroslav@979: + " }" jaroslav@979: + " console.log(\" all props printed for \" + (typeof v));" jaroslav@970: + " return v;" jaroslav@851: + " } catch (e) {" jaroslav@851: + " alert(\"Cannot call \" + getter + \" on \" + model + \" error: \" + e);" jaroslav@851: + " }" jaroslav@851: + " }," jaroslav@979: + " owner: bindings," jaroslav@979: + " deferEvaluation: true" 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@973: try { jaroslav@975: KOProperty kop = new KOProperty(model, strip(getter), strip(setter)); jaroslav@975: bnd.call("bnd", ko, bindings, kop, prop, "get", "set", primitive, array); jaroslav@990: jaroslav@990: ((JSObject)bindings).setMember("koModel", model); jaroslav@979: LOG.log(Level.INFO, "binding defined for {0}: {1}", new Object[]{prop, ((JSObject)bindings).getMember(prop)}); jaroslav@973: } catch (Throwable ex) { jaroslav@979: LOG.log(Level.INFO, "binding failed for {0} on {1}", new Object[]{prop, bindings}); jaroslav@973: } jaroslav@492: } 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@532: } jaroslav@879: @JavaScriptBody(args = { "bindings", "model", "prop", "sig" }, body = jaroslav@879: "bindings[prop] = function(data, ev) { model[sig](data, ev); };" jaroslav@879: ) jaroslav@879: private static void expose( jaroslav@879: Object bindings, Object model, String prop, String sig jaroslav@879: ) { jaroslav@990: try { jaroslav@990: KOFunction f = new KOFunction(model, strip(sig)); jaroslav@990: KObject.call("expose", bindings, f, prop, "call"); jaroslav@990: } catch (Throwable ex) { jaroslav@990: LOG.log(Level.SEVERE, "Cannot define binding for " + prop + " in model " + model, ex); jaroslav@990: } jaroslav@879: } 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@909: jaroslav@909: private static void applyImpl( jaroslav@909: String[] propsGettersAndSetters, jaroslav@909: Class modelClass, jaroslav@909: Object bindings, jaroslav@909: Object model, jaroslav@909: String[] methodsAndSignatures jaroslav@909: ) throws IllegalStateException, SecurityException { jaroslav@909: for (int i = 0; i < propsGettersAndSetters.length; i += 4) { jaroslav@909: try { jaroslav@909: Method getter = modelClass.getMethod(propsGettersAndSetters[i + 3]); jaroslav@909: bind(bindings, model, propsGettersAndSetters[i], jaroslav@909: propsGettersAndSetters[i + 1], jaroslav@909: propsGettersAndSetters[i + 2], jaroslav@909: getter.getReturnType().isPrimitive(), jaroslav@909: List.class.isAssignableFrom(getter.getReturnType())); jaroslav@909: } catch (NoSuchMethodException ex) { jaroslav@909: throw new IllegalStateException(ex.getMessage()); jaroslav@909: } jaroslav@909: } jaroslav@909: for (int i = 0; i < methodsAndSignatures.length; i += 2) { jaroslav@909: expose( jaroslav@909: bindings, model, methodsAndSignatures[i], methodsAndSignatures[i + 1]); jaroslav@909: } jaroslav@909: } jaroslav@492: }