asciify-engine 1.0.67 → 1.0.69

package/dist/index.cjs

@@ -1162,23 +1162,33 @@ function renderFrameToCanvas(ctx, frame, options, canvasWidth, canvasHeight, tim
 }
 
 // src/core/simple-api.ts
-function sizeCanvasToContainer(canvas, container, aspect) {
+function sizeCanvasToContainer(canvas, container, aspect, srcW, srcH) {
   const { width, height } = container.getBoundingClientRect();
   if (!width || !height) return;
-  let w = width, h = w / aspect;
-  if (h > height) {
-    h = height;
-    w = h * aspect;
-  }
-  const dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
-  const cssW = Math.round(w);
-  const cssH = Math.round(h);
-  canvas.width = Math.round(cssW * dpr);
-  canvas.height = Math.round(cssH * dpr);
+  let cssW = width, cssH = cssW / aspect;
+  if (cssH > height) {
+    cssH = height;
+    cssW = cssH * aspect;
+  }
+  cssW = Math.round(cssW);
+  cssH = Math.round(cssH);
+  const MAX_BUF = 2048;
+  let bufW, bufH;
+  if (srcW && srcH && (srcW > cssW || srcH > cssH)) {
+    const scale = Math.min(1, MAX_BUF / Math.max(srcW, srcH));
+    bufW = Math.round(srcW * scale);
+    bufH = Math.round(srcH * scale);
+  } else {
+    const dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+    bufW = Math.round(cssW * dpr);
+    bufH = Math.round(cssH * dpr);
+  }
+  canvas.width = bufW;
+  canvas.height = bufH;
   canvas.style.width = cssW + "px";
   canvas.style.height = cssH + "px";
 }
-async function asciify(source, canvas, { fontSize = 10, artStyle = "classic", options = {} } = {}) {
+async function asciify(source, canvas, { fontSize, artStyle = "classic", options = {} } = {}) {
   let el;
   if (typeof source === "string") {
     const img = new Image();
@@ -1199,15 +1209,17 @@ async function asciify(source, canvas, { fontSize = 10, artStyle = "classic", op
     el = source;
   }
   const preset = ART_STYLE_PRESETS[artStyle];
-  const merged = { ...DEFAULT_OPTIONS, ...preset, ...options, fontSize };
+  const resolvedFontSize = fontSize ?? options.fontSize ?? 10;
+  const merged = { ...DEFAULT_OPTIONS, ...preset, ...options, fontSize: resolvedFontSize };
   const ctx = canvas.getContext("2d");
   if (!ctx) throw new Error("Could not get 2d context from canvas");
   const { frame } = imageToAsciiFrame(el, merged, canvas.width, canvas.height);
   renderFrameToCanvas(ctx, frame, merged, canvas.width, canvas.height);
 }
-async function asciifyGif(source, canvas, { fontSize = 10, artStyle = "classic", options = {} } = {}) {
+async function asciifyGif(source, canvas, { fontSize, artStyle = "classic", options = {} } = {}) {
   const buffer = typeof source === "string" ? await fetch(source).then((r) => r.arrayBuffer()) : source;
-  const merged = { ...DEFAULT_OPTIONS, ...ART_STYLE_PRESETS[artStyle], ...options, fontSize };
+  const resolvedFontSize = fontSize ?? options.fontSize ?? 10;
+  const merged = { ...DEFAULT_OPTIONS, ...ART_STYLE_PRESETS[artStyle], ...options, fontSize: resolvedFontSize };
   const ctx = canvas.getContext("2d");
   if (!ctx) throw new Error("Could not get 2d context from canvas");
   const { frames, fps } = await gifToAsciiFrames(buffer, merged, canvas.width, canvas.height);
@@ -1231,10 +1243,11 @@ async function asciifyGif(source, canvas, { fontSize = 10, artStyle = "classic",
     cancelAnimationFrame(animId);
   };
 }
-async function asciifyVideo(source, canvas, { fontSize = 10, artStyle = "classic", options = {}, fitTo, preExtract = false, trim, onReady, onFrame } = {}) {
+async function asciifyVideo(source, canvas, { fontSize, artStyle = "classic", options = {}, fitTo, preExtract = false, trim, onReady, onFrame } = {}) {
   const trimStart = trim?.start ?? 0;
   const trimEnd = trim?.end;
-  const merged = { ...DEFAULT_OPTIONS, ...ART_STYLE_PRESETS[artStyle], ...options, fontSize };
+  const resolvedFontSize = fontSize ?? options.fontSize ?? 10;
+  const merged = { ...DEFAULT_OPTIONS, ...ART_STYLE_PRESETS[artStyle], ...options, fontSize: resolvedFontSize };
   const ctx = canvas.getContext("2d");
   if (!ctx) throw new Error("asciifyVideo: could not get 2d context from canvas.");
   const container = typeof fitTo === "string" ? document.querySelector(fitTo) : fitTo instanceof HTMLElement ? fitTo : null;
@@ -1253,7 +1266,7 @@ async function asciifyVideo(source, canvas, { fontSize = 10, artStyle = "classic
     } else {
       video2 = source;
     }
-    if (container) sizeCanvasToContainer(canvas, container, video2.videoWidth / video2.videoHeight);
+    if (container) sizeCanvasToContainer(canvas, container, video2.videoWidth / video2.videoHeight, video2.videoWidth, video2.videoHeight);
     const maxDur = trimEnd !== void 0 ? trimEnd - trimStart : 10;
     const { frames, fps } = await videoToAsciiFrames(video2, merged, canvas.width, canvas.height, void 0, maxDur, void 0, trimStart);
     let cancelled2 = false, animId2, i = 0, last = performance.now();
@@ -1335,8 +1348,9 @@ async function asciifyVideo(source, canvas, { fontSize = 10, artStyle = "classic
   let ro = null;
   if (container) {
     const aspect = video.videoWidth / video.videoHeight;
-    sizeCanvasToContainer(canvas, container, aspect);
-    ro = new ResizeObserver(() => sizeCanvasToContainer(canvas, container, aspect));
+    const vw = video.videoWidth, vh = video.videoHeight;
+    sizeCanvasToContainer(canvas, container, aspect, vw, vh);
+    ro = new ResizeObserver(() => sizeCanvasToContainer(canvas, container, aspect, vw, vh));
     ro.observe(container);
   }
   let cancelled = false;