tokimeki-image-editor 0.1.4 → 0.1.6

package/dist/components/ImageEditor.svelte

@@ -214,17 +214,21 @@ function handleComplete() {
     if (!state.imageData.original || !onComplete)
         return;
     const exportCanvas = applyTransform(state.imageData.original, state.transform, state.adjustments, state.cropArea, state.blurAreas, state.stampAreas);
+    const format = state.exportOptions.format === 'jpeg' ? 'image/jpeg' : 'image/png';
     const dataUrl = exportCanvas.toDataURL(state.exportOptions.format === 'jpeg' ? 'image/jpeg' : 'image/png', state.exportOptions.quality);
     // Convert to blob
     exportCanvas.toBlob((blob) => {
         if (blob) {
-            onComplete(dataUrl, {
-                blob: blob,
-                width: exportCanvas.width,
-                height: exportCanvas.height
+            createImageBitmap(blob).then((bitmap) => {
+                onComplete(dataUrl, {
+                    blob: blob,
+                    width: bitmap.width,
+                    height: bitmap.height
+                });
+                bitmap.close();
             });
         }
-    }, state.exportOptions.format === 'jpeg' ? 'image/jpeg' : 'image/png', state.exportOptions.quality);
+    }, format, state.exportOptions.quality);
 }
 function handleCancel() {
     if (onCancel) {

package/dist/components/ImageEditor.svelte.d.ts

@@ -3,7 +3,11 @@ interface Props {
     width?: number;
     height?: number;
     isStandalone?: boolean;
-    onComplete?: (dataUrl: string, blob: Blob) => void;
+    onComplete?: (dataUrl: string, blobObj: {
+        blob: Blob;
+        width: number;
+        height: number;
+    }) => void;
     onCancel?: () => void;
     onExport?: (dataUrl: string) => void;
 }

package/package.json

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