@emailens/engine 0.8.1 → 0.8.3

package/dist/index.cjs

@@ -143,7 +143,7 @@ var EMAIL_CLIENTS = [
     name: "Outlook Windows",
     category: "desktop",
     engine: "Microsoft Word",
-    darkModeSupport: false,
+    darkModeSupport: true,
     icon: "monitor"
   },
   {
@@ -183,7 +183,7 @@ var EMAIL_CLIENTS = [
     name: "Thunderbird",
     category: "desktop",
     engine: "Gecko",
-    darkModeSupport: false,
+    darkModeSupport: true,
     icon: "monitor"
   },
   {
@@ -3730,14 +3730,16 @@ var CSS_SUPPORT = {
 };
 var GMAIL_STRIPPED_PROPERTIES = /* @__PURE__ */ new Set([
   "position",
-  "overflow",
   "visibility",
   "box-shadow",
   "text-shadow",
   "transform",
   "animation",
   "transition",
-  "gap"
+  "gap",
+  "filter",
+  "clip-path",
+  "backdrop-filter"
 ]);
 var OUTLOOK_WORD_UNSUPPORTED = /* @__PURE__ */ new Set([
   "border-radius",
@@ -3763,7 +3765,11 @@ var OUTLOOK_WORD_UNSUPPORTED = /* @__PURE__ */ new Set([
   "word-break",
   "overflow-wrap",
   "text-overflow",
-  "border-spacing"
+  "border-spacing",
+  "filter",
+  "clip-path",
+  "backdrop-filter",
+  "visibility"
 ]);
 var STRUCTURAL_FIX_PROPERTIES = /* @__PURE__ */ new Set([
   "display:flex",
@@ -5600,11 +5606,11 @@ var GMAIL_CLIP_THRESHOLD = 102 * 1024;
 var GMAIL_CLIP_WARNING_THRESHOLD = 90 * 1024;
 var CLIENT_DISPLAY_LIMITS = [
   { client: "Gmail (Web)", subjectLimit: 70, preheaderLimit: 90 },
-  { client: "Gmail (Mobile)", subjectLimit: 40, preheaderLimit: 90 },
-  { client: "Outlook (Web)", subjectLimit: 60, preheaderLimit: 35 },
+  { client: "Gmail (Mobile)", subjectLimit: 40, preheaderLimit: 45 },
+  { client: "Outlook (Web)", subjectLimit: 60, preheaderLimit: 90 },
   { client: "Outlook (Desktop)", subjectLimit: 55, preheaderLimit: 35 },
   { client: "Apple Mail (macOS)", subjectLimit: 78, preheaderLimit: 140 },
-  { client: "Apple Mail (iOS)", subjectLimit: 35, preheaderLimit: 90 },
+  { client: "Apple Mail (iOS)", subjectLimit: 41, preheaderLimit: 90 },
   { client: "Yahoo Mail", subjectLimit: 46, preheaderLimit: 100 },
   { client: "Samsung Email", subjectLimit: 40, preheaderLimit: 70 }
 ];
@@ -6692,31 +6698,74 @@ function simulateDarkMode(html, clientId) {
   });
   switch (clientId) {
     case "gmail-web":
-    case "gmail-android":
+      break;
     case "gmail-ios":
-      applyColorInversion($, clientId === "gmail-android" ? "full" : "partial");
+      applyColorInversion($, "full");
+      break;
+    case "gmail-android":
+      applyColorInversion($, "partial");
       break;
     case "outlook-web":
       applyColorInversion($, "partial");
+      if (!html.includes("prefers-color-scheme")) {
+        warnings.push({
+          severity: "info",
+          client: clientId,
+          property: "dark-mode",
+          message: "Outlook.com applies partial color inversion in dark mode.",
+          suggestion: "Use [data-ogsc] or [data-ogsb] CSS attribute selectors to override Outlook.com's dark mode color changes."
+        });
+      }
+      break;
+    case "outlook-windows":
+      applyColorInversion($, "full");
+      if (!html.includes("prefers-color-scheme")) {
+        warnings.push({
+          severity: "info",
+          client: clientId,
+          property: "dark-mode",
+          message: "Outlook Windows applies full color inversion in dark mode. Colors may shift unexpectedly.",
+          suggestion: "Test with dark mode enabled. The Word rendering engine offers limited control over dark mode color shifts."
+        });
+      }
       break;
     case "apple-mail-macos":
     case "apple-mail-ios":
-      applyColorInversion($, "partial");
       if (!html.includes("prefers-color-scheme")) {
         warnings.push({
           severity: "info",
           client: clientId,
           property: "dark-mode",
-          message: "Apple Mail supports @media (prefers-color-scheme: dark). Consider adding dark mode styles.",
+          message: "Apple Mail supports @media (prefers-color-scheme: dark). Without it, email content renders unchanged in dark mode.",
           suggestion: "Add a @media (prefers-color-scheme: dark) block with inverted colors for the best dark mode experience."
         });
       }
       break;
     case "yahoo-mail":
-      applyColorInversion($, "partial");
       break;
     case "samsung-mail":
-      applyColorInversion($, "full");
+      if (!html.includes("prefers-color-scheme")) {
+        applyColorInversion($, "partial");
+        warnings.push({
+          severity: "info",
+          client: clientId,
+          property: "dark-mode",
+          message: "Samsung Mail supports @media (prefers-color-scheme: dark). Consider adding dark mode styles.",
+          suggestion: "Add a @media (prefers-color-scheme: dark) block with inverted colors for the best dark mode experience."
+        });
+      }
+      break;
+    case "thunderbird":
+      if (!html.includes("prefers-color-scheme")) {
+        applyColorInversion($, "full");
+        warnings.push({
+          severity: "info",
+          client: clientId,
+          property: "dark-mode",
+          message: "Thunderbird supports @media (prefers-color-scheme: dark). Consider adding dark mode styles.",
+          suggestion: "Add a @media (prefers-color-scheme: dark) block with inverted colors for the best dark mode experience."
+        });
+      }
       break;
     case "hey-mail":
       applyColorInversion($, "partial");
@@ -6742,9 +6791,6 @@ function simulateDarkMode(html, clientId) {
         });
       }
       break;
-    case "outlook-windows":
-    case "thunderbird":
-      break;
   }
   $("body").css("background-color", "#1a1a1a");
   $("body").css("color", "#e0e0e0");