From fca9f2c3ab2d0a79a1451d162f67f5b20a67d3ab Mon Sep 17 00:00:00 2001
From: sandro-imhof <sandro.imhof@gridonic.ch>
Date: Thu, 21 Dec 2023 13:19:08 +0100
Subject: [PATCH] fix: change logic to send raw data to api

---
 .../AltTextGeneratorInputsFieldtype.vue       | 26 +++++++++----------
 .../AltTextGeneratorController.php            |  8 +++---
 src/Services/AltTextAiApiRequestService.php   |  6 ++---
 src/Services/ImageDataService.php             | 15 ++++++++---
 4 files changed, 32 insertions(+), 23 deletions(-)

diff --git a/resources/js/components/AltTextGeneratorInputsFieldtype.vue b/resources/js/components/AltTextGeneratorInputsFieldtype.vue
index 75f4e0e..c0eceac 100644
--- a/resources/js/components/AltTextGeneratorInputsFieldtype.vue
+++ b/resources/js/components/AltTextGeneratorInputsFieldtype.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="node" />
+  <div ref="node"/>
 </template>
 
 <script>
@@ -67,7 +67,7 @@ export default {
       let language = '';
       const parent = e.currentTarget.closest('.form-group');
       const selectedInput = parent.querySelector('.input-group')
-        .querySelector('.input-text');
+          .querySelector('.input-text');
       if (selectedInput.getAttribute('id') === 'field_alt_de') {
         language = 'de';
       } else if (selectedInput.getAttribute('id') === 'field_alt_fr') {
@@ -87,18 +87,18 @@ export default {
         },
         body: dataToSend,
       })
-        .then((response) => response.json())
-        .then((data) => {
-          selectedInput.value = data.altText;
-          const inputEvent = new Event('input', {
-            bubbles: true,
-            cancelable: true,
+          .then((response) => response.json())
+          .then((data) => {
+            selectedInput.value = data.altText;
+            const inputEvent = new Event('input', {
+              bubbles: true,
+              cancelable: true,
+            });
+            selectedInput.dispatchEvent(inputEvent);
+          })
+          .catch((error) => {
+            console.log(error);
           });
-          selectedInput.dispatchEvent(inputEvent);
-        })
-        .catch((error) => {
-          console.log(error);
-        });
     },
   },
 };
diff --git a/src/Controllers/AltTextGeneratorController.php b/src/Controllers/AltTextGeneratorController.php
index 9a4ff4a..4b32e93 100644
--- a/src/Controllers/AltTextGeneratorController.php
+++ b/src/Controllers/AltTextGeneratorController.php
@@ -38,12 +38,12 @@ public function generateAltText(string $url, string $textLanguage)
         $imageDataService = new ImageDataService();
         $altTextAiApiRequestService = new AltTextAiApiRequestService();
 
-        $imageUrl = $imageDataService->processImageUrl($url);
-        if (!$imageUrl) {
-            return new JsonResponse(['error' => 'imageUrl could not be created'], '401');
+        $rawData = $imageDataService->processImageUrl($url);
+        if (!$rawData) {
+            return new JsonResponse(['error' => 'Image raw data could not be created'], '401');
         }
 
-        $altText = $altTextAiApiRequestService->sendRequest($imageUrl, $textLanguage);
+        $altText = $altTextAiApiRequestService->sendRequest($rawData, $textLanguage);
 
         if (!$altText) {
             return new JsonResponse(['error' => 'alt text could not be generated'], '401');
diff --git a/src/Services/AltTextAiApiRequestService.php b/src/Services/AltTextAiApiRequestService.php
index 5435592..f9ac3be 100644
--- a/src/Services/AltTextAiApiRequestService.php
+++ b/src/Services/AltTextAiApiRequestService.php
@@ -8,7 +8,7 @@
 
 class AltTextAiApiRequestService
 {
-    public function sendRequest(string $imageUrl, string $textLanguage)
+    public function sendRequest(string $rawData, string $textLanguage)
     {
         $apiEndpoint = AltTextAiApi::API_ENDPOINT;
         $client = new Client();
@@ -21,7 +21,7 @@ public function sendRequest(string $imageUrl, string $textLanguage)
         $data = [
             'lang' => $textLanguage,
             'image' => [
-                'url' => $imageUrl
+                'raw' => $rawData
             ]
         ];
 
@@ -32,7 +32,7 @@ public function sendRequest(string $imageUrl, string $textLanguage)
             ]);
 
             $responseData = json_decode($response->getBody());
-            $altText = $responseData['alt_text'];
+            $altText = $responseData->alt_text;
         } catch (Exception $e) {
             return $e->getMessage();
         }
diff --git a/src/Services/ImageDataService.php b/src/Services/ImageDataService.php
index 1683665..4447436 100644
--- a/src/Services/ImageDataService.php
+++ b/src/Services/ImageDataService.php
@@ -7,13 +7,22 @@ class ImageDataService
     public function processImageUrl(string $url): string
     {
         $replacements = array(
-            "/cp" => "",
+            "https://boilerplate.gridonic.test/cp" => "",
             "/browse" => "",
             "_assets" => "",
             "/edit" => "",
         );
-        $imageUrl = strtr($url, $replacements);
+        $imagePath = $_SERVER['DOCUMENT_ROOT'] . strtr($url, $replacements);
 
-        return $imageUrl;
+        $rawData = $this->encodeImage($imagePath);
+        return $rawData;
+    }
+
+    public function encodeImage(string $imagePath): string
+    {
+        $image = file_get_contents($imagePath);
+        $rawData = base64_encode($image);
+
+        return $rawData;
     }
 }