a11fe5a115
After honest acknowledgment that easy-email-standard is abandoned and
limited (Chrome-only, no responsive preview, no AMP, no Unsplash, no
file manager), pivoted to Unlayer's vue-email-editor — a Vue 3 native
component giving all the features the user listed for free (internal
use; a small "Powered by Unlayer" badge shows in the sidebar but NOT
in sent emails).
Why drop MJML alongside:
• MJML was our SERVER-SIDE compilation step because we hand-wrote
templates. With a visual editor that outputs email-safe HTML
directly (responsive media queries, Outlook MSO fallbacks, AMP
where used), the compilation step is redundant.
• One fewer dependency on the hub (mjml package no longer needed).
• One fewer file format to persist (.mjml dropped, only .html
canonical + .json design).
Storage simplification:
Before: .mjml (source) + .html (compiled) + .json (editor state)
After: .html (canonical) + .json (Unlayer design tree)
The hub's send-worker reads .html as before — no changes to send
logic.
Architecture wins:
• Vue 3 native — zero iframe friction, no postMessage choreography
• No separate microservice — easy-email container decommissioned
(docker compose down, code kept under /opt/email-editor/ in case
of rollback)
• DNS editor.gigafibre.ca retained but unused — can be removed via
Cloudflare API cleanup later
• The editor's mergeTags option exposes our {{firstname}}, {{amount}},
{{gift_url}}, etc. in Unlayer's native "Merge tags" panel — same
pattern, more polished UI
• Features now native: responsive preview (mobile/tablet/desktop
breakpoints), Unsplash search, file manager, dark mode, design
history, undo/redo, layers panel, content blocks library
Frontend (TemplateEditorPage.vue):
• Imports EmailEditor from vue-email-editor
• onReady() callback: fetch template + loadDesign() to restore canvas
• saveTemplate(): exportHtml() → PUT { html, design } to hub
• Top bar kept: template selector, saved chip, preview, test-send,
save button
• Removed: iframe-related glue (postMessage listener, iframeKey,
EDITOR_BASE constant, Cmd-S handling that lived in the iframe)
API client (apps/ops/src/api/campaigns.js):
• saveTemplate() now accepts opts.design (Unlayer JSON tree) alongside
content. Legacy opts.format='mjml' still works for backward compat.
Hub (services/targo-hub/lib/campaigns.js):
• GET /campaigns/templates/:name unconditionally returns
{ name, format, html, design } (+ mjml when format=mjml for
legacy templates). The design field is null when no .json file
exists yet.
• PUT /campaigns/templates/:name HTML save path now accepts
body.design alongside body.html and persists both with backups.
• MJML save path (legacy) preserved for any callers using the old
contract.
Container decommissioned on prod: email-editor container stopped +
removed. The Vue editor lives inside the ops SPA, served from
erp.gigafibre.ca/ops as a normal route.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
49 lines
1.2 KiB
JSON
49 lines
1.2 KiB
JSON
{
|
|
"name": "ops-app",
|
|
"version": "0.1.0",
|
|
"description": "Targo Ops — Unified ISP operations platform",
|
|
"productName": "Targo Ops",
|
|
"private": true,
|
|
"scripts": {
|
|
"dev": "quasar dev",
|
|
"build": "quasar build -m pwa",
|
|
"lint": "eslint --ext .js,.vue ./src"
|
|
},
|
|
"dependencies": {
|
|
"@quasar/extras": "^1.16.12",
|
|
"@twilio/voice-sdk": "^2.18.1",
|
|
"chart.js": "^4.5.1",
|
|
"cytoscape": "^3.33.2",
|
|
"grapesjs": "^0.22.16",
|
|
"grapesjs-mjml": "^1.0.8",
|
|
"grapesjs-preset-newsletter": "^1.0.2",
|
|
"idb-keyval": "^6.2.1",
|
|
"lucide-vue-next": "^1.0.0",
|
|
"pinia": "^2.1.7",
|
|
"quasar": "^2.16.10",
|
|
"sip.js": "^0.21.2",
|
|
"vue": "^3.4.21",
|
|
"vue-chartjs": "^5.3.3",
|
|
"vue-email-editor": "^2.2.0",
|
|
"vue-router": "^4.3.0",
|
|
"vuedraggable": "^4.1.0"
|
|
},
|
|
"devDependencies": {
|
|
"@quasar/app-vite": "^1.10.0",
|
|
"eslint": "^8.57.0",
|
|
"eslint-plugin-vue": "^9.24.0",
|
|
"sass": "^1.72.0",
|
|
"workbox-build": "7.0.x",
|
|
"workbox-cacheable-response": "7.0.x",
|
|
"workbox-core": "7.0.x",
|
|
"workbox-expiration": "7.0.x",
|
|
"workbox-precaching": "7.0.x",
|
|
"workbox-routing": "7.0.x",
|
|
"workbox-strategies": "7.0.x"
|
|
},
|
|
"engines": {
|
|
"node": "^18 || ^20",
|
|
"npm": ">= 6.13.4"
|
|
}
|
|
}
|