Filepicker Test

This commit is contained in:
Felix Kaspar 2023-10-24 21:26:31 +02:00
parent 5579892aa7
commit 989a5e02b9
4 changed files with 32 additions and 3 deletions

1
.gitignore vendored
View File

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

View File

@ -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",

View File

@ -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",

View File

@ -1,9 +1,22 @@
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';
console.log(splitPDF);
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 (
@ -19,7 +32,7 @@ const Home: React.FC = () => {
<IonTitle size="large">Blank</IonTitle>
</IonToolbar>
</IonHeader>
<ExploreContainer />
<IonButton onClick={testFunction}>Default</IonButton>
</IonContent>
</IonPage>
);