feat: network defined in netorks directory

src/index.js

@@ -1,37 +1,77 @@
-// import constants
-import { selectorClick, selectorDiv, options } from './config/constants';
 
-// import functions
-import getData from './functions/getData';
-import share from './shares/index';
+import networks from './networks/index';
 
 const CoCreateSocialShare = {
 
     init: function () {
+        const selectorClick = '[share-network]';
+
         let elements = document.querySelectorAll(selectorClick);
         elements.forEach(el => this.initElement(el));
     },
 
     initElement: function (el) {
-        var that = this;
+        const self = this;
         el.addEventListener("click", function (event) {
 
             // Select Div element with dataset to share
             event.preventDefault()
+            const selectorDiv = '[share-url], [share-title], [share-text], [share-height], [share-width] [share-media]';
             const container = el.closest(selectorDiv)
 
             // Get data to share from attributes
-            const data = getData(el, document, container);
+            const data = self.getData(el, document, container);
 
             // Generate share url from data
-            const network = share(el, data);
+            const network = networks(el, data);
 
             // Popup sub-window to share data
-            that.popup(network)
+            self.popup(network)
         });
     },
 
+    getData: function (el, document, container) {
+
+        let url = el.getAttribute('share-url') || '';
+        if (url == '') url = container.getAttribute('share-url') || '';
+        // url = encodeURIComponent((url == '') ? document.URL : url);
+
+        const urlObj = new URL(url || document.URL);
+        url = encodeURIComponent(urlObj.origin) + urlObj.pathname + urlObj.search + urlObj.hash;
+
+        let text = el.getAttribute('share-text') || '';
+        if (text == '') text = container.getAttribute('share-text') || '';
+        text = encodeURIComponent(text);
+
+        let title = el.getAttribute('share-title') || '';
+        if (title == '') title = container.getAttribute('share-title') || '';
+        title = encodeURIComponent((title == '') ? document.title : title);
+
+        let height = el.getAttribute('share-height') || '';
+        if (height == '') height = container.getAttribute('share-height') || '';
+        height = parseInt((height == '') ? 600 : height);
+
+        let width = el.getAttribute('share-width') || '';
+        if (width == '') width = container.getAttribute('share-width') || '';
+        width = parseInt((width == '') ? 500 : width);
+
+        let media = el.getAttribute('share-media') || '';
+        if (media == '') media = container.getAttribute('share-media') || '';
+        media = encodeURIComponent((media == '') ? '' : media);
+
+        return {
+            width,
+            height,
+            url,
+            text,
+            title,
+            media,
+            source: url
+        }
+    },
+
     popup: function (network) {
+        const options = 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,';
         window.open(network["url"], '', options + 'height=' + network["height"] + ',width=' + network["width"]);
     }
 

src/networks/bufferapp.js

@@ -0,0 +1,5 @@
+const bufferapp = (data) => {
+    return 'http://bufferapp.com/add?text=' + data.text + '&url=' + data.url;
+};
+
+export default bufferapp;

src/networks/delicious.js

@@ -0,0 +1,6 @@
+const delicious = (data) => {
+    return 'https://delicious.com/save?v=5&provider=' + data.provider + '&noui&jump=close&url=' + data.url +
+        '&title=' + data.title;
+};
+
+export default delicious;

src/networks/digg.js

@@ -0,0 +1,5 @@
+const digg = (data) => {
+    return 'http://digg.com/submit?url=' + '&title=' + data.title;
+};
+
+export default digg;

src/networks/facebook.js

@@ -0,0 +1,5 @@
+const facebook = (data) => {
+    return 'https://www.facebook.com/sharer/sharer.php?display=popup&u=' + data.url + '&title=' + data.title;
+};
+
+export default facebook;

src/networks/google.js

@@ -0,0 +1,5 @@
+const google = (data) => {
+    return 'https://plus.google.com/share?url=' + data.url;
+};
+
+export default google;

src/networks/hackernews.js

@@ -0,0 +1,5 @@
+const hackernews = (data) => {
+    return 'http://news.ycombinator.com/submitlink?u=' + data.url + '&t=' + data.title;
+};
+
+export default hackernews;

src/networks/linkedIn.js

@@ -0,0 +1,5 @@
+const linkedIn = (data) => {
+    return 'https://www.linkedin.com/shareArticle?mini=true&url=' + data.url + '&title=' + data.title + '&source=' + data.source;
+};
+
+export default linkedIn;

src/networks/pinterest.js

@@ -0,0 +1,6 @@
+const pinterest = (data) => {
+    return 'https://www.pinterest.com/pin/create/button/?description=' + data.text + '&url=' + data.url + '&media=' +
+        data.media + '&is_video=false';
+};
+
+export default pinterest;

src/networks/reddit.js

@@ -0,0 +1,5 @@
+const reddit = (data) => {
+    return 'http://www.reddit.com/submit?url=' + data.url + '&title=' + data.title;
+};
+
+export default reddit;

src/networks/stumbleupon.js

@@ -0,0 +1,5 @@
+const stumbleupon = (data) => {
+    return 'http://www.stumbleupon.com/submit?url=' + data.url + '&title=' + data.title;
+};
+
+export default stumbleupon;

src/networks/tumblr.js

@@ -0,0 +1,5 @@
+const tumblr = (data) => {
+    return 'http://www.tumblr.com/share?s=&v=3&u=' + data.url + '&t=' + data.title;
+};
+
+export default tumblr;

src/networks/twitter.js

@@ -0,0 +1,5 @@
+const twitter = (data) => {
+    return 'https://twitter.com/intent/tweet?text=' + data.text + '&url=' + data.url;
+};
+
+export default twitter;