git.iko.soy/elk
on e53ebfc help sign in
elk/libraries/Native/Utils.js
224 lines 7.2 kB history raw
1Elm.Native.Utils = {};
2Elm.Native.Utils.make = function(elm) {
4 elm.Native = elm.Native || {};
5 elm.Native.Utils = elm.Native.Utils || {};
6 if (elm.Native.Utils.values) return elm.Native.Utils.values;
8 function eq(x,y) {
9 if (x === y) return true;
10 if (typeof x === "object") {
11 var c = 0;
12 for (var i in x) { ++c; if (!eq(x[i],y[i])) return false; }
13 return c === Object.keys(y).length;
14 }
15 if (typeof x === 'function') {
16 throw new Error('Equality error: general function equality is ' +
17 'undecidable, and therefore, unsupported');
18 }
19 return x === y;
20 }
22 // code in Generate/JavaScript.hs depends on the particular
23 // integer values assigned to LT, EQ, and GT
24 var LT = -1, EQ = 0, GT = 1, ord = ['LT','EQ','GT'];
25 function compare(x,y) { return { ctor: ord[cmp(x,y)+1] } }
26 function cmp(x,y) {
27 var ord;
28 if (typeof x !== 'object' || x instanceof String){
29 return x === y ? EQ : x < y ? LT : GT;
30 }
32 if (x.ctor === "::" || x.ctor === "[]") {
33 while (true) {
34 if (x.ctor === "[]" && y.ctor === "[]") return EQ;
35 if (x.ctor !== y.ctor) return x.ctor === '[]' ? LT : GT;
36 ord = cmp(x._0, y._0);
37 if (ord !== EQ) return ord;
38 x = x._1;
39 y = y._1;
40 }
41 }
43 if (x.ctor.slice(0,6) === '_Tuple') {
44 var n = x.ctor.slice(6) - 0;
45 var err = 'cannot compare tuples with more than 6 elements.';
46 if (n === 0) return EQ;
47 if (n >= 1) { ord = cmp(x._0, y._0); if (ord !== EQ) return ord;
48 if (n >= 2) { ord = cmp(x._1, y._1); if (ord !== EQ) return ord;
49 if (n >= 3) { ord = cmp(x._2, y._2); if (ord !== EQ) return ord;
50 if (n >= 4) { ord = cmp(x._3, y._3); if (ord !== EQ) return ord;
51 if (n >= 5) { ord = cmp(x._4, y._4); if (ord !== EQ) return ord;
52 if (n >= 6) { ord = cmp(x._5, y._5); if (ord !== EQ) return ord;
53 if (n >= 7) throw new Error('Comparison error: ' + err); } } } } } }
54 return EQ;
55 }
56 throw new Error('Comparison error: comparison is only defined on ints, ' +
57 'floats, times, chars, strings, lists of comparable values, ' +
58 'and tuples of comparable values.')
59 }
62 var Tuple0 = { ctor: "_Tuple0" };
63 function Tuple2(x,y) { return { ctor:"_Tuple2", _0:x, _1:y } }
65 function chr(c) {
66 var x = new String(c);
67 x.isChar = true;
68 return x;
69 }
71 function txt(str) {
72 var t = new String(str);
73 t.text = true;
74 return t;
75 }
77 function makeText(text) {
78 var style = '';
79 var href = '';
80 while (true) {
81 if (text.style) {
82 style += text.style;
83 text = text.text;
84 continue;
85 }
86 if (text.href) {
87 href = text.href;
88 text = text.text;
89 continue;
90 }
91 if (href) text = '<a href="' + href + '">' + text + '</a>';
92 if (style) text = '<span style="' + style + '">' + text + '</span>';
93 return text;
94 }
95 }
97 var count = 0;
98 function guid(_) { return count++ }
100 function copy(r) {
101 var o = {};
102 for (var i in r) { o[i] = r[i]; }
103 return o;
104 }
106 function remove(x,r) {
107 var o = copy(r);
108 if (x in o._) {
109 o[x] = o._[x][0];
110 o._[x] = o._[x].slice(1);
111 if (o._[x].length === 0) { delete o._[x]; }
112 } else {
113 delete o[x];
114 }
115 return o;
116 }
118 function replace(kvs,r) {
119 var o = copy(r);
120 for (var i = kvs.length; i--; ) {
121 var kvsi = kvs[i];
122 o[kvsi[0]] = kvsi[1];
123 }
124 return o;
125 }
127 function insert(x,v,r) {
128 var o = copy(r);
129 if (x in o) o._[x] = [o[x]].concat(x in o._ ? o._[x].slice(0) : []);
130 o[x] = v;
131 return o;
132 }
134 function max(a,b) { return a > b ? a : b }
135 function min(a,b) { return a < b ? a : b }
137 function mod(a,b) {
138 if (b === 0) {
139 throw new Error("Cannot perform mod 0. Division by zero error.");
140 }
141 var r = a % b;
142 var m = a === 0 ? 0 : (b > 0 ? (a >= 0 ? r : r+b) : -mod(-a,-b));
144 return m === b ? 0 : m;
145 }
147 function htmlHeight(width, rawHtml) {
148 // create dummy node
149 var html = rawHtml.html;
150 var t = document.createElement('div');
151 t.innerHTML = html;
152 if (width > 0) { t.style.width = width + "px"; }
153 t.style.visibility = "hidden";
154 t.style.styleFloat = "left";
155 t.style.cssFloat = "left";
157 document.body.appendChild(t);
159 // insert interpolated values
160 var args = rawHtml.args;
161 var guid = rawHtml.guid;
162 for (var i = args.length; i--; ) {
163 var arg = args[i];
164 var span = document.getElementById('md-' + guid + '-' + i);
165 if (arg.isElement) {
166 span.style.width = arg.props.width + 'px';
167 span.style.height = arg.props.height + 'px';
168 } else {
169 span.innerHTML = arg;
170 }
171 }
173 // get dimensions
174 var style = window.getComputedStyle(t, null);
175 var w = Math.ceil(style.getPropertyValue("width").slice(0,-2) - 0);
176 var h = Math.ceil(style.getPropertyValue("height").slice(0,-2) - 0);
177 document.body.removeChild(t);
178 return Tuple2(w,h);
179 }
181 function getXY(e) {
182 var posx = 0;
183 var posy = 0;
184 if (e.pageX || e.pageY) {
185 posx = e.pageX;
186 posy = e.pageY;
187 } else if (e.clientX || e.clientY) {
188 posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
189 posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
190 }
192 if (elm.display === ElmRuntime.Display.COMPONENT) {
193 var rect = elm.node.getBoundingClientRect();
194 var relx = rect.left + document.body.scrollLeft + document.documentElement.scrollLeft;
195 var rely = rect.top + document.body.scrollTop + document.documentElement.scrollTop;
196 // TODO: figure out if there is a way to avoid rounding here
197 posx = posx - Math.round(relx) - elm.node.clientLeft;
198 posy = posy - Math.round(rely) - elm.node.clientTop;
199 }
200 return Tuple2(posx, posy);
201 }
203 return elm.Native.Utils.values = {
204 eq:eq,
205 cmp:cmp,
206 compare:F2(compare),
207 Tuple0:Tuple0,
208 Tuple2:Tuple2,
209 chr:chr,
210 txt:txt,
211 makeText:makeText,
212 copy: copy,
213 remove: remove,
214 replace: replace,
215 insert: insert,
216 guid: guid,
217 max : F2(max),
218 min : F2(min),
219 mod : F2(mod),
220 htmlHeight: F2(htmlHeight),
221 getXY: getXY,
222 toFloat: function(x) { return +x; }
223 };
224};