rails-hamljs 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/LICENSE +23 -0
- data/README.md +50 -0
- data/lib/rails-hamljs.rb +109 -0
- data/lib/rails-hamljs/engine.rb +4 -0
- data/lib/rails-hamljs/version.rb +3 -0
- data/vendor/assets/javascripts/creationix-haml-js/haml.js +703 -0
- data/vendor/assets/javascripts/uglyog-haml-js/ext/coffee-script.js +8 -0
- data/vendor/assets/javascripts/uglyog-haml-js/ext/jquery-1.7.1.js +9266 -0
- data/vendor/assets/javascripts/uglyog-haml-js/ext/json2.js +480 -0
- data/vendor/assets/javascripts/uglyog-haml-js/ext/underscore.js +807 -0
- data/vendor/assets/javascripts/uglyog-haml-js/ext/underscore.string.js +331 -0
- data/vendor/assets/javascripts/uglyog-haml-js/haml.js +2058 -0
- data/vendor/assets/javascripts/uglyog-haml-js/haml.min.js +8 -0
- metadata +140 -0
data/LICENSE
ADDED
@@ -0,0 +1,23 @@
|
|
1
|
+
Copyright (c) 2012 Vaughn Draughon
|
2
|
+
|
3
|
+
Permission is hereby granted, free of charge, to any
|
4
|
+
person obtaining a copy of this software and associated
|
5
|
+
documentation files (the "Software"), to deal in the
|
6
|
+
Software without restriction, including without limitation
|
7
|
+
the rights to use, copy, modify, merge, publish, distribute,
|
8
|
+
sublicense, and/or sell copies of the Software, and to
|
9
|
+
permit persons to whom the Software is furnished to do so,
|
10
|
+
subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall
|
13
|
+
be included in all copies or substantial portions of the
|
14
|
+
Software.
|
15
|
+
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY
|
17
|
+
KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
|
18
|
+
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR
|
19
|
+
PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS
|
20
|
+
OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR
|
21
|
+
OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
|
22
|
+
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
23
|
+
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,50 @@
|
|
1
|
+
## Haml JavaScript (JST) Templates for Rails
|
2
|
+
|
3
|
+
Lets you use https://github.com/uglyog/clientside-haml-js templates in the Rails asset pipeline.
|
4
|
+
|
5
|
+
No need to download haml.js, this gem includes the haml.js file for you.
|
6
|
+
|
7
|
+
* Requires ExecJS
|
8
|
+
* Requires CoffeeScript
|
9
|
+
|
10
|
+
## Why another Haml in JavaScript gem?
|
11
|
+
|
12
|
+
Uglyog's library lets you use coffeescript, which allows the embedded JavaScript in your Haml templates to be much more beautiful and Ruby-like. While I'm not the biggest fan of coffeescript for actual javascript coding, it's the perfect solution for haml templates.
|
13
|
+
|
14
|
+
The other gems use creationix's library.
|
15
|
+
|
16
|
+
The gem hooks in to the asset pipeline to give you precompiled haml templates which are actually blazing fast for the user and should be perfectly compatible with production environments.
|
17
|
+
|
18
|
+
## Installation
|
19
|
+
|
20
|
+
Add this line to your `Gemfile`
|
21
|
+
|
22
|
+
gem 'rails-hamljs', :git => 'git://github.com/rocksolidwebdesign/rails-hamljs'
|
23
|
+
|
24
|
+
## Usage
|
25
|
+
|
26
|
+
Simply add JST templates with an extension of `.haml` to your javascript templates directory
|
27
|
+
|
28
|
+
app/assets/javascripts/templates/foo.jst.haml
|
29
|
+
|
30
|
+
And of course, be sure to
|
31
|
+
|
32
|
+
//= require_tree ./templates
|
33
|
+
|
34
|
+
in the correct order so that the global `JST` variable is available.
|
35
|
+
|
36
|
+
Then, as with other JST templates such as ECO and EJS, you may access your templates from the `JST` object:
|
37
|
+
|
38
|
+
var template = JST["templates/foo"];
|
39
|
+
|
40
|
+
var htmlOutput = template({
|
41
|
+
someVar: "someValue",
|
42
|
+
someOtherVar: "someOtherVal"
|
43
|
+
});
|
44
|
+
|
45
|
+
## TODO
|
46
|
+
|
47
|
+
Configuration:
|
48
|
+
|
49
|
+
Toggle whose library to use (creationix or uglyog)
|
50
|
+
Toggle coffeescript (if using uglyog's library)
|
data/lib/rails-hamljs.rb
ADDED
@@ -0,0 +1,109 @@
|
|
1
|
+
require 'rails-hamljs/version'
|
2
|
+
require 'tilt'
|
3
|
+
require 'sprockets'
|
4
|
+
require 'open-uri'
|
5
|
+
|
6
|
+
module Hamljs
|
7
|
+
class Template < Tilt::Template
|
8
|
+
JS_UNESCAPES = {
|
9
|
+
'\\' => '\\',
|
10
|
+
"'" => "'",
|
11
|
+
'r' => "\r",
|
12
|
+
'n' => "\n",
|
13
|
+
't' => "\t",
|
14
|
+
'u2028' => "\u2028",
|
15
|
+
'u2029' => "\u2029"
|
16
|
+
}
|
17
|
+
|
18
|
+
JS_ESCAPES = JS_UNESCAPES.invert
|
19
|
+
JS_UNESCAPE_PATTERN = /\\(#{Regexp.union(JS_UNESCAPES.keys)})/
|
20
|
+
JS_ESCAPE_PATTERN = Regexp.union(JS_ESCAPES.keys)
|
21
|
+
|
22
|
+
def self.engine_initialized?
|
23
|
+
true
|
24
|
+
end
|
25
|
+
|
26
|
+
def initialize_engine
|
27
|
+
end
|
28
|
+
|
29
|
+
def prepare
|
30
|
+
end
|
31
|
+
|
32
|
+
def get_coffeescript_source
|
33
|
+
@@coffeescript_source ||= open('http://jashkenas.github.com/coffee-script/extras/coffee-script.js').read
|
34
|
+
end
|
35
|
+
|
36
|
+
def get_underscore_source
|
37
|
+
#@@underscore_source ||= open('http://underscorejs.org/underscore-min.js').read
|
38
|
+
@@underscore_source ||= File.read(File.expand_path("../../vendor/assets/javascripts/uglyog-haml-js/ext/underscore.js", __FILE__))
|
39
|
+
end
|
40
|
+
|
41
|
+
def get_underscore_string_source
|
42
|
+
#@@underscore_string_source ||= open('http://epeli.github.com/underscore.string/dist/underscore.string.min.js').read
|
43
|
+
@@underscore_string_source ||= File.read(File.expand_path("../../vendor/assets/javascripts/uglyog-haml-js/ext/underscore.string.js", __FILE__))
|
44
|
+
end
|
45
|
+
|
46
|
+
def get_hamljs_source
|
47
|
+
@@hamljs_source ||= get_uglyog_hamljs_source
|
48
|
+
end
|
49
|
+
|
50
|
+
def get_jsonjs_source
|
51
|
+
@@jsonjs_source ||= File.read(File.expand_path("../../vendor/assets/javascripts/uglyog-haml-js/ext/json2.js", __FILE__))
|
52
|
+
end
|
53
|
+
|
54
|
+
def get_creationix_hamljs_source
|
55
|
+
@@creationix_hamljs_source ||= File.read(File.expand_path("../../vendor/assets/javascripts/creationix-haml-js/haml.js", __FILE__))
|
56
|
+
end
|
57
|
+
|
58
|
+
def get_uglyog_hamljs_source
|
59
|
+
@@uglyog_hamljs_source ||= [
|
60
|
+
get_jsonjs_source,
|
61
|
+
get_underscore_source,
|
62
|
+
get_underscore_string_source,
|
63
|
+
File.read(File.expand_path("../../vendor/assets/javascripts/uglyog-haml-js/haml.min.js", __FILE__))
|
64
|
+
#open('https://raw.github.com/uglyog/clientside-haml-js/master/lib/haml.min.js').read
|
65
|
+
].join(" ")
|
66
|
+
|
67
|
+
#@@uglyog_hamljs_source ||= File.read(File.expand_path("../../vendor/assets/javascripts/uglyog-haml-js/haml.min.js", __FILE__))
|
68
|
+
end
|
69
|
+
|
70
|
+
def compile(source, options = {})
|
71
|
+
s = source.dup
|
72
|
+
|
73
|
+
cmd = "haml.compileHaml({source: \"#{js_escape!(s)}\", generator: 'coffeescript'}).toString()"
|
74
|
+
|
75
|
+
lib_sources = [
|
76
|
+
get_coffeescript_source,
|
77
|
+
get_hamljs_source
|
78
|
+
]
|
79
|
+
|
80
|
+
context = ExecJS.compile(lib_sources.join(" "))
|
81
|
+
result = context.eval(cmd)
|
82
|
+
|
83
|
+
result
|
84
|
+
end
|
85
|
+
|
86
|
+
def evaluate(scope, locals, &block)
|
87
|
+
source = data.dup
|
88
|
+
return compile(source)
|
89
|
+
end
|
90
|
+
|
91
|
+
protected
|
92
|
+
def js_escape!(source)
|
93
|
+
puts "JS_ESCAPE_PATTERN: #{}"
|
94
|
+
puts JS_ESCAPE_PATTERN.inspect
|
95
|
+
puts "JS_ESCAPES:"
|
96
|
+
puts JS_ESCAPES.inspect
|
97
|
+
source.gsub!(/\n/, '\n')
|
98
|
+
source.gsub!(/\r/, '\r')
|
99
|
+
source.gsub!(/\t/, '\t')
|
100
|
+
source.gsub!(/"/, '\"')
|
101
|
+
source.gsub!(/\u2028/, '\u2028')
|
102
|
+
source.gsub!(/\u2029/, '\u2029')
|
103
|
+
source
|
104
|
+
end
|
105
|
+
end
|
106
|
+
|
107
|
+
end
|
108
|
+
|
109
|
+
Sprockets.register_engine '.hamljs', Hamljs::Template
|
@@ -0,0 +1,703 @@
|
|
1
|
+
var Haml;
|
2
|
+
|
3
|
+
(function () {
|
4
|
+
|
5
|
+
var matchers, self_close_tags, embedder, forceXML, escaperName, escapeHtmlByDefault;
|
6
|
+
|
7
|
+
function html_escape(text) {
|
8
|
+
return (text + "").
|
9
|
+
replace(/&/g, "&").
|
10
|
+
replace(/</g, "<").
|
11
|
+
replace(/>/g, ">").
|
12
|
+
replace(/\"/g, """);
|
13
|
+
}
|
14
|
+
|
15
|
+
function render_attribs(attribs) {
|
16
|
+
var key, value, result = [];
|
17
|
+
for (key in attribs) {
|
18
|
+
if (key !== '_content' && attribs.hasOwnProperty(key)) {
|
19
|
+
switch (attribs[key]) {
|
20
|
+
case 'undefined':
|
21
|
+
case 'false':
|
22
|
+
case 'null':
|
23
|
+
case '""':
|
24
|
+
break;
|
25
|
+
default:
|
26
|
+
try {
|
27
|
+
value = JSON.parse("[" + attribs[key] +"]")[0];
|
28
|
+
if (value === true) {
|
29
|
+
value = key;
|
30
|
+
} else if (typeof value === 'string' && embedder.test(value)) {
|
31
|
+
value = '" +\n' + parse_interpol(html_escape(value)) + ' +\n"';
|
32
|
+
} else {
|
33
|
+
value = html_escape(value);
|
34
|
+
}
|
35
|
+
result.push(" " + key + '=\\"' + value + '\\"');
|
36
|
+
} catch (e) {
|
37
|
+
result.push(" " + key + '=\\"" + '+escaperName+'(' + attribs[key] + ') + "\\"');
|
38
|
+
}
|
39
|
+
}
|
40
|
+
}
|
41
|
+
}
|
42
|
+
return result.join("");
|
43
|
+
}
|
44
|
+
|
45
|
+
// Parse the attribute block using a state machine
|
46
|
+
function parse_attribs(line) {
|
47
|
+
var attributes = {},
|
48
|
+
l = line.length,
|
49
|
+
i, c,
|
50
|
+
count = 1,
|
51
|
+
quote = false,
|
52
|
+
skip = false,
|
53
|
+
open, close, joiner, seperator,
|
54
|
+
pair = {
|
55
|
+
start: 1,
|
56
|
+
middle: null,
|
57
|
+
end: null
|
58
|
+
};
|
59
|
+
|
60
|
+
if (!(l > 0 && (line.charAt(0) === '{' || line.charAt(0) === '('))) {
|
61
|
+
return {
|
62
|
+
_content: line[0] === ' ' ? line.substr(1, l) : line
|
63
|
+
};
|
64
|
+
}
|
65
|
+
open = line.charAt(0);
|
66
|
+
close = (open === '{') ? '}' : ')';
|
67
|
+
joiner = (open === '{') ? ':' : '=';
|
68
|
+
seperator = (open === '{') ? ',' : ' ';
|
69
|
+
|
70
|
+
function process_pair() {
|
71
|
+
if (typeof pair.start === 'number' &&
|
72
|
+
typeof pair.middle === 'number' &&
|
73
|
+
typeof pair.end === 'number') {
|
74
|
+
var key = line.substr(pair.start, pair.middle - pair.start).trim(),
|
75
|
+
value = line.substr(pair.middle + 1, pair.end - pair.middle - 1).trim();
|
76
|
+
attributes[key] = value;
|
77
|
+
}
|
78
|
+
pair = {
|
79
|
+
start: null,
|
80
|
+
middle: null,
|
81
|
+
end: null
|
82
|
+
};
|
83
|
+
}
|
84
|
+
|
85
|
+
for (i = 1; count > 0; i += 1) {
|
86
|
+
|
87
|
+
// If we reach the end of the line, then there is a problem
|
88
|
+
if (i > l) {
|
89
|
+
throw "Malformed attribute block";
|
90
|
+
}
|
91
|
+
|
92
|
+
c = line.charAt(i);
|
93
|
+
if (skip) {
|
94
|
+
skip = false;
|
95
|
+
} else {
|
96
|
+
if (quote) {
|
97
|
+
if (c === '\\') {
|
98
|
+
skip = true;
|
99
|
+
}
|
100
|
+
if (c === quote) {
|
101
|
+
quote = false;
|
102
|
+
}
|
103
|
+
} else {
|
104
|
+
if (c === '"' || c === "'") {
|
105
|
+
quote = c;
|
106
|
+
}
|
107
|
+
|
108
|
+
if (count === 1) {
|
109
|
+
if (c === joiner) {
|
110
|
+
pair.middle = i;
|
111
|
+
}
|
112
|
+
if (c === seperator || c === close) {
|
113
|
+
pair.end = i;
|
114
|
+
process_pair();
|
115
|
+
if (c === seperator) {
|
116
|
+
pair.start = i + 1;
|
117
|
+
}
|
118
|
+
}
|
119
|
+
}
|
120
|
+
|
121
|
+
if (c === open || c === "(") {
|
122
|
+
count += 1;
|
123
|
+
}
|
124
|
+
if (c === close || (count > 1 && c === ")")) {
|
125
|
+
count -= 1;
|
126
|
+
}
|
127
|
+
}
|
128
|
+
}
|
129
|
+
}
|
130
|
+
attributes._content = line.substr(i, line.length);
|
131
|
+
return attributes;
|
132
|
+
}
|
133
|
+
|
134
|
+
// Split interpolated strings into an array of literals and code fragments.
|
135
|
+
function parse_interpol(value) {
|
136
|
+
var items = [],
|
137
|
+
pos = 0,
|
138
|
+
next = 0,
|
139
|
+
match;
|
140
|
+
while (true) {
|
141
|
+
// Match up to embedded string
|
142
|
+
next = value.substr(pos).search(embedder);
|
143
|
+
if (next < 0) {
|
144
|
+
if (pos < value.length) {
|
145
|
+
items.push(JSON.stringify(value.substr(pos)));
|
146
|
+
}
|
147
|
+
break;
|
148
|
+
}
|
149
|
+
items.push(JSON.stringify(value.substr(pos, next)));
|
150
|
+
pos += next;
|
151
|
+
|
152
|
+
// Match embedded string
|
153
|
+
match = value.substr(pos).match(embedder);
|
154
|
+
next = match[0].length;
|
155
|
+
if (next < 0) { break; }
|
156
|
+
if(match[1] === "#"){
|
157
|
+
items.push(escaperName+"("+(match[2] || match[3])+")");
|
158
|
+
}else{
|
159
|
+
//unsafe!!!
|
160
|
+
items.push(match[2] || match[3]);
|
161
|
+
}
|
162
|
+
|
163
|
+
pos += next;
|
164
|
+
}
|
165
|
+
return items.filter(function (part) { return part && part.length > 0}).join(" +\n");
|
166
|
+
}
|
167
|
+
|
168
|
+
// Used to find embedded code in interpolated strings.
|
169
|
+
embedder = /([#!])\{([^}]*)\}/;
|
170
|
+
|
171
|
+
self_close_tags = ["meta", "img", "link", "br", "hr", "input", "area", "base"];
|
172
|
+
|
173
|
+
// All matchers' regexps should capture leading whitespace in first capture
|
174
|
+
// and trailing content in last capture
|
175
|
+
matchers = [
|
176
|
+
// html tags
|
177
|
+
{
|
178
|
+
name: "html tags",
|
179
|
+
regexp: /^(\s*)((?:[.#%][a-z_\-][a-z0-9_:\-]*)+)(.*)$/i,
|
180
|
+
process: function () {
|
181
|
+
var line_beginning, tag, classes, ids, attribs, content, whitespaceSpecifier, whitespace={}, output;
|
182
|
+
line_beginning = this.matches[2];
|
183
|
+
classes = line_beginning.match(/\.([a-z_\-][a-z0-9_\-]*)/gi);
|
184
|
+
ids = line_beginning.match(/\#([a-z_\-][a-z0-9_\-]*)/gi);
|
185
|
+
tag = line_beginning.match(/\%([a-z_\-][a-z0-9_:\-]*)/gi);
|
186
|
+
|
187
|
+
// Default to <div> tag
|
188
|
+
tag = tag ? tag[0].substr(1, tag[0].length) : 'div';
|
189
|
+
|
190
|
+
attribs = this.matches[3];
|
191
|
+
if (attribs) {
|
192
|
+
attribs = parse_attribs(attribs);
|
193
|
+
if (attribs._content) {
|
194
|
+
var leader0 = attribs._content.charAt(0),
|
195
|
+
leader1 = attribs._content.charAt(1),
|
196
|
+
leaderLength = 0;
|
197
|
+
|
198
|
+
if(leader0 == "<"){
|
199
|
+
leaderLength++;
|
200
|
+
whitespace.inside = true;
|
201
|
+
if(leader1 == ">"){
|
202
|
+
leaderLength++;
|
203
|
+
whitespace.around = true;
|
204
|
+
}
|
205
|
+
}else if(leader0 == ">"){
|
206
|
+
leaderLength++;
|
207
|
+
whitespace.around = true;
|
208
|
+
if(leader1 == "<"){
|
209
|
+
leaderLength++;
|
210
|
+
whitespace.inside = true;
|
211
|
+
}
|
212
|
+
}
|
213
|
+
attribs._content = attribs._content.substr(leaderLength);
|
214
|
+
//once we've identified the tag and its attributes, the rest is content.
|
215
|
+
// this is currently trimmed for neatness.
|
216
|
+
this.contents.unshift(attribs._content.trim());
|
217
|
+
delete(attribs._content);
|
218
|
+
}
|
219
|
+
} else {
|
220
|
+
attribs = {};
|
221
|
+
}
|
222
|
+
|
223
|
+
if (classes) {
|
224
|
+
classes = classes.map(function (klass) {
|
225
|
+
return klass.substr(1, klass.length);
|
226
|
+
}).join(' ');
|
227
|
+
if (attribs['class']) {
|
228
|
+
try {
|
229
|
+
attribs['class'] = JSON.stringify(classes + " " + JSON.parse(attribs['class']));
|
230
|
+
} catch (e) {
|
231
|
+
attribs['class'] = JSON.stringify(classes + " ") + " + " + attribs['class'];
|
232
|
+
}
|
233
|
+
} else {
|
234
|
+
attribs['class'] = JSON.stringify(classes);
|
235
|
+
}
|
236
|
+
}
|
237
|
+
if (ids) {
|
238
|
+
ids = ids.map(function (id) {
|
239
|
+
return id.substr(1, id.length);
|
240
|
+
}).join(' ');
|
241
|
+
if (attribs.id) {
|
242
|
+
attribs.id = JSON.stringify(ids + " ") + attribs.id;
|
243
|
+
} else {
|
244
|
+
attribs.id = JSON.stringify(ids);
|
245
|
+
}
|
246
|
+
}
|
247
|
+
|
248
|
+
attribs = render_attribs(attribs);
|
249
|
+
|
250
|
+
content = this.render_contents();
|
251
|
+
if (content === '""') {
|
252
|
+
content = '';
|
253
|
+
}
|
254
|
+
|
255
|
+
if(whitespace.inside){
|
256
|
+
if(content.length==0){
|
257
|
+
content='" "'
|
258
|
+
}else{
|
259
|
+
try{ //remove quotes if they are there
|
260
|
+
content = '" '+JSON.parse(content)+' "';
|
261
|
+
}catch(e){
|
262
|
+
content = '" "+\n'+content+'+\n" "';
|
263
|
+
}
|
264
|
+
}
|
265
|
+
}
|
266
|
+
|
267
|
+
if (forceXML ? content.length > 0 : self_close_tags.indexOf(tag) == -1) {
|
268
|
+
output = '"<' + tag + attribs + '>"' +
|
269
|
+
(content.length > 0 ? ' + \n' + content : "") +
|
270
|
+
' + \n"</' + tag + '>"';
|
271
|
+
} else {
|
272
|
+
output = '"<' + tag + attribs + ' />"';
|
273
|
+
}
|
274
|
+
|
275
|
+
if(whitespace.around){
|
276
|
+
//output now contains '"<b>hello</b>"'
|
277
|
+
//we need to crack it open to insert whitespace.
|
278
|
+
output = '" '+output.substr(1, output.length - 2)+' "';
|
279
|
+
}
|
280
|
+
|
281
|
+
return output;
|
282
|
+
}
|
283
|
+
},
|
284
|
+
|
285
|
+
// each loops
|
286
|
+
{
|
287
|
+
name: "each loop",
|
288
|
+
regexp: /^(\s*)(?::for|:each)\s+(?:([a-z_][a-z_\-]*),\s*)?([a-z_][a-z_\-]*)\s+in\s+(.*)(\s*)$/i,
|
289
|
+
process: function () {
|
290
|
+
var ivar = this.matches[2] || '__key__', // index
|
291
|
+
vvar = this.matches[3], // value
|
292
|
+
avar = this.matches[4], // array
|
293
|
+
rvar = '__result__'; // results
|
294
|
+
|
295
|
+
if (this.matches[5]) {
|
296
|
+
this.contents.unshift(this.matches[5]);
|
297
|
+
}
|
298
|
+
return '(function () { ' +
|
299
|
+
'var ' + rvar + ' = [], ' + ivar + ', ' + vvar + '; ' +
|
300
|
+
'for (' + ivar + ' in ' + avar + ') { ' +
|
301
|
+
'if (' + avar + '.hasOwnProperty(' + ivar + ')) { ' +
|
302
|
+
vvar + ' = ' + avar + '[' + ivar + ']; ' +
|
303
|
+
rvar + '.push(\n' + (this.render_contents() || "''") + '\n); ' +
|
304
|
+
'} } return ' + rvar + '.join(""); }).call(this)';
|
305
|
+
}
|
306
|
+
},
|
307
|
+
|
308
|
+
// if statements
|
309
|
+
{
|
310
|
+
name: "if",
|
311
|
+
regexp: /^(\s*):if\s+(.*)\s*$/i,
|
312
|
+
process: function () {
|
313
|
+
var condition = this.matches[2];
|
314
|
+
this.pushIfCondition([condition]);
|
315
|
+
return '(function () { ' +
|
316
|
+
'if (' + condition + ') { ' +
|
317
|
+
'return (\n' + (this.render_contents() || '') + '\n);' +
|
318
|
+
'} else { return ""; } }).call(this)';
|
319
|
+
}
|
320
|
+
},
|
321
|
+
|
322
|
+
// else if statements
|
323
|
+
{
|
324
|
+
name: "else if",
|
325
|
+
regexp: /^(\s*):else if\s+(.*)\s*$/i,
|
326
|
+
process: function () {
|
327
|
+
var condition = this.matches[2],
|
328
|
+
conditionsArray = this.getIfConditions()[this.getIfConditions().length - 1],
|
329
|
+
ifArray = [],
|
330
|
+
ifStatement;
|
331
|
+
for (var i=0, l=conditionsArray.length; i<l; i++) {
|
332
|
+
ifArray.push('! ' + conditionsArray[i]);
|
333
|
+
}
|
334
|
+
conditionsArray.push(condition);
|
335
|
+
ifArray.push(condition);
|
336
|
+
ifStatement = 'if (' + ifArray.join(' && ') + ') { ';
|
337
|
+
return '(function () { ' +
|
338
|
+
ifStatement +
|
339
|
+
'return (\n' + (this.render_contents() || '') + '\n);' +
|
340
|
+
'} else { return ""; } }).call(this)';
|
341
|
+
}
|
342
|
+
},
|
343
|
+
|
344
|
+
// else statements
|
345
|
+
{
|
346
|
+
name: "else",
|
347
|
+
regexp: /^(\s*):else\s*$/i,
|
348
|
+
process: function () {
|
349
|
+
var conditionsArray = this.popIfCondition(),
|
350
|
+
ifArray = [],
|
351
|
+
ifStatement;
|
352
|
+
for (var i=0, l=conditionsArray.length; i<l; i++) {
|
353
|
+
ifArray.push('! ' + conditionsArray[i]);
|
354
|
+
}
|
355
|
+
ifStatement = 'if (' + ifArray.join(' && ') + ') { ';
|
356
|
+
return '(function () { ' +
|
357
|
+
ifStatement +
|
358
|
+
'return (\n' + (this.render_contents() || '') + '\n);' +
|
359
|
+
'} else { return ""; } }).call(this)';
|
360
|
+
}
|
361
|
+
},
|
362
|
+
|
363
|
+
// silent-comments
|
364
|
+
{
|
365
|
+
name: "silent-comments",
|
366
|
+
regexp: /^(\s*)-#\s*(.*)\s*$/i,
|
367
|
+
process: function () {
|
368
|
+
return '""';
|
369
|
+
}
|
370
|
+
},
|
371
|
+
|
372
|
+
//html-comments
|
373
|
+
{
|
374
|
+
name: "silent-comments",
|
375
|
+
regexp: /^(\s*)\/\s*(.*)\s*$/i,
|
376
|
+
process: function () {
|
377
|
+
this.contents.unshift(this.matches[2]);
|
378
|
+
|
379
|
+
return '"<!--'+this.contents.join('\\n')+'-->"';
|
380
|
+
}
|
381
|
+
},
|
382
|
+
|
383
|
+
// raw js
|
384
|
+
{
|
385
|
+
name: "rawjs",
|
386
|
+
regexp: /^(\s*)-\s*(.*)\s*$/i,
|
387
|
+
process: function () {
|
388
|
+
this.contents.unshift(this.matches[2]);
|
389
|
+
return '"";' + this.contents.join("\n")+"; _$output = _$output ";
|
390
|
+
}
|
391
|
+
},
|
392
|
+
|
393
|
+
// raw js
|
394
|
+
{
|
395
|
+
name: "pre",
|
396
|
+
regexp: /^(\s*):pre(\s+(.*)|$)/i,
|
397
|
+
process: function () {
|
398
|
+
this.contents.unshift(this.matches[2]);
|
399
|
+
return '"<pre>"+\n' + JSON.stringify(this.contents.join("\n"))+'+\n"</pre>"';
|
400
|
+
}
|
401
|
+
},
|
402
|
+
|
403
|
+
// declarations
|
404
|
+
{
|
405
|
+
name: "doctype",
|
406
|
+
regexp: /^()!!!(?:\s*(.*))\s*$/,
|
407
|
+
process: function () {
|
408
|
+
var line = '';
|
409
|
+
switch ((this.matches[2] || '').toLowerCase()) {
|
410
|
+
case '':
|
411
|
+
// XHTML 1.0 Transitional
|
412
|
+
line = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
|
413
|
+
break;
|
414
|
+
case 'strict':
|
415
|
+
case '1.0':
|
416
|
+
// XHTML 1.0 Strict
|
417
|
+
line = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">';
|
418
|
+
break;
|
419
|
+
case 'frameset':
|
420
|
+
// XHTML 1.0 Frameset
|
421
|
+
line = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">';
|
422
|
+
break;
|
423
|
+
case '5':
|
424
|
+
// XHTML 5
|
425
|
+
line = '<!DOCTYPE html>';
|
426
|
+
break;
|
427
|
+
case '1.1':
|
428
|
+
// XHTML 1.1
|
429
|
+
line = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">';
|
430
|
+
break;
|
431
|
+
case 'basic':
|
432
|
+
// XHTML Basic 1.1
|
433
|
+
line = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">';
|
434
|
+
break;
|
435
|
+
case 'mobile':
|
436
|
+
// XHTML Mobile 1.2
|
437
|
+
line = '<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">';
|
438
|
+
break;
|
439
|
+
case 'xml':
|
440
|
+
// XML
|
441
|
+
line = "<?xml version='1.0' encoding='utf-8' ?>";
|
442
|
+
break;
|
443
|
+
case 'xml iso-8859-1':
|
444
|
+
// XML iso-8859-1
|
445
|
+
line = "<?xml version='1.0' encoding='iso-8859-1' ?>";
|
446
|
+
break;
|
447
|
+
}
|
448
|
+
return JSON.stringify(line + "\n");
|
449
|
+
}
|
450
|
+
},
|
451
|
+
|
452
|
+
// Embedded markdown. Needs to be added to exports externally.
|
453
|
+
{
|
454
|
+
name: "markdown",
|
455
|
+
regexp: /^(\s*):markdown\s*$/i,
|
456
|
+
process: function () {
|
457
|
+
return parse_interpol(exports.Markdown.encode(this.contents.join("\n")));
|
458
|
+
}
|
459
|
+
},
|
460
|
+
|
461
|
+
// script blocks
|
462
|
+
{
|
463
|
+
name: "script",
|
464
|
+
regexp: /^(\s*):(?:java)?script\s*$/,
|
465
|
+
process: function () {
|
466
|
+
return parse_interpol('\n<script type="text/javascript">\n' +
|
467
|
+
'//<![CDATA[\n' +
|
468
|
+
this.contents.join("\n") +
|
469
|
+
"\n//]]>\n</script>\n");
|
470
|
+
}
|
471
|
+
},
|
472
|
+
|
473
|
+
// css blocks
|
474
|
+
{
|
475
|
+
name: "css",
|
476
|
+
regexp: /^(\s*):css\s*$/,
|
477
|
+
process: function () {
|
478
|
+
return JSON.stringify('<style type="text/css">\n' +
|
479
|
+
this.contents.join("\n") +
|
480
|
+
"\n</style>");
|
481
|
+
}
|
482
|
+
}
|
483
|
+
|
484
|
+
];
|
485
|
+
|
486
|
+
function compile(lines) {
|
487
|
+
var block = false,
|
488
|
+
output = [],
|
489
|
+
ifConditions = [];
|
490
|
+
|
491
|
+
// If lines is a string, turn it into an array
|
492
|
+
if (typeof lines === 'string') {
|
493
|
+
lines = lines.trim().replace(/\n\r|\r/g, '\n').split('\n');
|
494
|
+
}
|
495
|
+
|
496
|
+
lines.forEach(function(line) {
|
497
|
+
var match, found = false;
|
498
|
+
|
499
|
+
// Collect all text as raw until outdent
|
500
|
+
if (block) {
|
501
|
+
match = block.check_indent.exec(line);
|
502
|
+
if (match) {
|
503
|
+
block.contents.push(match[1] || "");
|
504
|
+
return;
|
505
|
+
} else {
|
506
|
+
output.push(block.process());
|
507
|
+
block = false;
|
508
|
+
}
|
509
|
+
}
|
510
|
+
|
511
|
+
matchers.forEach(function (matcher) {
|
512
|
+
if (!found) {
|
513
|
+
match = matcher.regexp.exec(line);
|
514
|
+
if (match) {
|
515
|
+
block = {
|
516
|
+
contents: [],
|
517
|
+
indent_level: (match[1]),
|
518
|
+
matches: match,
|
519
|
+
check_indent: new RegExp("^(?:\\s*|" + match[1] + " (.*))$"),
|
520
|
+
process: matcher.process,
|
521
|
+
getIfConditions: function() {
|
522
|
+
return ifConditions;
|
523
|
+
},
|
524
|
+
pushIfCondition: function(condition) {
|
525
|
+
ifConditions.push(condition);
|
526
|
+
},
|
527
|
+
popIfCondition: function() {
|
528
|
+
return ifConditions.pop();
|
529
|
+
},
|
530
|
+
render_contents: function () {
|
531
|
+
return compile(this.contents);
|
532
|
+
}
|
533
|
+
};
|
534
|
+
found = true;
|
535
|
+
}
|
536
|
+
}
|
537
|
+
});
|
538
|
+
|
539
|
+
// Match plain text
|
540
|
+
if (!found) {
|
541
|
+
output.push(function () {
|
542
|
+
// Escaped plain text
|
543
|
+
if (line[0] === '\\') {
|
544
|
+
return parse_interpol(line.substr(1, line.length));
|
545
|
+
}
|
546
|
+
|
547
|
+
|
548
|
+
function escapedLine(){
|
549
|
+
try {
|
550
|
+
return escaperName+'('+JSON.stringify(JSON.parse(line)) +')';
|
551
|
+
} catch (e2) {
|
552
|
+
return escaperName+'(' + line + ')';
|
553
|
+
}
|
554
|
+
}
|
555
|
+
|
556
|
+
function unescapedLine(){
|
557
|
+
try {
|
558
|
+
return parse_interpol(JSON.parse(line));
|
559
|
+
} catch (e) {
|
560
|
+
return line;
|
561
|
+
}
|
562
|
+
}
|
563
|
+
|
564
|
+
// always escaped
|
565
|
+
if((line.substr(0, 2) === "&=")) {
|
566
|
+
line = line.substr(2, line.length).trim();
|
567
|
+
return escapedLine();
|
568
|
+
}
|
569
|
+
|
570
|
+
//never escaped
|
571
|
+
if((line.substr(0, 2) === "!=")) {
|
572
|
+
line = line.substr(2, line.length).trim();
|
573
|
+
return unescapedLine();
|
574
|
+
}
|
575
|
+
|
576
|
+
// sometimes escaped
|
577
|
+
if ( (line[0] === '=')) {
|
578
|
+
line = line.substr(1, line.length).trim();
|
579
|
+
if(escapeHtmlByDefault){
|
580
|
+
return escapedLine();
|
581
|
+
}else{
|
582
|
+
return unescapedLine();
|
583
|
+
}
|
584
|
+
}
|
585
|
+
|
586
|
+
// Plain text
|
587
|
+
return parse_interpol(line);
|
588
|
+
}());
|
589
|
+
}
|
590
|
+
|
591
|
+
});
|
592
|
+
if (block) {
|
593
|
+
output.push(block.process());
|
594
|
+
}
|
595
|
+
|
596
|
+
var txt = output.filter(function (part) { return part && part.length > 0}).join(" +\n");
|
597
|
+
if(txt.length == 0){
|
598
|
+
txt = '""';
|
599
|
+
}
|
600
|
+
return txt;
|
601
|
+
};
|
602
|
+
|
603
|
+
function optimize(js) {
|
604
|
+
var new_js = [], buffer = [], part, end;
|
605
|
+
|
606
|
+
function flush() {
|
607
|
+
if (buffer.length > 0) {
|
608
|
+
new_js.push(JSON.stringify(buffer.join("")) + end);
|
609
|
+
buffer = [];
|
610
|
+
}
|
611
|
+
}
|
612
|
+
js.replace(/\n\r|\r/g, '\n').split('\n').forEach(function (line) {
|
613
|
+
part = line.match(/^(\".*\")(\s*\+\s*)?$/);
|
614
|
+
if (!part) {
|
615
|
+
flush();
|
616
|
+
new_js.push(line);
|
617
|
+
return;
|
618
|
+
}
|
619
|
+
end = part[2] || "";
|
620
|
+
part = part[1];
|
621
|
+
try {
|
622
|
+
buffer.push(JSON.parse(part));
|
623
|
+
} catch (e) {
|
624
|
+
flush();
|
625
|
+
new_js.push(line);
|
626
|
+
}
|
627
|
+
});
|
628
|
+
flush();
|
629
|
+
return new_js.join("\n");
|
630
|
+
};
|
631
|
+
|
632
|
+
function render(text, options) {
|
633
|
+
options = options || {};
|
634
|
+
text = text || "";
|
635
|
+
var js = compile(text, options);
|
636
|
+
if (options.optimize) {
|
637
|
+
js = Haml.optimize(js);
|
638
|
+
}
|
639
|
+
return execute(js, options.context || Haml, options.locals);
|
640
|
+
};
|
641
|
+
|
642
|
+
function execute(js, self, locals) {
|
643
|
+
return (function () {
|
644
|
+
with(locals || {}) {
|
645
|
+
try {
|
646
|
+
var _$output;
|
647
|
+
eval("_$output =" + js );
|
648
|
+
return _$output; //set in eval
|
649
|
+
} catch (e) {
|
650
|
+
return "\n<pre class='error'>" + html_escape(e.stack) + "</pre>\n";
|
651
|
+
}
|
652
|
+
|
653
|
+
}
|
654
|
+
}).call(self);
|
655
|
+
};
|
656
|
+
|
657
|
+
Haml = function Haml(haml, config) {
|
658
|
+
if(typeof(config) != "object"){
|
659
|
+
forceXML = config;
|
660
|
+
config = {};
|
661
|
+
}
|
662
|
+
|
663
|
+
var escaper;
|
664
|
+
if(config.customEscape){
|
665
|
+
escaper = "";
|
666
|
+
escaperName = config.customEscape;
|
667
|
+
}else{
|
668
|
+
escaper = html_escape.toString() + "\n";
|
669
|
+
escaperName = "html_escape";
|
670
|
+
}
|
671
|
+
|
672
|
+
escapeHtmlByDefault = (config.escapeHtmlByDefault || config.escapeHTML || config.escape_html);
|
673
|
+
|
674
|
+
var js = optimize(compile(haml));
|
675
|
+
|
676
|
+
var str = "with(locals || {}) {\n" +
|
677
|
+
" try {\n" +
|
678
|
+
" var _$output=" + js + ";\n return _$output;" +
|
679
|
+
" } catch (e) {\n" +
|
680
|
+
" return \"\\n<pre class='error'>\" + "+escaperName+"(e.stack) + \"</pre>\\n\";\n" +
|
681
|
+
" }\n" +
|
682
|
+
"}"
|
683
|
+
|
684
|
+
try{
|
685
|
+
var f = new Function("locals", escaper + str );
|
686
|
+
return f;
|
687
|
+
}catch(e){
|
688
|
+
if ( typeof(console) !== 'undefined' ) { console.error(str); }
|
689
|
+
throw e;
|
690
|
+
}
|
691
|
+
}
|
692
|
+
|
693
|
+
Haml.compile = compile;
|
694
|
+
Haml.optimize = optimize;
|
695
|
+
Haml.render = render;
|
696
|
+
Haml.execute = execute;
|
697
|
+
Haml.html_escape = html_escape;
|
698
|
+
}());
|
699
|
+
|
700
|
+
// Hook into module system
|
701
|
+
if (typeof module !== 'undefined') {
|
702
|
+
module.exports = Haml;
|
703
|
+
}
|