domma-cms 1.10.8 → 1.10.10

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [1.10.10] - 2026-10-24
+
+- **Email keeps its text colours in two more cases.** A colour set on the message's `<body>` (a light-on-dark design) was lost when the reader unwrapped it, and an inline style written in capitals (`COLOR: #000000`, common in older templates) was dropped, so a stylesheet colour won instead - grey-on-grey footers and links. Found by rendering a full mailbox (16,000 messages) before and after.
+
+## [1.10.9] - 2026-10-24
+
+- **Built against domma-js 0.56.0** - see [its release notes](https://github.com/pinpointzero73/domma/releases/tag/v0.56.0). Seven new building blocks are available to pages and plugins: `E.dropzone` (file drop and upload with progress), `E.rangeSlider` (one or two thumbs, also as `type: 'slider'` form fields), `E.commandPalette` (a Cmd/Ctrl+K launcher), `E.focusTrap`, `E.splitPane`, `E.virtualList` (large and infinite lists) and `Domma.i18n` translations. Nothing existing changes.
+
 ## [1.10.8] - 2026-10-24
 
 - **Buttons in email show again.** The mail reader (Email and Mail Reader) stripped the ways most mail colours its buttons - a cell's `bgcolor`, the `background:` style and rules in the message's own `<style>` block - leaving white text on white, so sign-in and confirm buttons (Anthropic's among them) looked missing. Stylesheet rules are now applied to the elements they match before sanitising (not `@media` or `:hover` rules), and table colour and layout attributes, `<center>`, `<font>`, `border-radius` and the like are kept. A background still never loads anything, so blocked remote images stay blocked.

package/admin/dist/domma/domma-tools.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Tools CSS v0.55.0
+ * Domma Tools CSS v0.56.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T15:11:03.951Z
- * Commit: 253e259
+ * Built: 2026-10-24T16:15:31.974Z
+ * Commit: f768320
  */
 
 /*!

package/admin/dist/domma/domma-tools.min.js

@@ -1,9 +1,9 @@
 /*!
- * Domma Tools v0.55.0
+ * Domma Tools v0.56.0
  * Developer tools: Theme Roller & Page Roller
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T15:10:49.146Z
- * Commit: 253e259
+ * Built: 2026-10-24T16:15:16.245Z
+ * Commit: f768320
  *
  * Requires: domma.min.js
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domma-cms",
-  "version": "1.10.8",
+  "version": "1.10.10",
   "description": "File-based CMS powered by Domma and Fastify. Run npx domma-cms my-site to create a new project.",
   "type": "module",
   "main": "server/server.js",
@@ -86,7 +86,7 @@
     "bcryptjs": "^3.0.3",
     "css-select": "^7.0.0",
     "dom-serializer": "^3.1.1",
-    "domma-js": "0.55.0",
+    "domma-js": "0.56.0",
     "dotenv": "^17.2.3",
     "fastify": "5.12.7",
     "gray-matter": "^4.0.3",

package/plugins/_lib/mail/render.js

@@ -157,6 +157,36 @@ function inlineStyles(html) {
             .filter(Boolean).join(';');
     }
 
+    // The sanitiser unwraps <body>, and with it whatever the message set
+    // there - often the text colour for the whole mail, on a dark design.
+    // Keep it on a <div> instead, the legacy bgcolor/text attributes as style.
+    const body = DomUtils.findOne((node) => node.name === 'body', dom.children, true);
+    const bodyStyle = body && [
+        body.attribs.bgcolor ? `background-color:${body.attribs.bgcolor}` : '',
+        body.attribs.text ? `color:${body.attribs.text}` : '',
+        body.attribs.style ?? ''
+    ].filter(Boolean).join(';');
+    if (bodyStyle) {
+        const wrapper = {...body.attribs, style: bodyStyle};
+        delete wrapper.bgcolor;
+        delete wrapper.text;
+        const div = parseDocument('<div></div>').children[0];
+        div.attribs = wrapper;
+        for (const child of [...body.children]) DomUtils.appendChild(div, child);
+        DomUtils.appendChild(body, div);
+    }
+
+    // CSS property names are case-insensitive, the sanitiser's allowlist is
+    // not: `COLOR: #000000` (Outlook-era templates) was dropped, and a sheet
+    // rule we had just inlined then won instead of it.
+    const shouted = DomUtils.findAll((node) => /(^|;)\s*[a-z-]*[A-Z][\w-]*\s*:/.test(node.attribs?.style ?? ''), dom.children);
+    for (const element of shouted) {
+        element.attribs.style = element.attribs.style.replace(
+            /(^|;)(\s*)([\w-]+)(\s*:)/g,
+            (match, lead, space, prop, colon) => `${lead}${space}${prop.toLowerCase()}${colon}`
+        );
+    }
+
     // A background shorthand loses only what would load; its colour stays.
     const backgrounds = DomUtils.findAll((node) => /background\s*:/i.test(node.attribs?.style ?? ''), dom.children);
     for (const element of backgrounds) {
@@ -170,7 +200,7 @@ function inlineStyles(html) {
     }
 
     // Untouched mail goes to the sanitiser exactly as it arrived.
-    if (!pending.size && !backgrounds.length) return html;
+    if (!pending.size && !bodyStyle && !shouted.length && !backgrounds.length) return html;
     return renderDom(dom);
 }