showoff 0.1.4 → 0.2.0

data/lib/showoff_utils.rb

@@ -1,40 +1,35 @@
 class ShowOffUtils
+  SHOWOFF_JSON_FILE = 'showoff.json'
 
-  def self.create
-    dirname = ARGV[1]
-    return help('create') if !dirname
+  def self.create(dirname,create_samples,dir='one')
     Dir.mkdir(dirname) if !File.exists?(dirname)
     Dir.chdir(dirname) do
-      # create section
-      Dir.mkdir('one')
-
-      # create markdown file
-      File.open('one/slide.md', 'w+') do |f|
-        f.puts "!SLIDE"
-        f.puts "# My Presentation #"
-        f.puts
-        f.puts "!SLIDE bullets incremental"
-        f.puts "# Bullet Points #"
-        f.puts
-        f.puts "* first point"
-        f.puts "* second point"
-        f.puts "* third point"
+      if create_samples
+        # create section
+        Dir.mkdir(dir)
+
+        # create markdown file
+        File.open("#{dir}/01_slide.md", 'w+') do |f|
+          f.puts make_slide("My Presentation")
+          f.puts make_slide("Bullet Points","bullets incremental",["first point","second point","third point"])
+        end
       end
 
       # create showoff.json
-      File.open('showoff.json', 'w+') do |f|
-        f.puts '[ {"section":"one"} ]'
+      File.open(SHOWOFF_JSON_FILE, 'w+') do |f|
+        f.puts "[ {\"section\":\"#{dir}\"} ]"
       end
 
-      # print help
-      puts "done. run 'showoff serve' in #{dirname}/ dir to see slideshow"""
+      if create_samples
+        puts "done. run 'showoff serve' in #{dirname}/ dir to see slideshow"
+      else
+        puts "done. add slides, modify #{SHOWOFF_JSON_FILE} and then run 'showoff serve' in #{dirname}/ dir to see slideshow"
+      end
     end
   end
 
-  def self.heroku
-    name = ARGV[1]
-    return help('heroku') if !name
-    if !File.exists?('showoff.json')
+  def self.heroku(name)
+    if !File.exists?(SHOWOFF_JSON_FILE)
       puts "fail. not a showoff directory"
       return false
     end
@@ -43,6 +38,7 @@ class ShowOffUtils
       f.puts "bluecloth"
       f.puts "nokogiri"
       f.puts "showoff"
+      f.puts "gli"
     end if !File.exists?('.gems')
 
     # create config.ru file
@@ -60,38 +56,179 @@ class ShowOffUtils
     "
   end
 
-  def self.help(verb = nil)
-    verb = ARGV[1] if !verb
-    case verb
-    when 'heroku'
-      puts <<-HELP
-usage: showoff heroku (heroku-name)
+  # Makes a slide as a string.
+  # [title] title of the slide
+  # [classes] any "classes" to include, such as 'smaller', 'transition', etc.
+  # [content] slide content.  Currently, if this is an array, it will make a bullet list.  Otherwise
+  #           the string value of this will be put in the slide as-is
+  def self.make_slide(title,classes="",content=nil)
+    slide = "!SLIDE #{classes}\n"
+    slide << "# #{title} #\n"
+    slide << "\n"
+    if content
+      if content.kind_of? Array
+        content.each { |x| slide << "* #{x.to_s}\n" }
+      else
+        slide << content.to_s
+      end
+    end
+    slide
+  end
+
+  TYPES = {
+    :default => lambda { |t,size,source,type| make_slide(t,"#{size} #{type}",source) },
+    'title' => lambda { |t,size,dontcare| make_slide(t,size) },
+    'bullets' => lambda { |t,size,dontcare| make_slide(t,"#{size} bullets incremental",["bullets","go","here"])},
+    'smbullets' => lambda { |t,size,dontcare| make_slide(t,"#{size} smbullets incremental",["bullets","go","here","and","here"])},
+    'code' => lambda { |t,size,src| make_slide(t,size,blank?(src) ? "    @@@ Ruby\n    code_here()" : src) },
+    'commandline' => lambda { |t,size,dontcare| make_slide(t,"#{size} commandline","    $ command here\n    output here")},
+    'full-page' => lambda { |t,size,dontcare| make_slide(t,"#{size} full-page","![Image Description](image/ref.png)")},
+  }
 
