murlsh 0.11.0 → 1.0.0

data/public/js/js.js

@@ -3,35 +3,28 @@
 "use strict";
 
 var Murlsh = function (config, $, navigator, window) {
-    function compileRegexMap(regexMap) {
-        var result = {};
-        $.each(regexMap, function (reStr) {
-            result[reStr] = new RegExp('^' + reStr + '$', 'i'); 
-        });
-
-        return result;
-    }
 
     var my = {},
         hrefRes = {
-            flickr :
-                /^http:\/\/(?:www\.)?flickr\.com\/photos\/[@\w\-]+?\/([\d]+)/i,
             imageshack :
-                /^(http:\/\/img\d+\.imageshack\.us\/img\d+\/\d+\/\w+\.)(jpe?g|gif|png)$/i,
+                /^http:\/\/img\d+\.imageshack\.us\/img\d+\/\d+\/\w+\.jpe?g|gif|png$/i,
             imgur :
-                /^(http:\/\/(?:i\.)?imgur\.com\/)([a-z\d]+)(\.(?:jpe?g|gif|png))$/i,
-            mp3 :
-                /\.mp3$/i,
+                /^http:\/\/(?:i\.)?imgur\.com\/[a-z\d]+\.(?:jpe?g|gif|png)$/i,
             s3 :
-                /^(http:\/\/static\.mmb\.s3\.amazonaws\.com\/[\w\-]+\.)(jpe?g|gif|pdf|png)$/i,
+                /^http:\/\/static\.mmb\.s3\.amazonaws\.com\/[\w\-]+\.(jpe?g|gif|pdf|png)$/i,
             twitter :
-                /^https?:\/\/twitter\.com\/\w+\/status(?:es)?\/(\d+)$/i,
+                /^https?:\/\/twitter\.com\/\w+\/status(?:es)?\/\d+$/i,
             vimeo :
                 /^http:\/\/(?:www\.)?vimeo\.com\/(\d+)$/i,
             youtube :
                 /^http:\/\/(?:(?:www|uk)\.)?youtube\.com\/watch\?v=([\w\-]+)(?:&|$)/i
-        },
-        thumbLocatorsCompiled = compileRegexMap(config.thumb_locators);
+        };
+
+    function setupClickHandler(jQueryObject, dataKey, dataValue, handler) {
+        if (!my.isIphone()) {
+            jQueryObject.data(dataKey, dataValue).click(handler);
+        }
+    }
 
     function autoLink(s) {
         // turn urls into links
@@ -42,8 +35,13 @@ var Murlsh = function (config, $, navigator, window) {
         return result;
     }
 
-    function escapeXml(s) {
-        return s.replace(/&/g, '&');
+    function makeIframe(src) {
+        return $('<iframe />').attr({
+            src: src,
+            width: 640,
+            height: 385,
+            frameborder: 0
+        });
     }
 
     function img(src, text) {
@@ -67,23 +65,6 @@ var Murlsh = function (config, $, navigator, window) {
         }
     }
 
-    function objectTag(data, height, width, params) {
-        // this does not use jQuery to build tags because building object
-        // tags is broken in IE
-        var result = '<object data="' + escapeXml(data) +
-            '" height="' + height +
-            '" type="application/x-shockwave-flash" width="' + width + '">';
-
-        $.each(params, function (i, v) {
-            result += '<param name="' + v.name + '" value="' +
-                escapeXml(v.value) + '" />';
-        });
-
-        result += '</object>';
-
-        return result;
-    }
-
     function closerAdd(x, header) {
         var html = (typeof x === 'object') ? $('<div />').append(x).html() : x;
 
@@ -97,116 +78,31 @@ var Murlsh = function (config, $, navigator, window) {
                     makeFit($(this), Math.round($(window).width() / 2),
                         Math.round($(window).height() - 100));
                 });
-            }
+            },
+            animateOpen : { width : 'show' },
+            animateClose : { width : 'hide' }
         });
     }
 
