@timshel_npm/maildev 3.2.17 → 3.2.19

package/dist/app/views/item.html

@@ -7,61 +7,60 @@
         ng-click="toggleDropdown($event, 'display')"
         ng-class="{ open: dropdownOpen == 'display' }"
       >
-        <span ng-if="!panelVisibility || panelVisibility === 'html'"><i class="fas fa-file-code"></i> HTML</span>
-        <span ng-if="panelVisibility === 'plain'"><i class="fas fa-file-alt"></i> Text</span>
-        <span ng-if="panelVisibility === 'attachments'"><i class="fas fa-paperclip"></i> Attachments</span>
-        <span ng-if="panelVisibility === 'headers'"><i class="fas fa-th-list"></i> Headers</span>
-        <span ng-if="panelVisibility === 'source'"><i class="fas fa-code"></i> Source</span>
+        <span ng-if="!panelVisibility || panelVisibility === 'html'" class="fa7 fa7-solid--file-code"></span>
+        <span ng-if="!panelVisibility || panelVisibility === 'html'">HTML</span>
+
+        <span ng-if="panelVisibility === 'plain'" class="fa7 fa7-solid--file-alt"></span>
+        <span ng-if="panelVisibility === 'plain'">Text</span>
+
+        <span ng-if="panelVisibility === 'attachments'" class="fa7 fa7-solid--paperclip"></span>
+        <span ng-if="panelVisibility === 'attachments'">Attachments</span>
+
+        <span ng-if="panelVisibility === 'headers'" class="fa7 fa7-solid--th-list"></span>
+        <span ng-if="panelVisibility === 'headers'">Headers</span>
+
+        <span ng-if="panelVisibility === 'source'" class="fa7 fa7-solid--code"></span>
+        <span ng-if="panelVisibility === 'source'">Source</span>
       </a>
       <ul class="dropdown-menu">
         <li>
             <a href="" class=""
               ng-click="show('html')"
               ng-class="{ active: panelVisibility == 'html', disabled: !item.html }">
-                <span>
-                  <i class="fas fa-file-code"></i>
-                  HTML
-                </span>
+                <span class="fa7 fa7-solid--file-code"></span>
+                <span>HTML</span>
             </a>
         </li>
         <li>
             <a href="" class=""
               ng-click="show('plain')"
               ng-class="{ active: panelVisibility == 'plain', disabled: !item.text  }">
-                <span>
-                  <i class="fas fa-file-alt"></i>
-                  Text
-                </span>
+                <span class="fa7 fa7-solid--file-alt"></span>
+                <span>Text</span>
             </a>
         </li>
         <li>
             <a href="" class=""
               ng-click="show('attachments')"
               ng-class="{ active: panelVisibility == 'attachments', disabled: !item.attachments }">
-                <span>
-                  <i class="fas fa-paperclip"></i>
-                  Attachments
-                </span>
+                <span class="fa7 fa7-solid--paperclip"></span>
+                <span>Attachments</span>
             </a>
         </li>
         <li>
             <a href="" class=""
               ng-click="show('headers')"
               ng-class="{ active: panelVisibility == 'headers' }">
-                <span>
-                  <i class="fas fa-th-list"></i>
-                  Headers
-                </span>
+                <span class="fa7 fa7-solid--th-list"></span>
+                <span>Headers</span>
             </a>
         </li>
         <li>
             <a href="" class=""
               ng-click="show('source')"
               ng-class="{ active: panelVisibility == 'source' }">
-                <span>
-                  <i class="fas fa-code"></i>
-                  Source ({{item.sizeHuman}})
-                </span>
+                <span class="fa7 fa7-solid--code"></span>
+                <span>Source ({{item.sizeHuman}})</span>
             </a>
         </li>
       </ul>
@@ -73,15 +72,22 @@
       <a href="" class="dropdown-trigger"
         ng-click="toggleDropdown($event, 'viewport')"
         ng-class="{ open: dropdownOpen == 'viewport', disabled: panelVisibility != 'html' }">