-creates the .gems file and config.ru file needed to push a showoff pres to
-heroku.  it will then run 'heroku create' for you to register the new project
-on heroku and add the remote for you.  then all you need to do is commit the
-new created files and run 'git push heroku' to deploy.
 
-HELP
-    when 'create'
-      puts <<-HELP
-usage: showoff create (directory)
+  # Adds a new slide to a given dir, giving it a number such that it falls after all slides
+  # in that dir.  
+  # Options are:
+  # [:dir] - dir where we put the slide (if omitted, slide is output to $stdout)
+  # [:name] - name of the file, without the number prefix. (if omitted, a default is used)
+  # [:title] - title in the slide.  If not specified the source file name is
+  #            used.  If THAT is not specified, uses the value of +:name+.  If THAT is not
+  #            specified, a suitable default is used
+  # [:code] - path to a source file to use as content (force :type to be 'code')
+  # [:number] - true if numbering should be done, false if not
+  # [:type] - the type of slide to create
+  def self.add_slide(options)
 
-this command helps start a new showoff presentation by setting up the
-proper directory structure for you.  it takes the directory name you would
-like showoff to create for you.
+    add_new_dir(options[:dir]) if options[:dir] && !File.exists?(options[:dir])
 
-HELP
+    options[:type] = 'code' if options[:code]
+
+    title = determine_title(options[:title],options[:name],options[:code])
+
+    options[:name] = 'new_slide' if !options[:name]
+
+    size,source = determine_size_and_source(options[:code])
+    type = options[:type] || :default
+    slide = TYPES[type].call(title,size,source)
+
+    if options[:dir]
+      filename = determine_filename(options[:dir],options[:name],options[:number])
+      write_file(filename,slide)
     else
-      puts <<-HELP
-usage: showoff (command)
-
-commands:
-  serve   serves a showoff presentation from the current directory
-  create  generates a new showoff presentation layout
-  heroku  sets up your showoff presentation to push to heroku
-HELP
+      puts slide
+      puts
     end
+
   end
 
