@openpresentation/opf-render 0.5.0 → 0.5.1

package/README.md

@@ -1,5 +1,7 @@
 # OPF Render
 
+Version 0.5.1 reserves quote attribution/source space before fitting long text. See [quote layout and real-browser evidence](docs/quote-footer-0.5.1.md) for regression coverage and overflow behavior.
+
 Deterministic local renderer for Open Presentation Format documents. The shared SVG core implements validation, catalog resolution, placeholder binding and text layout. Node APIs additionally convert SVG to PNG and raster-backed PDF.
 
 ## Scope

package/dist/svg.js

@@ -833,8 +833,12 @@ function renderMetric(item, box, bound, options) {
 
 function renderQuote(item, box, bound, options) {
   const quote = isPlainObject(item.value) ? item.value : { text: item.value };
+  const attribution = [quote.attribution, quote.source].filter(Boolean).join(" - ");
+  const body = inset(box, 18);
+  // Reserve the attribution footer before fitting the quote; it is not an overlay.
+  if (attribution) body.height = Math.max(1, box.height - 94);
   const children = [
-    renderTextBox(`"${quote.text ?? ""}"`, inset(box, 18), bound, {
+    renderTextBox(`"${quote.text ?? ""}"`, body, bound, {
       path: `${item.path}.text`,
       fontSize: 28,
       fontFamily: bound.design.fonts.heading,
@@ -842,7 +846,7 @@ function renderQuote(item, box, bound, options) {
       fill: bound.design.colors.text,
       options
     }),
-    renderTextBox([quote.attribution, quote.source].filter(Boolean).join(" - "), {
+    renderTextBox(attribution, {
       x: box.x + 18,
       y: box.y + box.height - 58,
       width: box.width - 36,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openpresentation/opf-render",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Deterministic local OPF renderer for SVG, PNG, and PDF output.",
   "license": "MIT",
   "type": "module",
@@ -57,8 +57,9 @@
     "build": "node scripts/build.mjs",
     "typecheck": "node --check src/index.js && node --check scripts/build.mjs && node --check scripts/validate-package.mjs && node --check test/smoke.mjs && node --check test/golden.mjs && node --check src/fonts.js && node --check src/fonts-node.js && node --check src/font-compatibility.js && node --check test/office-fonts.mjs && node --check src/fonts-browser.js && node --check test/fonts-browser.mjs && node --check src/svg.js && node --check src/raster.js && node --check src/raster-images.js && node --check test/webp.mjs && node --check test/jpeg-orientation.mjs && node --check scripts/build-browser-check.mjs && node --check test/jpeg-browser.js && node --check test/rich-table.mjs && node --check test/styled-table.mjs",
     "validate": "node scripts/validate-package.mjs",
-    "test": "npm run build && node test/smoke.mjs && node test/webp.mjs && node test/jpeg-orientation.mjs && node test/fonts.mjs && node test/office-fonts.mjs && node test/timeline.mjs && node test/rich-trace.mjs && node test/rich-table.mjs && node test/golden-gate.mjs && node test/golden.mjs && node test/fonts-browser.mjs && node test/design-preview.mjs && npm run build:browser-check && npm run test:styled-table",
+    "test": "npm run build && node test/smoke.mjs && node test/webp.mjs && node test/jpeg-orientation.mjs && node test/fonts.mjs && node test/office-fonts.mjs && node test/timeline.mjs && node test/quote-footer.mjs && node test/rich-trace.mjs && node test/rich-table.mjs && node test/golden-gate.mjs && node test/golden.mjs && node test/fonts-browser.mjs && node test/design-preview.mjs && npm run build:browser-check && npm run test:styled-table",
     "test:golden": "npm run build && node test/golden.mjs",
+    "test:browser": "npm run build:browser-check && node test/browser-check.mjs",
     "golden:update": "npm run build && node test/golden.mjs --update",
     "prepack": "npm run build",
     "build:browser-check": "node scripts/build-browser-check.mjs",
@@ -80,6 +81,7 @@
     "sharp": "0.35.4"
   },
   "devDependencies": {
-    "esbuild": "0.28.2"
+    "esbuild": "0.28.2",
+    "playwright": "1.63.0"
   }
 }