embeditor-rails 0.1.0 → 1.0.1

data/README.md

@@ -59,8 +59,9 @@ There are several adapters included with this engine:
 * **Facebook**
 * **Twitter**
 * **Storify**
+* **Brightcove**
 * **Document Cloud** - Not yet supported.
-* **Rebel Mouse** - Not yet supported.
+* **Rebel Mouse**
 
 None of these are included automatically. To install just the ones you need,
 add them to your `application.js` :
@@ -192,7 +193,14 @@ class Embeditor.Adapters.Twitter extends Embeditor.Adapter
 
 ### Embedly
 
-Embedly requires a key. You can provide it while initializing `Embeditor.Base`:
+If you're using the Embedly adapter, you need two things:
+
+1. [embedly-jquery](https://github.com/embedly/embedly-jquery). This is a jquery
+   adapter for the embedly API. Really all you need is a jquery plugin which
+   adds the `embedly()` function, but the `embedly-jquery` library does a nice
+   job.
+2. Embedly requires a key. You can provide it while initializing
+   `Embeditor.Base`:
 
 ```javascript
 new Embeditor.Base({
@@ -229,6 +237,12 @@ You can extend your adapter from:
   stored in the `/templates` directory and rendered with JST.
 
 
+## Known Issues
+
+* Cover It Live and Facebook embeds don't currently work together on the same
+  page, due to a javascript conflict between the two.
+
+
 ## Contributing
 
 If you have an adapter that you think would be useful for many, please open

data/app/assets/javascripts/embeditor/adapter.js.coffee

@@ -12,13 +12,14 @@ class Embeditor.Adapter
         @dataOptions    = @_extractData()
         @queryParams    = @_buildParams(@dataOptions, options)
 
+        @wrapper        = $("<div />", class: @options.wrapperClass)
+
 
     swap: ->
         return
 
 
     embed: (html) ->
-        @wrapper = $("<div />", class: @options.wrapperClass)
         @wrapper.html(html)
         @element.after @wrapper
 

data/app/assets/javascripts/embeditor/adapters/brightcove.js.coffee

@@ -0,0 +1,25 @@
+class Embeditor.Adapters.Brightcove extends Embeditor.Adapters.StaticTemplate
+    className: "Brightcove"
+
+    @Template = Embeditor.Template('brightcove')
+
+    @QueryDefaults =
+        maxwidth  : 620
+        maxheight : 550
+
+    @Matchers = [
+        new RegExp /bcpid(\d+)\?bckey=([^&]+)/i
+    ]
+
+    swap: ->
+        match = @_parseUrl()
+        return false if not match
+
+        playerId  = match[1]
+        playerKey = match[2]
+
+        @embed Brightcove.Template
+            maxheight   : @queryParams.maxheight
+            maxwidth    : @queryParams.maxwidth
+            playerId    : playerId
+            playerKey   : playerKey

data/app/assets/javascripts/embeditor/adapters/cover_it_live.js.coffee

@@ -8,7 +8,7 @@ class Embeditor.Adapters.CoverItLive extends Embeditor.Adapters.StaticTemplate
         maxheight : 550
 
     @Matchers = [
-        new RegExp "/altcast_code=([^/]+)/", "gi"
+        new RegExp /\/altcast_code=([^\/]+)\//i
     ]
 
     swap: ->
@@ -17,9 +17,9 @@ class Embeditor.Adapters.CoverItLive extends Embeditor.Adapters.StaticTemplate
         match = @_parseUrl()
         return false if not match
 
-        event_id = match[1]
+        eventId = match[1]
 
         @embed CoverItLive.Template
-            maxheight   : @queryParams.maxheight,
-            maxwidth    : @queryParams.maxwidth,
-            event_id    : event_id
+            maxheight   : @queryParams.maxheight
+            maxwidth    : @queryParams.maxwidth
+            eventId     : eventId

data/app/assets/javascripts/embeditor/adapters/instagram.js.coffee

@@ -12,7 +12,7 @@ class Embeditor.Adapters.Instagram extends Embeditor.Adapters.StaticTemplate
 
     @Matchers = [
         # http://instagram.com/p/e8hJe6CvTW/
-        new RegExp "instagram\.com\/p\/([^/]+)", "gi"
+        new RegExp /instagram\.com\/p\/([^\/]+)/i
     ]
 
 
@@ -20,9 +20,9 @@ class Embeditor.Adapters.Instagram extends Embeditor.Adapters.StaticTemplate
         match = @_parseUrl()
         return false if not match
 
-        photo_id = match[1]
+        photoId = match[1]
 
         @embed Instagram.Template
             maxheight   : @queryParams.maxheight
             maxwidth    : @queryParams.maxwidth
-            photo_id    : photo_id
+            photoId     : photoId

data/app/assets/javascripts/embeditor/adapters/polldaddy.js.coffee

@@ -1,17 +1,45 @@
-class Embeditor.Adapters.Polldaddy extends Embeditor.Adapters.Oembed
+class Embeditor.Adapters.Polldaddy extends Embeditor.Adapters.StaticTemplate
     className: "Polldaddy"
 
-    @Endpoint = "http://polldaddy.com/oembed/" # Doesn't work w/o trailing slash...
+    # We have to figure out the template dynamically.
+    @Template = null
 
     @QueryDefaults =
         maxwidth  : 620
         maxheight : 550
         format    : 'json'
 
+    @Matchers = [
+        new RegExp /https?:\/\/([^\/]+)\/([^\/]+)\/([^\/]+)\/?/i
+    ]
 
-    constructor: (@element, @options={}) ->
-        super
 
-        # Work around a polldaddy bug where the oembed endpoint doesn't
-        # properly recognize SSL URL's given to it.
-        @href = Embeditor.Utility.convertProtocolToHttp(@href)
+    swap: ->
+        match = @_parseUrl()
+        return false if not match
+
+        domain  = match[1]
+        type    = match[2]
+        id      = match[3]
+
+        template = @_findTemplate(type)
+
+        oldDocumentWrite = document.write
+        document.write = (html) => @wrapper.append(html)
+
+        @embed template
+            maxheight   : @queryParams.maxheight
+            maxwidth    : @queryParams.maxwidth
+            domain      : domain
+            id          : id
+
+        setTimeout ->
+            document.write = oldDocumentWrite
+        , 500
+
+    _findTemplate: (type) ->
+        template = switch type
+            when 's' then 'polldaddy_survey'
+            when 'poll', 'p' then 'polldaddy_poll'
+
+        Embeditor.Template(template)

data/app/assets/javascripts/embeditor/adapters/rebel_mouse.js.coffee

@@ -1,2 +1,23 @@
-class Embeditor.Adapters.RebelMouse extends Embeditor.Adapter
+class Embeditor.Adapters.RebelMouse extends Embeditor.Adapters.StaticTemplate
     className: "RebelMouse"
+
+    @Template = Embeditor.Template('rebel_mouse')
+
+    @QueryDefaults =
+        maxwidth  : 620
+        maxheight : 1000
+
+    @Matchers = [
+        new RegExp /rebelmouse\.com\/(.+?)\/?$/i
+    ]
+
+    swap: ->
+        match = @_parseUrl()
+        return false if not match
+
+        site = encodeURIComponent(match[1])
+
+        @embed RebelMouse.Template
+            maxheight   : @queryParams.maxheight
+            maxwidth    : @queryParams.maxwidth
+            site        : site

data/app/assets/javascripts/embeditor/adapters/static_template.js.coffee

@@ -3,10 +3,9 @@
 # call to an oEmbed endpoint, or if there simply isn't another way to
 # programatically retrieve the embed code.
 #
-# Your StaticTemplate adapter MUST define:
-# * @Tempalte - The name of the template to use (in the templates directory)
-#
 # Your StaticTemplate adapter SHOULD define:
+# * @Template      - The name of the template to use (in the templates
+#                    directory)
 # * @QueryDefaults - The default query paramters if no others are passed in.
 #
 # Your StaticTemplate adapter MAY define:

data/app/assets/javascripts/embeditor/embeditor.js.coffee

@@ -4,17 +4,18 @@ window.Embeditor = {
     DefaultAdapters :
         'youtube'       : 'Embedly'
         'vimeo'         : 'Embedly'
-        # 'brightcove'    : 'Embedly'
+        'brightcove'    : 'Brightcove'
         'ustream'       : 'Embedly'
+        'livestream'    : 'Embedly'
         'vine'          : 'Embedly'
         'googlemaps'    : 'Embedly'
         'scribd'        : 'Embedly'
         # 'documentcloud' : 'DocumentCloud'
         'polldaddy'     : 'Polldaddy'
-        'facebook'      : 'Facebook'
+        'facebook'      : 'Embedly'
         'storify'       : 'Storify'
         'coveritlive'   : 'CoverItLive'
-        # 'rebelmouse'    : 'RebelMouse'
+        'rebelmouse'    : 'RebelMouse'
         'firetracker'   : 'FireTracker'
         'twitter'       : 'Twitter'
         'instagram'     : 'Instagram'

data/app/assets/javascripts/embeditor/templates/brightcove.jst.eco

@@ -0,0 +1,11 @@
+<object id="flashObj" width="330" height="320" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0">
+    <param name="movie" value="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&amp;isUI=1" />
+    <param name="bgcolor" value="#FFFFFF" />
+    <param name="flashVars" value="playerID=<%=@playerId%>&amp;playerKey=<%=@playerKey%>&amp;domain=embed&amp;dynamicStreaming=true" />
+    <param name="base" value="http://admin.brightcove.com" />
+    <param name="seamlesstabbing" value="false" />
+    <param name="allowFullScreen" value="true" />
+    <param name="swLiveConnect" value="true" />
+    <param name="allowScriptAccess" value="always" />
+    <embed src="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&amp;isUI=1" bgcolor="#FFFFFF" flashVars="playerID=<%=@playerId%>&amp;playerKey=<%=@playerKey%>&amp;domain=embed&amp;dynamicStreaming=true" base="http://admin.brightcove.com" name="flashObj" width="330" height="320" seamlesstabbing="false" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always" swLiveConnect="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
+</object>

data/app/assets/javascripts/embeditor/templates/cover_it_live.jst.eco

@@ -1,4 +1,4 @@
-<div id='cil-root-<%=@event_id%>' class='cil-root'>
-    <span class='cil-config-data' title='{"altcastCode":"<%=@event_id%>","server":"www.coveritlive.com","geometry":{"width":<%=@maxwidth%>,"height":<%=@maxheight%>},"configuration":{"newEntryLocation":"bottom","pinsGrowSize":"on","titlePage":"on","skinOverride":"2"}}'>&nbsp;</span>
+<div id='cil-root-<%=@eventId%>' class='cil-root'>
+    <span class='cil-config-data' title='{"altcastCode":"<%=@eventId%>","server":"www.coveritlive.com","geometry":{"width":<%=@maxwidth%>,"height":<%=@maxheight%>},"configuration":{"newEntryLocation":"bottom","pinsGrowSize":"on","titlePage":"on","skinOverride":"2"}}'>&nbsp;</span>
 </div>
-<script type='text/javascript'>window.cilAsyncInit = function() {cilEmbedManager.init()};(function() {var e = document.createElement('script');e.async = true;var domain = (document.location.protocol == 'http:') ? '//cdnsl.coveritlive.com' : '//cdnslssl.coveritlive.com';e.src = document.location.protocol + domain + '/vw.js?v=' + Math.floor(Math.random()*10000000);e.id = 'cilScript-<%=@event_id%>';document.getElementById('cil-root-<%=@event_id%>').appendChild(e);}());</script>
+<script type='text/javascript'>window.cilAsyncInit = function() {cilEmbedManager.init()};(function() {var e = document.createElement('script');e.async = true;var domain = (document.location.protocol == 'http:') ? '//cdnsl.coveritlive.com' : '//cdnslssl.coveritlive.com';e.src = document.location.protocol + domain + '/vw.js?v=' + Math.floor(Math.random()*10000000);e.id = 'cilScript-<%=@eventId%>';document.getElementById('cil-root-<%=@eventId%>').appendChild(e);}());</script>

data/app/assets/javascripts/embeditor/templates/instagram.jst.eco

@@ -1 +1 @@
-<iframe src="//instagram.com/p/<%=@photo_id%>/embed/" width="<%=@maxwidth%>" height="<%=@maxheight%>" frameborder="0" scrolling="no" allowtransparency="true"></iframe>
+<iframe src="//instagram.com/p/<%=@photoId%>/embed/" width="<%=@maxwidth%>" height="<%=@maxheight%>" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

data/app/assets/javascripts/embeditor/templates/polldaddy_poll.jst.eco

@@ -0,0 +1 @@
+<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/<%=@id%>.js"></script><noscript><a href="http://polldaddy.com/poll/<%=@id%>/">View Poll</a></noscript>

data/app/assets/javascripts/embeditor/templates/{polldaddy.jst.eco → polldaddy_survey.jst.eco}

@@ -1,4 +1,4 @@
-<div class="pd-embed" data-settings="{&quot;type&quot;:&quot;iframe&quot;,&quot;auto&quot;:true,&quot;domain&quot;:&quot;<%=@domain%>\/s\/&quot;,&quot;id&quot;:&quot;<%=@poll_id%>&quot;}"></div>
+<div class="pd-embed" data-settings="{&quot;type&quot;:&quot;iframe&quot;,&quot;auto&quot;:true,&quot;domain&quot;:&quot;<%=@domain%>\/s\/&quot;,&quot;id&quot;:&quot;<%=@id%>&quot;}"></div>
 <script type="text/javascript">
 (function(d,c,j){if(!document.getElementById(j)){var pd=d.createElement(c),s;pd.id=j;pd.src=('https:'==document.location.protocol)?'https://polldaddy.com/survey.js':'http://i0.poll.fm/survey.js';s=document.getElementsByTagName(c)[0];s.parentNode.insertBefore(pd,s);}}(document,'script','pd-embed'));
 </script>

data/app/assets/javascripts/embeditor/templates/rebel_mouse.jst.eco

@@ -0,0 +1 @@
+<script type="text/javascript" class="rebelmouse-embed-script" src="https://www.rebelmouse.com/static/js-build/embed/embed.js?site=<%=@site%>&amp;height=<%=@maxheight%>&amp;flexible=0&amp;scrollbar_theme=dark"></script>

data/lib/embeditor-rails/version.rb

@@ -1,5 +1,5 @@
 module Embeditor
   module Rails
-    VERSION = "0.1.0"
+    VERSION = "1.0.1"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: embeditor-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 1.0.1
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-10-08 00:00:00.000000000 Z
+date: 2013-10-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -69,10 +69,10 @@ extensions: []
 extra_rdoc_files: []
 files:
 - app/assets/javascripts/embeditor/adapter.js.coffee
+- app/assets/javascripts/embeditor/adapters/brightcove.js.coffee
 - app/assets/javascripts/embeditor/adapters/cover_it_live.js.coffee
 - app/assets/javascripts/embeditor/adapters/document_cloud.js.coffee
 - app/assets/javascripts/embeditor/adapters/embedly.js.coffee
-- app/assets/javascripts/embeditor/adapters/facebook.js.coffee
 - app/assets/javascripts/embeditor/adapters/fire_tracker.js.coffee
 - app/assets/javascripts/embeditor/adapters/instagram.js.coffee
 - app/assets/javascripts/embeditor/adapters/oembed.js.coffee
@@ -83,10 +83,12 @@ files:
 - app/assets/javascripts/embeditor/adapters/twitter.js.coffee
 - app/assets/javascripts/embeditor/adapters.js
 - app/assets/javascripts/embeditor/embeditor.js.coffee
+- app/assets/javascripts/embeditor/templates/brightcove.jst.eco
 - app/assets/javascripts/embeditor/templates/cover_it_live.jst.eco
-- app/assets/javascripts/embeditor/templates/facebook.jst.eco
 - app/assets/javascripts/embeditor/templates/instagram.jst.eco
-- app/assets/javascripts/embeditor/templates/polldaddy.jst.eco
+- app/assets/javascripts/embeditor/templates/polldaddy_poll.jst.eco
+- app/assets/javascripts/embeditor/templates/polldaddy_survey.jst.eco
+- app/assets/javascripts/embeditor/templates/rebel_mouse.jst.eco
 - app/assets/javascripts/embeditor/templates/storify.jst.eco
 - app/assets/javascripts/embeditor/templates/twitter.jst.eco
 - app/assets/javascripts/embeditor/templates.js

data/app/assets/javascripts/embeditor/adapters/facebook.js.coffee

@@ -1,18 +0,0 @@
-class Embeditor.Adapters.Facebook extends Embeditor.Adapters.StaticTemplate
-    className: "Facebook"
-
-    @Template = Embeditor.Template('facebook')
-
-    @QueryDefaults =
-        maxwidth  : 550
-        maxheight : 600
-
-    # For facebook, we just use the full URL, so no matchers are needed.
-    @Matchers = []
-
-
-    swap: ->
-        @embed Facebook.Template
-            maxheight   : @queryParams.maxheight,
-            maxwidth    : @queryParams.maxwidth,
-            url         : @href

data/app/assets/javascripts/embeditor/templates/facebook.jst.eco

@@ -1,2 +0,0 @@
-<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
-<div class="fb-post" data-href="<%=@url%>" data-width="<%=@maxwidth%>"></div>