@puredesktop/puredesktop-ui-bridge 1.0.0-beta.1 → 2.1.0

package/src/bridge/pureRender/styles.ts

@@ -1,164 +1,164 @@
-import { themeToPureRenderTokenCss } from './theme.js'
-import type { PureRenderProfile, PureRenderTheme } from './types.js'
-
-export const RESET_CSS = `
-*{ box-sizing:border-box }
-html,body{ margin:0; padding:0 }
-img,svg{ max-width:100%; height:auto; display:block }
-table{ border-collapse:collapse }
-html[data-pagedjs-rendered="true"] body > :not(.pagedjs_pages){ display:none !important }
-`
-
-export const BASE_CSS = `
-html{ font-size:12pt; }
-body{
-  color:var(--ink); background:var(--paper);
-  font:var(--body)/var(--lead) var(--serif);
-  font-variant-numeric:oldstyle-nums proportional-nums;
-  -webkit-font-smoothing:antialiased;
-  hyphens:var(--hyphenate);
-  counter-reset:sec fig tbl ref eq;
-}
-.doc-title{ font:700 var(--t-title)/1.1 var(--display); margin:0 0 var(--rhythm); max-width:30rem; string-set:doctitle content(text); }
-.authors{ font:500 11.5pt/1.4 var(--sans); margin:0 0 .4rem; }
-.affil{ font:400 9pt/1.4 var(--sans); color:var(--muted); margin:0 0 calc(var(--rhythm)*1.2); }
-.affil sup,.authors sup{ font-size:.7em; }
-section[data-type="abstract"]{
-  border-top:2px solid var(--accent); border-bottom:1px solid var(--rule);
-  padding:calc(var(--rhythm)*.75) 0; margin:0 0 calc(var(--rhythm)*1.3); max-width:var(--measure);
-}
-section[data-type="abstract"] > h2{ all:unset; display:block; font:600 8pt/1 var(--sans); letter-spacing:.12em; text-transform:uppercase; color:var(--accent); margin:0 0 .5rem; counter-increment:none; }
-section[data-type="abstract"] > h2::before{ content:none; }
-section[data-type="abstract"] p{ margin:0; font-size:9.8pt; text-indent:0; }
-.keywords{ font:400 8.6pt/1.4 var(--sans); color:var(--muted); margin:.6rem 0 var(--rhythm); }
-.keywords b{ color:var(--ink-soft); font-weight:600; }
-section,p,ul,ol,blockquote{ max-width:var(--measure); }
-h2,h3,h4{ font-family:var(--display); color:var(--ink); break-after:avoid-page; }
-h2{ font-size:var(--t-h2); font-weight:700; line-height:1.15; margin:calc(var(--rhythm)*1.5) 0 calc(var(--rhythm)*.4); string-set:sectitle content(text); }
-section:not([data-type="abstract"]):not([data-type="frontmatter"]):not([data-type="backmatter"]):not([data-type="toc"]):not([data-type="references"]):not([data-type="endnotes"]):not([data-type="acknowledgments"]):not([data-type="part"]){ counter-increment:sec; counter-reset:sub; }
-h2::before{ content:counter(sec) "\\00a0\\00a0"; color:var(--accent); }
-section[data-type="abstract"] > h2::before,
-section[data-type="frontmatter"] > h2::before,
-section[data-type="backmatter"] > h2::before,
-section[data-type="toc"] > h2::before,
-section[data-type="references"] > h2::before,
-section[data-type="endnotes"] > h2::before,
-section[data-type="acknowledgments"] > h2::before,
-section[data-type="part"] > h2::before{ content:none; }
-h3{ counter-increment:sub; font-size:var(--t-h3); font-weight:600; margin:calc(var(--rhythm)*1) 0 calc(var(--rhythm)*.25); }
-h3::before{ content:counter(sec) "." counter(sub) "\\00a0\\00a0"; color:var(--accent); font-weight:500; }
-h4{ font-size:calc(var(--t-h3)*.88); font-weight:600; margin:calc(var(--rhythm)*.8) 0 calc(var(--rhythm)*.2); color:var(--ink-soft); }
-p{ margin:0; text-align:var(--text-align); orphans:3; widows:3; }
-p + p{ text-indent:1.25em; }
-h2 + p,h3 + p,section[data-type="abstract"] + p,figure + p{ text-indent:0; }
-a{ color:var(--accent-ink); text-decoration:none; }
-cite.ps-citation{ font-style:normal; white-space:nowrap; color:var(--accent-ink); }
-ul,ol{ margin:var(--rhythm) 0; padding-left:1.4rem; }
-li{ margin:.15rem 0; }
-figure{ counter-increment:fig; break-inside:avoid; margin:calc(var(--rhythm)*1.2) 0; }
-figcaption{ font:400 8.8pt/1.4 var(--serif); color:var(--ink-soft); margin-top:.55rem; max-width:var(--measure); }
-figcaption::before{ content:"Figure " attr(data-label) ".\\00a0"; font-family:var(--sans); font-weight:var(--caption-label-weight); text-transform:var(--caption-label-transform); color:var(--ink); }
-.table-wrap{ counter-increment:tbl; break-inside:avoid; margin:calc(var(--rhythm)*1.2) 0; }
-.table-wrap > .tcaption{ font:400 8.8pt/1.4 var(--serif); color:var(--ink-soft); margin:0 0 .45rem; }
-.table-wrap > .tcaption::before{ content:"Table " attr(data-label) ".\\00a0"; font-family:var(--sans); font-weight:var(--caption-label-weight); text-transform:var(--caption-label-transform); color:var(--ink); }
-table{ width:100%; font:400 9pt/1.35 var(--serif); }
-thead th{ font-family:var(--sans); font-weight:600; font-size:8.4pt; text-transform:var(--table-header-transform); letter-spacing:var(--table-header-letter-spacing); text-align:left; padding:var(--table-cell-padding-y) var(--table-cell-padding-x); color:var(--table-header-ink); background:var(--table-header-bg); border-bottom:var(--table-rule-width) solid var(--table-header-rule-color); }
-tbody td{ padding:var(--table-cell-padding-y) var(--table-cell-padding-x); border-bottom:var(--table-row-rule-width) solid var(--table-row-rule-color); }
-tbody tr:last-child td{ border-bottom:var(--table-rule-width) solid var(--rule); }
-.num{ text-align:right; font-variant-numeric:tabular-nums; }
-.equation{ counter-increment:eq; display:flex; align-items:center; gap:1rem; justify-content:center; margin:calc(var(--rhythm)*1) 0; break-inside:avoid; }
-.equation .eq-body{ font:italic 400 12pt/1 var(--serif); }
-.equation .eq-num{ margin-left:auto; }
-.equation .eq-num::before{ content:"(" attr(data-label) ")"; font:400 10pt var(--serif); color:var(--muted); }
-blockquote{ margin:var(--rhythm) 0; padding-left:1rem; border-left:2px solid var(--accent); font-style:italic; color:var(--ink-soft); }
-mark{ background:color-mix(in srgb, var(--accent) 14%, transparent); color:inherit; padding:0 .08em; }
-hr{ border:0; border-top:1px solid var(--rule-soft); margin:calc(var(--rhythm)*1.1) 0; max-width:var(--measure); }
-code,pre{ font-family:var(--mono); font-size:8.8pt; }
-pre{ background:#F5F6F8; border:1px solid var(--rule-soft); padding:.7rem .9rem; break-inside:avoid; white-space:pre-wrap; line-height:1.45; }
-a.xref-fig::after,a.xref-tbl::after,a.xref-eq::after{ content:none; }
-a.xref-sec::after{ content:target-counter(attr(href), sec); }
-section[data-type="references"]{ margin-top:calc(var(--rhythm)*1.5); }
-section[data-type="references"] > h2{ string-set:sectitle "References"; }
-section[data-type="references"] ol{ list-style:none; padding:0; margin:0; max-width:var(--measure); }
-section[data-type="references"] li{ counter-increment:ref; font-size:9pt; line-height:1.4; padding-left:2.2rem; text-indent:-2.2rem; margin:.3rem 0; break-inside:avoid; }
-section[data-type="references"] li::before{ content:"[" counter(ref) "]"; font-family:var(--sans); font-weight:600; display:inline-block; width:2.2rem; text-indent:0; }
-section[data-type="endnotes"]{ break-before:page; margin-top:calc(var(--rhythm)*1.5); }
-section[data-type="endnotes"] > h2{ string-set:sectitle "Notes"; }
-section[data-type="endnotes"] ol{ padding-left:1.4rem; max-width:var(--measure); }
-section[data-type="endnotes"] li{ font-size:9pt; line-height:1.45; margin:.35rem 0; break-inside:avoid; }
-`
-
-export const FLOW_CSS = `
-.doc-title,.authors,.affil,section[data-type="abstract"]{ break-after:avoid; }
-.fn{ float:footnote; font-size:8.4pt; line-height:1.3; }
-@page{ @footnote{ border-top:.5px solid var(--rule); padding-top:2pt; } }
-`
-
-export const PROFILE_CSS: Record<PureRenderProfile, string> = {
-  manuscript: `
-@page{ size:A4; margin:28mm 24mm 26mm 24mm; @bottom-center{ content:counter(page); font:500 8.4pt var(--mono); color:var(--muted); letter-spacing:.04em; display:var(--folio-display); } }
-@page:right{ margin-left:26mm; margin-right:22mm; @top-right{ content:string(sectitle); font:600 8pt var(--sans); letter-spacing:.08em; text-transform:var(--running-head-transform); color:var(--muted); border-bottom:var(--running-head-rule) solid var(--rule-soft); } }
-@page:left{ margin-left:22mm; margin-right:26mm; @top-left{ content:string(doctitle); font:600 8pt var(--sans); letter-spacing:.08em; text-transform:var(--running-head-transform); color:var(--muted); border-bottom:var(--running-head-rule) solid var(--rule-soft); } }
-@page:first{ margin-top:24mm; @top-left{ content:none } @top-right{ content:none } }
-[data-variant="two-column"]{ column-count:2; column-gap:7mm; column-fill:auto; }
-[data-variant="two-column"] > .doc-title,
-[data-variant="two-column"] > .authors,
-[data-variant="two-column"] > .affil,
-[data-variant="two-column"] > .keywords,
-[data-variant="two-column"] > section[data-type="abstract"]{ column-span:all; }
-[data-variant="two-column"] figure[data-span="page"],[data-variant="two-column"] .table-wrap[data-span="page"]{ column-span:all; }
-`,
-  writer: `
-@page{ size:A4; margin:25mm; @bottom-center{ content:counter(page); font:500 8.4pt var(--mono); color:var(--muted); } }
-@page:first{ @top-left{content:none} @top-right{content:none} }
-.pure-render-writer{ --text-align:var(--theme-text-align,left); --hyphenate:var(--theme-hyphenate,manual); }
-.pure-render-writer p + p{ text-indent:0; margin-top:calc(var(--rhythm)*.55); }
-section > h2{ counter-increment:none; }
-h2::before,h3::before{ content:none; }
-section[data-type="abstract"]{ border:0; padding:0; }
-.pure-render-writer section[data-type="references"] ol{ list-style:decimal; padding-left:1.4rem; }
-.pure-render-writer section[data-type="references"] li{ counter-increment:none; padding-left:0; text-indent:0; }
-.pure-render-writer section[data-type="references"] li::before{ content:none; }
-`,
-  book: `
-@page{ size:152mm 229mm; margin:18mm 16mm 22mm 20mm; @bottom-center{ content:counter(page); font:500 8pt var(--mono); color:var(--muted); display:var(--folio-display); } }
-@page:right{ margin-left:20mm; margin-right:16mm; @top-right{ content:string(chaptitle); font:600 7.5pt var(--sans); letter-spacing:.1em; text-transform:var(--running-head-transform); color:var(--muted); border-bottom:var(--running-head-rule) solid var(--rule-soft); } @bottom-right{ content:counter(page); display:var(--folio-display); } @bottom-center{ content:none } }
-@page:left{ margin-left:16mm; margin-right:20mm; @top-left{ content:string(doctitle); font:600 7.5pt var(--sans); letter-spacing:.1em; text-transform:var(--running-head-transform); color:var(--muted); border-bottom:var(--running-head-rule) solid var(--rule-soft); } @bottom-left{ content:counter(page); display:var(--folio-display); } @bottom-center{ content:none } }
-.pure-render-book > article > .doc-title{ break-after:page; max-width:none; padding-top:35%; text-align:center; font-size:30pt; line-height:1.05; margin:0; }
-.pure-render-book > article > .authors{ max-width:none; text-align:center; margin-top:1rem; }
-section[data-type="toc"]{ break-before:right; break-after:page; max-width:none; }
-section[data-type="toc"] > h2{ font-size:20pt; margin:0 0 calc(var(--rhythm)*1.2); }
-section[data-type="toc"] > h2::before{ content:none; }
-section[data-type="toc"] ol{ list-style:none; padding:0; margin:0; max-width:none; }
-section[data-type="toc"] li{ margin:.35rem 0; }
-section[data-type="toc"] a{ display:flex; gap:.35rem; color:var(--ink); }
-section[data-type="toc"] a::after{ content:leader('.') target-counter(attr(href), page); flex:1; text-align:right; color:var(--muted); }
-section[data-type="part"]{ break-before:right; text-align:center; padding-top:40%; }
-section[data-type="endnotes"]{ break-before:right; }
-section[data-type="chapter"]{ break-before:right; counter-increment:sec; counter-reset:sub; }
-section[data-type="chapter"] > h2{ string-set:chaptitle content(text); font-size:26pt; margin:var(--chapter-opener-padding) 0 calc(var(--rhythm)*2); }
-section[data-type="chapter"]::before{ content:"Chapter " counter(sec); display:block; font:600 10pt var(--sans); letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin-bottom:.6rem; }
-section[data-type="chapter"] > h2::after{ content:""; display:var(--chapter-ornament-display); width:3rem; border-bottom:var(--chapter-ornament-border) solid var(--accent); margin:calc(var(--rhythm)*.6) 0 0; }
-section[data-type="chapter"] > h2{ counter-increment:none; }
-section[data-type="chapter"] > h2::before{ content:none; }
-figcaption::before{ content:"Figure " attr(data-label) ".\\00a0"; }
-`,
-}
-
-export function buildPureRenderStylesheet(options: {
-  profile: PureRenderProfile
-  theme?: PureRenderTheme
-}): string {
-  return [
-    '/* pure-render: reset */',
-    RESET_CSS,
-    '/* pure-render: tokens */',
-    themeToPureRenderTokenCss(options.theme),
-    '/* pure-render: base */',
-    BASE_CSS,
-    '/* pure-render: profile */',
-    PROFILE_CSS[options.profile],
-    '/* pure-render: flow */',
-    FLOW_CSS,
-  ].join('\n')
-}
+import { themeToPureRenderTokenCss } from './theme.js'
+import type { PureRenderProfile, PureRenderTheme } from './types.js'
+
+export const RESET_CSS = `
+*{ box-sizing:border-box }
+html,body{ margin:0; padding:0 }
+img,svg{ max-width:100%; height:auto; display:block }
+table{ border-collapse:collapse }
+html[data-pagedjs-rendered="true"] body > :not(.pagedjs_pages){ display:none !important }
+`
+
+export const BASE_CSS = `
+html{ font-size:12pt; }
+body{
+  color:var(--ink); background:var(--paper);
+  font:var(--body)/var(--lead) var(--serif);
+  font-variant-numeric:oldstyle-nums proportional-nums;
+  -webkit-font-smoothing:antialiased;
+  hyphens:var(--hyphenate);
+  counter-reset:sec fig tbl ref eq;
+}
+.doc-title{ font:700 var(--t-title)/1.1 var(--display); margin:0 0 var(--rhythm); max-width:30rem; string-set:doctitle content(text); }
+.authors{ font:500 11.5pt/1.4 var(--sans); margin:0 0 .4rem; }
+.affil{ font:400 9pt/1.4 var(--sans); color:var(--muted); margin:0 0 calc(var(--rhythm)*1.2); }
+.affil sup,.authors sup{ font-size:.7em; }
+section[data-type="abstract"]{
+  border-top:2px solid var(--accent); border-bottom:1px solid var(--rule);
+  padding:calc(var(--rhythm)*.75) 0; margin:0 0 calc(var(--rhythm)*1.3); max-width:var(--measure);
+}
+section[data-type="abstract"] > h2{ all:unset; display:block; font:600 8pt/1 var(--sans); letter-spacing:.12em; text-transform:uppercase; color:var(--accent); margin:0 0 .5rem; counter-increment:none; }
+section[data-type="abstract"] > h2::before{ content:none; }
+section[data-type="abstract"] p{ margin:0; font-size:9.8pt; text-indent:0; }
+.keywords{ font:400 8.6pt/1.4 var(--sans); color:var(--muted); margin:.6rem 0 var(--rhythm); }
+.keywords b{ color:var(--ink-soft); font-weight:600; }
+section,p,ul,ol,blockquote{ max-width:var(--measure); }
+h2,h3,h4{ font-family:var(--display); color:var(--ink); break-after:avoid-page; }
+h2{ font-size:var(--t-h2); font-weight:700; line-height:1.15; margin:calc(var(--rhythm)*1.5) 0 calc(var(--rhythm)*.4); string-set:sectitle content(text); }
+section:not([data-type="abstract"]):not([data-type="frontmatter"]):not([data-type="backmatter"]):not([data-type="toc"]):not([data-type="references"]):not([data-type="endnotes"]):not([data-type="acknowledgments"]):not([data-type="part"]){ counter-increment:sec; counter-reset:sub; }
+h2::before{ content:counter(sec) "\\00a0\\00a0"; color:var(--accent); }
+section[data-type="abstract"] > h2::before,
+section[data-type="frontmatter"] > h2::before,
+section[data-type="backmatter"] > h2::before,
+section[data-type="toc"] > h2::before,
+section[data-type="references"] > h2::before,
+section[data-type="endnotes"] > h2::before,
+section[data-type="acknowledgments"] > h2::before,
+section[data-type="part"] > h2::before{ content:none; }
+h3{ counter-increment:sub; font-size:var(--t-h3); font-weight:600; margin:calc(var(--rhythm)*1) 0 calc(var(--rhythm)*.25); }
+h3::before{ content:counter(sec) "." counter(sub) "\\00a0\\00a0"; color:var(--accent); font-weight:500; }
+h4{ font-size:calc(var(--t-h3)*.88); font-weight:600; margin:calc(var(--rhythm)*.8) 0 calc(var(--rhythm)*.2); color:var(--ink-soft); }
+p{ margin:0; text-align:var(--text-align); orphans:3; widows:3; }
+p + p{ text-indent:1.25em; }
+h2 + p,h3 + p,section[data-type="abstract"] + p,figure + p{ text-indent:0; }
+a{ color:var(--accent-ink); text-decoration:none; }
+cite.ps-citation{ font-style:normal; white-space:nowrap; color:var(--accent-ink); }
+ul,ol{ margin:var(--rhythm) 0; padding-left:1.4rem; }
+li{ margin:.15rem 0; }
+figure{ counter-increment:fig; break-inside:avoid; margin:calc(var(--rhythm)*1.2) 0; }
+figcaption{ font:400 8.8pt/1.4 var(--serif); color:var(--ink-soft); margin-top:.55rem; max-width:var(--measure); }
+figcaption::before{ content:"Figure " attr(data-label) ".\\00a0"; font-family:var(--sans); font-weight:var(--caption-label-weight); text-transform:var(--caption-label-transform); color:var(--ink); }
+.table-wrap{ counter-increment:tbl; break-inside:avoid; margin:calc(var(--rhythm)*1.2) 0; }
+.table-wrap > .tcaption{ font:400 8.8pt/1.4 var(--serif); color:var(--ink-soft); margin:0 0 .45rem; }
+.table-wrap > .tcaption::before{ content:"Table " attr(data-label) ".\\00a0"; font-family:var(--sans); font-weight:var(--caption-label-weight); text-transform:var(--caption-label-transform); color:var(--ink); }
+table{ width:100%; font:400 9pt/1.35 var(--serif); }
+thead th{ font-family:var(--sans); font-weight:600; font-size:8.4pt; text-transform:var(--table-header-transform); letter-spacing:var(--table-header-letter-spacing); text-align:left; padding:var(--table-cell-padding-y) var(--table-cell-padding-x); color:var(--table-header-ink); background:var(--table-header-bg); border-bottom:var(--table-rule-width) solid var(--table-header-rule-color); }
+tbody td{ padding:var(--table-cell-padding-y) var(--table-cell-padding-x); border-bottom:var(--table-row-rule-width) solid var(--table-row-rule-color); }
+tbody tr:last-child td{ border-bottom:var(--table-rule-width) solid var(--rule); }
+.num{ text-align:right; font-variant-numeric:tabular-nums; }
+.equation{ counter-increment:eq; display:flex; align-items:center; gap:1rem; justify-content:center; margin:calc(var(--rhythm)*1) 0; break-inside:avoid; }
+.equation .eq-body{ font:italic 400 12pt/1 var(--serif); }
+.equation .eq-num{ margin-left:auto; }
+.equation .eq-num::before{ content:"(" attr(data-label) ")"; font:400 10pt var(--serif); color:var(--muted); }
+blockquote{ margin:var(--rhythm) 0; padding-left:1rem; border-left:2px solid var(--accent); font-style:italic; color:var(--ink-soft); }
+mark{ background:color-mix(in srgb, var(--accent) 14%, transparent); color:inherit; padding:0 .08em; }
+hr{ border:0; border-top:1px solid var(--rule-soft); margin:calc(var(--rhythm)*1.1) 0; max-width:var(--measure); }
+code,pre{ font-family:var(--mono); font-size:8.8pt; }
+pre{ background:#F5F6F8; border:1px solid var(--rule-soft); padding:.7rem .9rem; break-inside:avoid; white-space:pre-wrap; line-height:1.45; }
+a.xref-fig::after,a.xref-tbl::after,a.xref-eq::after{ content:none; }
+a.xref-sec::after{ content:target-counter(attr(href), sec); }
+section[data-type="references"]{ margin-top:calc(var(--rhythm)*1.5); }
+section[data-type="references"] > h2{ string-set:sectitle "References"; }
+section[data-type="references"] ol{ list-style:none; padding:0; margin:0; max-width:var(--measure); }
+section[data-type="references"] li{ counter-increment:ref; font-size:9pt; line-height:1.4; padding-left:2.2rem; text-indent:-2.2rem; margin:.3rem 0; break-inside:avoid; }
+section[data-type="references"] li::before{ content:"[" counter(ref) "]"; font-family:var(--sans); font-weight:600; display:inline-block; width:2.2rem; text-indent:0; }
+section[data-type="endnotes"]{ break-before:page; margin-top:calc(var(--rhythm)*1.5); }
+section[data-type="endnotes"] > h2{ string-set:sectitle "Notes"; }
+section[data-type="endnotes"] ol{ padding-left:1.4rem; max-width:var(--measure); }
+section[data-type="endnotes"] li{ font-size:9pt; line-height:1.45; margin:.35rem 0; break-inside:avoid; }
+`
+
+export const FLOW_CSS = `
+.doc-title,.authors,.affil,section[data-type="abstract"]{ break-after:avoid; }
+.fn{ float:footnote; font-size:8.4pt; line-height:1.3; }
+@page{ @footnote{ border-top:.5px solid var(--rule); padding-top:2pt; } }
+`
+
+export const PROFILE_CSS: Record<PureRenderProfile, string> = {
+  manuscript: `
+@page{ size:A4; margin:28mm 24mm 26mm 24mm; @bottom-center{ content:counter(page); font:500 8.4pt var(--mono); color:var(--muted); letter-spacing:.04em; display:var(--folio-display); } }
+@page:right{ margin-left:26mm; margin-right:22mm; @top-right{ content:string(sectitle); font:600 8pt var(--sans); letter-spacing:.08em; text-transform:var(--running-head-transform); color:var(--muted); border-bottom:var(--running-head-rule) solid var(--rule-soft); } }
+@page:left{ margin-left:22mm; margin-right:26mm; @top-left{ content:string(doctitle); font:600 8pt var(--sans); letter-spacing:.08em; text-transform:var(--running-head-transform); color:var(--muted); border-bottom:var(--running-head-rule) solid var(--rule-soft); } }
+@page:first{ margin-top:24mm; @top-left{ content:none } @top-right{ content:none } }
+[data-variant="two-column"]{ column-count:2; column-gap:7mm; column-fill:auto; }
+[data-variant="two-column"] > .doc-title,
+[data-variant="two-column"] > .authors,
+[data-variant="two-column"] > .affil,
+[data-variant="two-column"] > .keywords,
+[data-variant="two-column"] > section[data-type="abstract"]{ column-span:all; }
+[data-variant="two-column"] figure[data-span="page"],[data-variant="two-column"] .table-wrap[data-span="page"]{ column-span:all; }
+`,
+  writer: `
+@page{ size:A4; margin:25mm; @bottom-center{ content:counter(page); font:500 8.4pt var(--mono); color:var(--muted); } }
+@page:first{ @top-left{content:none} @top-right{content:none} }
+.pure-render-writer{ --text-align:var(--theme-text-align,left); --hyphenate:var(--theme-hyphenate,manual); }
+.pure-render-writer p + p{ text-indent:0; margin-top:calc(var(--rhythm)*.55); }
+section > h2{ counter-increment:none; }
+h2::before,h3::before{ content:none; }
+section[data-type="abstract"]{ border:0; padding:0; }
+.pure-render-writer section[data-type="references"] ol{ list-style:decimal; padding-left:1.4rem; }
+.pure-render-writer section[data-type="references"] li{ counter-increment:none; padding-left:0; text-indent:0; }
+.pure-render-writer section[data-type="references"] li::before{ content:none; }
+`,
+  book: `
+@page{ size:152mm 229mm; margin:18mm 16mm 22mm 20mm; @bottom-center{ content:counter(page); font:500 8pt var(--mono); color:var(--muted); display:var(--folio-display); } }
+@page:right{ margin-left:20mm; margin-right:16mm; @top-right{ content:string(chaptitle); font:600 7.5pt var(--sans); letter-spacing:.1em; text-transform:var(--running-head-transform); color:var(--muted); border-bottom:var(--running-head-rule) solid var(--rule-soft); } @bottom-right{ content:counter(page); display:var(--folio-display); } @bottom-center{ content:none } }
+@page:left{ margin-left:16mm; margin-right:20mm; @top-left{ content:string(doctitle); font:600 7.5pt var(--sans); letter-spacing:.1em; text-transform:var(--running-head-transform); color:var(--muted); border-bottom:var(--running-head-rule) solid var(--rule-soft); } @bottom-left{ content:counter(page); display:var(--folio-display); } @bottom-center{ content:none } }
+.pure-render-book > article > .doc-title{ break-after:page; max-width:none; padding-top:35%; text-align:center; font-size:30pt; line-height:1.05; margin:0; }
+.pure-render-book > article > .authors{ max-width:none; text-align:center; margin-top:1rem; }
+section[data-type="toc"]{ break-before:right; break-after:page; max-width:none; }
+section[data-type="toc"] > h2{ font-size:20pt; margin:0 0 calc(var(--rhythm)*1.2); }
+section[data-type="toc"] > h2::before{ content:none; }
+section[data-type="toc"] ol{ list-style:none; padding:0; margin:0; max-width:none; }
+section[data-type="toc"] li{ margin:.35rem 0; }
+section[data-type="toc"] a{ display:flex; gap:.35rem; color:var(--ink); }
+section[data-type="toc"] a::after{ content:leader('.') target-counter(attr(href), page); flex:1; text-align:right; color:var(--muted); }
+section[data-type="part"]{ break-before:right; text-align:center; padding-top:40%; }
+section[data-type="endnotes"]{ break-before:right; }
+section[data-type="chapter"]{ break-before:right; counter-increment:sec; counter-reset:sub; }
+section[data-type="chapter"] > h2{ string-set:chaptitle content(text); font-size:26pt; margin:var(--chapter-opener-padding) 0 calc(var(--rhythm)*2); }
+section[data-type="chapter"]::before{ content:"Chapter " counter(sec); display:block; font:600 10pt var(--sans); letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin-bottom:.6rem; }
+section[data-type="chapter"] > h2::after{ content:""; display:var(--chapter-ornament-display); width:3rem; border-bottom:var(--chapter-ornament-border) solid var(--accent); margin:calc(var(--rhythm)*.6) 0 0; }
+section[data-type="chapter"] > h2{ counter-increment:none; }
+section[data-type="chapter"] > h2::before{ content:none; }
+figcaption::before{ content:"Figure " attr(data-label) ".\\00a0"; }
+`,
+}
+
+export function buildPureRenderStylesheet(options: {
+  profile: PureRenderProfile
+  theme?: PureRenderTheme
+}): string {
+  return [
+    '/* pure-render: reset */',
+    RESET_CSS,
+    '/* pure-render: tokens */',
+    themeToPureRenderTokenCss(options.theme),
+    '/* pure-render: base */',
+    BASE_CSS,
+    '/* pure-render: profile */',
+    PROFILE_CSS[options.profile],
+    '/* pure-render: flow */',
+    FLOW_CSS,
+  ].join('\n')
+}

