alula-plugins 0.1.1 → 0.4.0b

data/.gitignore

@@ -17,4 +17,5 @@ test/version_tmp
 tmp
 */.DS_Store
 
-.DS_Store
+.DS_Store
+plugins/.DS_Store

data/VERSION

@@ -1 +1 @@
-0.1.1
+0.4.0b

data/alula-plugins.gemspec

@@ -15,7 +15,7 @@ Gem::Specification.new do |gem|
   gem.require_paths = ["lib"]
   gem.version       = Alula::Plugins::VERSION
   
-  gem.add_dependency 'alula', '~> 0.2'
+  gem.add_dependency 'alula', '~> 0.4.0b'
 
   gem.add_development_dependency 'version', '~> 1.0.0'
 end

data/lib/alula/plugins/disqus.rb

@@ -0,0 +1,34 @@
+require 'alula/plugin'
+
+module Alula
+  class Disqus
+    def self.asset_path
+      File.join(File.dirname(__FILE__), %w{.. .. .. plugins disqus})
+    end
+    
+    def self.install(options)
+      return false unless options.shortname
+      # Force defer mode on script loading
+      # Alula::Plugin.script_load_mode = :defer
+      
+      # Add Emphasis -powered link to footer
+      Alula::Plugin.addon(:post_bottom, ->(context) {
+        <<-EOS
+        <script type="text/javascript">
+        var disqus_shortname = '#{options['shortname']}';
+        var disqus_identifier = '#{context.item.metadata.disqus_identifier || context.item.slug}';
+        (function() {
+          var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+          dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
+          (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+          })();
+        </script>
+        <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+        EOS
+      }
+      )
+    end
+  end
+end
+
+Alula::Plugin.register :disqus, Alula::Disqus

data/lib/alula/plugins/emphasis.rb

@@ -0,0 +1,19 @@
+require 'alula/plugin'
+
+module Alula
+  class Emphasis
+    def self.asset_path
+      File.join(File.dirname(__FILE__), %w{.. .. .. plugins emphasis})
+    end
+    
+    def self.install(options)
+      # Force defer mode on script loading
+      Alula::Plugin.script_load_mode = :defer
+      
+      # Add Emphasis -powered link to footer
+      Alula::Plugin.addon(:footer, "<a href=\"https://github.com/NYTimes/Emphasis\" title=\"Emphasis\">&para;</a>&nbsp;&ndash;Emphasis</a><br />")
+    end
+  end
+end
+
+Alula::Plugin.register :emphasis, Alula::Emphasis

data/lib/alula/plugins/fancybox.rb

@@ -0,0 +1,60 @@
+require 'alula/core_ext/tags/image'
+require 'alula/plugin'
+
+module Alula
+  class Fancybox < ImageTag
+    def self.asset_path
+      File.join(File.dirname(__FILE__), %w{.. .. .. plugins fancybox})
+    end
+    
+    def self.install(options)
+      # Display license unless acknoledged
+      unless options.kind_of?(Hash) and options['personal']
+        puts <<-ENDOFNOTICE
+    *** fancyBox
+    Please note, that fancyBox is licensed under the therms of the
+    Creative Commons Attribution-NonCommercial 3.0 License
+    (http://creativecommons.org/licenses/by-nc/3.0/).
+
+    If you would like to use fancyBox for commercial purposes,
+    you can purchase a license from http://fancyapps.com/store/
+
+    To remove this notice, please include following options in config.yml
+    ---
+    plugins:
+      fancybox:
+        personal: true
+        ENDOFNOTICE
+      end
+      
+      # Register for image tags
+      Alula::Tag.register :image, self
+    end
+    
+    def content
+      image = attachment_url(@source, :image)
+      thumbnail = attachment_url(@source, :thumbnail)
+      hires = hires_url(@source, :image)
+      info = info(@source, :image)
+      tn_info = info(@source, :thumbnail)
+
+      return super unless image and thumbnail
+      
+      tag = "<a"
+      tag += " class=\"img fancybox fb_zoomable #{@options["classes"].join(" ")}\""
+      tag += " href=\"#{image}\""
+      tag += " data-width=\"#{info.width}\""
+      tag += " data-height=\"#{info.height}\""
+      tag += " data-hires=\"#{hires}\"" if context.site.config.attachments.image.hires and hires
+      tag += " data-fancybox-group=\"#{context.item.id}\""
+      tag += " title=\"#{@options["title"]}\"" if @options["title"]
+      tag += " style=\"width: #{tn_info.width}px; height: #{tn_info.height}px;\""
+      tag += ">"
+      tag += imagetag(@source, :thumbnail, classes: [])
+      tag += "  <span class=\"fb_zoom_icon\"></span>"
+      tag += "</a>"
+    end
+  end
+end
+
+Alula::Plugin.register :fancybox, Alula::Fancybox

data/lib/alula/plugins/sublimevideo.rb

@@ -0,0 +1,75 @@
+require 'alula/core_ext/tags/video'
+require 'alula/plugin'
+
+module Alula
+  class Sublimevideo < VideoTag
+    def self.asset_path
+      File.join(File.dirname(__FILE__), %w{.. .. .. plugins sublimevideo})
+    end
+    
+    def self.install(options)
+      # Require valid sublime token present in configuration
+      return false unless options.token
+      
+      # Register addons
+      Alula::Plugin.addon :head, ->(context) {
+        "<script src=\"http://cdn.sublimevideo.net/js/#{options.token}.js\"></script>" if context.item.content[/\<video/]
+      }
+      
+      # Register for image tags
+      Alula::Tag.register :video, self
+    end
+    
+    def content
+      sublime_videotag(@source)
+    end
+    
+    def sublime_videotag(source)
+      poster = source.gsub(/#{File.extname(source)}$/, '.png')
+      info = info(poster, :thumbnail)
+      poster_hires = hires_url(poster, :thumbnail)
+      poster = attachment_url(poster, :thumbnail)
+      
+      tag =  "<a"
+      tag += " class=\"sublime zoomable\""
+      tag += " href=\"#{sources.first[:url]}\""
+      tag += " style=\"width: #{info.width}px; height: #{info.height}px;\""
+      tag += ">"
+      tag += " <img"
+      tag += "  alt=\"#{@options["alternative"]}\""
+      tag += "  width=\"#{info.width}\" height=\"#{info.height}\""
+      if context.site.config.attachments.image.lazyload
+        tag += " src=\"#{asset_url("grey.gif")}\""
+        tag += " data-original=\"#{poster}\""
+      else
+        tag += " src=\"#{poster}\""
+      end
+      tag += " data-hires=\"#{poster_hires}\"" if context.site.config.attachments.image.hires and poster_hires
+      
+      tag += "  />"
+      tag += "  <span class=\"zoom_icon\"></span>"
+      tag += "</a>"
+      
+      info = info(sources.first[:name], :video)
+      tag += "<video"
+      tag += " controls"
+      tag += " class=\"sublime lightbox\""
+      tag += " style=\"display: none;\""
+      tag += " width=\"#{info.width}\""
+      tag += " height=\"#{info.height}\""
+      tag += " poster=\"#{poster}\""
+      tag += " preload=\"none\""
+      tag += " data-uid=\"#{source}\""
+      tag += ">"
+      
+      sources.each do |source|
+        tag += "  <source src=\"#{source[:url]}\" #{source[:hires] ? "data-quality=\"hd\"" : ""} />"
+      end
+      
+      tag += "</video>"
+      
+    end
+  end
+end
+
+Alula::Plugin.register :sublimevideo, Alula::Sublimevideo

data/lib/alula/plugins.rb

@@ -0,0 +1 @@
+Dir[File.join(File.dirname(__FILE__), "plugins", "*.rb")].each {|f| require f}

data/plugins/emphasis/assets/javascripts/emphasis.js

@@ -0,0 +1,529 @@
+//=require jquery
+/*  --------------------------------------------------
+
+    Emphasis
+    by Michael Donohoe (@donohoe)
+    https://github.com/NYTimes/Emphasis
+    http://open.blogs.nytimes.com/2011/01/10/emphasis-update-and-source/
+    
+    - - - - - - - - - -
+
+    jQueryized by Rob Flaherty (@ravelrumba)
+    https://github.com/robflaherty/Emphasis
+
+    - - - - - - - - - -
+
+    Copyright (C) 2011 The New York Times (http://www.nytimes.com)
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy
+    of this software and associated documentation files (the "Software"), to deal
+    in the Software without restriction, including without limitation the rights
+    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the Software is
+    furnished to do so, subject to the following conditions:
+    
+    The above copyright notice and this permission notice shall be included in
+    all copies or substantial portions of the Software.
+    
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    SOFTWARE.
+
+    -------------------------------------------------- */
+
+jQuery(function($) {
+var Emphasis = {
+    init: function() {
+        this.config();
+        this.pl = false; // Paragraph List
+        this.p  = false; // Paragraph Anchor
+        this.h  = false; // Highlighted paragraphs
+        this.s  = false; // Highlighted sentences
+        this.vu = false; // Are paragraph links visible or not
+        this.kh = "|";
+
+        this.addCSS();
+        this.readHash();
+        
+        $(document).bind('keydown', this.keydown);                
+    },
+
+    config: function() {
+    /*
+        Eligible Paragraphs
+        This uses some common markup for plain and simple paragraphs - those that are not empty, no classes.
+        We use PrototypeJS for its css selector awesomeness, but your needs might be simpler (getElementsByTagName('p') etc.)
+    */
+    // this.paraSelctors      = $('#article-content p');
+        this.paraSelctors      = $('.articleBody p');
+
+    //  Class names
+        this.classReady        = "emReady";
+        this.classActive       = "emActive";
+        this.classHighlight    = "emHighlight";
+        this.classInfo         = "emInfo";
+        this.classAnchor       = "emAnchor";
+        this.classActiveAnchor = "emActiveAnchor";
+    },
+
+    addCSS: function() {
+    /*  Inject the minimum styles rules required */
+        var st = document.createElement('style');
+        st.setAttribute('type', 'text/css');
+        /* for validation goodness */
+        var stStr = 'p.' + this.classActive + ' span { background-color:#f2f4f5; } p span.' + this.classHighlight + ' { background-color:#fff0b3; } span.' + this.classInfo + ' { position:absolute; margin:-1px 0px 0px -8px; padding:0; font-size:10px; background-color: transparent !important} span.' + this.classInfo + ' a { text-decoration: none; } a.' + this.classActiveAnchor + ' { color: #000; font-size: 11px; }';
+        try {
+        /* try the sensible way */
+          st.innerHTML = stStr;
+        } catch(e) {
+        /* IE's way */
+          st.styleSheet.cssText = stStr;
+        }
+        document.getElementsByTagName("head")[0].appendChild(st);
+    },
+
+    readHash: function() {
+    /*  Read and interpret the URL hash */
+        var lh = decodeURI(location.hash),
+          p  = false,
+          h = [],
+          s = {},
+          a, re, f, r, i, findp, findh, undef, hi, key, pos, b, j;
+          
+
+        if (lh.indexOf('[')<0 && lh.indexOf(']')<0) {
+        /*  Version 1 Legacy support
+            #p20h4s2,6,10,h6s5,1 -> p = 20, h = [ 4, 6 ], s = { "4": [ 2, 6, 10 ] , "6": [ 5, 1 ] }
+        */
+            re = /[ph][0-9]+|s[0-9,]+|[0-9]/g;
+            if (lh) {
+                while ((a = re.exec(lh)) !== null) {
+                    f = a[0].substring(0, 1);
+                    r = a[0].substring(1);
+                    if (f === 'p') {
+                        p = parseInt(r, 10);
+                    } else if (f === 'h') {
+                        h.push(parseInt(r, 10));
+                    } else {
+                        a = r.split(',');
+                        for (i = 0; i < a.length; i++) {
+                            a[i] = parseInt(a[i], 10);
+                        }
+                        s[h[h.length - 1]] = a;
+                    }
+                }
+            }
+        } else {
+        /*  Version 2
+            #h[tbsaoa,Sstaoo,2,4],p[FWaadw] -> p = "FWaadw", h = [ "tbsaoa", "Sstaoo" ], s = { "Sstaoo" : [ 2, 4 ] }
+        */
+            findp = lh.match(/p\[([^[\]]*)\]/);
+            findh = lh.match(/h\[([^[\]]*)\]/);
+
+            p  = (findp && findp.length>0) ? findp[1] : false;
+            hi = (findh && findh.length>0) ? findh[1] : false;
+
+            if (hi) {
+                hi = hi.match(/[a-zA-Z]+(,[0-9]+)*/g);
+                for (i = 0; i < hi.length; i++) {
+                    a   = hi[i].split(',');
+                    key = a[0];
+                    pos = this.findKey(key).index;
+
+                    if (pos !== undef) {
+                        h.push(parseInt(pos, 10)+1);
+                        b = a;
+                        b.shift();
+                        if (b.length>0) {
+                            for (j=1; j<b.length; j++) {
+                                b[j] = parseInt(b[j], 10);
+                            }
+                        }
+                        s[h[h.length - 1]] = b;
+                    }
+                }
+            }
+        }
+
+        this.p = p; this.h = h; this.s = s;
+
+        this.goAnchor(p);
+        this.goHighlight(h, s);
+    },
+
+    keydown: function(e){
+    /*  Look for double-shift keypress */
+        var self = Emphasis,
+          kc = e.keyCode;
+        
+        self.kh  = self.kh + kc + '|';
+        if (self.kh.indexOf('|16|16|')>-1) {
+            self.vu = (self.vu) ? false : true;
+            self.paragraphInfo(self.vu);
+        }
+        setTimeout(function(){ self.kh = '|'; }, 500);
+    },
+
+    paragraphList: function() {
+    /*  Build a list of Paragrphs, keys, and add meta-data to each Paragraph in DOM, saves list for later re-use */
+        if (this.pl && this.pl.list.length > 0) {
+          return this.pl;
+        }
+        var instance = this,
+          list = [],
+          keys = [],
+          c    = 0,
+          len  = this.paraSelctors.length,
+          p, pr, k;
+
+        for (p=0; p<len; p++) {
+            pr = this.paraSelctors[p];
+            if ((pr.innerText || pr.textContent || "").length>0) {
+                k = instance.createKey(pr);
+                list.push(pr);
+                keys.push(k);
+                pr.setAttribute("data-key", k); // Unique Key
+                pr.setAttribute("data-num", c); // Order
+
+                $(pr).bind('click', function(e) {
+                  instance.paragraphClick(e);
+                });
+                c++;
+            }
+        }
+
+        this.pl = { list: list, keys: keys };
+        return this.pl;
+    },
+
+    paragraphClick: function(e) {
+    /*  Clicking a Paragrsph has consequences for Highlighting, selecting and changing active Anchor */
+        if (!this.vu) { return; }
+
+        var hasChanged = false,
+          pr = (e.currentTarget.nodeName === "P") ? e.currentTarget : false, // Paragraph
+          $pr = $(pr),
+          sp = (e.target.nodeName === "SPAN")     ? e.target        : false, // Span
+          an = (e.target.nodeName === "A")        ? e.target        : false, // Anchor
+          lines, jLen, j, txt, chr;
+
+        if (an) {
+        /*  Click an Anchor link */
+            if (!$(an).hasClass(this.classActiveAnchor)) {
+                this.updateAnchor(an);
+                hasChanged = true;
+                e.preventDefault();
+            }
+        }
+
+        if (!pr && !sp) {
+            this.removeClass(this.classActive);
+            return;
+        }
+
+        if ($pr.hasClass(this.classReady)) {
+            if (!$pr.hasClass(this.classActive) && (sp && !$(sp).hasClass(this.classHighlight))) {
+            //  If not current Active p tag, clear any others out there and make this the Active p tag
+                $(this).removeClass(this.classActive);
+                $pr.addClass(this.classActive); // Mark as Active
+            } else {
+                if (!$pr.hasClass(this.classActive)) {
+                    $(this).removeClass(this.classActive);
+                    $pr.addClass(this.classActive); // Mark as Active
+                }
+
+                if (sp) {
+                    $(sp).toggleClass(this.classHighlight);
+                    hasChanged = true;
+                }
+            }
+        } else {
+        //  Add span tags to all Sentences within Paragraph and mark Paragraph as Ready
+            lines = this.getSentences(pr);
+            jLen  = lines.length;
+
+            for (j=0; j<jLen; j++) {
+                lines[j] = "<span data-num='" + (j+1) + "'>" + this.rtrim(lines[j]) + "</span>";
+            }
+
+            txt = lines.join('. ').replace(/__DOT__/g, ".").replace(/<\/span>\./g, ".<\/span>");
+            chr = txt.substring(txt.length-8).charCodeAt(0);
+            if ("|8221|63|46|41|39|37|34|33|".indexOf(chr) === -1) { txt += "."; }
+
+            pr.innerHTML = txt;
+            pr.setAttribute('data-sentences', jLen);
+
+            $(this).removeClass(this.classActive);
+            $pr.addClass(this.classActive); // Mark as Active
+            $pr.addClass(this.classReady);  // Mark as Ready
+            hasChanged = true;
+        }
+
+        if (hasChanged) {
+            this.updateURLHash();
+        }
+    },
+
+    paragraphInfo: function(mode) {
+    /*  Toggle anchor links next to Paragraphs */
+      var hasSpan, pl, len, i, para, key, isActive, spans;
+      
+        if (mode) {
+            hasSpan = $('span.' + this.classInfo);
+            if (hasSpan.length === 0) {
+                pl  = this.paragraphList();
+                len = pl.list.length;
+                for (i=0; i<len; i++) {
+                    para = pl.list[i] || false;
+                    if (para) {
+                        key        = pl.keys[i];
+                        isActive   = (key===this.p) ? (" " + this.classActiveAnchor) : "";
+                        para.innerHTML = "<span class='" + this.classInfo + "'><a class='"+ this.classAnchor + isActive + "' href='#p[" + key + "]' data-key='" + key + "' title='Link to " + this.ordinal(i+1) + " paragraph'>&para;</a></span>" + para.innerHTML;
+                    }
+                }
+            }
+        } else {
+            spans = $('span.' + this.classInfo);
+
+            len = spans.length;
+            for (i=0; i<len; i++) {
+                $(spans[i]).remove();
+            }
+            $(this).removeClass(this.classActive);
+        }
+    },
+
+    updateAnchor: function(an) {
+    /*  Make this A tag the one and only Anchor */
+        this.p = an.getAttribute("data-key");
+        $(this).removeClass(this.classActiveAnchor);
+        $(an).addClass(this.classActiveAnchor);
+    },
+
+    updateURLHash: function() {
+    /*  Scan the Paragraphs, note selections, highlights and update the URL with the new Hash */
+        var h     = "h[",
+          paras = $('p.emReady'),
+          pLen  = paras.length,
+          p, key, spans, sLen, nSent, anchor, hash,s;
+
+        for (p=0; p < pLen; p++) {
+            key = paras[p].getAttribute("data-key");
+            if ($(paras[p]).hasClass(this.classHighlight)) {
+                h += "," + key; // Highlight full paragraph
+            } else {
+                spans = $('span.' + this.classHighlight, paras[p]);
+                sLen  = spans.length;
+                nSent = paras[p].getAttribute("data-sentences");
+
+                if (sLen>0) { h += "," + key; }
+
+                if (nSent!==sLen) {
+                    for (s=0; s<sLen; s++) {
+                        h += "," + spans[s].getAttribute("data-num");
+                    }
+                }
+            }
+        }
+
+        anchor    = ((this.p) ? "p[" + this.p + "]," : "");
+        hash      = (anchor + (h.replace("h[,", "h[") + "]")).replace(",h[]", "");
+        location.hash = hash;
+    },
+
+    createKey: function(p) {
+    /*  From a Paragraph, generate a Key */
+        var key = "",
+          len = 6,
+          txt = (p.innerText || p.textContent || '').replace(/[^a-z\. ]+/gi, ''),
+          lines, first, last, k, max, i;
+        
+        if (txt && txt.length>1) {
+
+            lines = this.getSentences(txt);
+            if (lines.length>0) {
+                first = this.cleanArray(lines[0].replace(/[\s\s]+/gi, ' ').split(' ')).slice(0, (len/2));
+                last  = this.cleanArray(lines[lines.length-1].replace(/[\s\s]+/gi, ' ').split(' ')).slice(0, (len/2));
+                k     = first.concat(last);
+
+                max = (k.length>len) ? len : k.length;
+                for (i=0; i<max; i++) {
+                    key += k[i].substring(0, 1);
+                }
+            }
+        }
+        return key;
+    },
+
+    findKey: function(key) {
+    /*  From a list of Keys, locate the Key and corresponding Paragraph */
+        var pl = this.paragraphList(),
+          ln = pl.keys.length,
+          ix = false,
+          el = false,
+          i, ls, le;
+
+        for (i=0;i<ln;i++) {
+            if (key===pl.keys[i]) { // Direct Match
+                return { index: i, elm: pl.list[i] };
+            } else { // Look for 1st closest Match
+                if (!ix) {
+                      ls = this.lev(key.slice(0, 3), pl.keys[i].slice(0, 3));
+                      le = this.lev(key.slice(-3)  , pl.keys[i].slice(-3));
+                    if ((ls+le)<3) {
+                        ix = i;
+                        el = pl.list[i];
+                    }
+                }
+            }
+        }
+        return { index: ix, elm: el };
+    },
+
+    goAnchor: function(p) {
+    /*  Move view to top of a given Paragraph */
+        if (!p) {
+          return; 
+        }
+        var pg = (isNaN(p)) ? this.findKey(p)['elm'] : (this.paragraphList().list[p-1] || false);
+        
+        if (pg) {
+            setTimeout(function(){
+                $(window).scrollTop($(pg).offset().top);
+            }, 500);
+        }
+    },
+
+    goHighlight: function(h, s) {
+    /*  Highlight a Paragraph, or specific Sentences within it */
+        if (!h) {
+          return;
+        }
+        var hLen = h.length,
+          i, para, sntns, multi, lines, jLen, j, k, line;
+
+        for (i=0; i<hLen; i++) {
+            para = this.paragraphList().list[h[i]-1] || false;
+            if (para) {
+                sntns = s[h[i].toString()] || false;
+                multi = !sntns || sntns.length===0; // Individual sentences, or whole paragraphy?
+                lines = this.getSentences(para);
+                jLen  = lines.length;
+
+            /*  First pass. Add SPAN tags to all lines. */
+                for (j=0; j<jLen; j++) {
+                    k = (multi) ? j : sntns[j]-1;
+                    lines[j] = "<span data-num='" + (j+1) + "'>" + lines[j] + "</span>";
+                }
+
+            /*  Second pass, update span to Highlight selected lines */
+                for (j=0; j<jLen; j++) {
+                    k    = (multi) ? j : sntns[j]-1;
+                    line = lines[k] || false;
+                    if (line) {
+                        lines[k] = lines[k].replace("<span", "<span class='" + this.classHighlight + "'");
+                    }
+                }
+
+                para.setAttribute("data-sentences", jLen);
+                para.innerHTML = lines.join('. ').replace(/__DOT__/g, ".").replace(/<\/span>\./g, ".<\/span>");
+                $(para).addClass('emReady'); /* Mark the paragraph as having SPANs */
+            }
+        }
+    },
+
+    getSentences: function(el) {
+    /*  Break a Paragraph into Sentences, bearing in mind that the "." is not the definitive way to do so */
+        var html    = (typeof el==="string") ? el : el.innerHTML,
+          mrsList = "Mr,Ms,Mrs,Miss,Msr,Dr,Gov,Pres,Sen,Prof,Gen,Rep,St,Messrs,Col,Sr,Jf,Ph,Sgt,Mgr,Fr,Rev,No,Jr,Snr",
+          topList = "A,B,C,D,E,F,G,H,I,J,K,L,M,m,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,etc,oz,cf,viz,sc,ca,Ave,St",
+          geoList = "Calif,Mass,Penn,AK,AL,AR,AS,AZ,CA,CO,CT,DC,DE,FL,FM,GA,GU,HI,IA,ID,IL,IN,KS,KY,LA,MA,MD,ME,MH,MI,MN,MO,MP,MS,MT,NC,ND,NE,NH,NJ,NM,NV,NY,OH,OK,OR,PA,PR,PW,RI,SC,SD,TN,TX,UT,VA,VI,VT,WA,WI,WV,WY,AE,AA,AP,NYC,GB,IRL,IE,UK,GB,FR",
+          numList = "0,1,2,3,4,5,6,7,8,9",
+          webList = "aero,asia,biz,cat,com,coop,edu,gov,info,int,jobs,mil,mobi,museum,name,net,org,pro,tel,travel,xxx",
+          extList = "www",
+          d       = "__DOT__",
+
+          list = (topList+","+geoList+","+numList+","+extList).split(","),
+          len  = list.length,
+          i, lines;
+        
+        for (i=0;i<len;i++) {
+            html = html.replace(new RegExp((" "+list[i]+"\\."), "g"), (" "+list[i]+d));
+        }
+
+        list = (mrsList+","+numList).split(",");
+        len  = list.length;
+        for (i=0;i<len;i++) {
+            html = html.replace(new RegExp((list[i]+"\\."), "g"), (list[i]+d));
+        }
+
+        list = (webList).split(",");
+        len  = list.length;
+        for (i=0;i<len;i++) {
+            html = html.replace(new RegExp(("\\."+list[i]), "g"), (d+list[i]));
+        }
+
+        lines = this.cleanArray(html.split('. '));
+        return lines;
+    },
+
+    ordinal: function(n) {
+        var sfx = ["th","st","nd","rd"], 
+          val = n%100;
+        return n + (sfx[(val-20)%10] || sfx[val] || sfx[0]);
+    },
+
+    lev: function(a, b) {
+    /*  Get the Levenshtein distance - a measure of difference between two sequences */
+        var m = a.length,
+          n = b.length,
+          r = [],
+          c, o, i, j;
+          
+          r[0] = [];
+        
+        if (m < n) { c = a; a = b; b = c; o = m; m = n; n = o; }
+        for (c = 0; c < n+1; c++) { r[0][c] = c; }
+        for (i = 1; i < m+1; i++) {
+            r[i] = [];
+            r[i][0] = i;
+            for (j=1; j<n+1; j++) {
+                r[i][j] = this.smallest(r[i-1][j]+1, r[i][j-1]+1, r[i-1][j-1]+((a.charAt(i-1)===b.charAt(j-1))? 0 : 1));
+            }
+        }
+        return r[m][n];
+    },
+
+    smallest: function(x,y,z) {
+    /*  Return smallest of two values */
+        if (x < y && x < z) { return x; }
+        if (y < x && y < z) { return y; }
+        return z;
+    },
+
+    rtrim: function(txt) {
+    /*  Trim whitespace from right of string */
+        return txt.replace(/\s+$/, "");
+    },
+
+    cleanArray: function(a){
+    /*  Remove empty items from an array */
+        var n = [],
+          i;
+        for (i = 0; i<a.length; i++){
+            if (a[i] && a[i].replace(/ /g,'').length>0){ n.push(a[i]); }
+        }
+        return n;
+    }
+
+};
+
+$(window).bind('load', function() {
+	Emphasis.init();
+});
+
+});

data/plugins/fancybox/assets/javascripts/fancybox.js.coffee

@@ -0,0 +1,15 @@
+#=require jquery
+#=require jquery.fancybox
+
+jQuery ->
+	if $.getDevicePixelRatio() > 1
+		$(".fancybox").each ->
+			if $(this).data('retina')
+				$(this).attr 'href', $(this).data 'retina'
+	
+	$(".fancybox").fancybox
+		beforeLoad: ->
+			if @element.attributes['data-width']
+				@maxWidth = @element.attributes['data-width'].value
+			if @element.attributes['data-height']
+				@maxHeight = @element.attributes['data-height'].value

data/plugins/{lightbox/stylesheets/jquery.fancybox.css → fancybox/assets/stylesheets/fancybox.css.erb}

@@ -67,7 +67,7 @@
 }
 
 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
-	background-image: url('fancybox_sprite.png');
+	background-image: url('<%= asset_url("fancybox_sprite.png") %>');
 }
 
 #fancybox-loading {
