@social-mail/social-mail-client 1.9.96 → 1.9.97

package/css-for-email.js

@@ -0,0 +1,78 @@
+const { currentScript } = document;
+
+async function flattenStyleSheets() {
+    const styleSheets = document.querySelectorAll(`link[rel="stylesheet"]`);
+    const tasks = [];
+    for(let i=0;i<styleSheets.length;i++) {
+        const styleSheet = styleSheets[i];
+        const href = styleSheet.getAttribute("href");
+        tasks.push(fetch(href)
+            .then((x) => x.text())
+            .then((text) => ({ styleSheet, text }))
+        )
+    }
+
+    const results = await Promise.all(tasks);
+    for(const { styleSheet, text} of results) {
+        const style = document.createElement("style");
+        style.textContent = text;
+        document.head.appendChild(style);
+        styleSheet.remove();
+    }
+}
+
+const te = new TextEncoder();
+
+
+function encodeTo36(text) {
+    const buffer = te.encode(text);
+    let n = 0n;
+    for(const byte of buffer) {
+        n = (n << 8n) | BigInt(byte);
+    }
+    return n.toString(36);
+}
+
+function flattenStyler() {
+
+    const replaceList = [];
+
+    const all = document.body.querySelectorAll("not(style)");
+    for(let i=0;i<all.length;i++) {
+        const e = all[i];
+
+        for(const name of e.getAttributeNames()) {
+            if (!name.startsWith("styler-")) {
+                continue;
+            }
+            const value = e.getAttribute(name);
+            const cssValue = CSS.escape(value);
+            const rule = `[${name}=${cssValue}]`;
+            const className = encodeTo36(rule);
+            e.classList.add(className);
+            replaceList.push({ rule, className: "." + className});
+        }
+    }
+
+    const styles = document.querySelectorAll("style");
+    for(let i=0;i<styles.length;i++) {
+        const style = styles[i];
+        const { textContent } = style;
+        for (const { rule, className } of replaceList) {
+            const replaced = textContent.replaceAll(rule, className);
+            if (replaced !== textContent) {
+                style.textContent = replaced;
+            }
+        }
+    }
+}
+
+(async function() {
+
+    await flattenStyleSheets();
+
+    flattenStyler();
+
+    currentScript.remove();
+
+})().catch(console.error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.9.96",
+  "version": "1.9.97",
   "description": "",
   "main": "index.js",
   "scripts": {