httpng 0.1.0

data/lib/httpng/assets/httpng.js

@@ -0,0 +1,66 @@
+// Preload html2canvas.
+document.write('<script src="/html2canvas.js"></script>');
+document.write('<script src="/jquery.plugin.html2canvas.js"></script>');
+
+// HTTPNG Namespace.
+Httpng = {
+    // Send all elements marked for export to server.
+    export: function() {
+        var elements = $('[data-export]');
+        
+        // Create a function to show success after all elements returned.
+        var totalCount = elements.length;
+        var completedCount = 0;
+        var errors = [];
+        var showComplete = function() {
+            if(completedCount >= totalCount) {
+                // Show errors if present.
+                if(errors.length > 0) {
+                    alert(errors.join("\n"));
+                }
+                // Otherwise show success.
+                else {
+                    alert('OK: ' + completedCount + ' element' + (completedCount == 1 ? '' : 's' ) + ' saved.')
+                }
+            }
+        };
+        
+        // Loop over elements and save.
+        $.each(elements, function(index, element) {
+            var name = $(element).data('export');
+            
+            $(element).html2canvas({
+                onrendered: function(canvas) {
+                    var data = canvas.toDataURL('image/png').replace(/^data:image\/png;base64,/, '');
+
+                    $.post(
+                        '/export',
+                        {name:name, data:data}
+                    )
+                    .complete(function() {
+                        completedCount++;
+                        showComplete()
+                    })
+                    .error(function() {
+                        completedCount++;
+                        errors.push('Unable to save: ' + name);
+                        showComplete();
+                    });
+                }
+            })
+        });
+    }
+};
+
+// Setup HTTPNG UI.
+$(document).ready(function() {
+    // Add top bar.
+    $(document).find('body')
+        .prepend('<div id="httpng-bar" style="background-color:#000000; margin-bottom:20px; text-align:right;"><button id="httpng-export">Export</button></div>');
+    
+    // Add listener to export button.
+    $(document).find('#httpng-export').click(function(event) {
+        Httpng.export();
+    });
+});
+

data/lib/httpng/assets/jquery.plugin.html2canvas.js

@@ -0,0 +1,87 @@
+/**
+  @license html2canvas v0.33 <http://html2canvas.hertzen.com>
+  Copyright (c) 2011 Niklas von Hertzen. All rights reserved.
+  http://www.twitter.com/niklasvh
+
+  Released under MIT License
+ */
+/*
+ * jQuery helper plugin for examples and tests
+ */
+(function( $ ){
+    $.fn.html2canvas = function(options) {
+        if (options && options.profile && window.console && window.console.profile) {
+            console.profile();
+        }
+        var date = new Date(),
+        html2obj,
+        $message = null,
+        timeoutTimer = false,
+        timer = date.getTime();
+        options = options || {};
+
+        options.onrendered = options.onrendered || function( canvas ) {
+            var $canvas = $(canvas),
+            finishTime = new Date();
+
+            if (options && options.profile && window.console && window.console.profileEnd) {
+                console.profileEnd();
+            }
+            $canvas.css({
+                position: 'absolute', 
+                left: 0, 
+                top: 0
+            }).appendTo(document.body);
+            $canvas.siblings().toggle();
+
+            $(window).click(function(){
+                $canvas.toggle().siblings().toggle();
+                throwMessage("Canvas Render " + ($canvas.is(':visible') ? "visible" : "hidden"));
+            });
+            throwMessage('Screenshot created in '+ ((finishTime.getTime()-timer)) + " ms<br />",4000);
+            
+            // test if canvas is read-able
+            try {
+                $canvas[0].toDataURL();
+            } catch(e) {
+                if ($canvas[0].nodeName.toLowerCase() === "canvas") {
+                    // TODO, maybe add a bit less offensive way to present this, but still something that can easily be noticed
+                    alert("Canvas is tainted, unable to read data");
+                }
+            }
+        };
+        
+        html2obj = html2canvas(this, options);
+
+        function throwMessage(msg,duration){
+            window.clearTimeout(timeoutTimer);
+            timeoutTimer = window.setTimeout(function(){
+                $message.fadeOut(function(){
+                    $message.remove();
+                    $message = null;
+                });
+            },duration || 2000);
+            if ($message)
+                $message.remove();
+            $message = $('<div />').html(msg).css({
+                margin:0,
+                padding:10,
+                background: "#000",
+                opacity:0.7,
+                position:"fixed",
+                top:10,
+                right:10,
+                fontFamily: 'Tahoma',
+                color:'#fff',
+                fontSize:12,
+                borderRadius:12,
+                width:'auto',
+                height:'auto',
+                textAlign:'center',
+                textDecoration:'none',
+                display:'none'
+            }).appendTo(document.body).fadeIn();
+            html2obj.log(msg);
+        }
+    };
+})( jQuery );

data/lib/httpng/version.rb

@@ -0,0 +1,5 @@
+# encoding: binary
+
+module Httpng
+  VERSION = "0.1.0"
+end

data/lib/httpng.rb

@@ -0,0 +1,6 @@
+# encoding: binary
+
+$:.unshift(File.dirname(__FILE__))
+
+require 'httpng/app'
+require 'httpng/version'

metadata

@@ -0,0 +1,77 @@
+--- !ruby/object:Gem::Specification
+name: httpng
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+  prerelease: 
+platform: ruby
+authors:
+- Ben Johnson
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-03-15 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: OptionParser
+  requirement: &70245073090280 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.5.1
+  type: :runtime
+  prerelease: false
+  version_requirements: *70245073090280
+- !ruby/object:Gem::Dependency
+  name: sinatra
+  requirement: &70245073089740 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 1.3.2
+  type: :runtime
+  prerelease: false
+  version_requirements: *70245073089740
+description: 
+email:
+- benbjohnson@yahoo.com
+executables:
+- httpng
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/httpng/app.rb
+- lib/httpng/assets/html2canvas.js
+- lib/httpng/assets/httpng.js
+- lib/httpng/assets/jquery.plugin.html2canvas.js
+- lib/httpng/version.rb
+- lib/httpng.rb
+- README.md
+- bin/httpng
+homepage: http://github.com/benbjohnson/httpng
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.10
+signing_key: 
+specification_version: 3
+summary: A local server for saving HTML elements as PNG files.
+test_files: []
+has_rdoc: