@arbidocs/blocks 0.5.120 → 0.5.121

package/dist/presentation/render-slides.js

@@ -0,0 +1,309 @@
+"use client";
+import { closePdfRegionImage, renderPdfRegion } from "@arbidocs/react/viewers";
+import { STAGE_ASPECT, clipLabel, frameHeight } from "./model.js";
+import { slideGeometry, textLines } from "./slide-layout.js";
+import {
+  FONTS,
+  TEXT_COLORS,
+  accentColor,
+  paintBackground,
+  paintClipEdge,
+  paintSlideBackground
+} from "./theme.js";
+import { boxWords, drawBox } from "./draw-boxes.js";
+const SLIDE_PIXELS = { width: 1920, height: Math.round(1920 / STAGE_ASPECT) };
+async function videoFrame(source, seconds) {
+  const video = document.createElement("video");
+  video.muted = true;
+  video.playsInline = true;
+  video.preload = "auto";
+  const url = URL.createObjectURL(source);
+  video.src = url;
+  const ready = new Promise((resolve) => {
+    const timer = setTimeout(() => resolve(false), 8e3);
+    video.addEventListener(
+      "loadedmetadata",
+      () => {
+        video.currentTime = Math.min(seconds, Math.max(0, (video.duration || 0) - 0.05));
+      },
+      { once: true }
+    );
+    video.addEventListener(
+      "seeked",
+      () => {
+        clearTimeout(timer);
+        resolve(true);
+      },
+      { once: true }
+    );
+    video.addEventListener("error", () => resolve(false), { once: true });
+  });
+  const ok = await ready;
+  URL.revokeObjectURL(url);
+  return ok ? video : null;
+}
+async function drawClip(context, clip, box) {
+  const { rect } = clip;
+  if (clip.kind === "pdf") {
+    const image = await renderPdfRegion({
+      file: clip.source,
+      page: clip.page,
+      rect,
+      masks: clip.masks,
+      width: Math.ceil(box.width)
+    });
+    context.drawImage(image, box.x, box.y, box.width, box.height);
+    closePdfRegionImage(image);
+    return;
+  }
+  if (clip.kind === "image") {
+    const bitmap = await createImageBitmap(clip.source);
+    context.drawImage(
+      bitmap,
+      rect.x * bitmap.width,
+      rect.y * bitmap.height,
+      rect.w * bitmap.width,
+      rect.h * bitmap.height,
+      box.x,
+      box.y,
+      box.width,
+      box.height
+    );
+    bitmap.close();
+    return;
+  }
+  const video = await videoFrame(clip.source, clip.start ?? 0);
+  if (video) {
+    const w = video.videoWidth;
+    const h = video.videoHeight;
+    context.drawImage(
+      video,
+      rect.x * w,
+      rect.y * h,
+      rect.w * w,
+      rect.h * h,
+      box.x,
+      box.y,
+      box.width,
+      box.height
+    );
+    return;
+  }
+  context.fillStyle = "#262626";
+  context.fillRect(box.x, box.y, box.width, box.height);
+  context.fillStyle = "#e5e5e5";
+  context.font = `${Math.round(box.height * 0.12)}px sans-serif`;
+  context.textAlign = "center";
+  context.textBaseline = "middle";
+  context.fillText(
+    `\u25B6 ${clip.caption}`,
+    box.x + box.width / 2,
+    box.y + box.height / 2,
+    box.width * 0.9
+  );
+}
+const CLIP_RADIUS = 6e-3;
+async function drawRoundedClip(context, clip, box, stageWidth, shadow = true) {
+  const radius = stageWidth * CLIP_RADIUS;
+  const outline = () => {
+    context.beginPath();
+    context.roundRect(box.x, box.y, box.width, box.height, radius);
+  };
+  context.save();
+  if (shadow) {
+    context.shadowColor = "rgba(0,0,0,0.5)";
+    context.shadowBlur = stageWidth * 0.016;
+    context.shadowOffsetY = stageWidth * 5e-3;
+  }
+  context.fillStyle = "#fff";
+  outline();
+  context.fill();
+  context.restore();
+  context.save();
+  outline();
+  context.clip();
+  await drawClip(context, clip, box);
+  if (clip.kind === "pdf") paintClipEdge(context, box, stageWidth);
+  context.restore();
+  context.save();
+  context.strokeStyle = "rgba(255,255,255,0.15)";
+  context.lineWidth = Math.max(1, stageWidth / 1280);
+  outline();
+  context.stroke();
+  context.restore();
+}
+function wrapLines(context, text, width, max) {
+  const lines = [];
+  let line = "";
+  for (const word of text.split(/\s+/).filter(Boolean)) {
+    const next = line ? `${line} ${word}` : word;
+    if (context.measureText(next).width <= width || !line) {
+      line = next;
+      continue;
+    }
+    lines.push(line);
+    line = word;
+  }
+  if (line) lines.push(line);
+  if (lines.length <= max) return lines;
+  const kept = lines.slice(0, max);
+  let last = kept[max - 1];
+  while (last && context.measureText(`${last}\u2026`).width > width) last = last.slice(0, -1);
+  kept[max - 1] = `${last}\u2026`;
+  return kept;
+}
+function drawText(context, box, lines, theme, width, height) {
+  const size = box.size * width;
+  const lineHeight = size * box.leading;
+  context.font = `${box.weight} ${size}px ${FONTS[theme.font].css}`;
+  context.textBaseline = "top";
+  const indent = box.bullets ? size * 1.22 : 0;
+  const left = box.x * width;
+  const boxWidth = box.w * width - indent;
+  const gap = box.bullets ? size * 0.3 : 0;
+  const room = box.h * height;
+  const paragraphs = [];
+  let used = 0;
+  for (const paragraph of lines) {
+    const fits = Math.floor((room - used + 1e-6) / lineHeight);
+    if (fits < 1) break;
+    const wrapped = wrapLines(context, paragraph, boxWidth, fits);
+    paragraphs.push(wrapped);
+    used += wrapped.length * lineHeight + gap;
+  }
+  used = Math.max(0, used - gap);
+  const offset = box.anchor === "bottom" ? room - used : box.anchor === "middle" ? (room - used) / 2 : 0;
+  let y = box.y * height + offset + (lineHeight - size) / 2;
+  for (const wrapped of paragraphs) {
+    if (box.bullets) {
+      const square = size * 0.42;
+      context.fillStyle = accentColor(theme.accent);
+      context.fillRect(left, y + size * 0.5 - square / 2, square, square);
+    }
+    context.fillStyle = TEXT_COLORS[box.tone];
+    context.textAlign = box.align === "center" ? "center" : "left";
+    for (const line of wrapped) {
+      const x = box.align === "center" ? left + box.w * width / 2 : left + indent;
+      context.fillText(line, x, y);
+      y += lineHeight;
+    }
+    y += gap;
+  }
+}
+async function drawLogo(context, logo, box, width, height) {
+  const image = await loadImage(logo);
+  const scale = Math.min(box.w * width / image.width, box.h * height / image.height);
+  const w = image.width * scale;
+  const h = image.height * scale;
+  const x = box.x < 0.5 ? box.x * width : (box.x + box.w) * width - w;
+  context.globalAlpha = 0.9;
+  context.drawImage(image, x, (box.y + box.h) * height - h, w, h);
+  context.globalAlpha = 1;
+}
+async function loadImage(file) {
+  const url = URL.createObjectURL(file);
+  try {
+    const image = new Image();
+    image.src = url;
+    await image.decode();
+    if (!image.naturalWidth) {
+      image.width = 600;
+      image.height = 200;
+    }
+    return image;
+  } finally {
+    URL.revokeObjectURL(url);
+  }
+}
+function slideWords(slide) {
+  const own = slide.layout === "free" ? [] : [slide.caption.trim(), ...textLines(slide.points)];
+  return [...own, ...slide.boxes.flatMap(boxWords)].filter(Boolean);
+}
+function drawSlideText(context, slide, look, width, height) {
+  const geometry = slideGeometry(slide, {
+    labels: look.labels,
+    logo: look.theme.logo?.corner ?? null
+  });
+  const title = slide.caption.trim();
+  if (title && geometry.title) {
+    drawText(context, geometry.title, [title], look.theme, width, height);
+    if (geometry.rule) {
+      context.fillStyle = accentColor(look.theme.accent);
+      const r = geometry.rule;
+      context.fillRect(r.x * width, r.y * height, r.w * width, r.h * height);
+    }
+  }
+  if (geometry.text) {
+    drawText(context, geometry.text, textLines(slide.points), look.theme, width, height);
+  }
+  return geometry;
+}
+async function renderSlide(slide, clips, look) {
+  const { width, height } = SLIDE_PIXELS;
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const context = canvas.getContext("2d");
+  if (!context) throw new Error("Could not draw the slides");
+  if (slide.background) {
+    await paintSlideBackground(context, width, height, slide.background, look.media);
+  } else {
+    paintBackground(context, width, height, look.theme.background);
+  }
+  const geometry = drawSlideText(context, slide, look, width, height);
+  const text = slideWords(slide);
+  const font = FONTS[look.theme.font].css;
+  const drawBoxes = (front) => {
+    for (const box of slide.boxes) {
+      if (!!box.front === front) drawBox(context, box, width, height, font);
+    }
+  };
+  drawBoxes(false);
+  for (const item of slide.items) {
+    const clip = clips.find((entry) => entry.id === item.clipId);
+    if (!clip) continue;
+    const box = {
+      x: item.frame.x * width,
+      y: item.frame.y * height,
+      width: item.frame.w * width,
+      height: frameHeight(item.frame, clip.aspect) * height
+    };
+    if (clip.plain) {
+      await drawClip(context, clip, box);
+      continue;
+    }
+    await drawRoundedClip(context, clip, box, width);
+    const label = clipLabel(clip, look.columnValues);
+    if (look.labels && label) {
+      context.fillStyle = TEXT_COLORS.muted;
+      context.font = `${Math.round(width * 0.017)}px ${font}`;
+      context.textAlign = "left";
+      context.textBaseline = "top";
+      context.fillText(label, box.x, box.y + box.height + width * 5e-3, box.width);
+      text.push(label);
+    }
+  }
+  drawBoxes(true);
+  if (geometry.logo && look.logo) await drawLogo(context, look.logo, geometry.logo, width, height);
+  const image = await new Promise(
+    (resolve, reject) => canvas.toBlob(
+      (blob) => blob ? resolve(blob) : reject(new Error("Could not draw the slides")),
+      "image/jpeg",
+      0.92
+    )
+  );
+  canvas.width = canvas.height = 0;
+  return { image, text };
+}
+export {
+  CLIP_RADIUS,
+  SLIDE_PIXELS,
+  drawClip,
+  drawRoundedClip,
+  drawSlideText,
+  loadImage,
+  renderSlide,
+  slideWords,
+  wrapLines
+};
+//# sourceMappingURL=render-slides.js.map

