From b60bbe004dec61e974d1853d45c390b617f0b427 Mon Sep 17 00:00:00 2001
From: Frodo161 <marlon.kocher@web.de>
Date: Sun, 17 Sep 2023 10:18:10 +0200
Subject: [PATCH] Move dataURLtoBlob() to thymeUtility.

---
 app/assets/javascripts/thyme/utility.js | 17 +++++++++++++++++
 app/assets/javascripts/thyme_editor.js  | 18 ++----------------
 2 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/app/assets/javascripts/thyme/utility.js b/app/assets/javascripts/thyme/utility.js
index 840d1d91e..a036c77d8 100644
--- a/app/assets/javascripts/thyme/utility.js
+++ b/app/assets/javascripts/thyme/utility.js
@@ -24,6 +24,23 @@ const thymeUtility = {
                  thymeUtility.toHexaDecimal(red);
   },
 
+  /*
+    Convert given dataURL to Blob, used for converting screenshot canvas to png.
+   */
+  dataURLtoBlob: function(dataURL) {
+    // Decode the dataURL
+    const binary = atob(dataURL.split(',')[1]);
+    // Create 8-bit unsigned array
+    let array = [];
+    for (let i = 0; i < binary.length; i++) {
+      array.push(binary.charCodeAt(i));
+    }
+    // Return our Blob object
+    return new Blob([new Uint8Array(array)], {
+      type: 'image/png'
+    });
+  },
+
   /*
      Lightens up a given color (given in a string in hexadecimal
      representation "#xxyyzz") such that e.g. black becomes dark grey.
diff --git a/app/assets/javascripts/thyme_editor.js b/app/assets/javascripts/thyme_editor.js
index 0dfe09e7a..df2d78fd8 100644
--- a/app/assets/javascripts/thyme_editor.js
+++ b/app/assets/javascripts/thyme_editor.js
@@ -1,18 +1,3 @@
-// convert given dataURL to Blob, used for converting screenshot canvas to png
-function dataURLtoBlob(dataURL) {
-  // Decode the dataURL
-  const binary = atob(dataURL.split(',')[1]);
-  // Create 8-bit unsigned array
-  let array = [];
-  for (let i = 0; i < binary.length; i++) {
-    array.push(binary.charCodeAt(i));
-  }
-  // Return our Blob object
-  return new Blob([new Uint8Array(array)], {
-    type: 'image/png'
-  });
-};
-
 $(document).on('turbolinks:load', function() {
   /*
     VIDEO INITIALIZATION
@@ -24,6 +9,7 @@ $(document).on('turbolinks:load', function() {
   }
   // initialize attributes
   const video = document.getElementById('video-edit');
+  const mediumId = thymeEdit.dataset.medium;
   thymeAttributes.video = video;
   thymeAttributes.mediumId = thymeEdit.dataset.medium;
 
@@ -100,7 +86,7 @@ $(document).on('turbolinks:load', function() {
     context.drawImage(video, 0, 0, canvas.width, canvas.height);
     const base64image = canvas.toDataURL('image/png');
     // Get our file
-    const file = dataURLtoBlob(base64image);
+    const file = thymeUtility.dataURLtoBlob(base64image);
     // Create new form data
     const fd = new FormData;
     // Append our Canvas image file to the form data