-end
+  # Adds the given directory to this presentation, appending it to
+  # the end of showoff.json as well
+  def self.add_new_dir(dir)
+    puts "Creating #{dir}..."
+    Dir.mkdir dir 
+
+    showoff_json = JSON.parse(File.read(SHOWOFF_JSON_FILE))
+    showoff_json << { "section" => dir }
+    File.open(SHOWOFF_JSON_FILE,'w') do |file|
+      file.puts JSON.generate(showoff_json)
+    end
+    puts "#{SHOWOFF_JSON_FILE} updated"
+  end
+
+  def self.blank?(string) 
+    string.nil? || string.strip.length == 0
+  end
+
+  def self.determine_size_and_source(code)
+    size = ""
+    source = ""
+    if code
+      source,lines,width = read_code(code)
+      size = adjust_size(lines,width)
+    end
+    [size,source]
+  end
+
+  def self.write_file(filename,slide)
+    File.open(filename,'w') do |file|
+      file.puts slide
+    end
+    puts "Wrote #{filename}"
+  end
+
+  def self.determine_filename(slide_dir,slide_name,number)
+    filename = "#{slide_dir}/#{slide_name}.md"
+    if number
+      max = find_next_number(slide_dir)
+      filename = "#{slide_dir}/#{max}_#{slide_name}.md"
+    end
+    filename
+  end
+
+  # Finds the next number in the given dir to
+  # name a slide as the last slide in the dir.
+  def self.find_next_number(slide_dir)
+    max = 0
+    Dir.open(slide_dir).each do |file|
+      if file =~ /(\d+).*\.md/
+        num = $1.to_i
+        max = num if num > max
+      end
+    end
+    max += 1
+    max = "0#{max}" if max < 10
+    max
+  end
+
+  def self.determine_title(title,slide_name,code)
+    if blank?(title)
+      title = slide_name 
+      title = File.basename(code) if code
+    end
+    title = "Title here" if blank?(title)
+    title
+  end
+
+  # Determines a more optimal value for the size (e.g. small vs. smaller)
+  # based upon the size of the code being formatted.
+  def self.adjust_size(lines,width)
+    size = ""
+    # These values determined empircally
+    size = "small" if width > 50
+    size = "small" if lines > 15
+    size = "smaller" if width > 57
+    size = "smaller" if lines > 19
+    puts "warning, some lines are too long and the code may be cut off" if width > 65 
+    puts "warning, your code is too long and the code may be cut off" if lines > 23
+    size
+  end
+
+  # Reads the code from the source file, returning 
+  # the code, indented for markdown, as well as the number of lines
+  # and the width of the largest line
+  def self.read_code(source_file)
+    code = "    @@@ #{lang(source_file)}\n"
+    lines = 0
+    width = 0
+    File.open(source_file) do |code_file|
+      code_file.readlines.each do |line| 
+        code += "    #{line}"
+        lines += 1
+        width = line.length if line.length > width
+      end
+    end
+    [code,lines,width]
+  end
+
+  EXTENSIONS =  { 
+    'pl' => 'perl',
+    'rb' => 'ruby',
+    'erl' => 'erlang',
+    # so not exhaustive, but probably good enough for now
+  }
+
+  def self.lang(source_file)
+    ext = File.extname(source_file).gsub(/^\./,'')
+    EXTENSIONS[ext] || ext
+  end
+end

data/public/css/onepage.css

@@ -9,3 +9,36 @@
     border: 1px solid #333;
     page-break-after: always
 }
+
+/* iPhone */
+/* Portrait */
+@media screen and (max-width: 320px)
+{
+  .preso { 
+      margin: 10px;
+      padding: 0;
+      width: 320px;
+      min-height: 480px;
+      margin-left:auto; 
+      margin-right:auto;
+/*      overflow:hidden;*/
+      border: 1px solid #333;
+      page-break-after: always
+  }
+}
+/* Landscape */
+@media screen and (min-width: 321px)
+{
+  .preso { 
+      margin: 10px;
+      padding: 0;
+      width: 480px;
+      min-height: 320px;
+      margin-left:auto; 
+      margin-right:auto;
+/*      overflow:hidden;*/
+      border: 1px solid #333;
+      page-break-after: always
+  }
+}
+

data/public/css/showoff.css

@@ -20,12 +20,69 @@ body {
     margin-right:auto;
 }
 
+/* iPhone */
+/* Portrait */
+@media screen and (max-width: 320px)
+{
+  #preso { 
+      margin: 0;
+      padding: 0;
+      width: 320px;
+      max-height: 356px;
+      margin-left:auto; 
+      margin-right:auto;
+/*      overflow:hidden;*/
+  }
+  #footer { 
+      background: #eee;
+      margin: 0;
+      padding: 2px;
+      width: 320px;
+      height: 20px;
+      margin-left:auto; 
+      margin-right:auto;
+  }
+}
+/* Landscape */
+@media screen and (max-width: 480px)
+{
+  #preso { 
+      margin: 0;
+      padding: 0;
+/*      min-height: 320px;*/
+      width: 480px;
+      margin-left:auto; 
+      margin-right:auto;
+  }
+  #footer { 
+      background: #eee;
+      margin: 0;
+      padding: 2px;
+      width: 480px;
+      height: 20px;
+      margin-left:auto; 
+      margin-right:auto;
+  }
+}
+
+.slide {
+    border: 1px solid #fff;
+}
+
 .center img {
     display:block;
     margin-left:auto;
     margin-right:auto;
 }
 
