mirror of
/repos/Prototyper.git
synced 2025-12-30 06:31:32 +01:00
74 lines
3.0 KiB
JavaScript
74 lines
3.0 KiB
JavaScript
var Handlebars = require('handlebars');
|
|
var _ = require('underscore');
|
|
var less = require('less');
|
|
|
|
module.exports = function (config) {
|
|
|
|
var sourceHead =
|
|
'<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>\n' +
|
|
'{{#if debug}}' +
|
|
'<link href="/content/{{collection}}/{{name}}/style.css" media="all" rel="stylesheet/less" type="text/css">\n' +
|
|
'<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.3.3/less.min.js"></script>\n' +
|
|
'{{else}}' +
|
|
'<link href="/content/{{collection}}/{{name}}/style.css" media="all" rel="stylesheet" type="text/css">\n' +
|
|
'{{/if}}';
|
|
|
|
var sourceBody =
|
|
'<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>\n' +
|
|
'<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/2.2.1/knockout-min.js"></script>\n' +
|
|
'<script src="//cdnjs.cloudflare.com/ajax/libs/knockout-validation/1.0.2/knockout.validation.min.js"></script>\n' +
|
|
'<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>\n' +
|
|
'<script src="/content/{{collection}}/{{name}}/behaviour.js"></script>\n';
|
|
|
|
var templateHead = Handlebars.compile(sourceHead);
|
|
var templateBody = Handlebars.compile(sourceBody);
|
|
|
|
var getPreviewHTML = function (options, content, callback) {
|
|
|
|
var html = replaceMarkers(options, content, templateHead(options), templateBody(options));
|
|
|
|
callback(null, html);
|
|
};
|
|
|
|
var replaceMarkers = function (options, html, styleMarkerReplacement, jsMarkerReplacement) {
|
|
|
|
function replace(marker, replacement) {
|
|
var regExp = new RegExp('<!--\\s*@@' + marker + '\\s*-->');
|
|
if (html.match(regExp)) {
|
|
html = html.replace(regExp, replacement);
|
|
} else {
|
|
html = html.replace('</head>', '<script>if (typeof window.console !== "undefined"){console.log("WARNING: Missing <!--@@' + marker + '-->");}</script>\n</head>');
|
|
}
|
|
}
|
|
|
|
console.log('martker options',options);
|
|
/* markers:
|
|
[type]_[collection]_[name]_[attribute]
|
|
|
|
script -> <script src="/content/collection/name/attribute.js"/>
|
|
style -> <link href="/content/collection/name/attribute.css" media="all" rel="stylesheet" type="text/css">
|
|
|
|
|
|
template_[collection]_[nameX]_[attribute]_context_[collection]_[name]_[attribute]
|
|
template -> put /content/collection/nameX/attribute thru handlebars.. context=collection/name/attribute and include
|
|
|
|
[type]_[collection]_[name]
|
|
script -> <script src="/content/collection/name.js"/>
|
|
contains all type='script' attributes concatenated based on 'order'
|
|
style -> <link href="/content/collection/name.css" media="all" rel="stylesheet" type="text/css">
|
|
contains all type='style' attributes concatenated based on 'order'
|
|
*/
|
|
replace(options.collection + '_' + options.name + '_' + 'style_marker', styleMarkerReplacement);
|
|
replace(options.collection + '_' + options.name + '_' + 'behaviour_marker', jsMarkerReplacement);
|
|
|
|
return html;
|
|
};
|
|
|
|
|
|
return {
|
|
getPreviewHTML: getPreviewHTML,
|
|
_replaceMarkers: replaceMarkers
|
|
};
|
|
};
|
|
|