@opentui/core 0.1.88 → 0.1.89

package/{index-nyw5p3ep.js → index-rs5zwr4j.js}

@@ -37,6 +37,7 @@ import {
   StdinParser,
   StyledText,
   SystemClock,
+  TargetChannel,
   TerminalConsole,
   TerminalPalette,
   TextAttributes,
@@ -45,6 +46,7 @@ import {
   __export,
   addDefaultParsers,
   attributesWithLink,
+  basenameToFiletype,
   bg,
   bgBlack,
   bgBlue,
@@ -87,6 +89,7 @@ import {
   envRegistry,
   exports_src,
   extToFiletype,
+  extensionToFiletype,
   fg,
   fonts,
   generateEnvColored,
@@ -105,6 +108,7 @@ import {
   hastToStyledText,
   hexToRgb,
   hsvToRgb,
+  infoStringToFiletype,
   instantiate,
   isRenderable,
   isStyledText,
@@ -158,7 +162,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-nkrr8a4c.js";
+} from "./index-e89anq5x.js";
 
 // src/index.ts
 var exports_src2 = {};
@@ -217,6 +221,7 @@ __export(exports_src2, {
   isStyledText: () => isStyledText,
   isRenderable: () => isRenderable,
   instantiate: () => instantiate,
+  infoStringToFiletype: () => infoStringToFiletype,
   hsvToRgb: () => hsvToRgb,
   hexToRgb: () => hexToRgb,
   hastToStyledText: () => hastToStyledText,
@@ -233,6 +238,7 @@ __export(exports_src2, {
   generateEnvColored: () => generateEnvColored,
   fonts: () => fonts,
   fg: () => fg,
+  extensionToFiletype: () => extensionToFiletype,
   extToFiletype: () => extToFiletype,
   envRegistry: () => envRegistry,
   env: () => env,
@@ -277,17 +283,18 @@ __export(exports_src2, {
   bgBlue: () => bgBlue,
   bgBlack: () => bgBlack,
   bg: () => bg,
+  basenameToFiletype: () => basenameToFiletype,
   attributesWithLink: () => attributesWithLink,
-  applySepia: () => applySepia,
   applyScanlines: () => applyScanlines,
+  applySaturation: () => applySaturation,
   applyNoise: () => applyNoise,
   applyInvert: () => applyInvert,
-  applyGrayscale: () => applyGrayscale,
+  applyGain: () => applyGain,
   applyChromaticAberration: () => applyChromaticAberration,
+  applyBrightness: () => applyBrightness,
   applyAsciiArt: () => applyAsciiArt,
   addDefaultParsers: () => addDefaultParsers,
   Yoga: () => exports_src,
-  VignetteEffect: () => VignetteEffect,
   VRenderable: () => VRenderable,
   TreeSitterClient: () => TreeSitterClient,
   Timeline: () => Timeline,
@@ -303,6 +310,7 @@ __export(exports_src2, {
   Text: () => Text,
   TerminalPalette: () => TerminalPalette,
   TerminalConsole: () => TerminalConsole,
+  TargetChannel: () => TargetChannel,
   TabSelectRenderableEvents: () => TabSelectRenderableEvents,
   TabSelectRenderable: () => TabSelectRenderable,
   TabSelect: () => TabSelect,
@@ -350,7 +358,6 @@ __export(exports_src2, {
   ExtmarksController: () => ExtmarksController,
   EditorView: () => EditorView,
   EditBuffer: () => EditBuffer,
-  DistortionEffect: () => DistortionEffect,
   DiffRenderable: () => DiffRenderable,
   DebugOverlayCorner: () => DebugOverlayCorner,
   DataPathsManager: () => DataPathsManager,
@@ -359,12 +366,10 @@ __export(exports_src2, {
   Code: () => Code,
   CliRenderer: () => CliRenderer,
   CliRenderEvents: () => CliRenderEvents,
-  BrightnessEffect: () => BrightnessEffect,
   BoxRenderable: () => BoxRenderable,
   Box: () => Box,
   BorderChars: () => BorderChars,
   BorderCharArrays: () => BorderCharArrays,
-  BlurEffect: () => BlurEffect,
   BloomEffect: () => BloomEffect,
   BaseRenderable: () => BaseRenderable,
   ArrowRenderable: () => ArrowRenderable,
@@ -1199,94 +1204,100 @@ class SyntaxStyle {
 }
 // src/post/filters.ts
 function applyScanlines(buffer, strength = 0.8, step = 2) {
+  if (strength === 1 || step < 1)
+    return;
   const width = buffer.width;
   const height = buffer.height;
-  const bg2 = buffer.buffers.bg;
+  const affectedRows = Math.ceil(height / step);
+  const cellCount = width * affectedRows;
+  const cellMask = new Float32Array(cellCount * 3);
+  let maskIdx = 0;
   for (let y = 0;y < height; y += step) {
     for (let x = 0;x < width; x++) {
-      const colorIndex = (y * width + x) * 4;
-      bg2[colorIndex] *= strength;
-      bg2[colorIndex + 1] *= strength;
-      bg2[colorIndex + 2] *= strength;
-    }
-  }
+      cellMask[maskIdx++] = x;
+      cellMask[maskIdx++] = y;
+      cellMask[maskIdx++] = 1;
+    }
+  }
+  const s = strength;
+  const matrix = new Float32Array([
+    s,
+    0,
+    0,
+    0,
+    0,
+    s,
+    0,
+    0,
+    0,
+    0,
+    s,
+    0,
+    0,
+    0,
+    0,
+    1
+  ]);
+  buffer.colorMatrix(matrix, cellMask, 1, 2);
 }
-function applyGrayscale(buffer) {
-  const size = buffer.width * buffer.height;
-  const fg2 = buffer.buffers.fg;
-  const bg2 = buffer.buffers.bg;
-  for (let i = 0;i < size; i++) {
-    const colorIndex = i * 4;
-    const fgR = fg2[colorIndex];
-    const fgG = fg2[colorIndex + 1];
-    const fgB = fg2[colorIndex + 2];
-    const fgLum = 0.299 * fgR + 0.587 * fgG + 0.114 * fgB;
-    fg2[colorIndex] = fgLum;
-    fg2[colorIndex + 1] = fgLum;
-    fg2[colorIndex + 2] = fgLum;
-    const bgR = bg2[colorIndex];
-    const bgG = bg2[colorIndex + 1];
-    const bgB = bg2[colorIndex + 2];
-    const bgLum = 0.299 * bgR + 0.587 * bgG + 0.114 * bgB;
-    bg2[colorIndex] = bgLum;
-    bg2[colorIndex + 1] = bgLum;
-    bg2[colorIndex + 2] = bgLum;
-  }
-}
-function applySepia(buffer) {
-  const size = buffer.width * buffer.height;
-  const fg2 = buffer.buffers.fg;
-  const bg2 = buffer.buffers.bg;
-  for (let i = 0;i < size; i++) {
-    const colorIndex = i * 4;
-    let fgR = fg2[colorIndex];
-    let fgG = fg2[colorIndex + 1];
-    let fgB = fg2[colorIndex + 2];
-    let newFgR = Math.min(1, fgR * 0.393 + fgG * 0.769 + fgB * 0.189);
-    let newFgG = Math.min(1, fgR * 0.349 + fgG * 0.686 + fgB * 0.168);
-    let newFgB = Math.min(1, fgR * 0.272 + fgG * 0.534 + fgB * 0.131);
-    fg2[colorIndex] = newFgR;
-    fg2[colorIndex + 1] = newFgG;
-    fg2[colorIndex + 2] = newFgB;
-    let bgR = bg2[colorIndex];
-    let bgG = bg2[colorIndex + 1];
-    let bgB = bg2[colorIndex + 2];
-    let newBgR = Math.min(1, bgR * 0.393 + bgG * 0.769 + bgB * 0.189);
-    let newBgG = Math.min(1, bgR * 0.349 + bgG * 0.686 + bgB * 0.168);
-    let newBgB = Math.min(1, bgR * 0.272 + bgG * 0.534 + bgB * 0.131);
-    bg2[colorIndex] = newBgR;
-    bg2[colorIndex + 1] = newBgG;
-    bg2[colorIndex + 2] = newBgB;
-  }
-}
-function applyInvert(buffer) {
-  const size = buffer.width * buffer.height;
-  const fg2 = buffer.buffers.fg;
-  const bg2 = buffer.buffers.bg;
-  for (let i = 0;i < size; i++) {
-    const colorIndex = i * 4;
-    fg2[colorIndex] = 1 - fg2[colorIndex];
-    fg2[colorIndex + 1] = 1 - fg2[colorIndex + 1];
-    fg2[colorIndex + 2] = 1 - fg2[colorIndex + 2];
-    bg2[colorIndex] = 1 - bg2[colorIndex];
-    bg2[colorIndex + 1] = 1 - bg2[colorIndex + 1];
-    bg2[colorIndex + 2] = 1 - bg2[colorIndex + 2];
-  }
+function applyInvert(buffer, strength = 1) {
+  if (strength === 0)
+    return;
+  const matrix = new Float32Array([
+    -1,
+    0,
+    0,
+    1,
+    0,
+    -1,
+    0,
+    1,
+    0,
+    0,
+    -1,
+    1,
+    0,
+    0,
+    0,
+    1
+  ]);
+  buffer.colorMatrixUniform(matrix, strength, 3);
 }
 function applyNoise(buffer, strength = 0.1) {
-  const size = buffer.width * buffer.height;
-  const fg2 = buffer.buffers.fg;
-  const bg2 = buffer.buffers.bg;
-  for (let i = 0;i < size; i++) {
-    const colorIndex = i * 4;
-    const noise = (Math.random() - 0.5) * strength;
-    fg2[colorIndex] = Math.max(0, Math.min(1, fg2[colorIndex] + noise));
-    fg2[colorIndex + 1] = Math.max(0, Math.min(1, fg2[colorIndex + 1] + noise));
-    fg2[colorIndex + 2] = Math.max(0, Math.min(1, fg2[colorIndex + 2] + noise));
-    bg2[colorIndex] = Math.max(0, Math.min(1, bg2[colorIndex] + noise));
-    bg2[colorIndex + 1] = Math.max(0, Math.min(1, bg2[colorIndex + 1] + noise));
-    bg2[colorIndex + 2] = Math.max(0, Math.min(1, bg2[colorIndex + 2] + noise));
-  }
+  const width = buffer.width;
+  const height = buffer.height;
+  const size = width * height;
+  if (strength === 0)
+    return;
+  const cellMask = new Float32Array(size * 3);
+  let cellMaskIndex = 0;
+  for (let y = 0;y < height; y++) {
+    for (let x = 0;x < width; x++) {
+      cellMask[cellMaskIndex++] = x;
+      cellMask[cellMaskIndex++] = y;
+      cellMask[cellMaskIndex++] = (Math.random() - 0.5) * 2;
+    }
+  }
+  const b = 1 + strength;
+  const matrix = new Float32Array([
+    b,
+    0,
+    0,
+    0,
+    0,
+    b,
+    0,
+    0,
+    0,
+    0,
+    b,
+    0,
+    0,
+    0,
+    0,
+    1
+  ]);
+  buffer.colorMatrix(matrix, cellMask, 1, 3);
 }
 function applyChromaticAberration(buffer, strength = 1) {
   const width = buffer.width;
@@ -1312,7 +1323,7 @@ function applyChromaticAberration(buffer, strength = 1) {
     }
   }
 }
-function applyAsciiArt(buffer, ramp = " .:-=+*#%@") {
+function applyAsciiArt(buffer, ramp = ' .\'`^"",:;Il!i><~+_-?][}{1)(|\\/tfjrxnuvczXYUJCLQ0OZmwqpdbkhao*#MW&8%B@$', fgColor = { r: 1, g: 1, b: 1 }, bgColor = { r: 0, g: 0, b: 0 }) {
   const width = buffer.width;
   const height = buffer.height;
   const chars = buffer.buffers.char;
@@ -1330,437 +1341,143 @@ function applyAsciiArt(buffer, ramp = " .:-=+*#%@") {
       chars[index] = ramp[rampIndex].charCodeAt(0);
     }
   }
+  const fgMatrix = new Float32Array([
+    0,
+    0,
+    0,
+    fgColor.r,
+    0,
+    0,
+    0,
+    fgColor.g,
+    0,
+    0,
+    0,
+    fgColor.b,
+    0,
+    0,
+    0,
+    1
+  ]);
+  const bgMatrix = new Float32Array([
+    0,
+    0,
+    0,
+    bgColor.r,
+    0,
+    0,
+    0,
+    bgColor.g,
+    0,
+    0,
+    0,
+    bgColor.b,
+    0,
+    0,
+    0,
+    1
+  ]);
+  buffer.colorMatrixUniform(fgMatrix, 1, 1);
+  buffer.colorMatrixUniform(bgMatrix, 1, 2);
 }
-
-class DistortionEffect {
-  glitchChancePerSecond = 0.5;
-  maxGlitchLines = 3;
-  minGlitchDuration = 0.05;
-  maxGlitchDuration = 0.2;
-  maxShiftAmount = 10;
-  shiftFlipRatio = 0.6;
-  colorGlitchChance = 0.2;
-  lastGlitchTime = 0;
-  glitchDuration = 0;
-  activeGlitches = [];
-  constructor(options) {
-    if (options) {
-      Object.assign(this, options);
-    }
-  }
-  apply(buffer, deltaTime) {
-    const width = buffer.width;
-    const height = buffer.height;
-    const buf = buffer.buffers;
-    this.lastGlitchTime += deltaTime;
-    if (this.activeGlitches.length > 0 && this.lastGlitchTime >= this.glitchDuration) {
-      this.activeGlitches = [];
-      this.glitchDuration = 0;
-    }
-    if (this.activeGlitches.length === 0 && Math.random() < this.glitchChancePerSecond * deltaTime) {
-      this.lastGlitchTime = 0;
-      this.glitchDuration = this.minGlitchDuration + Math.random() * (this.maxGlitchDuration - this.minGlitchDuration);
-      const numGlitches = 1 + Math.floor(Math.random() * this.maxGlitchLines);
-      for (let i = 0;i < numGlitches; i++) {
-        const y = Math.floor(Math.random() * height);
-        let type;
-        let amount = 0;
-        const typeRoll = Math.random();
-        if (typeRoll < this.colorGlitchChance) {
-          type = "color";
-        } else {
-          const shiftRoll = (typeRoll - this.colorGlitchChance) / (1 - this.colorGlitchChance);
-          if (shiftRoll < this.shiftFlipRatio) {
-            type = "shift";
-            amount = Math.floor((Math.random() - 0.5) * 2 * this.maxShiftAmount);
-          } else {
-            type = "flip";
-          }
-        }
-        if (!this.activeGlitches.some((g) => g.y === y)) {
-          this.activeGlitches.push({ y, type, amount });
-        }
-      }
-    }
-    if (this.activeGlitches.length > 0) {
-      let tempChar = null;
-      let tempFg = null;
-      let tempBg = null;
-      let tempAttr = null;
-      for (const glitch of this.activeGlitches) {
-        const y = glitch.y;
-        if (y < 0 || y >= height)
-          continue;
-        const baseIndex = y * width;
-        if (glitch.type === "shift" || glitch.type === "flip") {
-          if (!tempChar) {
-            tempChar = new Uint32Array(width);
-            tempFg = new Float32Array(width * 4);
-            tempBg = new Float32Array(width * 4);
-            tempAttr = new Uint8Array(width);
-          }
-          try {
-            tempChar.set(buf.char.subarray(baseIndex, baseIndex + width));
-            tempFg.set(buf.fg.subarray(baseIndex * 4, (baseIndex + width) * 4));
-            tempBg.set(buf.bg.subarray(baseIndex * 4, (baseIndex + width) * 4));
-            tempAttr.set(buf.attributes.subarray(baseIndex, baseIndex + width));
-          } catch (e) {
-            console.error(`Error copying row ${y} for distortion:`, e);
-            continue;
-          }
-          if (glitch.type === "shift") {
-            const shift = glitch.amount;
-            for (let x = 0;x < width; x++) {
-              const srcX = (x - shift + width) % width;
-              const destIndex = baseIndex + x;
-              const srcTempIndex = srcX;
-              buf.char[destIndex] = tempChar[srcTempIndex];
-              buf.attributes[destIndex] = tempAttr[srcTempIndex];
-              const destColorIndex = destIndex * 4;
-              const srcTempColorIndex = srcTempIndex * 4;
-              buf.fg.set(tempFg.subarray(srcTempColorIndex, srcTempColorIndex + 4), destColorIndex);
-              buf.bg.set(tempBg.subarray(srcTempColorIndex, srcTempColorIndex + 4), destColorIndex);
-            }
-          } else {
-            for (let x = 0;x < width; x++) {
-              const srcX = width - 1 - x;
-              const destIndex = baseIndex + x;
-              const srcTempIndex = srcX;
-              buf.char[destIndex] = tempChar[srcTempIndex];
-              buf.attributes[destIndex] = tempAttr[srcTempIndex];
-              const destColorIndex = destIndex * 4;
-              const srcTempColorIndex = srcTempIndex * 4;
-              buf.fg.set(tempFg.subarray(srcTempColorIndex, srcTempColorIndex + 4), destColorIndex);
-              buf.bg.set(tempBg.subarray(srcTempColorIndex, srcTempColorIndex + 4), destColorIndex);
-            }
-          }
-        } else if (glitch.type === "color") {
-          const glitchStart = Math.floor(Math.random() * width);
-          const maxPossibleLength = width - glitchStart;
-          let glitchLength = Math.floor(Math.random() * maxPossibleLength) + 1;
-          if (Math.random() < 0.2) {
-            glitchLength = Math.floor(Math.random() * (width / 4)) + 1;
-          }
-          glitchLength = Math.min(glitchLength, maxPossibleLength);
-          for (let x = glitchStart;x < glitchStart + glitchLength; x++) {
-            if (x >= width)
-              break;
-            const destIndex = baseIndex + x;
-            const destColorIndex = destIndex * 4;
-            let rFg, gFg, bFg, rBg, gBg, bBg;
-            const colorMode = Math.random();
-            if (colorMode < 0.33) {
-              rFg = Math.random();
-              gFg = Math.random();
-              bFg = Math.random();
-              rBg = Math.random();
-              gBg = Math.random();
-              bBg = Math.random();
-            } else if (colorMode < 0.66) {
-              const emphasis = Math.random();
-              if (emphasis < 0.25) {
-                rFg = Math.random();
-                gFg = 0;
-                bFg = 0;
-              } else if (emphasis < 0.5) {
-                rFg = 0;
-                gFg = Math.random();
-                bFg = 0;
-              } else if (emphasis < 0.75) {
-                rFg = 0;
-                gFg = 0;
-                bFg = Math.random();
-              } else {
-                const glitchColorRoll = Math.random();
-                if (glitchColorRoll < 0.33) {
-                  rFg = 1;
-                  gFg = 0;
-                  bFg = 1;
-                } else if (glitchColorRoll < 0.66) {
-                  rFg = 0;
-                  gFg = 1;
-                  bFg = 1;
-                } else {
-                  rFg = 1;
-                  gFg = 1;
-                  bFg = 0;
-                }
-              }
-              if (Math.random() < 0.5) {
-                rBg = 1 - rFg;
-                gBg = 1 - gFg;
-                bBg = 1 - bFg;
-              } else {
-                rBg = rFg * (Math.random() * 0.5 + 0.2);
-                gBg = gFg * (Math.random() * 0.5 + 0.2);
-                bBg = bFg * (Math.random() * 0.5 + 0.2);
-              }
-            } else {
-              rFg = Math.random() > 0.5 ? 1 : 0;
-              gFg = Math.random() > 0.5 ? 1 : 0;
-              bFg = Math.random() > 0.5 ? 1 : 0;
-              rBg = 1 - rFg;
-              gBg = 1 - gFg;
-              bBg = 1 - bFg;
-            }
-            buf.fg[destColorIndex] = rFg;
-            buf.fg[destColorIndex + 1] = gFg;
-            buf.fg[destColorIndex + 2] = bFg;
-            buf.bg[destColorIndex] = rBg;
-            buf.bg[destColorIndex + 1] = gBg;
-            buf.bg[destColorIndex + 2] = bBg;
-          }
-        }
-      }
-    }
+function applyBrightness(buffer, brightness = 0, cellMask) {
+  if (brightness === 0)
+    return;
+  const b = brightness;
+  const matrix = new Float32Array([
+    1,
+    0,
+    0,
+    b,
+    0,
+    1,
+    0,
+    b,
+    0,
+    0,
+    1,
+    b,
+    0,
+    0,
+    0,
+    1
+  ]);
+  if (!cellMask || cellMask.length === 0) {
+    buffer.colorMatrixUniform(matrix, 1, 3);
+  } else {
+    buffer.colorMatrix(matrix, cellMask, 1, 3);
   }
 }
-
-class VignetteEffect {
-  _strength;
-  precomputedBaseAttenuation = null;
-  cachedWidth = -1;
-  cachedHeight = -1;
-  constructor(strength = 0.5) {
-    this._strength = strength;
-  }
-  set strength(newStrength) {
-    this._strength = Math.max(0, newStrength);
-  }
-  get strength() {
-    return this._strength;
-  }
-  _computeFactors(width, height) {
-    this.precomputedBaseAttenuation = new Float32Array(width * height);
-    const centerX = width / 2;
-    const centerY = height / 2;
-    const maxDistSq = centerX * centerX + centerY * centerY;
-    const safeMaxDistSq = maxDistSq === 0 ? 1 : maxDistSq;
-    for (let y = 0;y < height; y++) {
-      const dy = y - centerY;
-      const dySq = dy * dy;
-      for (let x = 0;x < width; x++) {
-        const dx = x - centerX;
-        const distSq = dx * dx + dySq;
-        const baseAttenuation = Math.min(1, distSq / safeMaxDistSq);
-        const index = y * width + x;
-        this.precomputedBaseAttenuation[index] = baseAttenuation;
-      }
-    }
-    this.cachedWidth = width;
-    this.cachedHeight = height;
-  }
-  apply(buffer) {
-    const width = buffer.width;
-    const height = buffer.height;
-    const buf = buffer.buffers;
-    const size = width * height;
-    if (width !== this.cachedWidth || height !== this.cachedHeight || !this.precomputedBaseAttenuation) {
-      this._computeFactors(width, height);
-    }
-    for (let i = 0;i < size; i++) {
-      const factor = Math.max(0, 1 - this.precomputedBaseAttenuation[i] * this._strength);
-      const colorIndex = i * 4;
-      buf.fg[colorIndex] *= factor;
-      buf.fg[colorIndex + 1] *= factor;
-      buf.fg[colorIndex + 2] *= factor;
-      buf.bg[colorIndex] *= factor;
-      buf.bg[colorIndex + 1] *= factor;
-      buf.bg[colorIndex + 2] *= factor;
-    }
+function applyGain(buffer, gain = 1, cellMask) {
+  if (gain === 1)
+    return;
+  const g = Math.max(0, gain);
+  const matrix = new Float32Array([
+    g,
+    0,
+    0,
+    0,
+    0,
+    g,
+    0,
+    0,
+    0,
+    0,
+    g,
+    0,
+    0,
+    0,
+    0,
+    1
+  ]);
+  if (!cellMask || cellMask.length === 0) {
+    buffer.colorMatrixUniform(matrix, 1, 3);
+  } else {
+    buffer.colorMatrix(matrix, cellMask, 1, 3);
   }
 }
-
-class BrightnessEffect {
-  _brightness;
-  constructor(brightness = 1) {
-    this._brightness = Math.max(0, brightness);
-  }
-  set brightness(newBrightness) {
-    this._brightness = Math.max(0, newBrightness);
-  }
-  get brightness() {
-    return this._brightness;
-  }
-  apply(buffer) {
-    const size = buffer.width * buffer.height;
-    const fg2 = buffer.buffers.fg;
-    const bg2 = buffer.buffers.bg;
-    const factor = this._brightness;
-    if (factor === 1) {
-      return;
-    }
-    for (let i = 0;i < size; i++) {
-      const colorIndex = i * 4;
-      fg2[colorIndex] = Math.min(1, fg2[colorIndex] * factor);
-      fg2[colorIndex + 1] = Math.min(1, fg2[colorIndex + 1] * factor);
-      fg2[colorIndex + 2] = Math.min(1, fg2[colorIndex + 2] * factor);
-      bg2[colorIndex] = Math.min(1, bg2[colorIndex] * factor);
-      bg2[colorIndex + 1] = Math.min(1, bg2[colorIndex + 1] * factor);
-      bg2[colorIndex + 2] = Math.min(1, bg2[colorIndex + 2] * factor);
-    }
-  }
+function createSaturationMatrix(saturation) {
+  const s = Math.max(0, saturation);
+  const sr = 0.299 * (1 - s);
+  const sg = 0.587 * (1 - s);
+  const sb = 0.114 * (1 - s);
+  const m00 = sr + s;
+  const m01 = sg;
+  const m02 = sb;
+  const m10 = sr;
+  const m11 = sg + s;
+  const m12 = sb;
+  const m20 = sr;
+  const m21 = sg;
+  const m22 = sb + s;
+  return new Float32Array([
+    m00,
+    m01,
+    m02,
+    0,
+    m10,
+    m11,
+    m12,
+    0,
+    m20,
+    m21,
+    m22,
+    0,
+    0,
+    0,
+    0,
+    1
+  ]);
 }
-
-class BlurEffect {
-  _radius;
-  constructor(radius = 1) {
-    this._radius = Math.max(0, Math.round(radius));
-  }
-  set radius(newRadius) {
-    this._radius = Math.max(0, Math.round(newRadius));
-  }
-  get radius() {
-    return this._radius;
+function applySaturation(buffer, cellMask, strength = 1) {
+  if (strength === 1 || strength === 0) {
+    return;
   }
-  apply(buffer) {
-    const radius = this._radius;
-    if (radius <= 0)
-      return;
-    const width = buffer.width;
-    const height = buffer.height;
-    const buf = buffer.buffers;
-    const srcFg = buf.fg;
-    const srcBg = buf.bg;
-    const destFg = buf.fg;
-    const destBg = buf.bg;
-    const chars = buf.char;
-    const size = width * height;
-    const numChannels = 4;
-    const tempBufferFg = new Float32Array(size * numChannels);
-    const tempBufferBg = new Float32Array(size * numChannels);
-    const windowSize = radius * 2 + 1;
-    for (let y = 0;y < height; y++) {
-      let sumR = 0, sumG = 0, sumB = 0, sumA = 0;
-      const baseRowIndex = y * width;
-      for (let x = -radius;x <= radius; x++) {
-        const sampleX = Math.max(0, Math.min(width - 1, x));
-        const srcIndex = (baseRowIndex + sampleX) * numChannels;
-        sumR += srcFg[srcIndex];
-        sumG += srcFg[srcIndex + 1];
-        sumB += srcFg[srcIndex + 2];
-        sumA += srcFg[srcIndex + 3];
-      }
-      for (let x = 0;x < width; x++) {
-        const destIndex = (baseRowIndex + x) * numChannels;
-        tempBufferFg[destIndex] = sumR / windowSize;
-        tempBufferFg[destIndex + 1] = sumG / windowSize;
-        tempBufferFg[destIndex + 2] = sumB / windowSize;
-        tempBufferFg[destIndex + 3] = sumA / windowSize;
-        const leavingX = Math.max(0, Math.min(width - 1, x - radius));
-        const leavingIndex = (baseRowIndex + leavingX) * numChannels;
-        sumR -= srcFg[leavingIndex];
-        sumG -= srcFg[leavingIndex + 1];
-        sumB -= srcFg[leavingIndex + 2];
-        sumA -= srcFg[leavingIndex + 3];
-        const enteringX = Math.max(0, Math.min(width - 1, x + radius + 1));
-        const enteringIndex = (baseRowIndex + enteringX) * numChannels;
-        sumR += srcFg[enteringIndex];
-        sumG += srcFg[enteringIndex + 1];
-        sumB += srcFg[enteringIndex + 2];
-        sumA += srcFg[enteringIndex + 3];
-      }
-    }
-    for (let y = 0;y < height; y++) {
-      let sumR = 0, sumG = 0, sumB = 0, sumA = 0;
-      const baseRowIndex = y * width;
-      for (let x = -radius;x <= radius; x++) {
-        const sampleX = Math.max(0, Math.min(width - 1, x));
-        const srcIndex = (baseRowIndex + sampleX) * numChannels;
-        sumR += srcBg[srcIndex];
-        sumG += srcBg[srcIndex + 1];
-        sumB += srcBg[srcIndex + 2];
-        sumA += srcBg[srcIndex + 3];
-      }
-      for (let x = 0;x < width; x++) {
-        const destIndex = (baseRowIndex + x) * numChannels;
-        tempBufferBg[destIndex] = sumR / windowSize;
-        tempBufferBg[destIndex + 1] = sumG / windowSize;
-        tempBufferBg[destIndex + 2] = sumB / windowSize;
-        tempBufferBg[destIndex + 3] = sumA / windowSize;
-        const leavingX = Math.max(0, Math.min(width - 1, x - radius));
-        const leavingIndex = (baseRowIndex + leavingX) * numChannels;
-        sumR -= srcBg[leavingIndex];
-        sumG -= srcBg[leavingIndex + 1];
-        sumB -= srcBg[leavingIndex + 2];
-        sumA -= srcBg[leavingIndex + 3];
-        const enteringX = Math.max(0, Math.min(width - 1, x + radius + 1));
-        const enteringIndex = (baseRowIndex + enteringX) * numChannels;
-        sumR += srcBg[enteringIndex];
-        sumG += srcBg[enteringIndex + 1];
-        sumB += srcBg[enteringIndex + 2];
-        sumA += srcBg[enteringIndex + 3];
-      }
-    }
-    for (let x = 0;x < width; x++) {
-      let sumR = 0, sumG = 0, sumB = 0, sumA = 0;
-      for (let y = -radius;y <= radius; y++) {
-        const sampleY = Math.max(0, Math.min(height - 1, y));
-        const srcIndex = (sampleY * width + x) * numChannels;
-        sumR += tempBufferFg[srcIndex];
-        sumG += tempBufferFg[srcIndex + 1];
-        sumB += tempBufferFg[srcIndex + 2];
-        sumA += tempBufferFg[srcIndex + 3];
-      }
-      for (let y = 0;y < height; y++) {
-        const destIndex = (y * width + x) * numChannels;
-        destFg[destIndex] = sumR / windowSize;
-        destFg[destIndex + 1] = sumG / windowSize;
-        destFg[destIndex + 2] = sumB / windowSize;
-        destFg[destIndex + 3] = sumA / windowSize;
-        const leavingY = Math.max(0, Math.min(height - 1, y - radius));
-        const leavingIndex = (leavingY * width + x) * numChannels;
-        sumR -= tempBufferFg[leavingIndex];
-        sumG -= tempBufferFg[leavingIndex + 1];
-        sumB -= tempBufferFg[leavingIndex + 2];
-        sumA -= tempBufferFg[leavingIndex + 3];
-        const enteringY = Math.max(0, Math.min(height - 1, y + radius + 1));
-        const enteringIndex = (enteringY * width + x) * numChannels;
-        sumR += tempBufferFg[enteringIndex];
-        sumG += tempBufferFg[enteringIndex + 1];
-        sumB += tempBufferFg[enteringIndex + 2];
-        sumA += tempBufferFg[enteringIndex + 3];
-      }
-    }
-    for (let x = 0;x < width; x++) {
-      let sumR = 0, sumG = 0, sumB = 0, sumA = 0;
-      for (let y = -radius;y <= radius; y++) {
-        const sampleY = Math.max(0, Math.min(height - 1, y));
-        const srcIndex = (sampleY * width + x) * numChannels;
-        sumR += tempBufferBg[srcIndex];
-        sumG += tempBufferBg[srcIndex + 1];
-        sumB += tempBufferBg[srcIndex + 2];
-        sumA += tempBufferBg[srcIndex + 3];
-      }
-      for (let y = 0;y < height; y++) {
-        const destIndex = (y * width + x) * numChannels;
-        destBg[destIndex] = sumR / windowSize;
-        destBg[destIndex + 1] = sumG / windowSize;
-        destBg[destIndex + 2] = sumB / windowSize;
-        destBg[destIndex + 3] = sumA / windowSize;
-        const leavingY = Math.max(0, Math.min(height - 1, y - radius));
-        const leavingIndex = (leavingY * width + x) * numChannels;
-        sumR -= tempBufferBg[leavingIndex];
-        sumG -= tempBufferBg[leavingIndex + 1];
-        sumB -= tempBufferBg[leavingIndex + 2];
-        sumA -= tempBufferBg[leavingIndex + 3];
-        const enteringY = Math.max(0, Math.min(height - 1, y + radius + 1));
-        const enteringIndex = (enteringY * width + x) * numChannels;
-        sumR += tempBufferBg[enteringIndex];
-        sumG += tempBufferBg[enteringIndex + 1];
-        sumB += tempBufferBg[enteringIndex + 2];
-        sumA += tempBufferBg[enteringIndex + 3];
-      }
-    }
-    const charRamp = [" ", "\u2591", "\u2592", "\u2593", " "];
-    const rampLength = charRamp.length;
-    for (let i = 0;i < size; i++) {
-      const alphaIndex = i * numChannels + 3;
-      const fgAlpha = destFg[alphaIndex];
-      const clampedAlpha = Math.max(0, Math.min(1, fgAlpha));
-      const rampIndex = Math.min(rampLength - 1, Math.floor(clampedAlpha * rampLength));
-      chars[i] = charRamp[rampIndex].charCodeAt(0);
-    }
+  const matrix = createSaturationMatrix(strength);
+  if (!cellMask || cellMask.length === 0) {
+    buffer.colorMatrixUniform(matrix, 1, 3);
+  } else {
+    buffer.colorMatrix(matrix, cellMask, 1, 3);
   }
 }
 
@@ -9780,10 +9497,17 @@ function parseMarkdownIncremental(newContent, prevState, trailingUnstable = 2) {
 
 // src/renderables/Markdown.ts
 var TRAILING_MARKDOWN_BLOCK_BREAKS_RE = /(?:\r?\n){2,}$/;
+function colorsEqual(left, right) {
+  if (!left || !right)
+    return left === right;
+  return left.equals(right);
+}
 
 class MarkdownRenderable extends Renderable {
   _content = "";
   _syntaxStyle;
+  _fg;
+  _bg;
   _conceal;
   _concealCode;
   _treeSitterClient;
@@ -9810,6 +9534,8 @@ class MarkdownRenderable extends Renderable {
       flexShrink: options.flexShrink ?? 0
     });
     this._syntaxStyle = options.syntaxStyle;
+    this._fg = options.fg ? parseColor(options.fg) : undefined;
+    this._bg = options.bg ? parseColor(options.bg) : undefined;
     this._conceal = options.conceal ?? this._contentDefaultOptions.conceal;
     this._concealCode = options.concealCode ?? this._contentDefaultOptions.concealCode;
     this._content = options.content ?? this._contentDefaultOptions.content;
@@ -9840,6 +9566,26 @@ class MarkdownRenderable extends Renderable {
       this._styleDirty = true;
     }
   }
+  get fg() {
+    return this._fg;
+  }
+  set fg(value) {
+    const next = value ? parseColor(value) : undefined;
+    if (!colorsEqual(this._fg, next)) {
+      this._fg = next;
+      this._styleDirty = true;
+    }
+  }
+  get bg() {
+    return this._bg;
+  }
+  set bg(value) {
+    const next = value ? parseColor(value) : undefined;
+    if (!colorsEqual(this._bg, next)) {
+      this._bg = next;
+      this._styleDirty = true;
+    }
+  }
   get conceal() {
     return this._conceal;
   }
@@ -10034,6 +9780,8 @@ class MarkdownRenderable extends Renderable {
       content,
       filetype: "markdown",
       syntaxStyle: this._syntaxStyle,
+      fg: this._fg,
+      bg: this._bg,
       conceal: this._conceal,
       drawUnstyledText: false,
       streaming: true,
@@ -10047,8 +9795,10 @@ class MarkdownRenderable extends Renderable {
     return new CodeRenderable(this.ctx, {
       id,
       content: token.text,
-      filetype: token.lang || undefined,
+      filetype: infoStringToFiletype(token.lang ?? ""),
       syntaxStyle: this._syntaxStyle,
+      fg: this._fg,
+      bg: this._bg,
       conceal: this._concealCode,
       drawUnstyledText: !(this._streaming && this._concealCode),
       streaming: this._streaming,
@@ -10061,6 +9811,8 @@ class MarkdownRenderable extends Renderable {
     renderable.content = content;
     renderable.filetype = "markdown";
     renderable.syntaxStyle = this._syntaxStyle;
+    renderable.fg = this._fg;
+    renderable.bg = this._bg;
     renderable.conceal = this._conceal;
     renderable.drawUnstyledText = false;
     renderable.streaming = true;
@@ -10068,8 +9820,10 @@ class MarkdownRenderable extends Renderable {
   }
   applyCodeBlockRenderable(renderable, token, marginBottom) {
     renderable.content = token.text;
-    renderable.filetype = token.lang || undefined;
+    renderable.filetype = infoStringToFiletype(token.lang ?? "");
     renderable.syntaxStyle = this._syntaxStyle;
+    renderable.fg = this._fg;
+    renderable.bg = this._bg;
     renderable.conceal = this._concealCode;
     renderable.drawUnstyledText = !(this._streaming && this._concealCode);
     renderable.streaming = this._streaming;
@@ -12613,7 +12367,7 @@ class TimeToFirstDrawRenderable extends Renderable {
     return Math.max(0, Math.floor(value));
   }
 }
-export { TextBufferView, EditBuffer, EditorView, convertThemeToStyles, SyntaxStyle, applyScanlines, applyGrayscale, applySepia, applyInvert, applyNoise, applyChromaticAberration, applyAsciiArt, DistortionEffect, VignetteEffect, BrightnessEffect, BlurEffect, BloomEffect, Timeline, engine, createTimeline, SlotRegistry, createSlotRegistry, createCoreSlotRegistry, registerCorePlugin, resolveCoreSlot, SlotRenderable, NativeSpanFeed, FrameBufferRenderable, ASCIIFontRenderable, BoxRenderable, TextBufferRenderable, CodeRenderable, isTextNodeRenderable, TextNodeRenderable, RootTextNodeRenderable, Generic, Box, Text, ASCIIFont, Input, Select, TabSelect, FrameBuffer, Code, ScrollBox, vstyles, VRenderable, LineNumberRenderable, TextRenderable, DiffRenderable, TextareaRenderable, InputRenderableEvents, InputRenderable, TextTableRenderable, MarkdownRenderable, SliderRenderable, ScrollBarRenderable, ArrowRenderable, ScrollBoxRenderable, SelectRenderableEvents, SelectRenderable, TabSelectRenderableEvents, TabSelectRenderable, TimeToFirstDrawRenderable, exports_src2 as exports_src };
+export { TextBufferView, EditBuffer, EditorView, convertThemeToStyles, SyntaxStyle, applyScanlines, applyInvert, applyNoise, applyChromaticAberration, applyAsciiArt, applyBrightness, applyGain, applySaturation, BloomEffect, Timeline, engine, createTimeline, SlotRegistry, createSlotRegistry, createCoreSlotRegistry, registerCorePlugin, resolveCoreSlot, SlotRenderable, NativeSpanFeed, FrameBufferRenderable, ASCIIFontRenderable, BoxRenderable, TextBufferRenderable, CodeRenderable, isTextNodeRenderable, TextNodeRenderable, RootTextNodeRenderable, Generic, Box, Text, ASCIIFont, Input, Select, TabSelect, FrameBuffer, Code, ScrollBox, vstyles, VRenderable, LineNumberRenderable, TextRenderable, DiffRenderable, TextareaRenderable, InputRenderableEvents, InputRenderable, TextTableRenderable, MarkdownRenderable, SliderRenderable, ScrollBarRenderable, ArrowRenderable, ScrollBoxRenderable, SelectRenderableEvents, SelectRenderable, TabSelectRenderableEvents, TabSelectRenderable, TimeToFirstDrawRenderable, exports_src2 as exports_src };
 
-//# debugId=CD08AAE46AF2DC0264756E2164756E21
-//# sourceMappingURL=index-nyw5p3ep.js.map
+//# debugId=DC05962D46EF296364756E2164756E21
+//# sourceMappingURL=index-rs5zwr4j.js.map