vebdew 0.0.2 → 0.0.3

data/lib/template/js/sample.js

@@ -0,0 +1,120 @@
+/*global CodeMirror, hljs */
+(function($, undefined){
+  "use strict";
+
+  // cached DOM elements
+  var $sampleContainerSrc = $('<div class="sample-container"></div>'),
+      $codeSrc = $('<code contenteditable></code>'),
+      $preSrc = $('<pre></pre>'),
+      $iframeSrc = $('<div class="iframe"><iframe></iframe></div>'),
+      $updateBtnSrc = $('<button>&raquo;</button>'),
+
+      updateIframe = function(iframe, $pre, wrapper){
+        var doc = iframe.contentDocument, newiframe,
+            height = $pre.height() || 200;
+        if(!doc){ // if cannot get iframe content, create a new one
+          newiframe = $('<iframe></iframe>').insertBefore(iframe).get(0);
+          $(iframe).remove();
+          iframe = newiframe; doc = iframe.contentDocument;
+        }
+        doc.open(); doc.writeln( wrapper($pre.text()) ); doc.close();
+        $(iframe).height(height);
+
+        // highligt the code
+        var $code = $pre.find('code'), // get $code to get unhighlighted text
+            ret = hljs.highlightAuto($code.text());
+        $code.html(ret.value);
+        $code.addClass(ret.language)
+
+        return iframe; // return the (possibly new) iframe
+      };
+
+  // example usage:
+  // $('script[type=text/x-sample]').sample();
+  //
+  $.fn.sample = function(options){
+    // 'this' should be <script> jQuery object
+    //
+
+    // method invocation
+    if(typeof arguments[0] === 'string'){
+      var args = arguments;
+      this.each(function(){
+        var method = $(this).data('sample')[options];
+        method.apply(this, Array.prototype.slice.call(args,1));
+      });
+      return; // do not execute the init part below
+    }
+
+    options = $.extend({
+      wrapper: function(lines){ // default wrapper: no-op
+        return lines;
+      }
+    }, options);
+
+    this.each(function(){
+      var
+      indent = 100, // shortest indent
+      lines = $(this).html().split('\n'); // lines of code
+
+      // finding indent
+      $.each(lines, function(){
+        var space = this.search(/[^ ]/);
+        if(space>0){
+          indent = Math.min(space, indent);
+        }
+      });
+
+      // removing indent & empty lines
+      lines = $.map(lines, function(l){
+        return l.substr(indent);
+      });
+
+      // remove leading & trailing empty lines
+      while(lines[0] === ''){
+        lines.shift();
+      }
+      while(lines[lines.length-1] === ''){
+        lines.pop();
+      }
+
+      // join lines
+      lines = lines.join('\n');
+
+
+      // output stage
+      //
+      // the container of all the elements, and
+      // insert the container below the script tag.
+      var $sampleContainer = $sampleContainerSrc.clone()
+                                                .addClass(this.className)
+                                                .insertAfter(this);
+
+      // append the code and append it to the container.
+      var $code = $codeSrc.clone().text(lines),
+          $pre = $preSrc.clone().append($code).appendTo($sampleContainer);
+
+
+      // previewing iframe
+      var iframe = $iframeSrc.clone().appendTo($sampleContainer).find('iframe').get(0);
+      $(iframe).ready(function(){
+        updateIframe(iframe, $pre, options.wrapper);
+      });
+
+      // update button
+      var $updateBtn = $updateBtnSrc.clone().insertAfter($pre);
+      $updateBtn.click(function(){
+        // updating iframe and highlight the $pre again
+        iframe = updateIframe(iframe, $pre, options.wrapper);
+      });
+
+
+      // install methods to data('sample')
+      $(this).data('sample', {
+        update: function(){
+          iframe = updateIframe(iframe, $pre, options.wrapper);
+        }
+      });
+    });
+  }
+}(jQuery));

data/lib/template/vew/sample.vew

@@ -10,7 +10,7 @@
 :javascript_include_tag js/jquery.min.js
 :javascript_include_tag https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js
 :javascript_include_tag js/reveal.js, lib/highlight.js, js/ruler.js, js/sample.js
-:javascript_include_tag js/index.js
+:javascript_include_tag js/init.js, js/index.js
 
 !SLIDE
 

data/lib/vebdew/parser.rb

@@ -152,6 +152,10 @@ module Vebdew
       str
     end
 
+    def escape_html str
+      str.gsub(/>/, "&gt;").gsub(/</, "&lt;")
+    end
+
     def format_buffer
       @buffer.map! do |buf|
         "<p#{append}>#{format_content(buf)}</p>"
@@ -160,7 +164,7 @@ module Vebdew
 
     def format_content str
       str.strip!
-      str.gsub! /`(([^\\`]|\\.)*)`/, %q{<code>\1</code>}
+      str.gsub!(/`(([^\\`]|\\.)*)`/) {%Q{<code>#{escape_html($1)}</code>}}
       str.gsub! /\!\[([^\]]+)\]\(([^\)]+)\)/, %q{<img src='\1' alt='\2'>}
       str.gsub! /\!\[([^\]]+)\]/, %q{<img src='\1'>}
       str.gsub! /\[([^\]]+)\]\(([^\)]+)\)/, %q{<a href='\1'>\2</a>}

data/vebdew.gemspec

@@ -5,7 +5,7 @@
 
 Gem::Specification.new do |s|
   s.name = "vebdew"
-  s.version = "0.0.2"
+  s.version = "0.0.3"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Andrew Liu"]
@@ -26,6 +26,34 @@ Gem::Specification.new do |s|
     "Rakefile",
     "VERSION",
     "bin/vebdew",
