Merge pull request #113 from dysania/create-soundcloud-onebox

Create soundcloud onebox

lib/onebox/engine.rb

@@ -62,6 +62,7 @@ def matches(&block)
 require_relative "engine/funny_or_die_onebox"
 require_relative "engine/hulu_onebox"
 require_relative "engine/nfb_onebox"
+require_relative "engine/sound_cloud_onebox"
 require_relative "engine/qik_onebox"
 require_relative "engine/revision3_onebox"
 require_relative "engine/slideshare_onebox"

lib/onebox/engine/sound_cloud_onebox.rb

@@ -0,0 +1,25 @@
+module Onebox
+  module Engine
+    class SoundCloudOnebox
+      include Engine
+      include OpenGraph
+
+      matches do
+        # /^https?:\/\/(?:www\.)?soundcloud\.com\/.+$/
+        find "soundcloud.com"
+      end
+
+      private
+
+      def extracted_data
+        {
+          url: @url,
+          title: @body.title,
+          image: @body.images.first,
+          description: @body.description,
+          video: @body.metadata[:video][1][:_value]
+        }
+      end
+    end
+  end
+end

spec/lib/onebox/engine/sound_cloud_spec.rb

@@ -0,0 +1,32 @@
+require "spec_helper"
+
+describe Onebox::Engine::SoundCloudOnebox do
+  let(:link) { "http://dailymotion.com" }
+  let(:html) { described_class.new(link).to_html }
+
+  before do
+    fake(link, response("soundcloud.response"))
+  end
+
+  it "returns video title" do
+    expect(html).to include("Penguin Prison - Worse It Gets (RAC Mix)")
+  end
+
+  it "returns video image" do
+    expect(html).to include("artworks-000033643332-vpuznu-t500x500.jpg")
+  end
+
+  it "returns video description" do
+    expect(html).to include("Remix by André Allen Anjos.")
+  end
+
+  it "returns video URL" do
+    expect(html).to include("Remix by André Allen Anjos.")
+  end
+
+  it "returns video embed code"
+
+  it "returns URL" do
+    expect(html).to include(link)
+  end
+end

templates/soundcloud.handlebars

@@ -0,0 +1,9 @@
+<div class="onebox">
+  <a href="{{url}}">
+    <h1>{{title}}</h1>
+    <h2 class="host">soundcloud.com</h2>
+    <img src="{{image}}" />
+    {{video}}
+    <p>{{description}}</p>
+  </a>
+</div>