@arbidocs/blocks 0.5.119 → 0.5.121

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[]>;