Merge pull request #19 from ryangjchandler/feature/on-copy-hook

feature: on copy hook

README.md

@@ -67,6 +67,20 @@ Since you can pass any properties through to the `$clipboard` function, if you p
 
 The clipboard will now contain `["foo","bar"]`.
 
+### Hooks
+
+If you are using the `npm` installation method for this package or the ESM distribution, you can use the `Clipboard.configure()` method to attach an `onCopy` hook to the clipboard.
+
+```js
+import Clipboard from '@ryangjchandler/alpine-clipboard'
+
+Alpine.plugin(Clipboard.configure({
+    onCopy: () => {
+        console.log('Copied!')
+    }
+}))
+```
+
 ## Versioning
 
 This projects follow the [Semantic Versioning](https://semver.org/) guidelines.

src/index.js

@@ -1,4 +1,6 @@
-export default function (Alpine) {
+let onCopy = () => {}
+
+function Clipboard(Alpine) {
     Alpine.magic('clipboard', () => {
         return function (target) {
             if (typeof target === 'function') {
@@ -10,6 +12,17 @@ export default function (Alpine) {
             }
 
             return window.navigator.clipboard.writeText(target)
+                .then(onCopy)
         }
     })
-}
+}
+
+Clipboard.configure = (config) => {
+    if (config.hasOwnProperty('onCopy') && typeof config.onCopy === 'function') {
+        onCopy = config.onCopy
+    }
+
+    return Clipboard
+}
+
+export default Clipboard;