@bendyline/squisq-formats 2.6.16 → 2.6.17

package/dist/videoPoster-D7DTZC2L.js

@@ -0,0 +1,104 @@
+import {
+  upngEncoder
+} from "./chunk-34KECNZO.js";
+
+// src/shared/videoPoster.ts
+import { videoEmbedIframeAttributes } from "@bendyline/squisq/markdown";
+var LONG_EDGE = 640;
+var SHORT_EDGE = 360;
+var posterCache = /* @__PURE__ */ new Map();
+function mix(a, b, t) {
+  return [0, 1, 2].map((i) => Math.round(a[i] + (b[i] - a[i]) * t));
+}
+function videoPosterPng(portrait) {
+  const key = portrait ? "portrait" : "landscape";
+  if (posterCache.has(key)) return posterCache.get(key) ?? null;
+  if (!upngEncoder) {
+    posterCache.set(key, null);
+    return null;
+  }
+  const width = portrait ? SHORT_EDGE : LONG_EDGE;
+  const height = portrait ? LONG_EDGE : SHORT_EDGE;
+  const rgba = new Uint8Array(width * height * 4);
+  const top = [40, 44, 54];
+  const bottom = [14, 15, 20];
+  for (let y = 0; y < height; y++) {
+    const [r, g, b] = mix(top, bottom, y / (height - 1));
+    for (let x = 0; x < width; x++) {
+      const at = (y * width + x) * 4;
+      rgba[at] = r;
+      rgba[at + 1] = g;
+      rgba[at + 2] = b;
+      rgba[at + 3] = 255;
+    }
+  }
+  const buttonW = Math.round(Math.min(width, height) * 0.3);
+  const buttonH = Math.round(buttonW * 0.7);
+  const radius = buttonH * 0.24;
+  const left = (width - buttonW) / 2;
+  const topY = (height - buttonH) / 2;
+  const triH = buttonH * 0.42;
+  const triW = triH * 0.9;
+  const triLeft = width / 2 - triW * 0.4;
+  const triTop = height / 2 - triH / 2;
+  const inButton = (px, py) => {
+    const dx = Math.max(left + radius - px, 0, px - (left + buttonW - radius));
+    const dy = Math.max(topY + radius - py, 0, py - (topY + buttonH - radius));
+    return dx * dx + dy * dy <= radius * radius;
+  };
+  const inTriangle = (px, py) => {
+    if (px < triLeft) return false;
+    const halfAt = triH / 2 * (1 - (px - triLeft) / triW);
+    return Math.abs(py - height / 2) <= halfAt && py >= triTop && py <= triTop + triH;
+  };
+  const SAMPLES = 4;
+  for (let y = Math.floor(topY); y < Math.ceil(topY + buttonH); y++) {
+    for (let x = Math.floor(left); x < Math.ceil(left + buttonW); x++) {
+      let button = 0;
+      let triangle = 0;
+      for (let sy = 0; sy < SAMPLES; sy++) {
+        for (let sx = 0; sx < SAMPLES; sx++) {
+          const px = x + (sx + 0.5) / SAMPLES;
+          const py = y + (sy + 0.5) / SAMPLES;
+          if (inButton(px, py)) button++;
+          if (inTriangle(px, py)) triangle++;
+        }
+      }
+      if (!button && !triangle) continue;
+      const at = (y * width + x) * 4;
+      const base = [rgba[at], rgba[at + 1], rgba[at + 2]];
+      const washed = mix(base, [255, 255, 255], 0.18 * (button / SAMPLES ** 2));
+      const [r, g, b] = mix(washed, [255, 255, 255], triangle / SAMPLES ** 2);
+      rgba[at] = r;
+      rgba[at + 1] = g;
+      rgba[at + 2] = b;
+    }
+  }
+  const data = upngEncoder.encode([rgba.buffer], width, height, 0);
+  const poster = { data, contentType: "image/png", width, height };
+  posterCache.set(key, poster);
+  return poster;
+}
+function officeVideoEmbedUrl(embed) {
+  return embed.provider === "youtube" ? embed.embedUrl.replace(/^https:\/\/www\.youtube-nocookie\.com\//, "https://www.youtube.com/") : embed.embedUrl;
+}
+function escapeHtmlAttr(value) {
+  return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function officeVideoEmbedHtml(embed, title, width, height) {
+  const { loading: _lazy, ...attrs } = videoEmbedIframeAttributes(embed, title);
+  const all = {
+    width: String(width),
+    height: String(height),
+    ...attrs,
+    src: officeVideoEmbedUrl(embed),
+    frameborder: "0"
+  };
+  const serialized = Object.entries(all).map(([name, value]) => value === "" ? name : `${name}="${escapeHtmlAttr(value)}"`).join(" ");
+  return `<iframe ${serialized}></iframe>`;
+}
+export {
+  officeVideoEmbedHtml,
+  officeVideoEmbedUrl,
+  videoPosterPng
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-formats",
-  "version": "2.6.16",
+  "version": "2.6.17",
   "description": "Document format converters — DOCX, PDF, OOXML import/export",
   "license": "MIT",
   "author": "Bendyline",
@@ -108,6 +108,11 @@
       "import": "./dist/outside-in/index.js",
       "default": "./dist/outside-in/index.js"
     },
+    "./outside-in-layout": {
+      "types": "./dist/outside-in/layout.d.ts",
+      "import": "./dist/outside-in/layout.js",
+      "default": "./dist/outside-in/layout.js"
+    },
     "./diagrams": {
       "types": "./dist/diagrams/index.d.ts",
       "import": "./dist/diagrams/index.js",
@@ -120,7 +125,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@bendyline/squisq": "2.11.16",
+    "@bendyline/squisq": "2.11.17",
     "@pdf-lib/fontkit": "1.1.1",
     "@pdf-lib/upng": "1.0.1",
     "@xmldom/xmldom": "0.9.12",