jsnbuchanan/crowd-funder-for-time-pwa
1
0
Fork 1
forked from trent_larson/crowd-funder-for-time-pwa
Code Issues Pull Requests Projects Releases Wiki Activity

chore(deps): Add Capacitor camera and filesystem plugins

Browse Source 
- Add @capacitor/camera@6.0.0 for cross-platform photo capture
- Add @capacitor/filesystem@6.0.0 for file system operations
- Maintain compatibility with existing Capacitor core v6.2.1

These plugins enable native camera access and file system operations
for the Capacitor platform implementation.
This commit is contained in:
Matthew Raymer
2025-04-06 13:28:50 +00:00
parent b0a66d790d
commit 4b203ed815
7 changed files with 64 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
package-lock.json generated
View File

@@ -10,8 +10,10 @@
"dependencies": {
"@capacitor/android": "^6.2.0",
"@capacitor/app": "^6.0.0",
"@capacitor/camera": "^6.0.0",
"@capacitor/cli": "^6.2.0",
"@capacitor/core": "^6.2.0",
"@capacitor/filesystem": "^6.0.0",
"@capacitor/ios": "^6.2.0",
"@dicebear/collection": "^5.4.1",
"@dicebear/core": "^5.4.1",
@@ -2768,6 +2770,15 @@
"url": "https://github.com/sponsors/isaacs"
}
},
"node_modules/@capacitor/camera": {
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/@capacitor/camera/-/camera-6.0.0.tgz",
"integrity": "sha512-AZ/gfVPC3lsKbk9/yHI60ygNyOkN5jsCb4bHxXFbW0bss3XYtR/J1XWFJGkFNiRErNnTz6jnDrhsGCr7+JPfiA==",
"license": "MIT",
"peerDependencies": {
"@capacitor/core": "^6.0.0"
}
},
"node_modules/@capacitor/cli": {
"version": "6.2.1",
"resolved": "https://registry.npmjs.org/@capacitor/cli/-/cli-6.2.1.tgz",
@@ -2878,6 +2889,15 @@
"tslib": "^2.1.0"
}
},
"node_modules/@capacitor/filesystem": {
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/@capacitor/filesystem/-/filesystem-6.0.0.tgz",
"integrity": "sha512-GnC4CBfky7fvG9zSV/aQnZaGs6ZJ90AaQorr53z81ArTCqcrSUeBMuCxWmvti9HrdXLhBavyA1UOjvRGObOFjg==",
"license": "MIT",
"peerDependencies": {
"@capacitor/core": "^6.0.0"
}
},
"node_modules/@capacitor/ios": {
"version": "6.2.1",
"resolved": "https://registry.npmjs.org/@capacitor/ios/-/ios-6.2.1.tgz",

2
package.json
View File

@@ -44,8 +44,10 @@
"dependencies": {
"@capacitor/android": "^6.2.0",
"@capacitor/app": "^6.0.0",
"@capacitor/camera": "^6.0.0",
"@capacitor/cli": "^6.2.0",
"@capacitor/core": "^6.2.0",
"@capacitor/filesystem": "^6.0.0",
"@capacitor/ios": "^6.2.0",
"@dicebear/collection": "^5.4.1",
"@dicebear/core": "^5.4.1",

34
src/components/PhotoDialog.vue
View File

@@ -92,10 +92,10 @@
<script lang="ts">
/**
* PhotoDialog.vue - Cross-platform photo capture and selection component
*
*
* This component provides a unified interface for taking photos and selecting images
* across different platforms using the PlatformService.
*
*
* @author Matthew Raymer
* @file PhotoDialog.vue
*/
@@ -186,12 +186,15 @@ export default class PhotoDialog extends Vue {
this.fileName = result.fileName;
} catch (error) {
logger.error("Error taking picture:", error);
this.$notify({
group: "alert",
type: "danger",
title: "Error",
text: "Failed to take picture. Please try again.",
}, 5000);
this.$notify(
{
group: "alert",
type: "danger",
title: "Error",
text: "Failed to take picture. Please try again.",
},
5000,
);
}
}
@@ -202,12 +205,15 @@ export default class PhotoDialog extends Vue {
this.fileName = result.fileName;
} catch (error) {
logger.error("Error picking image:", error);
this.$notify({
group: "alert",
type: "danger",
title: "Error",
text: "Failed to pick image. Please try again.",
}, 5000);
this.$notify(
{
group: "alert",
type: "danger",
title: "Error",
text: "Failed to pick image. Please try again.",
},
5000,
);
}
}

