@clink/emails 1.0.2

package/README.md

@@ -0,0 +1 @@
+# emails

package/dist/index.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listTemplates = listTemplates;
+exports.getEmailTemplate = getEmailTemplate;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const templatesRoot = path_1.default.join(__dirname, 'templates');
+const htmlRoot = path_1.default.join(__dirname, 'html');
+function getDirectories(root) {
+    if (!fs_1.default.existsSync(root))
+        return [];
+    return fs_1.default
+        .readdirSync(root, { withFileTypes: true })
+        .filter(d => d.isDirectory())
+        .map(d => d.name);
+}
+function getLocalesForTemplate(audience, template) {
+    const dir = path_1.default.join(templatesRoot, audience, template);
+    if (!fs_1.default.existsSync(dir))
+        return [];
+    return fs_1.default
+        .readdirSync(dir, { withFileTypes: true })
+        .filter(f => f.isFile() && f.name.endsWith('.json'))
+        .map(f => f.name.replace(/\.json$/, ''));
+}
+function listTemplates() {
+    const result = [];
+    const audiences = getDirectories(templatesRoot);
+    for (const audience of audiences) {
+        const audienceDir = path_1.default.join(templatesRoot, audience);
+        const templates = getDirectories(audienceDir);
+        for (const template of templates) {
+            const locales = getLocalesForTemplate(audience, template);
+            result.push({ audience, template, locales });
+        }
+    }
+    return result;
+}
+function getEmailTemplate(audience, template, locale) {
+    const translationsPath = path_1.default.join(templatesRoot, audience, template, `${locale}.json`);
+    const htmlPath = path_1.default.join(htmlRoot, audience, template, `${locale}.html`);
+    if (!fs_1.default.existsSync(translationsPath)) {
+        throw new Error(`Missing translations for audience="${audience}" template="${template}" locale="${locale}"`);
+    }
+    if (!fs_1.default.existsSync(htmlPath)) {
+        throw new Error(`Missing HTML for audience="${audience}" template="${template}" locale="${locale}". Did you run the build step?`);
+    }
+    const translations = JSON.parse(fs_1.default.readFileSync(translationsPath, 'utf8'));
+    const html = fs_1.default.readFileSync(htmlPath, 'utf8');
+    if (typeof translations.subject !== 'string') {
+        throw new Error(`Translations for audience="${audience}" template="${template}" locale="${locale}" do not contain a "subject" key`);
+    }
+    return {
+        subject: translations.subject,
+        html,
+    };
+}

package/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@clink/emails",
+  "version": "1.0.2",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc && node dist/build-emails.js",
+    "prepublishOnly": "yarn build"
+  },
+  "dependencies": {
+    "@types/mjml": "^4.7.4",
+    "mjml": "^4.2.1"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.9.3"
+  }
+}

package/src/build-emails.ts

