tokimeki-image-editor 0.4.4 → 0.4.5

package/dist/components/ImageEditor.svelte

@@ -2,8 +2,8 @@
 import '../styles/tokens.css';
 import { _ } from 'svelte-i18n';
 import { Redo2, Undo2, RotateCcw, ImagePlus, Check, Sparkles, Download, LoaderCircle } from 'lucide-svelte';
-import { createEditorState, loadImageFromFile, loadImageFromUrl, applyImageToState, setMode, applyCrop, applyTransformUpdate, applyAdjustmentsUpdate, applyFilter, setBlurAreas, setStampAreas, setAnnotations, setViewport, resetState, handleZoom as coreHandleZoom, saveToHistory as coreSaveToHistory, handleUndo as coreHandleUndo, handleRedo as coreHandleRedo, canUndo, canRedo, getKeyboardAction, applyKeyboardAction, exportImage, downloadExportedImage, getDroppedFile, getInputFile, handleDragOver } from '../utils/editor-core';
-import { calculateFitScale } from '../utils/canvas';
+import { createEditorState, loadImageFromFile, loadImageFromUrl, applyImageToState, setMode, applyCrop, applyTransformUpdate, applyAdjustmentsUpdate, applyFilter, setBlurAreas, setStampAreas, setAnnotations, setViewport, resetState, handleZoom as coreHandleZoom, saveToHistory as coreSaveToHistory, handleUndo as coreHandleUndo, handleRedo as coreHandleRedo, canUndo, canRedo, getKeyboardAction, applyKeyboardAction, exportImage, getDroppedFile, getInputFile, handleDragOver } from '../utils/editor-core';
+import { calculateFitScale, downloadImage } from '../utils/canvas';
 import { haptic } from '../utils/haptics';
 import BottomDock from './BottomDock.svelte';
 import IconButton from './IconButton.svelte';
@@ -180,9 +180,12 @@ function handleAnnotationsChange(annotations) {
 }
 async function handleExport() {
     haptic('success');
-    await downloadExportedImage(state);
     const result = await exportImage(state);
-    if (result && onExport)
+    if (!result)
+        return;
+    const filename = `edited-image-${Date.now()}.${state.exportOptions.format}`;
+    downloadImage(result.dataUrl, filename);
+    if (onExport)
         onExport(result.dataUrl);
 }
 async function handleComplete() {

package/dist/utils/editor-core.d.ts

@@ -131,10 +131,6 @@ export interface ExportResult {
  * Export editor state to image
  */
 export declare function exportImage(state: EditorState): Promise<ExportResult | null>;
-/**
- * Download exported image
- */
-export declare function downloadExportedImage(state: EditorState): Promise<void>;
 /**
  * Add a new annotation to state
  */

package/dist/utils/editor-core.js

@@ -352,29 +352,23 @@ export async function exportImage(state) {
         return null;
     const exportCanvas = await applyTransformWithWebGPU(state.imageData.original, state.transform, state.adjustments, state.cropArea, state.blurAreas, state.stampAreas, state.annotations);
     const format = state.exportOptions.format === 'jpeg' ? 'image/jpeg' : 'image/png';
-    const dataUrl = exportCanvas.toDataURL(format, state.exportOptions.quality);
+    // Single async encode (toBlob) — avoids synchronous toDataURL blocking the main thread
     const blob = await new Promise((resolve) => {
         exportCanvas.toBlob(b => resolve(b), format, state.exportOptions.quality);
     });
-    const bitmap = await createImageBitmap(blob);
-    const result = {
+    // Convert blob to data URL without re-encoding (just base64-wraps the existing bytes)
+    const dataUrl = await new Promise((resolve) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.readAsDataURL(blob);
+    });
+    // Dimensions directly from the export canvas (already crop+rotation adjusted)
+    return {
         dataUrl,
         blob,
-        width: bitmap.width,
-        height: bitmap.height
+        width: exportCanvas.width,
+        height: exportCanvas.height
     };
-    bitmap.close();
-    return result;
-}
-/**
- * Download exported image
- */
-export async function downloadExportedImage(state) {
-    const result = await exportImage(state);
-    if (!result)
-        return;
-    const filename = `edited-image-${Date.now()}.${state.exportOptions.format}`;
-    downloadImage(result.dataUrl, filename);
 }
 // ============================================================================
 // ANNOTATION HELPERS (for QuickDrawEditor)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tokimeki-image-editor",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "A image editor for svelte.",
   "type": "module",
   "license": "MIT",