hfs 0.1.6 → 0.26.2

package/static/extending.js

@@ -1,187 +0,0 @@
-///////// EXTENDING FUNCTION
-
-/** as function.bind(), but additional parameters are prepended instead of appended 
- * @return {function} proxied function
- */ 
-Function.prototype.prebind = function(){
-    var args = Array.prototype.slice.call(arguments);
-    var scope = args.shift();
-    var fun = this;  
-    return function(){
-        var moreArgs = Array.prototype.slice.call(arguments);
-        fun.apply(scope, moreArgs.concat(args));
-    };
-};
-
-if (!Function.prototype.bind)
-Function.prototype.bind = function(){
-    var args = Array.prototype.slice.call(arguments);
-    var scope = args.shift();
-    var fun = this;  
-    return function(){
-        var moreArgs = Array.prototype.slice.call(arguments);
-        fun.apply(scope, args.concat(moreArgs));
-    };
-};
-
-///////// EXTENDING STRING
-
-/* return a new string filling "this" with arguments' values.
-    The filling is done in place of strings in this form {key} or this other form {key|parameter}.
-    If first argument is an object, then "key" is used as field name (i.e. property) of the object.
-    Otherwise "key" should be a number, and it's the argument's index (zero-based).  
-    As stated before, keys can have a parameter. If such parameter is in the form \d*-\d* then these numbers
-    denote a range of characters to extract (i.e. a substring). Otherwise the parameter is a property name for
-    the value (that must be an object or an array in this case).
-*/
-String.prototype.format = function() {
-    var args = arguments;
-    if (typeof args[0] == 'object')
-        args = args[0];
-    return this.replace(/\{([-_ a-z0-9]+)(\|([^}]+))?\}/gi, function(){
-        var ret = args[arguments[1]];
-        var par = arguments[3]; 
-        if (par) {
-            var v = /(\d*)-(\d*)/.exec(par); // is it in the "range" form?
-            if (v) ret = ret.substring(v[1]-1 || 0, v[2] || ret.length); // extract the substring in range 
-            else ret = ret[par]; // get property
-        }
-        return ret; 
-    });
-};
-
-String.prototype.repeat = function(n) {
-    var r = '';
-    for (var i=0; i<n; i++) r += this;
-    return r;
-};
-
-String.prototype.count = function(sub) {
-    return this.split(sub).length-1;
-};
-
-String.prototype.ss = function(from, to) {
-    return this.substring(from<0 ? this.length-from : from, to<0 ? this.length+to : to);
-};
-
-String.prototype.pad = function(lngt, filler) {
-    return (filler || ' ').repeat(Math.max(0,lngt - this.length)) + this;
-};
-
-String.prototype.escapeRegExp = function() {
-    return this.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
-};
-
-String.prototype.startsBy = function(sub, caseInsensitive) {
-    return 0 <= this.search(new RegExp('^'+sub.escapeRegExp(), caseInsensitive ? 'i' : ''));  
-};
- 
-String.prototype.endsBy = function(sub, caseInsensitive) {
-    return 0 <= this.search(new RegExp(sub.escapeRegExp()+'$', caseInsensitive ? 'i' : ''));  
-};
-
-String.prototype.includeLeading = function(sub) { return this.startsBy(sub) ? this : sub+this }; 
-String.prototype.includeTrailing = function(sub) { return this.endsBy(sub) ? this : this+sub };
-// if in the following function the casting to string is not made, the resulting typeof is 'object' instead of 'string' (causing problems in some cases, e.g. using path.join)
-String.prototype.excludeLeading = function(sub) { return this.startsBy(sub) ? this.slice(sub.length) : ''+this }; 
-String.prototype.excludeTrailing = function(sub) { return this.endsBy(sub) ? this.slice(0,-sub.length) : ''+this }; 
-
-// handy shortcuts
-String.prototype.low = String.prototype.toLowerCase;
-String.prototype.up = String.prototype.toUpperCase;
-
-// case insensitive test
-String.prototype.same = function(s){
-    var threshold = 10;
-    return typeof s === 'string' 
-        && this.length === s.length 
-        && this.substr(0,threshold).low() === s.substr(0,threshold).low()
-        && this.substr(threshold).low() === s.substr(threshold).low()
-}; // String.same
-
-String.prototype.in = function(s) {
-    switch (typeof s) {
-        case 'array':
-        case 'string': return s.indexOf(this) >= 0;
-        default: return false;
-    }    
-}; // String.in
-
-///////// EXTENDING ARRAY
-
-if (!Array.prototype.forEach)
-Array.prototype.forEach = function(fun) {
-    if (typeof fun != "function")
-        throw new TypeError();
-    for (var i=0, l=this.length; i<l; ++i) {
-        fun.call(this[i], this[i], i, this);
-    }
-}; // Array.forEach
-
-if (!Array.prototype.some)
-Array.prototype.some = function(cb) {
-    for (var i=0, l=this.length; i<l; ++i) {
-        if (cb ? cb(this[i]) : this[i]) {
-            return true;
-        }
-    }
-    return false;
-};  // Array.some
-
-///////// EXTENDING OBJECT
-
-function extendObject(key, value) {
-    Object.defineProperty(Object.prototype, key, {
-        enumerable: false,    
-        value: value
-    });
-} // extendObject
-
-extendObject('getKeyOf', function(value) {
-    for (var i in this)
-        if (this.hasOwnProperty(i) 
-        && this[i] === value)
-            return i;
-    return null; 
-}); // Object.getKeyOf
-
-extendObject('forEach', function(cb) {
-    for (var i in this)
-        if (this.hasOwnProperty(i))
-            cb(this[i], i);
-}); // Object.forEach
-
-extendObject('isIn', function(vals) {
-    if (arguments.length == 1) {
-        return Array.isArray(vals)
-            ? vals.indexOf(this) >= 0
-            : vals.keyOf(this) !== null;   
-    }
-    for (var i in arguments)    
-        if (arguments[i] == this)
-            return true;
-    return false;    
-}); // Object.isIn
-
-extendObject('extend', function(from) {
-    var props = Object.getOwnPropertyNames(from);
-    var dest = this;
-    props.forEach(function(name) {
-        if (name in dest) {
-            var destination = Object.getOwnPropertyDescriptor(from, name);
-            Object.defineProperty(dest, name, destination);
-        }
-        else {
-            dest[name] = from[name];
-        }
-    });
-    return this;
-}); // Object.extend
-
-extendObject('getProperties', function(){
-    var res = [];
-    for (var i in this)
-        if (this.hasOwnProperty(i))
-            res.push(this[i]);
-    return res; 
-}); // Object.getProperties

