You can now select the APK version + better layout

App.js

@@ -3,19 +3,33 @@ import { ActivityIndicator, Button, Linking, Text, View } from "react-native";
 import { Styles } from "./Styles";
 import AsyncStorage from "@react-native-async-storage/async-storage";
 import CheckBox from "@react-native-community/checkbox";
+import DropDownPicker from "react-native-dropdown-picker";
 import RNExitApp from "react-native-exit-app";
 
 export default function App() {
   const [localVersion, setlocalVersion] = useState("N/A");
   const [latestLabel, setLatestLabel] = useState("");
   const [latestVersion, setLatestVersion] = useState("");
   const [loading, isLoading] = useState(false);
-  const [status, setStatus] = useState("");
-  const [buttonText, setButtonText] = useState("CHECK FOR UPDATES");
+  const [statusLabel, setStatusLabel] = useState("");
+  const [buttonLabel, setButtonLabel] = useState("CHECK FOR UPDATES");
   const [updateFound, wasUpdateFound] = useState(false);
+  const [updateChecked, wasUpdateChecked] = useState(false);
   const [downloadUrl, setDownloadUrl] = useState("");
   const [forceDownload, doForceDownload] = useState(false);
+  const [forceCheckboxDisabled, isForceCheckboxDisabled] = useState(false);
 
+  const [open, setOpen] = useState(false);
+  const [apkValue, setApkValue] = useState("universal");
+  const [apkItems, setApkItems] = useState([
+    { label: "Universal", value: "universal" },
+    { label: "arm64-v8a", value: "arm64-v8a" },
+    { label: "armeabi-v7a", value: "armeabi-v7a" },
+    { label: "x86_64", value: "x86_64" },
+    { label: "x86", value: "x86" },
+  ]);
+
+  const DOWNLOAD_UPDATE = "DOWNLOAD UPDATE";
   const API_URL =
     "https://api.github.com/repos/InfinityLoop1308/PipePipe/releases/latest";
 
@@ -26,6 +40,11 @@ export default function App() {
       if (ver !== null) {
         setlocalVersion(ver);
       }
+
+      apk = await AsyncStorage.getItem("apk-value");
+      if (apk !== null) {
+        setApkValue(apk);
+      }
     })();
   }, []);
 
