[ ADD ] Share Button

Author: Arsybai

share_button/script.js

@@ -0,0 +1,42 @@
+(function() {
+    'use strict';
+
+    // Constructor function for the ShareButtonPlugin
+    function ShareButtonPlugin() {
+        // Create the share button element
+        this.shareButton = document.createElement('button');
+        this.shareButton.className = 'share-button';
+        this.shareButton.innerHTML = '↩'; // Unicode arrow symbol
+
+        // Attach the click event listener to the share button
+        this.shareButton.addEventListener('click', this.share.bind(this));
+
+        // Append the share button to the body
+        document.body.appendChild(this.shareButton);
+    }
+
+    ShareButtonPlugin.prototype.share = async function() {
+        // Check if the Web Share API is supported in the browser
+        if (navigator.share) {
+            try {
+                // Share the current URL using the Web Share API
+                await navigator.share({
+                    title: document.title,
+                    url: window.location.href
+                });
+            } catch (error) {
+                console.error('Error sharing:', error);
+            }
+        } else {
+            console.error('Web Share API is not supported in this browser.');
+        }
+    };
+
+    // Export the ShareButtonPlugin as a global function or as an ES module
+    if (typeof window === 'object') {
+        window.ShareButtonPlugin = ShareButtonPlugin;
+    }
+    if (typeof exports === 'object') {
+        module.exports = ShareButtonPlugin;
+    }
+})();

share_button/style.css

@@ -0,0 +1,15 @@
+/* Basic styles for the share button */
+.share-button {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    background-color: #007bff;
+    color: #fff;
+    border: none;
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    font-size: 24px;
+    cursor: pointer;
+    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+}