@@ -85,7 +85,7 @@
 #fancybox-loading div {
 	width: 44px;
 	height: 44px;
-	background: url('fancybox_loading.gif') center center no-repeat;
+	background: url('<%= asset_url("fancybox_loading.gif") %>') center center no-repeat;
 }
 
 .fancybox-close {
@@ -104,7 +104,7 @@
 	width: 40%;
 	height: 100%;
 	cursor: pointer;
-	background: transparent url('blank.gif'); /* helps IE */
+	background: transparent url('<%= asset_url("blank.gif") %>'); /* helps IE */
 	z-index: 1003;
 }
 
@@ -219,4 +219,30 @@
 	padding: 10px;
 	background: #000;
 	background: rgba(0, 0, 0, .8);
-}
+}
+
+/* Zoom icon*/
+a.fb_zoomable {
+	max-width: 100%;
+  display:block;
+  width:180px;
+  height:76px;
+  position:relative;
+}
+
+a.fb_zoomable span.fb_zoom_icon {
+  display:block;
+  width:100%;
+  height:100%;
+  position:absolute;
+  top:0;
+  left:0;
+  background:url(<%= asset_url('zoom_icon.png') %>) no-repeat bottom right;
+  opacity:0.3;
+  -o-transition:opacity 0.25s;
+  -moz-transition:opacity 0.25s;
+  -webkit-transition:opacity 0.25s;
+  transition:opacity 0.25s;
+}
+
+a.fb_zoomable:hover span.fb_zoom_icon {opacity:1}

