Insert preheaders on Postmark layouts

ActiveCampaign · Jun 12, 2020 · bed6874 · bed6874
1 parent de82433
commit bed6874
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 0 deletions.
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -257,6 +257,15 @@ module.exports = function(grunt) {
         ],
       },
 
+      // Insert mustachio syntax on Postmark layout preheaders
+      postmarkPreheader: {
+        src: [`${path.dist}postmark-layouts/**/content.hbs`],
+        overwrite: true,
+        replacements: [
+          { from: /({{)(.?pm:preheader.?)(}})/g, to: '\\{{#preheader}}<span class="preheader">\\{{.}}</span>\\{{/preheader}}' },
+        ],
+      },
+
       // Remove handlebars config
       postmarkConfig: {
         src: [`${path.dist}postmark-templates/**/content.hbs`],
@@ -412,6 +421,7 @@ module.exports = function(grunt) {
     'copy:postmarkLayouts', // Copy Handlebars layouts to dist folder
     'replace:postmarkPlaceholder', // Replace handlebars {{body}} with Postmark content placeholder
     'replace:postmarkConfig', // Remove handlebars config from layouts
+    'replace:postmarkPreheader', // Insert mustachio syntax on Postmark layout preheaders
     'assemble:postmark', // Compile handlebars templates and layouts. Mainly used for loading partials into the templates.
     'inline:postmark', // Load external CSS into layouts
     'replace:styleBlock', // Add properties to style block

diff --git a/dist/postmark-layouts/basic-full/content.html b/dist/postmark-layouts/basic-full/content.html
@@ -436,6 +436,7 @@
   <![endif]-->
   </head>
   <body>
+    {{#preheader}}<span class="preheader">{{.}}</span>{{/preheader}}
     <table class="email-wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation">
       <tr>
         <td align="center">

diff --git a/dist/postmark-layouts/basic/content.html b/dist/postmark-layouts/basic/content.html
@@ -431,6 +431,7 @@
   <![endif]-->
   </head>
   <body>
+    {{#preheader}}<span class="preheader">{{.}}</span>{{/preheader}}
     <table class="email-wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation">
       <tr>
         <td align="center">

diff --git a/dist/postmark-layouts/plain/content.html b/dist/postmark-layouts/plain/content.html
@@ -423,6 +423,7 @@
   <![endif]-->
   </head>
   <body>
+    {{#preheader}}<span class="preheader">{{.}}</span>{{/preheader}}
     <table class="email-wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation">
       <tr>
         <td align="center">

diff --git a/src/layouts/basic-full/content.hbs b/src/layouts/basic-full/content.hbs
@@ -20,6 +20,7 @@
 
 <body>
   {{#if preheader}}<span class="preheader">{{ preheader }}</span>{{/if}}
+  {{ pm:preheader }}
   <table class="email-wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation">
     <tr>
       <td align="center">

diff --git a/src/layouts/basic/content.hbs b/src/layouts/basic/content.hbs
@@ -20,6 +20,7 @@
 
 <body>
   {{#if preheader}}<span class="preheader">{{ preheader }}</span>{{/if}}
+  {{ pm:preheader }}
   <table class="email-wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation">
     <tr>
       <td align="center">

diff --git a/src/layouts/plain/content.hbs b/src/layouts/plain/content.hbs
@@ -20,6 +20,7 @@
 
 <body>
   {{#if preheader}}<span class="preheader">{{ preheader }}</span>{{/if}}
+  {{ pm:preheader }}
   <table class="email-wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation">
     <tr>
       <td align="center">