emailr-cli 1.2.1 → 1.3.0

package/dist/index.js

@@ -343,6 +343,8 @@ Total: ${result.total}`);
 // src/commands/templates.ts
 import { Command as Command3 } from "commander";
 import { Emailr as Emailr3 } from "emailr";
+import fs4 from "fs";
+import path4 from "path";
 
 // src/server/template-store.ts
 import fs2 from "fs";
@@ -625,6 +627,123 @@ function keepServerAlive() {
   }
 }
 
+// src/server/live-preview-server.ts
+import http2 from "http";
+import fs3 from "fs";
+import path3 from "path";
+var serverInstance2 = null;
+var serverPort2 = null;
+var fileWatcher = null;
+var sseClients = [];
+var LIVE_RELOAD_SCRIPT = `
+<script>
+(function() {
+  const evtSource = new EventSource('/__live-reload');
+  evtSource.onmessage = function(e) {
+    if (e.data === 'reload') {
+      window.location.reload();
+    }
+  };
+  evtSource.onerror = function() {
+    console.log('Live reload disconnected');
+  };
+})();
+</script>
+`;
+function injectLiveReload(html) {
+  if (html.includes("</body>")) {
+    return html.replace("</body>", `${LIVE_RELOAD_SCRIPT}</body>`);
+  }
+  return html + LIVE_RELOAD_SCRIPT;
+}
+function notifyReload() {
+  sseClients.forEach((client) => {
+    try {
+      client.write("data: reload\n\n");
+    } catch {
+    }
+  });
+}
+async function startLivePreviewServer(filePath, onReload) {
+  const absolutePath = path3.resolve(filePath);
+  return new Promise((resolve, reject) => {
+    serverInstance2 = http2.createServer((req, res) => {
+      if (req.url === "/__live-reload") {
+        res.writeHead(200, {
+          "Content-Type": "text/event-stream",
+          "Cache-Control": "no-cache",
+          "Connection": "keep-alive",
+          "Access-Control-Allow-Origin": "*"
+        });
+        res.write("data: connected\n\n");
+        sseClients.push(res);
+        req.on("close", () => {
+          sseClients = sseClients.filter((c) => c !== res);
+        });
+        return;
+      }
+      if (req.method === "GET") {
+        try {
+          const html = fs3.readFileSync(absolutePath, "utf-8");
+          const injectedHtml = injectLiveReload(html);
+          res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
+          res.end(injectedHtml);
+        } catch (err) {
+          res.writeHead(500, { "Content-Type": "text/plain" });
+          res.end(`Error reading file: ${err instanceof Error ? err.message : String(err)}`);
+        }
+        return;
+      }
+      res.writeHead(405, { "Content-Type": "text/plain" });
+      res.end("Method Not Allowed");
+    });
+    serverInstance2.listen(0, "127.0.0.1", () => {
+      const address = serverInstance2.address();
+      if (address && typeof address === "object") {
+        serverPort2 = address.port;
+        let debounceTimer = null;
+        fileWatcher = fs3.watch(absolutePath, (eventType) => {
+          if (eventType === "change") {
+            if (debounceTimer) clearTimeout(debounceTimer);
+            debounceTimer = setTimeout(() => {
+              notifyReload();
+              onReload?.();
+            }, 100);
+          }
+        });
+        resolve(serverPort2);
+      } else {
+        reject(new Error("Failed to get server address"));
+      }
+    });
+    serverInstance2.on("error", (err) => {
+      reject(new Error(`Failed to start server: ${err.message}`));
+    });
+  });
+}
+async function stopLivePreviewServer() {
+  if (fileWatcher) {
+    fileWatcher.close();
+    fileWatcher = null;
+  }
+  sseClients.forEach((client) => {
+    try {
+      client.end();
+    } catch {
+    }
+  });
+  sseClients = [];
+  if (serverInstance2) {
+    return new Promise((resolve) => {
+      serverInstance2.close(() => {
+        serverInstance2 = null;
+        serverPort2 = null;
+        resolve();
+      });
+    });
+  }
+}
+
 // src/commands/templates.ts
 async function handleTemplatePreview(template) {
   try {
@@ -725,14 +844,14 @@ Total: ${result.length}`);
         subject: options.subject
       };
       if (options.htmlFile) {
-        const fs3 = await import("fs");
-        request.html_content = fs3.readFileSync(options.htmlFile, "utf-8");
+        const fs5 = await import("fs");
+        request.html_content = fs5.readFileSync(options.htmlFile, "utf-8");
       } else if (options.html) {
         request.html_content = options.html;
       }
       if (options.textFile) {
-        const fs3 = await import("fs");
-        request.text_content = fs3.readFileSync(options.textFile, "utf-8");
+        const fs5 = await import("fs");
+        request.text_content = fs5.readFileSync(options.textFile, "utf-8");
       } else if (options.text) {
         request.text_content = options.text;
       }
