@uniweb/press 0.4.11 → 0.4.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniweb/press",
-  "version": "0.4.11",
+  "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/math-css.js

@@ -54,4 +54,23 @@ math mtable.tml-jot mtd { padding-top: 0.7ex; padding-bottom: 0.7ex; }
 }
 body {
   counter-reset: tmlEqnNo;
+}
+/* Display math needs CSS block layout, not MathML layout, for an equation TAG
+   to reach the right margin: the tag rides in an mtable whose width:100%
+   Chromium ignores under display: block math, collapsing the spacer cells so
+   "(1)" sits glued to the equation instead of at the margin.
+
+   !important is not decoration. Temml emits style=display:block math on
+   every display formula unconditionally — no option turns it off — so an inline
+   style beats any rule we write, including Temml's own math.tml-display { display: block }, which is exactly what this restores. Fixing it here
+   rather than in the generator also repairs math that was already built.
+
+   Scoped with :has() to formulas that actually carry a tag. Switching every
+   display formula to CSS block layout would left-align the lot -- MathML layout
+   is what centres them -- so an unnumbered derivation or matrix keeps
+   display: block math and stays centred. Where :has() is unsupported the tag
+   simply does not reach the margin; nothing else changes. */
+math.tml-display:has(.tml-eqn) {
+  display: block !important;
+  width: 100%;
 }`

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}
 `