From 284d2b2921b89d28e60ad989117beeae9376e3d4 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Mon, 8 Aug 2022 17:51:18 -0700
Subject: [PATCH] actually fix this time?

---
 package.json                                  |  2 +-
 .../client/src/components/media-caption.vue   | 38 +++++++++----------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/package.json b/package.json
index deaa2c564..67e6918ab 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "misskey",
-	"version": "12.118.1-calc.rc.4.8",
+	"version": "12.118.1-calc.rc.4.9",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/components/media-caption.vue b/packages/client/src/components/media-caption.vue
index c21c417d2..a528b6191 100644
--- a/packages/client/src/components/media-caption.vue
+++ b/packages/client/src/components/media-caption.vue
@@ -33,16 +33,12 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import { length } from 'stringz';
-import { createWorker } from 'tesseract.js';
+import Tesseract from 'tesseract.js';
 import MkModal from '@/components/ui/modal.vue';
 import MkButton from '@/components/ui/button.vue';
 import bytes from '@/filters/bytes';
 import number from '@/filters/number';
 
-const worker = createWorker({
-	logger: m => console.log(m),
-});
-
 export default defineComponent({
 	components: {
 		MkModal,
@@ -144,20 +140,24 @@ export default defineComponent({
 			}
 		},
 
-		caption: async () => {
-			const img = document.getElementById('imgtocaption') as HTMLImageElement;
-			const imgurl = img.src;
-			console.log(imgurl)
-			const imgblob = await fetch(imgurl).then(r => r.blob());
-			await worker.load();
-			await worker.loadLanguage('eng');
-			await worker.initialize('eng');
-			const { data: { text } } = await worker.recognize(imgblob);
-			console.log(text);
-			// document.getElementById('recognized-text').innerText = text;
-			// const allowedLength = 512 - this.inputValue.length;
-			// this.inputValue += text.slice(0, allowedLength);
-			await worker.terminate();
+		caption() {
+			const img = document.getElementById('imgtocaption');
+			Tesseract.recognize(
+				img,
+				'eng',
+				{ logger: m => console.log(m) },
+			).then(({ data: { text } }) => {
+				console.log(text);
+			});
+			// await worker.load();
+			// await worker.loadLanguage('eng');
+			// await worker.initialize('eng');
+			// const { data: { text } } = await worker.recognize(img);
+			// console.log(text);
+			// // document.getElementById('recognized-text').innerText = text;
+			// // const allowedLength = 512 - this.inputValue.length;
+			// // this.inputValue += text.slice(0, allowedLength);
+			// await worker.terminate();
 		},
 	},
 });