asciify-engine 1.0.0

package/dist/index.cjs

@@ -0,0 +1,876 @@
+'use strict';
+
+var gifuctJs = require('gifuct-js');
+
+// src/types.ts
+var CHARSETS = {
+  standard: " .:-=+*#%@",
+  blocks: " \u2591\u2592\u2593\u2588",
+  minimal: " .:+",
+  dense: " .'`^\",:;Il!i><~+_-?][}{1)(|\\/tfjrxnuvczXYUJCLQ0OZmwqpdbkhao*#MW&8%B@$",
+  binary: "01",
+  dots: " \u2801\u2803\u2807\u2847\u28C7\u28E7\u28F7\u28FF",
+  letters: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",
+  claudeCode: " \u2554\u2557\u255A\u255D\u2551\u2550\u2560\u2563\u2566\u2569\u256C\u2591\u2592\u2593\u2588\u2502\u2500\u250C\u2510\u2514\u2518\u251C\u2524\u252C\u2534\u253C"
+};
+var ART_STYLE_PRESETS = {
+  classic: {
+    renderMode: "ascii",
+    charset: CHARSETS.standard,
+    colorMode: "grayscale"
+  },
+  particles: {
+    renderMode: "dots",
+    colorMode: "fullcolor",
+    dotSizeRatio: 0.8
+  },
+  letters: {
+    renderMode: "ascii",
+    charset: CHARSETS.letters,
+    colorMode: "fullcolor"
+  },
+  claudeCode: {
+    renderMode: "ascii",
+    charset: CHARSETS.claudeCode,
+    colorMode: "accent",
+    accentColor: "#f97316"
+  },
+  art: {
+    renderMode: "ascii",
+    charset: CHARSETS.dense,
+    colorMode: "fullcolor"
+  },
+  terminal: {
+    renderMode: "ascii",
+    charset: CHARSETS.standard,
+    colorMode: "matrix"
+  }
+};
+var DEFAULT_OPTIONS = {
+  fontSize: 10,
+  charSpacing: 1,
+  brightness: 0,
+  contrast: 0,
+  charset: CHARSETS.standard,
+  colorMode: "grayscale",
+  accentColor: "#d4ff00",
+  invert: false,
+  renderMode: "ascii",
+  animationStyle: "none",
+  animationSpeed: 1,
+  dotSizeRatio: 0.8,
+  ditherStrength: 0,
+  hoverStrength: 0,
+  hoverRadius: 0.5,
+  hoverEffect: "spotlight",
+  hoverColor: "#ffffff",
+  artStyle: "classic"
+};
+var HOVER_PRESETS = {
+  none: {
+    label: "Off",
+    options: { hoverStrength: 0, hoverEffect: "spotlight", hoverRadius: 0.5, hoverColor: "#ffffff" }
+  },
+  subtle: {
+    label: "Subtle",
+    options: { hoverStrength: 0.8, hoverEffect: "glow", hoverRadius: 0.4, hoverColor: "#ffffff" }
+  },
+  flashlight: {
+    label: "Flashlight",
+    options: { hoverStrength: 2.5, hoverEffect: "spotlight", hoverRadius: 0.6, hoverColor: "#fffbe6" }
+  },
+  magnifier: {
+    label: "Magnifier",
+    options: { hoverStrength: 3, hoverEffect: "magnify", hoverRadius: 0.35, hoverColor: "#ffffff" }
+  },
+  forceField: {
+    label: "Force Field",
+    options: { hoverStrength: 3.5, hoverEffect: "repel", hoverRadius: 0.5, hoverColor: "#a0e8ff" }
+  },
+  neon: {
+    label: "Neon",
+    options: { hoverStrength: 2.5, hoverEffect: "colorShift", hoverRadius: 0.55, hoverColor: "#d946ef" }
+  },
+  fire: {
+    label: "Fire",
+    options: { hoverStrength: 3, hoverEffect: "spotlight", hoverRadius: 0.5, hoverColor: "#ff6b2b" }
+  },
+  ice: {
+    label: "Ice",
+    options: { hoverStrength: 2, hoverEffect: "glow", hoverRadius: 0.65, hoverColor: "#60d5f7" }
+  }
+};
+function createOffscreenCanvas(width, height) {
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext("2d", { willReadFrequently: true });
+  return { canvas, ctx };
+}
+function adjustLuminance(lum, brightness, contrast) {
+  let adjusted = lum + brightness * 255;
+  const factor = 259 * (contrast * 255 + 255) / (255 * (259 - contrast * 255));
+  adjusted = factor * (adjusted - 128) + 128;
+  return Math.max(0, Math.min(255, adjusted));
+}
+function luminanceToChar(lum, charset, invert) {
+  const normalized = invert ? 1 - lum / 255 : lum / 255;
+  const index = Math.floor(normalized * (charset.length - 1));
+  return charset[Math.max(0, Math.min(charset.length - 1, index))];
+}
+var BAYER_4X4 = [
+  [0, 8, 2, 10],
+  [12, 4, 14, 6],
+  [3, 11, 1, 9],
+  [15, 7, 13, 5]
+];
+var _GRAY_LUT = new Array(256);
+var _GREEN_LUT = new Array(256);
+for (let _i = 0; _i < 256; _i++) {
+  _GRAY_LUT[_i] = `rgb(${_i},${_i},${_i})`;
+  _GREEN_LUT[_i] = `rgb(0,${_i},0)`;
+}
+function applyDither(lum, x, y, strength) {
+  if (strength <= 0) return lum;
+  const threshold = (BAYER_4X4[y % 4][x % 4] / 16 - 0.5) * strength * 128;
+  return Math.max(0, Math.min(255, lum + threshold));
+}
+function getCellColorStr(cell, colorMode, acR, acG, acB) {
+  switch (colorMode) {
+    case "fullcolor":
+      return `rgb(${cell.r},${cell.g},${cell.b})`;
+    case "matrix":
+      return _GREEN_LUT[0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b | 0];
+    case "accent": {
+      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];
+  }
+}
+var _colorRGB = [0, 0, 0];
+function getCellColorRGB(cell, colorMode, acR, acG, acB) {
+  switch (colorMode) {
+    case "fullcolor":
+      _colorRGB[0] = cell.r;
+      _colorRGB[1] = cell.g;
+      _colorRGB[2] = cell.b;
+      break;
+    case "matrix": {
+      const mb = 0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b | 0;
+      _colorRGB[0] = 0;
+      _colorRGB[1] = mb;
+      _colorRGB[2] = 0;
+      break;
+    }
+    case "accent": {
+      const ab = (0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b) / 255;
+      _colorRGB[0] = acR * ab | 0;
+      _colorRGB[1] = acG * ab | 0;
+      _colorRGB[2] = acB * ab | 0;
+      break;
+    }
+    default: {
+      const gray = 0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b | 0;
+      _colorRGB[0] = gray;
+      _colorRGB[1] = gray;
+      _colorRGB[2] = gray;
+      break;
+    }
+  }
+  return _colorRGB;
+}
+function getAnimationMultiplier(x, y, cols, rows, time, style, speed) {
+  if (style === "none") return 1;
+  const t = time * speed;
+  switch (style) {
+    case "wave": {
+      const wave = Math.sin(x / cols * Math.PI * 4 + t * 3) * 0.5 + 0.5;
+      const wave2 = Math.sin(y / rows * Math.PI * 3 + t * 2) * 0.5 + 0.5;
+      return 0.3 + 0.7 * (wave * 0.6 + wave2 * 0.4);
+    }
+    case "pulse": {
+      const cx = cols / 2;
+      const cy = rows / 2;
+      const dist = Math.sqrt((x - cx) ** 2 + (y - cy) ** 2);
+      const maxDist = Math.sqrt(cx ** 2 + cy ** 2);
+      const ring = Math.sin(dist / maxDist * Math.PI * 6 - t * 4) * 0.5 + 0.5;
+      return 0.2 + 0.8 * ring;
+    }
+    case "rain": {
+      const drop = Math.sin(y / rows * Math.PI * 8 - t * 5 + x * 0.3) * 0.5 + 0.5;
+      const fade = Math.sin(x / cols * Math.PI * 2 + t) * 0.3 + 0.7;
+      return 0.1 + 0.9 * drop * fade;
+    }
+    case "breathe": {
+      const breathe = Math.sin(t * 2) * 0.3 + 0.7;
+      const subtle = Math.sin((x + y) * 0.1 + t) * 0.1;
+      return Math.max(0.1, Math.min(1, breathe + subtle));
+    }
+    case "sparkle": {
+      const hash = Math.sin(x * 127.1 + y * 311.7 + Math.floor(t * 8) * 43758.5453) * 43758.5453;
+      const sparkle = hash - Math.floor(hash);
+      return sparkle > 0.7 ? 1 : 0.15 + sparkle * 0.4;
+    }
+    case "glitch": {
+      const band = Math.floor(y / (rows * 0.05));
+      const glitchHash = Math.sin(band * 43.23 + Math.floor(t * 6) * 17.89) * 43758.5453;
+      const glitchVal = glitchHash - Math.floor(glitchHash);
+      if (glitchVal > 0.85) {
+        const flicker = Math.sin(t * 30 + band) * 0.5 + 0.5;
+        return flicker < 0.3 ? 0 : flicker;
+      }
+      return 1;
+    }
+    case "spiral": {
+      const cx = cols / 2;
+      const cy = rows / 2;
+      const dx = x - cx;
+      const dy = y - cy;
+      const angle = Math.atan2(dy, dx);
+      const dist = Math.sqrt(dx * dx + dy * dy);
+      const maxDist = Math.sqrt(cx * cx + cy * cy);
+      const spiral = Math.sin(angle * 3 + dist / maxDist * Math.PI * 8 - t * 3) * 0.5 + 0.5;
+      return 0.15 + 0.85 * spiral;
+    }
+    case "typewriter": {
+      const totalCells = cols * rows;
+      const cellIndex = y * cols + x;
+      const progress = t * 0.5 % 1;
+      const revealPoint = progress * totalCells * 1.3;
+      const dist = cellIndex - revealPoint;
+      if (dist > 0) return 0;
+      const fade = Math.max(0, 1 + dist / (totalCells * 0.15));
+      return Math.min(1, fade);
+    }
+    case "scatter": {
+      const scx = cols / 2;
+      const scy = rows / 2;
+      const sdx = x - scx;
+      const sdy = y - scy;
+      const sdist = Math.sqrt(sdx * sdx + sdy * sdy) / Math.sqrt(scx * scx + scy * scy);
+      const phase = Math.sin(t * 1.5) * 0.5 + 0.5;
+      const threshold = phase;
+      if (sdist > threshold) {
+        return Math.max(0, 1 - (sdist - threshold) * 3);
+      }
+      return 0.7 + 0.3 * Math.sin(sdist * 10 - t * 2);
+    }
+    default:
+      return 1;
+  }
+}
+function imageToAsciiFrame(source, options, targetWidth, targetHeight) {
+  const srcWidth = source instanceof HTMLVideoElement ? source.videoWidth : source.width;
+  const srcHeight = source instanceof HTMLVideoElement ? source.videoHeight : source.height;
+  if (srcWidth === 0 || srcHeight === 0) {
+    return { frame: [], cols: 0, rows: 0 };
+  }
+  const charAspect = 0.55;
+  const cellW = options.fontSize * options.charSpacing;
+  const cellH = options.fontSize / charAspect * options.charSpacing;
+  const renderW = targetWidth || srcWidth;
+  const renderH = targetHeight || srcHeight;
+  const cols = Math.floor(renderW / cellW);
+  const rows = Math.floor(renderH / cellH);
+  if (cols <= 0 || rows <= 0) {
+    return { frame: [], cols: 0, rows: 0 };
+  }
+  const { ctx } = createOffscreenCanvas(cols, rows);
+  ctx.drawImage(source, 0, 0, cols, rows);
+  const imageData = ctx.getImageData(0, 0, cols, rows);
+  const pixels = imageData.data;
+  const frame = [];
+  for (let y = 0; y < rows; y++) {
+    const row = [];
+    for (let x = 0; x < cols; x++) {
+      const i = (y * cols + x) * 4;
+      const r = pixels[i];
+      const g = pixels[i + 1];
+      const b = pixels[i + 2];
+      const a = pixels[i + 3];
+      const lum = 0.299 * r + 0.587 * g + 0.114 * b;
+      const adjustedLum = adjustLuminance(lum, options.brightness, options.contrast);
+      const ditheredLum = applyDither(adjustedLum, x, y, options.ditherStrength);
+      const char = luminanceToChar(ditheredLum, options.charset, options.invert);
+      row.push({ char, r, g, b, a });
+    }
+    frame.push(row);
+  }
+  return { frame, cols, rows };
+}
+async function videoToAsciiFrames(video, options, targetWidth, targetHeight, targetFps = 12, maxDuration = 10, onProgress) {
+  const duration = Math.min(video.duration, maxDuration);
+  const totalFrames = Math.ceil(duration * targetFps);
+  const frames = [];
+  let cols = 0;
+  let rows = 0;
+  for (let i = 0; i < totalFrames; i++) {
+    const time = i / targetFps;
+    if (time > duration) break;
+    video.currentTime = time;
+    await new Promise((resolve) => {
+      const handler = () => {
+        video.removeEventListener("seeked", handler);
+        resolve();
+      };
+      video.addEventListener("seeked", handler);
+    });
+    const result = imageToAsciiFrame(video, options, targetWidth, targetHeight);
+    frames.push(result.frame);
+    cols = result.cols;
+    rows = result.rows;
+    onProgress?.((i + 1) / totalFrames);
+  }
+  return { frames, cols, rows, fps: targetFps };
+}
+async function gifToAsciiFrames(buffer, options, targetWidth, targetHeight, onProgress) {
+  const gif = gifuctJs.parseGIF(buffer);
+  const rawFrames = gifuctJs.decompressFrames(gif, true);
+  if (rawFrames.length === 0) {
+    return { frames: [], cols: 0, rows: 0, fps: 10 };
+  }
+  const gifW = rawFrames[0].dims.width;
+  const gifH = rawFrames[0].dims.height;
+  const logicalW = gif.lsd?.width || gifW;
+  const logicalH = gif.lsd?.height || gifH;
+  const compCanvas = document.createElement("canvas");
+  compCanvas.width = logicalW;
+  compCanvas.height = logicalH;
+  const compCtx = compCanvas.getContext("2d");
+  const prevCanvas = document.createElement("canvas");
+  prevCanvas.width = logicalW;
+  prevCanvas.height = logicalH;
+  const prevCtx = prevCanvas.getContext("2d");
+  const frames = [];
+  let cols = 0;
+  let rows = 0;
+  let totalDelay = 0;
+  for (const f of rawFrames) {
+    totalDelay += f.delay || 100;
+  }
+  const avgDelay = totalDelay / rawFrames.length;
+  const fps = Math.round(Math.min(30, Math.max(5, 1e3 / avgDelay)));
+  const maxFrames = Math.min(rawFrames.length, 300);
+  for (let i = 0; i < maxFrames; i++) {
+    const f = rawFrames[i];
+    const { dims, patch, disposalType } = f;
+    if (disposalType === 3) {
+      prevCtx.clearRect(0, 0, logicalW, logicalH);
+      prevCtx.drawImage(compCanvas, 0, 0);
+    }
+    const frameImageData = new ImageData(patch, dims.width, dims.height);
+    const tempCanvas = document.createElement("canvas");
+    tempCanvas.width = dims.width;
+    tempCanvas.height = dims.height;
+    const tempCtx = tempCanvas.getContext("2d");
+    tempCtx.putImageData(frameImageData, 0, 0);
+    compCtx.drawImage(tempCanvas, dims.left || 0, dims.top || 0);
+    const result = imageToAsciiFrame(compCanvas, options, targetWidth, targetHeight);
+    frames.push(result.frame);
+    cols = result.cols;
+    rows = result.rows;
+    if (disposalType === 2) {
+      compCtx.clearRect(dims.left || 0, dims.top || 0, dims.width, dims.height);
+    } else if (disposalType === 3) {
+      compCtx.clearRect(0, 0, logicalW, logicalH);
+      compCtx.drawImage(prevCanvas, 0, 0);
+    }
+    onProgress?.((i + 1) / maxFrames);
+  }
+  return { frames, cols, rows, fps };
+}
+function smoothstep(t) {
+  return t * t * (3 - 2 * t);
+}
+var _hoverResult = { scale: 1, offsetX: 0, offsetY: 0, glow: 0, colorBlend: 0, proximity: 0 };
+function computeHoverEffect(nx, ny, hoverX, hoverY, hoverIntensity, strength, cellW, cellH, effect = "spotlight", radiusFactor = 0.5) {
+  const dx = nx - hoverX;
+  const dy = ny - hoverY;
+  const distSq = dx * dx + dy * dy;
+  const radius = 0.08 + radiusFactor * 0.35 + strength * 0.04;
+  if (distSq >= radius * radius) {
+    _hoverResult.scale = 1;
+    _hoverResult.offsetX = 0;
+    _hoverResult.offsetY = 0;
+    _hoverResult.glow = 0;
+    _hoverResult.colorBlend = 0;
+    _hoverResult.proximity = 0;
+    return _hoverResult;
+  }
+  const dist = Math.sqrt(distSq);
+  const t = 1 - dist / radius;
+  const eased = smoothstep(t) * hoverIntensity;
+  let scale = 1;
+  let offsetX = 0;
+  let offsetY = 0;
+  let glow = 0;
+  let colorBlend = 0;
+  switch (effect) {
+    case "spotlight": {
+      scale = 1 + eased * strength * 1.8;
+      const angle = Math.atan2(dy, dx);
+      const pushForce = eased * eased * strength * 0.6;
+      offsetX = Math.cos(angle) * pushForce * cellW;
+      offsetY = Math.sin(angle) * pushForce * cellH;
+      glow = eased * strength * 0.4;
+      colorBlend = eased * eased * strength * 0.25;
+      break;
+    }
+    case "magnify":
+      scale = 1 + eased * strength * 2.5;
+      glow = eased * strength * 0.15;
+      break;
+    case "repel": {
+      scale = 1 + eased * strength * 0.3;
+      const angle2 = Math.atan2(dy, dx);
+      const push = eased * eased * strength * 1.2;
+      offsetX = Math.cos(angle2) * push * cellW;
+      offsetY = Math.sin(angle2) * push * cellH;
+      break;
+    }
+    case "glow":
+      glow = eased * strength * 0.8;
+      colorBlend = eased * strength * 0.4;
+      break;
+    case "colorShift":
+      scale = 1 + eased * strength * 0.4;
+      glow = eased * strength * 0.2;
+      colorBlend = eased * strength * 0.7;
+      break;
+  }
+  _hoverResult.scale = scale;
+  _hoverResult.offsetX = offsetX;
+  _hoverResult.offsetY = offsetY;
+  _hoverResult.glow = glow;
+  _hoverResult.colorBlend = colorBlend;
+  _hoverResult.proximity = eased;
+  return _hoverResult;
+}
+function renderFrameToCanvas(ctx, frame, options, canvasWidth, canvasHeight, time = 0, hoverPos) {
+  const rows = frame.length;
+  if (rows === 0) return;
+  const cols = frame[0].length;
+  ctx.clearRect(0, 0, canvasWidth, canvasHeight);
+  let hasTransparency = false;
+  const sampleStepY = Math.max(1, rows >> 2);
+  const sampleStepX = Math.max(1, cols >> 2);
+  outer:
+    for (let sampleY = 0; sampleY < rows; sampleY += sampleStepY) {
+      const row = frame[sampleY];
+      for (let sampleX = 0; sampleX < cols; sampleX += sampleStepX) {
+        if (row[sampleX].a < 200) {
+          hasTransparency = true;
+          break outer;
+        }
+      }
+    }
+  if (!hasTransparency) {
+    ctx.fillStyle = "#0a0a0a";
+    ctx.fillRect(0, 0, canvasWidth, canvasHeight);
+  }
+  const cellW = canvasWidth / cols;
+  const cellH = canvasHeight / rows;
+  const hoverIntensity = hoverPos?.intensity ?? 1;
+  const hoverActive = !!(hoverPos && options.hoverStrength > 0 && hoverIntensity > 5e-3);
+  const hc = options.hoverColor || "#ffffff";
+  const hcR = parseInt(hc.slice(1, 3), 16) || 255;
+  const hcG = parseInt(hc.slice(3, 5), 16) || 255;
+  const hcB = parseInt(hc.slice(5, 7), 16) || 255;
+  const acHex = (options.accentColor || "#ffffff").replace("#", "");
+  const acR = parseInt(acHex.substring(0, 2), 16) || 255;
+  const acG = parseInt(acHex.substring(2, 4), 16) || 255;
+  const acB = parseInt(acHex.substring(4, 6), 16) || 255;
+  let hoverMinCol = 0, hoverMaxCol = cols, hoverMinRow = 0, hoverMaxRow = rows;
+  let hoverPosX = 0, hoverPosY = 0;
+  if (hoverActive && hoverPos) {
+    hoverPosX = hoverPos.x;
+    hoverPosY = hoverPos.y;
+    const hoverNormRadius = 0.08 + options.hoverRadius * 0.35 + options.hoverStrength * 0.04;
+    hoverMinCol = Math.max(0, Math.floor((hoverPosX - hoverNormRadius) * cols) - 1);
+    hoverMaxCol = Math.min(cols, Math.ceil((hoverPosX + hoverNormRadius) * cols) + 1);
+    hoverMinRow = Math.max(0, Math.floor((hoverPosY - hoverNormRadius) * rows) - 1);
+    hoverMaxRow = Math.min(rows, Math.ceil((hoverPosY + hoverNormRadius) * rows) + 1);
+  }
+  const animStyle = options.animationStyle;
+  const animSpeed = options.animationSpeed;
+  const noAnimation = animStyle === "none";
+  const hoverStrength = options.hoverStrength;
+  const hoverEffect = options.hoverEffect;
+  const hoverRadiusFactor = options.hoverRadius;
+  const isInverted = options.invert;
+  const colorMode = options.colorMode;
+  const TWO_PI = Math.PI * 2;
+  const invCols = 1 / cols;
+  const invRows = 1 / rows;
+  let lastFillStyle = "";
+  let lastAlpha = -1;
+  if (options.renderMode === "dots") {
+    const maxRadius = Math.min(cellW, cellH) * 0.5 * options.dotSizeRatio;
+    for (let y = 0; y < rows; y++) {
+      const rowData = frame[y];
+      for (let x = 0; x < cols; x++) {
+        const cell = rowData[x];
+        if (cell.a < 10) continue;
+        const lum = (0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b) * 0.00392156863;
+        const intensity = isInverted ? 1 - lum : lum;
+        if (intensity < 0.02) continue;
+        const animMul = noAnimation ? 1 : getAnimationMultiplier(x, y, cols, rows, time, animStyle, animSpeed);
+        let hoverMul = 1;
+        let hoverOffX = 0;
+        let hoverOffY = 0;
+        let hoverGlow = 0;
+        let hoverBlend = 0;
+        if (hoverActive && x >= hoverMinCol && x <= hoverMaxCol && y >= hoverMinRow && y <= hoverMaxRow) {
+          const fx = computeHoverEffect(
+            x * invCols,
+            y * invRows,
+            hoverPosX,
+            hoverPosY,
+            hoverIntensity,
+            hoverStrength,
+            cellW,
+            cellH,
+            hoverEffect,
+            hoverRadiusFactor
+          );
+          hoverMul = fx.scale;
+          hoverOffX = fx.offsetX;
+          hoverOffY = fx.offsetY;
+          hoverGlow = fx.glow;
+          hoverBlend = fx.colorBlend;
+        }
+        const radius = maxRadius * intensity * animMul * hoverMul;
+        if (radius < 0.3) continue;
+        const px = x * cellW + cellW * 0.5 + hoverOffX;
+        const py = y * cellH + cellH * 0.5 + hoverOffY;
+        let color;
+        if (hoverBlend > 0) {
+          const rgb = getCellColorRGB(cell, colorMode, acR, acG, acB);
+          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);
+        }
+        const alpha = Math.min(1, cell.a * 0.00392156863 * animMul * (1 + hoverGlow));
+        if (alpha !== lastAlpha) {
+          ctx.globalAlpha = alpha;
+          lastAlpha = alpha;
+        }
+        if (color !== lastFillStyle) {
+          ctx.fillStyle = color;
+          lastFillStyle = color;
+        }
+        if (radius <= 1.5) {
+          const d = radius * 2;
+          ctx.fillRect(px - radius, py - radius, d, d);
+        } else {
+          ctx.beginPath();
+          ctx.arc(px, py, radius, 0, TWO_PI);
+          ctx.fill();
+        }
+      }
+    }
+  } else {
+    const charAspect = 0.55;
+    const fontSize = Math.min(cellW / charAspect, cellH) * 0.9;
+    ctx.font = `${fontSize}px "JetBrains Mono", monospace`;
+    ctx.textAlign = "center";
+    ctx.textBaseline = "middle";
+    const baseTransform = ctx.getTransform();
+    for (let y = 0; y < rows; y++) {
+      const rowData = frame[y];
+      for (let x = 0; x < cols; x++) {
+        const cell = rowData[x];
+        if (cell.char === " " || cell.a < 10) continue;
+        const animMul = noAnimation ? 1 : getAnimationMultiplier(x, y, cols, rows, time, animStyle, animSpeed);
+        if (animMul < 0.05) continue;
+        let hoverScale = 1;
+        let hoverOffX = 0;
+        let hoverOffY = 0;
+        let hoverGlow = 0;
+        let hoverBlend = 0;
+        if (hoverActive && x >= hoverMinCol && x <= hoverMaxCol && y >= hoverMinRow && y <= hoverMaxRow) {
+          const fx = computeHoverEffect(
+            x * invCols,
+            y * invRows,
+            hoverPosX,
+            hoverPosY,
+            hoverIntensity,
+            hoverStrength,
+            cellW,
+            cellH,
+            hoverEffect,
+            hoverRadiusFactor
+          );
+          hoverScale = fx.scale;
+          hoverOffX = fx.offsetX;
+          hoverOffY = fx.offsetY;
+          hoverGlow = fx.glow;
+          hoverBlend = fx.colorBlend;
+        }
+        const px = x * cellW + cellW * 0.5 + hoverOffX;
+        const py = y * cellH + cellH * 0.5 + hoverOffY;
+        const alpha = Math.min(1, cell.a * 0.00392156863 * animMul * (1 + hoverGlow));
+        if (alpha !== lastAlpha) {
+          ctx.globalAlpha = alpha;
+          lastAlpha = alpha;
+        }
+        let color;
+        if (hoverBlend > 0) {
+          const rgb = getCellColorRGB(cell, colorMode, acR, acG, acB);
+          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);
+        }
+        if (color !== lastFillStyle) {
+          ctx.fillStyle = color;
+          lastFillStyle = color;
+        }
+        if (hoverScale !== 1) {
+          ctx.translate(px, py);
+          ctx.scale(hoverScale, hoverScale);
+          ctx.fillText(cell.char, 0, 0);
+          ctx.setTransform(baseTransform);
+        } else {
+          ctx.fillText(cell.char, px, py);
+        }
+      }
+    }
+  }
+  ctx.globalAlpha = 1;
+}
+function serializeFrame(frame, includeChars) {
+  return frame.map((row) => row.map((cell) => {
+    const obj = { r: cell.r, g: cell.g, b: cell.b, a: cell.a };
+    if (includeChars) obj.c = cell.char.charCodeAt(0);
+    else obj.l = Math.round(0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b);
+    return obj;
+  }));
+}
+function buildAnimFnJS(style, speed) {
+  if (style === "none") return "function(){return 1}";
+  return `function(x,y,cols,rows,t){
+  var s=${speed},T=t*s;
+  ${style === "wave" ? `var w=Math.sin(x/cols*Math.PI*4+T*3)*.5+.5,w2=Math.sin(y/rows*Math.PI*3+T*2)*.5+.5;return .3+.7*(w*.6+w2*.4);` : ""}${style === "pulse" ? `var cx=cols/2,cy=rows/2,d=Math.sqrt((x-cx)*(x-cx)+(y-cy)*(y-cy)),m=Math.sqrt(cx*cx+cy*cy);return .2+.8*(Math.sin(d/m*Math.PI*6-T*4)*.5+.5);` : ""}${style === "rain" ? `return .1+.9*(Math.sin(y/rows*Math.PI*8-T*5+x*.3)*.5+.5)*(Math.sin(x/cols*Math.PI*2+T)*.3+.7);` : ""}${style === "breathe" ? `return Math.max(.1,Math.min(1,Math.sin(T*2)*.3+.7+Math.sin((x+y)*.1+T)*.1));` : ""}${style === "sparkle" ? `var h=Math.sin(x*127.1+y*311.7+Math.floor(T*8)*43758.5453)*43758.5453;var sp=h-Math.floor(h);return sp>.7?1:.15+sp*.4;` : ""}${style === "glitch" ? `var b=Math.floor(y/(rows*.05)),gh=Math.sin(b*43.23+Math.floor(T*6)*17.89)*43758.5453,gv=gh-Math.floor(gh);if(gv>.85){var fl=Math.sin(T*30+b)*.5+.5;return fl<.3?0:fl}return 1;` : ""}${style === "spiral" ? `var cx=cols/2,cy=rows/2,dx=x-cx,dy=y-cy,a=Math.atan2(dy,dx),d=Math.sqrt(dx*dx+dy*dy),m=Math.sqrt(cx*cx+cy*cy);return .15+.85*(Math.sin(a*3+d/m*Math.PI*8-T*3)*.5+.5);` : ""}${style === "typewriter" ? `var tc=cols*rows,ci=y*cols+x,p=(T*.5)%1,rp=p*tc*1.3,dd=ci-rp;if(dd>0)return 0;return Math.min(1,Math.max(0,1+dd/(tc*.15)));` : ""}${style === "scatter" ? `var cx=cols/2,cy=rows/2,dx=x-cx,dy=y-cy,sd=Math.sqrt(dx*dx+dy*dy)/Math.sqrt(cx*cx+cy*cy),ph=Math.sin(T*1.5)*.5+.5;if(sd>ph)return Math.max(0,1-(sd-ph)*3);return .7+.3*Math.sin(sd*10-T*2);` : ""}
+}`;
+}
+function buildColorFnJS(options) {
+  switch (options.colorMode) {
+    case "fullcolor":
+      return `function(c){return 'rgb('+c.r+','+c.g+','+c.b+')'}`;
+    case "matrix":
+      return `function(c){var b=Math.floor(.299*c.r+.587*c.g+.114*c.b);return 'rgb(0,'+b+',0)'}`;
+    case "accent": {
+      const hex = options.accentColor.replace("#", "");
+      const ar = parseInt(hex.substring(0, 2), 16);
+      const ag = parseInt(hex.substring(2, 4), 16);
+      const ab = parseInt(hex.substring(4, 6), 16);
+      return `function(c){var b=(.299*c.r+.587*c.g+.114*c.b)/255;return 'rgb('+Math.floor(${ar}*b)+','+Math.floor(${ag}*b)+','+Math.floor(${ab}*b)+')'}`;
+    }
+    default:
+      return `function(c){var g=Math.floor(.299*c.r+.587*c.g+.114*c.b);return 'rgb('+g+','+g+','+g+')'}`;
+  }
+}
+function generateEmbedCode(frame, options, width, height) {
+  const rows = frame.length;
+  if (rows === 0) return "";
+  const cols = frame[0].length;
+  const isDots = options.renderMode === "dots";
+  const data = serializeFrame(frame, !isDots);
+  const hasAnim = options.animationStyle !== "none";
+  const hasHover = options.hoverStrength > 0;
+  const charset = isDots ? "" : options.charset;
+  const hc = options.hoverColor || "#ffffff";
+  const hcR = parseInt(hc.slice(1, 3), 16) || 255;
+  const hcG = parseInt(hc.slice(3, 5), 16) || 255;
+  const hcB = parseInt(hc.slice(5, 7), 16) || 255;
+  const hasTransparency = frame.some((row) => row.some((cell) => cell.a < 200));
+  return `<!-- Asciify Embed -->
+<canvas id="ar-embed" width="${width}" height="${height}" style="${hasTransparency ? "" : "background:#0a0a0a;"}display:block;"></canvas>
+<script>
+(function(){
+  var D=${JSON.stringify(data)};
+  var R=${rows},C=${cols},W=${width},H=${height};
+  var cW=W/C,cH=H/R;
+  var isDots=${isDots};
+  var invert=${options.invert};
+  var dotR=${options.dotSizeRatio};
+  var hStr=${options.hoverStrength},hRad=${options.hoverRadius};
+  var hcR=${hcR},hcG=${hcG},hcB=${hcB};
+  var hEff='${options.hoverEffect}';
+  var charset=${JSON.stringify(charset)};
+  var hasTr=${hasTransparency};
+  var cv=document.getElementById('ar-embed'),ctx=cv.getContext('2d');
+  var mx=-1,my=-1,mIn=0;
+  var getColor=${buildColorFnJS(options)};
+  var getAnim=${buildAnimFnJS(options.animationStyle, options.animationSpeed)};
+  ${hasHover ? `
+  cv.addEventListener('mousemove',function(e){var r=cv.getBoundingClientRect();mx=(e.clientX-r.left)/r.width;my=(e.clientY-r.top)/r.height});
+  cv.addEventListener('mouseleave',function(){mx=-1;my=-1});
+  function ss(t){return t*t*(3-2*t)}
+  ` : ""}
+  var smX=.5,smY=.5;
+  function draw(t){
+    var time=t/1000;
+    ctx.clearRect(0,0,W,H);
+    if(!hasTr){ctx.fillStyle='#0a0a0a';ctx.fillRect(0,0,W,H)};
+    ${hasHover ? `
+    if(mx>=0){smX+=(mx-smX)*.1;smY+=(my-smY)*.1;mIn+=(1-mIn)*.12}
+    else{mIn*=.96;if(mIn<.003)mIn=0}
+    ` : ""}
+    for(var y=0;y<R;y++)for(var x=0;x<C;x++){
+      var p=D[y][x];if(p.a<10)continue;
+      var am=getAnim(x,y,C,R,time);if(am<.05)continue;
+      var sc=1,ox=0,oy=0,gl=0,cb=0;
+      ${hasHover ? `
+      if(mIn>.003&&hStr>0){
+        var nx=x/C,ny=y/R,dx=nx-smX,dy=ny-smY,dd=Math.sqrt(dx*dx+dy*dy);
+        var rad=(.08+hRad*.35)+hStr*.04;
+        if(dd<rad){
+          var tt=1-dd/rad,e=ss(tt)*mIn,ang=Math.atan2(dy,dx);
+          if(hEff==='spotlight'){sc=1+e*hStr*1.8;var pf=e*e*hStr*.6;ox=Math.cos(ang)*pf*cW;oy=Math.sin(ang)*pf*cH;gl=e*hStr*.4;cb=e*e*hStr*.25}
+          else if(hEff==='magnify'){sc=1+e*hStr*2.5;gl=e*hStr*.15}
+          else if(hEff==='repel'){sc=1+e*hStr*.3;var pf=e*e*hStr*1.2;ox=Math.cos(ang)*pf*cW;oy=Math.sin(ang)*pf*cH}
+          else if(hEff==='glow'){gl=e*hStr*.8;cb=e*hStr*.4}
+          else if(hEff==='colorShift'){sc=1+e*hStr*.4;gl=e*hStr*.2;cb=e*hStr*.7}
+        }
+      }
+      ` : ""}
+      var px=x*cW+cW/2+ox,py=y*cH+cH/2+oy;
+      var col=getColor(p);
+      if(cb>0){var m=col.match(/rgb\\((\\d+),(\\d+),(\\d+)\\)/);if(m){var rr=+m[1],gg=+m[2],bb=+m[3];col='rgb('+Math.min(255,Math.round(rr+(hcR-rr)*cb))+','+Math.min(255,Math.round(gg+(hcG-gg)*cb))+','+Math.min(255,Math.round(bb+(hcB-bb)*cb))+')'}}
+      if(isDots){
+        var lum=p.l/255;var int=invert?1-lum:lum;if(int<.02)continue;
+        var rad=Math.min(cW,cH)*.5*dotR*int*am*sc;if(rad<.3)continue;
+        ctx.globalAlpha=Math.min(1,(p.a/255)*am*(1+gl));
+        ctx.fillStyle=col;ctx.beginPath();ctx.arc(px,py,rad,0,Math.PI*2);ctx.fill()
+      }else{
+        var lum=(.299*p.r+.587*p.g+.114*p.b)/255;if(invert)lum=1-lum;
+        var ci=Math.floor(lum*(charset.length-1));
+        var ch=charset[Math.max(0,Math.min(charset.length-1,ci))];
+        if(ch===' ')continue;
+        ctx.globalAlpha=Math.min(1,(p.a/255)*am*(1+gl));
+        ctx.fillStyle=col;
+        var fs=Math.min(cW/.55,cH)*.9*sc;
+        ctx.font=fs+'px "JetBrains Mono",monospace';ctx.textAlign='center';ctx.textBaseline='middle';
+        ctx.fillText(ch,px,py)
+      }
+    }
+    ctx.globalAlpha=1;
+    ${hasAnim || hasHover ? "requestAnimationFrame(draw)" : ""};
+  }
+  ${hasAnim || hasHover ? "requestAnimationFrame(draw)" : "draw(0)"};
+})();
+</script>
+<!-- /Asciify Embed -->`;
+}
+function generateAnimatedEmbedCode(frames, options, fps, width, height) {
+  const rows = frames[0].length;
+  const cols = frames[0][0].length;
+  const isDots = options.renderMode === "dots";
+  const allData = frames.map((f) => serializeFrame(f, !isDots));
+  const hasHover = options.hoverStrength > 0;
+  const hc = options.hoverColor || "#ffffff";
+  const hcR = parseInt(hc.slice(1, 3), 16) || 255;
+  const hcG = parseInt(hc.slice(3, 5), 16) || 255;
+  const hcB = parseInt(hc.slice(5, 7), 16) || 255;
+  const charset = isDots ? "" : options.charset;
+  const hasTransparency = frames.some((f) => f.some((row) => row.some((cell) => cell.a < 200)));
+  return `<!-- Asciify Animated Embed -->
+<canvas id="ar-anim" width="${width}" height="${height}" style="${hasTransparency ? "" : "background:#0a0a0a;"}display:block;"></canvas>
+<script>
+(function(){
+  var F=${JSON.stringify(allData)};
+  var R=${rows},C=${cols},W=${width},H=${height},FPS=${fps};
+  var cW=W/C,cH=H/R;
+  var isDots=${isDots};
+  var invert=${options.invert};
+  var dotR=${options.dotSizeRatio};
+  var hStr=${options.hoverStrength},hRad=${options.hoverRadius};
+  var hcR=${hcR},hcG=${hcG},hcB=${hcB};
+  var hEff='${options.hoverEffect}';
+  var charset=${JSON.stringify(charset)};
+  var hasTr=${hasTransparency};
+  var cv=document.getElementById('ar-anim'),ctx=cv.getContext('2d');
+  var mx=-1,my=-1,mIn=0,smX=.5,smY=.5;
+  var fi=0,lastT=0;
+  var getColor=${buildColorFnJS(options)};
+  ${hasHover ? `
+  cv.addEventListener('mousemove',function(e){var r=cv.getBoundingClientRect();mx=(e.clientX-r.left)/r.width;my=(e.clientY-r.top)/r.height});
+  cv.addEventListener('mouseleave',function(){mx=-1;my=-1});
+  function ss(t){return t*t*(3-2*t)}
+  ` : ""}
+  function draw(t){
+    var time=t/1000;
+    if(t-lastT>=1000/FPS){fi=(fi+1)%F.length;lastT=t}
+    var D=F[fi];
+    ctx.clearRect(0,0,W,H);if(!hasTr){ctx.fillStyle='#0a0a0a';ctx.fillRect(0,0,W,H)};
+    ${hasHover ? `
+    if(mx>=0){smX+=(mx-smX)*.1;smY+=(my-smY)*.1;mIn+=(1-mIn)*.12}
+    else{mIn*=.96;if(mIn<.003)mIn=0}
+    ` : ""}
+    for(var y=0;y<R;y++)for(var x=0;x<C;x++){
+      var p=D[y][x];if(p.a<10)continue;
+      var sc=1,ox=0,oy=0,gl=0,cb=0;
+      ${hasHover ? `
+      if(mIn>.003&&hStr>0){
+        var nx=x/C,ny=y/R,dx=nx-smX,dy=ny-smY,dd=Math.sqrt(dx*dx+dy*dy);
+        var rad=(.08+hRad*.35)+hStr*.04;
+        if(dd<rad){
+          var tt=1-dd/rad,e=ss(tt)*mIn,ang=Math.atan2(dy,dx);
+          if(hEff==='spotlight'){sc=1+e*hStr*1.8;var pf=e*e*hStr*.6;ox=Math.cos(ang)*pf*cW;oy=Math.sin(ang)*pf*cH;gl=e*hStr*.4;cb=e*e*hStr*.25}
+          else if(hEff==='magnify'){sc=1+e*hStr*2.5;gl=e*hStr*.15}
+          else if(hEff==='repel'){sc=1+e*hStr*.3;var pf=e*e*hStr*1.2;ox=Math.cos(ang)*pf*cW;oy=Math.sin(ang)*pf*cH}
+          else if(hEff==='glow'){gl=e*hStr*.8;cb=e*hStr*.4}
+          else if(hEff==='colorShift'){sc=1+e*hStr*.4;gl=e*hStr*.2;cb=e*hStr*.7}
+        }
+      }
+      ` : ""}
+      var px=x*cW+cW/2+ox,py=y*cH+cH/2+oy;
+      var col=getColor(p);
+      if(cb>0){var m=col.match(/rgb\\((\\d+),(\\d+),(\\d+)\\)/);if(m){var rr=+m[1],gg=+m[2],bb=+m[3];col='rgb('+Math.min(255,Math.round(rr+(hcR-rr)*cb))+','+Math.min(255,Math.round(gg+(hcG-gg)*cb))+','+Math.min(255,Math.round(bb+(hcB-bb)*cb))+')'}}
+      if(isDots){
+        var lum=p.l/255;var int=invert?1-lum:lum;if(int<.02)continue;
+        var rad=Math.min(cW,cH)*.5*dotR*int*sc;if(rad<.3)continue;
+        ctx.globalAlpha=Math.min(1,(p.a/255)*(1+gl));
+        ctx.fillStyle=col;ctx.beginPath();ctx.arc(px,py,rad,0,Math.PI*2);ctx.fill()
+      }else{
+        var lum=(.299*p.r+.587*p.g+.114*p.b)/255;if(invert)lum=1-lum;
+        var ci=Math.floor(lum*(charset.length-1));
+        var ch=charset[Math.max(0,Math.min(charset.length-1,ci))];
+        if(ch===' ')continue;
+        ctx.globalAlpha=Math.min(1,(p.a/255)*(1+gl));
+        ctx.fillStyle=col;
+        var fs=Math.min(cW/.55,cH)*.9*sc;
+        ctx.font=fs+'px "JetBrains Mono",monospace';ctx.textAlign='center';ctx.textBaseline='middle';
+        ctx.fillText(ch,px,py)
+      }
+    }
+    ctx.globalAlpha=1;
+    requestAnimationFrame(draw);
+  }
+  requestAnimationFrame(draw);
+})();
+</script>
+<!-- /Asciify Animated Embed -->`;
+}
+
+exports.ART_STYLE_PRESETS = ART_STYLE_PRESETS;
+exports.CHARSETS = CHARSETS;
+exports.DEFAULT_OPTIONS = DEFAULT_OPTIONS;
+exports.HOVER_PRESETS = HOVER_PRESETS;
+exports.generateAnimatedEmbedCode = generateAnimatedEmbedCode;
+exports.generateEmbedCode = generateEmbedCode;
+exports.gifToAsciiFrames = gifToAsciiFrames;
+exports.imageToAsciiFrame = imageToAsciiFrame;
+exports.renderFrameToCanvas = renderFrameToCanvas;
+exports.videoToAsciiFrames = videoToAsciiFrames;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map