package/src/bridge/pureRender/theme.test.ts

@@ -1,53 +1,53 @@
-import { describe, expect, it } from 'vitest'
-import {
-  DEFAULT_PURE_RENDER_THEME,
-  isPureRenderTheme,
-  parsePureRenderThemeJson,
-  themeToPureRenderTokenCss,
-} from './theme.js'
-
-describe('Pure Render themes', () => {
-  it('parses manual Pure Render theme JSON', () => {
-    const parsed = parsePureRenderThemeJson(
-      JSON.stringify(DEFAULT_PURE_RENDER_THEME),
-    )
-
-    expect(parsed.name).toBe(DEFAULT_PURE_RENDER_THEME.name)
-    expect(isPureRenderTheme(parsed)).toBe(true)
-  })
-
-  it('rejects JSON that is not a theme', () => {
-    expect(() => parsePureRenderThemeJson('{"name":"Nope"}')).toThrow(
-      /Pure Render theme/,
-    )
-  })
-
-  it('maps safe profile rules into CSS variables', () => {
-    const css = themeToPureRenderTokenCss({
-      ...DEFAULT_PURE_RENDER_THEME,
-      profile_rules: {
-        running_heads: { transform: 'small-caps', rule: 'hairline' },
-        opener: { spacing: 'generous', ornament: 'rule' },
-        ornaments: { kind: 'rule', weight: 'hairline' },
-        table: {
-          rule_weight: 'hairline',
-          header_treatment: 'shaded',
-          density: 'airy',
-        },
-        caption: { label_style: 'small-caps' },
-      },
-    })
-
-    expect(css).toContain('--running-head-transform:uppercase;')
-    expect(css).toContain('--running-head-rule:.5px;')
-    expect(css).toContain('--chapter-opener-padding:28%;')
-    expect(css).toContain('--chapter-ornament-display:block;')
-    expect(css).toContain('--table-rule-width:.5px;')
-    expect(css).toContain('--table-row-rule-width:0;')
-    expect(css).toContain(
-      '--table-header-bg:color-mix(in srgb, var(--accent) 10%, var(--paper));',
-    )
-    expect(css).toContain('--table-cell-padding-y:.46rem;')
-    expect(css).toContain('--caption-label-transform:uppercase;')
-  })
-})
+import { describe, expect, it } from 'vitest'
+import {
+  DEFAULT_PURE_RENDER_THEME,
+  isPureRenderTheme,
+  parsePureRenderThemeJson,
+  themeToPureRenderTokenCss,
+} from './theme.js'
+
+describe('Pure Render themes', () => {
+  it('parses manual Pure Render theme JSON', () => {
+    const parsed = parsePureRenderThemeJson(
+      JSON.stringify(DEFAULT_PURE_RENDER_THEME),
+    )
+
+    expect(parsed.name).toBe(DEFAULT_PURE_RENDER_THEME.name)
+    expect(isPureRenderTheme(parsed)).toBe(true)
+  })
+
+  it('rejects JSON that is not a theme', () => {
+    expect(() => parsePureRenderThemeJson('{"name":"Nope"}')).toThrow(
+      /Pure Render theme/,
+    )
+  })
+
+  it('maps safe profile rules into CSS variables', () => {
+    const css = themeToPureRenderTokenCss({
+      ...DEFAULT_PURE_RENDER_THEME,
+      profile_rules: {
+        running_heads: { transform: 'small-caps', rule: 'hairline' },
+        opener: { spacing: 'generous', ornament: 'rule' },
+        ornaments: { kind: 'rule', weight: 'hairline' },
+        table: {
+          rule_weight: 'hairline',
+          header_treatment: 'shaded',
+          density: 'airy',
+        },
+        caption: { label_style: 'small-caps' },
+      },
+    })
+
+    expect(css).toContain('--running-head-transform:uppercase;')
+    expect(css).toContain('--running-head-rule:.5px;')
+    expect(css).toContain('--chapter-opener-padding:28%;')
+    expect(css).toContain('--chapter-ornament-display:block;')
+    expect(css).toContain('--table-rule-width:.5px;')
+    expect(css).toContain('--table-row-rule-width:0;')
+    expect(css).toContain(
+      '--table-header-bg:color-mix(in srgb, var(--accent) 10%, var(--paper));',
+    )
+    expect(css).toContain('--table-cell-padding-y:.46rem;')
+    expect(css).toContain('--caption-label-transform:uppercase;')
+  })
+})