data/plugins/sublimevideo/assets/javascripts/sublimevideo.js

@@ -0,0 +1,3 @@
+/*
+Empty Javascript file for SublimeVideo
+*/

data/plugins/sublimevideo/assets/stylesheets/sublimevideo.css.erb

@@ -0,0 +1,28 @@
+a.zoomable {
+	max-width: 100%;
+  display:block;
+  width:180px;
+  height:76px;
+  background:#000;
+  position:relative;
+  -webkit-box-shadow:rgba(0,0,0,0.4) 0 4px 10px;
+  -moz-box-shadow:rgba(0,0,0,0.4) 0 4px 10px;
+  box-shadow:rgba(0,0,0,0.4) 0 4px 10px;
+}
+
+a.zoomable span.zoom_icon {
+  display:block;
+  width:100%;
+  height:100%;
+  position:absolute;
+  top:0;
+  left:0;
+  background:url(<%= asset_url('zoom_icon.png') %>) no-repeat bottom right;
+  opacity:0.3;
+  -o-transition:opacity 0.25s;
+  -moz-transition:opacity 0.25s;
+  -webkit-transition:opacity 0.25s;
+  transition:opacity 0.25s;
+}
+
+a.zoomable:hover span.zoom_icon {opacity:1}

metadata

@@ -1,30 +1,35 @@
 --- !ruby/object:Gem::Specification
 name: alula-plugins
 version: !ruby/object:Gem::Version
