Fix: Avoid generating thumbnails of images that are still being extra…

…cted (Extractions with 7-Zip)

CHANGELOG.md

@@ -16,6 +16,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 - Save image not saving the correct page in manga mode [`b14a26e`](https://github.com/ollm/OpenComic/commit/b14a26eacdc77d37cdeb578fc203438058c7c5e2)
 - Sometimes right click on reading fails [`b14a26e`](https://github.com/ollm/OpenComic/commit/1a8e145a997c67494e1a6c70c5f73acee7720000)
+- Avoid generating thumbnails of images that are still being extracted (Extractions with 7-Zip)
 
 ## [v1.3.1](https://github.com/ollm/OpenComic/releases/tag/v1.3.1) (05-10-2024)
 

TRANSLATE.md

@@ -128,7 +128,7 @@ OpenComic has translations into 17 languages.
 
 [ru.json](https://github.com/ollm/OpenComic/blob/master/languages/ru.json)
 
-`27.3% | Remain 309 | Translated 116`
+`100% | Remain 0 | Translated 425`
 
 <a href="https://github.com/ollm/OpenComic/blob/master/languages/ru.json"><img src="https://raw.githubusercontent.com/ollm/OpenComic/master/images/translated/ru.svg" /></a>
 

scripts/image.js

@@ -20,60 +20,82 @@ async function resize(fromImage, toImage, config = {})
 		if(/*inArray(extension, imageExtensions.ico)/* || */inArray(extension, imageExtensions.ico)) // Unsupported images format for resize
 			return reject({});
 
-		sharp(fromImage, {failOn: 'none'}).flatten({background: {r: 255, g: 255, b: 255}}).jpeg({quality: config.quality}).resize(config).toFile(toImage, async function(error) {
-
-			if(error && /unsupported image format/iu.test(error?.message || ''))
-			{
-				if(!imageMagick) imageMagick = require('gm').subClass({imageMagick: true});
+		_resize(fromImage, toImage, config, resolve, reject);
 
-				imageMagick(fromImage).resize(config.width, null).quality(config.quality).noProfile().write(toImage, function(error){
+	});
+}
 
-					if(error)
-					{
-						if(!graphicsMagick) graphicsMagick = require('gm').subClass({imageMagick: false});
+async function _resize(fromImage, toImage, config = {}, resolve, reject, deep = 0)
+{
+	let options = {}
 
-						graphicsMagick(fromImage).resize(config.width, null).quality(config.quality).noProfile().write(toImage, async function(error){
+	if(deep > 3)
+		options = {failOn: 'none'};
 
-							if(error)
-							{
-								if(jimp === false) jimp = require('jimp').Jimp;
+	sharp(fromImage, options).flatten({background: {r: 255, g: 255, b: 255}}).jpeg({quality: config.quality}).resize(config).toFile(toImage, async function(error) {
 
-								try
-								{
-									const jimpImage = await jimp.read(fromImage);
-									await jimpImage.resize({w: config.width}).write(toImage, {quality: config.quality});
+		if(error && /unsupported image format/iu.test(error?.message || ''))
+		{
+			if(!imageMagick) imageMagick = require('gm').subClass({imageMagick: true});
 
-									resolve(toImage);
-								}
-								catch(error)
-								{
-									reject(error);
-								}
-							}
-							else
+			imageMagick(fromImage).resize(config.width, null).quality(config.quality).noProfile().write(toImage, function(error){
+
+				if(error)
+				{
+					if(!graphicsMagick) graphicsMagick = require('gm').subClass({imageMagick: false});
+
+					graphicsMagick(fromImage).resize(config.width, null).quality(config.quality).noProfile().write(toImage, async function(error){
+
+						if(error)
+						{
+							if(jimp === false) jimp = require('jimp').Jimp;
+
+							try
 							{
+								const jimpImage = await jimp.read(fromImage);
+								await jimpImage.resize({w: config.width}).write(toImage, {quality: config.quality});
+
 								resolve(toImage);
 							}
-						});
+							catch(error)
+							{
+								reject(error);
+							}
+						}
+						else
+						{
+							resolve(toImage);
+						}
+					});
 
-					}
-					else
-					{
-						resolve(toImage);
-					}
-				});
-			}
-			else if(error)
+				}
+				else
+				{
+					resolve(toImage);
+				}
+			});
+		}
+		else if(error)
+		{
+			if(deep > 3)
 			{
 				console.error(fromImage, error);
 				reject(error);
 			}
 			else
 			{
-				resolve(toImage);
-			}
-		});
+				deep++;
+
+				console.error('Error: '+(deep > 3 ? 'Trying once more' : 'Trying again')+' in '+(100 * deep)+'ms'+(deep > 3 ? ' with failOn: none' : '')+' | '+fromImage, error);
 
+				await app.sleep(100 * deep);
+				_resize(fromImage, toImage, config, resolve, reject, deep);
+			}
+		}
+		else
+		{
+			resolve(toImage);
+		}
 	});
 }
 

themes/material-design/actions.css

@@ -931,7 +931,7 @@
 	width: 50% !important;
 	left: 50% !important;
 	max-width: 640px;
-	transform: translateY(-50%) translateX(-50%) !important;
+	transform: translateY(-50%) translateX(-50%) !important; /*! Keep this line */
 	transform: translateY(round(-50%, 1px)) translateX(round(-50%, 1px)) !important;
 	padding: 0px;
 	border-radius: 24px;