Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Initial commit

  • Loading branch information...
commit 2b6fd2591a011bdb0b32f9a2a67eb50c6b7836b9 0 parents
@gsf authored
19 LICENSE
@@ -0,0 +1,19 @@
+Copyright 2011 Gabriel Farrell
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
10 README
@@ -0,0 +1,10 @@
+Selleck is yet another mustachioed templating library. Selleck.js
+is the JavaScript version.
+
+For now, see the test directory for usage.
+
+Selleck is influenced by these fine projects:
+http://github.com/janl/mustache.js
+http://github.com/akdubya/dustjs
+http://github.com/andychu/json-template
+http://docs.djangoproject.com/en/dev/ref/templates/
299 selleck.js
@@ -0,0 +1,299 @@
+// selleck.js —- javascript templating
+
+var selleck = {
+ buffer: [],
+ context: {},
+
+ render: function(template, context, partials, in_recursion) {
+ var first;
+ // recurse into context for value
+ var getValue = function(keys, context) {
+ //console.log(keys.length);
+ //console.log(context);
+ if (keys.length === 0) {
+ //console.log(context);
+ return context;
+ }
+ first = keys.shift();
+ // empty return on missing key
+ if (!context.hasOwnProperty(first)) return '';
+ return getValue(keys, context[first]);
+ };
+ var regex = new RegExp('{([\\w.]+)[|]?(\\w*)}');
+ var lines = template.split("\n");
+ var keys;
+ for (var i = 0; i < lines.length; i++) {
+ lines[i] = lines[i].replace(regex, function(str, name, filter) {
+ keys = name.split(".");
+ return getValue(keys, context);
+ });
+ }
+
+ return lines.join("\n");
+
+ // if(!in_recursion) {
+ // this.send(lines[i]);
+ // }
+ //var html = selleck.render_section(template, context, partials);
+ //if(in_recursion) {
+ // return this.render_tags(html, context, partials, in_recursion);
+ //}
+
+ //this.render_tags(html, context, partials, in_recursion);
+ },
+
+ // Sends parsed lines
+ send: function(line) {
+ if(line != "") {
+ this.buffer.push(line);
+ }
+ },
+
+ // Looks for %PRAGMAS
+ //render_pragmas: function(template) {
+ // // no pragmas
+ // if(!this.includes("%", template)) {
+ // return template;
+ // }
+
+ // var that = this;
+ // var regex = new RegExp(this.otag + "%([\\w-]+) ?([\\w]+=[\\w]+)?" +
+ // this.ctag);
+ // return template.replace(regex, function(match, pragma, options) {
+ // if(!that.pragmas_implemented[pragma]) {
+ // throw({message:
+ // "This implementation of mustache doesn't understand the '" +
+ // pragma + "' pragma"});
+ // }
+ // that.pragmas[pragma] = {};
+ // if(options) {
+ // var opts = options.split("=");
+ // that.pragmas[pragma][opts[0]] = opts[1];
+ // }
+ // return "";
+ // // ignore unknown pragmas silently
+ // });
+ //},
+
+ // Tries to find a partial in the current scope and render it
+ render_partial: function(name, context, partials) {
+ if(!partials || partials[name] === undefined) {
+ throw({message: "unknown_partial '" + name + "'"});
+ }
+ if(typeof(context[name]) != "object") {
+ return this.render(partials[name], context, partials, true);
+ }
+ return this.render(partials[name], context[name], partials, true);
+ },
+
+ // Renders inverted (^) and normal (#) sections
+ render_section: function(template, context, partials) {
+ if(!this.includes("#", template) && !this.includes("^", template)) {
+ return template;
+ }
+
+ var that = this;
+ // CSW - Added "+?" so it finds the tighest bound, not the widest
+ var regex = new RegExp(this.otag + "(\\^|\\#)\\s*(.+)\\s*" + this.ctag +
+ "\n*([\\s\\S]+?)" + this.otag + "\\/\\s*\\2\\s*" + this.ctag +
+ "\\s*", "mg");
+
+ // for each {{#foo}}{{/foo}} section do...
+ return template.replace(regex, function(match, type, name, content) {
+ var value = that.find(name, context);
+ if(type == "^") { // inverted section
+ if(!value || that.is_array(value) && value.length === 0) {
+ // false or empty list, render it
+ return that.render(content, context, partials, true);
+ } else {
+ return "";
+ }
+ } else if(type == "#") { // normal section
+ if(that.is_array(value)) { // Enumerable, Let's loop!
+ return that.map(value, function(row) {
+ return that.render(content, that.create_context(row),
+ partials, true);
+ }).join("");
+ } else if(that.is_object(value)) { // Object, Use it as subcontext!
+ return that.render(content, that.create_context(value),
+ partials, true);
+ } else if(typeof value === "function") {
+ // higher order section
+ return value.call(context, content, function(text) {
+ return that.render(text, context, partials, true);
+ });
+ } else if(value) { // boolean section
+ return that.render(content, context, partials, true);
+ } else {
+ return "";
+ }
+ }
+ });
+ },
+
+ // Replace {{foo}} and friends with values from our view
+ render_tags: function(template, context, partials, in_recursion) {
+ // tit for tat
+ var that = this;
+
+ var new_regex = function() {
+ return new RegExp(that.otag + "(=|!|>|\\{|%)?([^\\/#\\^]+?)\\1?" +
+ that.ctag + "+", "g");
+ };
+
+ var regex = new_regex();
+ var tag_replace_callback = function(match, operator, name) {
+ switch(operator) {
+ case "!": // ignore comments
+ return "";
+ case "=": // set new delimiters, rebuild the replace regexp
+ that.set_delimiters(name);
+ regex = new_regex();
+ return "";
+ case ">": // render partial
+ return that.render_partial(name, context, partials);
+ case "{": // the triple mustache is unescaped
+ return that.find(name, context);
+ default: // escape the value
+ return that.escape(that.find(name, context));
+ }
+ };
+ var lines = template.split("\n");
+ for(var i = 0; i < lines.length; i++) {
+ lines[i] = lines[i].replace(regex, tag_replace_callback, this);
+ if(!in_recursion) {
+ this.send(lines[i]);
+ }
+ }
+
+ if(in_recursion) {
+ return lines.join("\n");
+ }
+ },
+
+ set_delimiters: function(delimiters) {
+ var dels = delimiters.split(" ");
+ this.otag = this.escape_regex(dels[0]);
+ this.ctag = this.escape_regex(dels[1]);
+ },
+
+ escape_regex: function(text) {
+ // thank you Simon Willison
+ if(!arguments.callee.sRE) {
+ var specials = [
+ '/', '.', '*', '+', '?', '|',
+ '(', ')', '[', ']', '{', '}', '\\'
+ ];
+ arguments.callee.sRE = new RegExp(
+ '(\\' + specials.join('|\\') + ')', 'g'
+ );
+ }
+ return text.replace(arguments.callee.sRE, '\\$1');
+ },
+
+ // Find name in current context
+ find: function(name, context) {
+ // Checks whether a value is thruthy or false or 0
+ function is_kinda_truthy(bool) {
+ return bool === false || bool === 0 || bool;
+ }
+
+ var value;
+ if (is_kinda_truthy(context[name])) {
+ value = context[name];
+ } else if (is_kinda_truthy(this.context[name])) {
+ value = this.context[name];
+ }
+
+ if (typeof value === "function") {
+ return value.apply(context);
+ }
+ if (value !== undefined) {
+ return value;
+ }
+ // silently ignore unkown variables
+ return "";
+ },
+
+ // Utility methods
+
+ // Check if section includes tag
+ includes: function(needle, haystack) {
+ return haystack.indexOf(this.otag + needle) != -1;
+ },
+
+ /*
+ Does away with nasty characters
+ */
+ escape: function(s) {
+ s = String(s === null ? "" : s);
+ return s.replace(/&(?!\w+;)|["'<>\\]/g, function(s) {
+ switch(s) {
+ case "&": return "&amp;";
+ case "\\": return "\\\\";
+ case '"': return '&quot;';
+ case "'": return '&#39;';
+ case "<": return "&lt;";
+ case ">": return "&gt;";
+ default: return s;
+ }
+ });
+ },
+
+ // by @langalex, support for arrays of strings
+ create_context: function(_context) {
+ if(this.is_object(_context)) {
+ return _context;
+ } else {
+ var iterator = ".";
+ var ctx = {};
+ ctx[iterator] = _context;
+ return ctx;
+ }
+ },
+
+ is_object: function(a) {
+ return a && typeof a === "object";
+ },
+
+ is_array: function(a) {
+ return Object.prototype.toString.call(a) === '[object Array]';
+ },
+
+ // Why, why, why? Because IE. Cry, cry cry.
+ map: function(array, fn) {
+ if (typeof array.map == "function") {
+ return array.map(fn);
+ } else {
+ var r = [];
+ var l = array.length;
+ for(var i = 0; i < l; i++) {
+ r.push(fn(array[i]));
+ }
+ return r;
+ }
+ }
+};
+
+exports.render = selleck.render;
+
+// return({
+// name: "mustache.js",
+// version: "0.3.1-dev",
+//
+// /*
+// Turns a template and view into HTML
+// */
+// to_html: function(template, view, partials, send_fun) {
+// var renderer = new Renderer();
+// if(send_fun) {
+// renderer.send = send_fun;
+// }
+// renderer.render(template, view, partials);
+// if(!send_fun) {
+// return renderer.buffer.join("\n");
+// }
+// }
+// });
+//}();
+
21 test/blog.html
@@ -0,0 +1,21 @@
+<h1>{blog.title}</h1>
+{if posts}
+ <section id="posts">
+ {for post in posts}
+ <article>
+ <header>
+ <h1>{post.title|safe}</h1>
+ <p class="by">{post.author}</p>
+ </header>
+ <div>{post.content|markdown}</div>
+ </article>
+ {for comment in post.comments}
+ {>comment}
+ {^for}
+ <p>No comments have yet been made.</p>
+ {/for}
+ {/for}
+ </section>
+{^if}
+ <p>No posts!</p>
+{/if}
7 test/comment.html
@@ -0,0 +1,7 @@
+ <section class="comment">
+ <header>
+ <h1>A comment on {post.title|safe}, written by {post.author}</h1>
+ <p class="by">{comment.author}</p>
+ </header>
+ <div>{comment.content|markdown}</div>
+ </section>
37 test/test.js
@@ -0,0 +1,37 @@
+var fs = require('fs');
+var selleck = require('./selleck');
+
+var template = fs.readFileSync('blog.html', 'utf8');
+
+var context = {
+ blog: {
+ title: "Scrumptious lessons",
+ },
+ posts: [
+ {
+ title: 'A happy time',
+ content: 'In my childhood I would laugh and play.',
+ author: 'Hornsby Sumpin'
+ },
+ {
+ title: 'Better days',
+ content: 'Pals are a necessity in this lonely world.',
+ author: 'Baffle McCough',
+ comments: [
+ {
+ content: 'I stand in complete agreement.',
+ author: 'Bitters Compote'
+ },
+ {
+ content: 'What a baleful load of beeswax.',
+ author: 'Gluglug Baldag'
+ }
+ ]
+ }
+ ]
+};
+
+var partials = {};
+
+var rendered = selleck.render(template, context, partials);
+console.log(rendered);
Please sign in to comment.
Something went wrong with that request. Please try again.