Capacitor Contacts

A plugin to handle the manipulation of contacts in a capacitor based App.

This plugin is a maintained plugin for the Capacitor framework. It's original version is available on GitHub.

Prerequisites

Setup your project with Capacitor. For details check here: https://capacitorjs.com

cd my-app
npm install --save @capacitor/core @capacitor/cli

Initialize Capacitor

npx cap init

Add the platforms you want to use.

npx cap add android
npx cap add ios
npx cap add electron

Installation

Preparation

Generate an access token here with api_read scope. In your terminal :

echo "@webqam:registry=https://gitlab.webqam.fr/api/v4/packages/npm/" >> .npmrc
echo //gitlab.webqam.fr/api/v4/packages/npm/:_authToken=YOUR_ACCES_TOKEN_HERE >> .npmrc

Don't forger to replace YOUR_ACCES_TOKEN_HERE with the previously generated token

Install:

npm i --save @webqam/plugin-synchro-des-contacts

Sync:

npx cap sync

iOS

For iOS you need to set a usage description in your info.plist file. (Privacy Setting) Open xCode search for your info.plist file and press the tiny "+". Add the following entry:

Privacy - Contacts Usage Description

Give it a value like:

"We need access to your contacts in order to do something."

Android Notes

For Android you have to add the permissions in your AndroidManifest.xml. Add the following permissions before the closing of the "manifest" tag.

<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS"/>

Next import the capContacts class to your MainActivity

public class MainActivity extends BridgeActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        registerPlugin(Contacts.class);
    }
}

Make sure to import it properly as well.

import fr.webqam.capacitor.contacts.Contacts;

NOTE: On Android you have to ask for permission first, before you can fetch the contacts. Use the getPermissions() method before you try to fetch contacts using getContacts().

Usage / Examples

You have the following Methods available:

export interface ContactsPlugin {
  hasPermissions(): Promise<PermissionStatus>;
  askPermissions(): Promise<PermissionStatus>;
  getContacts(): Promise<{ contacts: Contact[] }>;
  saveContact(contact: NewContact): Promise<void>;
}

If you're considering to use this plugin you most likely want to retrieve contacts a users contacts:

Import the Plugin in your TS file:

import { Contacts } from '@capacitor-community/contacts'

Next use it and console log the result:

Contacts.getContacts().then(result => {
    console.log(result);
    for (const contact of result.contacts) {
        console.log(contact);
    }
});

That's it. Do Whatever you want with the retrieved contacts.

If you're trying to build something like "contacts matching" based on phone numbers, recommends using google libphonenumber based library awesome-phonenumber.

In order to match them properly you need to format them before you can match or store them properly.

Interfaces

export interface PermissionStatus {
  granted: boolean;
}

export interface Contact {
  contactId: string;
  displayName?: string;
  phoneNumbers: PhoneNumber[];
  emails: EmailAddress[];
  photoThumbnail?: string;
  organizationName?: string;
  organizationRole?: string;
  birthday?: string;
}

export interface PhoneNumber {
  label?: string;
  number?: string;
}

export interface EmailAddress {
  label?: string;
  address?: string;
}

Built With

• Swift 5
• Java
• Capacitor

Authors

• Guillaume ARINO
• Arthur BRUNON
• Original version : Jonathan Gerber (idrimi)

License

Proprietary

Contributors

• Guillaume ARINO
• Arthur BRUNON

API

• hasPermissions()
• askPermissions()
• getContacts()
• saveContact(...)
• deleteContact(...)
• Interfaces
• Enums

hasPermissions()

hasPermissions() => Promise<PermissionStatus>

Returns: Promise<PermissionStatus>

askPermissions()

askPermissions() => Promise<PermissionStatus>

Returns: Promise<PermissionStatus>

getContacts()

getContacts() => Promise<{ contacts: Contact[]; }>

Returns: Promise<{ contacts: Contact[]; }>

saveContact(...)

saveContact(contact: NewContact) => Promise<void>

| Param | Type | | ------------- | ------------------------------------------------- | | contact | NewContact |

deleteContact(...)

deleteContact(contact: Contact) => Promise<void>

| Param | Type | | ------------- | ------------------------------------------- | | contact | Contact |

Interfaces

PermissionStatus

| Prop | Type | | ------------- | -------------------- | | granted | boolean |

Contact

| Prop | Type | | ---------------------- | --------------------------- | | contactId | string | | displayName | string | | phoneNumbers | PhoneNumber[] | | emails | EmailAddress[] | | photoThumbnail | string | | organizationName | string | | organizationRole | string | | birthday | string |

PhoneNumber

| Prop | Type | | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | label | "callback" | "mobile" | "home" | "work" | "fax work" | "fax home" | "pager" | "car" | "company main" | "isdn" | "main" | "other fax" | "radio" | "telex" | "tty" | "work mobile" | "work page" | "assistant" | "mms" | | number | string |

EmailAddress

| Prop | Type | | ------------- | ---------------------------------------------------- | | label | "mobile" | "home" | "work" | "other" | | address | string |

NewContact

New contact schema.

| Prop | Type | Description | | ---------------------- | --------------------------------------------------- | ------------ | | contactType | ContactType | | | namePrefix | string | | | givenName | string | | | middleName | string | | | familyName | string | | | nameSuffix | string | | | nickname | string | | | jobTitle | string | | | departmentName | string | | | organizationName | string | | | postalAddresses | PostalAddress[] | | | emailAddresses | EmailAddress[] | | | urlAddresses | UrlAddress[] | | | phoneNumbers | PhoneNumber[] | | | birthday | string | | | socialProfiles | SocialProfile[] | | | image | string | Base64 image |

PostalAddress

| Prop | Type | | ------------- | ------------------------------------------------------------------------------------------------------- | | label | string | | address | { street?: string; city?: string; state?: string; postalCode?: string; country?: string; } |

UrlAddress

| Prop | Type | | ----------- | ------------------- | | label | string | | url | string |

SocialProfile

| Prop | Type | | ------------- | ------------------------------------------------------------------------- | | label | string | | profile | { username?: string; service?: string; urlString?: string; } |

Enums

ContactType

| Members | | ------------------ | | Person | | Organization |