From 1c1e8c143b8a3b7d90ebefc09c065c85d7012612 Mon Sep 17 00:00:00 2001
From: wewewe-ok <combination.kyoukyou@gmail.com>
Date: Thu, 18 Apr 2024 14:49:23 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20fetch=E5=87=A6=E7=90=86=E3=82=92?=
 =?UTF-8?q?=E9=96=A2=E6=95=B0=E3=81=A7=E5=88=87=E3=82=8A=E5=87=BA=E3=81=97?=
 =?UTF-8?q?=E3=81=A6=E3=80=811=E9=96=A2=E6=95=B0=E3=81=82=E3=81=9F?=
 =?UTF-8?q?=E3=82=8A=E3=81=AE=E8=AA=8D=E7=9F=A5=E8=A4=87=E9=9B=91=E5=BA=A6?=
 =?UTF-8?q?=E3=82=92=E6=94=B9=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 islands/ImageForm.tsx | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/islands/ImageForm.tsx b/islands/ImageForm.tsx
index 7726470..1e5f031 100644
--- a/islands/ImageForm.tsx
+++ b/islands/ImageForm.tsx
@@ -1,5 +1,20 @@
 import { useSignal } from "https://esm.sh/*@preact/signals@1.2.1";
 
+const createAsciiArt = async (image: File) => {
+  const formData = new FormData();
+  formData.append("files", image);
+  const url =
+    location.hostname === "localhost"
+      ? "http://127.0.0.1:8080/files/"
+      : "https://create-ascii-art.onrender.com/files/";
+  const response = await fetch(url, {
+    method: "POST",
+    body: formData,
+    mode: "cors",
+  });
+  return response.blob();
+};
+
 export default function ImageForm() {
   const isActiveFileUpLoderDisable = useSignal(false);
   const buttonDisable = useSignal(false);
@@ -35,18 +50,7 @@ export default function ImageForm() {
     previewUploadImage.value = true;
     isAnnounsing.value = true;
 
-    const formData = new FormData();
-    formData.append("files", image);
-    const url =
-      location.hostname === "localhost"
-        ? "http://127.0.0.1:8080/files/"
-        : "https://create-ascii-art.onrender.com/files/";
-    const response = await fetch(url, {
-      method: "POST",
-      body: formData,
-      mode: "cors",
-    });
-    const asciiArtBlob = await response.blob();
+    const asciiArtBlob = await createAsciiArt(image);
     const blobUrl = await window.URL.createObjectURL(asciiArtBlob);
     const fileData = new FileReader();
     fileData.onload = () => {