discourse/app/assets/javascripts/discourse-common/addon/lib/raw-handlebars.js

Failed to ignore revisions in .git-blame-ignore-revs.

133 lines
3.5 KiB
JavaScript
Raw Normal View History

import Handlebars from "handlebars";
2016-06-30 17:10:08 -04:00
// This is a mechanism for quickly rendering templates which is Ember aware
// templates are highly compatible with Ember so you don't need to worry about calling "get"
// and discourseComputed properties function, additionally it uses stringParams like Ember does
2016-06-30 17:10:08 -04:00
const RawHandlebars = Handlebars.create();
2016-07-13 15:36:34 -04:00
function buildPath(blk, args) {
2018-06-15 11:03:24 -04:00
var result = {
type: "PathExpression",
2016-07-13 15:36:34 -04:00
data: false,
depth: blk.path.depth,
2018-06-15 11:03:24 -04:00
loc: blk.path.loc
};
2016-07-13 15:36:34 -04:00
// Server side precompile doesn't have jquery.extend
2018-06-15 11:03:24 -04:00
Object.keys(args).forEach(function(a) {
2016-07-13 15:36:34 -04:00
result[a] = args[a];
});
return result;
}
function replaceGet(ast) {
var visitor = new Handlebars.Visitor();
visitor.mutating = true;
visitor.MustacheStatement = function(mustache) {
if (!(mustache.params.length || mustache.hash)) {
mustache.params[0] = mustache.path;
2018-06-15 11:03:24 -04:00
mustache.path = buildPath(mustache, {
parts: ["get"],
original: "get",
strict: true,
falsy: true
});
2016-07-13 15:36:34 -04:00
}
return Handlebars.Visitor.prototype.MustacheStatement.call(this, mustache);
};
// rewrite `each x as |y|` as each y in x`
// This allows us to use the same syntax in all templates
visitor.BlockStatement = function(block) {
2018-06-15 11:03:24 -04:00
if (block.path.original === "each" && block.params.length === 1) {
2016-07-13 15:36:34 -04:00
var paramName = block.program.blockParams[0];
2018-06-15 11:03:24 -04:00
block.params = [
buildPath(block, { original: paramName }),
{ type: "CommentStatement", value: "in" },
block.params[0]
];
2016-07-13 15:36:34 -04:00
delete block.program.blockParams;
}
return Handlebars.Visitor.prototype.BlockStatement.call(this, block);
};
visitor.accept(ast);
}
2016-06-30 17:10:08 -04:00
if (Handlebars.Compiler) {
RawHandlebars.Compiler = function() {};
RawHandlebars.Compiler.prototype = Object.create(
2018-06-15 11:03:24 -04:00
Handlebars.Compiler.prototype
);
2016-06-30 17:10:08 -04:00
RawHandlebars.Compiler.prototype.compiler = RawHandlebars.Compiler;
RawHandlebars.JavaScriptCompiler = function() {};
RawHandlebars.JavaScriptCompiler.prototype = Object.create(
2018-06-15 11:03:24 -04:00
Handlebars.JavaScriptCompiler.prototype
);
RawHandlebars.JavaScriptCompiler.prototype.compiler =
RawHandlebars.JavaScriptCompiler;
2016-06-30 17:10:08 -04:00
RawHandlebars.JavaScriptCompiler.prototype.namespace = "RawHandlebars";
RawHandlebars.precompile = function(value, asObject) {
var ast = Handlebars.parse(value);
replaceGet(ast);
var options = {
knownHelpers: {
get: true
},
data: true,
stringParams: true
};
asObject = asObject === undefined ? true : asObject;
var environment = new RawHandlebars.Compiler().compile(ast, options);
2018-06-15 11:03:24 -04:00
return new RawHandlebars.JavaScriptCompiler().compile(
environment,
options,
undefined,
asObject
);
2016-06-30 17:10:08 -04:00
};
RawHandlebars.compile = function(string) {
var ast = Handlebars.parse(string);
replaceGet(ast);
// this forces us to rewrite helpers
2018-06-15 11:03:24 -04:00
var options = { data: true, stringParams: true };
2016-06-30 17:10:08 -04:00
var environment = new RawHandlebars.Compiler().compile(ast, options);
2018-06-15 11:03:24 -04:00
var templateSpec = new RawHandlebars.JavaScriptCompiler().compile(
environment,
options,
undefined,
true
);
2016-06-30 17:10:08 -04:00
2016-07-04 14:15:51 -04:00
var t = RawHandlebars.template(templateSpec);
t.isMethod = false;
2016-06-30 17:10:08 -04:00
2016-07-04 14:15:51 -04:00
return t;
2016-06-30 17:10:08 -04:00
};
2016-07-04 14:15:51 -04:00
}
2016-06-30 17:10:08 -04:00
2016-07-04 14:15:51 -04:00
export function template() {
return RawHandlebars.template.apply(this, arguments);
2016-06-30 17:10:08 -04:00
}
2016-07-04 14:15:51 -04:00
export function precompile() {
return RawHandlebars.precompile.apply(this, arguments);
2016-06-30 17:10:08 -04:00
}
2016-07-04 14:15:51 -04:00
export function compile() {
return RawHandlebars.compile.apply(this, arguments);
2016-06-30 17:10:08 -04:00
}
export default RawHandlebars;