From 9631a7a61a1e76783bfc955e9399e8170d5113c0 Mon Sep 17 00:00:00 2001
From: Vftdan <vftdan@gmail.com>
Date: Wed, 24 Apr 2024 15:48:20 +0200
Subject: [PATCH] Added a download link with filename for exported images

---
 index.html      | 5 ++++-
 neomojimixer.js | 7 ++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 240a133..dac9aec 100644
--- a/index.html
+++ b/index.html
@@ -42,7 +42,10 @@
 		<div id="stats">stats</div>
 		<canvas id="canvas_export" width="256" height="256" hidden name="test.png"></canvas>
 		<img id="imageExport" src="" hidden/>
-		<p id="exportSaveMessage" hidden>To save right click and choose "Save image as..."</p>
+		<p>
+			<a id="imageExportLink" download href="" target="_blank" hidden>Download</a>
+		</p>
+		<p id="exportSaveMessage" hidden>To save right click and choose "Save image as..." or click the "Download" link</p>
 		<input type="text" id="fullNeomojiName" name="" value="" readonly hidden/>
 		<p>Neomojis are from the following sources: </p>
 			<ul>
diff --git a/neomojimixer.js b/neomojimixer.js
index a38ad3e..d517e62 100644
--- a/neomojimixer.js
+++ b/neomojimixer.js
@@ -16,6 +16,7 @@ const NeomojiMixer = (function(NeomojiMixer) {
 
 	const canvas = document.getElementById("canvas_export");
 	const export_img = document.getElementById("imageExport");
+	const export_img_download = document.getElementById("imageExportLink");
 	const neomoji_name = document.getElementById("fullNeomojiName");
 
 	//Stats
@@ -259,7 +260,8 @@ const NeomojiMixer = (function(NeomojiMixer) {
 
 		ctx.clearRect(0, 0, canvas.width, canvas.height);
 
-		neomoji_name.value = part_handlers.body.getSelectedEntry()[0] + "_" + part_handlers.eyes.getSelectedEntry()[0] + "_" + part_handlers.mouth.getSelectedEntry()[0] + "_" + part_handlers.arms.getSelectedEntry()[0]; //Set name for the emoji to use as the image name and to show as shortcode
+		let name = part_handlers.body.getSelectedEntry()[0] + "_" + part_handlers.eyes.getSelectedEntry()[0] + "_" + part_handlers.mouth.getSelectedEntry()[0] + "_" + part_handlers.arms.getSelectedEntry()[0];
+		neomoji_name.value = name; //Set name for the emoji to use as the image name and to show as shortcode
 
 		let export_layers = [
 			part_handlers.body.createExportImage(),
@@ -281,11 +283,14 @@ const NeomojiMixer = (function(NeomojiMixer) {
 			}
 			let img = canvas.toDataURL(export_mime, export_options);
 			export_img.src = img;
+			export_img_download.href = img;
+			export_img_download.download = name + "." + (export_mime.match(/\/(\w+)/) || ["", "png"])[1];
 		}
 
 		setTimeout(layerCallback, 0); //Run asynchronously
 
 		export_img.hidden = false;
+		export_img_download.hidden = false;
 		neomoji_name.hidden = false;
 		document.getElementById("exportSaveMessage").hidden = false;
 	}