@nice2dev/ui-graphics 1.0.0

package/dist/esm/photo/photoFilters.js

@@ -0,0 +1,871 @@
+/**
+ * photoFilters.ts — Canvas-based photo filter engine.
+ *
+ * Pure functions that operate on ImageData pixel arrays.
+ * Each filter takes ImageData + optional params and returns a new ImageData.
+ * Composable via `applyFilterChain`.
+ */
+const DEFAULT_ADJUSTMENTS = {
+    brightness: 0,
+    contrast: 0,
+    saturation: 0,
+    temperature: 0,
+    tint: 0,
+    exposure: 0,
+    highlights: 0,
+    shadows: 0,
+    sharpness: 0,
+    vignette: 0,
+    grain: 0,
+    blur: 0,
+};
+// ── Pixel helpers ──
+function clamp(v) {
+    return v < 0 ? 0 : v > 255 ? 255 : v | 0;
+}
+function lerpColor(a, b, t) {
+    return clamp(a + (b - a) * t);
+}
+/** Create a working copy of ImageData */
+function cloneImageData(src) {
+    return new ImageData(new Uint8ClampedArray(src.data), src.width, src.height);
+}
+/** Mix original and filtered based on intensity */
+function blendIntensity(original, filtered, intensity) {
+    if (intensity >= 1)
+        return filtered;
+    if (intensity <= 0)
+        return cloneImageData(original);
+    const out = cloneImageData(original);
+    const od = out.data;
+    const fd = filtered.data;
+    for (let i = 0; i < od.length; i += 4) {
+        od[i] = lerpColor(od[i], fd[i], intensity);
+        od[i + 1] = lerpColor(od[i + 1], fd[i + 1], intensity);
+        od[i + 2] = lerpColor(od[i + 2], fd[i + 2], intensity);
+    }
+    return out;
+}
+// ── Core filter functions ──
+function grayscale(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        const gray = 0.299 * d[i] + 0.587 * d[i + 1] + 0.114 * d[i + 2];
+        d[i] = d[i + 1] = d[i + 2] = gray;
+    }
+    return out;
+}
+function sepia(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        const r = d[i], g = d[i + 1], b = d[i + 2];
+        d[i] = clamp(r * 0.393 + g * 0.769 + b * 0.189);
+        d[i + 1] = clamp(r * 0.349 + g * 0.686 + b * 0.168);
+        d[i + 2] = clamp(r * 0.272 + g * 0.534 + b * 0.131);
+    }
+    return out;
+}
+function invert(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        d[i] = 255 - d[i];
+        d[i + 1] = 255 - d[i + 1];
+        d[i + 2] = 255 - d[i + 2];
+    }
+    return out;
+}
+function adjustBrightness(data, amount) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const adj = (amount / 100) * 128;
+    for (let i = 0; i < d.length; i += 4) {
+        d[i] = clamp(d[i] + adj);
+        d[i + 1] = clamp(d[i + 1] + adj);
+        d[i + 2] = clamp(d[i + 2] + adj);
+    }
+    return out;
+}
+function adjustContrast(data, amount) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const factor = (259 * (amount + 255)) / (255 * (259 - amount));
+    for (let i = 0; i < d.length; i += 4) {
+        d[i] = clamp(factor * (d[i] - 128) + 128);
+        d[i + 1] = clamp(factor * (d[i + 1] - 128) + 128);
+        d[i + 2] = clamp(factor * (d[i + 2] - 128) + 128);
+    }
+    return out;
+}
+function adjustSaturation(data, amount) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const sat = 1 + amount / 100;
+    for (let i = 0; i < d.length; i += 4) {
+        const gray = 0.2126 * d[i] + 0.7152 * d[i + 1] + 0.0722 * d[i + 2];
+        d[i] = clamp(gray + sat * (d[i] - gray));
+        d[i + 1] = clamp(gray + sat * (d[i + 1] - gray));
+        d[i + 2] = clamp(gray + sat * (d[i + 2] - gray));
+    }
+    return out;
+}
+function adjustTemperature(data, amount) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const adj = amount * 0.8;
+    for (let i = 0; i < d.length; i += 4) {
+        d[i] = clamp(d[i] + adj); // red
+        d[i + 2] = clamp(d[i + 2] - adj); // blue (inverse)
+    }
+    return out;
+}
+function adjustTint(data, amount) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const adj = amount * 0.5;
+    for (let i = 0; i < d.length; i += 4) {
+        d[i + 1] = clamp(d[i + 1] - adj); // decrease green for magenta, increase for green
+    }
+    return out;
+}
+function adjustExposure(data, amount) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const factor = Math.pow(2, amount / 50);
+    for (let i = 0; i < d.length; i += 4) {
+        d[i] = clamp(d[i] * factor);
+        d[i + 1] = clamp(d[i + 1] * factor);
+        d[i + 2] = clamp(d[i + 2] * factor);
+    }
+    return out;
+}
+function adjustHighlights(data, amount) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const adj = amount / 100;
+    for (let i = 0; i < d.length; i += 4) {
+        const lum = (d[i] + d[i + 1] + d[i + 2]) / 3;
+        if (lum > 128) {
+            const factor = ((lum - 128) / 127) * adj * 40;
+            d[i] = clamp(d[i] + factor);
+            d[i + 1] = clamp(d[i + 1] + factor);
+            d[i + 2] = clamp(d[i + 2] + factor);
+        }
+    }
+    return out;
+}
+function adjustShadows(data, amount) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const adj = amount / 100;
+    for (let i = 0; i < d.length; i += 4) {
+        const lum = (d[i] + d[i + 1] + d[i + 2]) / 3;
+        if (lum < 128) {
+            const factor = ((128 - lum) / 128) * adj * 40;
+            d[i] = clamp(d[i] + factor);
+            d[i + 1] = clamp(d[i + 1] + factor);
+            d[i + 2] = clamp(d[i + 2] + factor);
+        }
+    }
+    return out;
+}
+function posterize(data, levels = 4) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const step = 255 / (levels - 1);
+    for (let i = 0; i < d.length; i += 4) {
+        d[i] = clamp(Math.round(d[i] / step) * step);
+        d[i + 1] = clamp(Math.round(d[i + 1] / step) * step);
+        d[i + 2] = clamp(Math.round(d[i + 2] / step) * step);
+    }
+    return out;
+}
+function solarize(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        d[i] = d[i] > 128 ? 255 - d[i] : d[i];
+        d[i + 1] = d[i + 1] > 128 ? 255 - d[i + 1] : d[i + 1];
+        d[i + 2] = d[i + 2] > 128 ? 255 - d[i + 2] : d[i + 2];
+    }
+    return out;
+}
+function channelShift(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        const r = d[i], g = d[i + 1], b = d[i + 2];
+        d[i] = g; // R ← G
+        d[i + 1] = b; // G ← B
+        d[i + 2] = r; // B ← R
+    }
+    return out;
+}
+function cyberpunk(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        const lum = 0.299 * d[i] + 0.587 * d[i + 1] + 0.114 * d[i + 2];
+        d[i] = clamp(lum * 0.2 + d[i] * 0.8 + 30); // boost red
+        d[i + 1] = clamp(lum * 0.5 + d[i + 1] * 0.15 - 10); // crush green
+        d[i + 2] = clamp(lum * 0.3 + d[i + 2] * 0.9 + 50); // heavy blue
+    }
+    return out;
+}
+function retroWave(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        d[i] = clamp(d[i] * 1.1 + 20);
+        d[i + 1] = clamp(d[i + 1] * 0.6 - 10);
+        d[i + 2] = clamp(d[i + 2] * 1.3 + 30);
+    }
+    return adjustContrast(out, 30);
+}
+function vintageFilm(data) {
+    let out = cloneImageData(data);
+    const d = out.data;
+    // warm tone overlay
+    for (let i = 0; i < d.length; i += 4) {
+        d[i] = clamp(d[i] * 1.08 + 8);
+        d[i + 1] = clamp(d[i + 1] * 0.95 + 5);
+        d[i + 2] = clamp(d[i + 2] * 0.85 - 5);
+    }
+    out = adjustContrast(out, -15);
+    return adjustSaturation(out, -20);
+}
+function kodachrome(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        const r = d[i], g = d[i + 1], b = d[i + 2];
+        d[i] = clamp(r * 1.129 + g * 0.097 + b * 0.035 - 12);
+        d[i + 1] = clamp(r * 0.019 + g * 0.955 + b * 0.041 + 8);
+        d[i + 2] = clamp(r * 0.016 + g * 0.033 + b * 0.837 + 28);
+    }
+    return out;
+}
+function polaroid(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        const r = d[i], g = d[i + 1], b = d[i + 2];
+        d[i] = clamp(r * 1.438 - g * 0.062 - b * 0.062 + 10);
+        d[i + 1] = clamp(-r * 0.122 + g * 1.378 - b * 0.122 + 6);
+        d[i + 2] = clamp(-r * 0.016 - g * 0.016 + b * 1.483 - 12);
+    }
+    return out;
+}
+function technicolor(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        const r = d[i], g = d[i + 1], b = d[i + 2];
+        d[i] = clamp(r * 1.913 - g * 0.282 - b * 0.023);
+        d[i + 1] = clamp(-r * 0.204 + g * 1.397 - b * 0.018);
+        d[i + 2] = clamp(-r * 0.199 - g * 0.291 + b * 1.765);
+    }
+    return out;
+}
+function brownie(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        const r = d[i], g = d[i + 1], b = d[i + 2];
+        d[i] = clamp(r * 0.599 + g * 0.345 + b * 0.272);
+        d[i + 1] = clamp(r * 0.168 + g * 0.706 + b * 0.131);
+        d[i + 2] = clamp(r * 0.131 + g * 0.168 + b * 0.706);
+    }
+    return out;
+}
+function duotone(data, params) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const dark = hexToRgb((params === null || params === void 0 ? void 0 : params.darkColor) || '#001f3f');
+    const light = hexToRgb((params === null || params === void 0 ? void 0 : params.lightColor) || '#ff851b');
+    for (let i = 0; i < d.length; i += 4) {
+        const lum = (0.299 * d[i] + 0.587 * d[i + 1] + 0.114 * d[i + 2]) / 255;
+        d[i] = clamp(dark[0] + (light[0] - dark[0]) * lum);
+        d[i + 1] = clamp(dark[1] + (light[1] - dark[1]) * lum);
+        d[i + 2] = clamp(dark[2] + (light[2] - dark[2]) * lum);
+    }
+    return out;
+}
+function threshold(data, level = 128) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        const lum = 0.299 * d[i] + 0.587 * d[i + 1] + 0.114 * d[i + 2];
+        const v = lum >= level ? 255 : 0;
+        d[i] = d[i + 1] = d[i + 2] = v;
+    }
+    return out;
+}
+function emboss(data) {
+    return convolve(data, [
+        -2, -1, 0,
+        -1, 1, 1,
+        0, 1, 2,
+    ]);
+}
+function edgeDetect(data) {
+    return convolve(data, [
+        -1, -1, -1,
+        -1, 8, -1,
+        -1, -1, -1,
+    ]);
+}
+function sharpen(data, amount = 1) {
+    const k = amount;
+    return convolve(data, [
+        0, -k, 0,
+        -k, 1 + 4 * k, -k,
+        0, -k, 0,
+    ]);
+}
+function comicBook(data) {
+    const edges = edgeDetect(data);
+    const poster = posterize(data, 5);
+    const out = cloneImageData(poster);
+    const d = out.data;
+    const ed = edges.data;
+    for (let i = 0; i < d.length; i += 4) {
+        const edgeLum = (ed[i] + ed[i + 1] + ed[i + 2]) / 3;
+        if (edgeLum > 30) {
+            d[i] = d[i + 1] = d[i + 2] = 0; // black edge lines
+        }
+    }
+    return adjustSaturation(out, 40);
+}
+function heatMap(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        const lum = (0.299 * d[i] + 0.587 * d[i + 1] + 0.114 * d[i + 2]) / 255;
+        // heatmap: blue → cyan → green → yellow → red
+        if (lum < 0.25) {
+            d[i] = 0;
+            d[i + 1] = clamp(lum * 4 * 255);
+            d[i + 2] = 255;
+        }
+        else if (lum < 0.5) {
+            d[i] = 0;
+            d[i + 1] = 255;
+            d[i + 2] = clamp((1 - (lum - 0.25) * 4) * 255);
+        }
+        else if (lum < 0.75) {
+            d[i] = clamp((lum - 0.5) * 4 * 255);
+            d[i + 1] = 255;
+            d[i + 2] = 0;
+        }
+        else {
+            d[i] = 255;
+            d[i + 1] = clamp((1 - (lum - 0.75) * 4) * 255);
+            d[i + 2] = 0;
+        }
+    }
+    return out;
+}
+function nightVision(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        const lum = 0.299 * d[i] + 0.587 * d[i + 1] + 0.114 * d[i + 2];
+        d[i] = 0;
+        d[i + 1] = clamp(lum * 1.4 + 10);
+        d[i + 2] = 0;
+    }
+    return out;
+}
+function xRay(data) {
+    let out = invert(data);
+    out = grayscale(out);
+    return adjustContrast(out, 40);
+}
+function crossProcess(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        // S-curve on green, inverse on blue
+        d[i] = clamp(d[i] * 1.1 + 10);
+        d[i + 1] = clamp(Math.pow(d[i + 1] / 255, 0.85) * 280);
+        d[i + 2] = clamp(255 - (255 - d[i + 2]) * 0.7);
+    }
+    return out;
+}
+function lomoLeaks(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const w = data.width, h = data.height;
+    for (let y = 0; y < h; y++) {
+        for (let x = 0; x < w; x++) {
+            const i = (y * w + x) * 4;
+            // Warm light leak from top-left
+            const dist = Math.sqrt(x * x + y * y) / Math.sqrt(w * w + h * h);
+            const leak = Math.max(0, 1 - dist * 1.8) * 60;
+            d[i] = clamp(d[i] + leak * 1.5);
+            d[i + 1] = clamp(d[i + 1] + leak * 0.8);
+            d[i + 2] = clamp(d[i + 2] - leak * 0.3);
+        }
+    }
+    return adjustSaturation(out, 15);
+}
+function fadeOut(data) {
+    let out = cloneImageData(data);
+    out = adjustContrast(out, -30);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        d[i] = clamp(d[i] + 25);
+        d[i + 1] = clamp(d[i + 1] + 20);
+        d[i + 2] = clamp(d[i + 2] + 30);
+    }
+    return adjustSaturation(out, -30);
+}
+function glitch(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const w = data.width;
+    // Shift some rows horizontally by random amounts
+    for (let y = 0; y < data.height; y++) {
+        if (Math.random() > 0.92) {
+            const shift = Math.floor(Math.random() * 30 - 15);
+            for (let x = 0; x < w; x++) {
+                const srcX = ((x + shift) % w + w) % w;
+                const di = (y * w + x) * 4;
+                const si = (y * w + srcX) * 4;
+                // Red channel from shifted position
+                d[di] = data.data[si];
+            }
+        }
+    }
+    return out;
+}
+function pixelate(data, blockSize = 8) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const w = data.width, h = data.height;
+    for (let by = 0; by < h; by += blockSize) {
+        for (let bx = 0; bx < w; bx += blockSize) {
+            let rSum = 0, gSum = 0, bSum = 0, count = 0;
+            for (let dy = 0; dy < blockSize && by + dy < h; dy++) {
+                for (let dx = 0; dx < blockSize && bx + dx < w; dx++) {
+                    const i = ((by + dy) * w + (bx + dx)) * 4;
+                    rSum += d[i];
+                    gSum += d[i + 1];
+                    bSum += d[i + 2];
+                    count++;
+                }
+            }
+            const rAvg = rSum / count, gAvg = gSum / count, bAvg = bSum / count;
+            for (let dy = 0; dy < blockSize && by + dy < h; dy++) {
+                for (let dx = 0; dx < blockSize && bx + dx < w; dx++) {
+                    const i = ((by + dy) * w + (bx + dx)) * 4;
+                    d[i] = rAvg;
+                    d[i + 1] = gAvg;
+                    d[i + 2] = bAvg;
+                }
+            }
+        }
+    }
+    return out;
+}
+function oilPainting(data, radius = 3) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const src = data.data;
+    const w = data.width, h = data.height;
+    const levels = 20;
+    for (let y = 0; y < h; y++) {
+        for (let x = 0; x < w; x++) {
+            const counts = new Int32Array(levels);
+            const rSum = new Float64Array(levels);
+            const gSum = new Float64Array(levels);
+            const bSum = new Float64Array(levels);
+            for (let ky = -radius; ky <= radius; ky++) {
+                for (let kx = -radius; kx <= radius; kx++) {
+                    const ny = Math.min(h - 1, Math.max(0, y + ky));
+                    const nx = Math.min(w - 1, Math.max(0, x + kx));
+                    const ni = (ny * w + nx) * 4;
+                    const lum = Math.floor(((src[ni] + src[ni + 1] + src[ni + 2]) / 3) * levels / 256);
+                    const li = Math.min(lum, levels - 1);
+                    counts[li]++;
+                    rSum[li] += src[ni];
+                    gSum[li] += src[ni + 1];
+                    bSum[li] += src[ni + 2];
+                }
+            }
+            let maxCount = 0, maxIdx = 0;
+            for (let l = 0; l < levels; l++) {
+                if (counts[l] > maxCount) {
+                    maxCount = counts[l];
+                    maxIdx = l;
+                }
+            }
+            const i = (y * w + x) * 4;
+            d[i] = rSum[maxIdx] / maxCount;
+            d[i + 1] = gSum[maxIdx] / maxCount;
+            d[i + 2] = bSum[maxIdx] / maxCount;
+        }
+    }
+    return out;
+}
+function tiltShift(data) {
+    // Simple blur for top and bottom thirds
+    const out = cloneImageData(data);
+    const d = out.data;
+    const src = data.data;
+    const w = data.width, h = data.height;
+    const centerY = h / 2;
+    const focusHalf = h * 0.15;
+    for (let y = 0; y < h; y++) {
+        const dist = Math.abs(y - centerY);
+        const blurRadius = dist < focusHalf ? 0 : Math.min(6, Math.floor((dist - focusHalf) / (h * 0.1)));
+        if (blurRadius === 0)
+            continue;
+        for (let x = 0; x < w; x++) {
+            let rSum = 0, gSum = 0, bSum = 0, count = 0;
+            for (let ky = -blurRadius; ky <= blurRadius; ky++) {
+                for (let kx = -blurRadius; kx <= blurRadius; kx++) {
+                    const ny = Math.min(h - 1, Math.max(0, y + ky));
+                    const nx = Math.min(w - 1, Math.max(0, x + kx));
+                    const si = (ny * w + nx) * 4;
+                    rSum += src[si];
+                    gSum += src[si + 1];
+                    bSum += src[si + 2];
+                    count++;
+                }
+            }
+            const i = (y * w + x) * 4;
+            d[i] = rSum / count;
+            d[i + 1] = gSum / count;
+            d[i + 2] = bSum / count;
+        }
+    }
+    return adjustSaturation(out, 20);
+}
+function pencilSketch(data) {
+    const gray = grayscale(data);
+    const inv = invert(gray);
+    // Simple Gaussian-like blur on inverted
+    const blurred = boxBlur(inv, 8);
+    const out = cloneImageData(gray);
+    const d = out.data;
+    const bd = blurred.data;
+    // Color dodge blend
+    for (let i = 0; i < d.length; i += 4) {
+        const base = d[i];
+        const blend = bd[i];
+        const r = blend === 255 ? 255 : clamp((base * 256) / (255 - blend));
+        d[i] = d[i + 1] = d[i + 2] = r;
+    }
+    return out;
+}
+function watercolor(data) {
+    let out = boxBlur(data, 3);
+    out = adjustSaturation(out, 30);
+    out = adjustContrast(out, -10);
+    // Slight edge darkening
+    const edges = edgeDetect(data);
+    const d = out.data;
+    const ed = edges.data;
+    for (let i = 0; i < d.length; i += 4) {
+        const edgeLum = (ed[i] + ed[i + 1] + ed[i + 2]) / 3;
+        const darken = Math.min(edgeLum * 0.15, 25);
+        d[i] = clamp(d[i] - darken);
+        d[i + 1] = clamp(d[i + 1] - darken);
+        d[i + 2] = clamp(d[i + 2] - darken);
+    }
+    return out;
+}
+function dreamyGlow(data) {
+    const blurred = boxBlur(data, 6);
+    const out = cloneImageData(data);
+    const d = out.data;
+    const bd = blurred.data;
+    // Screen blend
+    for (let i = 0; i < d.length; i += 4) {
+        d[i] = clamp(255 - ((255 - d[i]) * (255 - bd[i])) / 255);
+        d[i + 1] = clamp(255 - ((255 - d[i + 1]) * (255 - bd[i + 1])) / 255);
+        d[i + 2] = clamp(255 - ((255 - d[i + 2]) * (255 - bd[i + 2])) / 255);
+    }
+    return adjustSaturation(out, 15);
+}
+function frostedGlass(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const src = data.data;
+    const w = data.width, h = data.height;
+    const radius = 4;
+    for (let y = 0; y < h; y++) {
+        for (let x = 0; x < w; x++) {
+            const ox = x + Math.floor(Math.random() * radius * 2 - radius);
+            const oy = y + Math.floor(Math.random() * radius * 2 - radius);
+            const nx = Math.min(w - 1, Math.max(0, ox));
+            const ny = Math.min(h - 1, Math.max(0, oy));
+            const di = (y * w + x) * 4;
+            const si = (ny * w + nx) * 4;
+            d[di] = src[si];
+            d[di + 1] = src[si + 1];
+            d[di + 2] = src[si + 2];
+        }
+    }
+    return out;
+}
+function pop(data) {
+    let out = adjustSaturation(data, 50);
+    out = adjustContrast(out, 20);
+    return adjustBrightness(out, 5);
+}
+function moody(data) {
+    let out = adjustSaturation(data, -25);
+    out = adjustContrast(out, 15);
+    out = adjustTemperature(out, -15);
+    return adjustBrightness(out, -10);
+}
+function golden(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        const lum = (d[i] + d[i + 1] + d[i + 2]) / 3;
+        d[i] = clamp(lum * 0.4 + d[i] * 0.7 + 20);
+        d[i + 1] = clamp(lum * 0.3 + d[i + 1] * 0.6 + 10);
+        d[i + 2] = clamp(lum * 0.1 + d[i + 2] * 0.3 - 10);
+    }
+    return adjustContrast(out, 10);
+}
+function radioactive(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        d[i] = clamp(d[i] * 0.3);
+        d[i + 1] = clamp(d[i + 1] * 1.6 + 30);
+        d[i + 2] = clamp(d[i + 2] * 0.2);
+    }
+    return out;
+}
+function arctic(data) {
+    let out = adjustTemperature(data, -50);
+    out = adjustSaturation(out, -15);
+    out = adjustBrightness(out, 10);
+    return adjustContrast(out, 10);
+}
+function sunset(data) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    for (let i = 0; i < d.length; i += 4) {
+        d[i] = clamp(d[i] * 1.15 + 15);
+        d[i + 1] = clamp(d[i + 1] * 0.85 + 5);
+        d[i + 2] = clamp(d[i + 2] * 0.65 - 10);
+    }
+    return adjustContrast(out, 10);
+}
+// ── Convolution helper ──
+function convolve(data, kernel) {
+    const out = cloneImageData(data);
+    const d = out.data;
+    const src = data.data;
+    const w = data.width, h = data.height;
+    const size = Math.sqrt(kernel.length) | 0;
+    const half = (size >> 1);
+    for (let y = 0; y < h; y++) {
+        for (let x = 0; x < w; x++) {
+            let r = 0, g = 0, b = 0;
+            for (let ky = 0; ky < size; ky++) {
+                for (let kx = 0; kx < size; kx++) {
+                    const ny = Math.min(h - 1, Math.max(0, y + ky - half));
+                    const nx = Math.min(w - 1, Math.max(0, x + kx - half));
+                    const weight = kernel[ky * size + kx];
+                    const si = (ny * w + nx) * 4;
+                    r += src[si] * weight;
+                    g += src[si + 1] * weight;
+                    b += src[si + 2] * weight;
+                }
+            }
+            const i = (y * w + x) * 4;
+            d[i] = clamp(r);
+            d[i + 1] = clamp(g);
+            d[i + 2] = clamp(b);
+        }
+    }
+    return out;
+}
+function boxBlur(data, radius) {
+    const size = radius * 2 + 1;
+    const weight = 1 / (size * size);
+    const kernel = new Array(size * size).fill(weight);
+    return convolve(data, kernel);
+}
+function hexToRgb(hex) {
+    const h = hex.replace('#', '');
+    return [
+        parseInt(h.substring(0, 2), 16),
+        parseInt(h.substring(2, 4), 16),
+        parseInt(h.substring(4, 6), 16),
+    ];
+}
+// ── Canvas helpers for vignette & grain (applied via context) ──
+function applyVignette(ctx, w, h, amount) {
+    if (amount <= 0)
+        return;
+    const cx = w / 2, cy = h / 2;
+    const radius = Math.max(w, h) * 0.7;
+    const grad = ctx.createRadialGradient(cx, cy, radius * 0.4, cx, cy, radius);
+    grad.addColorStop(0, 'rgba(0,0,0,0)');
+    grad.addColorStop(1, `rgba(0,0,0,${amount / 100 * 0.7})`);
+    ctx.fillStyle = grad;
+    ctx.fillRect(0, 0, w, h);
+}
+function applyGrain(ctx, w, h, amount) {
+    if (amount <= 0)
+        return;
+    const imageData = ctx.getImageData(0, 0, w, h);
+    const d = imageData.data;
+    const intensity = amount / 100 * 50;
+    for (let i = 0; i < d.length; i += 4) {
+        const noise = (Math.random() - 0.5) * intensity;
+        d[i] = clamp(d[i] + noise);
+        d[i + 1] = clamp(d[i + 1] + noise);
+        d[i + 2] = clamp(d[i + 2] + noise);
+    }
+    ctx.putImageData(imageData, 0, 0);
+}
+// ── Filter catalog ──
+const PHOTO_FILTERS = [
+    // Color
+    { id: 'none', name: 'Oryginał', category: 'color', icon: '🔲', apply: (d) => cloneImageData(d) },
+    { id: 'grayscale', name: 'Cz/B', category: 'color', icon: '⬛', apply: (d, p) => { var _a; return blendIntensity(d, grayscale(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'sepia', name: 'Sepia', category: 'color', icon: '🟤', apply: (d, p) => { var _a; return blendIntensity(d, sepia(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'invert', name: 'Negatyw', category: 'color', icon: '🔄', apply: (d, p) => { var _a; return blendIntensity(d, invert(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'duotone', name: 'Duotone', category: 'color', icon: '🎨', apply: (d, p) => { var _a; return blendIntensity(d, duotone(d, p), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'channelShift', name: 'Channel Shift', category: 'color', icon: '🌈', apply: (d, p) => { var _a; return blendIntensity(d, channelShift(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'threshold', name: 'Próg', category: 'color', icon: '⚫', apply: (d, p) => { var _a; return blendIntensity(d, threshold(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'pop', name: 'Pop', category: 'color', icon: '💥', apply: (d, p) => { var _a; return blendIntensity(d, pop(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    // Light
+    { id: 'dreamyGlow', name: 'Dreamy Glow', category: 'light', icon: '✨', apply: (d, p) => { var _a; return blendIntensity(d, dreamyGlow(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'lomoLeaks', name: 'Light Leaks', category: 'light', icon: '☀️', apply: (d, p) => { var _a; return blendIntensity(d, lomoLeaks(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'fadeOut', name: 'Fade', category: 'light', icon: '🌫️', apply: (d, p) => { var _a; return blendIntensity(d, fadeOut(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'golden', name: 'Golden', category: 'light', icon: '🌟', apply: (d, p) => { var _a; return blendIntensity(d, golden(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'sunset', name: 'Sunset', category: 'light', icon: '🌅', apply: (d, p) => { var _a; return blendIntensity(d, sunset(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'moody', name: 'Moody', category: 'light', icon: '🌑', apply: (d, p) => { var _a; return blendIntensity(d, moody(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'arctic', name: 'Arctic', category: 'light', icon: '❄️', apply: (d, p) => { var _a; return blendIntensity(d, arctic(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    // Vintage
+    { id: 'vintageFilm', name: 'Vintage Film', category: 'vintage', icon: '🎞️', apply: (d, p) => { var _a; return blendIntensity(d, vintageFilm(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'kodachrome', name: 'Kodachrome', category: 'vintage', icon: '📷', apply: (d, p) => { var _a; return blendIntensity(d, kodachrome(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'polaroid', name: 'Polaroid', category: 'vintage', icon: '📸', apply: (d, p) => { var _a; return blendIntensity(d, polaroid(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'technicolor', name: 'Technicolor', category: 'vintage', icon: '🎬', apply: (d, p) => { var _a; return blendIntensity(d, technicolor(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'brownie', name: 'Brownie', category: 'vintage', icon: '🍫', apply: (d, p) => { var _a; return blendIntensity(d, brownie(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'crossProcess', name: 'Cross Process', category: 'vintage', icon: '🧪', apply: (d, p) => { var _a; return blendIntensity(d, crossProcess(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    // Artistic
+    { id: 'pencilSketch', name: 'Ołówek', category: 'artistic', icon: '✏️', apply: (d, p) => { var _a; return blendIntensity(d, pencilSketch(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'oilPainting', name: 'Olej', category: 'artistic', icon: '🎨', apply: (d, p) => { var _a; return blendIntensity(d, oilPainting(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'watercolor', name: 'Akwarela', category: 'artistic', icon: '🖌️', apply: (d, p) => { var _a; return blendIntensity(d, watercolor(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'comicBook', name: 'Komiks', category: 'artistic', icon: '💬', apply: (d, p) => { var _a; return blendIntensity(d, comicBook(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'posterize', name: 'Plakat', category: 'artistic', icon: '🖼️', apply: (d, p) => { var _a; return blendIntensity(d, posterize(d, 5), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'emboss', name: 'Płaskorzeźba', category: 'artistic', icon: '🗿', apply: (d, p) => { var _a; return blendIntensity(d, emboss(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'edgeDetect', name: 'Krawędzie', category: 'artistic', icon: '🔍', apply: (d, p) => { var _a; return blendIntensity(d, edgeDetect(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'tiltShift', name: 'Tilt Shift', category: 'artistic', icon: '🔭', apply: (d, p) => { var _a; return blendIntensity(d, tiltShift(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    // Fun
+    { id: 'cyberpunk', name: 'Cyberpunk', category: 'fun', icon: '🤖', apply: (d, p) => { var _a; return blendIntensity(d, cyberpunk(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'retroWave', name: 'Retrowave', category: 'fun', icon: '🕹️', apply: (d, p) => { var _a; return blendIntensity(d, retroWave(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'nightVision', name: 'Night Vision', category: 'fun', icon: '🌙', apply: (d, p) => { var _a; return blendIntensity(d, nightVision(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'xRay', name: 'X-Ray', category: 'fun', icon: '☠️', apply: (d, p) => { var _a; return blendIntensity(d, xRay(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'heatMap', name: 'Heat Map', category: 'fun', icon: '🔥', apply: (d, p) => { var _a; return blendIntensity(d, heatMap(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'radioactive', name: 'Radioactive', category: 'fun', icon: '☢️', apply: (d, p) => { var _a; return blendIntensity(d, radioactive(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'glitch', name: 'Glitch', category: 'fun', icon: '📺', apply: (d, p) => { var _a; return blendIntensity(d, glitch(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'pixelate', name: 'Piksele', category: 'fun', icon: '🟩', apply: (d, p) => { var _a; return blendIntensity(d, pixelate(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'frostedGlass', name: 'Matowe szkło', category: 'fun', icon: '🧊', apply: (d, p) => { var _a; return blendIntensity(d, frostedGlass(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+    { id: 'solarize', name: 'Solaryzacja', category: 'fun', icon: '🌞', apply: (d, p) => { var _a; return blendIntensity(d, solarize(d), (_a = p === null || p === void 0 ? void 0 : p.intensity) !== null && _a !== void 0 ? _a : 1); } },
+];
+/** Get filter by ID */
+function getFilter(id) {
+    return PHOTO_FILTERS.find(f => f.id === id);
+}
+/** Apply adjustments to ImageData */
+function applyAdjustments(data, adj) {
+    let out = data;
+    if (adj.exposure && adj.exposure !== 0)
+        out = adjustExposure(out, adj.exposure);
+    if (adj.brightness && adj.brightness !== 0)
+        out = adjustBrightness(out, adj.brightness);
+    if (adj.contrast && adj.contrast !== 0)
+        out = adjustContrast(out, adj.contrast);
+    if (adj.saturation && adj.saturation !== 0)
+        out = adjustSaturation(out, adj.saturation);
+    if (adj.temperature && adj.temperature !== 0)
+        out = adjustTemperature(out, adj.temperature);
+    if (adj.tint && adj.tint !== 0)
+        out = adjustTint(out, adj.tint);
+    if (adj.highlights && adj.highlights !== 0)
+        out = adjustHighlights(out, adj.highlights);
+    if (adj.shadows && adj.shadows !== 0)
+        out = adjustShadows(out, adj.shadows);
+    if (adj.sharpness && adj.sharpness > 0)
+        out = sharpen(out, adj.sharpness / 100);
+    return out;
+}
+/** Full pipeline: filter + adjustments → canvas, then vignette & grain via context */
+function renderToCanvas(canvas, sourceImage, filterId, filterParams, adjustments, cropRect, rotation, flipH, flipV) {
+    const ctx = canvas.getContext('2d', { willReadFrequently: true });
+    if (!ctx)
+        return;
+    // Source dimensions
+    const sw = sourceImage.naturalWidth;
+    const sh = sourceImage.naturalHeight;
+    // Crop region (in source pixels)
+    const crop = cropRect !== null && cropRect !== void 0 ? cropRect : { x: 0, y: 0, w: sw, h: sh };
+    // Rotation affects output dimensions
+    const rot = ((rotation !== null && rotation !== void 0 ? rotation : 0) % 360 + 360) % 360;
+    const swapped = rot === 90 || rot === 270;
+    const outW = swapped ? crop.h : crop.w;
+    const outH = swapped ? crop.w : crop.h;
+    canvas.width = outW;
+    canvas.height = outH;
+    ctx.save();
+    ctx.translate(outW / 2, outH / 2);
+    if (rot)
+        ctx.rotate((rot * Math.PI) / 180);
+    if (flipH)
+        ctx.scale(-1, 1);
+    if (flipV)
+        ctx.scale(1, -1);
+    ctx.drawImage(sourceImage, crop.x, crop.y, crop.w, crop.h, -crop.w / 2, -crop.h / 2, crop.w, crop.h);
+    ctx.restore();
+    // Apply filter
+    if (filterId && filterId !== 'none') {
+        const filter = getFilter(filterId);
+        if (filter) {
+            const imgData = ctx.getImageData(0, 0, outW, outH);
+            const filtered = filter.apply(imgData, filterParams);
+            ctx.putImageData(filtered, 0, 0);
+        }
+    }
+    // Apply adjustments
+    const hasAdj = Object.values(adjustments).some(v => v !== 0 && v !== undefined);
+    if (hasAdj) {
+        const imgData = ctx.getImageData(0, 0, outW, outH);
+        const adjusted = applyAdjustments(imgData, adjustments);
+        ctx.putImageData(adjusted, 0, 0);
+    }
+    // Vignette & grain (applied via context drawing)
+    if (adjustments.vignette && adjustments.vignette > 0) {
+        applyVignette(ctx, outW, outH, adjustments.vignette);
+    }
+    if (adjustments.grain && adjustments.grain > 0) {
+        applyGrain(ctx, outW, outH, adjustments.grain);
+    }
+}
+/** Export canvas as File (for upload) */
+function canvasToFile(canvas, filename = 'photo.jpg', quality = 0.92) {
+    return new Promise((resolve, reject) => {
+        canvas.toBlob(blob => {
+            if (!blob)
+                return reject(new Error('Canvas toBlob failed'));
+            resolve(new File([blob], filename, { type: 'image/jpeg' }));
+        }, 'image/jpeg', quality);
+    });
+}
+
+export { DEFAULT_ADJUSTMENTS, PHOTO_FILTERS, applyAdjustments, applyGrain, applyVignette, canvasToFile, getFilter, renderToCanvas };
+//# sourceMappingURL=photoFilters.js.map