HTML Email templates for jemjar
In order to ease development, there is a gulp file with many tasks. For template development, most likely you'll just need to run:
``
gulp
The default gulp does the following
* Render all templates
* Start a server at http://localhost:8080 where all emails will be available in the browser
* Re-render the appropriate email when the main email file is edited
* Re-render all templates when a block is edited
On re-rendering, the browser will refresh automatically.
You need to either:
* install ts-node globally
* find a way to make ts-node work as a local command (node_modules/.bin/ts-node) and change gulpfile.js
1. Add a new illustration to .\static\ folder.\static\urls.ts
2. Add new url variable in filegulp
3. Include new url variable to an email template
4. Re-run in order to see the illustration in the browser
Illustrations update automatically on s3 bucket on deployment.
* Install a plugin for your code editor to format .njk files
* Apply formatting rules from .njkformat file
* Install jkformat - https://marketplace.visualstudio.com/items?itemName=jaskang.jkformat%USERPROFILE%\.vscode\extensions\jaskang.jkformat-1.0.6\out\src\beautify\index.js
* In the file (for Windows) change value of unformatted prop in args object in a function beatify() from true to false (to prevent case changing of a template's variables inside html tags).njkformat
* Copy settings from file to your Workspace settings`
{
"settings": {
"jkformat": {
// Paste your .njk formatting rules from .njkformat file here
}
},
}
* Open .njk file and run command to format your code.njkformat
* If you want to update see default settings in %USERPROFILE%\.vscode\extensions\jaskang.jkformat-1.0.6\out\src\beautify\options.js` (for Windows)