Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
capacitor-email-composer
Advanced tools
This Plugin is used to open a native E-Mail Composer within your Capacitor App.
Table of Content
npm install capacitor-email-composer
npx cap sync
You can add attachments to the draft mail by using the attachments
option in the open(...)
method.
Every attachment needs a type
and a path
. If you are adding a base64
type attachment, you also need to set the name
:
The path to the files must be defined absolute from the root of the file system. On Android the user has to allow the app first to read from external storage!
import { EmailComposer } from 'capacitor-email-composer'
EmailComposer.open({
attachments: [{
type: 'absolute',
path: 'storage/sdcard/icon.png' // Android
}]
})
Each app has a resource folder, e.g. the res folder for Android apps or the Resource folder for iOS apps. The following example shows how to attach the app icon from within the app's resource folder.
import { EmailComposer } from 'capacitor-email-composer'
EmailComposer.open({
attachments: [{
type: 'resource',
path: 'icon.png'
}]
})
The path to the files must be defined relative from the root of the mobile web app assets folder, which is located under the build folder.
import { EmailComposer } from 'capacitor-email-composer'
EmailComposer.open({
attachments: [{
type: 'asset',
path: '/icon/favicon.png' // starting slash is important
}]
})
The code below shows how to attach a base64 encoded image which will be added as an image. You must set a name.
import { EmailComposer } from 'capacitor-email-composer'
EmailComposer.open({
attachments: [{
type: 'base64',
path: 'iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6...',
name: 'icon.png' // this is required
}]
})
hasAccount() => Promise<HasAccountResult>
Checks if the User can send a Mail iOS: Check if the current Device is configured to send mail Android: Currently does nothing
Returns: Promise<HasAccountResult>
Since: 1.0.0
open(options?: OpenOptions | undefined) => Promise<void>
Open the E-Mail Composer
Param | Type | Description |
---|---|---|
options | OpenOptions | optional Options to prefill the E-Mail |
Since: 1.0.0
Prop | Type | Since |
---|---|---|
hasAccount | boolean | 1.0.0 |
Prop | Type | Description | Since |
---|---|---|---|
to | string[] | email addresses for TO field | 1.0.0 |
cc | string[] | email addresses for CC field | 1.0.0 |
bcc | string[] | email addresses for BCC field | 1.0.0 |
subject | string | subject of the email | 1.0.0 |
body | string | email body | 1.0.0 |
isHtml | boolean | indicates if the body is HTML or plain text (primarily iOS) | 1.0.1 |
attachments | Attachment[] | attachments that are added to the mail file paths or base64 data streams | 1.2.0 |
Prop | Type | Description | Since |
---|---|---|---|
path | string | The path of the attachment. See the docs for explained informations. | 1.2.0 |
type | 'absolute' | 'resource' | 'asset' | 'base64' | The type of the attachment. See the docs for explained informations. | 1.2.0 |
name | string | The name of the attachment. See the docs for explained informations. Required for base64 attachements. | 1.2.0 |
The full Changelog is available here
When sharing data between two applications, the Android OS might throw this exception for several reasons, for example if the file is too large. Read more here about how to work around this problem.
FAQs
E-Mail Composer Plugin for Capacitor
The npm package capacitor-email-composer receives a total of 1,728 weekly downloads. As such, capacitor-email-composer popularity was classified as popular.
We found that capacitor-email-composer demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.