package/dist/presentation/render-slides.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/presentation/render-slides.ts"],
+  "sourcesContent": ["/**\n * A presentation's slides as images, exactly as they are presented: the theme's background, the\n * slide's title, rule and points by its layout, each clip in its frame (a PDF clip drawn from its\n * PDF with its redactions burnt in, an image from its file, a video as its frame at the clip's\n * start), the source labels under them and the logo. For the saved PDF (`imagesToPdf`), where they\n * are the pages; the PowerPoint export draws its parts with the same pieces.\n */\n\nimport { closePdfRegionImage, renderPdfRegion } from '@arbidocs/react/viewers'\nimport { STAGE_ASPECT, clipLabel, frameHeight, type Clip, type Slide } from './model'\nimport { slideGeometry, textLines, type Box, type TextBox } from './slide-layout'\nimport {\n  FONTS,\n  TEXT_COLORS,\n  accentColor,\n  paintBackground,\n  paintClipEdge,\n  paintSlideBackground,\n  type Theme,\n} from './theme'\nimport { boxWords, drawBox } from './draw-boxes'\n\n/** The rendered slide's size in pixels (a 1080p screen). */\nexport const SLIDE_PIXELS = { width: 1920, height: Math.round(1920 / STAGE_ASPECT) }\n\nexport interface RenderedSlide {\n  /** A JPEG of the slide. */\n  image: Blob\n  /** The slide's words (title, labels), for a searchable PDF. */\n  text: string[]\n}\n\n/** A video's frame at `seconds`; null when it cannot be read in time. */\nasync function videoFrame(source: Blob, seconds: number): Promise<HTMLVideoElement | null> {\n  const video = document.createElement('video')\n  video.muted = true\n  video.playsInline = true\n  video.preload = 'auto'\n  const url = URL.createObjectURL(source)\n  video.src = url\n  const ready = new Promise<boolean>((resolve) => {\n    const timer = setTimeout(() => resolve(false), 8000)\n    video.addEventListener(\n      'loadedmetadata',\n      () => {\n        video.currentTime = Math.min(seconds, Math.max(0, (video.duration || 0) - 0.05))\n      },\n      { once: true }\n    )\n    video.addEventListener(\n      'seeked',\n      () => {\n        clearTimeout(timer)\n        resolve(true)\n      },\n      { once: true }\n    )\n    video.addEventListener('error', () => resolve(false), { once: true })\n  })\n  const ok = await ready\n  URL.revokeObjectURL(url)\n  return ok ? video : null\n}\n\nexport async function drawClip(\n  context: CanvasRenderingContext2D,\n  clip: Clip,\n  box: { x: number; y: number; width: number; height: number }\n) {\n  const { rect } = clip\n  if (clip.kind === 'pdf') {\n    const image = await renderPdfRegion({\n      file: clip.source,\n      page: clip.page,\n      rect,\n      masks: clip.masks,\n      width: Math.ceil(box.width),\n    })\n    context.drawImage(image, box.x, box.y, box.width, box.height)\n    closePdfRegionImage(image)\n    return\n  }\n  if (clip.kind === 'image') {\n    const bitmap = await createImageBitmap(clip.source)\n    context.drawImage(\n      bitmap,\n      rect.x * bitmap.width,\n      rect.y * bitmap.height,\n      rect.w * bitmap.width,\n      rect.h * bitmap.height,\n      box.x,\n      box.y,\n      box.width,\n      box.height\n    )\n    bitmap.close()\n    return\n  }\n  const video = await videoFrame(clip.source, clip.start ?? 0)\n  if (video) {\n    const w = video.videoWidth\n    const h = video.videoHeight\n    context.drawImage(\n      video,\n      rect.x * w,\n      rect.y * h,\n      rect.w * w,\n      rect.h * h,\n      box.x,\n      box.y,\n      box.width,\n      box.height\n    )\n    return\n  }\n  // The frame could not be read: a placeholder that still says what plays there.\n  context.fillStyle = '#262626'\n  context.fillRect(box.x, box.y, box.width, box.height)\n  context.fillStyle = '#e5e5e5'\n  context.font = `${Math.round(box.height * 0.12)}px sans-serif`\n  context.textAlign = 'center'\n  context.textBaseline = 'middle'\n  context.fillText(\n    `\u25B6 ${clip.caption}`,\n    box.x + box.width / 2,\n    box.y + box.height / 2,\n    box.width * 0.9\n  )\n}\n\n/** A clip's corner radius, a fraction of the stage width (as the stage's 0.6cqw). */\nexport const CLIP_RADIUS = 0.006\n\n/**\n * A clip as the stage shows it: lifted off the background by a soft shadow, its corners softly\n * rounded, a faint light edge around it.\n */\nexport async function drawRoundedClip(\n  context: CanvasRenderingContext2D,\n  clip: Clip,\n  box: { x: number; y: number; width: number; height: number },\n  stageWidth: number,\n  shadow = true\n) {\n  const radius = stageWidth * CLIP_RADIUS\n  const outline = () => {\n    context.beginPath()\n    context.roundRect(box.x, box.y, box.width, box.height, radius)\n  }\n  context.save()\n  if (shadow) {\n    context.shadowColor = 'rgba(0,0,0,0.5)'\n    context.shadowBlur = stageWidth * 0.016\n    context.shadowOffsetY = stageWidth * 0.005\n  }\n  context.fillStyle = '#fff'\n  outline()\n  context.fill()\n  context.restore()\n  context.save()\n  outline()\n  context.clip()\n  await drawClip(context, clip, box)\n  if (clip.kind === 'pdf') paintClipEdge(context, box, stageWidth)\n  context.restore()\n  context.save()\n  context.strokeStyle = 'rgba(255,255,255,0.15)'\n  context.lineWidth = Math.max(1, stageWidth / 1280)\n  outline()\n  context.stroke()\n  context.restore()\n}\n\n/** What a slide is drawn with besides itself and its clips. */\nexport interface SlideLook {\n  labels: boolean\n  /** Each document's value in the label column (see `clipLabel`). */\n  columnValues: Readonly<Record<string, string>>\n  theme: Theme\n  /** The theme's logo image, if it has one. */\n  logo: Blob | null\n  /** Images embedded in the presentation (slide backgrounds, imported pictures), by key. */\n  media: Readonly<Record<string, string>>\n}\n\n/** The lines of `text` that fit `width` (words wrapped), at most `max`, the last one cut short. */\nexport function wrapLines(\n  context: CanvasRenderingContext2D,\n  text: string,\n  width: number,\n  max: number\n): string[] {\n  const lines: string[] = []\n  let line = ''\n  for (const word of text.split(/\\s+/).filter(Boolean)) {\n    const next = line ? `${line} ${word}` : word\n    if (context.measureText(next).width <= width || !line) {\n      line = next\n      continue\n    }\n    lines.push(line)\n    line = word\n  }\n  if (line) lines.push(line)\n  if (lines.length <= max) return lines\n  const kept = lines.slice(0, max)\n  let last = kept[max - 1]\n  while (last && context.measureText(`${last}\u2026`).width > width) last = last.slice(0, -1)\n  kept[max - 1] = `${last}\u2026`\n  return kept\n}\n\n/** A text box drawn on a `width \u00D7 height` canvas (as the stage draws it). */\nfunction drawText(\n  context: CanvasRenderingContext2D,\n  box: TextBox,\n  lines: readonly string[],\n  theme: Theme,\n  width: number,\n  height: number\n) {\n  const size = box.size * width\n  const lineHeight = size * box.leading\n  context.font = `${box.weight} ${size}px ${FONTS[theme.font].css}`\n  context.textBaseline = 'top'\n  const indent = box.bullets ? size * 1.22 : 0\n  const left = box.x * width\n  const boxWidth = box.w * width - indent\n  const gap = box.bullets ? size * 0.3 : 0\n  const room = box.h * height\n  // The lines that fit, then placed in the box by its anchor (as the stage places them).\n  const paragraphs: string[][] = []\n  let used = 0\n  for (const paragraph of lines) {\n    const fits = Math.floor((room - used + 1e-6) / lineHeight)\n    if (fits < 1) break\n    const wrapped = wrapLines(context, paragraph, boxWidth, fits)\n    paragraphs.push(wrapped)\n    used += wrapped.length * lineHeight + gap\n  }\n  used = Math.max(0, used - gap)\n  const offset =\n    box.anchor === 'bottom' ? room - used : box.anchor === 'middle' ? (room - used) / 2 : 0\n  let y = box.y * height + offset + (lineHeight - size) / 2\n  for (const wrapped of paragraphs) {\n    if (box.bullets) {\n      const square = size * 0.42\n      context.fillStyle = accentColor(theme.accent)\n      context.fillRect(left, y + size * 0.5 - square / 2, square, square)\n    }\n    context.fillStyle = TEXT_COLORS[box.tone]\n    context.textAlign = box.align === 'center' ? 'center' : 'left'\n    for (const line of wrapped) {\n      const x = box.align === 'center' ? left + (box.w * width) / 2 : left + indent\n      context.fillText(line, x, y)\n      y += lineHeight\n    }\n    y += gap\n  }\n}\n\n/** The logo, contained in its box and set to the box's outer side. */\nasync function drawLogo(\n  context: CanvasRenderingContext2D,\n  logo: Blob,\n  box: Box,\n  width: number,\n  height: number\n) {\n  const image = await loadImage(logo)\n  const scale = Math.min((box.w * width) / image.width, (box.h * height) / image.height)\n  const w = image.width * scale\n  const h = image.height * scale\n  const x = box.x < 0.5 ? box.x * width : (box.x + box.w) * width - w\n  context.globalAlpha = 0.9\n  context.drawImage(image, x, (box.y + box.h) * height - h, w, h)\n  context.globalAlpha = 1\n}\n\n/** An image file, decoded (any format the browser shows, SVG included). */\nexport async function loadImage(file: Blob): Promise<HTMLImageElement> {\n  const url = URL.createObjectURL(file)\n  try {\n    const image = new Image()\n    image.src = url\n    await image.decode()\n    // An SVG without a size of its own is drawn at a usable one.\n    if (!image.naturalWidth) {\n      image.width = 600\n      image.height = 200\n    }\n    return image\n  } finally {\n    URL.revokeObjectURL(url)\n  }\n}\n\n/** A slide's title, rule and text, as `drawSlideText` draws them: for the searchable PDF's text. */\nexport function slideWords(slide: Slide): string[] {\n  // A blank slide's title is in its boxes.\n  const own = slide.layout === 'free' ? [] : [slide.caption.trim(), ...textLines(slide.points)]\n  return [...own, ...slide.boxes.flatMap(boxWords)].filter(Boolean)\n}\n\n/** The slide's own text (title, rule, points or subtitle) on a `width \u00D7 height` canvas. */\nexport function drawSlideText(\n  context: CanvasRenderingContext2D,\n  slide: Slide,\n  look: SlideLook,\n  width: number,\n  height: number\n) {\n  const geometry = slideGeometry(slide, {\n    labels: look.labels,\n    logo: look.theme.logo?.corner ?? null,\n  })\n  const title = slide.caption.trim()\n  if (title && geometry.title) {\n    drawText(context, geometry.title, [title], look.theme, width, height)\n    if (geometry.rule) {\n      context.fillStyle = accentColor(look.theme.accent)\n      const r = geometry.rule\n      context.fillRect(r.x * width, r.y * height, r.w * width, r.h * height)\n    }\n  }\n  if (geometry.text) {\n    drawText(context, geometry.text, textLines(slide.points), look.theme, width, height)\n  }\n  return geometry\n}\n\nexport async function renderSlide(\n  slide: Slide,\n  clips: readonly Clip[],\n  look: SlideLook\n): Promise<RenderedSlide> {\n  const { width, height } = SLIDE_PIXELS\n  const canvas = document.createElement('canvas')\n  canvas.width = width\n  canvas.height = height\n  const context = canvas.getContext('2d')\n  if (!context) throw new Error('Could not draw the slides')\n  if (slide.background) {\n    await paintSlideBackground(context, width, height, slide.background, look.media)\n  } else {\n    paintBackground(context, width, height, look.theme.background)\n  }\n  const geometry = drawSlideText(context, slide, look, width, height)\n  const text: string[] = slideWords(slide)\n  const font = FONTS[look.theme.font].css\n  const drawBoxes = (front: boolean) => {\n    for (const box of slide.boxes) {\n      if (!!box.front === front) drawBox(context, box, width, height, font)\n    }\n  }\n  drawBoxes(false)\n\n  for (const item of slide.items) {\n    const clip = clips.find((entry) => entry.id === item.clipId)\n    if (!clip) continue\n    const box = {\n      x: item.frame.x * width,\n      y: item.frame.y * height,\n      width: item.frame.w * width,\n      height: frameHeight(item.frame, clip.aspect) * height,\n    }\n    if (clip.plain) {\n      await drawClip(context, clip, box)\n      continue\n    }\n    await drawRoundedClip(context, clip, box, width)\n    const label = clipLabel(clip, look.columnValues)\n    if (look.labels && label) {\n      context.fillStyle = TEXT_COLORS.muted\n      context.font = `${Math.round(width * 0.017)}px ${font}`\n      context.textAlign = 'left'\n      context.textBaseline = 'top'\n      context.fillText(label, box.x, box.y + box.height + width * 0.005, box.width)\n      text.push(label)\n    }\n  }\n\n  drawBoxes(true)\n  if (geometry.logo && look.logo) await drawLogo(context, look.logo, geometry.logo, width, height)\n\n  const image = await new Promise<Blob>((resolve, reject) =>\n    canvas.toBlob(\n      (blob) => (blob ? resolve(blob) : reject(new Error('Could not draw the slides'))),\n      'image/jpeg',\n      0.92\n    )\n  )\n  canvas.width = canvas.height = 0\n  return { image, text }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/presentation/saved-boxes.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Slide boxes and backgrounds read from saved data (written by the app, an agent or an import):
+ * every field checked, anything malformed dropped rather than trusted.
+ */
+import type { SlideBackground, SlideBox } from './boxes';
+/** A box as saved: no session id. */
+export type SavedBox = Omit<SlideBox, 'id'>;
+export declare function parseBox(value: unknown): SavedBox | null;
+export declare function parseBoxes(value: unknown): SavedBox[];
+/** A slide's background, if valid (an image only if `media` has it). */
+export declare function parseBackground(value: unknown, media: Readonly<Record<string, string>>): SlideBackground | undefined;

package/dist/presentation/saved-boxes.js

@@ -0,0 +1,80 @@
+"use client";
+const HEX = /^#[0-9a-f]{6}$/i;
+const SHAPES = ["text", "rect", "roundRect", "ellipse", "line"];
+const ALIGNS = ["left", "center", "right", "justify"];
+const num = (v) => typeof v === "number" && Number.isFinite(v);
+const color = (v) => typeof v === "string" && HEX.test(v) ? v.toLowerCase() : void 0;
+function parseRun(value) {
+  const run = value;
+  if (!run || typeof run.text !== "string") return null;
+  return {
+    text: run.text,
+    ...num(run.size) && run.size > 0 && run.size < 400 ? { size: run.size } : {},
+    ...run.bold === true ? { bold: true } : {},
+    ...run.italic === true ? { italic: true } : {},
+    ...run.underline === true ? { underline: true } : {},
+    ...color(run.color) ? { color: color(run.color) } : {},
+    ...typeof run.font === "string" && run.font ? { font: run.font.slice(0, 64) } : {}
+  };
+}
+function parseParagraph(value) {
+  const paragraph = value;
+  if (!paragraph || !Array.isArray(paragraph.runs)) return null;
+  return {
+    runs: paragraph.runs.map(parseRun).filter((run) => run !== null),
+    ...ALIGNS.includes(paragraph.align) ? { align: paragraph.align } : {},
+    ...num(paragraph.level) && paragraph.level > 0 ? { level: Math.min(8, Math.round(paragraph.level)) } : {},
+    ...paragraph.bullet === true ? { bullet: true } : {}
+  };
+}
+function parseBox(value) {
+  const box = value;
+  const frame = box?.frame;
+  if (!box || !frame || !num(frame.x) || !num(frame.y) || !num(frame.w) || !num(frame.h) || frame.w < 0 || frame.h < 0 || !SHAPES.includes(box.shape)) {
+    return null;
+  }
+  const line = box.line;
+  return {
+    frame: { x: frame.x, y: frame.y, w: frame.w, h: frame.h },
+    shape: box.shape,
+    paragraphs: Array.isArray(box.paragraphs) ? box.paragraphs.map(parseParagraph).filter((p) => p !== null) : [],
+    ...num(box.rotation) && box.rotation % 360 !== 0 ? { rotation: box.rotation % 360 } : {},
+    ...box.flipH === true ? { flipH: true } : {},
+    ...box.flipV === true ? { flipV: true } : {},
+    ...color(box.fill) ? { fill: color(box.fill) } : {},
+    ...num(box.fillAlpha) && box.fillAlpha >= 0 && box.fillAlpha < 1 ? { fillAlpha: box.fillAlpha } : {},
+    ...line && color(line.color) && num(line.width) && line.width >= 0 ? {
+      line: {
+        color: color(line.color),
+        width: line.width,
+        ...line.dash === true ? { dash: true } : {}
+      }
+    } : {},
+    ...box.anchor === "middle" || box.anchor === "bottom" || box.anchor === "top" ? { anchor: box.anchor } : {},
+    ...num(box.inset) && box.inset >= 0 ? { inset: box.inset } : {},
+    ...box.role === "title" || box.role === "body" ? { role: box.role } : {},
+    ...box.front === true ? { front: true } : {}
+  };
+}
+function parseBoxes(value) {
+  return Array.isArray(value) ? value.map(parseBox).filter((b) => b !== null) : [];
+}
+function parseBackground(value, media) {
+  const background = value;
+  if (!background || typeof background !== "object") return void 0;
+  const gradient = background.gradient;
+  const parsed = {
+    ...color(background.color) ? { color: color(background.color) } : {},
+    ...gradient && color(gradient.from) && color(gradient.to) && num(gradient.angle) ? {
+      gradient: { from: color(gradient.from), to: color(gradient.to), angle: gradient.angle }
+    } : {},
+    ...typeof background.image === "string" && media[background.image] ? { image: background.image } : {}
+  };
+  return Object.keys(parsed).length ? parsed : void 0;
+}
+export {
+  parseBackground,
+  parseBox,
+  parseBoxes
+};
+//# sourceMappingURL=saved-boxes.js.map

package/dist/presentation/saved-boxes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/presentation/saved-boxes.ts"],
+  "sourcesContent": ["/**\n * Slide boxes and backgrounds read from saved data (written by the app, an agent or an import):\n * every field checked, anything malformed dropped rather than trusted.\n */\n\nimport type { BoxShape, Paragraph, SlideBackground, SlideBox, TextAlign, TextRun } from './boxes'\n\n/** A box as saved: no session id. */\nexport type SavedBox = Omit<SlideBox, 'id'>\n\nconst HEX = /^#[0-9a-f]{6}$/i\nconst SHAPES: readonly BoxShape[] = ['text', 'rect', 'roundRect', 'ellipse', 'line']\nconst ALIGNS: readonly TextAlign[] = ['left', 'center', 'right', 'justify']\n\nconst num = (v: unknown): v is number => typeof v === 'number' && Number.isFinite(v)\nconst color = (v: unknown): string | undefined =>\n  typeof v === 'string' && HEX.test(v) ? v.toLowerCase() : undefined\n\nfunction parseRun(value: unknown): TextRun | null {\n  const run = value as Partial<TextRun> | null\n  if (!run || typeof run.text !== 'string') return null\n  return {\n    text: run.text,\n    ...(num(run.size) && run.size > 0 && run.size < 400 ? { size: run.size } : {}),\n    ...(run.bold === true ? { bold: true } : {}),\n    ...(run.italic === true ? { italic: true } : {}),\n    ...(run.underline === true ? { underline: true } : {}),\n    ...(color(run.color) ? { color: color(run.color) } : {}),\n    ...(typeof run.font === 'string' && run.font ? { font: run.font.slice(0, 64) } : {}),\n  }\n}\n\nfunction parseParagraph(value: unknown): Paragraph | null {\n  const paragraph = value as Partial<Paragraph> | null\n  if (!paragraph || !Array.isArray(paragraph.runs)) return null\n  return {\n    runs: paragraph.runs.map(parseRun).filter((run): run is TextRun => run !== null),\n    ...(ALIGNS.includes(paragraph.align as TextAlign) ? { align: paragraph.align } : {}),\n    ...(num(paragraph.level) && paragraph.level > 0\n      ? { level: Math.min(8, Math.round(paragraph.level)) }\n      : {}),\n    ...(paragraph.bullet === true ? { bullet: true } : {}),\n  }\n}\n\nexport function parseBox(value: unknown): SavedBox | null {\n  const box = value as Partial<SavedBox> | null\n  const frame = box?.frame\n  if (\n    !box ||\n    !frame ||\n    !num(frame.x) ||\n    !num(frame.y) ||\n    !num(frame.w) ||\n    !num(frame.h) ||\n    frame.w < 0 ||\n    frame.h < 0 ||\n    !SHAPES.includes(box.shape as BoxShape)\n  ) {\n    return null\n  }\n  const line = box.line\n  return {\n    frame: { x: frame.x, y: frame.y, w: frame.w, h: frame.h },\n    shape: box.shape as BoxShape,\n    paragraphs: Array.isArray(box.paragraphs)\n      ? box.paragraphs.map(parseParagraph).filter((p): p is Paragraph => p !== null)\n      : [],\n    ...(num(box.rotation) && box.rotation % 360 !== 0 ? { rotation: box.rotation % 360 } : {}),\n    ...(box.flipH === true ? { flipH: true } : {}),\n    ...(box.flipV === true ? { flipV: true } : {}),\n    ...(color(box.fill) ? { fill: color(box.fill) } : {}),\n    ...(num(box.fillAlpha) && box.fillAlpha >= 0 && box.fillAlpha < 1\n      ? { fillAlpha: box.fillAlpha }\n      : {}),\n    ...(line && color(line.color) && num(line.width) && line.width >= 0\n      ? {\n          line: {\n            color: color(line.color)!,\n            width: line.width,\n            ...(line.dash === true ? { dash: true } : {}),\n          },\n        }\n      : {}),\n    ...(box.anchor === 'middle' || box.anchor === 'bottom' || box.anchor === 'top'\n      ? { anchor: box.anchor }\n      : {}),\n    ...(num(box.inset) && box.inset >= 0 ? { inset: box.inset } : {}),\n    ...(box.role === 'title' || box.role === 'body' ? { role: box.role } : {}),\n    ...(box.front === true ? { front: true } : {}),\n  }\n}\n\nexport function parseBoxes(value: unknown): SavedBox[] {\n  return Array.isArray(value) ? value.map(parseBox).filter((b): b is SavedBox => b !== null) : []\n}\n\n/** A slide's background, if valid (an image only if `media` has it). */\nexport function parseBackground(\n  value: unknown,\n  media: Readonly<Record<string, string>>\n): SlideBackground | undefined {\n  const background = value as Partial<SlideBackground> | null\n  if (!background || typeof background !== 'object') return undefined\n  const gradient = background.gradient\n  const parsed: SlideBackground = {\n    ...(color(background.color) ? { color: color(background.color) } : {}),\n    ...(gradient && color(gradient.from) && color(gradient.to) && num(gradient.angle)\n      ? {\n          gradient: { from: color(gradient.from)!, to: color(gradient.to)!, angle: gradient.angle },\n        }\n      : {}),\n    ...(typeof background.image === 'string' && media[background.image]\n      ? { image: background.image }\n      : {}),\n  }\n  return Object.keys(parsed).length ? parsed : undefined\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/presentation/slide-layout.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Where a slide's parts go, by its layout: its title, the accent rule, its text (points, or a
+ * subtitle), the logo in the footer, and the room its clips are arranged in. One description,
+ * drawn by the stage, the saved PDF and the PowerPoint export alike.
+ *
+ * All positions are fractions of the stage (x, w of its width; y, h of its height); type sizes
+ * are fractions of the stage width.
+ */
+import { type Reserve, type Slide, type SlideLayout } from './model';
+import type { LogoCorner } from './theme';
+export interface TextBox {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    /** Type size, a fraction of the stage width. */
+    size: number;
+    weight: 400 | 600 | 700;
+    align: 'left' | 'center';
+    tone: 'title' | 'body' | 'muted';
+    /** Lines start with a bullet in the accent colour. */
+    bullets?: boolean;
+    /** Line height, a multiple of the type size. */
+    leading: number;
+    /** Where the text sits in its box, top to bottom (default top). */
+    anchor?: 'top' | 'middle' | 'bottom';
+}
+export interface Box {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+export interface SlideGeometry {
+    /** Where its title goes (none on a blank slide: its text is in its boxes). */
+    title: TextBox | null;
+    /** The accent rule (under or above the title), when the slide shows a title. */
+    rule: Box | null;
+    /** Where its points (or subtitle) go, if this layout has text. */
+    text: TextBox | null;
+    logo: Box | null;
+    /** The room its clips keep free (they are arranged in the rest). */
+    reserve: Reserve;
+}
+export declare const LAYOUT_INFO: Record<SlideLayout, {
+    label: string;
+    text?: string;
+}>;
+export declare function slideGeometry(slide: Pick<Slide, 'layout' | 'caption'>, options: {
+    labels: boolean;
+    logo: LogoCorner | null;
+}): SlideGeometry;
+/** The lines of a slide's text (blank lines dropped). */
+export declare const textLines: (text: string) => string[];

package/dist/presentation/slide-layout.js

@@ -0,0 +1,117 @@
+"use client";
+import { CAPTION_SPACE, STAGE_MARGIN } from "./model.js";
+const TEXT_INSET = 0.06;
+const LAYOUT_INFO = {
+  clips: { label: "Title and clips" },
+  points: { label: "Clips and points", text: "One point per line" },
+  compare: { label: "Side by side" },
+  title: { label: "Title slide", text: "Subtitle" },
+  section: { label: "Section", text: "Subtitle" },
+  free: { label: "Blank" }
+};
+const FOOTER = 0.085;
+function slideGeometry(slide, options) {
+  const below = options.labels ? CAPTION_SPACE : 0;
+  const bottom = options.logo ? FOOTER : 0;
+  const logo = options.logo ? {
+    x: options.logo === "bl" ? TEXT_INSET : 1 - TEXT_INSET - 0.16,
+    y: 1 - 0.03 - 0.055,
+    w: 0.16,
+    h: 0.055
+  } : null;
+  const hasTitle = slide.caption.trim() !== "";
+  if (slide.layout === "free") {
+    return { title: null, rule: null, text: null, logo, reserve: { top: 0, below, bottom } };
+  }
+  if (slide.layout === "title" || slide.layout === "section") {
+    const centred = slide.layout === "title";
+    const title2 = centred ? {
+      x: 0.1,
+      y: 0.28,
+      w: 0.8,
+      h: 0.2,
+      size: 0.052,
+      weight: 700,
+      align: "center",
+      tone: "title",
+      leading: 1.1,
+      // Just above the rule, however many lines it takes.
+      anchor: "bottom"
+    } : {
+      x: TEXT_INSET + 0.02,
+      y: 0.36,
+      w: 0.8,
+      h: 0.18,
+      size: 0.046,
+      weight: 700,
+      align: "left",
+      tone: "title",
+      leading: 1.1
+    };
+    return {
+      title: title2,
+      rule: centred ? { x: 0.47, y: 0.505, w: 0.06, h: 7e-3 } : { x: TEXT_INSET + 0.02, y: 0.33, w: 0.07, h: 8e-3 },
+      text: {
+        x: title2.x,
+        y: centred ? 0.545 : 0.555,
+        w: title2.w,
+        h: 0.1,
+        size: 0.021,
+        weight: 400,
+        align: title2.align,
+        tone: "muted",
+        leading: 1.3
+      },
+      logo,
+      // Clips, if any, go under the text.
+      reserve: { top: 0.62, below, bottom }
+    };
+  }
+  const title = {
+    x: TEXT_INSET,
+    y: 0.05,
+    w: 1 - 2 * TEXT_INSET,
+    h: 0.075,
+    size: 0.03,
+    weight: 600,
+    align: "left",
+    tone: "title",
+    leading: 1.15
+  };
+  const top = hasTitle ? 0.14 : 0;
+  const inset = hasTitle || slide.layout === "points" ? TEXT_INSET - STAGE_MARGIN : 0;
+  const geometry = {
+    title,
+    rule: hasTitle ? { x: TEXT_INSET, y: 0.128, w: 0.045, h: 6e-3 } : null,
+    text: null,
+    logo,
+    reserve: { top, below, bottom, inset }
+  };
+  if (slide.layout === "points") {
+    const y = STAGE_MARGIN + top;
+    geometry.text = {
+      x: 0.6,
+      y,
+      w: 1 - 0.6 - TEXT_INSET,
+      h: 1 - y - STAGE_MARGIN - bottom - below,
+      // Level with the clips, which are centred in their room.
+      anchor: "middle",
+      size: 0.0195,
+      weight: 400,
+      align: "left",
+      tone: "body",
+      bullets: true,
+      leading: 1.45
+    };
+    geometry.reserve = { ...geometry.reserve, right: 0.4 - inset };
+  }
+  if (slide.layout === "compare") geometry.reserve = { ...geometry.reserve, columns: 2 };
+  return geometry;
+}
+const textLines = (text) => text.split("\n").map((line) => line.trim()).filter(Boolean);
+export {
+  LAYOUT_INFO,
+  slideGeometry,
+  textLines
+};
+//# sourceMappingURL=slide-layout.js.map

package/dist/presentation/slide-layout.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/presentation/slide-layout.ts"],
+  "sourcesContent": ["/**\n * Where a slide's parts go, by its layout: its title, the accent rule, its text (points, or a\n * subtitle), the logo in the footer, and the room its clips are arranged in. One description,\n * drawn by the stage, the saved PDF and the PowerPoint export alike.\n *\n * All positions are fractions of the stage (x, w of its width; y, h of its height); type sizes\n * are fractions of the stage width.\n */\n\nimport { CAPTION_SPACE, STAGE_MARGIN, type Reserve, type Slide, type SlideLayout } from './model'\nimport type { LogoCorner } from './theme'\n\n/** Text sits this far in from the stage's sides: a generous margin. */\nconst TEXT_INSET = 0.06\n\nexport interface TextBox {\n  x: number\n  y: number\n  w: number\n  h: number\n  /** Type size, a fraction of the stage width. */\n  size: number\n  weight: 400 | 600 | 700\n  align: 'left' | 'center'\n  tone: 'title' | 'body' | 'muted'\n  /** Lines start with a bullet in the accent colour. */\n  bullets?: boolean\n  /** Line height, a multiple of the type size. */\n  leading: number\n  /** Where the text sits in its box, top to bottom (default top). */\n  anchor?: 'top' | 'middle' | 'bottom'\n}\n\nexport interface Box {\n  x: number\n  y: number\n  w: number\n  h: number\n}\n\nexport interface SlideGeometry {\n  /** Where its title goes (none on a blank slide: its text is in its boxes). */\n  title: TextBox | null\n  /** The accent rule (under or above the title), when the slide shows a title. */\n  rule: Box | null\n  /** Where its points (or subtitle) go, if this layout has text. */\n  text: TextBox | null\n  logo: Box | null\n  /** The room its clips keep free (they are arranged in the rest). */\n  reserve: Reserve\n}\n\nexport const LAYOUT_INFO: Record<SlideLayout, { label: string; text?: string }> = {\n  clips: { label: 'Title and clips' },\n  points: { label: 'Clips and points', text: 'One point per line' },\n  compare: { label: 'Side by side' },\n  title: { label: 'Title slide', text: 'Subtitle' },\n  section: { label: 'Section', text: 'Subtitle' },\n  free: { label: 'Blank' },\n}\n\n/** The footer's height while a logo shows. */\nconst FOOTER = 0.085\n\nexport function slideGeometry(\n  slide: Pick<Slide, 'layout' | 'caption'>,\n  options: { labels: boolean; logo: LogoCorner | null }\n): SlideGeometry {\n  const below = options.labels ? CAPTION_SPACE : 0\n  const bottom = options.logo ? FOOTER : 0\n  const logo: Box | null = options.logo\n    ? {\n        x: options.logo === 'bl' ? TEXT_INSET : 1 - TEXT_INSET - 0.16,\n        y: 1 - 0.03 - 0.055,\n        w: 0.16,\n        h: 0.055,\n      }\n    : null\n  const hasTitle = slide.caption.trim() !== ''\n\n  // Blank: nothing of its own but the logo; whatever is placed on it goes anywhere.\n  if (slide.layout === 'free') {\n    return { title: null, rule: null, text: null, logo, reserve: { top: 0, below, bottom } }\n  }\n\n  if (slide.layout === 'title' || slide.layout === 'section') {\n    const centred = slide.layout === 'title'\n    const title: TextBox = centred\n      ? {\n          x: 0.1,\n          y: 0.28,\n          w: 0.8,\n          h: 0.2,\n          size: 0.052,\n          weight: 700,\n          align: 'center',\n          tone: 'title',\n          leading: 1.1,\n          // Just above the rule, however many lines it takes.\n          anchor: 'bottom',\n        }\n      : {\n          x: TEXT_INSET + 0.02,\n          y: 0.36,\n          w: 0.8,\n          h: 0.18,\n          size: 0.046,\n          weight: 700,\n          align: 'left',\n          tone: 'title',\n          leading: 1.1,\n        }\n    return {\n      title,\n      rule: centred\n        ? { x: 0.47, y: 0.505, w: 0.06, h: 0.007 }\n        : { x: TEXT_INSET + 0.02, y: 0.33, w: 0.07, h: 0.008 },\n      text: {\n        x: title.x,\n        y: centred ? 0.545 : 0.555,\n        w: title.w,\n        h: 0.1,\n        size: 0.021,\n        weight: 400,\n        align: title.align,\n        tone: 'muted',\n        leading: 1.3,\n      },\n      logo,\n      // Clips, if any, go under the text.\n      reserve: { top: 0.62, below, bottom },\n    }\n  }\n\n  const title: TextBox = {\n    x: TEXT_INSET,\n    y: 0.05,\n    w: 1 - 2 * TEXT_INSET,\n    h: 0.075,\n    size: 0.03,\n    weight: 600,\n    align: 'left',\n    tone: 'title',\n    leading: 1.15,\n  }\n  const top = hasTitle ? 0.14 : 0\n  // Clips line up with the slide's text (its title, its points); with none, they take the room.\n  const inset = hasTitle || slide.layout === 'points' ? TEXT_INSET - STAGE_MARGIN : 0\n  const geometry: SlideGeometry = {\n    title,\n    rule: hasTitle ? { x: TEXT_INSET, y: 0.128, w: 0.045, h: 0.006 } : null,\n    text: null,\n    logo,\n    reserve: { top, below, bottom, inset },\n  }\n  if (slide.layout === 'points') {\n    const y = STAGE_MARGIN + top\n    geometry.text = {\n      x: 0.6,\n      y,\n      w: 1 - 0.6 - TEXT_INSET,\n      h: 1 - y - STAGE_MARGIN - bottom - below,\n      // Level with the clips, which are centred in their room.\n      anchor: 'middle',\n      size: 0.0195,\n      weight: 400,\n      align: 'left',\n      tone: 'body',\n      bullets: true,\n      leading: 1.45,\n    }\n    geometry.reserve = { ...geometry.reserve, right: 0.4 - inset }\n  }\n  if (slide.layout === 'compare') geometry.reserve = { ...geometry.reserve, columns: 2 }\n  return geometry\n}\n\n/** The lines of a slide's text (blank lines dropped). */\nexport const textLines = (text: string): string[] =>\n  text\n    .split('\\n')\n    .map((line) => line.trim())\n    .filter(Boolean)\n"],
+  "mappings": "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",
+  "names": ["title"]
+}