package/static/frontend.css

@@ -1,29 +0,0 @@
-body { font:10pt verdana, arial, sans-serif; }
-a img { border:0; } /* conform IE */
-#items { list-style:none; padding:0; }
-.full-label { position:absolute; padding-right:1em; text-align:left; }
-
-/*  tiles */
-[mode=tiles] .item-link { float:left; width:9em; height:9em; overflow:hidden;
-    text-align:center; text-decoration:none;     
-    margin:1px; /* reserve space for the border on hover */ 
-}
-[mode=tiles] .item-link:hover { background:#eee; 
-    border:1px solid #ccc; margin:0; /* replace margin with border */ 
-}
-[mode=tiles] .item-label { display:block; padding:0 0.5em; margin:3px; word-wrap:break-word; }     
-[mode=tiles] .item-details { display:none; }
-[mode=tiles] .item-link:hover + .item-details { display:block; float:left; }
-[mode=tiles] .item-details-wrapper { position:absolute; background:#ffe; border:1px solid #eec; padding:0.2em 0.4em; }
-[mode=tiles] .full-label { max-width:17em; } 
-
-/*  list */ 
-[mode=list] li { border-bottom:1px solid #eee; height:1.5em; }
-[mode=list] li:nth-of-type(odd) { background:#fafafa; } /* stripes */
-[mode=list] .item-link { clear:left; float:left; text-decoration:none;
-    width:20em; height:1.5em; overflow:hidden; margin-right:1em;  
-}
-[mode=list] .item-link img { height:1.5em; vertical-align:middle; float:left; } 
-[mode=list] .item-label { margin-left:0.5em; margin-right:1em; white-space:nowrap; }
-[mode=list] .item-type { display:none; } 
-[mode=list] .item-size { display:inline; }

package/static/frontend.html

@@ -1,23 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<meta charset="UTF-8" />
-	<title>HFS 3 front end</title>
-    <link rel="stylesheet" type="text/css" href="/~/frontend.css" /> 
-
-	<!--[if lt IE 9 ]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
-	<script src='/socket.io/socket.io.js'></script>
-    <script src='/~/jquery.js'></script> 
-    <script src='/~/extending.js'></script> 
-    <script src='/~/misc.js'></script> 
-	<script src='/~/frontend.js'></script>
-    <script src='/~/tpl.js'></script>
-    </head>
-<body>
-<h2>Folder <span id='folder'></span></h2>
-<div id='folder-info'></div>
-View mode <select id='mode'><option>tiles<option>list</select>
-<p>Order <select id='order'><option value='' selected>none<option value='label'>name<option>type<option>size</select>
-<ul id='items'></ul>
-</body>
-</html>

package/static/frontend.js

@@ -1,230 +0,0 @@
-var socket = io.connect(window.location.origin);
-var currentFolder, listFromServer, foldersBefore=1;
-
-// this object will hold all the customizable stuff, that is added in file "tpl.js"  
-var TPL = function(event) {
-    var fun = TPL[currentMode+'_'+event] || TPL[event];
-    if (!fun) return;
-    var newArgs = [];                               
-    for (var i=1,a=arguments,l=a.length; i<l; ++i)
-        newArgs.push(a[i]);         
-    fun.apply(this, newArgs);
-};
-
-// understand the requested folder from the URL
-function getURLfolder() {
-    var sub = location.hash.substr(1);
-    return sub.startsBy('/') ? sub : location.pathname+sub;
-} // getURLfolder
-
-$(function onJQ(){ // dom ready
-    socket.on('connect', function onIO(){ // socket ready
-        // try to restore last options
-        updateOrder(getCookie('order'));
-        updateMode(getCookie('mode'));
-        // change things at user will
-        $('#order').change(function(){ updateOrder(); redrawItems(); }); 
-        $('#mode').change(function(){ updateMode(); redrawItems(); });        
-         
-        loadFolder(getURLfolder(), function onFolder(){ // folder ready
-
-            /* support for the BACK button: when the user clicks the BACK button, the address bar changes going out of   
-                sync with the view. We fix it ASAP. I don't know an event for the address bar, so i'm using an setInterval. */         
-            setInterval(function onBackSupport(){
-                var shouldBe = getURLfolder(); 
-                if (currentFolder != shouldBe) {
-                    loadFolder(shouldBe);        
-                } 
-            }, 300);
-
-        }); // don't redraw        
-    });//socket connect
-    
-    socket.on('vfs.changed', function(data){
-        log(data);
-        // it would be nicer to update only the changed item, but for now easily reload the whole dir  
-        var folder = data.uri.substr(0, data.uri.lastIndexOf('/', data.uri.length-2)+1);
-        if (folder === currentFolder) {
-            loadFolder();            
-        }
-    });
-
-    // item hovering
-    $('.item-link').live({
-        mouseenter: function(){
-            if (!$(this).isOverflowed()) return; // fine!
-            // our label is clipped
-            var lbl = $(this).find('.item-label');
-            // make some changes so it's hopefully fully visible  
-            lbl.addClass('full-label');
-            // if no bg was assigned, the enlarged label may overlap other elements, and its transparency may cause very bad readability 
-            if (isTransparent(lbl.css('background-color'))) {
-                lbl.css('background-color', lbl.getClosestBackgroundColor() || '#fff')
-                    .data('remove bg', true);
-            }
-        },
-        mouseleave: function(){
-            // undo changes made few lines above
-            var lbl = $(this).find('.full-label');
-            lbl.removeClass('full-label');
-            if (lbl.data('remove bg')) {
-                lbl.css('background-color','');
-                lbl.removeData('remove bg',null);
-            }
-        },
-    });//live
-
-});//dom ready
-
-// ask the server for the items list of the specified folder, then sort and display
-function loadFolder(path /** optional */, cb /** optional */) {
-    if (path) currentFolder = path;
-    $('#folder').text(currentFolder);                
-    socket.emit('get list', { path:currentFolder }, function onGetList(reply){
-        listFromServer = reply; // hold it in a global variable, to not loose it
-        convertList(reply);
-        $('#folder-info').html("number of items: "+reply.items.length);
-        sortItems();                
-        redrawItems();
-        if (typeof cb == 'function') {
-            cb();
-        }
-    });
-} // loadFolder
-
-// convert the data: from object to array, so it can be sorted, and expands some field-names
-function convertList(serverReply) {
-    var a = serverReply.items;
-    var clientFormat = [];
-    for (var k in a) {
-        var o = a[k];
-        renameProperties(o, {t:'type', s:'size'});
-        o.label = k;            
-        switch (o.type) {
-            case undefined: // no type is default type: file
-                o.type = 'file';
-            case 'file': // for files, calculate specific type
-                o.type = nameToType(k) || o.type;
-                break;
-            case 'link':
-                o.url = o.resource; 
-                break;  
-        }
-        o.url = o.url || encodeURI(currentFolder)+encodeURI(k)+(o.type == 'folder' ? '/' : '');
-        
-        clientFormat.push(o);
-    }
-    serverReply.items = clientFormat;
-} // convertList
-
-// takes an object and renames some of its properties to the mapped names
-function renameProperties(o, map) {
-    for (var from in map) {
-        var to = map[from];
-        if (!(from in o)) continue;
-        o[to] = o[from];
-        delete o[from];
-    }
-} // renameProperties
-
-// rebuild the DOM of items
-function redrawItems() {    
-    var x = $('#items').empty();
-
-    if (!listFromServer) return;
-
-    // add a link to the parent folder
-    var cf = currentFolder; // shortcut
-    if (cf > '/') {
-        addItem({
-            label: '&uarr;&uarr;',
-            url: cf.substr(0, 1+cf.lastIndexOf('/',cf.length-2)), 
-            type: 'folder',
-            icon: 'folder'
-        });
-    }
-    
-    // put all the items. We don't support pagination yet
-    for (var i=0, a=listFromServer.items, l=a.length; i<l; ++i) {
-        var o = $.extend({}, a[i]); // clone. The item will be manipulated (also inside addItem), and we don't want to make this changes persistant over changes of the view mode
-        o.icon = o.type;
-        addItem(o); 
-    }
-} // redrawItems
-
-// build the DOM for the single item, applying possible filtering functions 
-function addItem(it) {
-    it.extend({'icon-file':getIconURI(it.icon)}); // make this additions before the hook, so it can change these too
-    TPL('onObjectItem', it); // custom treatment, especially mode-based
-    $('<li>').append(TPL.item.format(it))
-        .appendTo('#items')        
-        .find('a.item-link').click(itemClickHandler);
-} // addItem            
-
-// called when an item is clicked
-function itemClickHandler() {
-    var x = $(this); 
-    var h = x.attr('href');
-    if (h.substr(-1) == '/') {
-        if (location.pathname != '/') { // reloads the page to have a neater URL
-            location = '/#'+h.substr(1);
-            return false;
-        }
-                
-        location.hash = (h.startsBy(location.pathname)) ? h.substr(location.pathname.length) : h;
-        loadFolder(h);
-        return false;
-    }
-    if (!x.attr('target')) {
-        x.attr('target', 'preview'); // open the file in a new window so the app doesn't stop
-    }
-    return true;
-} // itemClickHandler
-
-function updateMode(v){
-    // if no value is passed, then read it from the DOM, otherwise write it in the DOM
-    if (!v || !v.length) v = $('#mode').val(); 
-    else $('#mode').val(v);
-    
-    currentMode = v; // global 
-    setCookie('mode', v); // remember 
-    $('body').attr('mode', v);
-} // updateMode
-
-function updateOrder(v) {
-    // if no value is passed, then read it from the DOM, otherwise write it in the DOM
-    if (!v || !v.length) v = $('#order').val();
-    else $('#order').val(v);
-    
-    currentOrder = v; // global
-    setCookie('order', v);  // remember
-    if (v) {
-        $('#order option[value=]').remove(); // after we have sorted the items there's no way to return to the original order, so let's hide this option
-    }
-    sortItems();
-} // updateOrder
-
-function sortItems() {
-    if (!currentOrder || !listFromServer) return; // no job
-    
-    listFromServer.items.sort(function cb(a,b,field){
-        field = field || currentOrder;
-        if (field != 'type' && foldersBefore) { // if field is 'type', then the folders are always put at the top
-            var res = -cmp(a['type'] == 'folder', b['type'] == 'folder');
-            if (res) return res;
-        }
-        var va = a[field];
-        var vb = b[field];
-        switch (field) {
-            case 'label':
-                va=va.low(), vb=vb.low(); 
-                break;
-            case 'type':
-                if (va == 'folder') va=''; // trick to get folders at the top
-                if (vb == 'folder') vb='';
-                break;  
-        }
-        return cmp(va,vb) || (field=='label' ? 0 : cb(a,b,'label'));
-    });
-} // sortItems
-