s2/vanillajs-seed
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

replace ejs-utils with ejs-render-remote

Browse Source
This commit is contained in:
s2
2019-04-14 18:23:33 +02:00
parent f4f96fa7e9
commit dde32ded55
11 changed files with 126 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
node_modules/ejs-render-remote/README.md generated vendored Normal file
View File

@@ -0,0 +1,32 @@
# ejs-render-remote
[ejs](https://ejs.co/) remote client side includes.
## Quick start
0. Install with `npm i ejs-render-remote`
1. Include this script
```html
<script src="node_modules/ejs-render-remote/ejs-render-remote.js"></script>
```
2. Creare a file with your template, for example `templates/hello-world.ejs` containing `hello <%= name %>!`
3. Render the remote template:
```js
someDomelement.outerHTML = ejs.rr('templates/hello-world.ejs', {name: 'Simon'});
```
## Examples
See `examples` folder.
## api
### ejs.rr(templateUrl, data)
`ejs.rr` (render remote) renders the remote template. It makes an ajax call to fetch the template and then `ejs.render`s it.
The resulting ejs template function is cached, so the second time this function is invoked for that same template, `ejs.rr` returns the rendered template synchronously.
### ejs.preloadTemplate(templateUrl)
Since `ejs.rr` is async, you can call `ejs.preloadTemplate` before invoking `ejs.rr` to warm the template chace up for that `templateUrl`.
By doing so the call to `ejs.rr` will return the rendered template string right away.

73
node_modules/ejs-render-remote/ejs-render-remote.js generated vendored Normal file
View File

@@ -0,0 +1,73 @@
//this uses jQuery for now because ie11 support is needed (promises and fetch)
(function($) {
var uuidv4 = function() {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
var r = Math.random() * 16 | 0;
var v = c == 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
};
ejs.rr = function(templateUrl, data) {
var templateFn = ejs.cache.get(templateUrl);
//if the template is already cached, return it and we are done
if (templateFn) {
//but first check if there is still a getter function for this template in the cache
//if yes, remove it so we clean up a bit
if (ejs.cache.remove && ejs.cache.get('getFnFor' + templateUrl)) {
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
//is there a getFn for this template?
var getTemplateFn = ejs.cache.get('getFnFor' + templateUrl);
if (!getTemplateFn) {
getTemplateFn = $.get(templateUrl);
ejs.cache.set('getFnFor' + templateUrl, getTemplateFn);
}
var r = uuidv4();
getTemplateFn.then(function(template) {
document.getElementById(r).outerHTML = ejs.render(
template,
data,
{
cache: true,
filename: templateUrl
}
);
});
return '<span class="ejs-templateplaceholder" style="display: none;" id="' + r + '"></span>';
}
};
ejs.preloadTemplate = function(templateUrl) {
var d = $.Deferred();
//if the template is already cached, just return.
if (ejs.cache.get(templateUrl)) {
d.resolve();
} else {
$.get(templateUrl)
.then(function(template) {
var templateFn = ejs.compile(template,
{
cache: true,
filename: templateUrl
});
ejs.cache.set(templateUrl, templateFn);
d.resolve();
});
}
return d;
}
})(jQuery);

1
node_modules/ejs-render-remote/examples/ejs.min.js generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

23
node_modules/ejs-render-remote/examples/index.html generated vendored Normal file
View File

@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ejs-render-remote example</title>
</head>
<body>
<h1>ejs-render-remote example</h1>
<p class="hello"></p>
<script src="jquery.min.js"></script>
<script src="ejs.min.js"></script>
<script src="../ejs-render-remote.js"></script>
<script>
//render the template
$('.hello').html(ejs.rr('templates/hello.ejs', {name: 'Simon'}));
</script>
</body>
</html>

2
node_modules/ejs-render-remote/examples/jquery.min.js generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
node_modules/ejs-render-remote/examples/templates/hello.ejs generated vendored Normal file
View File

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

46
node_modules/ejs-render-remote/package.json generated vendored Normal file
View File

@@ -0,0 +1,46 @@
{
"_from": "ejs-render-remote",
"_id": "ejs-render-remote@1.0.1",
"_inBundle": false,
"_integrity": "sha512-1h2EhT9lMfSXeC4DOdKEYCtKgjasn56m0r2/Ilh4sFW+EQbVyKE0QKYKHbFJDqwrRdNK095ytRFkhFH8oatFxg==",
"_location": "/ejs-render-remote",
"_phantomChildren": {},
"_requested": {
"type": "tag",
"registry": true,
"raw": "ejs-render-remote",
"name": "ejs-render-remote",
"escapedName": "ejs-render-remote",
"rawSpec": "",
"saveSpec": null,
"fetchSpec": "latest"
},
"_requiredBy": [
"#USER",
"/"
],
"_resolved": "https://registry.npmjs.org/ejs-render-remote/-/ejs-render-remote-1.0.1.tgz",
"_shasum": "11c8cef4aff9e100a05371afef28ec5a05c6d4ef",
"_spec": "ejs-render-remote",
"_where": "/home/s2/Code/vanillajs-seed",
"author": {
"name": "s2",
"email": "s2@31337.it"
},
"bundleDependencies": false,
"deprecated": false,
"description": "[ejs](https://ejs.co/) remote client side includes.",
"homepage": "https://github.com/S2-/ejs-render-remote",
"keywords": [
"ejs",
"templating",
"client-side"
],
"license": "ISC",
"main": "index.js",
"name": "ejs-render-remote",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"version": "1.0.1"
}