From 1c4f4cea241bae2dac3772cb4f84f94488f2f0e3 Mon Sep 17 00:00:00 2001 From: Zixaphir Date: Tue, 6 Aug 2013 21:54:14 -0700 Subject: [PATCH] Fix some conflicts with auto-embed and link title Also, less `Function.call(this)` --- builds/4chan-X.user.js | 128 ++++++++++++++++--------------- builds/crx/script.js | 128 ++++++++++++++++--------------- src/Linkification/Linkify.coffee | 96 ++++++++++++----------- 3 files changed, 186 insertions(+), 166 deletions(-) diff --git a/builds/4chan-X.user.js b/builds/4chan-X.user.js index 9afb4a7e5..52583ed31 100644 --- a/builds/4chan-X.user.js +++ b/builds/4chan-X.user.js @@ -4477,28 +4477,33 @@ if (Conf['Auto-embed']) { Linkify.cb.toggle.call(embed); } + data.push(embed); }, title: function(data) { - var err, key, link, options, service, title, titles, uid; + var embed, err, key, link, options, service, title, titles, uid; - key = data[0], uid = data[1], options = data[2], link = data[3]; + key = data[0], uid = data[1], options = data[2], link = data[3], embed = data[4]; if (!(service = Linkify.types[key].title)) { return; } titles = Conf['CachedTitles']; if (title = titles[uid]) { - link.textContent = title[0]; + if (link) { + link.textContent = title[0]; + } if (Conf['Embedding']) { - return link.nextElementSibling.dataset.title = title[0]; + return embed.dataset.title = title[0]; } } else { try { $.cache(service.api(uid), function() { - return title = Linkify.cb.title.apply(this, [data]); + return title = Linkify.cb.title(this, data); }); } catch (_error) { err = _error; - link.innerHTML = "[" + key + "] Title Link Blocked (are you using NoScript?)"; + if (link) { + link.innerHTML = "[" + key + "] Title Link Blocked (are you using NoScript?)"; + } return; } if (title) { @@ -4521,7 +4526,7 @@ embed: function(a) { var el, style, type; - el = (type = Linkify.types[a.dataset.key]).el.call(a); + el = (type = Linkify.types[a.dataset.key]).el(a); el.style.cssText = (style = type.style) ? style : "border: 0; width: 640px; height: 390px"; return el; }, @@ -4538,58 +4543,61 @@ $.addClass(el, a.dataset.key); return el; }, - title: function(data) { - var key, link, options, service, text, uid; + title: function(response, data) { + var embed, key, link, options, service, text, uid; - key = data[0], uid = data[1], options = data[2], link = data[3]; + key = data[0], uid = data[1], options = data[2], link = data[3], embed = data[4]; service = Linkify.types[key].title; - return link.textContent = (function() { - switch (this.status) { - case 200: - case 304: - text = "" + (service.text.call(this)); - if (Conf['Embedding']) { - link.nextElementSibling.dataset.title = text; - } - return text; - case 404: - return "[" + key + "] Not Found"; - case 403: - return "[" + key + "] Forbidden or Private"; - default: - return "[" + key + "] " + this.status + "'d"; - } - }).call(this); + switch (response.status) { + case 200: + case 304: + text = "" + (service.text(JSON.parse(response.responseText))); + if (Conf['Embedding']) { + embed.dataset.title = text; + } + break; + case 404: + text = "[" + key + "] Not Found"; + break; + case 403: + text = "[" + key + "] Forbidden or Private"; + break; + default: + text = "[" + key + "] " + this.status + "'d"; + } + if (link) { + return link.textContent = text; + } } }, types: { audio: { regExp: /(.*\.(mp3|ogg|wav))$/, - el: function() { + el: function(a) { return $.el('audio', { controls: 'controls', preload: 'auto', - src: this.dataset.uid + src: a.dataset.uid }); } }, gist: { regExp: /.*(?:gist.github.com.*\/)([^\/][^\/]*)$/, - el: function() { + el: function(a) { var div; return div = $.el('iframe', { - src: "http://www.purplegene.com/script?url=https://gist.github.com/" + this.dataset.uid + ".js" + src: "http://www.purplegene.com/script?url=https://gist.github.com/" + a.dataset.uid + ".js" }); }, title: { api: function(uid) { return "https://api.github.com/gists/" + uid; }, - text: function() { + text: function(data) { var file, response; - response = JSON.parse(this.responseText).files; + response = data.files; for (file in response) { if (response.hasOwnProperty(file)) { return file; @@ -4601,49 +4609,49 @@ image: { regExp: /(http|www).*\.(gif|png|jpg|jpeg|bmp)$/, style: 'border: 0; width: auto; height: auto;', - el: function() { + el: function(a) { return $.el('div', { - innerHTML: "" + innerHTML: "" }); } }, InstallGentoo: { regExp: /.*(?:paste.installgentoo.com\/view\/)([0-9a-z_]+)/, - el: function() { + el: function(a) { return $.el('iframe', { - src: "http://paste.installgentoo.com/view/embed/" + this.dataset.uid + src: "http://paste.installgentoo.com/view/embed/" + a.dataset.uid }); } }, LiveLeak: { regExp: /.*(?:liveleak.com\/view.+i=)([0-9a-z_]+)/, - el: function() { + el: function(a) { return $.el('object', { - innerHTML: "" + innerHTML: "" }); } }, pastebin: { regExp: /.*(?:pastebin.com\/(?!u\/))([^#\&\?]*).*/, - el: function() { + el: function(a) { var div; return div = $.el('iframe', { - src: "http://pastebin.com/embed_iframe.php?i=" + this.dataset.uid + src: "http://pastebin.com/embed_iframe.php?i=" + a.dataset.uid }); } }, SoundCloud: { regExp: /.*(?:soundcloud.com\/|snd.sc\/)([^#\&\?]*).*/, style: 'height: auto; width: 500px; display: inline-block;', - el: function() { + el: function(a) { var div; div = $.el('div', { className: "soundcloud", name: "soundcloud" }); - $.ajax("//soundcloud.com/oembed?show_artwork=false&&maxwidth=500px&show_comments=false&format=json&url=https://www.soundcloud.com/" + this.dataset.uid, { + $.ajax("//soundcloud.com/oembed?show_artwork=false&&maxwidth=500px&show_comments=false&format=json&url=https://www.soundcloud.com/" + a.dataset.uid, { div: div, onloadend: function() { return this.div.innerHTML = JSON.parse(this.responseText).html; @@ -4655,25 +4663,25 @@ api: function(uid) { return "//soundcloud.com/oembed?show_artwork=false&&maxwidth=500px&show_comments=false&format=json&url=https://www.soundcloud.com/" + uid; }, - text: function() { - return JSON.parse(this.responseText).title; + text: function(data) { + return data.title; } } }, TwitchTV: { regExp: /.*(?:twitch.tv\/)([^#\&\?]*).*/, style: "border: none; width: 640px; height: 360px;", - el: function() { + el: function(a) { var channel, chapter, result, _; - if (result = /(\w+)\/(?:[a-z]\/)?(\d+)/i.exec(this.dataset.uid)) { + if (result = /(\w+)\/(?:[a-z]\/)?(\d+)/i.exec(a.dataset.uid)) { _ = result[0], channel = result[1], chapter = result[2]; return $.el('object', { data: 'http://www.twitch.tv/widgets/archive_embed_player.swf', innerHTML: "\n" }); } else { - channel = (/(\w+)/.exec(this.dataset.uid))[0]; + channel = (/(\w+)/.exec(a.dataset.uid))[0]; return $.el('object', { data: "http://www.twitch.tv/widgets/live_embed_player.swf?channel=" + channel, innerHTML: "\n\n" @@ -4684,50 +4692,50 @@ Vocaroo: { regExp: /.*(?:vocaroo.com\/)([^#\&\?]*).*/, style: 'border: 0; width: 150px; height: 45px;', - el: function() { + el: function(a) { return $.el('object', { - innerHTML: "" + innerHTML: "" }); } }, Vimeo: { regExp: /.*(?:vimeo.com\/)([^#\&\?]*).*/, - el: function() { + el: function(a) { return $.el('iframe', { - src: "//player.vimeo.com/video/" + this.dataset.uid + "?wmode=opaque" + src: "//player.vimeo.com/video/" + a.dataset.uid + "?wmode=opaque" }); }, title: { api: function(uid) { return "https://vimeo.com/api/oembed.json?url=http://vimeo.com/" + uid; }, - text: function() { - return JSON.parse(this.responseText).title; + text: function(data) { + return data.title; } } }, Vine: { regExp: /.*(?:vine.co\/)([^#\&\?]*).*/, style: 'border: none; width: 500px; height: 500px;', - el: function() { + el: function(a) { return $.el('iframe', { - src: "https://vine.co/" + this.dataset.uid + "/card" + src: "https://vine.co/" + a.dataset.uid + "/card" }); } }, YouTube: { regExp: /.*(?:youtu.be\/|youtube.*v=|youtube.*\/embed\/|youtube.*\/v\/|youtube.*videos\/)([^#\&\?]*)\??(t\=.*)?/, - el: function() { + el: function(a) { return $.el('iframe', { - src: "//www.youtube.com/embed/" + this.dataset.uid + (this.dataset.option ? '#' + this.dataset.option : '') + "?wmode=opaque" + src: "//www.youtube.com/embed/" + a.dataset.uid + (a.dataset.option ? '#' + a.dataset.option : '') + "?wmode=opaque" }); }, title: { api: function(uid) { return "https://gdata.youtube.com/feeds/api/videos/" + uid + "?alt=json&fields=title/text(),yt:noembed,app:control/yt:state/@reasonCode"; }, - text: function() { - return JSON.parse(this.responseText).entry.title.$t; + text: function(data) { + return data.entry.title.$t; } } } diff --git a/builds/crx/script.js b/builds/crx/script.js index 5ef176a20..da265f148 100644 --- a/builds/crx/script.js +++ b/builds/crx/script.js @@ -4482,28 +4482,33 @@ if (Conf['Auto-embed']) { Linkify.cb.toggle.call(embed); } + data.push(embed); }, title: function(data) { - var err, key, link, options, service, title, titles, uid; + var embed, err, key, link, options, service, title, titles, uid; - key = data[0], uid = data[1], options = data[2], link = data[3]; + key = data[0], uid = data[1], options = data[2], link = data[3], embed = data[4]; if (!(service = Linkify.types[key].title)) { return; } titles = Conf['CachedTitles']; if (title = titles[uid]) { - link.textContent = title[0]; + if (link) { + link.textContent = title[0]; + } if (Conf['Embedding']) { - return link.nextElementSibling.dataset.title = title[0]; + return embed.dataset.title = title[0]; } } else { try { $.cache(service.api(uid), function() { - return title = Linkify.cb.title.apply(this, [data]); + return title = Linkify.cb.title(this, data); }); } catch (_error) { err = _error; - link.innerHTML = "[" + key + "] Title Link Blocked (are you using NoScript?)"; + if (link) { + link.innerHTML = "[" + key + "] Title Link Blocked (are you using NoScript?)"; + } return; } if (title) { @@ -4526,7 +4531,7 @@ embed: function(a) { var el, style, type; - el = (type = Linkify.types[a.dataset.key]).el.call(a); + el = (type = Linkify.types[a.dataset.key]).el(a); el.style.cssText = (style = type.style) ? style : "border: 0; width: 640px; height: 390px"; return el; }, @@ -4543,58 +4548,61 @@ $.addClass(el, a.dataset.key); return el; }, - title: function(data) { - var key, link, options, service, text, uid; + title: function(response, data) { + var embed, key, link, options, service, text, uid; - key = data[0], uid = data[1], options = data[2], link = data[3]; + key = data[0], uid = data[1], options = data[2], link = data[3], embed = data[4]; service = Linkify.types[key].title; - return link.textContent = (function() { - switch (this.status) { - case 200: - case 304: - text = "" + (service.text.call(this)); - if (Conf['Embedding']) { - link.nextElementSibling.dataset.title = text; - } - return text; - case 404: - return "[" + key + "] Not Found"; - case 403: - return "[" + key + "] Forbidden or Private"; - default: - return "[" + key + "] " + this.status + "'d"; - } - }).call(this); + switch (response.status) { + case 200: + case 304: + text = "" + (service.text(JSON.parse(response.responseText))); + if (Conf['Embedding']) { + embed.dataset.title = text; + } + break; + case 404: + text = "[" + key + "] Not Found"; + break; + case 403: + text = "[" + key + "] Forbidden or Private"; + break; + default: + text = "[" + key + "] " + this.status + "'d"; + } + if (link) { + return link.textContent = text; + } } }, types: { audio: { regExp: /(.*\.(mp3|ogg|wav))$/, - el: function() { + el: function(a) { return $.el('audio', { controls: 'controls', preload: 'auto', - src: this.dataset.uid + src: a.dataset.uid }); } }, gist: { regExp: /.*(?:gist.github.com.*\/)([^\/][^\/]*)$/, - el: function() { + el: function(a) { var div; return div = $.el('iframe', { - src: "http://www.purplegene.com/script?url=https://gist.github.com/" + this.dataset.uid + ".js" + src: "http://www.purplegene.com/script?url=https://gist.github.com/" + a.dataset.uid + ".js" }); }, title: { api: function(uid) { return "https://api.github.com/gists/" + uid; }, - text: function() { + text: function(data) { var file, response; - response = JSON.parse(this.responseText).files; + response = data.files; for (file in response) { if (response.hasOwnProperty(file)) { return file; @@ -4606,49 +4614,49 @@ image: { regExp: /(http|www).*\.(gif|png|jpg|jpeg|bmp)$/, style: 'border: 0; width: auto; height: auto;', - el: function() { + el: function(a) { return $.el('div', { - innerHTML: "" + innerHTML: "" }); } }, InstallGentoo: { regExp: /.*(?:paste.installgentoo.com\/view\/)([0-9a-z_]+)/, - el: function() { + el: function(a) { return $.el('iframe', { - src: "http://paste.installgentoo.com/view/embed/" + this.dataset.uid + src: "http://paste.installgentoo.com/view/embed/" + a.dataset.uid }); } }, LiveLeak: { regExp: /.*(?:liveleak.com\/view.+i=)([0-9a-z_]+)/, - el: function() { + el: function(a) { return $.el('object', { - innerHTML: "" + innerHTML: "" }); } }, pastebin: { regExp: /.*(?:pastebin.com\/(?!u\/))([^#\&\?]*).*/, - el: function() { + el: function(a) { var div; return div = $.el('iframe', { - src: "http://pastebin.com/embed_iframe.php?i=" + this.dataset.uid + src: "http://pastebin.com/embed_iframe.php?i=" + a.dataset.uid }); } }, SoundCloud: { regExp: /.*(?:soundcloud.com\/|snd.sc\/)([^#\&\?]*).*/, style: 'height: auto; width: 500px; display: inline-block;', - el: function() { + el: function(a) { var div; div = $.el('div', { className: "soundcloud", name: "soundcloud" }); - $.ajax("//soundcloud.com/oembed?show_artwork=false&&maxwidth=500px&show_comments=false&format=json&url=https://www.soundcloud.com/" + this.dataset.uid, { + $.ajax("//soundcloud.com/oembed?show_artwork=false&&maxwidth=500px&show_comments=false&format=json&url=https://www.soundcloud.com/" + a.dataset.uid, { div: div, onloadend: function() { return this.div.innerHTML = JSON.parse(this.responseText).html; @@ -4660,25 +4668,25 @@ api: function(uid) { return "//soundcloud.com/oembed?show_artwork=false&&maxwidth=500px&show_comments=false&format=json&url=https://www.soundcloud.com/" + uid; }, - text: function() { - return JSON.parse(this.responseText).title; + text: function(data) { + return data.title; } } }, TwitchTV: { regExp: /.*(?:twitch.tv\/)([^#\&\?]*).*/, style: "border: none; width: 640px; height: 360px;", - el: function() { + el: function(a) { var channel, chapter, result, _; - if (result = /(\w+)\/(?:[a-z]\/)?(\d+)/i.exec(this.dataset.uid)) { + if (result = /(\w+)\/(?:[a-z]\/)?(\d+)/i.exec(a.dataset.uid)) { _ = result[0], channel = result[1], chapter = result[2]; return $.el('object', { data: 'http://www.twitch.tv/widgets/archive_embed_player.swf', innerHTML: "\n" }); } else { - channel = (/(\w+)/.exec(this.dataset.uid))[0]; + channel = (/(\w+)/.exec(a.dataset.uid))[0]; return $.el('object', { data: "http://www.twitch.tv/widgets/live_embed_player.swf?channel=" + channel, innerHTML: "\n\n" @@ -4689,50 +4697,50 @@ Vocaroo: { regExp: /.*(?:vocaroo.com\/)([^#\&\?]*).*/, style: 'border: 0; width: 150px; height: 45px;', - el: function() { + el: function(a) { return $.el('object', { - innerHTML: "" + innerHTML: "" }); } }, Vimeo: { regExp: /.*(?:vimeo.com\/)([^#\&\?]*).*/, - el: function() { + el: function(a) { return $.el('iframe', { - src: "//player.vimeo.com/video/" + this.dataset.uid + "?wmode=opaque" + src: "//player.vimeo.com/video/" + a.dataset.uid + "?wmode=opaque" }); }, title: { api: function(uid) { return "https://vimeo.com/api/oembed.json?url=http://vimeo.com/" + uid; }, - text: function() { - return JSON.parse(this.responseText).title; + text: function(data) { + return data.title; } } }, Vine: { regExp: /.*(?:vine.co\/)([^#\&\?]*).*/, style: 'border: none; width: 500px; height: 500px;', - el: function() { + el: function(a) { return $.el('iframe', { - src: "https://vine.co/" + this.dataset.uid + "/card" + src: "https://vine.co/" + a.dataset.uid + "/card" }); } }, YouTube: { regExp: /.*(?:youtu.be\/|youtube.*v=|youtube.*\/embed\/|youtube.*\/v\/|youtube.*videos\/)([^#\&\?]*)\??(t\=.*)?/, - el: function() { + el: function(a) { return $.el('iframe', { - src: "//www.youtube.com/embed/" + this.dataset.uid + (this.dataset.option ? '#' + this.dataset.option : '') + "?wmode=opaque" + src: "//www.youtube.com/embed/" + a.dataset.uid + (a.dataset.option ? '#' + a.dataset.option : '') + "?wmode=opaque" }); }, title: { api: function(uid) { return "https://gdata.youtube.com/feeds/api/videos/" + uid + "?alt=json&fields=title/text(),yt:noembed,app:control/yt:state/@reasonCode"; }, - text: function() { - return JSON.parse(this.responseText).entry.title.$t; + text: function(data) { + return data.entry.title.$t; } } } diff --git a/src/Linkification/Linkify.coffee b/src/Linkification/Linkify.coffee index 963a70d7f..acef93011 100644 --- a/src/Linkification/Linkify.coffee +++ b/src/Linkification/Linkify.coffee @@ -59,7 +59,6 @@ Linkify = items = @nodes.links i = 0 - while range = items[i++] if data = Linkify.services range Linkify.embed data if Conf['Embedding'] @@ -162,22 +161,27 @@ Linkify = if Conf['Auto-embed'] Linkify.cb.toggle.call embed + data.push embed + return title: (data) -> - [key, uid, options, link] = data + [key, uid, options, link, embed] = data return unless service = Linkify.types[key].title titles = Conf['CachedTitles'] if title = titles[uid] - link.textContent = title[0] + # Auto-embed may destroy our links. + if link + link.textContent = title[0] if Conf['Embedding'] - link.nextElementSibling.dataset.title = title[0] + embed.dataset.title = title[0] else try $.cache service.api(uid), -> - title = Linkify.cb.title.apply @, [data] + title = Linkify.cb.title @, data catch err - link.innerHTML = "[#{key}] Title Link Blocked (are you using NoScript?)" + if link + link.innerHTML = "[#{key}] Title Link Blocked (are you using NoScript?)" return if title titles[uid] = [title, Date.now()] @@ -197,7 +201,7 @@ Linkify = embed: (a) -> # We create an element to embed - el = (type = Linkify.types[a.dataset.key]).el.call a + el = (type = Linkify.types[a.dataset.key]).el a # Set style values. el.style.cssText = if style = type.style @@ -220,77 +224,77 @@ Linkify = return el - title: (data) -> - [key, uid, options, link] = data + title: (response, data) -> + [key, uid, options, link, embed] = data service = Linkify.types[key].title - link.textContent = switch @status + switch response.status when 200, 304 - text = "#{service.text.call @}" + text = "#{service.text JSON.parse response.responseText}" if Conf['Embedding'] - link.nextElementSibling.dataset.title = text - text + embed.dataset.title = text when 404 - "[#{key}] Not Found" + text = "[#{key}] Not Found" when 403 - "[#{key}] Forbidden or Private" + text = "[#{key}] Forbidden or Private" else - "[#{key}] #{@status}'d" + text = "[#{key}] #{@status}'d" + link.textContent = text if link types: audio: regExp: /(.*\.(mp3|ogg|wav))$/ - el: -> + el: (a) -> $.el 'audio', controls: 'controls' preload: 'auto' - src: @dataset.uid + src: a.dataset.uid gist: regExp: /.*(?:gist.github.com.*\/)([^\/][^\/]*)$/ - el: -> + el: (a) -> div = $.el 'iframe', # Github doesn't allow embedding straight from the site, so we use an external site to bypass that. - src: "http://www.purplegene.com/script?url=https://gist.github.com/#{@dataset.uid}.js" + src: "http://www.purplegene.com/script?url=https://gist.github.com/#{a.dataset.uid}.js" title: api: (uid) -> "https://api.github.com/gists/#{uid}" - text: -> - response = JSON.parse(@responseText).files + text: (data) -> + response = data.files return file for file of response when response.hasOwnProperty file image: regExp: /(http|www).*\.(gif|png|jpg|jpeg|bmp)$/ style: 'border: 0; width: auto; height: auto;' - el: -> + el: (a) -> $.el 'div', - innerHTML: "" + innerHTML: "" InstallGentoo: regExp: /.*(?:paste.installgentoo.com\/view\/)([0-9a-z_]+)/ - el: -> + el: (a) -> $.el 'iframe', - src: "http://paste.installgentoo.com/view/embed/#{@dataset.uid}" + src: "http://paste.installgentoo.com/view/embed/#{a.dataset.uid}" LiveLeak: regExp: /.*(?:liveleak.com\/view.+i=)([0-9a-z_]+)/ - el: -> + el: (a) -> $.el 'object', - innerHTML: "" + innerHTML: "" pastebin: regExp: /.*(?:pastebin.com\/(?!u\/))([^#\&\?]*).*/ - el: -> + el: (a) -> div = $.el 'iframe', - src: "http://pastebin.com/embed_iframe.php?i=#{@dataset.uid}" + src: "http://pastebin.com/embed_iframe.php?i=#{a.dataset.uid}" SoundCloud: regExp: /.*(?:soundcloud.com\/|snd.sc\/)([^#\&\?]*).*/ style: 'height: auto; width: 500px; display: inline-block;' - el: -> + el: (a) -> div = $.el 'div', className: "soundcloud" name: "soundcloud" $.ajax( - "//soundcloud.com/oembed?show_artwork=false&&maxwidth=500px&show_comments=false&format=json&url=https://www.soundcloud.com/#{@dataset.uid}" + "//soundcloud.com/oembed?show_artwork=false&&maxwidth=500px&show_comments=false&format=json&url=https://www.soundcloud.com/#{a.dataset.uid}" div: div onloadend: -> @div.innerHTML = JSON.parse(@responseText).html @@ -298,13 +302,13 @@ Linkify = div title: api: (uid) -> "//soundcloud.com/oembed?show_artwork=false&&maxwidth=500px&show_comments=false&format=json&url=https://www.soundcloud.com/#{uid}" - text: -> JSON.parse(@responseText).title + text: (data) -> data.title TwitchTV: regExp: /.*(?:twitch.tv\/)([^#\&\?]*).*/ style: "border: none; width: 640px; height: 360px;" - el: -> - if result = /(\w+)\/(?:[a-z]\/)?(\d+)/i.exec @dataset.uid + el: (a) -> + if result = /(\w+)\/(?:[a-z]\/)?(\d+)/i.exec a.dataset.uid [_, channel, chapter] = result $.el 'object', @@ -315,7 +319,7 @@ Linkify = """ else - channel = (/(\w+)/.exec @dataset.uid)[0] + channel = (/(\w+)/.exec a.dataset.uid)[0] $.el 'object', data: "http://www.twitch.tv/widgets/live_embed_player.swf?channel=#{channel}" @@ -328,31 +332,31 @@ Linkify = Vocaroo: regExp: /.*(?:vocaroo.com\/)([^#\&\?]*).*/ style: 'border: 0; width: 150px; height: 45px;' - el: -> + el: (a) -> $.el 'object', - innerHTML: "" + innerHTML: "" Vimeo: regExp: /.*(?:vimeo.com\/)([^#\&\?]*).*/ - el: -> + el: (a) -> $.el 'iframe', - src: "//player.vimeo.com/video/#{@dataset.uid}?wmode=opaque" + src: "//player.vimeo.com/video/#{a.dataset.uid}?wmode=opaque" title: api: (uid) -> "https://vimeo.com/api/oembed.json?url=http://vimeo.com/#{uid}" - text: -> JSON.parse(@responseText).title + text: (data) -> data.title Vine: regExp: /.*(?:vine.co\/)([^#\&\?]*).*/ style: 'border: none; width: 500px; height: 500px;' - el: -> + el: (a) -> $.el 'iframe', - src: "https://vine.co/#{@dataset.uid}/card" + src: "https://vine.co/#{a.dataset.uid}/card" YouTube: regExp: /.*(?:youtu.be\/|youtube.*v=|youtube.*\/embed\/|youtube.*\/v\/|youtube.*videos\/)([^#\&\?]*)\??(t\=.*)?/ - el: -> + el: (a) -> $.el 'iframe', - src: "//www.youtube.com/embed/#{@dataset.uid}#{if @dataset.option then '#' + @dataset.option else ''}?wmode=opaque" + src: "//www.youtube.com/embed/#{a.dataset.uid}#{if a.dataset.option then '#' + a.dataset.option else ''}?wmode=opaque" title: api: (uid) -> "https://gdata.youtube.com/feeds/api/videos/#{uid}?alt=json&fields=title/text(),yt:noembed,app:control/yt:state/@reasonCode" - text: -> JSON.parse(@responseText).entry.title.$t \ No newline at end of file + text: (data) -> data.entry.title.$t \ No newline at end of file