mathjax-renderer 0.0.6 → 0.0.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 108c1668656658f3c89100c86dcbaee043b19343
-  data.tar.gz: 9635fb1117c4084b4b6480c7ef4b851d3fdca2f8
+  metadata.gz: 6e95c5e5f34072effcd51928ee50b719c620e67e
+  data.tar.gz: edd581776d9b4e52240cd966d99c2fcad8b78a65
 SHA512:
-  metadata.gz: e02966b4f64ab784df3176473320abfb0e2ffb43dc899665383450bc30e91bf271a4f748efd0cf4a7d8391c4298529159e895e6f0c23019761111579d6c0e97e
-  data.tar.gz: d0f48a885c73debde6bb8b86c65544e3f8b51c5de7dc293dba87356e6703056bdca1d7b9c59360561e6e2fd8021426cffa4ae05954f7be52296f223833cca591
+  metadata.gz: 553117673179eb5420f9a52c40bfef53a9cce7a4619ac8e6552ffbd4213bfd304e9aab7f05bae788b0cc181e7b75f9614f89b87750425f256ac0de0cc611a13f
+  data.tar.gz: ebed43efddc15f38bb6a303b32ddad25e567506ee761f4e8266675dc8a3a7b54b90fd88fee3cda7abf604befe7172b5828d8007dab427599eef90c72a08e56c7

data/Gemfile

@@ -1,5 +1,8 @@
 source 'https://rubygems.org'
 source 'https://rails-assets.org'
 
+gem 'poltergeist'
+gem 'phantomjs', :require => 'phantomjs/poltergeist'
+
 # Specify your gem's dependencies in mathjax_renderer-renderer.gemspec
 gemspec

data/README.md

@@ -7,6 +7,8 @@ generating images from MathJax expressions which can be inserted to the site ins
 expression, thus making them visible to readers. Also, there is an option to generate the HTML,
 so you can remove the client-side scripts.
 
+You can find some background in this blog post: https://advancedweb.hu/2015/03/17/mathjax-processing-on-the-server-side/
+
 ## Installation
 
 Add this line to your application's Gemfile:
@@ -29,10 +31,6 @@ mathjax-renderer can generate the HTML from running the MathJax scripts, and it
 generate an image from the result. It uses a global cache, so it is fast for the second time for the
 same input.
 
-### Requirements
-
-mathjax-renderer uses Chrome with Xvfb, so they need to be installed (sorry, not gonna work on Windows).
-
 ### Generating the HTML
 
 To generated the HTML, just call:

data/features/options.feature

@@ -18,6 +18,6 @@ Feature: Padding, min width and additional styles can be set for image generatio
     """
       And the additional styles are
     """
