@uurtech/jdf 0.2.2 → 0.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uurtech/jdf",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Render JDF (JSON Document Format) documents in the browser. Drop-in replacement for embedding PDFs — point at a .jdf file and it appears on the page, fully styled, searchable, with a clickable TOC.",
   "license": "MIT",
   "author": "Ugur Kazdal <ugur@uurtech.com>",

package/src/renderers/element.ts

@@ -103,6 +103,7 @@ function textTag(h: TextElement["heading"]): keyof HTMLElementTagNameMap {
 // ── richtext ────────────────────────────────────────────────────────────────
 function renderRichText(el: RichTextElement, ctx: RenderContext): HTMLElement {
   const p = document.createElement("p");
+  p.style.whiteSpace = "pre-wrap"; // keep "\n" line breaks (folded paragraphs) — same as the reader
   p.className = "jdfjs-richtext";
   p.style.margin = "0";
   applyStyle(p, resolveStyle(el.style, ctx.styles));

package/src/utils/style.ts

@@ -1,3 +1,4 @@
+import { unitToPx } from "@jdf/core";
 import type { Style, StyleRef } from "@jdf/core";
 
 function paddingToCss(p: NonNullable<Style["padding"]>): string {
@@ -16,6 +17,8 @@ export function styleToCss(style: Style): Record<string, string> {
   if (style.color) css["color"] = style.color;
   if (style.backgroundColor) css["background-color"] = style.backgroundColor;
   if (style.textAlign) css["text-align"] = style.textAlign;
+  if (style.lineHeight) css["line-height"] = String(style.lineHeight); // unitless, same as the reader
+  if (style.textIndent) css["text-indent"] = `${unitToPx(style.textIndent)}px`;
   if (style.textDecoration) {
     const td = style.textDecoration === "strikethrough" ? "line-through" : style.textDecoration;
     css["text-decoration"] = td;