tokimeki-image-editor 0.1.8 → 0.1.10

package/dist/utils/filters.js

@@ -57,7 +57,7 @@ export const FILTER_PRESETS = [
             saturation: 15,
             brightness: 5,
             exposure: 10,
-            hue: -10,
+            temperature: 60,
         }
     },
     {
@@ -67,7 +67,7 @@ export const FILTER_PRESETS = [
             saturation: 10,
             brightness: -5,
             contrast: 10,
-            hue: 15,
+            temperature: -60,
         }
     },
     {
@@ -80,6 +80,113 @@ export const FILTER_PRESETS = [
             saturation: 2,
             vignette: -24,
         }
+    },
+    {
+        id: 'cinematic',
+        name: 'Cinematic',
+        adjustments: {
+            contrast: 30,
+            highlights: -25,
+            shadows: 40,
+            saturation: -15,
+            temperature: -10,
+            vignette: -35,
+        }
+    },
+    {
+        id: 'dramatic',
+        name: 'Dramatic',
+        adjustments: {
+            contrast: 70,
+            highlights: -60,
+            shadows: -80,
+            saturation: 25,
+            brightness: -10,
+            vignette: -50,
+        }
+    },
+    {
+        id: 'faded',
+        name: 'Faded',
+        adjustments: {
+            contrast: -40,
+            highlights: 30,
+            shadows: 60,
+            saturation: -25,
+            brightness: 10,
+        }
+    },
+    {
+        id: 'golden',
+        name: 'Golden Hour',
+        adjustments: {
+            temperature: 50,
+            highlights: 20,
+            shadows: -15,
+            saturation: 20,
+            brightness: 10,
+            contrast: 15,
+            vignette: -20,
+        }
+    },
+    {
+        id: 'soft',
+        name: 'Soft',
+        adjustments: {
+            contrast: -25,
+            highlights: 15,
+            shadows: 35,
+            saturation: -10,
+            brightness: 8,
+        }
+    },
+    {
+        id: 'moody',
+        name: 'Moody',
+        adjustments: {
+            contrast: 45,
+            highlights: 25,
+            shadows: -60,
+            saturation: -5,
+            brightness: -20,
+            temperature: -15,
+            vignette: -40,
+        }
+    },
+    {
+        id: 'pastel',
+        name: 'Pastel',
+        adjustments: {
+            contrast: -30,
+            highlights: 40,
+            shadows: 50,
+            saturation: 30,
+            brightness: 15,
+        }
+    },
+    {
+        id: 'bleach',
+        name: 'Bleach Bypass',
+        adjustments: {
+            contrast: 60,
+            saturation: -40,
+            highlights: 15,
+            shadows: -20,
+            brightness: 10,
+        }
+    },
+    {
+        id: 'grainy',
+        name: 'Grainy',
+        adjustments: {
+            grain: 98,
+            contrast: 22,
+            saturation: -10,
+            vignette: -20,
+            shadows: 48,
+            highlights: 10,
+            blur: 8,
+        }
     }
 ];
 /**

package/dist/utils/webgpu-render.d.ts

@@ -0,0 +1,26 @@
+import type { AdjustmentsState, Viewport, TransformState, CropArea, BlurArea } from '../types';
+/**
+ * Initialize WebGPU for the given canvas
+ */
+export declare function initWebGPUCanvas(canvas: HTMLCanvasElement): Promise<boolean>;
+/**
+ * Upload image to GPU as texture
+ */
+export declare function uploadImageToGPU(imageSource: HTMLImageElement | ImageBitmap): Promise<boolean>;
+/**
+ * Render with adjustments, viewport, transform, crop, and blur areas
+ */
+export declare function renderWithAdjustments(adjustments: AdjustmentsState, viewport: Viewport, transform: TransformState, canvasWidth: number, canvasHeight: number, imageWidth: number, imageHeight: number, cropArea?: CropArea | null, blurAreas?: BlurArea[]): boolean;
+/**
+ * Check if WebGPU is initialized for canvas
+ */
+export declare function isWebGPUInitialized(): boolean;
+/**
+ * Export image using WebGPU rendering at full resolution
+ * Creates an offscreen canvas and renders the final image with all adjustments
+ */
+export declare function exportWithWebGPU(imageSource: HTMLImageElement | ImageBitmap, adjustments: AdjustmentsState, transform: TransformState, cropArea?: CropArea | null, blurAreas?: BlurArea[]): Promise<HTMLCanvasElement | null>;
+/**
+ * Cleanup WebGPU resources
+ */
+export declare function cleanupWebGPU(): void;