@gravito/signal 1.0.0-alpha.6 → 1.0.0

package/dist/index.mjs

@@ -1,11 +1,52 @@
-import {
-  DevMailbox,
-  LogTransport,
-  MemoryTransport,
-  OrbitSignal
-} from "./chunk-YLVDJSED.mjs";
 import "./chunk-EBO3CZXG.mjs";
 
+// src/dev/DevMailbox.ts
+import { randomUUID } from "crypto";
+var DevMailbox = class {
+  entries = [];
+  maxEntries = 50;
+  add(message) {
+    const entry = {
+      id: randomUUID(),
+      envelope: {
+        from: message.from,
+        to: message.to,
+        ...message.cc ? { cc: message.cc } : {},
+        ...message.bcc ? { bcc: message.bcc } : {},
+        ...message.replyTo ? { replyTo: message.replyTo } : {},
+        subject: message.subject,
+        ...message.priority ? { priority: message.priority } : {},
+        ...message.attachments ? { attachments: message.attachments } : {}
+      },
+      html: message.html,
+      ...message.text ? { text: message.text } : {},
+      sentAt: /* @__PURE__ */ new Date()
+    };
+    this.entries.unshift(entry);
+    if (this.entries.length > this.maxEntries) {
+      this.entries = this.entries.slice(0, this.maxEntries);
+    }
+    return entry;
+  }
+  list() {
+    return this.entries;
+  }
+  get(id) {
+    return this.entries.find((e) => e.id === id);
+  }
+  delete(id) {
+    const index = this.entries.findIndex((e) => e.id === id);
+    if (index !== -1) {
+      this.entries.splice(index, 1);
+      return true;
+    }
+    return false;
+  }
+  clear() {
+    this.entries = [];
+  }
+};
+
 // src/renderers/HtmlRenderer.ts
 var HtmlRenderer = class {
   constructor(content) {
@@ -50,6 +91,7 @@ var Mailable = class {
   renderer;
   rendererResolver;
   renderData = {};
+  config;
   // ===== Fluent API (Envelope Construction) =====
   from(address) {
     this.envelope.from = typeof address === "string" ? { address } : address;
@@ -75,7 +117,7 @@ var Mailable = class {
     this.envelope.subject = subject;
     return this;
   }
-  priority(level) {
+  emailPriority(level) {
     this.envelope.priority = level;
     return this;
   }
@@ -106,10 +148,10 @@ var Mailable = class {
    * Set the content using a React component.
    * Dynamically imports ReactRenderer to avoid hard dependency errors if React is not installed.
    */
-  react(component, props) {
+  react(component, props, deps) {
     this.rendererResolver = async () => {
-      const { ReactRenderer } = await import("./ReactRenderer-24SQ4KRU.mjs");
-      return new ReactRenderer(component, props);
+      const { ReactRenderer } = await import("./ReactRenderer-CMCAOEPH.mjs");
+      return new ReactRenderer(component, props, deps);
     };
     return this;
   }
@@ -117,10 +159,10 @@ var Mailable = class {
    * Set the content using a Vue component.
    * Dynamically imports VueRenderer to avoid hard dependency errors if Vue is not installed.
    */
-  vue(component, props) {
+  vue(component, props, deps) {
     this.rendererResolver = async () => {
-      const { VueRenderer } = await import("./VueRenderer-SUP66ISX.mjs");
-      return new VueRenderer(component, props);
+      const { VueRenderer } = await import("./VueRenderer-DWTCD2RF.mjs");
+      return new VueRenderer(component, props, deps);
     };
     return this;
   }
@@ -128,6 +170,7 @@ var Mailable = class {
   queueName;
   connectionName;
   delaySeconds;
+  priority;
   onQueue(queue) {
     this.queueName = queue;
     return this;
@@ -140,12 +183,23 @@ var Mailable = class {
     this.delaySeconds = seconds;
     return this;
   }
+  withPriority(priority) {
+    this.priority = priority;
+    return this;
+  }
   /**
    * Queue the mailable for sending.
    */
   async queue() {
-    const { OrbitSignal: OrbitSignal2 } = await import("./OrbitSignal-IPSA2CDO.mjs");
-    return OrbitSignal2.getInstance().queue(this);
+    try {
+      const { app } = await import("@gravito/core");
+      const mail = app().container.make("mail");
+      if (mail) {
+        return mail.queue(this);
+      }
+    } catch (_e) {
+      console.warn("[Mailable] Could not auto-resolve mail service for queuing.");
+    }
   }
   // ===== I18n Support =====
   currentLocale;
@@ -178,11 +232,13 @@ var Mailable = class {
    */
   async buildEnvelope(configPromise) {
     const config = await Promise.resolve(configPromise);
+    this.config = config;
     if (config.translator) {
       this.setTranslator(config.translator);
     }
     this.build();
     if (this.renderer instanceof TemplateRenderer && config.viewsDir) {
+      this.renderer = new TemplateRenderer(this.renderer.template, config.viewsDir);
     }
     const envelope = {
       from: this.envelope.from || config.from,
@@ -227,6 +283,403 @@ var Mailable = class {
   }
 };
 
+// src/dev/ui/shared.ts
+var styles = `
+:root {
+  --primary: #6366f1;
+  --primary-dark: #4f46e5;
+  --bg-dark: #0f172a;
+  --bg-card: #1e293b;
+  --text: #f1f5f9;
+  --text-muted: #94a3b8;
+  --border: #334155;
+  --danger: #ef4444;
+}
+body { background: var(--bg-dark); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 20px; }
+.container { max-width: 1000px; margin: 0 auto; }
+.header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
+.title { font-size: 24px; font-weight: bold; display: flex; align-items: center; gap: 10px; }
+.card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
+.btn { background: var(--border); color: var(--text); border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; text-decoration: none; font-size: 14px; transition: 0.2s; }
+.btn:hover { background: var(--bg-card-hover); }
+.btn-primary { background: var(--primary); color: white; }
+.btn-primary:hover { background: var(--primary-dark); }
+.btn-danger { background: var(--danger); color: white; }
+.list-item { padding: 16px; border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: inherit; transition: background 0.2s; }
+.list-item:last-child { border-bottom: none; }
+.list-item:hover { background: #334155; }
+.meta { display: flex; justify-content: space-between; font-size: 14px; color: var(--text-muted); }
+.subject { font-weight: 600; font-size: 16px; }
+.from { color: #cbd5e1; }
+.badge { background: #475569; padding: 2px 6px; border-radius: 4px; font-size: 12px; }
+.badge-high { background: #dc2626; color: white; }
+.empty { padding: 40px; text-align: center; color: var(--text-muted); }
+`;
+var layout = (title, content) => `
+<!DOCTYPE html>
+<html>
+<head>
+  <title>${title} - Gravito Mailbox</title>
+  <style>${styles}</style>
+</head>
+<body>
+  <div class="container">
+    ${content}
+  </div>
+</body>
+</html>
+`;
+
+// src/dev/ui/mailbox.ts
+function formatAddress(addr) {
+  return addr.name ? `${addr.name} <${addr.address}>` : addr.address;
+}
+function timeAgo(date) {
+  const seconds = Math.floor((Date.now() - date.getTime()) / 1e3);
+  if (seconds < 60) {
+    return "Just now";
+  }
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) {
+    return `${minutes}m ago`;
+  }
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) {
+    return `${hours}h ago`;
+  }
+  return date.toLocaleDateString();
+}
+function getMailboxHtml(entries, prefix) {
+  const list = entries.length === 0 ? '<div class="empty">No emails found in mailbox.</div>' : entries.map(
+    (entry) => `
+      <a href="${prefix}/${entry.id}" class="list-item">
+        <div class="meta">
+          <span class="from">${formatAddress(entry.envelope.from || { address: "Unknown" })}</span>
+          <span>${timeAgo(entry.sentAt)}</span>
+        </div>
+        <div class="subject">
+          ${entry.envelope.priority === "high" ? '<span class="badge badge-high">High</span> ' : ""}
+          ${entry.envelope.subject || "(No Subject)"}
+        </div>
+        <div class="meta" style="margin-top: 4px;">
+           To: ${entry.envelope.to?.map((t) => t.address).join(", ")}
+        </div>
+      </a>
+    `
+  ).join("");
+  const content = `
+    <div class="header">
+      <div class="title">\u{1F4EC} Gravito Mailbox</div>
+      ${entries.length > 0 ? `<button onclick="clearAll()" class="btn btn-danger">Clear All</button>` : ""}
+    </div>
+    
+    <div class="card">
+      ${list}
+    </div>
+
+    <script>
+      async function clearAll() {
+        if (!confirm('Clear all emails?')) return;
+        await fetch('${prefix}', { method: 'DELETE' });
+        window.location.reload();
+      }
+    </script>
+  `;
+  return layout("Inbox", content);
+}
+
+// src/dev/ui/preview.ts
+function getPreviewHtml(entry, prefix) {
+  const from = entry.envelope.from ? `${entry.envelope.from.name || ""} &lt;${entry.envelope.from.address}&gt;` : "Unknown";
+  const to = entry.envelope.to?.map((t) => t.address).join(", ") || "Unknown";
+  const content = `
+    <div class="header">
+      <div class="title">
+        <a href="${prefix}" class="btn">\u2190 Back</a>
+        <span style="margin-left: 10px">Email Preview</span>
+      </div>
+      <button onclick="deleteEmail('${entry.id}')" class="btn btn-danger">Delete</button>
+    </div>
+
+    <div class="card" style="margin-bottom: 20px; padding: 20px;">
+      <div style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">${entry.envelope.subject || "(No Subject)"}</div>
+      <div class="meta" style="margin-bottom: 5px;">From: ${from}</div>
+      <div class="meta" style="margin-bottom: 5px;">To: ${to}</div>
+      <div class="meta">Date: ${entry.sentAt.toLocaleString()}</div>
+    </div>
+
+    <div style="margin-bottom: 10px;">
+      <button onclick="setView('html')" id="btn-html" class="btn btn-primary">HTML</button>
+      <button onclick="setView('text')" id="btn-text" class="btn">Text</button>
+      <button onclick="setView('raw')" id="btn-raw" class="btn">Raw JSON</button>
+      <a href="${prefix}/${entry.id}/html" target="_blank" class="btn">Open HTML \u2197</a>
+    </div>
+
+    <div class="card" style="height: 600px; display: flex;">
+      <iframe id="preview-frame" src="${prefix}/${entry.id}/html" style="width: 100%; height: 100%; border: none;"></iframe>
+      <pre id="raw-view" style="display: none; padding: 20px; overflow: auto; width: 100%;">${JSON.stringify(entry, null, 2)}</pre>
+      <pre id="text-view" style="display: none; padding: 20px; overflow: auto; width: 100%; white-space: pre-wrap; font-family: monospace;">${entry.text || "No text content"}</pre>
+    </div>
+
+    <script>
+      function setView(mode) {
+        document.getElementById('preview-frame').style.display = mode === 'html' ? 'block' : 'none';
+        document.getElementById('raw-view').style.display = mode === 'raw' ? 'block' : 'none';
+        document.getElementById('text-view').style.display = mode === 'text' ? 'block' : 'none';
+        
+        document.getElementById('btn-html').className = mode === 'html' ? 'btn btn-primary' : 'btn';
+        document.getElementById('btn-text').className = mode === 'text' ? 'btn btn-primary' : 'btn';
+        document.getElementById('btn-raw').className = mode === 'raw' ? 'btn btn-primary' : 'btn';
+      }
+
+      async function deleteEmail(id) {
+        if (!confirm('Delete this email?')) return;
+        await fetch('${prefix}/' + id, { method: 'DELETE' });
+        window.location.href = '${prefix}';
+      }
+    </script>
+  `;
+  return layout(entry.envelope.subject || "Preview", content);
+}
+
+// src/dev/DevServer.ts
+var DevServer = class {
+  constructor(mailbox, base = "/__mail", options) {
+    this.mailbox = mailbox;
+    this.base = base;
+    this.options = options;
+  }
+  async canAccess(ctx) {
+    const isProduction = process.env.NODE_ENV === "production";
+    if (isProduction && !this.options?.allowInProduction && !this.options?.gate) {
+      return false;
+    }
+    if (this.options?.gate) {
+      return await this.options.gate(ctx);
+    }
+    return true;
+  }
+  register(core) {
+    const router = core.router;
+    const isProduction = process.env.NODE_ENV === "production";
+    if (isProduction && !this.options?.allowInProduction && !this.options?.gate) {
+      core.logger.warn(
+        "[OrbitSignal] Dev Mailbox disabled in production. Configure a gate to allow access."
+      );
+      return;
+    }
+    const prefix = this.base.replace(/\/$/, "");
+    const wrap = (handler) => {
+      return async (ctx) => {
+        const allowed = await this.canAccess(ctx);
+        if (!allowed) {
+          return ctx.text("Unauthorized", 403);
+        }
+        return await handler(ctx);
+      };
+    };
+    router.get(
+      prefix,
+      wrap((ctx) => {
+        const entries = this.mailbox.list();
+        return ctx.html(getMailboxHtml(entries, prefix));
+      })
+    );
+    router.get(
+      `${prefix}/:id`,
+      wrap((ctx) => {
+        const id = ctx.req.param("id");
+        if (!id) {
+          return ctx.text("Bad Request", 400);
+        }
+        const entry = this.mailbox.get(id);
+        if (!entry) {
+          return ctx.text("Email not found", 404);
+        }
+        return ctx.html(getPreviewHtml(entry, prefix));
+      })
+    );
+    router.get(
+      `${prefix}/:id/html`,
+      wrap((ctx) => {
+        const id = ctx.req.param("id");
+        if (!id) {
+          return ctx.text("Bad Request", 400);
+        }
+        const entry = this.mailbox.get(id);
+        if (!entry) {
+          return ctx.text("Not found", 404);
+        }
+        return ctx.html(entry.html);
+      })
+    );
+    router.get(
+      `${prefix}/:id/text`,
+      wrap((ctx) => {
+        const id = ctx.req.param("id");
+        if (!id) {
+          return ctx.text("Bad Request", 400);
+        }
+        const entry = this.mailbox.get(id);
+        if (!entry) {
+          return ctx.text("Not found", 404);
+        }
+        ctx.header("Content-Type", "text/plain; charset=utf-8");
+        return ctx.text(entry.text || "No text content", 200);
+      })
+    );
+    router.get(
+      `${prefix}/:id/raw`,
+      wrap((ctx) => {
+        const id = ctx.req.param("id");
+        if (!id) {
+          return ctx.json({ error: "Bad Request" }, 400);
+        }
+        const entry = this.mailbox.get(id);
+        if (!entry) {
+          return ctx.json({ error: "Not found" }, 404);
+        }
+        return ctx.json(entry);
+      })
+    );
+    router.get(
+      `${prefix}/:id/delete`,
+      wrap((ctx) => {
+        return ctx.text("Method not allowed", 405);
+      })
+    );
+    router.delete(
+      `${prefix}/:id`,
+      wrap((ctx) => {
+        const id = ctx.req.param("id");
+        if (!id) {
+          return ctx.json({ success: false, error: "Bad Request" }, 400);
+        }
+        const success = this.mailbox.delete(id);
+        return ctx.json({ success });
+      })
+    );
+    router.delete(
+      prefix,
+      wrap((ctx) => {
+        this.mailbox.clear();
+        return ctx.json({ success: true });
+      })
+    );
+    core.logger.info(`[OrbitSignal] Dev Mailbox available at ${prefix}`);
+  }
+};
+
+// src/transports/LogTransport.ts
+var LogTransport = class {
+  async send(message) {
+    console.log("\n\u{1F4E7} [OrbitSignal] Email Sent (Simulated):");
+    console.log("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501");
+    console.log(
+      `From:    ${message.from.name ? `${message.from.name} <${message.from.address}>` : message.from.address}`
+    );
+    console.log(`To:      ${message.to.map((t) => t.address).join(", ")}`);
+    console.log(`Subject: ${message.subject}`);
+    console.log("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501");
+    console.log(`[Content Size]: ${message.html.length} chars (HTML)`);
+    console.log("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n");
+  }
+};
+
+// src/transports/MemoryTransport.ts
+var MemoryTransport = class {
+  constructor(mailbox) {
+    this.mailbox = mailbox;
+  }
+  async send(message) {
+    this.mailbox.add(message);
+  }
+};
+
+// src/OrbitSignal.ts
+var OrbitSignal = class {
+  config;
+  devMailbox;
+  core;
+  constructor(config = {}) {
+    this.config = config;
+  }
+  /**
+   * Install the orbit into PlanetCore
+   *
+   * @param core - The PlanetCore instance.
+   */
+  install(core) {
+    this.core = core;
+    core.logger.info("[OrbitSignal] Initializing Mail Service");
+    if (!this.config.transport && !this.config.devMode) {
+      this.config.transport = new LogTransport();
+    }
+    if (this.config.devMode) {
+      this.devMailbox = new DevMailbox();
+      this.config.transport = new MemoryTransport(this.devMailbox);
+      core.logger.info("[OrbitSignal] Dev Mode Enabled: Emails will be intercepted to Dev Mailbox");
+      const devServer = new DevServer(this.devMailbox, this.config.devUiPrefix || "/__mail", {
+        allowInProduction: this.config.devUiAllowInProduction,
+        gate: this.config.devUiGate
+      });
+      devServer.register(core);
+    }
+    core.container.singleton("mail", () => this);
+    core.adapter.use("*", async (c, next) => {
+      c.set("mail", this);
+      await next();
+      return void 0;
+    });
+  }
+  /**
+   * Send a mailable instance
+   *
+   * @param mailable - The mailable object to send.
+   * @returns A promise that resolves when the email is sent.
+   * @throws {Error} If the message is missing "from" or "to" addresses, or if no transport is configured.
+   */
+  async send(mailable) {
+    const envelope = await mailable.buildEnvelope(this.config);
+    if (!envelope.from) {
+      throw new Error('Message is missing "from" address');
+    }
+    if (!envelope.to || envelope.to.length === 0) {
+      throw new Error('Message is missing "to" address');
+    }
+    const content = await mailable.renderContent();
+    const message = {
+      ...envelope,
+      from: envelope.from,
+      to: envelope.to,
+      subject: envelope.subject || "(No Subject)",
+      priority: envelope.priority || "normal",
+      html: content.html
+    };
+    if (content.text) {
+      message.text = content.text;
+    }
+    if (!this.config.transport) {
+      throw new Error("[OrbitSignal] No transport configured. Did you call register the orbit?");
+    }
+    await this.config.transport.send(message);
+  }
+  /**
+   * Queue a mailable instance
+   */
+  async queue(mailable) {
+    try {
+      const queue = this.core?.container.make("queue");
+      if (queue) {
+        await queue.push(mailable);
+        return;
+      }
+    } catch (_e) {
+    }
+    await this.send(mailable);
+  }
+};
+
 // src/transports/SesTransport.ts
 import { SESClient, SendRawEmailCommand } from "@aws-sdk/client-ses";
 import nodemailer from "nodemailer";

package/package.json

@@ -1,19 +1,21 @@
 {
   "name": "@gravito/signal",
-  "version": "1.0.0-alpha.6",
+  "version": "1.0.0",
   "description": "Powerful email framework for Gravito applications with Dev UI and multi-renderer support.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts",
-    "test": "bun test"
+    "build": "tsup src/index.ts --format cjs,esm --dts --external @gravito/core --external @gravito/stream --external @gravito/prism",
+    "test": "bun test",
+    "test:coverage": "bun test --coverage --coverage-threshold=80",
+    "test:ci": "bun test --coverage --coverage-threshold=80",
+    "typecheck": "bun tsc -p tsconfig.json --noEmit --skipLibCheck"
   },
   "keywords": [
     "gravito",
     "mail",
     "smtp",
-    "mjml",
     "email",
     "react-email",
     "vue-email"
@@ -22,13 +24,12 @@
   "license": "MIT",
   "dependencies": {
     "@aws-sdk/client-ses": "^3.953.0",
-    "mjml": "^4.14.1",
-    "nodemailer": "^6.9.1"
+    "nodemailer": "^7.0.11"
   },
   "peerDependencies": {
-    "gravito-core": "1.0.0-beta.5",
-    "@gravito/stream": "1.0.0-alpha.6",
-    "@gravito/prism": "1.0.0-beta.5",
+    "@gravito/core": "workspace:*",
+    "@gravito/stream": "workspace:*",
+    "@gravito/prism": "workspace:*",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "vue": "^3.0.0"
@@ -48,17 +49,17 @@
     }
   },
   "devDependencies": {
-    "@gravito/prism": "1.0.0-beta.5",
-    "@gravito/stream": "1.0.0-alpha.6",
-    "@types/mjml": "^4.7.4",
+    "@gravito/prism": "workspace:*",
+    "@gravito/stream": "workspace:*",
     "@types/nodemailer": "^6.4.14",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vue/server-renderer": "^3.0.0",
-    "gravito-core": "1.0.0-beta.5",
+    "@gravito/core": "workspace:*",
     "tsup": "8.5.1",
-    "typescript": "^5.0.0",
-    "vue": "^3.0.0"
+    "typescript": "^5.9.3",
+    "vue": "^3.0.0",
+    "bun-types": "latest"
   },
   "publishConfig": {
     "access": "public"
@@ -69,4 +70,4 @@
     "url": "git+https://github.com/gravito-framework/gravito.git",
     "directory": "packages/signal"
   }
-}
+}