Cleanup demo edge cases and beautify

Author: Imperiopolis

demo/android/app/src/main/kotlin/xyz/juicebox/demo/SecretIdStorageModule.kt

@@ -5,6 +5,7 @@ import com.facebook.react.bridge.ReactContextBaseJavaModule
 import com.facebook.react.bridge.ReactMethod
 import com.facebook.react.bridge.Promise
 import com.google.android.gms.auth.blockstore.Blockstore
+import com.google.android.gms.auth.blockstore.DeleteBytesRequest
 import com.google.android.gms.auth.blockstore.RetrieveBytesRequest
 import com.google.android.gms.auth.blockstore.StoreBytesData
 
@@ -13,6 +14,25 @@ class SecretIdStorageModule(reactContext: ReactApplicationContext) :
 
     override fun getName() = NAME
 
+    @ReactMethod
+    fun isAvailable(promise: Promise) {
+        // TODO: Check if cloud backup is available and fallback to GDrive
+        promise.resolve(null)
+    }
+
+    @ReactMethod
+    fun delete(promise: Promise) {
+        val client = Blockstore.getClient(reactApplicationContext)
+        val deleteRequest = DeleteBytesRequest.Builder()
+          .setKeys(arrayListOf(SECRET_ID_BYTES_KEY))
+          .build()
+        client.deleteBytes(deleteRequest).addOnSuccessListener {
+            promise.resolve(null)
+        }.addOnFailureListener {
+            promise.reject("0", "failed $it", it)
+        }
+    }
+
     @ReactMethod
     fun register(secretId: String, promise: Promise) {
         val client = Blockstore.getClient(reactApplicationContext)

demo/assets/back.png

@@ -11,7 +11,13 @@ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(
   // They will be passed down to the ViewController used by React Native.
   self.initialProps = @{};
 
-  return [super application:application didFinishLaunchingWithOptions:launchOptions];
+
+  BOOL success = [super application:application didFinishLaunchingWithOptions:launchOptions];
+  if (success) {
+    // Modify as needed to match the main color of your splash.
+    self.window.rootViewController.view.backgroundColor = [UIColor colorWithRed:28.0/255.0 green:28.0/255.0 blue:28.0/255.0 alpha:1.0];
+  }
+  return success;
 }
 
 - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge

demo/assets/checkmark.png

@@ -5,7 +5,7 @@
 	<key>CFBundleDevelopmentRegion</key>
 	<string>en</string>
 	<key>CFBundleDisplayName</key>
-	<string>JuiceboxDemo</string>
+	<string>Juicebox</string>
 	<key>CFBundleExecutable</key>
 	<string>$(EXECUTABLE_NAME)</string>
 	<key>CFBundleIdentifier</key>

demo/assets/splash.png

@@ -16,10 +16,10 @@
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
                             <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="splash" translatesAutoresizingMaskIntoConstraints="NO" id="S5V-mY-TnP">
-                                <rect key="frame" x="112.5" y="258.5" width="150" height="150"/>
+                                <rect key="frame" x="125" y="271" width="125" height="125"/>
                                 <constraints>
-                                    <constraint firstAttribute="width" constant="150" id="7hb-7s-QPc"/>
-                                    <constraint firstAttribute="height" constant="150" id="zGa-Wg-Mx7"/>
+                                    <constraint firstAttribute="width" constant="125" id="7hb-7s-QPc"/>
+                                    <constraint firstAttribute="height" constant="125" id="zGa-Wg-Mx7"/>
                                 </constraints>
                             </imageView>
                         </subviews>

demo/ios/JuiceboxDemo/AppDelegate.mm

@@ -2,6 +2,16 @@
 
 @interface RCT_EXTERN_MODULE(SecretIdStorage, NSObject)
 
+RCT_EXTERN_METHOD(
+  isAvailable:(RCTPromiseResolveBlock)resolve
+  reject:(RCTPromiseRejectBlock)reject
+)
+
+RCT_EXTERN_METHOD(
+  delete:(RCTPromiseResolveBlock)resolve
+  reject:(RCTPromiseRejectBlock)reject
+)
+
 RCT_EXTERN_METHOD(
   register:(NSString *)secretId
   resolve:(RCTPromiseResolveBlock)resolve

demo/ios/JuiceboxDemo/Info.plist

@@ -22,6 +22,37 @@ class SecretIdStorage: NSObject {
   static let recordType = "SecretId"
   static let recordId = CKRecord.ID(recordName: "xyz.juicebox.jbid")
 
+  @objc
+  func isAvailable(
+    _ resolve: @escaping RCTPromiseResolveBlock,
+    reject: @escaping RCTPromiseRejectBlock
+  ) {
+    Task {
+      do {
+        try await checkAccountStatus()
+        resolve(())
+      } catch {
+        reject("\((error as NSError).code)", "storage not available: \(error)", error)
+      }
+    }
+  }
+
+  @objc
+  func delete(
+    _ resolve: @escaping RCTPromiseResolveBlock,
+    reject: @escaping RCTPromiseRejectBlock
+  ) {
+    Task {
+      do {
+        try await checkAccountStatus()
+        try await container.privateCloudDatabase.deleteRecord(withID: Self.recordId)
+        resolve(())
+      } catch {
+        reject("\((error as NSError).code)", "Failed to delete record: \(error)", error)
+      }
+    }
+  }
+
   @objc
   func register(
     _ secretId: String,

demo/ios/JuiceboxDemo/LaunchScreen.storyboard

@@ -15,12 +15,10 @@
     "@react-navigation/stack": "^6.3.19",
     "react": "18.2.0",
     "react-native": "0.72.6",
-    "react-native-action-sheet": "^2.2.0",
     "react-native-gesture-handler": "^2.13.3",
     "react-native-randombytes": "^3.6.1",
     "react-native-safe-area-context": "^4.7.3",
     "react-native-screens": "^3.26.0",
-    "react-native-toast-message": "^2.1.6",
     "text-encoding-polyfill": "^0.6.7"
   },
   "devDependencies": {