@arbidocs/blocks 0.5.120 → 0.5.122

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/presentation/draw-boxes.ts"],
+  "sourcesContent": ["/**\n * A slide's text boxes and shapes drawn on a canvas, as the stage draws them (`StageBox`): for the\n * saved PDF's pages. Text wraps by words across runs of different type.\n */\n\nimport {\n  DEFAULT_INSET,\n  DEFAULT_TEXT_SIZE,\n  pointsToStage,\n  type SlideBox,\n  type TextRun,\n} from './boxes'\nimport { TEXT_COLORS } from './theme'\n\nconst LINE_HEIGHT = 1.2\n\nfunction fontOf(run: TextRun, themeFont: string, width: number): string {\n  const size = pointsToStage(run.size ?? DEFAULT_TEXT_SIZE) * width\n  const family = run.font ? `\"${run.font}\", ${themeFont}` : themeFont\n  return `${run.italic ? 'italic ' : ''}${run.bold ? 700 : 400} ${size}px ${family}`\n}\n\ninterface Piece {\n  text: string\n  run: TextRun\n  width: number\n}\n\n/** The box's outline path (its shape) at `x, y, w, h`. */\nfunction outline(context: CanvasRenderingContext2D, box: SlideBox, w: number, h: number) {\n  context.beginPath()\n  if (box.shape === 'ellipse') context.ellipse(w / 2, h / 2, w / 2, h / 2, 0, 0, Math.PI * 2)\n  else if (box.shape === 'roundRect') context.roundRect(0, 0, w, h, Math.min(w, h) / 6)\n  else context.rect(0, 0, w, h)\n}\n\nexport function drawBox(\n  context: CanvasRenderingContext2D,\n  box: SlideBox,\n  width: number,\n  height: number,\n  themeFont: string\n): void {\n  const { frame } = box\n  const w = frame.w * width\n  const h = frame.h * height\n  context.save()\n  context.translate(frame.x * width + w / 2, frame.y * height + h / 2)\n  if (box.rotation) context.rotate((box.rotation * Math.PI) / 180)\n  context.translate(-w / 2, -h / 2)\n\n  const lineWidth = box.line ? Math.max(1, pointsToStage(box.line.width) * width) : 0\n  if (box.shape === 'line') {\n    context.strokeStyle = box.line?.color ?? TEXT_COLORS.body\n    context.lineWidth = lineWidth || 1\n    if (box.line?.dash) context.setLineDash([lineWidth * 3, lineWidth * 2])\n    context.beginPath()\n    context.moveTo(0, box.flipV ? h : 0)\n    context.lineTo(w, box.flipV ? 0 : h)\n    context.stroke()\n    context.restore()\n    return\n  }\n  if (box.fill) {\n    context.globalAlpha = box.fillAlpha ?? 1\n    context.fillStyle = box.fill\n    outline(context, box, w, h)\n    context.fill()\n    context.globalAlpha = 1\n  }\n  if (box.line && lineWidth) {\n    context.strokeStyle = box.line.color\n    context.lineWidth = lineWidth\n    if (box.line.dash) context.setLineDash([lineWidth * 3, lineWidth * 2])\n    outline(context, box, w, h)\n    context.stroke()\n    context.setLineDash([])\n  }\n\n  // The text: each paragraph wrapped to the box (inside its inset), placed by its anchor.\n  const inset = pointsToStage(box.inset ?? DEFAULT_INSET) * width\n  const room = w - 2 * inset\n  context.textBaseline = 'alphabetic'\n  const lines: {\n    pieces: Piece[]\n    size: number\n    align: string\n    indent: number\n    bullet?: TextRun\n  }[] = []\n  for (const paragraph of box.paragraphs) {\n    const size = pointsToStage(paragraph.runs[0]?.size ?? DEFAULT_TEXT_SIZE) * width\n    const indent = (paragraph.level ?? 0) * 0.5 * size + (paragraph.bullet ? size * 0.9 : 0)\n    const words: Piece[] = []\n    for (const run of paragraph.runs) {\n      context.font = fontOf(run, themeFont, width)\n      for (const part of run.text.split(/(\\s+)/).filter(Boolean)) {\n        words.push({ text: part, run, width: context.measureText(part).width })\n      }\n    }\n    let line: Piece[] = []\n    let used = 0\n    let first = true\n    const flush = () => {\n      lines.push({\n        pieces: line,\n        size,\n        align: paragraph.align ?? 'left',\n        indent,\n        ...(first && paragraph.bullet ? { bullet: paragraph.runs[0] } : {}),\n      })\n      first = false\n      line = []\n      used = 0\n    }\n    for (const word of words) {\n      if (used + word.width > room - indent && line.length && word.text.trim()) flush()\n      if (!line.length && !word.text.trim()) continue\n      line.push(word)\n      used += word.width\n    }\n    flush()\n  }\n  const total = lines.reduce((sum, line) => sum + line.size * LINE_HEIGHT, 0)\n  const free = h - 2 * inset - total\n  let y = inset + (box.anchor === 'middle' ? free / 2 : box.anchor === 'bottom' ? free : 0)\n  context.save()\n  context.beginPath()\n  context.rect(0, 0, w, h)\n  context.clip()\n  for (const line of lines) {\n    const lineWidth = line.pieces.reduce((sum, piece) => sum + piece.width, 0)\n    const space = room - line.indent\n    let x =\n      inset +\n      line.indent +\n      (line.align === 'center'\n        ? (space - lineWidth) / 2\n        : line.align === 'right'\n          ? space - lineWidth\n          : 0)\n    const baseline = y + line.size * (LINE_HEIGHT - 0.2)\n    if (line.bullet) {\n      context.font = fontOf(line.bullet, themeFont, width)\n      context.fillStyle = line.bullet.color ?? TEXT_COLORS.body\n      context.fillText('\u2022', inset + line.indent - line.size * 0.9, baseline)\n    }\n    for (const piece of line.pieces) {\n      context.font = fontOf(piece.run, themeFont, width)\n      context.fillStyle = piece.run.color ?? TEXT_COLORS.body\n      context.fillText(piece.text, x, baseline)\n      if (piece.run.underline) {\n        context.fillRect(x, baseline + line.size * 0.08, piece.width, Math.max(1, line.size * 0.05))\n      }\n      x += piece.width\n    }\n    y += line.size * LINE_HEIGHT\n  }\n  context.restore()\n  context.restore()\n}\n\n/** The words a box shows, for a searchable PDF. */\nexport const boxWords = (box: SlideBox): string[] =>\n  box.paragraphs\n    .map((paragraph) =>\n      paragraph.runs\n        .map((run) => run.text)\n        .join('')\n        .trim()\n    )\n    .filter(Boolean)\n"],
+  "mappings": "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",
+  "names": ["lineWidth"]
+}

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