+.slide .center {
+  height: 740px;
+  width: 1020px;
+  display: table-cell;
+  text-align: center;
+  vertical-align: middle;
+}
+
 .bullets ul {
     font-size: 3em;
 }

data/public/js/jquery.cookie.js

@@ -0,0 +1,96 @@
+/**
+ * Cookie plugin
+ *
+ * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+
+/**
+ * Create a cookie with the given name and value and other optional parameters.
+ *
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Set the value of a cookie.
+ * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
+ * @desc Create a cookie with all available options.
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Create a session cookie.
+ * @example $.cookie('the_cookie', null);
+ * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
+ *       used when the cookie was set.
+ *
+ * @param String name The name of the cookie.
+ * @param String value The value of the cookie.
+ * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
+ * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
+ *                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
+ *                             If set to null or omitted, the cookie will be a session cookie and will not be retained
+ *                             when the the browser exits.
+ * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
+ * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
+ * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
+ *                        require a secure protocol (like HTTPS).
+ * @type undefined
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+
+/**
+ * Get the value of a cookie with the given name.
+ *
+ * @example $.cookie('the_cookie');
+ * @desc Get the value of a cookie.
+ *
+ * @param String name The name of the cookie.
+ * @return The value of the cookie.
+ * @type String
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+jQuery.cookie = function(name, value, options) {
+    if (typeof value != 'undefined') { // name and value given, set cookie
+        options = options || {};
+        if (value === null) {
+            value = '';
+            options.expires = -1;
+        }
+        var expires = '';
+        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
+            var date;
+            if (typeof options.expires == 'number') {
+                date = new Date();
+                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
+            } else {
+                date = options.expires;
+            }
+            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
+        }
+        // CAUTION: Needed to parenthesize options.path and options.domain
+        // in the following expressions, otherwise they evaluate to undefined
+        // in the packed version for some reason...
+        var path = options.path ? '; path=' + (options.path) : '';
+        var domain = options.domain ? '; domain=' + (options.domain) : '';
+        var secure = options.secure ? '; secure' : '';
+        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
+    } else { // only name given, get cookie
+        var cookieValue = null;
+        if (document.cookie && document.cookie != '') {
+            var cookies = document.cookie.split(';');
+            for (var i = 0; i < cookies.length; i++) {
+                var cookie = jQuery.trim(cookies[i]);
+                // Does this cookie string begin with the name we want?
+                if (cookie.substring(0, name.length + 1) == (name + '=')) {
+                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                    break;
+                }
+            }
+        }
+        return cookieValue;
+    }
+};

data/public/js/jquery.doubletap-0.1.js

@@ -0,0 +1,105 @@
+(function($) {
+  var touchStatus = function(target, touch) {
+    this.target    = $(target);
+    this.touch     = touch;
+    this.startX    = this.currentX = touch.screenX;
+    this.startY    = this.currentY = touch.screenY;
+    this.eventType = null;
+  }
+  touchStatus.latestTap = null;
+
+  touchStatus.prototype.move = function(touch) {
+    this.currentX = touch.screenX;
+    this.currentY = touch.screenY;
+  }
+
+  touchStatus.prototype.process = function() {
+    var offsetX = this.currentX - this.startX;
+    var offsetY = this.currentY - this.startY;
+    if(offsetX == 0 && offsetY == 0) {
+      this.checkForDoubleTap()
+    } else if(Math.abs(offsetY) > Math.abs(offsetX)) {
+      this.eventType = offsetY > 0 ? 'swipedown' : 'swipeup';
+      this.target.trigger('swipe', [this])
+    } else {
+      this.eventType = offsetX > 0 ? 'swiperight' : 'swipeleft';
+      this.target.trigger('swipe', [this])
+    }
+    this.target.trigger(this.eventType, [this])
+    this.target.trigger('touch',        [this])
+  }
+
+  touchStatus.prototype.checkForDoubleTap = function() {
+    if(touchStatus.latestTap) {
+      if((new Date() - touchStatus.latestTap) < 400) 
+        this.eventType = 'doubletap'
+    }
+    if(!this.eventType) this.eventType = 'tap'
+    touchStatus.latestTap = new Date()
+  }
+
+  var swipeEvents = function(elements) {
+    elements.bind('touchstart',  this.touchStart);
+    elements.bind('touchmove',   this.touchMove);
+    elements.bind('touchcancel', this.touchCancel);
+    elements.bind('touchend',    this.touchEnd);
+  }
+
+  swipeEvents.prototype.touchStart = function(evt) {
+    var target = this;
+    swipeEvents.eachTouch(evt, function(touch) {
+      swipeEvents.touches[touch.identifier] = new touchStatus(target, touch);
+    })
+  }
+
+  swipeEvents.prototype.touchMove = function(evt) {
+    swipeEvents.eachTouch(evt, function(touch) {
+      var loc = swipeEvents.touches[touch.identifier]
+      if(loc) loc.move(touch)
+    })
+  }
+
+  swipeEvents.prototype.touchCancel = function(evt) {
+    swipeEvents.eachTouch(evt, function(touch) {
+      swipeEvents.purge(touch, true)
+    })
+  }
+
+  swipeEvents.prototype.touchEnd = function(evt) {
+    swipeEvents.eachTouch(evt, function(touch) {
+      swipeEvents.purge(touch)
+    })
+  }
+
+  swipeEvents.touches = {}
+  swipeEvents.purge = function(touch, cancelled) {
+    if(!cancelled) {
+      var loc = swipeEvents.touches[touch.identifier]
+      if(loc) loc.process()
+    }
+    delete swipeEvents.touches[touch.identifier]
+  }
+
+  swipeEvents.eachTouch = function(evt, callback) {
+    var evt = evt.originalEvent;
+    var num = evt.changedTouches.length;
+    for(var i = 0; i < num; i++) {
+      callback(evt.changedTouches[i])
+    }
+  }
+
+  // adds custom events:
+  //   touch      // all events
+  //   swipe      // only swipe* events
+  //   swipeleft
+  //   swiperight
+  //   swipeup
+  //   swipedown
+  //   tap
+  //   doubletap
+  $.fn.addSwipeEvents = function(callback) {
+    new swipeEvents(this);
+    if(callback) this.bind('touch', callback)
+    return this;
+  }
+})(jQuery);

data/public/js/jquery.uuid.js

@@ -0,0 +1,24 @@
+/*
+Usage 1: define the default prefix by using an object with the property prefix as a parameter which contains a string value; {prefix: 'id'}
+Usage 2: call the function jQuery.uuid() with a string parameter p to be used as a prefix to generate a random uuid;
+Usage 3: call the function jQuery.uuid() with no parameters to generate a uuid with the default prefix; defaul prefix: '' (empty string)
+*/
+
+/*
+Generate fragment of random numbers
+*/
+jQuery._uuid_default_prefix = '';
+jQuery._uuidlet = function () {
+	return(((1+Math.random())*0x10000)|0).toString(16).substring(1);
+};
+/*
+Generates random uuid
+*/
+jQuery.uuid = function (p) {
+	if (typeof(p) == 'object' && typeof(p.prefix) == 'string') {
+		jQuery._uuid_default_prefix = p.prefix;
+	} else {
+		p = p || jQuery._uuid_default_prefix || '';
+		return(p+jQuery._uuidlet()+jQuery._uuidlet()+"-"+jQuery._uuidlet()+"-"+jQuery._uuidlet()+"-"+jQuery._uuidlet()+"-"+jQuery._uuidlet()+jQuery._uuidlet()+jQuery._uuidlet());
+	};
+};