-    function flickrClick() {
-        closerAdd(img($(this).data('zoom')));
-    }
-
-    function flickrThumb(d) {
-        var base,
-            owner,
-            photo = d.photo,
-            zoom;
-
-        if (d.stat === 'ok') {
-            base = 'http://farm' + photo.farm + '.static.flickr.com/' +
-                photo.server + '/' + photo.id + '_';
-            zoom = base + photo.secret + '_m.jpg';
-
-            if (photo.originalsecret) {
-                zoom = base + photo.originalsecret + '_o.' +
-                    photo.originalformat;
-            }
-
-            owner = photo.owner;
-            return img(base + photo.secret + '_s.jpg', photo.title._content +
-                (owner && owner.username ? ' by ' + owner.username : '')
-                ).addClass('thumb flickr').data('zoom', zoom);
-        }
+    function imgClick(event) {
+        closerAdd(img($(event.target).data('href')));
     }
 
-    function imgClick() {
-        closerAdd(img($(this).data('href')));
-    }
-
-    function imgThumb() {
-        var i,
-            lastIndex,
-            urlParts = [];
-
-        for (i = 0; i < arguments.length; i += 1) {
-            urlParts.push(arguments[i]);
-        }
-
-        lastIndex = urlParts.length - 1;
-
-        // if pdf the thumbnail will be .png
-        if (urlParts[lastIndex].match(/^pdf$/i)) {
-            urlParts.splice(lastIndex, 1, 'png');
-        }
+    function vimeoClick(event) {
+        var iframe = makeIframe(
+            'http://player.vimeo.com/video/' + $(event.target).data('id'));
 
-        return img(urlParts.join('')).addClass('thumb');
+        closerAdd(iframe);
     }
 
-    function thumbInsert(img, clickFunction, a) {
-        if (img) {
-            if (my.isIphone()) {
-                a.prepend(img);
-            } else {
-                if (clickFunction) {
-                    img.click(clickFunction);
-                }
-                a.before(img);
-            }
-        }
-    }
-
-    function twitterAddLinks(s) {
-        // turn urls into links and Twitter usernames into links to Twitter
-        var result = autoLink(s);
-
-        result = result.replace(
-            /(^|[\s,(])@([0-9a-z_]+)($|[\s,.)])/gi,
-            '$1<a href="http://twitter.com/$2">@$2</a>$3');
-
-        return result;
-    }
-
-    function twitterThumb(d) {
-        return img(d.user.profile_image_url).addClass('thumb twitter');
-    }
-
-    function vimeoClick() {
-        closerAdd($(this).data('embedHtml'));
-    }
-
-    function vimeoThumb(d) {
-        return img(d.thumbnail_medium, d.title).addClass('thumb vimeo');
-    }
-
-    function youtubeClick() {
-        var movie = 'http://www.youtube.com/v/' + $(this).data('id') + '?' +
-            $.param({
-                fs : 1,
-                hd : 1,
-                hl : 'en',
-                iv_load_policy : 3,
-                showinfo : 0,
-                showsearch : 0
-            });
-
-        closerAdd(objectTag(movie, 505, 640, [{
-            name : 'movie',
-            value : movie
-        }]));
-    }
+    function youtubeClick(event) {
+        var iframe = makeIframe(
+            'http://www.youtube.com/embed/' + $(event.target).data('id')).attr({
+            'class': 'youtube-player',
+            type: 'text/html'
+        });
 
-    function youtubeThumb(id) {
-        return img('http://img.youtube.com/vi/' + id + '/default.jpg',
-            'click to watch').addClass('thumb youtube').data('id', id);
+        closerAdd(iframe);
     }
 
     my.addComments = function (link, comments) {
@@ -240,111 +136,42 @@ var Murlsh = function (config, $, navigator, window) {
         var thisA = $(this),
             href = thisA.attr('href'),
             match = {},
-            swf = 'swf/player_mp3_mini.swf',
-            thumb;
+            tweetMatch,
+            tweetLink,
+            formattedTweet;
 
         $.each(hrefRes, function (x, re) {
             return !(match[x] = re.exec(href));
         });
 
-        if (match.flickr) {
-            $.ajax({
-                // url : 'http://api.flickr.com/services/rest/',
-                url : 'flickr',
-                data : {
-                    format : 'json',
-                    method : 'flickr.photos.getinfo',
-                    photo_id : match.flickr[1]
-                },
-                dataType : 'jsonp',
-                jsonp : 'jsoncallback',
-                success : function (d) {
-                    thumbInsert(flickrThumb(d), flickrClick, $(this));
-                },
-                context : thisA,
-                jsonpCallback : 'flickrCallback' + match.flickr[1]
-            });
-        } else if (match.imageshack) {
-            thumbInsert(imgThumb(match.imageshack[1], 'th.',
-                match.imageshack[2]).data('href', match.imageshack[0]),
-                    imgClick, thisA.html('imageshack.us'));
-        } else if (match.imgur) {
-            thumbInsert(imgThumb(match.imgur[1], match.imgur[2], 's',
-                match.imgur[3]).data('href', match.imgur[0]), imgClick,
-                thisA.html('imgur/' + match.imgur[2] + match.imgur[3]));
-        } else if (match.mp3) {
-            thisA.before(objectTag(swf, 20, 200, [
-                { name : 'bgcolor', value : '#000000' },
-                { name : 'FlashVars', value : 'mp3=' + href },
-                { name : 'movie', value : swf }
-            ]));
+        if (match.imageshack || match.imgur) {
+            setupClickHandler(thisA.siblings('img'), 'href', href, imgClick);
         } else if (match.s3) {
-            thumb = imgThumb(match.s3[1], 'th.', match.s3[2]);
-
-            if (match.s3[2].match(/^pdf$/i)) {
-                thisA.before(thumb).html('pdf');
-            } else {
-                if (my.isIphone()) {
-                    thisA.html(thumb);
-                } else {
-                    thisA.html('link');
-                    thisA.before(thumb.data('href', match.s3[0]).click(
-                        imgClick));
-                }
+            if (!(match.s3[1].match(/^pdf$/i))) {
+                setupClickHandler(thisA.siblings('img'), 'href', href,
+                    imgClick);
             }
         } else if (match.twitter) {
-            $.ajax({
-                // url : 'http://api.twitter.com/1/statuses/show/' +
-                url : '/twitter/1/statuses/show/' +
-                    match.twitter[1] + '.json',
-                dataType : 'jsonp',
-                success : function (d) {
-                    var nameLink = $('<a />', {
-                        href: 'http://twitter.com/' + d.user.screen_name +
-                            '/status/' + d.id,
-                        text: '@' + d.user.screen_name
-                    }),
-                        tweet = $('<span />').addClass('tweet').append(
-                            nameLink).append(': ').append(twitterAddLinks(
-                            d.text));
-
-                    thumbInsert(twitterThumb(d), null, nameLink);
-
-                    $(this).replaceWith(tweet);
-                },
-                context : thisA,
-                jsonpCallback : 'twitterCallback' + match.twitter[1]
-            });
+            thisA.siblings('img').addClass('twitter');
+            tweetMatch = /^(@[0-9a-z_]+?): (.+)$/i.exec(thisA.text());
+            if (tweetMatch) {
+                tweetLink = $('<a />', {
+                    href : href,
+                    text : tweetMatch[1]
+                });
+
+                formattedTweet = $('<span />').addClass('tweet').append(
+                    tweetLink).append(': ').append(
+                    twttr.txt.autoLink(tweetMatch[2]));
+
+                thisA.replaceWith(formattedTweet);
+            }
         } else if (match.vimeo) {
-            $.ajax({
-                url : 'http://vimeo.com/api/v2/video/' + match.vimeo[1] +
-                    '.json',
-                dataType : 'jsonp',
-                success : function (d) {
-                    var video = d[0],
-                        movie = 'http://vimeo.com/moogaloop.swf?clip_id=' +
-                        video.id;
-
-                    thumbInsert(vimeoThumb(video).data('embedHtml',
-                        objectTag(movie, video.height, video.width, [
-                            { name : 'movie', value : movie }
-                        ])), vimeoClick, $(this));
-                },
-                context : thisA,
-                jsonpCallback : 'vimeoCallback' + match.vimeo[1]
-            });
+            setupClickHandler(thisA.siblings('img'), 'id', match.vimeo[1],
+                vimeoClick);
         } else if (match.youtube) {
-            thumbInsert(youtubeThumb(match.youtube[1]), youtubeClick, thisA);
-        } else {
-            $.each(config.thumb_locators, function (reStr) {
-                var re = thumbLocatorsCompiled[reStr];
-                if (href.match(re)) {
-                    thumbInsert(img(href.replace(re,
-                        config.thumb_locators[reStr])).addClass(
-                        'thumb locator'), null, thisA);
-                    return false;
-                }
-            });
+            setupClickHandler(thisA.siblings('img'), 'id', match.youtube[1],
+                youtubeClick);
         }
     };
 
@@ -425,7 +252,8 @@ $(document).ready(function () {
         urls.each(murlsh.addExtra);
 
         /*
-        // experimental comment support, to enable uncomment and edit comments.json
+        // experimental comment support, to enable uncomment and edit
+        // comments.json
         $.getJSON('/js/comments.json', function (data) {
             urls.each(function () {
                 var href = $(this).attr('href');