@@ -0,0 +1,10 @@
+/**
+ * A slide's text boxes and shapes as PowerPoint's own: editable text (each run's type, colour and
+ * weight, each paragraph's alignment, level and bullet) in a shape with its fill and outline, so a
+ * deck imported from PowerPoint goes back to PowerPoint as it came.
+ */
+import type PptxGenJS from 'pptxgenjs';
+import { type SlideBox } from './boxes';
+type Slide = ReturnType<PptxGenJS['addSlide']>;
+export declare function addBox(pptx: PptxGenJS, page: Slide, box: SlideBox, themeFont: string): void;
+export {};

package/dist/presentation/export-boxes.js

@@ -0,0 +1,74 @@
+"use client";
+import { DEFAULT_INSET, DEFAULT_TEXT_SIZE } from "./boxes.js";
+import { TEXT_COLORS } from "./theme.js";
+const SLIDE_INCHES = { w: 13.333, h: 7.5 };
+const hex = (color) => color.replace("#", "").toUpperCase();
+function addBox(pptx, page, box, themeFont) {
+  const { frame } = box;
+  const place = {
+    x: frame.x * SLIDE_INCHES.w,
+    y: frame.y * SLIDE_INCHES.h,
+    w: Math.max(0.01, frame.w * SLIDE_INCHES.w),
+    h: frame.h * SLIDE_INCHES.h,
+    ...box.rotation ? { rotate: box.rotation } : {},
+    ...box.flipH ? { flipH: true } : {},
+    ...box.flipV ? { flipV: true } : {}
+  };
+  const line = box.line ? {
+    color: hex(box.line.color),
+    width: box.line.width,
+    ...box.line.dash ? { dashType: "dash" } : {}
+  } : void 0;
+  if (box.shape === "line") {
+    page.addShape(pptx.ShapeType.line, {
+      ...place,
+      line: line ?? { color: hex(TEXT_COLORS.body), width: 1 }
+    });
+    return;
+  }
+  const shape = box.shape === "ellipse" ? pptx.ShapeType.ellipse : box.shape === "roundRect" ? pptx.ShapeType.roundRect : pptx.ShapeType.rect;
+  const fill = box.fill ? {
+    color: hex(box.fill),
+    ...box.fillAlpha !== void 0 ? { transparency: Math.round((1 - box.fillAlpha) * 100) } : {}
+  } : void 0;
+  const runs = [];
+  box.paragraphs.forEach((paragraph, p) => {
+    const last = p === box.paragraphs.length - 1;
+    const paragraphRuns = paragraph.runs.length ? paragraph.runs : [{ text: "" }];
+    paragraphRuns.forEach((run, r) => {
+      runs.push({
+        text: run.text,
+        options: {
+          fontSize: run.size ?? DEFAULT_TEXT_SIZE,
+          fontFace: run.font ?? themeFont,
+          color: hex(run.color ?? TEXT_COLORS.body),
+          ...run.bold ? { bold: true } : {},
+          ...run.italic ? { italic: true } : {},
+          ...run.underline ? { underline: { style: "sng" } } : {},
+          align: paragraph.align ?? "left",
+          ...paragraph.level ? { indentLevel: paragraph.level } : {},
+          ...paragraph.bullet && r === 0 ? { bullet: true } : {},
+          ...r === paragraphRuns.length - 1 && !last ? { breakLine: true } : {}
+        }
+      });
+    });
+  });
+  const text = runs.some((run) => run.text);
+  if (!text && box.shape === "text") return;
+  page.addText(text ? runs : "", {
+    ...place,
+    shape,
+    ...fill ? { fill } : {},
+    ...line ? { line } : {},
+    // Its part in the slide (its title, its body), kept by name: read back when imported.
+    ...box.role ? { objectName: `ARBI ${box.role}` } : {},
+    valign: box.anchor ?? "top",
+    margin: box.inset ?? DEFAULT_INSET,
+    lineSpacingMultiple: 1,
+    fit: "none"
+  });
+}
+export {
+  addBox
+};
+//# sourceMappingURL=export-boxes.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/presentation/export-boxes.ts"],
+  "sourcesContent": ["/**\n * A slide's text boxes and shapes as PowerPoint's own: editable text (each run's type, colour and\n * weight, each paragraph's alignment, level and bullet) in a shape with its fill and outline, so a\n * deck imported from PowerPoint goes back to PowerPoint as it came.\n */\n\nimport type PptxGenJS from 'pptxgenjs'\nimport { DEFAULT_INSET, DEFAULT_TEXT_SIZE, type SlideBox } from './boxes'\nimport { TEXT_COLORS } from './theme'\n\n/** PowerPoint's widescreen slide, in inches. */\nconst SLIDE_INCHES = { w: 13.333, h: 7.5 }\nconst hex = (color: string) => color.replace('#', '').toUpperCase()\n\ntype Slide = ReturnType<PptxGenJS['addSlide']>\n\nexport function addBox(pptx: PptxGenJS, page: Slide, box: SlideBox, themeFont: string): void {\n  const { frame } = box\n  const place = {\n    x: frame.x * SLIDE_INCHES.w,\n    y: frame.y * SLIDE_INCHES.h,\n    w: Math.max(0.01, frame.w * SLIDE_INCHES.w),\n    h: frame.h * SLIDE_INCHES.h,\n    ...(box.rotation ? { rotate: box.rotation } : {}),\n    ...(box.flipH ? { flipH: true } : {}),\n    ...(box.flipV ? { flipV: true } : {}),\n  }\n  const line = box.line\n    ? {\n        color: hex(box.line.color),\n        width: box.line.width,\n        ...(box.line.dash ? { dashType: 'dash' as const } : {}),\n      }\n    : undefined\n  if (box.shape === 'line') {\n    page.addShape(pptx.ShapeType.line, {\n      ...place,\n      line: line ?? { color: hex(TEXT_COLORS.body), width: 1 },\n    })\n    return\n  }\n  const shape =\n    box.shape === 'ellipse'\n      ? pptx.ShapeType.ellipse\n      : box.shape === 'roundRect'\n        ? pptx.ShapeType.roundRect\n        : pptx.ShapeType.rect\n  const fill = box.fill\n    ? {\n        color: hex(box.fill),\n        ...(box.fillAlpha !== undefined\n          ? { transparency: Math.round((1 - box.fillAlpha) * 100) }\n          : {}),\n      }\n    : undefined\n  const runs: PptxGenJS.TextProps[] = []\n  box.paragraphs.forEach((paragraph, p) => {\n    const last = p === box.paragraphs.length - 1\n    const paragraphRuns = paragraph.runs.length ? paragraph.runs : [{ text: '' }]\n    paragraphRuns.forEach((run, r) => {\n      runs.push({\n        text: run.text,\n        options: {\n          fontSize: run.size ?? DEFAULT_TEXT_SIZE,\n          fontFace: run.font ?? themeFont,\n          color: hex(run.color ?? TEXT_COLORS.body),\n          ...(run.bold ? { bold: true } : {}),\n          ...(run.italic ? { italic: true } : {}),\n          ...(run.underline ? { underline: { style: 'sng' as const } } : {}),\n          align: paragraph.align ?? 'left',\n          ...(paragraph.level ? { indentLevel: paragraph.level } : {}),\n          ...(paragraph.bullet && r === 0 ? { bullet: true } : {}),\n          ...(r === paragraphRuns.length - 1 && !last ? { breakLine: true } : {}),\n        },\n      })\n    })\n  })\n  const text = runs.some((run) => run.text)\n  if (!text && box.shape === 'text') return\n  page.addText(text ? runs : '', {\n    ...place,\n    shape,\n    ...(fill ? { fill } : {}),\n    ...(line ? { line } : {}),\n    // Its part in the slide (its title, its body), kept by name: read back when imported.\n    ...(box.role ? { objectName: `ARBI ${box.role}` } : {}),\n    valign: box.anchor ?? 'top',\n    margin: box.inset ?? DEFAULT_INSET,\n    lineSpacingMultiple: 1,\n    fit: 'none',\n  })\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/presentation/export-pptx.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The presentation as a PowerPoint deck (.pptx), drawn from the same geometry as the stage and the
+ * saved PDF: each slide's themed background (an image, painted as the PDF's is), its title, rule
+ * and points as real, editable PowerPoint text in the theme's typeface, each clip as an image
+ * (redactions burnt in, at 1.5× the size it is shown, so it stays sharp on a projector) with its
+ * label, and the logo. PptxGenJS is loaded only when a deck is exported.
+ */
+import { type Clip, type Slide } from './model';
+import { type SlideLook } from './render-slides';
+export interface DeckContent {
+    title: string;
+    slides: readonly Slide[];
+    clips: readonly Clip[];
+}
+/** The deck as a .pptx file. */
+export declare function buildPptx(deck: DeckContent, look: SlideLook): Promise<Blob>;