-  version: 0.1.1
-  prerelease: 
+  version: 0.4.0b
+  prerelease: 5
 platform: ruby
 authors:
 - Mikko Kokkonen
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-04-07 00:00:00.000000000 Z
+date: 2012-07-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: alula
-  requirement: &70241112620360 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
-        version: '0.2'
+        version: 0.4.0b
   type: :runtime
   prerelease: false
-  version_requirements: *70241112620360
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.4.0b
 - !ruby/object:Gem::Dependency
   name: version
-  requirement: &70241112619860 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -32,7 +37,12 @@ dependencies:
         version: 1.0.0
   type: :development
   prerelease: false
-  version_requirements: *70241112619860
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 1.0.0
 description: Plugins for Alula blog
 email:
 - mikko@owlforestry.com
@@ -47,15 +57,26 @@ files:
 - Rakefile
 - VERSION
 - alula-plugins.gemspec
-- lib/alula/plugins/lightbox.rb
+- lib/alula/plugins.rb
+- lib/alula/plugins/disqus.rb
+- lib/alula/plugins/emphasis.rb
+- lib/alula/plugins/fancybox.rb
+- lib/alula/plugins/sublimevideo.rb
 - lib/alula/plugins/version.rb
-- plugins/.DS_Store
-- plugins/lightbox/javascripts/.DS_Store
-- plugins/lightbox/javascripts/jquery.fancybox.js
-- plugins/lightbox/javascripts/lightbox.js.coffee
-- plugins/lightbox/javascripts/lightbox_body.js
-- plugins/lightbox/stylesheets/jquery.fancybox.css
-- plugins/lightbox/stylesheets/lightbox.css
+- plugins/disqus/assets/javascripts/disqus.js
+- plugins/disqus/assets/stylesheets/disqus.css
+- plugins/emphasis/assets/javascripts/emphasis.js
+- plugins/emphasis/assets/stylesheets/emphasis.css
+- plugins/fancybox/assets/images/blank.gif
+- plugins/fancybox/assets/images/fancybox_loading.gif
+- plugins/fancybox/assets/images/fancybox_sprite.png
+- plugins/fancybox/assets/images/zoom_icon.png
+- plugins/fancybox/assets/javascripts/fancybox.js.coffee
+- plugins/fancybox/assets/javascripts/jquery.fancybox.js
+- plugins/fancybox/assets/stylesheets/fancybox.css.erb
+- plugins/sublimevideo/assets/images/zoom_icon.png
+- plugins/sublimevideo/assets/javascripts/sublimevideo.js
+- plugins/sublimevideo/assets/stylesheets/sublimevideo.css.erb
 homepage: ''
 licenses: []
 post_install_message: 
