Image cropper

App.tsx

@@ -40,6 +40,7 @@ import { login, logout } from './xmpp/xmpp';
 import { STATUS_URL } from './env/env';
 import { delay } from './util/util';
 import { ReportModal } from './components/report-modal';
+import { ImageCropper } from './components/image-cropper';
 
 // TODO: iOS UI testing
 // TODO: Add the ability to reply to things (e.g. pictures, quiz responses) from people's profiles. You'll need to change the navigation to make it easier to reply to things. Consider breaking profiles into sections which can be replied to, each having one image or block of text. Letting people reply to specific things on the profile will improve intro quality.
@@ -339,6 +340,7 @@ const App = () => {
         </NavigationContainer>
       }
       <ReportModal/>
+      <ImageCropper/>
       <WebSplashScreen loading={isLoading}/>
     </>
   );

api/api.tsx

@@ -1,9 +1,13 @@
+import {
+  Platform,
+} from 'react-native';
 import {
   API_URL,
 } from '../env/env';
 import * as _ from "lodash";
 import { sessionToken } from '../kv-storage/session-token';
 import { Buffer } from "buffer";
+import { NonNullImageCropperOutput } from '../components/image-cropper';
 
 const SUPPORTED_API_VERSIONS = [3];
 
@@ -94,52 +98,8 @@ const japi = async (
   return await api(method, endpoint, init);
 };
 
-const mapi = async (
-  method: string,
-  endpoint: string,
-  filename: string,
-  pathOrBase64: string
-): Promise<ApiResponse> => {
-
-  const formData = (() => {
-    const formData = new FormData();
-
-    if (pathOrBase64.startsWith('file://')) {
-      // If we're on a mobile device, Expo will provide a path to a file.
-      formData.append(
-        filename,
-        {
-          uri: pathOrBase64,
-          name: filename,
-          type: 'image/jpg',
-        } as any
-      );
-    } else {
-      // If we're on a web browser device, Expo will provide a base64-encoded
-      // string.
-      const base64Data = pathOrBase64.split(',')[1];
-      const binary = atob(base64Data);
-      const array = new Uint8Array(binary.length);
-      for (var i = 0; i < binary.length; i++) {
-          array[i] = binary.charCodeAt(i);
-      }
-      const blob = new Blob([array], { type: 'application/octet-stream' });
-      formData.append(filename, blob);
-    }
-
-    return formData;
-  })();
-
-  const init = {
-    body: formData,
-  };
-
-  return await api(method, endpoint, init);
-};
-
 export {
   SUPPORTED_API_VERSIONS,
   api,
   japi,
-  mapi,
 };