-      body{background-color:blue;}
+		body{background-color:blue;}
     """
-    Then the generated image is mostly blue
+    Then the generated image is mostly blue

data/features/step_definitions/image_steps.rb

@@ -62,7 +62,7 @@ Then(/^it's width is (\d+)px$/) do |arg1|
 end
 
 Given(/^the additional styles are$/) do |string|
-  renderer = Mathjax_Renderer::Renderer.new(@expression, $tmpdir, additional_styles:string)
+  renderer = Mathjax_Renderer::Renderer.new(@expression, $tmpdir, extra_style:string)
   @image = ChunkyPNG::Image.from_file("#{$tmpdir}/#{renderer.image_name}")
 end
 
@@ -70,11 +70,14 @@ Then(/^the generated image is mostly blue$/) do
   blue = 0
   @image.width.times do |x|
     @image.height.times do |y|
-       blue+=1 if ChunkyPNG::Color.b(@image[1,1])==255
+			b = ChunkyPNG::Color.b(@image[x,y])
+			g = ChunkyPNG::Color.g(@image[x,y])
+			r = ChunkyPNG::Color.r(@image[x,y])
+       blue += 1 if b == 255 && g == 0 && r == 0
     end
   end
 
   all_pixels = @image.width * @image.height
 
   expect(blue).to be >= all_pixels / 2
-end
+end

data/features/support/env.rb

@@ -6,4 +6,4 @@ Around do |scenario, block|
     $tmpdir = tmpdir
     block.call
   }
-end
+end

data/lib/mathjax_renderer/renderer.rb

@@ -2,7 +2,6 @@ module Mathjax_Renderer
   class Renderer
     require 'capybara'
     require 'capybara/dsl'
-    require 'headless'
     require 'timeout'
 
     include Capybara::DSL
@@ -23,61 +22,71 @@ module Mathjax_Renderer
       server = RendererServer.new
       server.ensure_started!
 
-      url = server.add_content(@mathml, @options[:extra_style])
+      url = server.add_content(@mathml, @options[:extra_style], @options[:padding])
 
-      Headless.ly do
+			require 'phantomjs/poltergeist'
+			require 'phantomjs'
+			Capybara.register_driver :poltergeist do |app|
+				Capybara::Poltergeist::Driver.new(app, :phantomjs => Phantomjs.path)
+			end
+			Capybara.default_driver = :poltergeist
+			Capybara.app_host = "http://localhost:#{server.port}"
 
-        Capybara.register_driver :chrome do |app|
-          Capybara::Selenium::Driver.new(app, :browser => :chrome, :args => ['no-sandbox','no-default-browser-check','no-first-run','disable-default-apps'])
-        end
+			visit url
 
-        Capybara.default_driver = :chrome
-        Capybara.app_host = "http://localhost:#{server.port}"
+			def mathjax_ready?(page)
+				html = Nokogiri::HTML(page.html)
+				!html.css('.MathJax').empty? &&
+					html.css('.MathJax_Processing').empty? &&
+					html.css('.MathJax_Processed').empty?
+			end
 
-        visit url
+			Timeout.timeout(5) do
+				sleep 0.1 until mathjax_ready?(page)
+			end
 
-        def mathjax_ready?(page)
-          html = Nokogiri::HTML(page.html)
-          !html.css('.MathJax').empty? &&
-            html.css('.MathJax_Processing').empty? &&
-            html.css('.MathJax_Processed').empty?
-        end
+			unless @image_base_url.nil?
+				require 'chunky_png'
+				driver = page.driver
 
-        Timeout.timeout(5) do
-          sleep 0.1 until mathjax_ready?(page)
-        end
+				require 'fileutils'
+				FileUtils.mkpath @image_base_url
 
-        unless @image_base_url.nil?
-          require 'chunky_png'
-          driver = page.driver
+				driver.save_screenshot(image_path)
 
-          require 'fileutils'
-          FileUtils.mkpath @image_base_url
+				image = ChunkyPNG::Image.from_file(image_path)
 
-          driver.save_screenshot(image_path)
+				location = page.driver.evaluate_script <<-EOS
+					function() {
+						var ele  = document.querySelector('.MathJax .math');
+						var rect = ele.getBoundingClientRect();
+						return [rect.left, rect.top];
+					}();
+				EOS
 
-          el= page.find('.MathJax .math').native
+				size = page.driver.evaluate_script <<-EOS
+					function() {
+						var ele  = document.querySelector('.MathJax .math');
+						var rect = ele.getBoundingClientRect();
+						return [rect.width, rect.height];
+					}();
+				EOS
 
-          image = ChunkyPNG::Image.from_file(image_path)
+				correction = [(@options[:min_width] -(size[0] + 2 * @options[:padding])) / 2,0].max
 
-          correction = [(@options[:min_width] -(el.size.width + 2 * @options[:padding])) / 2,0].max
+				x = location[0] + 1 - @options[:padding]-correction
+				y = location[1] + 1 - @options[:padding]
+				width = [size[0].ceil + 2 * @options[:padding],@options[:min_width]].max
+				height = size[1]+ 2 * @options[:padding]
 
-          x = el.location.x + 1 - @options[:padding]-correction
-          y = el.location.y + 1 - @options[:padding]
-          width = [el.size.width + 2 * @options[:padding],@options[:min_width]].max
-          height = el.size.height+ 2 * @options[:padding]
+				image.crop!(x, y, width, height)
+				image.save(image_path)
+			end
+			result = Nokogiri::HTML(page.html).css('.MathJax .math')[0]
 
-          image.crop!(x, y, width, height)
-          image.save(image_path)
-        end
-        result = Nokogiri::HTML(page.html).css('.MathJax')[0]
+			put_cache!(params_hash,result)
 
-        put_cache!(params_hash,result)
-
-        page.driver.quit
-
-        @html = result
-      end
+			@html = result
     end
 
     def html
@@ -125,11 +134,11 @@ module Mathjax_Renderer
     require 'concurrent/atomic/atomic_boolean'
     require 'digest'
 
-    def add_content(content, extra_style = '')
+    def add_content(content, extra_style = '', padding = 0)
       digest = Digest::SHA1.hexdigest(content)
       path = "/#{digest}.html"
       server.mount_proc path do |_, res|
-        res.body = response(content, extra_style)
+        res.body = response(content, extra_style, padding)
       end
 
       path
@@ -139,7 +148,7 @@ module Mathjax_Renderer
       server.config[:Port]
     end
 
-    def response(content, extra_style)
+    def response(content, extra_style, padding)
       "
         <html><head>
       <script type='text/x-mathjax_renderer-config'>
@@ -151,7 +160,11 @@ module Mathjax_Renderer
       <script type='text/javascript'
             src='javascripts/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
 <style>body{display: flex;justify-content: center;}
-#{extra_style}</style>
+#{extra_style}
+.MathJax{
+	left: #{padding}px;
+	top: #{padding}px;
+}</style>
 </head><body>#{content}</body></html>"
     end
 
@@ -217,4 +230,4 @@ module Mathjax_Renderer
     end
 
   end
-end
+end

data/lib/mathjax_renderer/version.rb

@@ -1,3 +1,3 @@
 module Mathjax_Renderer
-  VERSION = "0.0.6"
+  VERSION = "0.0.7"
 end

data/mathjax-renderer.gemspec

@@ -27,9 +27,8 @@ Gem::Specification.new do |spec|
   spec.add_dependency "rails-assets-MathJax"
   spec.add_dependency "nokogiri"
   spec.add_dependency "concurrent-ruby"
-  spec.add_dependency "selenium-webdriver"
   spec.add_dependency "capybara"
-  spec.add_dependency "chromedriver-helper"
   spec.add_dependency "chunky_png"
-  spec.add_dependency "headless"
+	spec.add_dependency "phantomjs"
+	spec.add_dependency "poltergeist"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mathjax-renderer
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.0.7
 platform: ruby
 authors:
 - sashee
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-06 00:00:00.000000000 Z
+date: 2016-02-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -108,20 +108,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-- !ruby/object:Gem::Dependency
-  name: selenium-webdriver
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: capybara
   requirement: !ruby/object:Gem::Requirement
@@ -137,7 +123,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: chromedriver-helper
+  name: chunky_png
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -151,7 +137,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: chunky_png
+  name: phantomjs
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -165,7 +151,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: headless
+  name: poltergeist
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -221,7 +207,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.3
+rubygems_version: 2.4.5
 signing_key: 
 specification_version: 4
 summary: MathJax expression renderer