feat(slideshare): added slideshare embedding functionality

fixes #93

Author: ritz078

.eslintrc

@@ -61,6 +61,7 @@
     "INSTAGRAM": true,
     "OPENGRAPH": true,
     "ejs": true,
-	"GITHUB":true
+	"GITHUB":true,
+	"SLIDESHARE":true
   }
 }

build.json

@@ -34,6 +34,7 @@
     "FLICKR"        : "true",
     "BASICIMAGE"    : "true",
     "INSTAGRAM"     : "true",
+    "SLIDESHARE"    : "true",
 
     "OPENGRAPH"     : "true",
   	"GITHUB"		: "true"

demo/index.html

@@ -7,7 +7,7 @@
 	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 	<link href="http://vjs.zencdn.net/5.0.0/video-js.css" rel="stylesheet">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/styles/github.min.css"/>
-	<link rel="stylesheet" href="../dist/embed.min.css"/>
+	<link rel="stylesheet" href="../src/embed.css"/>
 	<style>
 		body {
 			width: 50%;
@@ -56,14 +56,14 @@ <h1>Loading embed.js in a block</h1>
 Cur rumor nocere?Emeritis adelphis satis perderes domina est.Gloss cadunt in bi-color brema!
 @(IIT Roorkee) Bi-color habitio virtualiter imitaris amicitia est.Teres tatas ducunt ad racana.Genetrixs
 prarere in
-rugensis civitas! :) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut numquam asperiores nobis repellat modi iusto, possimus excepturi atque, quae doloribus nihil corrupti minima quasi, sed? Vero labore cumque laudantium quisquam! https://www.instagram.com/p/_JHaOcjJ7h/?taken-by=9gag Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique blanditiis architecto tempore minima vero adipisci reiciendis ratione numquam quas perferendis maxime iste, commodi cumque quis praesentium quasi, a neque temporibus? https://www.instagram.com/p/-mIWFsIVV-/?taken-by=natgeo Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto quis vitae cupiditate quam accusamus facere maxime ab distinctio tempore, voluptates itaque culpa amet placeat alias provident corporis, blanditiis explicabo perspiciatis. https://www.flickr.com/photos/43301211@N03/23331635460/in/explore-2015-12-09/
+rugensis civitas! :) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut numquam asperiores nobis repellat modi iusto, possimus excepturi atque, quae doloribus nihil corrupti minima quasi, sed? Vero labore cumque laudantium quisquam! https://www.instagram.com/p/_JHaOcjJ7h/?taken-by=9gag Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique blanditiis architecto tempore minima vero adipisci reiciendis ratione numquam quas perferendis maxime iste, commodi cumque quis praesentium quasi, a neque temporibus? https://www.instagram.com/p/-mIWFsIVV-/?taken-by=natgeo Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto quis vitae cupiditate quam accusamus facere maxime ab distinctio tempore, voluptates itaque culpa amet placeat alias provident corporis, blanditiis explicabo perspiciatis. https://www.flickr.com/photos/43301211@N03/23331635460/in/explore-2015-12-09/ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum quasi sit et nam magni ab asperiores tempore, http://www.slideshare.net/haraldf/business-quotes-for-2011 impedit, tempora officiis rerum modi labore vitae explicabo eos aperiam sequi facilis neque.
 </div>
 </div>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js"></script>
 <script src="//platform.twitter.com/widgets.js"></script>
 <script src="http://vjs.zencdn.net/5.0.0/video.js"></script>
-<script src="../dist/embed.min.js"></script>
+<script src="../src/embed.js"></script>
 <script>
 ejs.setOptions({
 		// element: document.getElementById('block'),

dist/embed.min.js

@@ -66,7 +66,7 @@
     "mocha": "^2.3.4",
     "promise": "^7.1.1",
     "rollup": "^0.24.0",
-    "rollup-plugin-babel": "^2.3.5",
+    "rollup-plugin-babel": "^2.3.6",
     "rollup-plugin-commonjs": "^2.1.0",
     "rollup-plugin-npm": "^1.2.0",
     "rollup-plugin-replace": "^1.1.0"

package.json

@@ -34,6 +34,7 @@ import BasicAudio  from './modules/audio/basic.es6'
 import Flickr      from './modules/image/flickr.es6'
 import Instagram   from './modules/image/instagram.es6'
 import Basic       from './modules/image/basic.es6'
+import SlideShare  from './modules/image/slideshare.es6'
 
 import OpenGraph   from './modules/openGraph.es6'
 import Github      from './modules/github.es6'
@@ -263,6 +264,9 @@ import helper from './modules/helper.es6'
 			if (INSTAGRAM && utils.ifEmbed(options, 'instagram')) {
 				[output, embeds] = new Instagram(input, output, options, embeds).process()
 			}
+			if (SLIDESHARE && utils.ifEmbed(options, 'slideshare')) {
+				[output, embeds] = await new SlideShare(input, output, options, embeds).process()
+			}
 			if (BASICIMAGE && options.imageEmbed) {
 				[output, embeds] = new Basic(input, output, options, embeds).process()
 			}
@@ -412,7 +416,8 @@ import helper from './modules/helper.es6'
 			},
 			openGraph(){
 			}, Github(){
-			}
+			},
+			slideShare(){}
 		}
 	};
 	window.EmbedJS = EmbedJS

src/embed.js

@@ -0,0 +1,52 @@
+import utils from '../utils.es6'
+import '../../vendor/fetch.js'
+import helper from './../helper.es6'
+import fetchJsonp from '../../vendor/fetch_jsonp.js'
+
+export default class SlideShare {
+    constructor(input, output, options, embeds) {
+        this.input = input;
+        this.output = output;
+        this.options = options;
+        this.embeds = embeds;
+        this.regex = /slideshare.net\/[a-zA-Z0-9_-]*\/[a-zA-Z0-9_-]*/gi;
+        this.service = 'slideshare';
+    }
+
+    static async fetchData(url) {
+        let api = `http://www.slideshare.net/api/oembed/2?url=${url}&format=jsonp`;
+        let response = await fetchJsonp(api, {
+            credentials: 'include'
+        });
+        let data = await response.json();
+        return data.html;
+    }
+
+    template(html) {
+        return ejs.template.slideShare(html, this.options) || `<div class="ejs-embed ejs-slideshare">${html}</div>`;
+    }
+
+    static async urlToText(_this, match, url) {
+        let html = await SlideShare.fetchData(url);
+        return _this.template(html);
+    }
+
+    async process() {
+        if (!utils.ifInline(this.options, this.service)) {
+            this.output = await helper.inlineEmbed(this, SlideShare.urlToText);
+        } else {
+            let match;
+            while ((match = utils.matches(this.regex, this.input)) !== null) {
+                if (this.options.served.indexOf(match[0]) === -1) {
+                    let html = await SlideShare.fetchData(match[0])
+                    let text = this.template(html);
+                    this.embeds.push({
+                        text: text,
+                        index: match.index
+                    })
+                }
+            }
+        }
+        return [this.output, this.embeds]
+    }
+}