@segnavia/idml 0.31.0 → 0.32.0

package/dist/fonts.d.ts

@@ -0,0 +1,10 @@
+import "./types.js";
+import "@segnavia/format";
+import { Element } from "domhandler";
+//#region src/fonts.d.ts
+export declare const IDML_FONT_WEIGHTS: Readonly<Record<string, number>>;
+export declare function idmlFontStyle(name: string | undefined): {
+  weight?: number;
+  style?: 'italic';
+};
+//#endregion

package/dist/fonts.js

@@ -0,0 +1,105 @@
+import { refusal } from "./refusal.js";
+import { fontUseKey } from "./report.js";
+import { localName } from "./xml.js";
+import { FontReferenceInput } from "@segnavia/format";
+//#region src/fonts.ts
+const IDML_FONT_WEIGHTS = {
+	thin: 100,
+	extralight: 200,
+	ultralight: 200,
+	light: 300,
+	regular: 400,
+	book: 400,
+	normal: 400,
+	roman: 400,
+	medium: 500,
+	semibold: 600,
+	demibold: 600,
+	bold: 700,
+	extrabold: 800,
+	heavy: 800,
+	black: 900
+};
+function idmlFontStyle(name) {
+	if (!name) return {};
+	const normalized = name.toLowerCase().replace(/[\s-]+/g, "");
+	const italic = normalized.endsWith("italic") ? "italic" : normalized.endsWith("oblique") ? "oblique" : void 0;
+	const weightName = italic ? normalized.slice(0, -italic.length) || "regular" : normalized;
+	const weight = IDML_FONT_WEIGHTS[weightName];
+	return {
+		...weight === void 0 ? {} : { weight },
+		...italic ? { style: "italic" } : {}
+	};
+}
+function parseFonts(roots) {
+	return roots.filter((element) => localName(element.name) === "Font").flatMap((element) => {
+		const family = element.attribs.FontFamily;
+		if (!family) return [];
+		const style = element.attribs.FontStyleName;
+		const postscriptName = element.attribs.PostScriptName;
+		return [{
+			family,
+			...style ? { style } : {},
+			...postscriptName ? { postscriptName } : {}
+		}];
+	});
+}
+function fontFamilyValue(reference) {
+	return "app" in reference ? `var(--segnavia-font-${reference.app})` : `${JSON.stringify(reference.local)}, var(--segnavia-font-${reference.fallback})`;
+}
+var FontMapper = class {
+	fonts;
+	map;
+	report;
+	cache = /* @__PURE__ */ new Map();
+	references = /* @__PURE__ */ new Map();
+	constructor(fonts, map, report) {
+		this.fonts = fonts;
+		this.map = map;
+		this.report = report;
+	}
+	declarations(family, style, location) {
+		if (!family) return [];
+		const reference = this.resolve(family, style, location);
+		const face = idmlFontStyle(style);
+		return [
+			...reference ? [`font-family:${fontFamilyValue(reference)}`] : [],
+			...face.weight === void 0 ? [] : [`font-weight:${face.weight}`],
+			...face.style ? [`font-style:${face.style}`] : []
+		];
+	}
+	bookFonts() {
+		return [...this.references.values()];
+	}
+	resolve(family, style, location) {
+		const key = fontUseKey(family, style);
+		if (this.cache.has(key)) {
+			if (!this.cache.get(key)) this.report.unmappedFont(family, style, location);
+			return this.cache.get(key);
+		}
+		const known = this.fonts.find((font) => font.family === family && font.style === style);
+		const font = {
+			family,
+			...style ? { style } : {},
+			...known?.postscriptName ? { postscriptName: known.postscriptName } : {}
+		};
+		const answer = this.map?.(font);
+		if (answer === void 0) {
+			this.cache.set(key, void 0);
+			this.report.unmappedFont(family, style, location);
+			return;
+		}
+		const parsed = FontReferenceInput.safeParse(answer);
+		if (!parsed.success) throw refusal(`the host font mapping for ${JSON.stringify(family)}${style ? ` style ${JSON.stringify(style)}` : ""} is invalid`, "return an app or local font reference with a valid app-font fallback");
+		const reference = parsed.data;
+		this.cache.set(key, reference);
+		this.add(reference);
+		if ("local" in reference) this.add({ app: reference.fallback });
+		return reference;
+	}
+	add(reference) {
+		this.references.set(JSON.stringify(reference), reference);
+	}
+};
+//#endregion
+export { FontMapper, IDML_FONT_WEIGHTS, idmlFontStyle, parseFonts };

