@emailens/engine 0.8.1 → 0.8.3

package/dist/index.d.cts

@@ -41,6 +41,9 @@ declare function structuralWarnings(warnings: CSSWarning[]): CSSWarning[];
  * - Some invert colors (Gmail Android)
  * - Some use prefers-color-scheme media query (Apple Mail)
  * - Some do partial inversion (Outlook.com)
+ *
+ * Last verified: 2026-03-04
+ * Sources: Litmus dark mode guide, caniemail.com, Parcel dark mode guide
  */
 declare function simulateDarkMode(html: string, clientId: string): {
     html: string;
@@ -156,7 +159,7 @@ declare const AI_FIX_SYSTEM_PROMPT = "You are an expert email developer speciali
 
 /**
  * CSS/HTML feature support matrix — auto-generated from caniemail.com.
- * Last synced: 2026-03-02
+ * Last synced: 2026-03-04
  * caniemail last updated: 2026-02-16 15:39:06 +0000
  *
  * 251 features across 12 email clients.

package/dist/index.d.ts

@@ -41,6 +41,9 @@ declare function structuralWarnings(warnings: CSSWarning[]): CSSWarning[];
  * - Some invert colors (Gmail Android)
  * - Some use prefers-color-scheme media query (Apple Mail)
  * - Some do partial inversion (Outlook.com)
+ *
+ * Last verified: 2026-03-04
+ * Sources: Litmus dark mode guide, caniemail.com, Parcel dark mode guide
  */
 declare function simulateDarkMode(html: string, clientId: string): {
     html: string;
@@ -156,7 +159,7 @@ declare const AI_FIX_SYSTEM_PROMPT = "You are an expert email developer speciali
 
 /**
  * CSS/HTML feature support matrix — auto-generated from caniemail.com.
- * Last synced: 2026-03-02
+ * Last synced: 2026-03-04
  * caniemail last updated: 2026-02-16 15:39:06 +0000
  *
  * 251 features across 12 email clients.

package/dist/index.js

@@ -46,7 +46,7 @@ var EMAIL_CLIENTS = [
     name: "Outlook Windows",
     category: "desktop",
     engine: "Microsoft Word",
-    darkModeSupport: false,
+    darkModeSupport: true,
     icon: "monitor"
   },
   {
@@ -86,7 +86,7 @@ var EMAIL_CLIENTS = [
     name: "Thunderbird",
     category: "desktop",
     engine: "Gecko",
-    darkModeSupport: false,
+    darkModeSupport: true,
     icon: "monitor"
   },
   {
@@ -3633,14 +3633,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",
@@ -3666,7 +3668,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",
@@ -5503,11 +5509,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 }
 ];
@@ -6595,31 +6601,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");
@@ -6645,9 +6694,6 @@ function simulateDarkMode(html, clientId) {
         });
       }
       break;
-    case "outlook-windows":
-    case "thunderbird":
-      break;
   }
   $("body").css("background-color", "#1a1a1a");
   $("body").css("color", "#e0e0e0");