@@ -782,14 +901,14 @@ Open the Preview URL in your browser to view the rendered template.`);
       if (options.name) request.name = options.name;
       if (options.subject) request.subject = options.subject;
       if (options.htmlFile) {
-        const fs3 = await import("fs");
-        request.html_content = fs3.readFileSync(options.htmlFile, "utf-8");
+        const fs5 = await import("fs");
+        request.html_content = fs5.readFileSync(options.htmlFile, "utf-8");
       } else if (options.html) {
         request.html_content = options.html;
       }
       if (options.textFile) {
-        const fs3 = await import("fs");
-        request.text_content = fs3.readFileSync(options.textFile, "utf-8");
+        const fs5 = await import("fs");
+        request.text_content = fs5.readFileSync(options.textFile, "utf-8");
       } else if (options.text) {
         request.text_content = options.text;
       }
@@ -867,6 +986,52 @@ Template: ${template.name}`);
       process.exit(1);
     }
   });
+  cmd.command("edit <id>").description("Edit a template with live preview - saves HTML to a local file for editing").option("--file <path>", "Path to save the HTML file", "./template.html").option("--no-open", "Do not automatically open browser").action(async (id, options) => {
+    try {
+      const config = loadConfig();
+      const client = new Emailr3({
+        apiKey: config.apiKey,
+        baseUrl: config.baseUrl
+      });
+      const filePath = path4.resolve(options.file);
+      console.log(`Fetching template ${id}...`);
+      const template = await client.templates.get(id);
+      const htmlContent = template.html_content ?? "";
+      fs4.writeFileSync(filePath, htmlContent, "utf-8");
+      console.log(`Template saved to: ${filePath}`);
+      const port = await startLivePreviewServer(filePath, () => {
+        console.log("File changed - browser refreshed");
+      });
+      const previewUrl = `http://127.0.0.1:${port}/`;
+      console.log(`
+Template: ${template.name}`);
+      console.log(`Template ID: ${template.id}`);
+      console.log(`Live Preview: ${previewUrl}`);
+      console.log(`
+Watching for changes... Edit the file and see live updates.`);
+      console.log(`When done, run: emailr templates update ${id} --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 save changes: emailr templates update ${id} --html-file ${options.file}`);
+        process.exit(0);
+      });
+    } catch (err) {
+      error(err instanceof Error ? err.message : "Failed to edit template");
+      process.exit(1);
+    }
+  });
   return cmd;
 }
 
@@ -1680,7 +1845,7 @@ function createSegmentsCommand() {
 import { Command as Command9 } from "commander";
 
 // src/server/callback.ts
-import http2 from "http";
+import http3 from "http";
 import { URL } from "url";
 function parseCallbackParams(url) {
   try {
@@ -1813,7 +1978,7 @@ function createCallbackServer() {
   return {
     async start() {
       return new Promise((resolve, reject) => {
-        server = http2.createServer((req, res) => {
+        server = http3.createServer((req, res) => {
           if (req.method !== "GET" || !req.url?.startsWith("/callback")) {
             res.writeHead(404, { "Content-Type": "text/plain" });
             res.end("Not Found");

package/package.json

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