@nice2dev/ui-graphics 1.1.0 → 1.1.1

package/dist/esm/photo/photoEditorActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"photoEditorActions.js","sources":["../../../src/photo/photoEditorActions.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"photoEditorActions.js","sources":["../../../src/photo/photoEditorActions.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/photo/photoFilters.js

@@ -32,10 +32,12 @@ function cloneImageData(src) {
 }
 /** Mix original and filtered based on intensity */
 function blendIntensity(original, filtered, intensity) {
-    if (intensity >= 1)
+    if (intensity >= 1) {
         return filtered;
-    if (intensity <= 0)
+    }
+    if (intensity <= 0) {
         return cloneImageData(original);
+    }
     const out = cloneImageData(original);
     const od = out.data;
     const fd = filtered.data;
@@ -304,26 +306,14 @@ function threshold(data, level = 128) {
     return out;
 }
 function emboss(data) {
-    return convolve(data, [
-        -2, -1, 0,
-        -1, 1, 1,
-        0, 1, 2,
-    ]);
+    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,
-    ]);
+    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,
-    ]);
+    return convolve(data, [0, -k, 0, -k, 1 + 4 * k, -k, 0, -k, 0]);
 }
 function comicBook(data) {
     const edges = edgeDetect(data);
@@ -432,7 +422,7 @@ function glitch(data) {
         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 srcX = (((x + shift) % w) + w) % w;
                 const di = (y * w + x) * 4;
                 const si = (y * w + srcX) * 4;
                 // Red channel from shifted position
@@ -488,7 +478,7 @@ function oilPainting(data, radius = 3) {
                     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 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];
@@ -522,8 +512,9 @@ function tiltShift(data) {
     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)
+        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++) {
@@ -668,7 +659,7 @@ function convolve(data, kernel) {
     const src = data.data;
     const w = data.width, h = data.height;
     const size = Math.sqrt(kernel.length) | 0;
-    const half = (size >> 1);
+    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;
@@ -707,22 +698,24 @@ function hexToRgb(hex) {
 }
 // ── Canvas helpers for vignette & grain (applied via context) ──
 function applyVignette(ctx, w, h, amount) {
-    if (amount <= 0)
+    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})`);
+    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)
+    if (amount <= 0) {
         return;
+    }
     const imageData = ctx.getImageData(0, 0, w, h);
     const d = imageData.data;
-    const intensity = amount / 100 * 50;
+    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);
@@ -735,88 +728,326 @@ function applyGrain(ctx, w, h, amount) {
 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); } },
+    {
+        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); } },
+    {
+        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); } },
+    {
+        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); } },
+    {
+        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); } },
+    {
+        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);
+    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)
+    if (adj.exposure && adj.exposure !== 0) {
         out = adjustExposure(out, adj.exposure);
-    if (adj.brightness && adj.brightness !== 0)
+    }
+    if (adj.brightness && adj.brightness !== 0) {
         out = adjustBrightness(out, adj.brightness);
-    if (adj.contrast && adj.contrast !== 0)
+    }
+    if (adj.contrast && adj.contrast !== 0) {
         out = adjustContrast(out, adj.contrast);
-    if (adj.saturation && adj.saturation !== 0)
+    }
+    if (adj.saturation && adj.saturation !== 0) {
         out = adjustSaturation(out, adj.saturation);
-    if (adj.temperature && adj.temperature !== 0)
+    }
+    if (adj.temperature && adj.temperature !== 0) {
         out = adjustTemperature(out, adj.temperature);
-    if (adj.tint && adj.tint !== 0)
+    }
+    if (adj.tint && adj.tint !== 0) {
         out = adjustTint(out, adj.tint);
-    if (adj.highlights && adj.highlights !== 0)
+    }
+    if (adj.highlights && adj.highlights !== 0) {
         out = adjustHighlights(out, adj.highlights);
-    if (adj.shadows && adj.shadows !== 0)
+    }
+    if (adj.shadows && adj.shadows !== 0) {
         out = adjustShadows(out, adj.shadows);
-    if (adj.sharpness && adj.sharpness > 0)
+    }
+    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)
+    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 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;
@@ -824,12 +1055,15 @@ function renderToCanvas(canvas, sourceImage, filterId, filterParams, adjustments
     canvas.height = outH;
     ctx.save();
     ctx.translate(outW / 2, outH / 2);
-    if (rot)
+    if (rot) {
         ctx.rotate((rot * Math.PI) / 180);
-    if (flipH)
+    }
+    if (flipH) {
         ctx.scale(-1, 1);
-    if (flipV)
+    }
+    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
@@ -842,7 +1076,7 @@ function renderToCanvas(canvas, sourceImage, filterId, filterParams, adjustments
         }
     }
     // Apply adjustments
-    const hasAdj = Object.values(adjustments).some(v => v !== 0 && v !== undefined);
+    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);
@@ -859,9 +1093,10 @@ function renderToCanvas(canvas, sourceImage, filterId, filterParams, adjustments
 /** 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)
+        canvas.toBlob((blob) => {
+            if (!blob) {
                 return reject(new Error('Canvas toBlob failed'));
+            }
             resolve(new File([blob], filename, { type: 'image/jpeg' }));
         }, 'image/jpeg', quality);
     });