6
src/services/platforms/CapacitorPlatformService.ts
View File

@@ -49,7 +49,7 @@ export class CapacitorPlatformService implements PlatformService {
const blob = await this.processImageData(image.base64String);
return {
blob,
fileName: `photo_${Date.now()}.${image.format || 'jpg'}`
fileName: `photo_${Date.now()}.${image.format || "jpg"}`,
};
} catch (error) {
logger.error("Error taking picture with Capacitor:", error);
@@ -69,7 +69,7 @@ export class CapacitorPlatformService implements PlatformService {
const blob = await this.processImageData(image.base64String);
return {
blob,
fileName: `photo_${Date.now()}.${image.format || 'jpg'}`
fileName: `photo_${Date.now()}.${image.format || "jpg"}`,
};
} catch (error) {
logger.error("Error picking image with Capacitor:", error);
@@ -94,7 +94,7 @@ export class CapacitorPlatformService implements PlatformService {
const byteArray = new Uint8Array(byteNumbers);
byteArrays.push(byteArray);
}
return new Blob(byteArrays, { type: 'image/jpeg' });
return new Blob(byteArrays, { type: "image/jpeg" });
}
isCapacitor(): boolean {

10
src/services/platforms/ElectronPlatformService.ts
View File

@@ -1,4 +1,5 @@
import { PlatformService } from "../PlatformService";
import { ImageResult, PlatformService } from "../PlatformService";
import { logger } from "../../utils/logger";
export class ElectronPlatformService implements PlatformService {
async readFile(path: string): Promise<string> {
@@ -17,11 +18,13 @@ export class ElectronPlatformService implements PlatformService {
throw new Error("Not implemented");
}
async takePicture(): Promise<string> {
async takePicture(): Promise<ImageResult> {
logger.error("takePicture not implemented in Electron platform");
throw new Error("Not implemented");
}
async pickImage(): Promise<string> {
async pickImage(): Promise<ImageResult> {
logger.error("pickImage not implemented in Electron platform");
throw new Error("Not implemented");
}
@@ -42,6 +45,7 @@ export class ElectronPlatformService implements PlatformService {
}
async handleDeepLink(url: string): Promise<void> {
logger.error("handleDeepLink not implemented in Electron platform");
throw new Error("Not implemented");
}
}

10
src/services/platforms/PyWebViewPlatformService.ts
View File

@@ -1,4 +1,5 @@
import { PlatformService } from "../PlatformService";
import { ImageResult, PlatformService } from "../PlatformService";
import { logger } from "../../utils/logger";
export class PyWebViewPlatformService implements PlatformService {
async readFile(path: string): Promise<string> {
@@ -17,11 +18,13 @@ export class PyWebViewPlatformService implements PlatformService {
throw new Error("Not implemented");
}
async takePicture(): Promise<string> {
async takePicture(): Promise<ImageResult> {
logger.error("takePicture not implemented in PyWebView platform");
throw new Error("Not implemented");
}
async pickImage(): Promise<string> {
async pickImage(): Promise<ImageResult> {
logger.error("pickImage not implemented in PyWebView platform");
throw new Error("Not implemented");
}
@@ -42,6 +45,7 @@ export class PyWebViewPlatformService implements PlatformService {
}
async handleDeepLink(url: string): Promise<void> {
logger.error("handleDeepLink not implemented in PyWebView platform");
throw new Error("Not implemented");
}
}

10
src/services/platforms/WebPlatformService.ts
View File

@@ -32,7 +32,7 @@ export class WebPlatformService implements PlatformService {
const blob = await this.processImageFile(file);
resolve({
blob,
fileName: file.name || "photo.jpg"
fileName: file.name || "photo.jpg",
});
} catch (error) {
logger.error("Error processing camera image:", error);
@@ -60,7 +60,7 @@ export class WebPlatformService implements PlatformService {
const blob = await this.processImageFile(file);
resolve({
blob,
fileName: file.name || "photo.jpg"
fileName: file.name || "photo.jpg",
});
} catch (error) {
logger.error("Error processing picked image:", error);
@@ -82,9 +82,9 @@ export class WebPlatformService implements PlatformService {
const dataUrl = event.target?.result as string;
// Convert to blob to ensure consistent format
fetch(dataUrl)
.then(res => res.blob())
.then(blob => resolve(blob))
.catch(error => {
.then((res) => res.blob())
.then((blob) => resolve(blob))
.catch((error) => {
logger.error("Error converting data URL to blob:", error);
reject(error);
});