package/dist/presentation/export-pptx.js

@@ -0,0 +1,194 @@
+"use client";
+import { clipLabel, frameHeight } from "./model.js";
+import { SLIDE_PIXELS, drawClip, drawRoundedClip, loadImage } from "./render-slides.js";
+import { addBox } from "./export-boxes.js";
+import { slideGeometry, textLines } from "./slide-layout.js";
+import { FONTS, TEXT_COLORS, accentColor, paintBackground, paintSlideBackground } from "./theme.js";
+const SLIDE_INCHES = { w: 13.333, h: 7.5 };
+const toPoints = (size) => Math.round(size * SLIDE_INCHES.w * 72 * 10) / 10;
+const hex = (color) => color.replace("#", "").toUpperCase();
+async function canvasImage(width, height, draw) {
+  const canvas = document.createElement("canvas");
+  canvas.width = Math.max(1, Math.round(width));
+  canvas.height = Math.max(1, Math.round(height));
+  const context = canvas.getContext("2d");
+  if (!context) throw new Error("Could not draw the slides");
+  await draw(context);
+  const url = canvas.toDataURL("image/png");
+  canvas.width = canvas.height = 0;
+  return url.replace(/^data:/, "");
+}
+const box = (b) => ({
+  x: b.x * SLIDE_INCHES.w,
+  y: b.y * SLIDE_INCHES.h,
+  w: b.w * SLIDE_INCHES.w,
+  h: b.h * SLIDE_INCHES.h
+});
+function textOptions(text, look) {
+  return {
+    ...box(text),
+    fontFace: FONTS[look.theme.font].pptx,
+    fontSize: toPoints(text.size),
+    bold: text.weight >= 600,
+    color: hex(TEXT_COLORS[text.tone]),
+    align: text.align,
+    valign: text.anchor ?? "top",
+    lineSpacingMultiple: text.leading,
+    margin: 0
+  };
+}
+async function buildPptx(deck, look) {
+  const { default: PptxGenJS } = await import("pptxgenjs");
+  const pptx = new PptxGenJS();
+  pptx.layout = "LAYOUT_WIDE";
+  pptx.title = deck.title;
+  pptx.theme = {
+    headFontFace: FONTS[look.theme.font].pptx,
+    bodyFontFace: FONTS[look.theme.font].pptx
+  };
+  const { width, height } = SLIDE_PIXELS;
+  const background = await canvasImage(
+    width,
+    height,
+    (context) => paintBackground(context, width, height, look.theme.background)
+  );
+  const logo = look.logo ? await loadImage(look.logo) : null;
+  const logoData = logo ? await canvasImage(logo.width, logo.height, (context) => context.drawImage(logo, 0, 0)) : null;
+  const themeFont = FONTS[look.theme.font].pptx;
+  for (const slide of deck.slides) {
+    const page = pptx.addSlide();
+    if (slide.background?.color && !slide.background.gradient && !slide.background.image) {
+      page.background = { color: hex(slide.background.color) };
+    } else if (slide.background) {
+      const own = slide.background;
+      page.background = {
+        data: await canvasImage(
+          width,
+          height,
+          (context) => paintSlideBackground(context, width, height, own, look.media)
+        )
+      };
+    } else {
+      page.background = { data: background };
+    }
+    if (slide.notes?.trim()) page.addNotes(slide.notes);
+    const geometry = slideGeometry(slide, {
+      labels: look.labels,
+      logo: look.theme.logo?.corner ?? null
+    });
+    for (const shape of slide.boxes) if (!shape.front) addBox(pptx, page, shape, themeFont);
+    for (const item of slide.items) {
+      const clip = deck.clips.find((entry) => entry.id === item.clipId);
+      if (!clip) continue;
+      const frame = { ...item.frame, h: frameHeight(item.frame, clip.aspect) };
+      if (clip.plain) {
+        const source = clip.kind === "image" ? await createImageBitmap(clip.source) : null;
+        const scale = source ? Math.min(1, 2400 / Math.max(1, clip.rect.w * source.width)) : 1.5;
+        const pixels2 = source ? { w: clip.rect.w * source.width * scale, h: clip.rect.h * source.height * scale } : { w: frame.w * width * 1.5, h: frame.h * height * 1.5 };
+        source?.close();
+        const data2 = await canvasImage(
+          pixels2.w,
+          pixels2.h,
+          (context) => drawClip(context, clip, { x: 0, y: 0, width: pixels2.w, height: pixels2.h })
+        );
+        page.addImage({ data: data2, ...box(frame), altText: clip.caption || clip.fileName });
+        continue;
+      }
+      const pixels = { w: frame.w * width * 1.5, h: frame.h * height * 1.5 };
+      const data = await canvasImage(
+        pixels.w,
+        pixels.h,
+        (context) => drawRoundedClip(
+          context,
+          clip,
+          { x: 0, y: 0, width: pixels.w, height: pixels.h },
+          width * 1.5,
+          false
+        )
+      );
+      page.addImage({
+        data,
+        ...box(frame),
+        altText: clip.caption,
+        shadow: { type: "outer", blur: 10, offset: 3, angle: 90, color: "000000", opacity: 0.45 }
+      });
+      const label = clipLabel(clip, look.columnValues);
+      if (look.labels && label) {
+        page.addText(label, {
+          ...box({ x: frame.x, y: frame.y + frame.h + 8e-3, w: frame.w, h: 0.045 }),
+          fontFace: FONTS[look.theme.font].pptx,
+          fontSize: toPoints(0.017),
+          color: hex(TEXT_COLORS.muted),
+          margin: 0,
+          valign: "top",
+          fit: "shrink"
+        });
+      }
+    }
+    const title = slide.caption.trim();
+    if (title && geometry.title) {
+      page.addText(title, textOptions(geometry.title, look));
+      if (geometry.rule) {
+        page.addShape(pptx.ShapeType.rect, {
+          ...box(geometry.rule),
+          fill: { color: hex(accentColor(look.theme.accent)) },
+          line: { color: hex(accentColor(look.theme.accent)), width: 0 }
+        });
+      }
+    }
+    const lines = textLines(slide.points);
+    if (geometry.text && lines.length) {
+      const text = geometry.text;
+      page.addText(
+        lines.map((line) => ({
+          text: line,
+          options: {
+            breakLine: true,
+            ...text.bullets ? { bullet: { characterCode: "25A0", indent: toPoints(text.size) * 1.2 } } : {}
+          }
+        })),
+        {
+          ...textOptions(text, look),
+          ...text.bullets ? { paraSpaceAfter: toPoints(text.size) * 0.45 } : {}
+        }
+      );
+    }
+    for (const shape of slide.boxes) if (shape.front) addBox(pptx, page, shape, themeFont);
+    if (geometry.logo && logo && logoData) {
+      const area = box(geometry.logo);
+      const scale = Math.min(area.w / logo.width, area.h / logo.height);
+      const w = logo.width * scale;
+      const h = logo.height * scale;
+      page.addImage({
+        data: logoData,
+        x: geometry.logo.x < 0.5 ? area.x : area.x + area.w - w,
+        y: area.y + area.h - h,
+        w,
+        h,
+        transparency: 10
+      });
+    }
+  }
+  const deckFile = await pptx.write({ outputType: "blob" });
+  return accentBullets(deckFile, accentColor(look.theme.accent));
+}
+async function accentBullets(deck, accent) {
+  const { default: JSZip } = await import("jszip");
+  const zip = await JSZip.loadAsync(deck);
+  const slides = Object.keys(zip.files).filter((name) => /^ppt\/slides\/slide\d+\.xml$/.test(name));
+  for (const name of slides) {
+    const xml = await zip.file(name).async("string");
+    zip.file(
+      name,
+      xml.replaceAll(
+        '<a:buSzPct val="100000"/><a:buChar',
+        `<a:buClr><a:srgbClr val="${hex(accent)}"/></a:buClr><a:buSzPct val="70000"/><a:buChar`
+      )
+    );
+  }
+  return zip.generateAsync({ type: "blob", mimeType: deck.type || void 0 });
+}
+export {
+  buildPptx
+};
+//# sourceMappingURL=export-pptx.js.map

