s2/ejs-render-remote
1
0
Fork 0
mirror of https://github.com/S2-/ejs-render-remote synced 2025-08-04 05:20:04 +02:00
Code Issues Releases Wiki Activity

Compare commits

base: s2:v1.0.12
Branches Tags
s2:master
s2:v1.0.13 s2:v1.0.12 s2:v1.0.11 s2:v1.0.10 s2:v1.0.9 s2:v1.0.8 s2:v1.0.7 s2:v1.0.6 s2:v1.0.5 s2:v1.0.4 s2:v1.0.3 s2:v1.0.2 s2:v1.0.1 s2:v1.0.0
..
compare: s2:37a2512f4bb76221d7fa2b3d0763ad7d067acd07
Branches Tags
s2:master
s2:v1.0.13 s2:v1.0.12 s2:v1.0.11 s2:v1.0.10 s2:v1.0.9 s2:v1.0.8 s2:v1.0.7 s2:v1.0.6 s2:v1.0.5 s2:v1.0.4 s2:v1.0.3 s2:v1.0.2 s2:v1.0.1 s2:v1.0.0

1 Commits
v1.0.12 ... 37a2512f4b

Author SHA1 Message Date
s2
37a2512f4b v1.0.3 2019-04-14 22:05:08 +02:00
7 changed files with 34 additions and 66 deletions
Expand all files Collapse all files

3
.eslintrc.json
View File

@@ -28,7 +28,6 @@
"dot-notation": 0, "dot-notation": 0,
"no-multi-str": 2, "no-multi-str": 2,
"key-spacing": [2, {"afterColon": true}], "key-spacing": [2, {"afterColon": true}],
"func-call-spacing": [2, "never"], "func-call-spacing": [2, "never"]
"no-console": "warn"
} }
} }

75
ejs-render-remote.js
View File

@@ -1,4 +1,4 @@
//this uses jQuery for now because ie11 support is needed (promises, fetch, Object.assign) //this uses jQuery for now because ie11 support is needed (promises and fetch)
(function($) { (function($) {
var uuidv4 = function() { var uuidv4 = function() {
@@ -9,28 +9,19 @@
}); });
}; };
var overwriteWithCacheOptions = function(options, cacheName) { ejs.rr = function(templateUrl, data) {
var cacheOptions = {
cache: true,
filename: cacheName
};
var templateOptions = options || {};
return $.extend(templateOptions, cacheOptions);
};
ejs.rr = function(templateUrl, data, options) {
var templateFn = ejs.cache.get(templateUrl); var templateFn = ejs.cache.get(templateUrl);
//if the template is already cached, return it and we are done //if the template is already cached, return it and we are done
if (templateFn) { if (templateFn) {
try { //but first check if there is still a getter function for this template in the cache
return templateFn(data); //if yes, remove it so we clean up a bit
} catch(ex) { if (ejs.cache.remove && ejs.cache.get('getFnFor' + templateUrl)) {
$.readyException(ex); ejs.cache.remove('getFnFor' + templateUrl);
} }
return templateFn(data);
} else { //if the template is not cached, we need to get it and render it later once we have it. remember: this happens only if the template is not already cached } else { //if the template is not cached, we need to get it and render it later once we have it. remember: this happens only if the template is not already cached
//is there a getFn for this template? //is there a getFn for this template?
@@ -41,47 +32,39 @@
} }
var r = uuidv4(); var r = uuidv4();
getTemplateFn.done(function(template) { getTemplateFn.then(function(template) {
var templateOptions = overwriteWithCacheOptions(options, templateUrl); $('#' + r).replaceWith(ejs.render(
template,
try { data,
$('#' + r).replaceWith(ejs.render( {
template, cache: true,
data, filename: templateUrl
templateOptions }
)); ));
} catch(ex) {
$.readyException(ex);
}
//clean up the getFnFor
if (ejs.cache.remove && ejs.cache.get('getFnFor' + templateUrl)) {
ejs.cache.remove('getFnFor' + templateUrl);
}
}); });
return '<span class="ejs-templateplaceholder" style="display: none;" id="' + r + '"></span>'; return '<span class="ejs-templateplaceholder" style="display: none;" id="' + r + '"></span>';
} }
}; };
ejs.preloadTemplate = function(templateUrl, options) { ejs.preloadTemplate = function(templateUrl) {
var d = $.Deferred(); var d = $.Deferred();
//if the template is already cached, just return. //if the template is already cached, just return.
if (ejs.cache.get(templateUrl)) { if (ejs.cache.get(templateUrl)) {
d.resolve(templateUrl); d.resolve();
} else { } else {
$.get(templateUrl) $.get(templateUrl)
.done(function(template) { .then(function(template) {
try { var templateFn = ejs.compile(template,
var templateOptions = overwriteWithCacheOptions(options, templateUrl); {
var templateFn = ejs.compile(template, templateOptions); cache: true,
ejs.cache.set(templateUrl, templateFn); filename: templateUrl
d.resolve(templateUrl); });
} catch(ex) {
$.readyException(ex); ejs.cache.set(templateUrl, templateFn);
d.reject(ex);
} d.resolve(templateUrl);
}); });
} }

2
examples/ejs.min.js vendored
View File

File diff suppressed because one or more lines are too long

9
examples/index.html
View File

@@ -9,7 +9,6 @@
<body> <body>
<h1>ejs-render-remote example</h1> <h1>ejs-render-remote example</h1>
<p class="hello"></p> <p class="hello"></p>
<div class="sometext"></div>
<script src="jquery.min.js"></script> <script src="jquery.min.js"></script>
<script src="ejs.min.js"></script> <script src="ejs.min.js"></script>
@@ -19,14 +18,6 @@
<script> <script>
//render the template //render the template
$('.hello').html(ejs.rr('templates/hello.ejs', {name: 'Simon'})); $('.hello').html(ejs.rr('templates/hello.ejs', {name: 'Simon'}));
//a more elaborate example: preload the template to be sure the dom is
//ready when manipulated
ejs.preloadTemplate('templates/somestuff.ejs')
.then(function(t) {
$('.sometext').html(ejs.rr(t)); //this is sync now
$('.stuff').html('hi!');
});
</script> </script>
</body> </body>
</html> </html>

2
examples/templates/hello.ejs
View File

@@ -1 +1 @@
Hello <%= name %>! Hello <%= name%>!

1
examples/templates/somestuff.ejs
View File

@@ -1 +0,0 @@
<p class="stuff"></p>

8
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "ejs-render-remote", "name": "ejs-render-remote",
"version": "1.0.12", "version": "1.0.3",
"description": "", "description": "",
"main": "index.js", "main": "index.js",
"homepage": "https://github.com/S2-/ejs-render-remote", "homepage": "https://github.com/S2-/ejs-render-remote",
@@ -9,9 +9,5 @@
}, },
"author": "s2 <s2@31337.it>", "author": "s2 <s2@31337.it>",
"license": "ISC", "license": "ISC",
"keywords": [ "keywords": ["ejs", "templating", "client-side"]
"ejs",
"templating",
"client-side"
]
} }