From 587c9f7d3f4ac9efbd8851dad1c2f62b9e7e6e61 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Thu, 9 Apr 2015 01:07:37 -0400
Subject: stub in video field

---
 themes/okadmin/public/js/parser.js | 282 +++++++++++++++++++++++++++++++++++++
 1 file changed, 282 insertions(+)
 create mode 100644 themes/okadmin/public/js/parser.js

(limited to 'themes/okadmin/public/js/parser.js')

diff --git a/themes/okadmin/public/js/parser.js b/themes/okadmin/public/js/parser.js
new file mode 100644
index 0000000..411f425
--- /dev/null
+++ b/themes/okadmin/public/js/parser.js
@@ -0,0 +1,282 @@
+var Parser = {
+	integrations: [{
+		type: 'image',
+		regex: /\.(jpeg|jpg|gif|png|svg)(\?.*)?$/i,
+		fetch: function(url, done) {
+			var img = new Image ()
+			img.onload = function(){
+				if (!img) return
+				var width = img.naturalWidth, height = img.naturalHeight
+				img = null
+				done({
+					url: url,
+					type: "image",
+					token: "",
+					thumbnail: "",
+					title: "",
+					width: width,
+					height: height,
+				})
+			}
+			img.src = url
+			if (img.complete) {
+				img.onload()
+			}
+		},
+		tag: function (media) {
+			return '<img src="' + media.url + '">';
+		}
+	}, {
+		type: 'video',
+		regex: /\.(mp4|webm)(\?.*)?$/i,
+		fetch: function(url, done) {
+			var video = document.createElement("video")
+			video.addEventListener("loadedmetadata", function(){
+				var width = video.videoWidth, height = video.videoHeight
+				video = null
+				done({
+					url: url,
+					type: "video",
+					token: "",
+					thumbnail: "",
+					title: "",
+					width: width,
+					height: height,
+				})
+			})
+			video.src = url
+			video.load()
+		},
+		tag: function (media) {
+			return '<video src="' + media.url + '">';
+		}
+	}, {
+		type: 'youtube',
+		regex:  /(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/ ]{11})/i,
+		fetch: function(url, done) {
+			var id = (url.match(/v=([-_a-zA-Z0-9]{11})/i) || url.match(/youtu.be\/([-_a-zA-Z0-9]{11})/i) || url.match(/embed\/([-_a-zA-Z0-9]{11})/i))[1].split('&')[0];
+			var thumb = "http://i.ytimg.com/vi/" + id + "/hqdefault.jpg"
+			$.ajax({
+				type: 'GET',
+				url: 'https://www.googleapis.com/youtube/v3/videos',
+				dataType: "jsonp",
+				data: {
+					id: id,
+					key: "AIzaSyDYPKGD0-_VRBWpUYRmX8Qg6BtWmcPU_cM",
+					part: "id,contentDetails,snippet,status",
+				},
+				success: function(result){
+					var res = result.items[0]
+					done({
+						url: url,
+						type: "youtube",
+						token: id,
+						thumbnail: thumb,
+						title: res.snippet.title,
+						width: 640,
+						height: 360,
+					})
+				}
+			})
+		},
+		tag: function (media) {
+			// return '<img class="video" type="youtube" vid="'+media.token+'" src="'+media.thumbnail+'"><span class="playvid">&#9654;</span>';
+			return '<div class="video" style="width: ' + media.width + 'px; height: ' + media.height + 'px; overflow: hidden; position: relative;"><iframe frameborder="0" scrolling="no" seamless="seamless" webkitallowfullscreen="webkitAllowFullScreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen" id="okplayer" width="' + media.width + '" height="' + media.height + '" src="http://youtube.com/embed/' + media.token + '?showinfo=0" style="position: absolute; top: 0px; left: 0px; width: ' + media.width + 'px; height: ' + media.height + 'px;"></iframe></div>'
+		}
+	}, {
+		type: 'vimeo',
+		regex: /vimeo.com\/\d+$/i,
+		fetch: function(url, done) {
+			var id = url.match(/\d+$/i)[0];
+			$.ajax({
+				type: 'GET',
+				url: 'http://vimeo.com/api/v2/video/' + id + '.json',
+				success: function(result){
+					if (result.length == 0) { return done(id, "", 640, 360) }
+					var res = result[0]
+					if (res.embed_privacy != "anywhere") {
+					  AlertModal.alert("Sorry, the author of this video has marked it private, preventing it from being embedded.", function(){})
+					  return
+					}
+					done({
+						url: url,
+						type: "vimeo",
+						token: id,
+						thumbnail: res.thumbnail_large,
+						title: res.title,
+						width: res.width,
+						height: res.height,
+					})
+				}
+			})
+		},
+		tag: function (media) {
+			// return '<img class="video" type="vimeo" vid="'+media.token+'" src="'+media.thumbnail+'"><span class="playvid">&#9654;</span>';
+			return '<div class="video" style="width: ' + media.width + 'px; height: ' + media.height + 'px; overflow: hidden; position: relative;"><iframe frameborder="0" scrolling="no" seamless="seamless" webkitallowfullscreen="webkitAllowFullScreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen" id="okplayer" src="http://player.vimeo.com/video/' + media.token + '?api=1&title=0&byline=0&portrait=0&playbar=0&player_id=okplayer&loop=0&autoplay=0" width="' + media.width + '" height="' + media.height + '" style="position: absolute; top: 0px; left: 0px; width: ' + media.width + 'px; height: ' + media.height + 'px;"></iframe></div>'
+		}
+	},
+	{
+		type: 'soundcloud',
+		regex: /soundcloud.com\/[-a-zA-Z0-9]+\/[-a-zA-Z0-9]+\/?$/i,
+		fetch: function (url, done) {
+			$.ajax({
+				type: 'GET',
+				url: 'http://api.soundcloud.com/resolve.json?url=' 
+					+ url
+					+ '&client_id=' 
+					+ '0673fbe6fc794a7750f680747e863b10',
+				success: function(result) {
+				  // console.log(result)
+					done({
+						url: url,
+						type: "soundcloud",
+						token: result.id,
+						thumbnail: result.artwork_url || result.user.avatar_url,
+						title: result.user.username + " - " + result.title,
+						width: 166,
+						height: 166,
+					})
+				}
+			});
+		},
+		tag: function (media) {
+			return '<iframe width="166" height="166" scrolling="no" frameborder="no"' +
+					'src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/' + media.token +
+					'&amp;color=ff6600&amp;auto_play=false&amp;show_artwork=true"></iframe>'
+		}
+	},
+  /*
+	{
+		type: 'link',
+		regex: /^http.+/i,
+		fetch: function(url, done) {
+			done({
+				url: url,
+				type: "link",
+				token: "",
+				thumbnail: "",
+				title: "",
+				width: 100,
+				height: 100,
+			})
+		},
+		tag: function (media) {
+			return '<a href="' + media.url + '" target="_blank">' + media.url + '</a>'
+		}
+	}
+	*/
+	],
+
+  tumblr: function(url, cb){
+    var domain = url.replace(/^https?:\/\//,"").split("/")[0]
+    if (domain.indexOf(".") == -1) {
+    	domain += ".tumblr.com"
+    }
+    $.ajax({
+      type: 'GET', 
+      url: "http://" + domain + "/api/read",
+      dataType: "jsonp",
+      data: {
+        format: "json",
+      },
+      success: function(data){
+        var media_list = []
+        var blog = data.tumblelog
+        
+        data.posts.forEach(parse)
+        cb(media_list)
+
+        function parse(post){
+          var media, caption, url
+          switch (post.type) {
+            case 'photo':
+              caption = stripHTML(post['photo-caption'])
+              if (post.photos.length) {
+                post.photos.forEach(function(photo){
+                  var media = {
+                    url: photo['photo-url-1280'],
+                    type: "image",
+                    token: "",
+                    thumbnail: photo['photo-url-500'],
+                    description: caption,
+                    width: parseInt(photo.width),
+                    height: parseInt(photo.height),
+                  }
+                  media_list.push(media)
+                })
+              }
+              else {
+                media = {
+                  url: post['photo-url-1280'],
+                  type: "image",
+                  token: "",
+                  thumbnail: post['photo-url-500'],
+                  description: caption,
+                  width: parseInt(post.width),
+                  height: parseInt(post.height),
+                }
+                media_list.push(media)
+              }
+              break
+            case 'video':
+              url = post['video-source']
+              if (url.indexOf("http") !== 0) { break }
+              if (Parser.lookup.youtube.regex.test(url)) {
+                var id = (url.match(/v=([-_a-zA-Z0-9]{11})/i) || url.match(/youtu.be\/([-_a-zA-Z0-9]{11})/i) || url.match(/embed\/([-_a-zA-Z0-9]{11})/i))[1].split('&')[0];
+                var thumb = "http://i.ytimg.com/vi/" + id + "/hqdefault.jpg"
+                media = {
+                  url: post['video-source'],
+                  type: "youtube",
+                  token: id,
+                  thumbnail: thumb,
+                  title: stripHTML(post['video-caption']),
+                  width: 640,
+                  height: 360,
+                }
+                media_list.push(media)
+              }
+              break
+          }
+        }
+//         console.log(post)
+      }
+    })
+  },
+
+	parse: function (url, cb) {
+		var matched = Parser.integrations.some(function(integration){
+			if (integration.regex.test(url)) {
+				integration.fetch(url, function(res){
+					cb(res)
+				})
+				return true
+			}
+			return false
+		})
+		if (! matched) {
+			cb(null)
+		}
+	},
+	
+	tag: function (media){
+	  if (media.type in Parser.lookup) {
+	    return Parser.lookup[media.type].tag(media)
+	  }
+	  return ""
+	},
+
+	loadImage: function(url, cb, error){
+		if (Parser.lookup.image.regex.test(url)) {
+			Parser.lookup.image.fetch(url, function(media){
+				cb(media)
+			})
+		}
+		else error && error()
+	},
+	
+  thumbnail: function (media) {
+    return '<img src="' + (media.thumbnail || media.url) + '" class="thumb">';
+  },
+
+};
+Parser.lookup = _.indexBy(Parser.integrations, 'type');
-- 
cgit v1.2.3-70-g09d2