asciify-engine 1.0.50 → 1.0.52

package/dist/index.cjs

@@ -214,7 +214,7 @@ for (let _i = 0; _i < 256; _i++) {
   GRAY_LUT[_i] = `rgb(${_i},${_i},${_i})`;
   GREEN_LUT[_i] = `rgb(0,${_i},0)`;
 }
-function getCellColorStr(cell, colorMode, acR, acG, acB) {
+function getCellColorStr(cell, colorMode, acR, acG, acB, isInverted = false) {
   switch (colorMode) {
     case "fullcolor":
       return `rgb(${cell.r},${cell.g},${cell.b})`;
@@ -224,12 +224,14 @@ function getCellColorStr(cell, colorMode, acR, acG, acB) {
       const ab = (0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b) / 255;
       return `rgb(${acR * ab | 0},${acG * ab | 0},${acB * ab | 0})`;
     }
-    default:
-      return GRAY_LUT[0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b | 0];
+    default: {
+      const gray = 0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b | 0;
+      return GRAY_LUT[isInverted ? 255 - gray : gray];
+    }
   }
 }
 var _colorRGB = [0, 0, 0];
-function getCellColorRGB(cell, colorMode, acR, acG, acB) {
+function getCellColorRGB(cell, colorMode, acR, acG, acB, isInverted = false) {
   switch (colorMode) {
     case "fullcolor":
       _colorRGB[0] = cell.r;
@@ -251,7 +253,8 @@ function getCellColorRGB(cell, colorMode, acR, acG, acB) {
       break;
     }
     default: {
-      const gray = 0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b | 0;
+      let gray = 0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b | 0;
+      if (isInverted) gray = 255 - gray;
       _colorRGB[0] = gray;
       _colorRGB[1] = gray;
       _colorRGB[2] = gray;
@@ -615,6 +618,10 @@ function renderWaveBackground(ctx, width, height, time, mousePos = { x: 0.5, y:
 }
 
 // src/core/renderer.ts
+function resolveInvert(invert) {
+  if (invert !== "auto") return invert;
+  return typeof window !== "undefined" && !window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
 function imageToAsciiFrame(source, options, targetWidth, targetHeight) {
   const srcWidth = source instanceof HTMLVideoElement ? source.videoWidth : source.width;
   const srcHeight = source instanceof HTMLVideoElement ? source.videoHeight : source.height;
@@ -648,6 +655,7 @@ function imageToAsciiFrame(source, options, targetWidth, targetHeight) {
     normRange = hi > lo ? hi - lo : 255;
   }
   const frame = [];
+  const invertVal = resolveInvert(options.invert);
   const ck = options.chromaKey;
   const ckEnabled = ck != null && ck !== false;
   const ckHeuristicGreen = ck === true;
@@ -687,7 +695,7 @@ function imageToAsciiFrame(source, options, targetWidth, targetHeight) {
       const lum = options.normalize ? (rawLum - normMin) / normRange * 255 : rawLum;
       const adjustedLum = adjustLuminance(lum, options.brightness, options.contrast);
       const ditheredLum = applyDither(adjustedLum, x, y, options.ditherStrength);
-      const char = options.customText ? customTextToChar(ditheredLum, options.customText, x, y, cols, options.invert) : luminanceToChar(ditheredLum, options.charset, options.invert);
+      const char = options.customText ? customTextToChar(ditheredLum, options.customText, x, y, cols, invertVal) : luminanceToChar(ditheredLum, options.charset, invertVal);
       row.push({ char, r, g, b, a });
     }
     frame.push(row);
@@ -846,7 +854,7 @@ function renderFrameToCanvas(ctx, frame, options, canvasWidth, canvasHeight, tim
   const hoverStrength = options.hoverStrength;
   const hoverEffect = options.hoverEffect;
   const hoverRadiusFactor = effectiveHoverRadius;
-  const isInverted = options.invert;
+  const isInverted = resolveInvert(options.invert);
   const colorMode = options.colorMode;
   const TWO_PI = Math.PI * 2;
   const invCols = 1 / cols;
@@ -894,13 +902,13 @@ function renderFrameToCanvas(ctx, frame, options, canvasWidth, canvasHeight, tim
         const py = y * cellH + cellH * 0.5 + hoverOffY;
         let color;
         if (hoverBlend > 0) {
-          const rgb = getCellColorRGB(cell, colorMode, acR, acG, acB);
+          const rgb = getCellColorRGB(cell, colorMode, acR, acG, acB, isInverted);
           const cr = Math.min(255, rgb[0] + (hcR - rgb[0]) * hoverBlend | 0);
           const cg = Math.min(255, rgb[1] + (hcG - rgb[1]) * hoverBlend | 0);
           const cb = Math.min(255, rgb[2] + (hcB - rgb[2]) * hoverBlend | 0);
           color = `rgb(${cr},${cg},${cb})`;
         } else {
-          color = getCellColorStr(cell, colorMode, acR, acG, acB);
+          color = getCellColorStr(cell, colorMode, acR, acG, acB, isInverted);
         }
         const alpha = Math.min(1, cell.a * 0.00392156863 * animMul * (1 + hoverGlow));
         if (alpha !== lastAlpha) {
@@ -976,13 +984,13 @@ function renderFrameToCanvas(ctx, frame, options, canvasWidth, canvasHeight, tim
         const py = y * cellH + cellH * 0.5 + hoverOffY;
         let color;
         if (hoverBlend > 0) {
-          const rgb = getCellColorRGB(cell, colorMode, acR, acG, acB);
+          const rgb = getCellColorRGB(cell, colorMode, acR, acG, acB, isInverted);
           const cr = Math.min(255, rgb[0] + (hcR - rgb[0]) * hoverBlend | 0);
           const cg = Math.min(255, rgb[1] + (hcG - rgb[1]) * hoverBlend | 0);
           const cb = Math.min(255, rgb[2] + (hcB - rgb[2]) * hoverBlend | 0);
           color = `rgb(${cr},${cg},${cb})`;
         } else {
-          color = getCellColorStr(cell, colorMode, acR, acG, acB);
+          color = getCellColorStr(cell, colorMode, acR, acG, acB, isInverted);
         }
         if (useFastRect) {
           const weight = charWeights[cell.char] ?? 0.5;