-        <!--
-        <span ng-if="iframeSize == null"><i class="fas fa-ruler-combined"></i> 100%</span> -->
-        <span ng-if="iframeSize == null"><i class="fas fa-desktop"></i> 100%</span>
-        <span ng-if="iframeSize == '1440px'"><i class="fas fa-desktop"></i> 1440px</span>
-        <span ng-if="iframeSize == '1024px'"><i class="fas fa-tablet-alt"></i> 1024px</span>
-        <span ng-if="iframeSize == '768px'"><i class="fas fa-tablet-alt"></i> 768px</span>
-        <span ng-if="iframeSize == '425px'"><i class="fas fa-mobile-alt"></i> 425px</span>
-        <span ng-if="iframeSize == '375px'"><i class="fas fa-mobile-alt"></i> 375px</span>
-        <span ng-if="iframeSize == '320px'"><i class="fas fa-mobile-alt"></i> 320px</span>
+        <span ng-if="iframeSize == null" class="fa7 fa7-solid--desktop"></span>
+        <span ng-if="iframeSize == null">100%</span>
+        <span ng-if="iframeSize == '1440px'" class="fa7 fa7-solid--desktop"></span>
+        <span ng-if="iframeSize == '1440px'">1440px</span>
+
+        <span ng-if="iframeSize == '1024px'" class="fa7 fa7-solid--tablet-alt"></span>
+        <span ng-if="iframeSize == '1024px'">1024px</span>
+        <span ng-if="iframeSize == '768px'" class="fa7 fa7-solid--tablet-alt">
+        <span ng-if="iframeSize == '768px'"></span> 768px</span>
+
+        <span ng-if="iframeSize == '425px'" class="fa7 fa7-solid--mobile-alt"></span>
+        <span ng-if="iframeSize == '425px'">425px</span>
+        <span ng-if="iframeSize == '375px'" class="fa7 fa7-solid--mobile-alt"></span>
+        <span ng-if="iframeSize == '375px'">375px</span>
+        <span ng-if="iframeSize == '320px'" class="fa7 fa7-solid--mobile-alt"></span>
+        <span ng-if="iframeSize == '320px'">320px</span>
 
       </a>
       <ul class="dropdown-menu">
@@ -90,70 +96,56 @@
             <a href="" class=""
               ng-click="resize()"
               ng-class="{ active: iframeSize == null }">
-                <span>
-                  <i class="fas fa-desktop"></i>
-                  100%
-                </span>
+                <span class="fa7 fa7-solid--desktop"></span>
+                <span>100%</span>
             </a>
         </li>
         <li>
             <a href="" class=""
               ng-click="resize('1440px')"
               ng-class="{ active: iframeSize == '1440px' }">
-                <span>
-                  <i class="fas fa-desktop"></i>
-                  1440px
-                </span>
+                <span class="fa7 fa7-solid--desktop"></span>
+                <span>1440px</span>
             </a>
         </li>
         <li>
             <a href="" class=""
               ng-click="resize('1024px')"
               ng-class="{ active: iframeSize == '1024px' }">
-                <span>
-                  <i class="fas fa-tablet-alt"></i>
-                  1024px
-                </span>
+                <span class="fa7 fa7-solid--tablet-alt"></span>
+                <span>1024px</span>
             </a>
         </li>
         <li>
             <a href="" class=""
               ng-click="resize('768px')"
               ng-class="{ active: iframeSize == '768px' }">
-                <span>
-                  <i class="fas fa-tablet-alt"></i>
-                  768px
-                </span>
+                <span class="fa7 fa7-solid--tablet-alt"></span>
+                <span>768px</span>
             </a>
         </li>
         <li>
             <a href="" class=""
               ng-click="resize('425px')"
               ng-class="{ active: iframeSize == '425px' }">
-                <span>
-                  <i class="fas fa-mobile-alt"></i>
-                  425px
-                </span>
+                <span class="fa7 fa7-solid--mobile-alt"></span>
+                <span>425px</span>
             </a>
         </li>
         <li>
             <a href="" class=""
               ng-click="resize('375px')"
               ng-class="{ active: iframeSize == '375px' }">
-                <span>
-                  <i class="fas fa-mobile-alt"></i>
-                  375px
-                </span>
+                <span class="fa7 fa7-solid--mobile-alt"></span>
+                <span>375px</span>
             </a>
         </li>
         <li>
             <a href="" class=""
               ng-click="resize('320px')"
               ng-class="{ active: iframeSize == '320px' }">
-                <span>
-                  <i class="fas fa-mobile-alt"></i>
-                  320px
-                </span>
+                <span class="fa7 fa7-solid--mobile-alt"></span>
+                <span>320px</span>
             </a>
         </li>
       </ul>
@@ -162,10 +154,8 @@
 
     <li>
         <a href="email/{{item.id}}/download" class="">
-          <span>
-            <i class="fas fa-cloud-download-alt"></i>
-            Download
-          </span>
+          <span class="fa7 fa7-solid--cloud-download-alt"></span>
+          <span>Download</span>
         </a>
     </li>
 
@@ -177,30 +167,24 @@
         ng-click="toggleDropdown($event, 'relay')"
         ng-class="{ open: dropdownOpen == 'relay', disabled: !config.isOutgoingEnabled }"
       >
-        <span>
-          <i class="fas fa-paper-plane"></i>
-          Relay
-        </span>
+        <span class="fa7 fa7-solid--paper-plane"></span>
+        <span>Relay</span>
       </a>
       <ul class="dropdown-menu">
         <li>
           <a href="" class=""
             ng-click="relay(item)"
             ng-class="{ disabled: !config.isOutgoingEnabled }">