+    "lib/template/css/images/ui-bg_flat_0_aaaaaa_40x100.png",
+    "lib/template/css/images/ui-bg_glass_95_fef1ec_1x400.png",
+    "lib/template/css/images/ui-bg_gloss-wave_16_121212_500x100.png",
+    "lib/template/css/images/ui-bg_highlight-hard_15_888888_1x100.png",
+    "lib/template/css/images/ui-bg_highlight-hard_55_555555_1x100.png",
+    "lib/template/css/images/ui-bg_highlight-soft_35_adadad_1x100.png",
+    "lib/template/css/images/ui-bg_highlight-soft_60_dddddd_1x100.png",
+    "lib/template/css/images/ui-bg_inset-soft_15_121212_1x100.png",
+    "lib/template/css/images/ui-icons_666666_256x240.png",
+    "lib/template/css/images/ui-icons_aaaaaa_256x240.png",
+    "lib/template/css/images/ui-icons_bbbbbb_256x240.png",
+    "lib/template/css/images/ui-icons_c98000_256x240.png",
+    "lib/template/css/images/ui-icons_cccccc_256x240.png",
+    "lib/template/css/images/ui-icons_cd0a0a_256x240.png",
+    "lib/template/css/images/ui-icons_f29a00_256x240.png",
+    "lib/template/css/jquery-ui.css",
+    "lib/template/css/main.css",
+    "lib/template/css/reset.css",
+    "lib/template/css/ruler.css",
+    "lib/template/css/sample.css",
+    "lib/template/css/styles.css",
+    "lib/template/js/index.js",
+    "lib/template/js/init.js",
+    "lib/template/js/jquery-ui.min.js",
+    "lib/template/js/jquery.min.js",
+    "lib/template/js/reveal.js",
+    "lib/template/js/ruler.js",
+    "lib/template/js/sample.js",
     "lib/template/vew/sample.vew",
     "lib/template/vew/template.erb",
     "lib/vebdew.rb",

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: vebdew
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
   prerelease: 
 platform: ruby
 authors:
@@ -13,7 +13,7 @@ date: 2012-03-10 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: erubis
-  requirement: &2154377100 !ruby/object:Gem::Requirement
+  requirement: &2154113200 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *2154377100
+  version_requirements: *2154113200
 - !ruby/object:Gem::Dependency
   name: shoulda
-  requirement: &2154376360 !ruby/object:Gem::Requirement
+  requirement: &2154112480 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,10 +32,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *2154376360
+  version_requirements: *2154112480
 - !ruby/object:Gem::Dependency
   name: rdoc
-  requirement: &2154375620 !ruby/object:Gem::Requirement
+  requirement: &2154111680 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -43,10 +43,10 @@ dependencies:
         version: '3.12'
   type: :development
   prerelease: false
-  version_requirements: *2154375620
+  version_requirements: *2154111680
 - !ruby/object:Gem::Dependency
   name: bundler
-  requirement: &2154374500 !ruby/object:Gem::Requirement
+  requirement: &2154110680 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -54,10 +54,10 @@ dependencies:
         version: 1.0.0
   type: :development
   prerelease: false
-  version_requirements: *2154374500
+  version_requirements: *2154110680
 - !ruby/object:Gem::Dependency
   name: jeweler
-  requirement: &2154371000 !ruby/object:Gem::Requirement
+  requirement: &2154109620 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -65,7 +65,7 @@ dependencies:
         version: 1.8.3
   type: :development
   prerelease: false
-  version_requirements: *2154371000
+  version_requirements: *2154109620
 description: Generate HTML5 slides
 email: andrewliu33@gmail.com
 executables:
@@ -83,6 +83,34 @@ files:
 - Rakefile
 - VERSION
 - bin/vebdew
+- lib/template/css/images/ui-bg_flat_0_aaaaaa_40x100.png
+- lib/template/css/images/ui-bg_glass_95_fef1ec_1x400.png
+- lib/template/css/images/ui-bg_gloss-wave_16_121212_500x100.png
+- lib/template/css/images/ui-bg_highlight-hard_15_888888_1x100.png
+- lib/template/css/images/ui-bg_highlight-hard_55_555555_1x100.png
+- lib/template/css/images/ui-bg_highlight-soft_35_adadad_1x100.png
+- lib/template/css/images/ui-bg_highlight-soft_60_dddddd_1x100.png
+- lib/template/css/images/ui-bg_inset-soft_15_121212_1x100.png
+- lib/template/css/images/ui-icons_666666_256x240.png
+- lib/template/css/images/ui-icons_aaaaaa_256x240.png
+- lib/template/css/images/ui-icons_bbbbbb_256x240.png
+- lib/template/css/images/ui-icons_c98000_256x240.png
+- lib/template/css/images/ui-icons_cccccc_256x240.png
+- lib/template/css/images/ui-icons_cd0a0a_256x240.png
+- lib/template/css/images/ui-icons_f29a00_256x240.png
+- lib/template/css/jquery-ui.css
+- lib/template/css/main.css
+- lib/template/css/reset.css
+- lib/template/css/ruler.css
+- lib/template/css/sample.css
+- lib/template/css/styles.css
+- lib/template/js/index.js
+- lib/template/js/init.js
+- lib/template/js/jquery-ui.min.js
+- lib/template/js/jquery.min.js
+- lib/template/js/reveal.js
+- lib/template/js/ruler.js
+- lib/template/js/sample.js
 - lib/template/vew/sample.vew
 - lib/template/vew/template.erb
 - lib/vebdew.rb
@@ -107,7 +135,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 3658937832927531774
+      hash: 2574970994430618005
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements: