@drax/email-back 0.9.0

package/test/Email.test.ts

@@ -0,0 +1,83 @@
+import {describe, test} from "vitest";
+import {EmailLayoutService} from '../src/services/EmailLayoutService.js'
+import {fileURLToPath} from "url";
+import path from "path";
+import {EmailServiceFactory} from "../src/factory/EmailServiceFactory.js";
+
+
+let body = `
+        <h2 style="font-size: 22px; color: #333333; font-weight: 600; margin: 0 0 10px 0;">Bienvenido a Nuestro Boletín</h2>
+        <p style="font-size: 16px; line-height: 1.6; color: #555555; margin: 0 0 15px 0;">Hola, nos complace anunciarte nuestras últimas novedades. En este correo te mantendremos actualizado sobre todos nuestros productos y servicios. Gracias por formar parte de nuestra comunidad.</p>
+        <p style="font-size: 16px; line-height: 1.6; color: #555555; margin: 0;">Si tienes alguna duda, no dudes en contactarnos. Estamos aquí para ayudarte.</p>
+        `
+
+//I Need the absolute path of template.pug file in the same directory as this file with nodejs 20 and type module
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const templatePath = path.join(__dirname, 'template.pug');
+
+describe("Email Service", function () {
+
+
+    test("Email Send with Preview Logo Title default style", async () => {
+
+        // modify run configuration: --env-file .env
+
+        let emailLayoutService = new EmailLayoutService({
+            headerCentered: false,
+            headerTitle: 'Example',
+            headerLogo: 'https://media.sondeosglobal.com/media/files/cincarnato/2023/11/sndlogo-H31daC.png',
+            footerCopyright: 'My Company. Todos los derechos reservados.',
+            footerContent: '<p>Some Text here.</p>',
+        })
+
+        const mail = {
+            from: 'from@example.com',
+            to: 'to@example.com',
+            subject: 'the subject',
+            html: emailLayoutService.html(body),
+            text: ''
+        }
+
+        let emailService = EmailServiceFactory.instance
+
+        const r = await emailService.sendEmail({
+            from: 'ci.sys.virtual@gmail.com',
+            to: 'cristian.cdi@gmail.com',
+            subject: 'the subject',
+            html: emailLayoutService.html(body),
+        })
+
+        console.log("R", r)
+
+    })
+
+    test("Email send Image", async () => {
+
+        // modify run configuration: --env-file .env
+
+        let emailLayoutService = new EmailLayoutService({
+            headerCentered: false,
+            headerImage: 'https://media.sondeosglobal.com/media/files/cincarnato/2025/1/bannerdrax-rsDnbj.png',
+            headerImageStyle: 'width: 800px; display: block; margin: 0 auto;',
+            footerCopyright: 'My Company. Todos los derechos reservados.',
+            footerContent: '<p>Some Text here.</p>',
+            footerUnsubscribe: '<a href="/">Unsuscribe</a>'
+        })
+
+
+        let emailService = EmailServiceFactory.instance
+
+        const r = await emailService.sendEmail({
+            from: 'ci.sys.virtual@gmail.com',
+            to: 'cristian.cdi@gmail.com',
+            subject: 'the subject',
+            html: emailLayoutService.html(body),
+        })
+
+        console.log("R", r)
+
+    })
+
+
+})

package/test/EmailLayout.test.ts