-              <span>
-                <i class="fas fa-paper-plane"></i>
-                Relay
-              </span>
+              <span class="fa7 fa7-solid--paper-plane"></span>
+              <span>Relay</span>
           </a>
         </li>
         <li>
           <a href="" class=""
             ng-click="relayTo(item)"
             ng-class="{ disabled: !config.isOutgoingEnabled }">
-              <span>
-                <i class="fas fa-paper-plane"></i>
-                Relay to...
-              </span>
+              <span class="fa7 fa7-solid--paper-plane"></span>
+              <span>Relay to...</span>
           </a>
         </li>
       </ul>
@@ -212,10 +196,8 @@
       <a href="" class=""
         ng-click="delete(item)"
       >
-        <span>
-          <i class="fas fa-trash-alt"></i>
-          Delete
-        </span>
+        <span class="fa7 fa7-solid--trash-alt"></span>
+        <span>Delete</span>
       </a>
     </li>
 

package/dist/lib/mailserver.d.ts

@@ -83,7 +83,7 @@ export declare class MailServer {
     /**
      * Get an email by id
      */
-    getEmail(id: string): Promise<Mail>;
+    getEmail(id: string, setRead: boolean): Promise<Mail>;
     /**
      * Returns a readable stream of the raw email
      */

package/dist/lib/mailserver.js

@@ -255,13 +255,14 @@ class MailServer {
     /**
      * Get an email by id
      */
-    getEmail(id) {
+    getEmail(id, setRead) {
         return __awaiter(this, void 0, void 0, function* () {
             const envelope = this.store.find(function (elt) {
                 return elt.id === id;
             });
             if (envelope) {
-                return getDiskEmail(this.mailDir, envelope.id).then((mail) => {
+                envelope.isRead = setRead || envelope.isRead;
+                return getDiskEmail(this.mailDir, envelope.id, envelope.isRead).then((mail) => {
                     if (mail.html) {
                         // sanitize html
                         const window = new JSDOM("").window;
@@ -301,7 +302,7 @@ class MailServer {
     getEmailHTML(id_1) {
         return __awaiter(this, arguments, void 0, function* (id, baseUrl = "") {
             baseUrl = baseUrl ? "//" + baseUrl : "";
-            const mail = yield this.getEmail(id);
+            const mail = yield this.getEmail(id, false);
             if (typeof mail.html === "string") {
                 var html = mail.html;
                 const getFileUrl = function (filename) {
@@ -337,7 +338,7 @@ class MailServer {
     }
     getAllEmail() {
         const emails = this.store.map((elt) => {
-            return this.getEmail(elt.id);
+            return this.getEmail(elt.id, false);
         });
         return Promise.all(emails);
     }
@@ -391,7 +392,7 @@ class MailServer {
      */
     getEmailAttachment(id, filename) {
         return __awaiter(this, void 0, void 0, function* () {
-            const mail = yield this.getEmail(id);
+            const mail = yield this.getEmail(id, false);
             if (mail.attachments.length === 0) {
                 throw new Error("Email has no attachments");
             }
@@ -442,7 +443,7 @@ class MailServer {
                 let saved = chunk.map(function (file) {
                     return __awaiter(this, void 0, void 0, function* () {
                         const id = path.parse(file).name;
-                        const email = yield getDiskEmail(self.mailDir, id);
+                        const email = yield getDiskEmail(self.mailDir, id, false);
                         return saveEmailToStore(self, email);
                     });
                 });
@@ -470,16 +471,16 @@ function createMailDir(mailDir) {
     fs.mkdirSync(mailDir, { recursive: true });
     logger.info("MailDev using directory %s", mailDir);
 }
-function getDiskEmail(mailDir, id) {
+function getDiskEmail(mailDir, id, isRead) {
     return __awaiter(this, void 0, void 0, function* () {
         const emlPath = path.join(mailDir, id + ".eml");
         const data = yield fs_1.promises.readFile(emlPath, "utf8");
         const stat = yield fs_1.promises.stat(emlPath);
         const parsedMail = yield (0, mailparser_1.parse)(data);
-        return buildMail(id, parsedMail, stat.size);
+        return buildMail(id, parsedMail, stat.size, isRead);
     });
 }
-function buildMail(id, parsedMail, size) {
+function buildMail(id, parsedMail, size, isRead) {
     return __awaiter(this, void 0, void 0, function* () {
         const envelope = {
             id: id,
@@ -488,7 +489,7 @@ function buildMail(id, parsedMail, size) {
             date: parsedMail.date,
             subject: parsedMail.subject,
             hasAttachment: parsedMail.attachments.length > 0,
-            isRead: false,
+            isRead,
         };
         return Object.assign({ id: envelope.id, envelope, calculatedBcc: (0, bcc_1.calculateBcc)(envelope.to, parsedMail.to, parsedMail.cc), size, sizeHuman: utils.formatBytes(size) }, parsedMail);
     });
@@ -541,7 +542,7 @@ function handleDataStream(mailServer, stream, session, callback) {
         });
         const parsed = yield (0, mailparser_1.parse)(stream.pipe(pt));
         yield streamEnd;
-        const mail = yield buildMail(id, parsed, size);
+        const mail = yield buildMail(id, parsed, size, false);
         return saveEmailToStore(mailServer, mail);
     });
 }

package/dist/lib/routes.js

@@ -34,9 +34,8 @@ function routes(app, mailserver, basePathname) {
     // Get single email
     router.get("/email/:id", function (req, res) {
         mailserver
-            .getEmail(req.params.id)
+            .getEmail(req.params.id, true)
             .then((mail) => {
-            mail.envelope.isRead = true; // Mark the email as 'read'
             res.status(200).json(mail);
         })
             .catch((err) => res.status(404).json({ error: err.message }));
@@ -116,7 +115,7 @@ function routes(app, mailserver, basePathname) {
     // Relay the email
     router.post("/email/:id/relay{/:relayTo}", function (req, res) {
         mailserver
-            .getEmail(req.params.id)
+            .getEmail(req.params.id, false)
             .then((mail) => {
             if (req.params.relayTo) {
                 if (emailRegexp.test(req.params.relayTo)) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@timshel_npm/maildev",
   "description": "SMTP Server with async API and Web Interface for viewing and testing emails during development",
-  "version": "3.2.17",
+  "version": "3.2.19",
   "keywords": [
     "email",
     "e-mail",
@@ -28,17 +28,15 @@
   },
   "scripts": {
     "clean": "rm -rf dist coverage tsconfig.tsbuildinfo",
-    "build": "tsc --build && npm run copy-app && npm run css",
-    "copy-app": "mkdir -p dist && cp -r ./src/app ./dist/ && rm -rf ./dist/app/styles",
+    "build": "tsc --build && npm run copy-app",
+    "copy-app": "mkdir -p dist && cp -r ./src/app ./dist",
     "start": "npm run build && node ./bin/maildev",
     "test": "prettier . -c && npm run build && nyc _mocha --exit --timeout 5000",
     "test:debug": "npm run build && nyc _mocha --exit --timeout 5000",
     "test:only": "nyc _mocha --exit --timeout 5000",
     "lint": "prettier . -c",
     "lint:fix": "prettier . -w",
-    "dev": "npm run build && node ./scripts/dev.js && npm run css-watch",
-    "css": "sass --style=compressed --no-source-map src/app/styles/style.scss:dist/app/styles/style.css",
-    "css-watch": "sass --watch --style=compressed --no-source-map src/app/styles/style.scss:dist/app/styles/style.css",
+    "dev": "npm run build && node ./scripts/dev.js",
     "docker-build": "./src/scripts/dockerBuild.sh",
     "docker-run": "docker run --rm -p 1080:1080 -p 1025:1025 maildev/maildev:$npm_package_version",
     "docker-push": "./src/scripts/dockerPush.sh",
@@ -62,24 +60,25 @@
     "commander": "14.0.3",
     "compression": "1.8.1",
     "cors": "2.8.6",
-    "dompurify": "3.3.3",
+    "dompurify": "3.4.1",
     "express": "5.2.1",
-    "jsdom": "29.0.1",
-    "mailparser": "3.9.5",
+    "jsdom": "29.1.0",
+    "mailparser": "3.9.8",
     "mime": "4.1.0",
-    "nodemailer": "8.0.3",
-    "smtp-server": "3.18.2",
+    "nodemailer": "8.0.7",
+    "smtp-server": "3.18.4",
     "socket.io": "4.8.3",
     "wildstring": "1.0.9"
   },
   "overrides": {
     "diff": "8.0.4",
-    "serialize-javascript": "7.0.4",
-    "socket.io-parser": "4.2.6"
+    "follow-redirects": "1.16.0",
+    "serialize-javascript": "7.0.5",
+    "uuid": "14.0.0"
   },
   "devDependencies": {
     "@types/express": "5.0.6",
-    "@types/node": "20.19.11",
+    "@types/node": "20.19.39",
     "expect": "30.3.0",
     "http-proxy-middleware": "3.0.5",
     "jest": "30.3.0",
@@ -87,11 +86,10 @@
     "mocha": "11.7.5",
     "nodemon": "3.1.14",
     "nyc": "18.0.0",
-    "prettier": "3.8.1",
-    "sass": "1.98.0",
+    "prettier": "3.8.3",
     "ts-node": "10.9.2",
     "ts-node-dev": "2.0.0",
-    "typescript": "6.0.2"
+    "typescript": "6.0.3"
   },
   "engines": {
     "node": ">=20.0.0"