@uniweb/press 0.4.12 → 0.4.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniweb/press",
-  "version": "0.4.12",
+  "version": "0.4.13",
   "description": "Press your React components into downloadable files — Word, Excel, PDF. Registration-based pattern with lazy-loaded format adapters.",
   "type": "module",
   "exports": {

package/src/adapters/epub.js

@@ -63,7 +63,14 @@ export async function compileEpub(input, options = {}) {
     const { meta = {}, stylesheet, identifier, cover, loadAsset } = options
 
     const resolvedMeta = { ...(metadata || {}), ...meta }
-    const css = stylesheet || DEFAULT_STYLESHEET
+    // Math CSS is emitted ahead of the design stylesheet, not inside it.
+    // Temml's MathML needs these rules to lay out at all -- without them a
+    // pmatrix's rows touch and an aligned environment's = signs drift -- and a
+    // foundation that supplies its own `stylesheet` REPLACES the default, so
+    // folding them into DEFAULT_STYLESHEET meant customizing the design
+    // silently broke the maths. Emitting first also leaves the foundation's
+    // sheet able to override any of it.
+    const css = `${MATH_CSS}\n${stylesheet || DEFAULT_STYLESHEET}`
     const id = identifier || resolvedMeta.identifier || generateUuid()
     const coverUrl = cover || resolvedMeta.cover || resolvedMeta.coverImage
 
@@ -626,5 +633,4 @@ pre {
   overflow: auto;
   white-space: pre-wrap;
 }
-${MATH_CSS}
 `

package/src/adapters/pagedjs.js

@@ -131,7 +131,14 @@ async function compileServerSide(htmlDoc, options = {}) {
 export function emitDocument({ body = '', meta = {}, stylesheet, polyfillUrl } = {}) {
     const lang = meta.language ?? 'en'
     const title = meta.title ?? 'Book'
-    const css = stylesheet || DEFAULT_STYLESHEET
+    // Math CSS is emitted ahead of the design stylesheet, not inside it.
+    // Temml's MathML needs these rules to lay out at all -- without them a
+    // pmatrix's rows touch and an aligned environment's = signs drift -- and a
+    // foundation that supplies its own `stylesheet` REPLACES the default, so
+    // folding them into DEFAULT_STYLESHEET meant customizing the design
+    // silently broke the maths. Emitting first also leaves the foundation's
+    // sheet able to override any of it.
+    const css = `${MATH_CSS}\n${stylesheet || DEFAULT_STYLESHEET}`
     const polyfill = polyfillUrl || DEFAULT_POLYFILL_URL
 
     return `<!doctype html>
@@ -294,5 +301,4 @@ blockquote {
 }
 ul, ol { margin: 0.5em 0 0.75em 1.5em; }
 figure { break-inside: avoid; }
-${MATH_CSS}
 `