@@ -0,0 +1,193 @@
+import {describe, test} from "vitest";
+import {EmailLayoutService} from '../src/services/EmailLayoutService.js'
+import {EmailService} from '../src/services/EmailService.js'
+import previewEmail from 'preview-email';
+import {fileURLToPath} from "url";
+import path from "path";
+
+
+let body = `
+        <h2 style="font-size: 22px; color: #333333; font-weight: 600; margin: 0 0 10px 0;">Bienvenido a Nuestro Boletín</h2>
+        <p style="font-size: 16px; line-height: 1.6; color: #555555; margin: 0 0 15px 0;">Hola, nos complace anunciarte nuestras últimas novedades. En este correo te mantendremos actualizado sobre todos nuestros productos y servicios. Gracias por formar parte de nuestra comunidad.</p>
+        <p style="font-size: 16px; line-height: 1.6; color: #555555; margin: 0;">Si tienes alguna duda, no dudes en contactarnos. Estamos aquí para ayudarte.</p>
+        `
+
+//I Need the absolute path of template.pug file in the same directory as this file with nodejs 20 and type module
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const templatePath = path.join(__dirname, 'template.pug');
+
+describe("Email Layout", function () {
+
+
+    test("Email Layout Preview Image", async () => {
+
+        let emailLayoutService = new EmailLayoutService({
+            headerCentered: true,
+            headerImage: 'https://media.sondeosglobal.com/media/files/cincarnato/2025/1/bannerdrax-rsDnbj.png',
+            headerImageStyle: 'height: 170px; width: auto; display: block; margin: auto;',
+            footerCopyright: 'My Company. Todos los derechos reservados.',
+            footerUnsubscribe: '<a>Unsuscribe</a>'
+        })
+
+        const mail = {
+            from: 'from@example.com',
+            to: 'to@example.com',
+            subject: 'the subject',
+            html: emailLayoutService.html(body),
+            text: '',
+
+        }
+
+        const r = await previewEmail(mail,{ template: templatePath})
+
+        console.log("R", r)
+
+    })
+
+    test("Email Layout Preview Logo Title", async () => {
+
+        let emailLayoutService = new EmailLayoutService({
+            maxWidth: '900px',
+            headerCentered: false,
+            headerBgColor: 'red',
+            headerTitle: 'Example',
+            headerTitleStyle: 'color: yellow; font-size: 28px; margin: 0; font-weight: 700;',
+            headerLogo: 'https://media.sondeosglobal.com/media/files/cincarnato/2023/11/sndlogo-H31daC.png',
+            headerLogoStyle: 'height: 70px; width: auto; display: block; margin: auto;',
+            footerBgColor: 'cyan',
+            footerCopyright: 'My Company. Todos los derechos reservados.',
+            footerContent: '<p>Some Text here.</p>',
+            footerUnsubscribe: '<a href="/">Unsuscribe</a>'
+        })
+
+
+        const mail = {
+            from: 'from@example.com',
+            to: 'to@example.com',
+            subject: 'the subject',
+            html: emailLayoutService.html(body),
+            text: ''
+        }
+
+        const r = await previewEmail(mail,{ template: templatePath})
+
+        console.log("R", r)
+
+    })
+
+    test("Email Layout Preview Logo Title default style", async () => {
+
+        let emailLayoutService = new EmailLayoutService({
+            headerCentered: false,
+            headerTitle: 'Example',
+            headerLogo: 'https://media.sondeosglobal.com/media/files/cincarnato/2023/11/sndlogo-H31daC.png',
+            footerCopyright: 'My Company. Todos los derechos reservados.',
+            footerContent: '<p>Some Text here.</p>',
+        })
+
+        const mail = {
+            from: 'from@example.com',
+            to: 'to@example.com',
+            subject: 'the subject',
+            html: emailLayoutService.html(body),
+            text: ''
+        }
+
+        const r = await previewEmail(mail,{ template: templatePath})
+
+        console.log("R", r)
+
+    })
+
+    test("Email Layout Preview Logo", async () => {
+
+        let emailLayoutService = new EmailLayoutService({
+            maxWidth: '900px',
+            headerCentered: false,
+            headerBgColor: 'red',
+            headerColor: 'yellow',
+            headerLogo: 'https://media.sondeosglobal.com/media/files/cincarnato/2023/11/sndlogo-H31daC.png',
+            footerBgColor: 'cyan',
+            footerCopyright: 'My Company. Todos los derechos reservados.',
+            footerContent: '<p>Some Text here.</p>',
+            footerUnsubscribe: '<a href="/">Unsuscribe</a>'
+        })
+
+
+        const mail = {
+            from: 'from@example.com',
+            to: 'to@example.com',
+            subject: 'the subject',
+            html: emailLayoutService.html(body),
+            text: ''
+        }
+
+        const r = await previewEmail(mail,{ template: templatePath})
+
+        console.log("R", r)
+
+    })
+
+    test("Email Layout Preview Title", async () => {
+
+        let emailLayoutService = new EmailLayoutService({
+            maxWidth: '900px',
+            headerCentered: false,
+            headerBgColor: 'red',
+            headerColor: 'yellow',
+            headerTitle: 'Example',
+            footerBgColor: 'cyan',
+            footerCopyright: 'My Company. Todos los derechos reservados.',
+            footerContent: '<p>Some Text here.</p>',
+            footerUnsubscribe: '<a href="/">Unsuscribe</a>'
+        })
+
+
+        const mail = {
+            from: 'from@example.com',
+            to: 'to@example.com',
+            subject: 'the subject',
+            html: emailLayoutService.html(body),
+            text: ''
+        }
+
+        const r = await previewEmail(mail,{ template: templatePath})
+
+        console.log("R", r)
+
+    })
+
+    test("Email Layout send", async () => {
+
+        let emailLayoutService = new EmailLayoutService({
+            headerCentered: false,
+            headerImage: 'https://media.sondeosglobal.com/media/files/cincarnato/2025/1/banner-lZEeQe.png',
+            headerTitle: 'Example',
+            headerLogo: 'https://media.sondeosglobal.com/media/files/cincarnato/2023/11/sndlogo-H31daC.png',
+            footerCopyright: 'My Company. Todos los derechos reservados.',
+            footerContent: '<p>Some Text here.</p>',
+            footerUnsubscribe: '<a href="/">Unsuscribe</a>'
+        })
+
+
+        let emailService = new EmailService('gmail', {
+            auth: {
+                user: process.env.EMAIL_AUTH_USERNAME,
+                pass: process.env.EMAIL_AUTH_PASSWORD
+            }
+        })
+
+        const r = await emailService.sendEmail({
+            from: 'ci.sys.virtual@gmail.com',
+            to: 'cristian.cdi@gmail.com',
+            subject: 'the subject',
+            html: emailLayoutService.html(body),
+        })
+
+        console.log("R", r)
+
+    })
+
+
+})

