npm - emailr-cli - Versions diffs - 1.3.4 → 1.4.1 - Mend

emailr-cli 1.3.4 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/index.js +124 -1
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -766,7 +766,14 @@ async function handleTemplatePreview(template) {
   }
 }
 function createTemplatesCommand() {
-  const cmd = new Command3("templates").description("Manage email templates");
+  const cmd = new Command3("templates").description(`Manage email templates
+AGENTIC LIVE EDITING:
+  draft              Create new template with live preview
+  edit <id>          Edit existing template with live preview
+Both commands save HTML to a local file and start a hot-reload server.
+Edit the file and see changes instantly in the browser.`);
   cmd.command("list").description("List all templates").option("--limit <number>", "Number of templates to return", "20").option("--page <number>", "Page number", "1").option("--format <format>", "Output format (json|table)", "table").action(async (options) => {
     try {
       const config = loadConfig();
@@ -1046,6 +1053,122 @@ To save changes: emailr templates update ${id} --html-file ${options.file}`);
       process.exit(1);
     }
   });
+  cmd.command("draft").description(`Start a live drafting session for a new template.
+AGENTIC WORKFLOW:
+1. Run: emailr templates draft --file ./new-template.html
+2. Edit the file at ./new-template.html - browser auto-refreshes on save
+3. When done: emailr templates create --name "My Template" --subject "Subject" --html-file ./new-template.html
+This command creates a starter HTML file and starts a live preview server with hot-reload. Perfect for building new templates from scratch with instant visual feedback.`).option("--file <path>", "Path to save the HTML file for drafting", "./new-template.html").option("--no-open", "Do not automatically open browser").option("--blank", "Start with a blank file instead of starter template").action(async (options) => {
+    try {
+      const filePath = path4.resolve(options.file);
+      let htmlContent;
+      if (options.blank) {
+        htmlContent = "";
+      } else {
+        htmlContent = `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Email Template</title>
+  <style>
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      line-height: 1.6;
+      color: #333;
+      max-width: 600px;
+      margin: 0 auto;
+      padding: 20px;
+    }
+    .header {
+      text-align: center;
+      padding: 20px 0;
+      border-bottom: 1px solid #eee;
+    }
+    .content {
+      padding: 30px 0;
+    }
+    .button {
+      display: inline-block;
+      padding: 12px 24px;
+      background-color: #5e5de7;
+      color: white;
+      text-decoration: none;
+      border-radius: 5px;
+      font-weight: bold;
+    }
+    .footer {
+      text-align: center;
+      padding: 20px 0;
+      border-top: 1px solid #eee;
+      color: #888;
+      font-size: 12px;
+    }
+  </style>
+</head>
+<body>
+  <div class="header">
+    <h1>Your Company</h1>
+  </div>
+  <div class="content">
+    <h2>Hello {{name}},</h2>
+    <p>This is a starter template. Edit this file and see your changes live in the browser!</p>
+    <p>You can use variables like <code>{{name}}</code> that will be replaced when sending emails.</p>
+    <p style="text-align: center; margin: 30px 0;">
+      <a href="https://example.com" class="button">Call to Action</a>
+    </p>
+    <p>Best regards,<br>Your Team</p>
+  </div>
+  <div class="footer">
+    <p>\xA9 2024 Your Company. All rights reserved.</p>
+    <p><a href="{{unsubscribe_link}}">Unsubscribe</a></p>
+  </div>
+</body>
+</html>`;
+      }
+      fs4.writeFileSync(filePath, htmlContent, "utf-8");
+      console.log(`Template draft created: ${filePath}`);
+      const port = await startLivePreviewServer(filePath, () => {
+        console.log("File changed - browser refreshed");
+      });
+      const previewUrl = `http://127.0.0.1:${port}/`;
+      console.log(`
+Live Preview: ${previewUrl}`);
+      console.log(`
+Watching for changes... Edit the file and see live updates.`);
+      console.log(`
+When done, create the template:`);
+      console.log(`  emailr templates create --name "Template Name" --subject "Email Subject" --html-file ${options.file}`);
+      console.log(`
+Press Ctrl+C to stop.`);
+      if (options.open !== false) {
+        try {
+          const open = await import("open");
+          await open.default(previewUrl);
+        } catch {
+        }
+      }
+      process.on("SIGINT", async () => {
+        console.log("\n\nStopping live preview server...");
+        await stopLivePreviewServer();
+        console.log("Done.");
+        console.log(`
+To create template: emailr templates create --name "Template Name" --subject "Email Subject" --html-file ${options.file}`);
+        process.exit(0);
+      });
+    } catch (err) {
+      error(err instanceof Error ? err.message : "Failed to start draft session");
+      process.exit(1);
+    }
+  });
   return cmd;
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "emailr-cli",
-  "version": "1.3.4",
+  "version": "1.4.1",
   "description": "Command-line interface for the Emailr email API",
   "type": "module",
   "bin": {