🔬 Wiring up the image analysis UI with the endpoint

src/client/actions/comicinfo.actions.tsx

@@ -1,6 +1,6 @@
 import axios from "axios";
 import rateLimiter from "axios-rate-limit";
-import { map } from "lodash";
+
 import qs from "qs";
 import { IExtractionOptions } from "threetwo-ui-typings";
 import {
@@ -9,8 +9,6 @@ import {
   CV_API_GENERIC_FAILURE,
   IMS_COMIC_BOOK_DB_OBJECT_CALL_IN_PROGRESS,
   IMS_COMIC_BOOK_DB_OBJECT_FETCHED,
-  IMS_COMIC_BOOK_ARCHIVE_EXTRACTION_SUCCESS,
-  IMS_COMIC_BOOK_ARCHIVE_EXTRACTION_CALL_IN_PROGRESS,
   CV_ISSUES_METADATA_CALL_IN_PROGRESS,
   CV_CLEANUP,
   IMS_COMIC_BOOKS_DB_OBJECTS_FETCHED,
@@ -175,39 +173,3 @@ export const applyComicVineMatch =
       IMS_inProgress: false,
     });
   };
-
-export const extractComicArchive =
-  (path: string, options: IExtractionOptions) => async (dispatch) => {
-    const comicBookPages: string[] = [];
-    dispatch({
-      type: IMS_COMIC_BOOK_ARCHIVE_EXTRACTION_CALL_IN_PROGRESS,
-    });
-    const extractedComicBookArchive = await axios({
-      method: "POST",
-      url: `${LIBRARY_SERVICE_BASE_URI}/unrarArchive`,
-      headers: {
-        "Content-Type": "application/json; charset=utf-8",
-      },
-      data: {
-        options,
-        filePath: path,
-      },
-    });
-    map(extractedComicBookArchive.data, (page) => {
-      const foo = page.path.split("/");
-      const folderName = foo[foo.length - 1];
-      const imagePath = encodeURI(
-        `${LIBRARY_SERVICE_BASE_URI}/userdata/expanded/` +
-          folderName +
-          `/` +
-          page.name +
-          page.extension,
-      );
-      comicBookPages.push(imagePath);
-    });
-    console.log(comicBookPages);
-    dispatch({
-      type: IMS_COMIC_BOOK_ARCHIVE_EXTRACTION_SUCCESS,
-      extractedComicBookArchive: comicBookPages,
-    });
-  };

src/client/actions/fileops.actions.tsx

@@ -2,7 +2,9 @@ import axios from "axios";
 import { IFolderData } from "threetwo-ui-typings";
 import {
   COMICVINE_SERVICE_URI,
+  IMAGETRANSFORMATION_SERVICE_BASE_URI,
   LIBRARY_SERVICE_BASE_URI,
+  LIBRARY_SERVICE_HOST,
 } from "../constants/endpoints";
 import {
   IMS_COMIC_BOOK_GROUPS_FETCHED,
@@ -16,9 +18,13 @@ import {
   IMS_CV_METADATA_IMPORT_SUCCESSFUL,
   IMS_CV_METADATA_IMPORT_FAILED,
   LS_IMPORT,
+  IMG_ANALYSIS_CALL_IN_PROGRESS,
+  IMG_ANALYSIS_DATA_FETCH_SUCCESS,
+  IMS_COMIC_BOOK_ARCHIVE_EXTRACTION_SUCCESS,
+  IMS_COMIC_BOOK_ARCHIVE_EXTRACTION_CALL_IN_PROGRESS,
 } from "../constants/action-types";
 import { success } from "react-notification-system-redux";
-import { isNil } from "lodash";
+import { isNil, map } from "lodash";
 
 export async function walkFolder(path: string): Promise<Array<IFolderData>> {
   return axios
@@ -212,3 +218,61 @@ export const fetchComicVineMatches =
       type: CV_CLEANUP,
     });
   };
+
+export const extractComicArchive =
+  (path: string, options: IExtractionOptions) => async (dispatch) => {
+    const comicBookPages: string[] = [];
+    dispatch({
+      type: IMS_COMIC_BOOK_ARCHIVE_EXTRACTION_CALL_IN_PROGRESS,
+    });
+    const extractedComicBookArchive = await axios({
+      method: "POST",
+      url: `${LIBRARY_SERVICE_BASE_URI}/unrarArchive`,
+      headers: {
+        "Content-Type": "application/json; charset=utf-8",
+      },
+      data: {
+        options,
+        filePath: path,
+      },
+    });
+    map(extractedComicBookArchive.data, (page) => {
+      const pathItems = page.filePath.split("/");
+      const folderName = pathItems[pathItems.length - 2];
+
+      const imagePath = encodeURI(
+        `${LIBRARY_SERVICE_HOST}/userdata/expanded/` +
+          folderName +
+          `/` +
+          page.name +
+          page.extension,
+      );
+      comicBookPages.push(imagePath);
+    });
+    console.log(comicBookPages);
+    dispatch({
+      type: IMS_COMIC_BOOK_ARCHIVE_EXTRACTION_SUCCESS,
+      extractedComicBookArchive: comicBookPages,
+    });
+  };
+
+export const analyzeImage =
+  (imageFilePath: string | Buffer) => async (dispatch) => {
+    console.log(imageFilePath);
+    dispatch({
+      type: IMG_ANALYSIS_CALL_IN_PROGRESS,
+    });
+
+    const foo = await axios({
+      url: `${IMAGETRANSFORMATION_SERVICE_BASE_URI}/analyze`,
+      method: "POST",
+      data: {
+        imageFilePath,
+      },
+    });
+    console.log(foo);
+    dispatch({
+      type: IMG_ANALYSIS_DATA_FETCH_SUCCESS,
+      result: foo.data,
+    });
+  };