Provides links&functions based on capacitor-camera.

Documentation

List of links

Camera

The Camera link serves as a container for link structures representing records inside deep.
You need only one container link per deep instance.

Prerequisitions

• Install this package in your deep by using npm-packager
• Provide permissions to this package

Usage

1. Import the library into your TypeScript project:

1import Camera, { createContainer } from "@deep-foundation/capacitor-camera";

2. For mobile apps use getCameraPermissions function to request user action for setting app's camera and gallery permissions.

1const CameraPermissions = await getCameraPermissions();

3. Create container link of type Camera to store Camera data:

1const containerLinkId = await createContainer(deep)

You can also create it manually inside your deepcase client. Open Insert menu, search for and then insert "Camera" type link.

4. Take photos:

Capture a new photo.

1const photo = await Camera.takePhoto(options?);

Upload the array of captured photos to deep database.

1await Camera.uploadPhotos({ deep, containerLinkId, photos });
2// To upload one photo pass it inside an array. [photo]

5. Pick photos from gallery:

Pick a new photo.

1const galleryPhotos = await Camera.pickGalleryPhotos(options?);

Upload the array of picked photos to deep database.

1await Camera.uploadGallery({ deep, containerLinkId, galleryPhotos });

5. Download images from deep database:

Download all existing images made by this camera package as an array.

1const images = await downloadImages(deep);

React Usage

1. Import CapacitorCamera react component or hooks:

1import { WithCapacitorCamera, CapacitorCamera, useCamera, useGallery, usePermissions, useContainer } from "@deep-foundation/capacitor-camera";

2. Create CapacitorCamera component instance inside your deep app and pass a DeepClient instance.

1function Page() {
2  return <CapacitorCamera deep={useDeep()} />
3}

You will see basic ui with all package functionality.

Alternatively you can use WithCapacitorCamera Component like that:

1<WithCapacitorCamera deep={yourDeepInstance} containerLinkId={yourContainerLinkId}>
2    <CapacitorCamera />
3</WithCapacitorCamera>

3. Custom hooks can be used anywhere in your deep app:

useCamera() hook for taking a new photo with the camera. Automatically uploads new photos into your deep instance.

1const { photos, newPhoto } = useCamera({ deep, containerLinkId });

useGallery() hook for picking photos from gallery. Automatically uploads picked photos into your deep instance.

1const { galleryPhotos, pickPhotosFromGallery } = useGallery({ deep, containerLinkId });

• If there is no internet connection photos are stored locally on your device and then will upload as soon as connection reappears.

useContainer() hook to get existing or create a new container link ID.

1const containerLinkId = useContainer(deep);

usePermissions() hook to manage camera and gallery permissions on mobile devices.

1const { cameraPermissions, getPermissions } = usePermissions();

Contribution

Feel free to contribute. Please fork the repository and submit a pull request for any bugs, improvements, or features.