Security News
Introducing the Socket Python SDK
The initial version of the Socket Python SDK is now on PyPI, enabling developers to more easily interact with the Socket REST API in Python projects.
mailto-clipboard
Advanced tools
Automatically rewrites all mailto: links on a page to copy the email address on click.
Inspired by I hate mailto (which you should BUY) by @tkmadeit and made with his blessing.
Install using npm install mailto-clipboard
.
checkout the repository then run
yarn
yarn build
and the builds will be in the dist
folder.
The module is provided in two formats: an ECMAScript (ES) module in dist/index.esm.js, and a Universal Module Definition (UMD) in dist/index.umd.js. This enables support for the following runtime environments:
es6:
import MailtoClipboard from 'mailto-clipboard';
// after document has loaded
MailtoClipboard();
Browser as directly loaded module
<script type="module">
import MailtoClipboard from './mailto-clipboard/dist/index.esm.js';
MailtoClipboard();
</script>
Browser as global variable
<script src="./mailto-clipboard/dist/index.umd.js"></script>
<script>
MailtoClipboard();
</script>
To re-apply when the page content has changed, call MailtoClipboard()
again. Any options you pass will be updated, the
rest of the options will be preserved from the previous invocation.
To remove the MailtoClipboard functionality, call MailtoClipboard.destroy()
. This will revert any original titles, remove the event listeners and the tooltip.
MailtoClipboard can be configured by passing it a configuration object. Any undefined values will use the default values below.
MailtoClipboard({
// if true, injects CSS to style. If set to false, bring your own design.
defaultStyle: true,
// Show tooltips on hover
showTooltip: true,
// Text to show on hover. HTML supported, {email} will be replaced with the email value
tooltipText: `Copy "{email}" to clipboard`,
// Position of the tooltip. Can be "top" or "bottom"
position: 'bottom',
// show a confirmation message after click
showConfirmation: true,
// Text to show on click. HTML supported, {email} will be replaced with the email value
confirmationText: `"{email}" copied to clipboard`,
// Timeout for when the tooltip should disappear automatically. Set to false to only hide on mouse out.
confirmationTimeout: 1000
});
If you set defaultStyle to false, no styling will be supplied to the tooltip. Positioning of the tooltip will be done automatically, centered horizontally above or below the element.
To style the tooltip, use these classes:
/* tooltip element */
.MailtoClipboard-tooltip {
}
/* tooltip nib */
.MailtoClipboard-tooltip::before {
}
/* active (visible) tooltip */
.MailtoClipboard-tooltip-active
/* tooltip should be shown above element */
.MailtoClipboard-tooltip-top {
}
/* tooltip should be shown below element */
.MailtoClipboard-tooltip-active {
}
mailto-clipboard is ISC licensed.
FAQs
convert all mailto links to copy-to-clipboard links
The npm package mailto-clipboard receives a total of 0 weekly downloads. As such, mailto-clipboard popularity was classified as not popular.
We found that mailto-clipboard demonstrated a not healthy version release cadence and project activity because the last version was released 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.
Security News
The initial version of the Socket Python SDK is now on PyPI, enabling developers to more easily interact with the Socket REST API in Python projects.
Security News
Floating dependency ranges in npm can introduce instability and security risks into your project by allowing unverified or incompatible versions to be installed automatically, leading to unpredictable behavior and potential conflicts.
Security News
A new Rust RFC proposes "Trusted Publishing" for Crates.io, introducing short-lived access tokens via OIDC to improve security and reduce risks associated with long-lived API tokens.