package/dist/import.d.ts

@@ -1,7 +1,7 @@
 import { IdmlReportData } from "./report.js";
+import { IdmlImportOptions } from "./types.js";
 import { Book } from "@segnavia/format";
 //#region src/import.d.ts
-export type IdmlImportOptions = Record<never, never>;
 export interface IdmlImportReport extends IdmlReportData {
   partsRead: string[];
 }
@@ -9,5 +9,5 @@ export interface IdmlImportResult {
   book: Book;
   report: IdmlImportReport;
 }
-export declare function importIdml(bytes: Uint8Array, _options?: IdmlImportOptions): Promise<IdmlImportResult>;
+export declare function importIdml(bytes: Uint8Array, options?: IdmlImportOptions): Promise<IdmlImportResult>;
 //#endregion

package/dist/import.js

@@ -5,7 +5,7 @@ import { idmlModel } from "./model.js";
 import { readZip } from "./zip.js";
 //#region src/import.ts
 const IDML_MIMETYPE = "application/vnd.adobe.indesign-idml-package";
-async function importIdml(bytes, _options = {}) {
+async function importIdml(bytes, options = {}) {
 	const entries = await readZip(bytes);
 	const byName = new Map(entries.map((entry) => [entry.name, entry.bytes]));
 	const mimetype = byName.get("mimetype");
@@ -16,7 +16,7 @@ async function importIdml(bytes, _options = {}) {
 	const model = idmlModel(entries);
 	const collector = new ReportCollector(model.report);
 	return {
-		book: modelToBook(model, collector),
+		book: modelToBook(model, collector, options),
 		report: {
 			partsRead: model.partsRead,
 			...collector.data()

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-import { IdmlFontUse, IdmlReportData } from "./report.js";
-import { IdmlImportOptions, IdmlImportReport, IdmlImportResult, importIdml } from "./import.js";
+import { IdmlFontUse, IdmlLinkUse, IdmlReportData } from "./report.js";
+import { IdmlAssetMap, IdmlDocumentPreferences, IdmlFont, IdmlFontMap, IdmlImportOptions, IdmlMargin, IdmlMasterSpread, IdmlPage, IdmlSpread, IdmlStory } from "./types.js";
+import { IDML_FONT_WEIGHTS, idmlFontStyle } from "./fonts.js";
+import { IdmlImportReport, IdmlImportResult, importIdml } from "./import.js";
 import { IDML_LIMITS, MAX_IDML_ENTRIES, MAX_IDML_PACKAGE_BYTES, MAX_IDML_PART_BYTES, MAX_IDML_TOTAL_INFLATED_BYTES, MAX_IDML_XML_DEPTH } from "./limits.js";
-import { IdmlDocumentPreferences, IdmlMargin, IdmlMasterSpread, IdmlPage, IdmlSpread, IdmlStory } from "./types.js";
 import { IdmlModel } from "./model.js";
-export { IDML_LIMITS, type IdmlDocumentPreferences, type IdmlFontUse, type IdmlImportOptions, type IdmlImportReport, type IdmlImportResult, type IdmlMargin, type IdmlMasterSpread, type IdmlModel, type IdmlPage, type IdmlReportData, type IdmlSpread, type IdmlStory, MAX_IDML_ENTRIES, MAX_IDML_PACKAGE_BYTES, MAX_IDML_PART_BYTES, MAX_IDML_TOTAL_INFLATED_BYTES, MAX_IDML_XML_DEPTH, importIdml };
+export { IDML_FONT_WEIGHTS, IDML_LIMITS, type IdmlAssetMap, type IdmlDocumentPreferences, type IdmlFont, type IdmlFontMap, type IdmlFontUse, type IdmlImportOptions, type IdmlImportReport, type IdmlImportResult, type IdmlLinkUse, type IdmlMargin, type IdmlMasterSpread, type IdmlModel, type IdmlPage, type IdmlReportData, type IdmlSpread, type IdmlStory, MAX_IDML_ENTRIES, MAX_IDML_PACKAGE_BYTES, MAX_IDML_PART_BYTES, MAX_IDML_TOTAL_INFLATED_BYTES, MAX_IDML_XML_DEPTH, idmlFontStyle, importIdml };

package/dist/index.js

@@ -1,3 +1,4 @@
+import { IDML_FONT_WEIGHTS, idmlFontStyle } from "./fonts.js";
 import { IDML_LIMITS, MAX_IDML_ENTRIES, MAX_IDML_PACKAGE_BYTES, MAX_IDML_PART_BYTES, MAX_IDML_TOTAL_INFLATED_BYTES, MAX_IDML_XML_DEPTH } from "./limits.js";
 import { importIdml } from "./import.js";
-export { IDML_LIMITS, MAX_IDML_ENTRIES, MAX_IDML_PACKAGE_BYTES, MAX_IDML_PART_BYTES, MAX_IDML_TOTAL_INFLATED_BYTES, MAX_IDML_XML_DEPTH, importIdml };
+export { IDML_FONT_WEIGHTS, IDML_LIMITS, MAX_IDML_ENTRIES, MAX_IDML_PACKAGE_BYTES, MAX_IDML_PART_BYTES, MAX_IDML_TOTAL_INFLATED_BYTES, MAX_IDML_XML_DEPTH, idmlFontStyle, importIdml };

package/dist/map-book.js

@@ -1,8 +1,11 @@
 import { refusal } from "./refusal.js";
+import { ReportCollector } from "./report.js";
+import { FontMapper } from "./fonts.js";
 import { logicalMargin } from "./margins.js";
 import { storyHtml } from "./stories.js";
 import { chapterParents, mapMasters } from "./masters.js";
-import { ReportCollector } from "./report.js";
+import { mapOpeners } from "./openers.js";
+import { reportPlacements } from "./placement-report.js";
 import { StyleMapper } from "./styles.js";
 import { matchVariables } from "./variables.js";
 import { Book, MM_PER_PT } from "@segnavia/format";
@@ -33,26 +36,30 @@ function refuseActiveBookHtml(chapters, parents) {
 	const active = findActiveContent(html);
 	if (active.length > 0) throw refusal(`the imported Book contains active content (${active.join(", ")})`, "remove that active content");
 }
-function modelToBook(model, report = new ReportCollector(model.report)) {
+function modelToBook(model, report = new ReportCollector(model.report), options = {}) {
 	const preferences = model.preferences;
 	const rightBinding = preferences.binding === "right-to-left";
 	const bookDirection = rightBinding ? "rtl" : "ltr";
-	const styles = new StyleMapper(model.styles ?? [], model.swatches ?? [], report, bookDirection);
+	const fonts = new FontMapper(model.fonts ?? [], options.font, report);
+	const styles = new StyleMapper(model.styles ?? [], model.swatches ?? [], report, bookDirection, fonts);
 	const matchedVariables = matchVariables(model.textVariables ?? [], report);
 	const bookLanguage = styles.rootLanguage();
 	const stories = orderedStories(model);
 	const masters = mapMasters(model, matchedVariables, styles, report);
-	const chapters = stories.map((story) => ({
+	const mapped = stories.map((story) => ({
 		story,
 		mapped: storyHtml({
 			...story,
 			textVariables: matchedVariables
 		}, styles, report, bookDirection, bookLanguage)
-	})).map(({ story, mapped: value }) => {
+	}));
+	const openers = mapOpeners(model, mapped, masters, report, options.asset);
+	reportPlacements(model, openers.consumedPages, report);
+	const chapters = mapped.filter(({ story }) => !openers.claimed.has(story.id)).map(({ story, mapped: value }) => {
 		const parents = chapterParents(story.id, model, masters, report);
 		return {
 			title: story.id,
-			html: value.html,
+			html: openers.html.get(story.id) ?? value.html,
 			...parents ? { parents } : {}
 		};
 	});
@@ -60,6 +67,7 @@ function modelToBook(model, report = new ReportCollector(model.report)) {
 	refuseActiveBookHtml(chapters, masters.parents);
 	const columnGap = bodyColumnGap(model, stories, report);
 	const css = `${styles.css()}${masters.css}`;
+	const bookFonts = fonts.bookFonts();
 	return Book.parse({
 		title: model.id,
 		mode: "paginated",
@@ -75,6 +83,7 @@ function modelToBook(model, report = new ReportCollector(model.report)) {
 		dir: bookDirection,
 		...bookLanguage ? { lang: bookLanguage } : {},
 		...css ? { css } : {},
+		...bookFonts.length > 0 ? { fonts: bookFonts } : {},
 		rectoOpenings: preferences.facingPages,
 		parentPages: masters.parents,
 		chapters

package/dist/masters.js

@@ -1,11 +1,11 @@
 import { logicalMargin } from "./margins.js";
+import { positionedBoxStyle } from "./positioned-box.js";
 import { storyHtml } from "./stories.js";
-import { BOOK_PARENT_NAMES, MM_PER_PT } from "@segnavia/format";
-import serialize from "dom-serializer";
+import { BOOK_PARENT_NAMES } from "@segnavia/format";
 import { Element } from "domhandler";
+import serialize from "dom-serializer";
 import { parseDocument } from "htmlparser2";
 const slug = (value) => value.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "master";
-const mm = (points) => `${Number((points * MM_PER_PT).toFixed(6))}mm`;
 function roleFor(page, rtl, ordinal) {
 	if (!page.side || page.side === "single") return (ordinal ?? 0) % 2 === 0 ? "recto" : "verso";
 	return page.side === (rtl ? "left" : "right") ? "recto" : "verso";
@@ -39,10 +39,20 @@ function regionHtml(master, page, region, context) {
 		}, context.styles, context.report, context.rtl ? "rtl" : "ltr", void 0);
 		const nodes = parseDocument(mapped.html, { xmlMode: false }).children;
 		boxes.push(new Element("div", { class: className }, nodes));
-		const right = frame.bounds.left + frame.bounds.width;
-		const inlineStart = context.rtl ? context.model.preferences.pageWidth - page.margin.right - right : frame.bounds.left - page.margin.left;
 		const blockStart = region === "head" ? frame.bounds.top : frame.bounds.top - (context.model.preferences.pageHeight - page.margin.bottom);
-		context.css.push(`:where(.${className}){position:absolute;inset-inline-start:${mm(inlineStart)};inline-size:${mm(frame.bounds.width)};inset-block-start:${mm(blockStart)};block-size:${mm(frame.bounds.height)}}`);
+		const bounds = {
+			left: frame.bounds.left,
+			top: blockStart,
+			right: frame.bounds.left + frame.bounds.width,
+			bottom: blockStart + frame.bounds.height
+		};
+		context.css.push(`:where(.${className}){${positionedBoxStyle(bounds, {
+			pageWidth: context.model.preferences.pageWidth,
+			margin: page.margin,
+			rtl: context.rtl,
+			blockOrigin: 0,
+			unit: "mm"
+		})}}`);
 		context.mappedStories.add(frame.story);
 	}
 	if (boxes.length === 0) return void 0;
@@ -154,12 +164,17 @@ function mapMasters(model, variables, styles, report) {
 		report.addOnce(report.unsupportedElements, `applied master unknown:${masterId}`, location);
 		return role === "recto" ? BOOK_PARENT_NAMES.recto : BOOK_PARENT_NAMES.verso;
 	};
+	const marginFor = (page, ordinal) => {
+		const master = page.appliedMaster ? byId.get(page.appliedMaster) : void 0;
+		return (master ? masterPage(master, roleFor(page, rtl, ordinal), rtl) : void 0)?.margin ?? model.preferences.margin;
+	};
 	return {
 		parents,
 		css: css.join(""),
 		bookMargin: appliedBookMargin(model, applied, report),
 		parentFor,
-		mappedStories
+		mappedStories,
+		marginFor
 	};
 }
 function chapterParents(story, model, mapping, report) {

package/dist/model.d.ts

@@ -1,5 +1,5 @@
 import { IdmlReportData } from "./report.js";
-import { IdmlDocumentPreferences, IdmlFramePreference, IdmlMargin, IdmlMasterPage, IdmlMasterSpread, IdmlPage, IdmlSpread, IdmlStory, IdmlStyle, IdmlSwatch, IdmlTextVariable } from "./types.js";
+import { IdmlDocumentPreferences, IdmlFont, IdmlFramePreference, IdmlMargin, IdmlMasterPage, IdmlMasterSpread, IdmlPage, IdmlSpread, IdmlStory, IdmlStyle, IdmlSwatch, IdmlTextVariable } from "./types.js";
 //#region src/model.d.ts
 export interface IdmlModel {
   id: string;
@@ -10,6 +10,7 @@ export interface IdmlModel {
   masterStoryIds: string[];
   partsRead: string[];
   styles?: IdmlStyle[];
+  fonts?: IdmlFont[];
   swatches?: IdmlSwatch[];
   bodyFramePreferences?: IdmlFramePreference[];
   textVariables?: IdmlTextVariable[];

package/dist/model.js

@@ -1,34 +1,17 @@
 import { refusal } from "./refusal.js";
-import { localName, numberAttribute } from "./xml.js";
-import { readMargin } from "./margins.js";
 import { ReportCollector } from "./report.js";
+import { attribute, elements, localName, numberAttribute } from "./xml.js";
+import { parseFonts } from "./fonts.js";
+import { readMargin } from "./margins.js";
 import { parseStyles, parseSwatches } from "./styles.js";
-import { FramePreferenceIndex, framePreference } from "./frame-preferences.js";
+import { FramePreferenceIndex } from "./frame-preferences.js";
 import { IDML_LIMITS } from "./limits.js";
 import { parseParts } from "./parse-parts.js";
+import { GRAPHIC_ELEMENTS, SHAPE_ELEMENTS, collectUnsupportedElements } from "./unsupported-elements.js";
+import { attachPlacements, contains, pageArea, placementBounds, spreadPlacements } from "./placements.js";
 import { parseStories } from "./story-model.js";
-import { collectUnsupportedElements } from "./unsupported-elements.js";
 import { isTag } from "domhandler";
 //#region src/model.ts
-function elements(root, name) {
-	const found = [];
-	const pending = [root];
-	while (pending.length > 0) {
-		const node = pending.pop();
-		if (!node) continue;
-		if (isTag(node)) {
-			if (!name || localName(node.name) === name) found.push(node);
-		}
-		if ("children" in node) for (let index = node.children.length - 1; index >= 0; index -= 1) pending.push(node.children[index]);
-	}
-	return found;
-}
-function attribute(element, ...names) {
-	for (const name of names) {
-		const value = element.attribs[name];
-		if (value !== void 0) return value;
-	}
-}
 function boolAttribute(element, name, fallback) {
 	const raw = attribute(element, name);
 	if (raw === void 0) return fallback;
@@ -46,113 +29,11 @@ function page(element) {
 		side: "single"
 	};
 }
-const IDENTITY = [
-	1,
-	0,
-	0,
-	1,
-	0,
-	0
-];
-function transform(element) {
-	const values = (attribute(element, "ItemTransform") ?? "").trim().split(/\s+/).map(Number);
-	return values.length === 6 && values.every(Number.isFinite) ? values : IDENTITY;
-}
-function compose(parent, child) {
-	const [a, b, c, d, x, y] = parent;
-	const [e, f, g, h, u, v] = child;
-	return [
-		a * e + c * f,
-		b * e + d * f,
-		a * g + c * h,
-		b * g + d * h,
-		a * u + c * v + x,
-		b * u + d * v + y
-	];
-}
-function apply(value, point) {
-	return [value[0] * point[0] + value[2] * point[1] + value[4], value[1] * point[0] + value[3] * point[1] + value[5]];
-}
-function pageArea(element) {
-	const bounds = (attribute(element, "GeometricBounds") ?? "").trim().split(/\s+/).map(Number);
-	if (bounds.length !== 4 || !bounds.every(Number.isFinite)) return void 0;
-	const [top, left, bottom, right] = bounds;
-	const matrix = transform(element);
-	return [
-		apply(matrix, [left, top]),
-		apply(matrix, [right, top]),
-		apply(matrix, [right, bottom]),
-		apply(matrix, [left, bottom])
-	];
-}
-function bounds(points) {
-	if (points.length === 0) return void 0;
-	const xs = points.map(([x]) => x);
-	const ys = points.map(([, y]) => y);
-	return {
-		left: Math.min(...xs),
-		top: Math.min(...ys),
-		right: Math.max(...xs),
-		bottom: Math.max(...ys)
-	};
-}
-function frameBounds(element, matrix) {
-	return bounds(elements(element).map((candidate) => attribute(candidate, "Anchor")).filter((value) => value !== void 0).map((value) => value.trim().split(/\s+/).map(Number)).filter((value) => value.length === 2 && value.every(Number.isFinite)).map((point) => apply(matrix, point)));
-}
-function contains(area, [x, y]) {
-	let inside = false;
-	for (let index = 0, previous = area.length - 1; index < area.length; previous = index, index += 1) {
-		const [xi, yi] = area[index];
-		const [xj, yj] = area[previous];
-		if (yi === yj && y === yi && x >= Math.min(xi, xj) && x <= Math.max(xi, xj)) return true;
-		if (yi > y !== yj > y && x <= (xj - xi) * (y - yi) / (yj - yi) + xi) inside = !inside;
-	}
-	return inside;
-}
-function framePlacement(element, matrix, location) {
-	const story = attribute(element, "ParentStory");
-	if (!story) return void 0;
-	const preference = framePreference(element, location);
-	const box = frameBounds(element, matrix);
-	return {
-		id: attribute(element, "Self") ?? story,
-		story,
-		...box ? {
-			bounds: box,
-			center: [(box.left + box.right) / 2, (box.top + box.bottom) / 2]
-		} : {},
-		...preference ? { preference } : {}
-	};
-}
-function spreadFrames(spread, location) {
-	const result = [];
-	const pending = [...spread.children].reverse().map((node) => ({
-		node,
-		matrix: IDENTITY
-	}));
-	while (pending.length > 0) {
-		const current = pending.pop();
-		if (!current || !isTag(current.node)) continue;
-		const name = localName(current.node.name);
-		if (name === "Page" || name === "Spread" || name === "MasterSpread") continue;
-		const matrix = name === "Group" || name === "TextFrame" ? compose(current.matrix, transform(current.node)) : current.matrix;
-		if (name === "TextFrame") {
-			const placement = framePlacement(current.node, matrix, `${location}#TextFrame[${result.length + 1}]`);
-			if (placement) result.push(placement);
-			continue;
-		}
-		for (let index = current.node.children.length - 1; index >= 0; index -= 1) pending.push({
-			node: current.node.children[index],
-			matrix
-		});
-	}
-	return result;
-}
 function assignSides(pageElements, pages) {
 	if (pages.length < 2) return;
 	const order = pageElements.map((element) => {
 		const area = pageArea(element);
-		return area ? bounds(area) : void 0;
+		return area ? placementBounds(area) : void 0;
 	}).map((area, index) => ({
 		index,
 		x: area ? (area.left + area.right) / 2 : index
@@ -168,14 +49,15 @@ function masterFrames(frames, pageElements, pages) {
 	const result = pages.map(() => []);
 	const areas = pageElements.map((candidate) => {
 		const area = pageArea(candidate);
-		return area ? bounds(area) : void 0;
+		return area ? placementBounds(area) : void 0;
 	});
 	for (const frame of frames) {
 		const absolute = frame.bounds;
-		if (!absolute || !frame.center) continue;
+		const center = frame.center;
+		if (!absolute || !center) continue;
 		const index = pageElements.findIndex((candidate) => {
 			const area = pageArea(candidate);
-			return area ? contains(area, frame.center) : false;
+			return area ? contains(area, center) : false;
 		});
 		const area = areas[index];
 		if (index < 0 || !area) continue;
@@ -193,7 +75,7 @@ function masterFrames(frames, pageElements, pages) {
 	return result;
 }
 function masterSpread(element, pageElements, pages, placements) {
-	const frames = masterFrames(placements, pageElements, pages);
+	const frames = masterFrames(placements.frames, pageElements, pages);
 	const prefix = attribute(element, "NamePrefix") ?? "";
 	const base = attribute(element, "BaseName") ?? attribute(element, "Name") ?? attribute(element, "Self") ?? "master";
 	const name = prefix ? `${prefix}-${base}` : base;
@@ -201,7 +83,8 @@ function masterSpread(element, pageElements, pages, placements) {
 	const unmappedItems = element.children.flatMap((child) => {
 		if (!isTag(child)) return [];
 		const type = localName(child.name);
-		if (type === "Page" || type === "Properties") return [];
+		if (type === "Page" || type === "Properties" || type === "Group" || type === "Link") return [];
+		if (SHAPE_ELEMENTS.includes(type) || GRAPHIC_ELEMENTS.includes(type)) return [];
 		const id = attribute(child, "Self") ?? type;
 		if (type === "TextFrame" && frameIds.has(id)) return [];
 		return [{
@@ -227,7 +110,8 @@ function placeStories(frames, pageElements, pages, report, framePreferences) {
 	for (const frame of frames) {
 		frameStories.add(frame.story);
 		framePreferences.add(frame.story, frame.preference);
-		const pageIndex = frame.center ? areas.findIndex((area) => area !== void 0 && contains(area, frame.center)) : -1;
+		const center = frame.center;
+		const pageIndex = center ? areas.findIndex((area) => area !== void 0 && contains(area, center)) : -1;
 		const target = pages[pageIndex];
 		if (target && !target.stories.includes(frame.story)) target.stories.push(frame.story);
 		else if (pageIndex < 0) report.add(report.unsupportedElements, "TextFrame off page", frame.story);
@@ -250,9 +134,10 @@ function spreads(parts, kind, orderedNames, report, framePreferences) {
 			const pageElements = elements(element, "Page");
 			const pages = pageElements.map(page);
 			assignSides(pageElements, pages);
-			const frames = spreadFrames(element, name);
-			for (const story of placeStories(frames, pageElements, pages, report, framePreferences)) frameStories.add(story);
-			result.push(kind === "MasterSpread" ? masterSpread(element, pageElements, pages, frames) : {
+			const placements = spreadPlacements(element, name);
+			for (const story of placeStories(placements.frames, pageElements, pages, report, framePreferences)) frameStories.add(story);
+			attachPlacements(placements, pageElements, pages, report);
+			result.push(kind === "MasterSpread" ? masterSpread(element, pageElements, pages, placements) : {
 				id,
 				pages
 			});
@@ -315,6 +200,7 @@ function idmlModel(entries, limits = IDML_LIMITS) {
 		masterStoryIds,
 		partsRead: parts.map((part) => part.name),
 		styles: parts.flatMap((part) => part.name.endsWith("/Styles.xml") || part.name === "Resources/Styles.xml" ? parseStyles(part.all, part.name) : []),
+		fonts: parts.flatMap((part) => part.name.endsWith("/Fonts.xml") || part.name === "Resources/Fonts.xml" ? parseFonts(part.all) : []),
 		swatches: parts.flatMap((part) => part.name.endsWith("/Graphic.xml") || part.name === "Resources/Graphic.xml" ? parseSwatches(part.all) : []),
 		report: report.data()
 	};

package/dist/openers.js

@@ -0,0 +1,134 @@
+import { formatRoundedNumber, positionedBoxStyle } from "./positioned-box.js";
+import { artSvg } from "./svg-path.js";
+import { findActiveContent, sanitize } from "@segnavia/html";
+//#region src/openers.ts
+function firstPages(model) {
+	const result = /* @__PURE__ */ new Map();
+	let ordinal = 0;
+	for (const spread of model.spreads) for (const page of spread.pages) {
+		for (const story of page.stories) if (!result.has(story)) result.set(story, {
+			page,
+			ordinal
+		});
+		ordinal += 1;
+	}
+	return result;
+}
+function storyFramePages(model) {
+	const result = /* @__PURE__ */ new Map();
+	for (const spread of model.spreads) for (const page of spread.pages) for (const frame of page.bodyFrames ?? []) {
+		const pages = result.get(frame.story) ?? /* @__PURE__ */ new Set();
+		pages.add(page.id);
+		result.set(frame.story, pages);
+	}
+	return result;
+}
+function textLength(node) {
+	if (!node) return 0;
+	return (node.text?.length ?? 0) + node.children.reduce((total, child) => total + textLength(child), 0);
+}
+function frameRank(page, story) {
+	return (page.bodyFrames ?? []).filter((frame) => frame.story === story).reduce((best, frame) => {
+		const area = (frame.bounds.right - frame.bounds.left) * (frame.bounds.bottom - frame.bounds.top);
+		return area > best.area || area === best.area && frame.bounds.top > best.top ? {
+			area,
+			top: frame.bounds.top
+		} : best;
+	}, {
+		area: 0,
+		top: Number.NEGATIVE_INFINITY
+	});
+}
+function selectedFlows(stories, first, framePages) {
+	const candidates = /* @__PURE__ */ new Map();
+	for (const entry of stories) {
+		const page = first.get(entry.story.id)?.page;
+		if (page) candidates.set(page, [...candidates.get(page) ?? [], entry]);
+	}
+	const selected = /* @__PURE__ */ new Map();
+	for (const [page, entries] of candidates) {
+		entries.sort((left, right) => {
+			const preferred = (entry) => (framePages.get(entry.story.id)?.size ?? 0) > 1 || (entry.story.frame?.columns ?? 0) >= 2;
+			const preference = Number(preferred(right)) - Number(preferred(left));
+			if (preference !== 0) return preference;
+			const leftFrame = frameRank(page, left.story.id);
+			const rightFrame = frameRank(page, right.story.id);
+			return rightFrame.area - leftFrame.area || rightFrame.top - leftFrame.top;
+		});
+		const winner = entries[0];
+		if (winner) selected.set(page, winner);
+	}
+	return selected;
+}
+function resolvedAsset(uri, asset, cache, report) {
+	if (cache.has(uri)) return cache.get(uri);
+	const markup = asset?.(uri);
+	if (markup !== void 0) for (const finding of findActiveContent(markup)) report.strippedAsset(uri, finding);
+	const clean = markup === void 0 ? void 0 : sanitize(markup);
+	cache.set(uri, clean);
+	return clean;
+}
+function titleBlock(model, use, headers, masters, report, asset, cache) {
+	const page = use.page;
+	const itemBounds = [
+		...(page.art ?? []).map((item) => item.bounds),
+		...headers.map((item) => item.frame.bounds),
+		...(page.links ?? []).map((item) => item.bounds)
+	];
+	if (itemBounds.length === 0) return "";
+	const top = Math.min(...itemBounds.map((item) => item.top));
+	const bottom = Math.max(...itemBounds.map((item) => item.bottom));
+	const style = (bounds) => positionedBoxStyle(bounds, {
+		pageWidth: model.preferences.pageWidth,
+		margin: masters.marginFor(page, use.ordinal),
+		rtl: model.preferences.binding === "right-to-left",
+		blockOrigin: top,
+		unit: "pt"
+	});
+	const children = [];
+	for (const art of page.art ?? []) children.push(artSvg(art, model.swatches ?? [], style(art.bounds), report));
+	for (const header of headers) children.push(`<div style="${style(header.frame.bounds)}">${header.html}</div>`);
+	for (const link of page.links ?? []) {
+		const markup = resolvedAsset(link.uri, asset, cache, report) ?? "";
+		children.push(`<div style="${style(link.bounds)}">${markup}</div>`);
+	}
+	return `<div class="idml-title-block" style="position:relative;inline-size:100%;block-size:${formatRoundedNumber(bottom - top)}pt">${children.join("")}</div>`;
+}
+function claimHeaders(page, flow, claimed, framePages, byId) {
+	const headers = [];
+	const flowLength = textLength(flow.story.root);
+	for (const frame of page.bodyFrames ?? []) {
+		if (frame.story === flow.story.id || claimed.has(frame.story) || framePages.get(frame.story)?.size !== 1) continue;
+		const header = byId.get(frame.story);
+		if (!header || textLength(header.story.root) > flowLength || headers.some((candidate) => candidate.frame.story === frame.story)) continue;
+		claimed.add(header.story.id);
+		headers.push({
+			frame,
+			html: header.mapped.html
+		});
+	}
+	return headers;
+}
+function mapOpeners(model, stories, masters, report, asset) {
+	const first = firstPages(model);
+	const framePages = storyFramePages(model);
+	const byId = new Map(stories.map((entry) => [entry.story.id, entry]));
+	const claimed = /* @__PURE__ */ new Set();
+	const html = /* @__PURE__ */ new Map();
+	const consumedPages = /* @__PURE__ */ new Set();
+	const cache = /* @__PURE__ */ new Map();
+	for (const [page, flow] of selectedFlows(stories, first, framePages)) {
+		const use = first.get(flow.story.id);
+		if (!use) continue;
+		const block = titleBlock(model, use, claimHeaders(page, flow, claimed, framePages, byId), masters, report, asset, cache);
+		if (block) consumedPages.add(page);
+		html.set(flow.story.id, `${block}${flow.mapped.html}`);
+	}
+	return {
+		claimed,
+		html,
+		consumedPages
+	};
+}
+//#endregion
+export { mapOpeners };