package/dist/presentation/export-pptx.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/presentation/export-pptx.ts"],
+  "sourcesContent": ["/**\n * The presentation as a PowerPoint deck (.pptx), drawn from the same geometry as the stage and the\n * saved PDF: each slide's themed background (an image, painted as the PDF's is), its title, rule\n * and points as real, editable PowerPoint text in the theme's typeface, each clip as an image\n * (redactions burnt in, at 1.5\u00D7 the size it is shown, so it stays sharp on a projector) with its\n * label, and the logo. PptxGenJS is loaded only when a deck is exported.\n */\n\nimport { clipLabel, frameHeight, type Clip, type Slide } from './model'\nimport { SLIDE_PIXELS, drawClip, drawRoundedClip, loadImage, type SlideLook } from './render-slides'\nimport { addBox } from './export-boxes'\nimport { slideGeometry, textLines, type TextBox } from './slide-layout'\nimport { FONTS, TEXT_COLORS, accentColor, paintBackground, paintSlideBackground } from './theme'\n\n/** PowerPoint's widescreen slide, in inches. */\nconst SLIDE_INCHES = { w: 13.333, h: 7.5 }\n/** A stage-width fraction as a type size in points. */\nconst toPoints = (size: number) => Math.round(size * SLIDE_INCHES.w * 72 * 10) / 10\nconst hex = (color: string) => color.replace('#', '').toUpperCase()\n\n/** A canvas drawn by `draw`, as the data PptxGenJS takes (\"image/png;base64,\u2026\"). */\nasync function canvasImage(\n  width: number,\n  height: number,\n  draw: (context: CanvasRenderingContext2D) => void | Promise<void>\n): Promise<string> {\n  const canvas = document.createElement('canvas')\n  canvas.width = Math.max(1, Math.round(width))\n  canvas.height = Math.max(1, Math.round(height))\n  const context = canvas.getContext('2d')\n  if (!context) throw new Error('Could not draw the slides')\n  await draw(context)\n  const url = canvas.toDataURL('image/png')\n  canvas.width = canvas.height = 0\n  return url.replace(/^data:/, '')\n}\n\nconst box = (b: { x: number; y: number; w: number; h: number }) => ({\n  x: b.x * SLIDE_INCHES.w,\n  y: b.y * SLIDE_INCHES.h,\n  w: b.w * SLIDE_INCHES.w,\n  h: b.h * SLIDE_INCHES.h,\n})\n\nfunction textOptions(text: TextBox, look: SlideLook) {\n  return {\n    ...box(text),\n    fontFace: FONTS[look.theme.font].pptx,\n    fontSize: toPoints(text.size),\n    bold: text.weight >= 600,\n    color: hex(TEXT_COLORS[text.tone]),\n    align: text.align,\n    valign: text.anchor ?? 'top',\n    lineSpacingMultiple: text.leading,\n    margin: 0,\n  } as const\n}\n\nexport interface DeckContent {\n  title: string\n  slides: readonly Slide[]\n  clips: readonly Clip[]\n}\n\n/** The deck as a .pptx file. */\nexport async function buildPptx(deck: DeckContent, look: SlideLook): Promise<Blob> {\n  const { default: PptxGenJS } = await import('pptxgenjs')\n  const pptx = new PptxGenJS()\n  pptx.layout = 'LAYOUT_WIDE'\n  pptx.title = deck.title\n  pptx.theme = {\n    headFontFace: FONTS[look.theme.font].pptx,\n    bodyFontFace: FONTS[look.theme.font].pptx,\n  }\n\n  const { width, height } = SLIDE_PIXELS\n  const background = await canvasImage(width, height, (context) =>\n    paintBackground(context, width, height, look.theme.background)\n  )\n  const logo = look.logo ? await loadImage(look.logo) : null\n  const logoData = logo\n    ? await canvasImage(logo.width, logo.height, (context) => context.drawImage(logo, 0, 0))\n    : null\n\n  const themeFont = FONTS[look.theme.font].pptx\n  for (const slide of deck.slides) {\n    const page = pptx.addSlide()\n    // A slide's own background (an imported deck's): a plain colour stays a colour.\n    if (slide.background?.color && !slide.background.gradient && !slide.background.image) {\n      page.background = { color: hex(slide.background.color) }\n    } else if (slide.background) {\n      const own = slide.background\n      page.background = {\n        data: await canvasImage(width, height, (context) =>\n          paintSlideBackground(context, width, height, own, look.media)\n        ),\n      }\n    } else {\n      page.background = { data: background }\n    }\n    if (slide.notes?.trim()) page.addNotes(slide.notes)\n    const geometry = slideGeometry(slide, {\n      labels: look.labels,\n      logo: look.theme.logo?.corner ?? null,\n    })\n    for (const shape of slide.boxes) if (!shape.front) addBox(pptx, page, shape, themeFont)\n\n    for (const item of slide.items) {\n      const clip = deck.clips.find((entry) => entry.id === item.clipId)\n      if (!clip) continue\n      const frame = { ...item.frame, h: frameHeight(item.frame, clip.aspect) }\n      if (clip.plain) {\n        // Part of the slide's design: as it is, at its own resolution where it has one.\n        const source = clip.kind === 'image' ? await createImageBitmap(clip.source) : null\n        const scale = source ? Math.min(1, 2400 / Math.max(1, clip.rect.w * source.width)) : 1.5\n        const pixels = source\n          ? { w: clip.rect.w * source.width * scale, h: clip.rect.h * source.height * scale }\n          : { w: frame.w * width * 1.5, h: frame.h * height * 1.5 }\n        source?.close()\n        const data = await canvasImage(pixels.w, pixels.h, (context) =>\n          drawClip(context, clip, { x: 0, y: 0, width: pixels.w, height: pixels.h })\n        )\n        page.addImage({ data, ...box(frame), altText: clip.caption || clip.fileName })\n        continue\n      }\n      const pixels = { w: frame.w * width * 1.5, h: frame.h * height * 1.5 }\n      // Rounded as on the stage: the corners are transparent, so PowerPoint's shadow follows them.\n      const data = await canvasImage(pixels.w, pixels.h, (context) =>\n        drawRoundedClip(\n          context,\n          clip,\n          { x: 0, y: 0, width: pixels.w, height: pixels.h },\n          width * 1.5,\n          false\n        )\n      )\n      page.addImage({\n        data,\n        ...box(frame),\n        altText: clip.caption,\n        shadow: { type: 'outer', blur: 10, offset: 3, angle: 90, color: '000000', opacity: 0.45 },\n      })\n      const label = clipLabel(clip, look.columnValues)\n      if (look.labels && label) {\n        page.addText(label, {\n          ...box({ x: frame.x, y: frame.y + frame.h + 0.008, w: frame.w, h: 0.045 }),\n          fontFace: FONTS[look.theme.font].pptx,\n          fontSize: toPoints(0.017),\n          color: hex(TEXT_COLORS.muted),\n          margin: 0,\n          valign: 'top',\n          fit: 'shrink',\n        })\n      }\n    }\n\n    const title = slide.caption.trim()\n    if (title && geometry.title) {\n      page.addText(title, textOptions(geometry.title, look))\n      if (geometry.rule) {\n        page.addShape(pptx.ShapeType.rect, {\n          ...box(geometry.rule),\n          fill: { color: hex(accentColor(look.theme.accent)) },\n          line: { color: hex(accentColor(look.theme.accent)), width: 0 },\n        })\n      }\n    }\n    const lines = textLines(slide.points)\n    if (geometry.text && lines.length) {\n      const text = geometry.text\n      page.addText(\n        lines.map((line) => ({\n          text: line,\n          options: {\n            breakLine: true,\n            ...(text.bullets\n              ? { bullet: { characterCode: '25A0', indent: toPoints(text.size) * 1.2 } }\n              : {}),\n          },\n        })),\n        {\n          ...textOptions(text, look),\n          ...(text.bullets ? { paraSpaceAfter: toPoints(text.size) * 0.45 } : {}),\n        }\n      )\n    }\n\n    for (const shape of slide.boxes) if (shape.front) addBox(pptx, page, shape, themeFont)\n\n    if (geometry.logo && logo && logoData) {\n      const area = box(geometry.logo)\n      const scale = Math.min(area.w / logo.width, area.h / logo.height)\n      const w = logo.width * scale\n      const h = logo.height * scale\n      page.addImage({\n        data: logoData,\n        x: geometry.logo.x < 0.5 ? area.x : area.x + area.w - w,\n        y: area.y + area.h - h,\n        w,\n        h,\n        transparency: 10,\n      })\n    }\n  }\n\n  const deckFile = (await pptx.write({ outputType: 'blob' })) as Blob\n  return accentBullets(deckFile, accentColor(look.theme.accent))\n}\n\n/**\n * The bullets in the accent colour, as on the stage, and their squares the stage's size: PptxGenJS\n * has no option for either, so the slides' XML gets PowerPoint's own bullet colour and size.\n */\nasync function accentBullets(deck: Blob, accent: string): Promise<Blob> {\n  const { default: JSZip } = await import('jszip')\n  const zip = await JSZip.loadAsync(deck)\n  const slides = Object.keys(zip.files).filter((name) => /^ppt\\/slides\\/slide\\d+\\.xml$/.test(name))\n  for (const name of slides) {\n    const xml = await zip.file(name)!.async('string')\n    zip.file(\n      name,\n      xml.replaceAll(\n        '<a:buSzPct val=\"100000\"/><a:buChar',\n        `<a:buClr><a:srgbClr val=\"${hex(accent)}\"/></a:buClr><a:buSzPct val=\"70000\"/><a:buChar`\n      )\n    )\n  }\n  return zip.generateAsync({ type: 'blob', mimeType: deck.type || undefined })\n}\n"],
+  "mappings": "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",
+  "names": ["pixels", "data"]
+}