@@ -0,0 +1,114 @@
+import fs from 'fs'
+import path from 'path'
+import mjml2html from 'mjml'
+
+const repoRoot = path.join(__dirname, '..')
+const templatesSrcRoot = path.join(repoRoot, 'src', 'templates')
+const templatesRoot = path.join(__dirname, 'templates')
+const htmlRoot = path.join(__dirname, 'html')
+
+function ensureDir(dir: string) {
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir, {recursive: true})
+  }
+}
+
+function copyDir(src: string, dest: string) {
+  if (!fs.existsSync(src)) return
+  ensureDir(dest)
+  const entries = fs.readdirSync(src, {withFileTypes: true})
+  for (const entry of entries) {
+    const srcPath = path.join(src, entry.name)
+    const destPath = path.join(dest, entry.name)
+    if (entry.isDirectory()) {
+      copyDir(srcPath, destPath)
+    } else {
+      fs.copyFileSync(srcPath, destPath)
+    }
+  }
+}
+
+function read(file: string) {
+  return fs.readFileSync(file, 'utf8')
+}
+
+function write(file: string, content: string) {
+  fs.mkdirSync(path.dirname(file), {recursive: true})
+  fs.writeFileSync(file, content)
+}
+
+function replaceLocaleTokens(mjml: string, dict: Record<string, string>) {
+  let output = mjml
+  for (const [key, value] of Object.entries(dict)) {
+    output = output.split(`[[${key}]]`).join(value)
+  }
+  return output
+}
+
+function getDirectories(root: string) {
+  if (!fs.existsSync(root)) return []
+  return fs
+    .readdirSync(root, {withFileTypes: true})
+    .filter(d => d.isDirectory())
+    .map(d => d.name)
+}
+
+function getLocaleFiles(templateDir: string) {
+  if (!fs.existsSync(templateDir)) return []
+  return fs
+    .readdirSync(templateDir, {withFileTypes: true})
+    .filter(f => f.isFile() && f.name.endsWith('.json'))
+    .map(f => f.name)
+}
+
+function buildTemplate(
+  audience: string,
+  templateName: string,
+  localeFile: string,
+) {
+  const locale = localeFile.replace(/\.json$/, '')
+  const templateDir = path.join(templatesRoot, audience, templateName)
+  const contentPath = path.join(templateDir, 'template.mjml')
+  const translationsPath = path.join(templateDir, localeFile)
+  if (!fs.existsSync(contentPath)) return
+
+  const baseTemplatePath = path.join(__dirname, 'layouts', 'base.mjml')
+  const baseTemplate = read(baseTemplatePath)
+  const content = read(contentPath)
+  const translations = JSON.parse(read(translationsPath)) as Record<
+    string,
+    string
+  >
+
+  const localizedContent = replaceLocaleTokens(content, translations)
+
+  let mjmlSource = baseTemplate
+  mjmlSource = mjmlSource.replace('%CONTENT%', localizedContent)
+  mjmlSource = replaceLocaleTokens(mjmlSource, translations)
+
+  const {html} = mjml2html(mjmlSource, {minify: true})
+  const outPath = path.join(htmlRoot, audience, templateName, `${locale}.html`)
+  write(outPath, html)
+}
+
+function buildAll() {
+  copyDir(templatesSrcRoot, templatesRoot)
+  const layoutsSrcRoot = path.join(repoRoot, 'src', 'layouts')
+  const layoutsRoot = path.join(__dirname, 'layouts')
+  copyDir(layoutsSrcRoot, layoutsRoot)
+
+  const audiences = getDirectories(templatesRoot)
+  for (const audience of audiences) {
+    const audienceDir = path.join(templatesRoot, audience)
+    const templateNames = getDirectories(audienceDir)
+    for (const templateName of templateNames) {
+      const templateDir = path.join(audienceDir, templateName)
+      const localeFiles = getLocaleFiles(templateDir)
+      for (const localeFile of localeFiles) {
+        buildTemplate(audience, templateName, localeFile)
+      }
+    }
+  }
+}
+
+buildAll()

package/src/index.ts

@@ -0,0 +1,92 @@
+import fs from 'fs'
+import path from 'path'
+
+export type Locale = 'da' | 'en'
+export type Audience = 'buyer' | 'supplier'
+
+export type EmailTemplate = {
+  subject: string
+  html: string
+}
+
+export type TemplateDefinition = {
+  audience: string
+  template: string
+  locales: string[]
+}
+
+const templatesRoot = path.join(__dirname, 'templates')
+const htmlRoot = path.join(__dirname, 'html')
+
+function getDirectories(root: string) {
+  if (!fs.existsSync(root)) return []
+  return fs
+    .readdirSync(root, {withFileTypes: true})
+    .filter(d => d.isDirectory())
+    .map(d => d.name)
+}
+
+function getLocalesForTemplate(audience: string, template: string) {
+  const dir = path.join(templatesRoot, audience, template)
+  if (!fs.existsSync(dir)) return []
+  return fs
+    .readdirSync(dir, {withFileTypes: true})
+    .filter(f => f.isFile() && f.name.endsWith('.json'))
+    .map(f => f.name.replace(/\.json$/, ''))
+}
+
+export function listTemplates(): TemplateDefinition[] {
+  const result: TemplateDefinition[] = []
+  const audiences = getDirectories(templatesRoot)
+  for (const audience of audiences) {
+    const audienceDir = path.join(templatesRoot, audience)
+    const templates = getDirectories(audienceDir)
+    for (const template of templates) {
+      const locales = getLocalesForTemplate(audience, template)
+      result.push({audience, template, locales})
+    }
+  }
+  return result
+}
+
+export function getEmailTemplate(
+  audience: Audience,
+  template: string,
+  locale: Locale,
+): EmailTemplate {
+  const translationsPath = path.join(
+    templatesRoot,
+    audience,
+    template,
+    `${locale}.json`,
+  )
+  const htmlPath = path.join(htmlRoot, audience, template, `${locale}.html`)
+
+  if (!fs.existsSync(translationsPath)) {
+    throw new Error(
+      `Missing translations for audience="${audience}" template="${template}" locale="${locale}"`,
+    )
+  }
+
+  if (!fs.existsSync(htmlPath)) {
+    throw new Error(
+      `Missing HTML for audience="${audience}" template="${template}" locale="${locale}". Did you run the build step?`,
+    )
+  }
+
+  const translations = JSON.parse(
+    fs.readFileSync(translationsPath, 'utf8'),
+  ) as Record<string, string>
+  const html = fs.readFileSync(htmlPath, 'utf8')
+
+  if (typeof translations.subject !== 'string') {
+    throw new Error(
+      `Translations for audience="${audience}" template="${template}" locale="${locale}" do not contain a "subject" key`,
+    )
+  }
+
+  return {
+    subject: translations.subject,
+    html,
+  }
+}

