meme_captain 0.0.6 → 0.0.7

data/README.md

@@ -0,0 +1,55 @@
+Ruby gem to create meme images (images with text added at the top and bottom).
+
+Runs locally and has no web dependencies.
+
+Works with animated gifs.
+
+```ruby
+require 'open-uri'
+
+require 'meme_captain'
+
+open('http://memecaptain.com/troll_face.jpg', 'rb') do |f|
+  i = MemeCaptain.meme(f, 'test', '1 2 3')
+  i.display
+  i.write('out.jpg')
+end
+```
+
+Also includes a Sinatra app that exposes the API over HTTP which is currently
+running http://memecaptain.com/
+
+You can use the memecaptain.com API if you prefer it to using the gem.
+
+Simplest API:
+
+```
+http://memecaptain.com/i?u=<url encoded source image url>&tt=<url encoded top text>&tb=<url encoded bottom text>
+```
+
+Example:
+
+```
+http://memecaptain.com/i?u=http%3A%2F%2Fmemecaptain.com%2Fyao_ming.jpg&tt=sure+i%27ll+test&tb=the+api
+```
+
+![Sure I'll test the API](http://memecaptain.com/i?u=http%3A%2F%2Fmemecaptain.com%2Fyao_ming.jpg&tt=sure+i%27ll+test&tb=the+api)
+
+If you want better error messages, use this which will return JSON:
+
+```
+http://memecaptain.com/g?u=<url encoded source image url>&tt=<url encoded top text>&tb=<url encoded bottom text>
+```
+
+Example:
+
+```
+http://memecaptain.com/g?u=http%3A%2F%2Fmemecaptain.com%2Fyao_ming.jpg&tt=sure+i%27ll+test&tb=the+api
+```
+
+```json
+{
+  permUrl: "http://memecaptain.com/i?u=http%3A%2F%2Fmemecaptain.com%2Fyao_ming.jpg&tt=sure+i%27ll+test&tb=the+api"
+  tempUrl: "http://memecaptain.com/tmp/de55f7a78c6559d4a24ef3e72e2de89992b82695.jpeg"
+}
+```

data/lib/meme_captain/caption.rb

@@ -0,0 +1,45 @@
+module MemeCaptain
+
+  class Caption < String
+
+    def initialize(s='')
+      super s.to_s
+    end
+
+    # Return the contents of the string quoted for ImageMagick annotate.
+    def annotate_quote
+      Caption.new(gsub('\\', '\\\\\\').gsub('%', '\%'))
+    end
+
+    # Whether the string contains any non-whitespace.
+    def drawable?
+      match(/[^\s]/) ? true : false
+    end
+
+    # Wrap the string of into num_lines lines.
+    def wrap(num_lines)
+      cleaned = gsub(/\s+/, ' ').strip
+
+      chars_per_line = cleaned.size / num_lines.to_f
+
+      lines = []
+      cleaned.split.each do |word|
+        if lines.empty?
+          lines << word
+        else
+          if (lines[-1].size + 1 + word.size) <= chars_per_line or
+            lines.size >= num_lines
+            lines[-1] << ' '  unless lines[-1].empty?
+            lines[-1] << word
+          else
+            lines << word
+          end
+        end
+      end
+
+      Caption.new(lines.join("\n"))
+    end
+
+  end
+
+end

data/lib/meme_captain/caption_choice.rb

@@ -0,0 +1,33 @@
+module MemeCaptain
+
+  # For comparing different caption line break and pointsize choices.
+  class CaptionChoice
+    include Comparable
+
+    def initialize(fits, pointsize, text)
+      @fits = fits
+      @pointsize = pointsize
+      @text = text
+    end
+
+    def num_lines
+      text.count("\n") + 1
+    end
+
+    def fits_i
+      fits ? 1: 0
+    end
+
+    def <=>(other)
+      [fits_i, pointsize, fits ? -num_lines : num_lines] <=>
+        [other.fits_i, other.pointsize,
+        other.fits ? -other.num_lines : other.num_lines]
+    end
+
+    attr_accessor :fits
+    attr_accessor :pointsize
+    attr_accessor :text
+
+  end
+
+end

data/lib/meme_captain/draw.rb

@@ -0,0 +1,35 @@
+module MemeCaptain
+
+  # Mix-in for Magick::Draw
+  module Draw
+
+    # Calculate the largest pointsize for text that will be in a width x
+    # height box.
+    #
+    # Return [pointsize, fits] where pointsize is the largest pointsize and
+    # fits is true if that pointsize will fit in the box.
+    def calc_pointsize(width, height, text, min_pointsize)
+      current_pointsize = min_pointsize
+
+      fits = false
+
+      loop {
+        self.pointsize = current_pointsize
+        metrics = get_multiline_type_metrics(text)
+        if metrics.width > width or metrics.height > height
+          if current_pointsize > min_pointsize
+            current_pointsize -= 1
+            fits = true
+          end
+          break
+        else
+          current_pointsize += 1
+        end
+      }
+
+      [current_pointsize, fits]
+    end
+
+  end
+
+end

data/lib/meme_captain/filesystem_cache.rb

@@ -46,6 +46,9 @@ module MemeCaptain
     # Put data in the cache and return its path.
     def put(id, data)
       mime_type = MemeCaptain.mime_type(data)
+      unless mime_type
+        raise 'Data loaded from source image url is not an image'
+      end
       file_path = id_path(id, ".#{mime_type.extensions[0]}")
 
       open(file_path, 'w') do |f|

data/lib/meme_captain/meme.rb

@@ -6,7 +6,7 @@ module MemeCaptain
 
   # Create a meme image.
   # Input can be an IO object or a blob of data.
-  def meme(input, line1, line2, options={})
+  def meme(input, top_text, bottom_text, options={})
     img = Magick::ImageList.new
     if input.respond_to?(:read)
       img.from_blob(input.read)
@@ -14,34 +14,53 @@ module MemeCaptain
       img.from_blob(input)
     end
 
-    options = {
-      :density => 144,
-      :fill => 'white',
-      :font => 'Impact-Regular',
-      :gravity => Magick::CenterGravity,
-      :size => "#{img.page.width * 1.8}x#{img.page.height / 2}",
-      :stroke => 'black',
-      :stroke_width => 2,
-      :background_color => 'none',
-      }.merge(options)
-
-    line1_caption = Magick::Image.read("caption:#{line1.to_s.upcase}") {
-      options.each { |k,v| self.send("#{k}=", v) }
-    }
-    line1_caption[0].resize!(0.5)
+    max_lines = 16
+    super_sample = 2.0
 
-    line2_caption = Magick::Image.read("caption:#{line2.to_s.upcase}") {
-      options.each { |k,v| self.send("#{k}=", v) }
-    }
-    line2_caption[0].resize!(0.5)
+    min_pointsize = 12 * super_sample
+    text_width = img.page.width * 0.9 * super_sample
+    text_height = img.page.height / 4.0 * super_sample
 
-    text_layer = Magick::Image.new(img.page.width, img.page.height) {
+    text_layer = Magick::Image.new(
+      img.page.width * super_sample, img.page.height * super_sample) {
       self.background_color = 'none'
+      self.density = 144
     }
-    text_layer.composite!(line1_caption[0], Magick::NorthGravity,
-      Magick::OverCompositeOp)
-    text_layer.composite!(line2_caption[0], Magick::SouthGravity,
-      Magick::OverCompositeOp)
+
+    draw = Magick::Draw.new.extend(Draw)
+
+    draw.fill = 'white'
+    draw.font = 'Impact'
+
+    [
+      [Caption.new(top_text), Magick::NorthGravity],
+      [Caption.new(bottom_text), Magick::SouthGravity],
+    ].select { |x| x[0].drawable? }.each do |caption, gravity|
+      wrap_tries = (1..max_lines).map { |num_lines|
+        caption.wrap(num_lines).upcase.annotate_quote
+      }.uniq
+
+      choices = wrap_tries.map do |wrap_try|
+        pointsize, fits = draw.calc_pointsize(
+          text_width, text_height, wrap_try, min_pointsize)
+
+        CaptionChoice.new(fits, pointsize, wrap_try)
+      end
+
+      choice = choices.max
+
+      draw.gravity = gravity
+      draw.pointsize = choice.pointsize
+
+      draw.stroke = 'black'
+      draw.stroke_width = 8
+      draw.annotate text_layer, 0, 0, 0, 0, choice.text
+
+      draw.stroke = 'none'
+      draw.annotate text_layer, 0, 0, 0, 0, choice.text
+    end
+
+    text_layer.resize!(1 / super_sample)
 
     img.each do |frame|
       frame.composite!(text_layer, -frame.page.x, -frame.page.y,

data/lib/meme_captain/server.rb

@@ -13,6 +13,8 @@ module MemeCaptain
 
     ImageExts = %w{.jpeg .gif .png}
 
+    set :root, File.join(File.dirname(__FILE__), '..', '..')
+
     get '/' do
       @u = params[:u]
       @tt= params[:tt]
@@ -32,6 +34,9 @@ module MemeCaptain
           curl = Curl::Easy.perform(params[:u]) do |c|
             c.useragent = 'Meme Captain http://memecaptain.com/'
           end
+          unless curl.response_code == 200
+            raise "Error loading source image url #{params[:u]}"
+          end
           curl.body_str
         }
 
@@ -49,21 +54,23 @@ module MemeCaptain
     end
 
     get '/g' do
-      content_type :json
-
-      processed_cache_path = gen(params)
-
-      temp_url = URI(request.url)
-      temp_url.path = processed_cache_path.sub('public', '')
-      temp_url.query = nil
-
-      perm_url = URI(request.url)
-      perm_url.path = '/i'
-
-      {
-        'tempUrl' => temp_url.to_s,
-        'permUrl' => perm_url.to_s,
-      }.to_json
+      begin
+        processed_cache_path = gen(params)
+
+        temp_url = URI(request.url)
+        temp_url.path = processed_cache_path.sub('public', '')
+        temp_url.query = nil
+
+        perm_url = URI(request.url)
+        perm_url.path = '/i'
+
+        [200, { 'Content-Type' => 'application/json' }, {
+          'tempUrl' => temp_url.to_s,
+          'permUrl' => perm_url.to_s,
+        }.to_json]
+      rescue => error
+        [500, { 'Content-Type' => 'text/plain' }, error.to_s]
+      end
     end
 
     get '/i' do

data/lib/meme_captain/version.rb

@@ -0,0 +1,3 @@
+module MemeCaptain
+  VERSION = '0.0.7'
+end

data/lib/meme_captain.rb

@@ -1,5 +1,9 @@
+require 'meme_captain/caption'
+require 'meme_captain/caption_choice'
+require 'meme_captain/draw'
 require 'meme_captain/file_body'
+require 'meme_captain/filesystem_cache'
 require 'meme_captain/meme'
 require 'meme_captain/mime_type'
 require 'meme_captain/server'
-require 'meme_captain/filesystem_cache'
+require 'meme_captain/version'

data/meme_captain.gemspec

@@ -2,9 +2,12 @@
 
 $:.unshift(File.join(File.dirname(__FILE__), 'lib'))
 
+require 'meme_captain/version'
+
 Gem::Specification.new do |s|
   s.name = 'meme_captain'
   s.version = '0.0.6'
+  s.version = MemeCaptain::VERSION
   s.summary = 'create meme images'
   s.description = s.summary
   s.homepage = 'https://github.com/mmb/meme_captain'

data/script/thumb_sprites.rb

@@ -0,0 +1,20 @@
+require 'RMagick'
+
+# make a combined thumbnail image from a list of images for use in CSS sprites
+
+puts 'images = ['
+
+thumbs = Magick::ImageList.new
+
+ARGV.sort.each do |file|
+  image = Magick::ImageList.new(file)
+  image.resize_to_fit!(0, 50)
+  image.each do |frame|
+    thumbs.push frame
+    puts "  ['#{File.basename(file)}', #{frame.columns}],"
+  end
+end
+
+puts ']'
+
+thumbs.append(false).write('thumbs.jpg')

data/views/index.erb

@@ -1,16 +1,28 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lan="en" xmlns:fb="https://www.facebook.com/2008/fbml">
 
 <head>
 <title>Meme Captain</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+#sourceImages {
+  background-color : #eee;
+  border-top : 1px solid #ccc;
+  border-bottom : 1px solid #ccc;
+  padding : 0em 1em 0.5em 1em;
+  margin : 1em 0em 1em 0em;
+}
+
+img.thumb {
+  background-image : url('thumbs.jpg');
+  height : 50px;
+}
+</style>
 </head>
 
 <body>
 
-<p><a href="/">Meme Captain</a></p>
-
-<p>Add text to images from the internet.</p>
+<p><a href="/">Meme Captain</a> - add text to images from the internet</p>
 
 <div id="img"></div>
 
@@ -42,45 +54,183 @@
 
 </form>
 
-<img src="http://memecaptain.com/bear_grylls_thumb.jpg" onClick="$('#u').val('http://memecaptain.com/bear_grylls.jpg'); return false;" />
-
-<img src="http://memecaptain.com/most_interesting_thumb.jpg" onClick="$('#u').val('http://memecaptain.com/most_interesting.jpg'); return false;" />
-
-<img src="http://memecaptain.com/philosoraptor_thumb.jpg" onClick="$('#u').val('http://memecaptain.com/philosoraptor.jpg'); return false;" />
-
-<img src="http://memecaptain.com/scumbag_steve_thumb.jpg" onClick="$('#u').val('http://memecaptain.com/scumbag_steve.jpg'); return false;" />
-
-<img src="http://memecaptain.com/town_crier_thumb.jpg" onClick="$('#u').val('http://memecaptain.com/town_crier.jpg'); return false;" />
+<div id="sourceImages">
+
+<p>Locally hosted source images or search Bing for source images (click thumbnail to use):</p>
+
+<%
+
+images = [
+  ['all_the_things.jpg', 67],
+  ['bear_grylls.jpg', 45],
+  ['business_cat.jpg', 50],
+  ['courage_wolf.jpg', 50],
+  ['dwight_schrute.jpg', 73],
+  ['fry.png', 67],
+  ['good_guy_greg.jpg', 51],
+  ['grandma.jpg', 68],
+  ['insanity_wolf.jpg', 50],
+  ['internet_husband.jpg', 45],
+  ['joseph_ducreux.jpg', 38],
+  ['me_gusta.png', 50],
+  ['most_interesting.jpg', 40],
+  ['ok.png', 50],
+  ['philosoraptor.jpg', 50],
+  ['rage.png', 50],
+  ['sap.jpg', 50],
+  ['scumbag_steve.jpg', 50],
+  ['seriously.png', 50],
+  ['slowpoke.jpg', 50],
+  ['success_kid.jpg', 50],
+  ['town_crier.jpg', 75],
+  ['troll_face.jpg', 55],
+  ['trolldad.png', 50],
+  ['trolldad_dancing.png', 50],
+  ['tyler_durden.jpg', 50],
+  ['xzibit.jpg', 77],
+  ['y_u_no.jpg', 67],
+  ['yao_ming.jpg', 42],
+]
+
+pos = 0
+images.each do |name, offset|
+%>
+<img src="1.gif" class="thumb" style="width : <%= offset %>px; background-position : <%= pos %>px 0px;" onClick="$('#u').val('http://memecaptain.com/<%= name %>'); return false;" />
+<%
+  pos -= offset
+end
+%>
+
+<div id="bingImageResults"></div>
 
-<img src="http://memecaptain.com/troll_face_thumb.jpg" onClick="$('#u').val('http://memecaptain.com/troll_face.jpg'); return false;" />
-
-<img src="http://memecaptain.com/yao_ming_thumb.jpg" onClick="$('#u').val('http://memecaptain.com/yao_ming.jpg'); return false;" />
+<form action="" method="get">
+<input type="text" id="bingSearch" />
+<input type="button" id="bingButton" value="Bing Image Search" />
+</form>
 
-<img src="http://memecaptain.com/y_u_no_thumb.jpg" onClick="$('#u').val('http://memecaptain.com/y_u_no.jpg'); return false;" />
+</div>
 
 <p>by Matthew M. Boedicker <a href="mailto:matthewm@boedicker.org">matthewm@boedicker.org</a></p>
 
-<p><a href="https://github.com/mmb/meme_captain">source code</a></p>
+<p><a href="https://github.com/mmb/meme_captain">source code and API</a></p>
 
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
 <script>
+function showBingImages(resp) {
+    var div = $('#bingImageResults'),
+        searchResponse = resp.SearchResponse,
+        image = searchResponse.Image;
+
+    div.empty();
+
+    if (image.Total > 0) {
+        $.each(image.Results, function (i, img) {
+            div.append($('<img />').attr('src', img.Thumbnail.Url).click(
+                function () { $('#u').val(img.MediaUrl); }
+            ));
+        });
+    } else {
+        div.append($('<p />').append(
+            'No results for "' + searchResponse.Query.SearchTerms + '".'));
+    }
+}
+
+function bingImageSearch() {
+    var bingSearch = $('#bingSearch'),
+        bingSearchVal = bingSearch.val();
+
+    if (bingSearchVal.match(/[^\s]/)) {
+        bingSearch.val('');
+
+        $.ajax({
+            type : 'GET',
+            url : 'http://api.bing.net/json.aspx',
+            data : {
+                AppId : 'A120380275E87F0071F163210211F0592D0E964C',
+                Query : bingSearchVal + ' imagesize:Medium',
+                Sources : 'Image',
+                Version : '2.0',
+                Market : 'en-us',
+                'Image.Count' : 5,
+                'Image.Offset' : 0,
+                JsonType : 'callback'
+            },
+            dataType : 'jsonp',
+            jsonpCallback : 'showBingImages',
+            jsonp : 'JsonCallback'
+        });
+    }
+}
+
 $(function () {
+    var bingSearch,
+        bingSearchVal,
+        imgDiv;
+
     if (window.location.search.match(/u=[^&$]/)) {
-        var imgDiv = $('#img');
+        $('#tt').focus();
+
+        imgDiv = $('#img');
 
         imgDiv.append($('<p />').append('Creating image ...'));
 
-        $.get('/g' + window.location.search, function(data) {
+        $.get('/g' + window.location.search, function (data) {
             var img = $('<img />').attr('src', data.tempUrl),
             tempLink = $('<a />').attr('href', data.tempUrl).append(data.tempUrl),
-            permLink = $('<a />').attr('href', data.permUrl).append(data.permUrl);
+            permLink = $('<a />').attr('href', data.permUrl).append(data.permUrl),
+            tweetLink = $('<a />').attr({
+                href : 'http://twitter.com/share',
+                'class' : 'twitter-share-button',
+                'data-count' : 'none',
+                'data-text' : ' ',
+                'data-url' : data.permUrl
+                }).append('Tweet');
 
             imgDiv.empty().append(
                 img).append(
                 $('<p />').append('Temporary image url: ').append(tempLink)).append(
-                $('<p />').append('Permanent image url: ').append(permLink));
+                $('<p />').append('Permanent image url: ').append(permLink)).append(
+                $('<p />').append('Temporary url not guaranteed to work forever. Permanent url should work as long as source image exists.')).append(
+                $('<p />').append(tweetLink).append($('<script />').attr('src',
+                    'http://platform.twitter.com/widgets.js')));
+
+            // Facebook like
+            imgDiv.append(
+                $('<div />').attr('id', 'fb-root')).append(
+                $('<fb:like />').attr({
+                    href : data.tempUrl,
+                    send : 'true',
+                    width : '450',
+                    show_faces : 'true',
+                    font : ''
+                    }));
+
+            window.fbAsyncInit = function () {
+                FB.init({
+                    appId : '108445492580525',
+                    status : true,
+                    cookie : true,
+                    xfbml : true
+                    });
+                };
+
+            imgDiv.append($('<script />').attr({
+                src : 'http://connect.facebook.net/en_US/all.js'}));
+        }).error(function (j) {
+          imgDiv.empty().append($('<p />').text(j.responseText));
         });
+    } else {
+        $('#u').focus();
     }
+
+    $('#bingSearch').keypress(function (event) {
+        if (event.which == 13) {
+            event.preventDefault();
+            bingImageSearch();
+        }
+    });
+
+    $('#bingButton').click(bingImageSearch);
 });
 </script>
 

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: meme_captain
 version: !ruby/object:Gem::Version 
-  hash: 19
+  hash: 17
   prerelease: 
   segments: 
   - 0
   - 0
-  - 6
-  version: 0.0.6
+  - 7
+  version: 0.0.7
 platform: ruby
 authors: 
 - Matthew M. Boedicker
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2011-05-15 00:00:00 -04:00
+date: 2011-11-08 00:00:00 -05:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -114,17 +114,24 @@ extra_rdoc_files: []
 files: 
 - .gitignore
 - COPYING
-- README.textile
+- README.md
 - config.ru
 - img_cache/source/.gitignore
 - lib/meme_captain.rb
+- lib/meme_captain/caption.rb
+- lib/meme_captain/caption_choice.rb
+- lib/meme_captain/draw.rb
 - lib/meme_captain/file_body.rb
 - lib/meme_captain/filesystem_cache.rb
 - lib/meme_captain/meme.rb
 - lib/meme_captain/mime_type.rb
 - lib/meme_captain/server.rb
+- lib/meme_captain/version.rb
 - meme_captain.gemspec
+- public/1.gif
+- public/thumbs.jpg
 - public/tmp/.gitignore
+- script/thumb_sprites.rb
 - views/index.erb
 has_rdoc: true
 homepage: https://github.com/mmb/meme_captain

data/README.textile

@@ -1,20 +0,0 @@
-Ruby gem to create meme images (images with text added at the top and bottom).
-
-Also includes Sinatra app that exposes API over HTTP which is currently
-running "http://memecaptain.com/":http://memecaptain.com/
-
-Works with animated gifs.
-
-<pre>
-<code>
-require 'meme_captain'
-
-require 'open-uri'
-
-open('http://image_from_web_or_local_file.jpg', 'rb') do |f|
-  i = MemeCaptain.meme(f, 'test', '1 2 3')
-  i.display
-  i.write('out.jpg')
-end
-</code>
-</pre>