Merge pull request #18 from kasperlegarth/feature/raw-data-mode

Added raw functionality

Author: kasperlegarth

README.md

@@ -2,12 +2,14 @@
 This is a jQuery plugin to make it easier for developers to implement instagram feeds on websites. There is no need for access tokens and stuff like that. Use good old jQuery.
 
 **Table of contents**
-* [Getting startet](#getting-startet)
-* [Options](#options)
-    * [Default options](#default-options)
-    * [Templating](#templating)
-* [License](#license)
-* [Special thanks](#special-thanks)
+- [instastory.js](#instastoryjs)
+  - [Getting startet](#getting-startet)
+  - [Options](#options)
+    - [Default options](#default-options)
+    - [Templating](#templating)
+  - [Data Mode](#data-mode)
+  - [License](#license)
+  - [Special thanks](#special-thanks)
 
 ## Getting startet
 It is really simple to use the plugin all you need to to is include jQuery and the instastory.js file where you include your other scrips in the project.
@@ -87,6 +89,15 @@ Here is a full list of tags to be used in the template:
 | {{likes}} | Returns the number of people that have liked the image. |
 | {{link}} | Returns the url for the post (not the same as the image url) |
 
+## Data Mode
+This plugin only uses a fraction of all the information returned by the ajax call. You might want to do things differently than this plugin. Therefore if you call the plugin without a selector, you can get the raw data from the ajax call. Please note that this function may course the site to "hang" becouse the call is not async.
+
+Simply do like this:
+```javascript
+const rawData = $.instastory('@instagram');
+console.log(rawData);
+```
+
 ## License
 This project is licensed under the MIT Liense - see the [LICENCE.md](LICENSE.md)
 

demo/demo.js

@@ -77,4 +77,7 @@ $(document).ready(function() {
             });
         }, 2000);
     });
+
+    let rawData = $.instastory('@instagram');
+    console.log('Data Mode', rawData);
 });

instastory.js

@@ -1,7 +1,34 @@
 (function($) {
+    const constructUrlSettings = function(searchString) {
+        let type = '';
+        let keyword = '';
+        let url = '';
+
+        if(searchString.indexOf("@") > -1) {
+            type = "user";
+            keyword = searchString.substring(searchString.indexOf('@') + 1);
+        } else if(searchString.indexOf("#") > -1) {
+            type = "hashtag";
+            keyword = searchString.substring(searchString.indexOf('#') + 1);
+        } else {
+            type = "hashtag";
+            keyword = searchString;
+        }
+
+        if(type == "user") {
+            url = "https://www.instagram.com/" + keyword + "/?__a=1"
+        } else {
+            url = "https://www.instagram.com/explore/tags/" + keyword + "/?__a=1";
+        }
+
+        return {
+            url: url,
+            type: type
+        };
+    }
+
     $.fn.instastory = function(userSettings) {
         let $container = this;
-        let searchUrl = "";
         let settings = $.extend({
             get         : "",
             type        : "",
@@ -34,26 +61,8 @@
             return false;
         }
 
-        const determineType = function(searchString) {
-            if(searchString.indexOf("@") > -1) {
-                settings.type = "user";
-                settings.get = searchString.substring(searchString.indexOf('@') + 1);
-            } else if(searchString.indexOf("#") > -1) {
-                settings.type = "hashtag";
-                settings.get = searchString.substring(searchString.indexOf('#') + 1);
-            } else {
-                settings.type = "hashtag";
-                settings.get = searchString;
-            }
-        }
-
-        const determineUrl = function(searchType) {
-            if(searchType == "user") {
-                searchUrl = "https://www.instagram.com/" + settings.get + "/?__a=1"
-            } else {
-                searchUrl = "https://www.instagram.com/explore/tags/" + settings.get + "/?__a=1";
-            }
-        }
+        let urlSettings = constructUrlSettings(settings.get);
+        settings.type = urlSettings.type;
 
         const getImageSize = function(post) {
             const wantedImageSize = settings.imageSize;
@@ -144,15 +153,11 @@
             return html;
         };
 
-        determineType(settings.get);
-        determineUrl(settings.type);
-
         $.ajax({
-            url: searchUrl,
-            success: function(data) {
-                $container.html(generateHtml(data.graphql[settings.type]));
-                settings.after();
-            }
+            url: urlSettings.url,
+        }).done(function(data) {
+            $container.html(generateHtml(data.graphql[settings.type]));
+            settings.after();
         }).fail(function(data) {
             switch(data.status) {
                 case 404:
@@ -164,4 +169,27 @@
             }
         });
     }
+
+    $.instastory = function(keyword) {
+        let urlSettings = constructUrlSettings(keyword);
+        let result = '';
+
+        $.ajax({
+            url: urlSettings.url,
+            async: false
+        }).done(function(data) {
+            result = data.graphql[urlSettings.type];
+        }).fail(function(data) {
+            switch(data.status) {
+                case 404:
+                    console.warn("The " + urlSettings.type + " do not exsists, please try another one");
+                break;
+                default:
+                    console.warn('An unknow error happend');
+                break;
+            }
+        });
+
+        return result;
+    }
 })(jQuery);