@@ -71,12 +92,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
-  - - ! '>='
+  - - ! '>'
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.17
+rubygems_version: 1.8.23
 signing_key: 
 specification_version: 3
 summary: Simple, ready to use plugins for Alula blogs.

data/lib/alula/plugins/lightbox.rb

@@ -1,46 +0,0 @@
-module Alula
-  module Plugins
-    class Lightbox < Liquid::Tag
-      def self.install(options)
-        @@options = options
-        
-        # Register custom tag
-        Liquid::Template.register_tag('lightbox', Alula::Plugins::Lightbox)
-        
-        # Register attachment insertion
-        Alula::Plugins.register_attachment_handler(:image, ->(asset){
-          "{% lightbox #{asset} %}"
-        })
-        
-        # Return path to assets
-        File.expand_path(File.join(File.dirname(__FILE__), *%w{.. .. .. plugins lightbox}))
-      end
-      
-      def initialize(tag_name, markup, tokens)
-        /(?<src>(?:https?:\/\/|\/|\S+\/)\S+)(?<title>\s+.+)?/ =~ markup
-        /(?:"|')(?<title>[^"']+)?(?:"|')\s+(?:"|')(?<alt>[^"']+)?(?:"|')/ =~ title
-        
-        @name = src
-        @title = title || ""
-        @alt = alt || ""
-      end
-
-      def render(context)
-        asset_path = context.registers[:site].config["asset_path"]
-        manifest = context.registers[:site].config["manifest"]
-        
-        original = File.join(asset_path, manifest.assets[File.join("images", @name)])
-        thumbnail = File.join(asset_path, manifest.assets[File.join("thumbnails", @name)])
-        
-        # Fetch image size
-        img = Magick::Image.read(File.join("public", thumbnail)).first
-        width = img.columns
-        height = img.rows
-        
-        tag = "<a class=\"fancybox\" rel=\"#{context.environments.first["page"]["id"]}\" href=\"#{original}\">"
-        tag += "<img src=\"#{thumbnail}\" alt=\"#{@alt}\" title=\"#{@title}\" width=\"#{width}\" height=\"#{height}\">"
-        tag += "</a>"
-      end
-    end
-  end
-end

data/plugins/lightbox/javascripts/lightbox.js.coffee

@@ -1,5 +0,0 @@
-//=require jquery
-//=require jquery.fancybox
-
-jQuery ->
-	$(".fancybox").fancybox()

data/plugins/lightbox/stylesheets/lightbox.css

@@ -1,3 +0,0 @@
-/*
-*=require jquery.fancybox
-*/