Filepicker Test

.gitignore

@@ -1 +1,2 @@
 */node_modules/
+*.code-workspace

client-ionic/package-lock.json

@@ -1274,6 +1274,19 @@
         "to-fast-properties": "^2.0.0"
       }
     },
+    "@capacitor/core": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-5.5.0.tgz",
+      "integrity": "sha512-w59io0ctwnb7JRng7yO2H0YLHG8uz7XARUugRfp5aYTNiG55FqdSmSMOOqGCMPRg4sEnKjJTvAa4ImCYh3Kk1w==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "@capawesome/capacitor-file-picker": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@capawesome/capacitor-file-picker/-/capacitor-file-picker-5.1.1.tgz",
+      "integrity": "sha512-VtWV/er8Kux5Bbb0BtRneAaL8aj7zKoSPSR5sn3QlVBccete+CX+nH3scg6JKrogoitNP35PS33LIoaz9WVZiA=="
+    },
     "@colors/colors": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",

client-ionic/package.json

@@ -13,6 +13,8 @@
     "lint": "eslint"
   },
   "dependencies": {
+    "@capacitor/core": "^5.5.0",
+    "@capawesome/capacitor-file-picker": "^5.1.1",
     "@ionic/react": "^7.0.0",
     "@ionic/react-router": "^7.0.0",
     "@types/react-router": "^5.1.20",

client-ionic/src/pages/Home.tsx

@@ -1,10 +1,23 @@
-import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
+import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonButton } from '@ionic/react';
 import ExploreContainer from '../components/ExploreContainer';
 import './Home.css';
 import "../../../server-node/public/wasm/pdfcpu-wrapper-browser.js"
 import { splitPDF } from '../utils/pdf-operations.js';
+
+import { FilePicker } from '@capawesome/capacitor-file-picker';
+
+async function testFunction() {
+    console.log("Test Function for Button Click");
     console.log(splitPDF);
 
+    const result = await FilePicker.pickFiles({
+        types: ['application/pdf'],
+        multiple: true,
+    });
+
+    console.log(result);
+}
+
 const Home: React.FC = () => {
   return (
     <IonPage>
@@ -19,7 +32,7 @@ const Home: React.FC = () => {
             <IonTitle size="large">Blank</IonTitle>
           </IonToolbar>
         </IonHeader>
-        <ExploreContainer />
+        <IonButton onClick={testFunction}>Default</IonButton>
       </IonContent>
     </IonPage>
   );