package/src/layouts/base.mjml

@@ -0,0 +1,132 @@
+<mjml>
+  <mj-head>
+    <mj-font name="Arial" />
+    <mj-attributes>
+      <mj-all
+        font-family="Arial, sans-serif"
+        line-height="24px"
+        font-size="16px"
+        color="#222730"
+      />
+      <mj-wrapper background-color="#ffffff" />
+      <mj-divider
+        border-width="1px"
+        border-color="#dadada"
+        padding="16px 0px 8px 0px"
+      />
+      <mj-section padding="0px" />
+      <!-- <mj-text padding="0px 16px" /> -->
+      <mj-text padding="0px 24px" />
+      <!-- <mj-image padding="0px 16px" /> -->
+      <mj-image padding="0px 0px" />
+      <mj-table padding="0px 24px" />
+      <mj-button
+        border-radius="999px"
+        background-color="#FA3232"
+        color="#ffffff"
+        align="left"
+        font-size="16px"
+      />
+      <mj-accordion border="none" padding="1px" />
+      <mj-accordion-element
+        icon-wrapped-url="https://i.imgur.com/Xvw0vjq.png"
+        icon-unwrapped-url="https://i.imgur.com/KKHenWa.png"
+        icon-height="24px"
+        icon-width="24px"
+      />
+      <mj-accordion-title
+        font-family="Roboto, Open Sans, Helvetica, Arial, sans-serif"
+        background-color="#fff"
+        color="#031017"
+        padding="15px"
+        font-size="18px"
+      />
+      <mj-accordion-text
+        font-family="Open Sans, Helvetica, Arial, sans-serif"
+        background-color="#fafafa"
+        padding="15px"
+        color="#505050"
+        font-size="14px"
+      />
+    </mj-attributes>
+    <mj-style inline="inline">
+      .btn-link a { display: block; padding: 16px 24px; border-radius: 8px;
+      background-color: #FA3232; font-size: 16px; align: left; color: #ffffff; }
+    </mj-style>
+    <mj-style inline="inline">
+      .no-href-style a { text-decoration: none; color: inherit; }
+    </mj-style>
+    <mj-style inline="inline">
+      a, p, u, i, b, em, small, strong { line-height: 24px; } p { margin: 16px
+      0px; } p.small { line-height: 1; } p.big { line-height: 2; } a {
+      text-decoration: underline; } h1 { font-size: 39px; line-height: 110%;
+      font-weight: 700; margin: 0px 0px 24px; } h2 { font-size: 31px;
+      line-height: 110%; font-weight: 700; margin: 24px 0px 0px; } h3 {
+      font-size: 25px; line-height: 110%; font-weight: 700; margin: 24px 0px
+      0px; } h4 { font-size: 20px; line-height: 110%; font-weight: 700; margin:
+      24px 0px 0px; } h5 { font-size: 16px; line-height: 110%; font-weight: 700;
+      margin: 24px 0px 0px; } .table-header { margin-top: "8px" } .menuComment
+      p{ margin-top: 4px; margin-bottom: 4px; } .menuComment p:first-of-type. {
+      margin-top: 0px; } .menuComment p:last-of-type { margin-bottom: 0px; }
+      .bordered-col { box-shadow: 0 0 0 1px #E4EBF2; border-radius: 4px; }
+    </mj-style>
+    <mj-style>
+      .body-bordered { border-radius: 24px; max-width: 600px; margin: 0 auto;
+      outline: none; /* Ensure the border is visible */ } @media (min-width:
+      600px) { .body-bordered { border-radius: 24px; max-width: 600px; margin: 0
+      auto; margin-top: 40px; outline: 1px solid #D6D6D6 !important; } }
+      .discountBox div { border-width: 1px; border-style: dashed; border-color:
+      #FCBC42; }
+    </mj-style>
+  </mj-head>
+
+  <mj-body css-class="body-bordered" background-color: #FFFFFF>
+    <mj-wrapper padding="12px 0px">
+      <mj-section padding="24px 0px 0px">
+        <mj-column>
+          <mj-image
+            width="40px"
+            height="40px"
+            align="left"
+            src="https://ik.imagekit.io/nuento/logo/Logomark_Uj47FzOvV.png"
+            padding="0px 24px 8px"
+            alt="Nuento"
+          />
+        </mj-column>
+      </mj-section>
+
+      %CONTENT%
+
+      <mj-section>
+        <mj-column>
+          <mj-divider />
+        </mj-column>
+      </mj-section>
+
+      <mj-section>
+        <mj-column>
+          <mj-text padding="24px 24px 0px">
+            <b>Sendt fra</b>
+            <br />
+            Nuento Denmark ApS, CVR 39000725
+            <br />
+            Lundeborgvej 4, 9220 Aalborg
+          </mj-text>
+        </mj-column>
+      </mj-section>
+
+      <mj-section padding="32px 0px 0px">
+        <mj-column>
+          <mj-image
+            width="118px"
+            height="40px"
+            align="left"
+            src="https://ik.imagekit.io/nuento/logo/logo-40_5iYF6s3Jp.png"
+            padding="0px 24px 24px"
+            alt="Nuento"
+          />
+        </mj-column>
+      </mj-section>
+    </mj-wrapper>
+  </mj-body>
+</mjml>

package/src/templates/supplier/order-received/da.json

@@ -0,0 +1,10 @@
+{
+  "intro_greeting": "Hej {{ catering.contact.name }},",
+  "intro_body": "Du har modtaget en ny bestilling via Nuento med ordrenr. {{ catering_order.id8digit }}.",
+  "button_reply": "Svar på ordre",
+  "payment_link_intro": "Ordren er blevet gennemført på baggrund af et bestillingslink med følgende betegnelse:",
+  "delivery_line": "Levering {{ catering_order.selectedDate }} til spisetid kl. {{ catering_order.selectedTime }}",
+  "total_label": "Samlet ordrestørrelse",
+  "support_heading": "Har du brug for hjælp?",
+  "support_body": "Så tøv ikke med at kontakte os."
+}

package/src/templates/supplier/order-received/en.json

@@ -0,0 +1,10 @@
+{
+  "intro_greeting": "Hi {{ catering.contact.name }},",
+  "intro_body": "You have received a new order via Nuento with order no. {{ catering_order.id8digit }}.",
+  "button_reply": "Respond to order",
+  "payment_link_intro": "The order was placed using an order link with the following label:",
+  "delivery_line": "Delivery on {{ catering_order.selectedDate }} at {{ catering_order.selectedTime }}",
+  "total_label": "Total order amount",
+  "support_heading": "Need help?",
+  "support_body": "Don’t hesitate to contact us."
+}

package/src/templates/supplier/order-received/template.mjml

@@ -0,0 +1,81 @@
+<mj-section>
+  <mj-column>
+    <mj-text>
+      <p>[[intro_greeting]]</p>
+      <p>[[intro_body]]</p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section>
+  <mj-column>
+    <mj-button
+      css-class="btn-link"
+      align="left"
+      font-size="16px"
+      color="#ffffff"
+      background-color="#11141A"
+      href="{{{ catering_order.approvalUrl }}}"
+    >
+      [[button_reply]]
+    </mj-button>
+  </mj-column>
+</mj-section>
+
+<mj-raw>{{#if catering_order.paymentLinkName}}</mj-raw>
+<mj-section>
+  <mj-column>
+    <mj-text>
+      <p>[[payment_link_intro]]</p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section
+  padding-left="16px"
+  padding-right="16px"
+  padding-bottom="10px"
+  padding-top="10px"
+>
+  <mj-column border-radius="8px" background-color="#E6F7FF">
+    <mj-text align="center">
+      <p><i>{{{catering_order.paymentLinkName}}}</i></p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+<mj-raw>{{/if}}</mj-raw>
+
+<mj-section padding-top="10px" padding-bottom="10px">
+  <mj-column>
+    <mj-text>
+      <p>
+        <font size="4">[[delivery_line]]</font>
+      </p>
+      <p>
+        <font size="4">[[total_label]]</font>
+        <br /><font size="4"><b>{{ invoice.price.total }}</b></font>
+      </p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section>
+  <mj-column>
+    <mj-divider />
+  </mj-column>
+</mj-section>
+
+<mj-section padding-top="10px" padding-bottom="10px">
+  <mj-column>
+    <mj-text>
+      <p>
+        <font size="4"><b>[[support_heading]]</b></font>
+      </p>
+      <p>[[support_body]]</p>
+      <p>
+        {{ support.email }}
+        <br /><a href="tel:{{ support.phone }}">{{ support.phone }}</a>
+      </p>
+    </mj-text>
+  </mj-column>
+</mj-section>

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "es2020",
+    "module": "commonjs",
+    "rootDir": "src",
+    "outDir": "dist",
+    "declaration": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true
+  },
+  "include": ["src"]
+}