2 * Back 2 Browser Bytecode Translator
3 * Copyright (C) 2012 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
5 * This program is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License as published by
7 * the Free Software Foundation, version 2 of the License.
9 * This program is distributed in the hope that it will be useful,
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12 * GNU General Public License for more details.
14 * You should have received a copy of the GNU General Public License
15 * along with this program. Look for COPYING file in the top folder.
16 * If not, see http://opensource.org/licenses/GPL-2.0.
18 package org.apidesign.bck2brwsr.htmlpage;
20 import java.io.BufferedReader;
21 import java.io.IOException;
22 import java.io.InputStreamReader;
23 import java.lang.reflect.Method;
24 import java.util.List;
25 import java.util.logging.Level;
26 import java.util.logging.Logger;
27 import javafx.scene.web.WebEngine;
28 import netscape.javascript.JSObject;
29 import org.apidesign.bck2brwsr.core.ExtraJavaScript;
30 import org.apidesign.bck2brwsr.core.JavaScriptBody;
32 /** Provides binding between models and
34 * @author Jaroslav Tulach <jtulach@netbeans.org>
36 @ExtraJavaScript(resource = "/org/apidesign/bck2brwsr/htmlpage/knockout-2.2.1.js")
37 public class Knockout {
38 private static final Logger LOG = Logger.getLogger(Knockout.class.getName());
41 private final Object model;
44 BufferedReader r = new BufferedReader(new InputStreamReader(Knockout.class.getResourceAsStream("knockout-2.2.1.js")));
45 StringBuilder sb = new StringBuilder();
48 String l = r.readLine();
52 sb.append(l).append('\n');
53 } catch (IOException ex) {
54 throw new IllegalStateException(ex);
57 web().executeScript(sb.toString());
58 Object ko = web().executeScript("ko");
59 assert ko != null : "Knockout library successfully defined 'ko'";
61 Console.register(web());
65 Knockout(Object model) {
66 this.model = model == null ? this : model;
69 public Object koData() {
73 private static final JSObject KObject;
75 KObject = (JSObject) web().executeScript(
78 + " scope.KObject = {};"
79 + " scope.KObject.create= function(value) {"
80 + " var cnt = ++kCnt;"
82 + " ret.toString = function() { return 'KObject' + cnt + ' value: ' + value + ' props: ' + Object.keys(this); };"
86 + " scope.KObject.array= function() {"
87 + " return Array.prototype.slice.call(arguments);"
90 + " scope.KObject.expose = function(bindings, model, prop, sig) {"
91 + " bindings[prop] = function(data, ev) {"
92 // + " console.log(\" callback on prop: \" + prop);"
93 + " model[sig](data, ev);"
97 + "})(window); window.KObject"
101 static Object toArray(Object[] arr) {
102 return KObject.call("array", arr);
105 public static <M> Knockout applyBindings(
106 Object model, String[] propsGettersAndSetters,
107 String[] methodsAndSignatures
109 Object bindings = KObject.call("create", model);
110 applyImpl(propsGettersAndSetters, model.getClass(), bindings, model, methodsAndSignatures);
111 return new Knockout(bindings);
113 public static <M> Knockout applyBindings(
114 Class<M> modelClass, M model, String[] propsGettersAndSetters,
115 String[] methodsAndSignatures
117 Object bindings = next;
119 if (bindings == null) {
120 bindings = KObject.call("create", model);
122 applyImpl(propsGettersAndSetters, modelClass, bindings, model, methodsAndSignatures);
123 applyBindings(bindings);
124 return new Knockout(bindings);
127 public void valueHasMutated(String prop) {
128 LOG.log(Level.FINE, "property mutated: {0}", prop);
130 JSObject koProp = (JSObject) ((JSObject) model).getMember(prop);
131 koProp.call("valueHasMutated");
132 } catch (Throwable t) {
133 LOG.log(Level.WARNING, "valueHasMutated failed for {0}", model);
138 @JavaScriptBody(args = { "id", "ev" }, body = "ko.utils.triggerEvent(window.document.getElementById(id), ev.substring(2));")
139 public static void triggerEvent(String id, String ev) {
142 @JavaScriptBody(args = { "bindings", "model", "prop", "getter", "setter", "primitive", "array" }, body =
144 + " 'read': function() {\n"
145 + " var v = model[getter]();\n"
146 + " if (array) v = v.koArray();\n"
149 + " 'owner': bindings\n"
151 + "if (setter != null) {\n"
152 + " bnd['write'] = function(val) {\n"
153 + " model[setter](primitive ? new Number(val) : val);\n"
156 + "bindings[prop] = ko['computed'](bnd);"
158 private static void bind(
159 Object bindings, Object model, String prop, String getter, String setter, boolean primitive, boolean array
162 JSObject bnd = (JSObject) e.executeScript("var x = {}; x.bnd = "
163 + "new Function('ko', 'bindings', 'model', 'prop', 'getter', 'setter', 'primitive', 'array', '"
165 + " read: function() {"
167 + " var v = model[getter]();"
168 // + " console.log(\" getter value \" + v + \" for property \" + prop);"
169 + " try { v = v.koData(); } catch (ignore) {"
170 // + " console.log(\"Cannot convert to koData: \" + ignore);"
172 // + " console.log(\" getter ret value \" + v);"
173 // + " for (var pn in v) {"
174 // + " console.log(\" prop: \" + pn + \" + in + \" + v + \" = \" + v[pn]);"
175 // + " if (typeof v[pn] == \"function\") console.log(\" its function value:\" + v[pn]());"
177 // + " console.log(\" all props printed for \" + (typeof v));"
180 + " alert(\"Cannot call \" + getter + \" on \" + model + \" error: \" + e);"
183 + " owner: bindings,"
184 + " deferEvaluation: true"
186 + "if (setter != null) {"
187 + " bnd.write = function(val) {"
188 + " model[setter](primitive ? new Number(val) : val);"
191 + "bindings[prop] = ko.computed(bnd);'"
194 Object ko = e.executeScript("ko");
196 KOProperty kop = new KOProperty(model, strip(getter), strip(setter));
197 bnd.call("bnd", ko, bindings, kop, prop, "get", "set", primitive, array);
199 ((JSObject)bindings).setMember("koModel", model);
200 LOG.log(Level.FINE, "binding defined for {0}: {1}", new Object[]{prop, ((JSObject)bindings).getMember(prop)});
201 } catch (Throwable ex) {
202 LOG.log(Level.WARNING, "binding failed for {0} on {1}", new Object[]{prop, bindings});
206 private static String strip(String mangled) {
207 if (mangled == null) {
210 int under = mangled.indexOf("__");
211 return mangled.substring(0, under);
213 @JavaScriptBody(args = { "bindings", "model", "prop", "sig" }, body =
214 "bindings[prop] = function(data, ev) { model[sig](data, ev); };"
216 private static void expose(
217 Object bindings, Object model, String prop, String sig
220 KOFunction f = new KOFunction(model, strip(sig));
221 KObject.call("expose", bindings, f, prop, "call");
222 } catch (Throwable ex) {
223 LOG.log(Level.SEVERE, "Cannot define binding for " + prop + " in model " + model, ex);
227 @JavaScriptBody(args = { "bindings" }, body = "ko.applyBindings(bindings);")
228 private static void applyBindings(Object bindings) {
229 JSObject ko = (JSObject) web().executeScript("ko");
230 ko.call("applyBindings", bindings);
233 private static WebEngine web() {
234 return (WebEngine) System.getProperties().get("webEngine");
238 private static void applyImpl(
239 String[] propsGettersAndSetters,
243 String[] methodsAndSignatures
244 ) throws IllegalStateException, SecurityException {
245 for (int i = 0; i < propsGettersAndSetters.length; i += 4) {
247 Method getter = modelClass.getMethod(propsGettersAndSetters[i + 3]);
248 bind(bindings, model, propsGettersAndSetters[i],
249 propsGettersAndSetters[i + 1],
250 propsGettersAndSetters[i + 2],
251 getter.getReturnType().isPrimitive(),
252 List.class.isAssignableFrom(getter.getReturnType()));
253 } catch (NoSuchMethodException ex) {
254 throw new IllegalStateException(ex.getMessage());
257 for (int i = 0; i < methodsAndSignatures.length; i += 2) {
259 bindings, model, methodsAndSignatures[i], methodsAndSignatures[i + 1]);