package/dist/presentation/import-pptx.d.ts

@@ -0,0 +1,35 @@
+/**
+ * A PowerPoint deck made elsewhere, as a presentation: each slide a blank (`free`) slide that looks
+ * as it did, with its words editable. Text boxes and placeholders become boxes (their position,
+ * size, rotation, fill, outline and text, the styles they inherit from the slide's layout and
+ * master resolved), pictures become clips of images embedded in the presentation, tables become a
+ * grid of boxes, and the background (the slide's, its layout's or its master's) the slide's own.
+ *
+ * What cannot be edited here (charts, SmartArt, embedded objects, shapes other than rectangles,
+ * rounded rectangles, ellipses and lines) is shown as it was: a clip of that area of the deck's own
+ * PDF (the one the backend makes of every PowerPoint file), so the slide still looks right.
+ * Speaker notes come along; animations and transitions do not (reported in `notes`).
+ *
+ * `slideFingerprints` reads what each slide shows (its words, its pictures and where things are):
+ * saved with a presentation, it tells, when the file is opened again, which slides were changed in
+ * PowerPoint since.
+ */
+import type { SavedPresentation } from './persistence';
+export interface ImportOptions {
+    /** The presentation's title (default: the deck's own, else "Presentation"). */
+    title?: string;
+    /** The deck as a document, and the version imported: what stands in for what cannot be edited. */
+    documentId?: string;
+    version?: number;
+    fileName?: string;
+}
+export interface ImportedDeck {
+    saved: SavedPresentation;
+    /** What did not come across as it was ("2 charts shown as pictures"). */
+    notes: string[];
+    /** Each slide's fingerprint (`slideFingerprints`). */
+    fingerprints: string[];
+}
+export declare function importPptx(bytes: Uint8Array, options?: ImportOptions): Promise<ImportedDeck>;
+/** Each slide's fingerprint, in order (see the module's notes). */
+export declare function slideFingerprints(bytes: Uint8Array | Blob): Promise<string[]>;