-
Notifications
You must be signed in to change notification settings - Fork 0
/
faux.js
1469 lines (1327 loc) · 58.2 KB
/
faux.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
;(function ($, undefined) {
window.Faux || (window.Faux = {});
window.Faux.Controller = (function () {
var default_step_names = [
// Inspects the element associated with a handler and infers parameters from it.
'get_params',
// Performs an action, and as a side-effect initializes the `data` parameter for all subsequent
// steps to contains ome sort of action result.
//
// Roughly speaking, Faux handlers either primarily dispolay something or primarily perfom
// an action that changes the applicatrion's state. Those that primarily display things usually
// perform some sort of query during their `fetch_data` step, such as sending a `GET`
// request to a server and putting the result inhto `data. Those that primarily perfom an
// action usually `POST` a resource to a server and place the result into `data`.
//
// Besides defining `fetch_data` directly, you can use one of the short-cut methods
// `gets`, `posts`, `puts`, or `deletes` to write this step.
'fetch_data',
// Transforms or "maps" the data from one form to another. Useful when a server
// provides data in an idiosyncratic or inconvenient form. For example, if a server
// is returning a list of models as an array, you can use `transform` as a convenient
// place to transform `data.model_list` from `[model_1, model_2, ... model_n]` to
// `{ models: [model_1, model_2, ... model_n] }`, which would make it easier to integrate
// with Backbone.js
'transform',
// Displays something by manipulating the page's DOM. You can write your own function to do
// anything you want, but in practice this step usually renders the `data` as locals in a
// partial.
//
// If you are using Backbone, this step can also be used to instantiate a Backbone view and
// then tell the view to `.render()` itself.
'display',
// Tells the browser to change the location, invoking another action. The default behaviour
// uses Sammy's `HashLocationProxy` to change the hash (and thus the location for the purposes
// of bookmarking and the back button), however Sammy can be configured to use a different
// proxy, in which case a different handler will be invoked but the browser's location will
// not change.
//
// Typically, a handler either displays or redirects but not both. For that reason, there are
// two different convenience methods for declaring a handler: `.display(...)` declares a
// handler that by default displays a partial and does not perform a redirection, and
// `.action(...)` declares a handler that by default does not display anything but does
// perform a redirection.
'redirect'
//
];
// So-called "Macros"
// ---
//
// The following 'macros' write handler steps for you. Each one is a single
// config property and a function that takes a handler and the value of that config property.
// if you supply a value for that property, the 'macro' function will be invoked
// and is expected to perturb the handler as a side-effect.
//
// Naturally, you can write your own macros. You can define them across your application:
//
// $.sammy('.body', function() {
// this.use(Faux('MyApp', {
// macros: {
// part_number: function (handler, num) { ... }
// },
// ...
// }));
// });
//
// And thereafter, use them in your declarations:
//
// Faux.MyApp
// .action(
// route: '/increase_inventory',
// part_number: 42,
// );
//
// The macros listed here are the defaults built into Faux.
//
// p.s. Yes, 'macro' is an improper term. The longer and more precise expression
// is 'a function-writing-function', which is a kind of Higher Order Function ("HOF").
var default_macros = {
// **Display**
//
// The `partial` macro writes a `display` step that uses a tenplate of
// some type (e.g. Haml) to display the `data`.
partial: function (handler, partial_value) {
if (partial_value) {
window.Faux.Controller.partial_cache || (window.Faux.Controller.partial_cache = {});
var partial_cache = window.Faux.Controller.partial_cache;
/* TODO; Meld into options */
if (partial_value && handler.config.partial_suffix && !partial_value.match(/\.[^\/]+$/)) {
partial_value = partial_value + handler.config.partial_suffix;
}
else window.console && console.log('config:',handler.config,' for '+partial_value);
/* window.console && console.log('pre-fetching ' + partial_value); */
/* TODO: options */
if (handler.config.prefetch_partials) {
$.ajax({
url: partial_value,
cache: false,
dataType: 'text',
success: function (template, textStatus, XMLHttpRequest) {
partial_cache[partial_value] = Haml(template);
}
});
}
handler.step_functions.display = _compose(handler.step_functions.display, function (data, roweis, callback) {
if (partial_cache[partial_value]) {
callback(data, roweis);
}
else {
/* window.console && console.log(handler.config.name + ' is fetching ' + partial_value + ' on the fly for data',data,'and roweis',roweis); */
$.ajax({
url: partial_value,
cache: false,
dataType: 'text',
success: function (template, textStatus, XMLHttpRequest) {
partial_cache[partial_value] = Haml(template);
callback(data, roweis);
}
});
}
});
handler.step_functions.display = _compose(handler.step_functions.display, function (data, roweis, callback) {
/*
if (roweis && roweis.view) {
window.console && console.log('data for view',roweis.view,'using template '+partial_value, data, 'with roweis', roweis);
}
else {
window.console && console.log('data for raw template '+partial_value, data, 'with roweis', roweis);
}
*/
var content = (roweis && roweis.view) ? partial_cache[partial_value].call(roweis.view, data) : partial_cache[partial_value](data);
/* window.console && console.log(handler.config.name + ' is rendering ',data,' with fetched ' + partial_value); */
if (handler.config.renders) {
/* window.console && console.log('rendering '+handler.config.updates+' for ' + handler.config.name); */
roweis.renders || (roweis.renders = $(handler.config.renders));
}
else if (handler.config.updates) {
/* window.console && console.log('updating '+handler.config.updates+' for ' + handler.config.name); */
roweis.renders || (roweis.renders = $(handler.config.updates));
}
else roweis.renders || (roweis.renders = handler.controller.$element());
$(roweis.renders)
.ergo(function (el) {
el
.empty()
.append(content)
;
handler.controller.trigger('after_display', data, roweis);
});
callback(data, roweis);
});
}
return handler;
},
// A simple macro for setting the title of the browser window
// when rendering the view. Only works for handlers that have a route!
title: function (handler, title_value) {
if (handler.config.route) {
var title_fn;
if ('function' === typeof(title_value)) {
title_fn = title_value;
}
else if ('function' === title_value.toFunction) {
title_fn = title_value.toFunction();
}
else if (_.isString(title_value)) {
title_fn = function () {
return title_value;
};
}
handler.step_functions.display = _compose(handler.step_functions.display,
function (data) {
var new_title = title_fn(data);
if (_.isString(new_title)) {
document.title = new_title;
}
}
);
}
return handler;
},
// A simple macro for defining a redirection instead of a partial
redirects_to: function (handler, redirection_value) {
handler.step_functions.redirect = _compose(handler.step_functions.redirect,
function (data, roweis, callback) {
var redirect;
if (_.isString(redirection_value) && redirection_value.match(/^\//)) {
redirect = redirection_value;
}
else if (_.isString(redirection_value) && redirection_value.match(/^#\//)) {
redirect = redirection_value.substring(1);
}
else if (_.isFunction(redirection_value)) {
try {
redirect = redirection_value.call(handler, data);
}
catch (err) {
window.console && console.log(err, " attempting to redirect via ", redirection_value);
}
}
if (redirect) {
var interpolations = _(redirect.match(/[*:][a-zA-Z_]\w*/g) || []).map(function (i) {
return i.substring(1);
});
var in_params = data || {};
var out_params = _(interpolations).foldl(function (acc, param) {
in_params[param] && (acc[param] = in_params[param]);
return acc;
}, {});
handler.controller.setInterpolatedLocation(redirect,out_params);
}
callback(data, roweis);
}
);
},
// Sets the current location hash to this handler's route, useful for
// cases where one handler delegates to another and you want the appearance
// of a redirect, or when you want to call a handler as a function.
//
// Special rule: 'true' means use the handler's interpolated route.
// The implication is that if you declare a handler using _display and
// give it a route, you can redirect to that faux page simply by calling
// the handler (with optional parameters, of course).
location: function (handler, location_value) {
if (location_value) {
handler.step_functions.redirect = _compose(handler.step_functions.redirect, function (data) {
var new_location;
if (_.isString(location_value)) {
new_location = _internal_interpolate(location_value, data);
}
else if (true === location_value && handler.config.route) {
new_location = _internal_interpolate(handler.config.route, data);
}
if (new_location) {
handler.controller.saveLocation(new_location);
/* window.console && console.log('saved location of '+new_location+' given '+handler.config.route); */
}
});
}
},
// **"Unobtrusive" Handlers**
//
// Many handlers are associated with a route. Some are associated with a DOM
// selector: They are invoked if an element matching their selector is put into
// the DOM by another display.
//
// The handlers are called *unobtrusive handlers*, and there are three key config
// parameters that control them:
//
// First, a selector must be provided with `renders`, such as `renders:
// '.customers.list'`. This selector is applied against the DOM, if any elements
// match, the unobtrusive handler is triggered. Whatever it displays through
// its partial will replace the contents of the selected element. `renders` is
// not a macro.
//
// Second, the typical style is to configure them with
// `route: false` to make sure that they cannot be invoked from setting the
// location hash. `route` isn't a macro either.
//
// Third, there is a very limited facility for parameterizing an unobtrusive
// handler by extracting parameters from the element's `id` and/or CSS classes,
// using the `infers` macro. `infers` writes a handler step that examines the
// `id` and `class` attributes of the handlers `$element()` to infer parameters.
//
// Nota Bene: `MATCHER.lastIndex` needs to be explicitly set because IE will maintain the index unless NULL is returned,
// which means that with two consecutive routes that contain params, the second set
// of params will not be found and end up in splat instead of params. Explanation
// [here](https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/RegExp/lastIndex).
infers: function (handler, value) {
if (value) {
var MATCHER = /:([\w\d]+)/g;
var REPLACER = "(.+)";
var inferences = _.map(_.isArray(value) ? value : [value], function (inf) {
return inf.replace('.','\\.')
});
var inferer = _.foldl(inferences,
function (fn, inference) {
MATCHER.lastIndex = 0;
var param_names = [];
while ((inference_match = MATCHER.exec(inference)) !== null) {
param_names.push(inference_match[1]);
}
var inference_regexp = new RegExp("^" + inference.replace(MATCHER, REPLACER) + "$");
return function (attr) {
var bindings = fn(attr);
if ((attr_match = inference_regexp.exec(attr)) !== null) {
attr_match.shift();
_.each(attr_match, function (value, index) {
var name = param_names[index];
bindings[name] = value;
});
}
return bindings;
};
},
function (attr) { return {}; }
);
handler.step_functions.get_params = _compose(handler.step_functions.get_params,
function (data, roweis) {
var el = (roweis && roweis.renders) || handler.controller.$element();
var attrs = _.map(el.attr('class').split(' '), function (str) { return '.' + str; });
if (!!el.attr('id')) {
attrs.push( '#' + el.attr('id') );
}
var inferred_bindings = _.foldl(attrs,
function (bindings, attr) {
return $.extend(bindings, inferer(attr));
},
{}
);
$.extend(true, data, inferred_bindings);
}
);
return handler;
}
},
clazz: function (handler, clazz_provided) {
if (clazz_provided) {
var clazz;
if (is_view_clazz(handler.config.clazz)) {
clazz = handler.config.clazz;
}
else if (handler.config.clazz) {
clazz = Backbone.View.extend(handler.config.clazz); // define extensions on the fly
}
else clazz = Backbone.View;
// this is what Faux would do if there was no backbone view involved
var old_declared_roweis_render_fn = handler.step_functions.display || function (data, roweis) {};
// now write a new function
handler.step_functions.display = function (data, outer_roweis) {
/* window.console && console.log('data',data,'roweis',outer_roweis); */
// that initializes the parameters for the backbone view
var view_constructor_parameters = view_initialization(data, outer_roweis);
// and extracts locals for rendering
var locals = data.model || data;
var extension = {
roweis: {
/*TODO: Implement `before_render` and `after_render`*/
render: function (view, optional_callback) {
var inner_roweis = $.extend({}, outer_roweis, {
view: view,
renders: view.el
});
/* window.console && console.log('locals',locals,'roweis',inner_roweis); */
old_declared_roweis_render_fn(locals, inner_roweis, optional_callback || (function () {}));
return this;
}
}
};
if (!declares_a_render_method(clazz)) {
var fns = (handler.config.before_render || [])
.concat(
declares_a_before_render_method(clazz) ? [clazz.prototype.before_render] : []
)
.concat([
function (optional_callback) {
this.roweis.render(this, optional_callback);
}
])
.concat(
declares_an_after_render_method(clazz) ? [clazz.prototype.after_render] : []
)
.concat(
handler.config.after_render || []
);
extension.render = _(fns).foldr(function (callback, fn) {
var callbackable = callbackable_without_args(fn);
return function () {
var view = this;
callbackable.call(this, function () { callback.call(view); }); };
}, function () {});
}
// and that extends the view clazz
var extended_view_clazz = clazz.extend(extension);
// now create an instance of the view
var view_instance = new extended_view_clazz(view_constructor_parameters);
// and tell it to render itself
view_instance.render();
};
}
function callbackable_without_args (fn) {
return fn.length === 1 ? fn : function (callback) { fn.call(this); callback.call(this); };
}
function is_view_clazz (clazz) {
return clazz && clazz.prototype && clazz.prototype.initialize;
}
function declares_a_render_method (view_clazz) {
return (view_clazz.prototype.render !== Backbone.View.prototype.render);
};
function declares_a_before_render_method (view_clazz) {
return !!view_clazz.prototype.before_render;
};
function declares_an_after_render_method (view_clazz) {
return !!view_clazz.prototype.after_render;
};
// The parameters for the view constructor are limited to `model` if
// you supply a model or model function, and `el`, which is inferred
// from Faux.
function view_initialization (data, roweis) {
var options = $.extend({}, data);
delete options.roweis; /* probably deprecated!!! */
// compute the element
if (_.isUndefined(options.el)) {
if (roweis && roweis.renders) {
options.el = $(roweis.renders);
}
else options.el = handler.controller.$element();
}
else window.console && console.log(handler.config.name+' defines options.el');
/* window.console && console.log('options for model initialization', options, 'and original data',data); */
return options;
};
}
}
// This code writes one macro for each verb. Thus, when you write something like
// `posts: '/fu/bar'`, Faux turns this into a function that does and AJAX `POST`
// during the `fetch_data` step.
_.each(_verb_inflections(), function (verb) {
default_macros[verb] = function (handler, value) {
var fetch_data_fn = function (path, destination, data, roweis, callback) {
var server_route = _internal_interpolate(path, data);
var host_partial_path = server_route.match(/^\//) ? server_route : '/' + server_route;
var full_url = handler.controller.roweis.host + host_partial_path;
var actuals = $.extend({}, data);
delete actuals.roweis;
var ap = _hash(actuals);
/* window.console && console.log(handler.config.name + ' is ajaxing ' + full_url + ' with:', ap); */
var request_object = {
error: function(xhr, textStatus, errorThrown) {
window.console && console.log('Error from '+full_url+":", xhr);
var propagate = true;
var code = xhr.status;
var responseObj;
try {
responseObj = (xhr.responseText ? JSON.parse(xhr.responseText) : {});
}
catch (error) {
responseObj = (xhr.responseText ? { responseText: xhr.responseText }: {});
}
var error_params = {
params: ap,
code: code,
handler: handler,
data: data,
xhr: xhr,
response: responseObj,
textStatus: textStatus,
errorThrown: errorThrown,
stopPropagation: function () { propagate = false; },
};
if (handler.error_handlers[code]) {
window.console && console.log('handling ' + code + ' in the handler');
handler.error_handlers[code](error_params);
}
if (propagate && handler.controller.roweis.handlers[code]) {
window.console && console.log('handling ' + code + ' in the controller');
handler.controller.roweis.handlers[code](data);
}
},
url: full_url,
type: _present_tense(verb),
cache: false,
etc: {
handler: handler
},
data: ap,
success: function (data_from_server, textStatus, xhr) {
data || (data = {});
data[destination] = data_from_server;
callback(data, roweis);
}
};
$.ajax(request_object);
};
if (typeof(value) === 'string') {
handler.step_functions.fetch_data = _compose(handler.step_functions.fetch_data,
function (data, roweis, callback) {
fetch_data_fn(value, 'server_data', data, roweis, callback);
}
);
}
else if (typeof(value) === 'object') {
handler.step_functions.fetch_data = _.foldl(_.keys(value),
function (old_action, destination) {
return _compose(old_action, function (data, roweis, callback) {
fetch_data_fn(value[destination], destination, data, roweis, callback);
});
},
handler.step_functions.fetch_data
);
}
}
});
// Defining a New Handler
// ---
// The generic function for defining a new handler from a configuration.
//
// This function is called by certain convenience methods we will add
// to Sammy's application object.
var _define_handler = function (controller, config) {
// **Construct the handler object**
//
// We are going to build a handler function and decorate it with a metric
// fuckload of attributes. Those might come in handy for adavcend instrocpection
// after the fact, and we have a pipe dream that handlers will be rewritten one day.
// but, one thing at a time.
//
// The extra attributes are namespaced under `roweis`, just in case
// we define something that clashes with some other property associated with functions.
// The most interesting attribute is `fn`, which is the function that actually does the
// handling of the function.
var handler = $.extend(
function (data, roweis) {
return handler.roweis.fn(data, roweis);
},
{
roweis: {
fn: _noop(),
controller: controller,
config: config,
step_names: controller.roweis.step_names,
step_functions: {},
error_handlers: {}
}
}
);
// **Extract ajax error handlers**
for (var code in config) {
if (config.hasOwnProperty(code) && !isNaN(code)) {
handler.roweis.error_handlers[code] = config[code];
}
}
// **Handler steps**
//
// By default, the handler has the same steps as the controller, which has the default steps.
// They can be overridden at any level, including within a scope.
if (config.step_names) {
handler.roweis.step_names = config.step_names;
}
// Copy the named steps from the config to the handler
_.each(handler.roweis.step_names, function (step_name) {
if (!_.isUndefined(config[step_name])) {
handler.roweis.step_functions[step_name] = _compose(handler.roweis.step_functions[step_name], config[step_name]);
}
});
// **"Macro" Expansion**
//
// As described above, each "macro" is a property and a function
// that takes the handler and value of the property as parameters.
//
// It is expected to perturb the handler appropriately. This is where
// most of the handler's action steps get written. Some of them are going to
// be composed with steps written in config.
var macros_to_expand = $.extend({}, controller.roweis.default_macros, controller.roweis.macros || {}, config.macros || {});
_.each(_.keys(macros_to_expand), function (macro_key) {
var value = handler.roweis.config[macro_key];
if (!_.isUndefined(value)) {
macros_to_expand[macro_key](handler.roweis, value);
}
});
// **Aspect-Oriented Handlers**
//
// You can define a `before_` or `after_` function for each of the action steps,
// and Faux will mix it into the step. You could write the whole
// thing yourself, but an advantage of this system is that you can let Faux
// use convention to write the main step while you do additional customization
// with a `before_` or `after_` step. For example:
//
// .display('bmx_bikes', {
// gets: '/bikes/bmx/',
// after_fetch_data: function (data) {
// return {
// models: data.server_data,
// size: data.server_data.length
// };
// }
// });
_.each(handler.roweis.step_names, function (step_name) {
_.each(['before_'+step_name, 'after_'+step_name], function (expanded_step_name) {
_([ config[expanded_step_name] ]).chain()
.flatten()
.each(function (advice) {
if (!_.isUndefined(advice)) {
handler.roweis[expanded_step_name] = _compose(handler.roweis[expanded_step_name] || _noop(), advice);
}
});
})
});
_.each(handler.roweis.step_names, function (step_name) {
if (_.isFunction(handler.roweis.step_functions[step_name])) {
if (_.isFunction(handler.roweis['before_' + step_name])) {
handler.roweis.step_functions[step_name] = _compose(handler.roweis['before_' + step_name], handler.roweis.step_functions[step_name]);
}
if (_.isFunction(handler.roweis['after_' + step_name])) {
handler.roweis.step_functions[step_name] = _compose(handler.roweis.step_functions[step_name], handler.roweis['after_' + step_name]);
}
}
});
// **Composing the handler function**
//
// We compose `handler.roweis.fn` out of the individual
// step functions. `handler` delegates to this function, so
// in effect we are redefining `handler`.
handler.roweis.fn = (function () {
var step_names_in_use = _.select(handler.roweis.step_names, function (step_name) {
return _.isFunction(handler.roweis.step_functions[step_name]);
});
var actual_handler = _.foldr(step_names_in_use,
(function (callback, step_name) {
var callbackized_step_fn = _callbackable(handler.roweis.step_functions[step_name]);
return function (data, roweis) {
callbackized_step_fn(data, roweis, callback);
};
}),
(function (data, roweis) { /* nada */ })
);
return function (data, roweis) {
return actual_handler(data || {}, roweis || {});
};
})();
return handler;
};
// The generic function for installing a new handler into its controller.
// It binds the object to the appropriate
// [Sammy events](http://code.quirkey.com/sammy/docs/events.html) so that the handler
// is invoked when the appropriate route (if any) is invoked or the appropriate
// element is attached to the DOM.
//
// (It could be a method on `handler.roweis`, but the concept of re-installing
// a handler will have to wait for an architecture involing uninstalling a handler
// from any existing bindings. So for now, it's a helper function.)
//
// *TODO: Make it a handler function after all, not because it should be re-installable,
// but because then we can use macros to define new ways to install handlers.*
var _install_handler = function(handler) {
var config = handler.roweis.config;
var controller = handler.roweis.controller;
//
// triggering a handler through a route
if (config.route) {
/* window.console && console.log('configuring a route of '+config.route+' for '+config.name); */
controller.route(config.route, config.name, (function () {
var route = config.route;
var param_names = [];
var SINGLE_PARAM_MATCHER = /:([\w\d]+)/g;
while ((match = SINGLE_PARAM_MATCHER.exec(route)) !== null) {
param_names.push(match[1]);
route = route.replace(':' + match[1],'xxxxx');
};
var SPLAT_MATCHER = /\*([\w\d\/]+)$/g;
if ((match = SPLAT_MATCHER.exec(route)) !== null) {
param_names.push(match[1]);
route = route.replace(':' + match[1],'xxxxx');
};
/* window.console && console.log('binding ' + config.route + ' for ' + config.name + ' with params [' + param_names.join(', ') + ']' ); */
return function () {
/* window.console && console.log('invoking '+config.name+" with",arguments); */
var params = {};
for (var i = 0; i < arguments.length && i < param_names.length; ++i) {
params[param_names[i]] = arguments[i];
}
/* window.console && console.log('triggered ' + config.route + ' for ' + config.name + ' with param names ',param_names); */
handler(params, { renders: controller.$element() });
};
})());
}
var updater_fn;
//
// triggering a handler unobtrusively
//
if (config.renders) {
updater_fn = function (data, roweis) {
data || (data = {});
roweis || (roweis = {});
var new_data;
$(roweis.renders)
.find(config.renders)
.each(function (index, dom_el) {
new_data || (new_data = $.extend(true, {}, data));
handler(new_data, { renders: $(dom_el) });
})
;
};
}
else updater_fn = handler;
if (_.isArray(config.events)) {
_(config.events).each(function (event_name) {
controller.bind(event_name, updater_fn);
});
}
//
// triggering a handler through an AJAX error status
//
if (config.code && !isNaN(config.code) && config.route) {
controller.bind(config.code, function (event, error_data) {
window.console && console.log(config.code + 'triggered! redirecting to ' + config.route);
controller.setInterpolatedLocation(config.route, error_data.data);
})
}
// Add the handler to the controller in the `.roweis` scope
if (_.isString(config.name)) {
controller.roweis.handlers[config.name] || (controller.roweis.handlers[config.name] = handler);
if (config.name.match(/^\w[\w\d_]*$/)) {
if (_.isUndefined(controller[config.name])) {
controller[config.name] = handler;
}
else window.console && console.log(config.name + ' is already a method name in the controller. Duplicate definition?');
}
else window.console && console.log(config.name + ' is not a suitable method name, therefore it is not being added to the controller');
}
return handler;
};
// Additonal methods added to every controller
// ---
// **Methods for defining and installing handlers**
// The core method for defining a new handler that renders something in the DOM.
var _display = function (name, optional_config) {
_install_handler(
_define_handler(this,
this.roweis.with_controller_defaults(
_mix_in_optional_parameters_and_conventions(this, name, optional_config,
{
method: 'get',
location: true,
redirect: false
}
)
)
)
);
return this;
};
// The core method for defining a new handler that performs an action and then
// redirects to a display, a client-side implementation of the
// [Post-Redirect-Get](https://secure.wikimedia.org/wikipedia/en/wiki/Post/Redirect/Get)
// ("PRG") pattern.
var _action = function (name, optional_config) {
_install_handler(
_define_handler(this,
this.roweis.with_controller_defaults(
_mix_in_optional_parameters_and_conventions(this, name, optional_config,
{
method: 'post',
updates: false,
view: false,
partial: false
}
)
)
)
);
return this;
};
// Binding an arbitrary function to an error instead of a handler.
var _error = function(code, handler_fn) {
var handler = _define_handler(this, this.roweis.with_controller_defaults({
name: '' + code,
route: false,
updates: false,
view: false,
partial: false
}));
handler.roweis.fn = handler_fn;
_install_handler(handler);
return this;
};
// **Methods for establishing scopes**
//
// In Faux, scopes establish tenmporary defaults. A simple
// case might be something like this:
//
// controller
// .begin({
// gets_home_path: '/bikes',
// partial: 'bikes'
// })
// .display({
// gets: '',
// partial: 'plural'
// })
// .display({
// gets: ':part_number',
// partial: 'singular'
// })
// .end()
// ;
//
// `begin` establishes a scope and `end` ends it. Within the scope,
// `gets` has a home path, so our two faux-pages get their data from the
// server using `GET /bikes` and `GET /bikes/42`. Likewise, there is a home
// path for partials, so the partials used to display our faux pages will
// be `/bikes/plural.haml` and `/bikes/singular.haml`.
var _begin = function(config) {
this.roweis.config_stack.push(config);
return this;
};
var _end = function() {
if (this.roweis.config_stack.length > 0) {
this.roweis.config_stack.pop();
return this;
}
else {
window.console && console.log('error, "end" unmatched with "use."');
}
};
var _scope = function(config, fn) {
return this
.begin(config)
.K(fn)
.end()
;
};
// The method for forcibly setting the window location
var _setInterpolatedLocation = function(path, optional_data) {
if (optional_data) {
path = _fully_interpolated(path, optional_data);
}
if (path.match(/^\//)) {
window.location.hash = path;
}
else window.location = path;
};
var _initialize = function (options) {
var this_controller = this;
options || (options = {});
this.roweis = {
element_selector: 'body',
step_names: default_step_names,
default_macros: default_macros,
error_handlers: {},
host: '',
handlers: {},
config_stack: [{
paths: ['route', 'partial', 'get']
}],
macros: {},
/* TODO: Kill this */
with_controller_defaults: function (config) {
var out = $.extend(true, {}, config);
// **Update config with application defaults**
// and a default DOM selector to update
if (undefined === out.updates) {
out.updates = out.renders || this.root_element_selector;
}
return out;
}
};
_(options).each(function (value, key) {
if (_.isUndefined(this_controller.roweis[key])) {
this_controller.roweis.config_stack[0][key] = value;
}
else this_controller.roweis[key] = value;
});
this.roweis.root_element_selector = this.roweis.updates || this.roweis.element_selector || 'body';
_.extend(this, Backbone.Events);
return this;
};
// A class for the controller
var clazz = Backbone.Controller.extend({
$element: function () {
return $(this.roweis.element_selector);
},
display: _display,
action: _action,
begin: _begin,
end: _end,
scope: _scope,
error: _error,
setInterpolatedLocation: _setInterpolatedLocation,
initialize: _initialize,
K: function (fn) {
fn(this);
return this;
},
T: function (fn) {
return fn(this);
}
});
// Place the external interpolation helper function into
// the `Faux` scope.
Faux.fully_interpolated = _fully_interpolated;
return clazz;
})();
// Readability Helpers
// ---
//
// These helper give you options for making your declarations more readable.
// Really simple inflection conversion, allows you to write either `get: '/foo/bar'` or
// `gets: '/foo/bar'` when defining handlers.
function _present_tense (verb) {
return verb.match(/^get/) ? 'get' : (
verb.match(/^post/) ? 'post' : (
verb.match(/^put/) ? 'put' : (
verb.match(/^del/) ? 'delete' : (verb)
)));
};
// **Continuation Passing Style**
//
// We've fallen into Javascript's ghastly habit of
// [reinventing CPS](http://matt.might.net/articles/by-example-continuation-passing-style/).
//
// Faux chains functions together using CPS. There are lots of places where
// functions are chained together. The most obvious is the "handler steps" described above: Each
// step is chained using CPS. This allows Faux to do sensible things when doing something asynchronously.
//
// You may not expect something to be asynchronous, but any call to a server
// is AJAX, and therefore asynchronous by default. That includes any rendering of a partial, since the