Implement copy support (#12)

* Implement copy support

* Remove unused import

Author: PauloMFJ

README.md

@@ -199,31 +199,37 @@ Example usage:
 import { getShareUrl, SocialPlatforms } from "@phntms/react-share";
 
 const Share = () => (
-  <a
-    href={getShareUrl(SocialPlatforms.Facebook, {url: "https://phantom.land/" })}
-  >
+  <a href={getShareUrl(SocialPlatforms.Facebook, {url: "https://phantom.land/" })}>
     Share to Facebook
   </a>
-  <a
-    href={getShareUrl(SocialPlatforms.Linkedin, { url: "https://phantom.land/" })}
-  >
+  <a href={getShareUrl(SocialPlatforms.Linkedin, { url: "https://phantom.land/" })}>
     Share to Linkedin
   </a>
-  <a
-    href={getShareUrl(SocialPlatforms.Twitter, { url: "https://phantom.land/" })}
-  >
+  <a href={getShareUrl(SocialPlatforms.Twitter, { url: "https://phantom.land/" })}>
     Share to Twitter
   </a>
-  <a
-    href={getShareUrl(SocialPlatforms.WhatsApp, { url: "https://phantom.land/" })}
-  >
+  <a href={getShareUrl(SocialPlatforms.WhatsApp, { url: "https://phantom.land/" })}>
     Share to WhatsApp
   </a>
 );
 
 export default Share;
 ```
 
+### getCurrentUrlAndCopyToClipboard()
+
+Method used to copy current window URL and copy it into your clipboard.
+
+```jsx
+import { getCurrentUrlAndCopyToClipboard } from "@phntms/react-share";
+
+const Copy = () => (
+  <div onClick={() => getCurrentUrlAndCopyToClipboard()}>Copy</div>
+);
+
+export default Copy;
+```
+
 ## Further Resources
 
 Useful resources for testing meta properties:

src/index.ts

@@ -26,4 +26,6 @@ export {
   AllSocialPlatformProps,
 } from "./utils/getShareUrl";
 
+export { default as getCurrentUrlAndCopyToClipboard } from "./utils/getCurrentUrlAndCopyToClipboard";
+
 export { SocialPlatforms } from "./types";

src/utils/getCurrentUrlAndCopyToClipboard.ts

@@ -0,0 +1,26 @@
+const fallbackCopyToClipboard = (url: string) => {
+  const placeholder = document.createElement("textarea");
+  placeholder.value = url;
+
+  // Avoid scrolling to bottom
+  placeholder.style.top = "0";
+  placeholder.style.left = "0";
+  placeholder.style.position = "fixed";
+
+  // Append element, and focus
+  document.body.appendChild(placeholder);
+  placeholder.focus();
+  placeholder.select();
+
+  // Finally, remove element after copy
+  document.body.removeChild(placeholder);
+};
+
+export const getCurrentUrlAndCopyToClipboard = () => {
+  const url = window.location.href;
+  if (!navigator.clipboard) fallbackCopyToClipboard(url);
+  else navigator.clipboard.writeText(url);
+  return url;
+};
+
+export default getCurrentUrlAndCopyToClipboard;