@@ -52,7 +71,7 @@ export default function App() {
     });
 
     if (!response.ok) {
-      setStatus("Unable to fetch!");
+      setStatusLabel("Unable to fetch!");
       isLoading(false);
     } else {
       data = await response.json();
@@ -61,7 +80,7 @@ export default function App() {
 
       for (var i = 0; i < dls.length; i++) {
         url = dls[i].browser_download_url;
-        if (url.endsWith("-universal-release.apk")) {
+        if (url.endsWith(`-${apkValue}-release.apk`)) {
           setDownloadUrl(url);
           break;
         }
@@ -72,16 +91,18 @@ export default function App() {
       isLoading(false);
 
       if (localVersion.localeCompare(latest) == 0) {
-        setStatus("Your version is up to date.");
+        setStatusLabel("Your version is up to date.");
         if (forceDownload) {
-          setButtonText("DOWNLOAD UPDATE");
+          setButtonLabel(DOWNLOAD_UPDATE);
           wasUpdateFound(true);
         }
       } else {
-        setStatus("New version found!");
-        setButtonText("DOWNLOAD UPDATE");
+        setStatusLabel("New version found!");
+        setButtonLabel(DOWNLOAD_UPDATE);
         wasUpdateFound(true);
       }
+
+      wasUpdateChecked(true);
     }
   };
 
@@ -95,24 +116,48 @@ export default function App() {
         <Text />
         <Text style={Styles.text}>{latestLabel}</Text>
         <Text style={Styles.text}>{latestVersion}</Text>
+        <View style={Styles.dropDown}>
+          <Text style={Styles.textApk}>APK to download:</Text>
+          <DropDownPicker
+            open={open}
+            value={apkValue}
+            items={apkItems}
+            setOpen={setOpen}
+            setValue={setApkValue}
+            setItems={setApkItems}
+            disableBorderRadius={true}
+            onChangeValue={(value) => {
+              (async () => {
+                await AsyncStorage.setItem("apk-value", value);
+              })();
+            }}
+          />
+        </View>
       </View>
       <View style={Styles.footerContainer}>
-        <Text>{status}</Text>
-        <Text />
-        <Button title={buttonText} onPress={updateCheck} />
+        <Text>{statusLabel}</Text>
+        <Button title={buttonLabel} onPress={updateCheck} />
+        <View style={Styles.checkboxContainer}>
+          <CheckBox
+            style={Styles.checkbox}
+            disabled={forceCheckboxDisabled}
+            value={forceDownload}
+            onValueChange={(newValue) => {
+              doForceDownload(true);
+              isForceCheckboxDisabled(true);
+
+              if (updateChecked) {
+                setButtonLabel(DOWNLOAD_UPDATE);
+                wasUpdateFound(true);
+              }
+            }}
+          />
+          <Text style={Styles.checkBoxLabel}>FORCE DOWNLOAD</Text>
+        </View>
         {loading && <Text />}
         {loading && <ActivityIndicator size="large" />}
         <Text />
       </View>
-      <View style={Styles.checkboxContainer}>
-        <CheckBox
-          style={Styles.checkbox}
-          disabled={false}
-          value={forceDownload}
-          onValueChange={(newValue) => doForceDownload(newValue)}
-        />
-        <Text style={Styles.checkText}>FORCE DOWNLOAD</Text>
-      </View>
     </View>
   );
 }

README.md

@@ -4,10 +4,6 @@ App made to update PipePipe (https://github.com/InfinityLoop1308/PipePipe) more
 
 
 ## Screenshots
-![Screenshot 1](/screenshots/Screenshot_1726407159.png)  
+![Screenshot 1](/screenshots/screenshot1.png)  ![Screenshot 2](/screenshots/screenshot2.png)  
+![Screenshot 3](/screenshots/screenshot3.png)  ![Screenshot 4](/screenshots/screenshot4.png)  
 
-![Screenshot 2](/screenshots/Screenshot_1726407185.png)  
-
-![Screenshot 3](/screenshots/Screenshot_1726407220.png)  
-
-![Screenshot 4](/screenshots/Screenshot_1726407227.png)  

Styles.js

@@ -16,7 +16,7 @@ export const Styles = StyleSheet.create({
   footerContainer: {
     flex: 1 / 3,
     alignItems: "center",
-    marginBottom: 50,
+    marginBottom: 110,
     marginHorizontal: 5,
     textAlign: "center",
   },
@@ -26,7 +26,7 @@ export const Styles = StyleSheet.create({
   },
   text: {
     color: "#000",
-    fontSize: 36,
+    fontSize: 28,
     textTransform: "uppercase",
   },
   textTitle: {
@@ -39,7 +39,18 @@ export const Styles = StyleSheet.create({
   checkbox: {
     alignSelf: "center",
   },
-  checkText: {
+  checkBoxLabel: {
+    marginLeft: -3,
     margin: 5,
   },
+  dropDown: {
+    marginTop: 60,
+    marginHorizontal: 60,
+    alignItems: "center",
+  },
+  textApk: {
+    color: "#000",
+    fontSize: 22,
+    textTransform: "uppercase",
+  },
 });

app.json

@@ -1,8 +1,8 @@
 {
   "expo": {
-    "name": "PipepipeUpdater",
-    "slug": "PipepipeUpdater",
-    "version": "1.0.0",
+    "name": "PipePipeUpdater",
+    "slug": "PipePipeUpdater",
+    "version": "1.1",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "userInterfaceStyle": "light",

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "pipepipeupdater",
-  "version": "1.0.0",
+  "name": "PipePipeUpdater",
+  "version": "1.1",
   "main": "expo/AppEntry.js",
   "scripts": {
     "start": "expo start",
@@ -15,6 +15,7 @@
     "expo-status-bar": "~1.12.1",
     "react": "18.2.0",
     "react-native": "0.74.5",
+    "react-native-dropdown-picker": "^5.4.6",
     "react-native-exit-app": "^2.0.0"
   },
   "devDependencies": {