package/test/template.pug

@@ -0,0 +1,123 @@
+doctype html
+html
+    head
+        meta(charset="utf-8")
+        meta(http-equiv="x-ua-compatible", content="ie=edge")
+        if subject
+            title= subject
+        meta(name="viewport", content="width=device-width, initial-scale=1")
+        style(type='text/css').
+            iframe {
+                border: 0;
+                height: 100%;
+                width: 100%;
+                min-height: 800px;
+                max-width: 100%;
+                display: block;
+            }
+            .preview-email-tabs {
+                display: flex;
+                flex-wrap: wrap;
+                max-width: 100%;
+                border: 1px solid black;
+                background: #ffffff;
+            }
+            .preview-email-tabs input[type="radio"] {
+                display: none;
+            }
+            .preview-email-tabs label {
+                padding: 1rem;
+                background: #ffffff;
+                font-weight: bold;
+                cursor: pointer;
+            }
+            .preview-email-tabs .preview-email-tab {
+                width: 100%;
+                background: #fff;
+                order: 1;
+                display: none;
+            }
+            .preview-email-tabs input[type='radio']:checked + label + .preview-email-tab {
+                display: block;
+            }
+            .preview-email-tabs input[type="radio"]:checked + label {
+                background: #fff;
+            }
+    body
+        table
+            if base64
+                tr
+                    td(colspan=2, style='text-align:right;'): button(type='button', onclick='downloadRawEmail()') Download Original
+                script.
+                    function downloadRawEmail() {
+                        var link = document.createElement('a');
+                        link.href = "data:message/rfc822;base64,#{base64}";
+                        link.download = "#{messageId ? messageId.replace('<', '').replace('>', '').split('@')[0] : Date.now()}.eml";
+                        link.click();
+                    }
+            each headerLine, i in headerLines
+                - const index = headerLine.line.indexOf(': ')
+                - const value = headerLine.line.slice(index + 2)
+                - const header = headers.get(headerLine.key)
+                tr
+                    td
+                        strong= headerLine.line.slice(0, index)
+                    td
+                        if header
+                            case headerLine.key
+                                when 'content-type'
+                                    //- TODO: header.params[key]
+                                    = header.value || header || value
+                                when 'content-disposition'
+                                when 'dkim-signature'
+                                    //- TODO: header.params[key]
+                                    = value
+                                when 'subject'
+                                when 'references'
+                                when 'message-id'
+                                when 'in-reply-to'
+                                when 'priority'
+                                when 'x-priority'
+                                when 'x-msmail-priority'
+                                when 'importance'
+                                    = header.value || header || value
+                                when 'from'
+                                when 'to'
+                                when 'cc'
+                                when 'bcc'
+                                when 'sender'
+                                when 'reply-to'
+                                when 'delivered-to'
+                                when 'return-path'
+                                    if header.html
+                                        != header.html
+                                    else
+                                        = header.value || header || value
+                                default
+                                    //- when 'date'
+                                    = header.value || header || value
+                        else
+                            = value
+            if attachments && attachments.length > 0
+                tr
+                    td: strong Attachments
+                    td
+                        ul
+                            each a in attachments
+                                li
+                                    a(href=`data:${a.contentType};base64,${a.content.toString('base64')}`, download=a.filename, target='_blank')
+                                        if a.filename
+                                            code= a.filename
+                                        else
+                                            code= 'Unnamed file'
+        .preview-email-tabs
+            if html
+                input(type='radio', name='preview_email', checked)#tab-html
+                label(for='tab-html') HTML
+                .preview-email-tab
+                    iframe(sandbox='allow-popups', referrerpolicy='no-referrer', seamless='seamless', srcdoc=`<base target='_top'>${html}`)#html
+            if text
+                input(type='radio', name='preview_email', checked=!html)#tab-text
+                label(for='tab-text') Plain text
+                .preview-email-tab
+                    iframe(sandbox='allow-popups', referrerpolicy='no-referrer', seamless='seamless', srcdoc=`<pre>${text}</pre>`)#text

package/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "outDir": "dist",
+    "declarationDir": "./types",
+  },
+  "exclude": ["test", "types","dist"],
+  "ts-node": {
+    "esm": true
+  },
+  "tsc-alias": {
+    "resolveFullPaths": true,
+    "verbose": false
+  }
+}