hfs 0.1.6 → 0.26.2

package/static/backend.js

@@ -1,694 +0,0 @@
-var socket = io.connect(window.location.origin);
-
-var tpl = {
-    item: "<li>"
-        +"<span class='expansion-button'></span>"
-        +"<span class='icon'></span>"
-        +"<span class='label'></span>"
-    +"</li>",
-    noChildren: "<span class='no-children'>nothing</span>",
-};
-
-var virtualFocus = 'vfs'; 
-
-$(function(){ // dom ready
-    $(tpl.item).addClass('item').appendTo($('<ul>').appendTo('#vfs')); // create the root element
-
-    // hide expansion button
-    var style = document.styleSheets[0];
-    style.addRule('#vfs .expansion-button','opacity:0');
-    expansionCss = style.rules[style.rules.length-1].style;
-    
-    vfsUpdateButtons();
-    setupEventHandlers();
-    socket.on('connect', function(){ // socket ready
-        socket.emit('info.get', {}, function(data){
-            serverInfo = data||{};
-            reloadVFS();
-        });
-    });
-    socket.on('vfs.changed', function(data){
-        if (!log('vfs.changed',data)) return; // something wrong
-        var folder = data.uri.substr(0, data.uri.lastIndexOf('/')+1);
-        var it = getItemFromURI(folder);
-        if (!it) return; // not in the visible tree: ignore
-        if (!isExpanded(it)) return; // not expanded, we don't see its content, no need to reload
-        reloadVFS(it);
-    });
-});
-
-function sameFileName(a,b) {
-    return serverInfo.caseSensitiveFileNames ? a === b : a.same(b);
-} // sameFileName
-
-/* display a dialog for input.
-    Currently just a wrapper of prompt().
-    Arguments:
-        text, callback
-*/ 
-function inputBox() {
-    var a = arguments, text = a[0], def, cb;
-    switch (typeof a[1]) {
-        case 'function':
-            cb = a[1];
-            break;
-        case 'string':
-            def = a[1];
-            cb = a[2];
-            break;
-        default:
-            return false;
-    }
-    cb(prompt(text, def));
-} // inputBox
-
-function msgBox(message) { alert(message) }
-
-function bindItem() { 
-    var it = getFirstSelectedFolder();
-    if (!it) return;
-    inputBox('Enter path', function(s){
-        if (!s) return;    
-        socket.emit('vfs.set', { uri:getURI(it), resource:s }, function(result){
-            result.ok   
-                ? reloadVFS(it)
-                : msgBox(result.error);
-        });
-    });
-} // bindItem
-
-function renameItem() {    
-    var it = getFirstSelectedItem();
-    if (!it || isRoot(it) || isDeleted(it)) return;
-    inputBox('Enter new name', it.name, function(s){
-        s = $.trim(s);
-        if (!s || s == it.name) return; // no change
-        socket.emit('vfs.set', { uri:getURI(it), name:s }, function(result){
-            if (!result.ok) {
-                msgBox(result.error);
-                return;
-            }
-            it.name = s; // update object
-            bindItemToDOM(it, it.element); // update GUI
-        });                
-    });
-} // renameItem
-
-function deleteItem() {
-    // who's gonna be deleted?
-    var li = getFirstSelected();
-    if (isDeleted(li)) { // this a deleted one, what we really want is restore it
-        restoreItem();
-        return;
-    }
-    // we're not going to delete items that are root, or we are already deleting, or that are not! (special items)
-    var it = asItem(li);
-    if (!it || isRoot(it) || it.deleting) return;
-    it.deleting = true; // mark it, so we avoid overlapping operations
-    var parent = getParent(li); 
-    var pit = asItem(parent);
-    var oldNumber = pit.deletedItems.length; // we'll use this to see if the number has changed at the end
-    li.attr('deleting',1).fadeTo(100, 0.5); // mark it visually and at DOM level  
-    vfsSelectNearby(li); // renew selection
-    // server, please do it
-    socket.emit('vfs.delete', { uri:getURI(it) }, function(result){
-        if (!log(result).ok) { // something went wrong
-            // ugh, forget it.... (unmark)
-            it.deleting = false;
-            li.removeAttr('deleting');
-            // let the user know
-            msgBox(result.error);
-            return;
-        }
-        // if this number has changed, then we need to do a little extra work: the item became a deleted item.
-        if (oldNumber !== result.folderDeletedCount) {
-            pit.deletedItems.push(result.dynamicItem);
-            updateDeletedItems(parent, result.dynamicItem);
-        }
-        // GUI refresh
-        li.fadeOut(100, function(){
-            li.remove();
-            if (!getFirstChild(parent).size()) { 
-                parent.find('ul:first').append(tpl.noChildren); // deleted last item of a folder
-            }
-        })        
-    });
-} // deleteItem
-
-function restoreItem(it) {
-    if (it === undefined)
-        it = getFirstSelectedItem();
-    if (!it || !isDeleted(it)) return;
-    var li = $(it.element); 
-    var folder = li.closest('li.item');
-    vfsSelectNearby(li);
-    socket.emit('vfs.restore', { uri:getURI(folder), resource:it.name }, function(result){
-        if (!result.ok) return;
-        // do the job locally: remove the element from the array
-        var a = asItem(folder).deletedItems;
-        var i = a.length;
-        while (i--) {
-            if (sameFileName(a[i].excludeTrailing('/'), it.name)) {
-                a.splice(i,1);
-            }
-        }
-        // refresh GUI
-        li.remove();
-        updateDeletedItems(folder);
-        addItemUnder(folder, result.item);
-        // we are not going to automatically select the restored item, so it's easier to restore more files 
-    });
-} // restoreItem
-
-function addItem() {
-    var it = getFirstSelectedFolder() || getRootItem();
-    inputBox('Enter name or path', function(s){
-        if (!s) return;    
-        socket.emit('vfs.add', { uri:getURI(it), resource:s }, function(result){
-            if (!log(result).ok) {
-                msgBox(result.error);
-                return;
-            }
-            if (result.item.nodeKind === 'temp') { // this is a dynamic element, was actually restored from the "deleted" list
-                updateDeletedItems(it);
-            }
-            setExpanded(it);
-            addItemUnder(it, result.item);
-            vfsSelect(result.item);
-        });
-    });
-} // addItem
-
-function vfsSelectNearby(li) {
-    var selector = 'li:not([deleting])';
-    var go = li.next(selector);
-    if (!go.size()) {
-        go = li.prev(selector);
-    }
-    if (!go.size()) {            
-        go = getParent(li);
-    }
-    vfsSelect(go);
-} // vfsSelectNearby
-
-function hideExpansionButtons() { animate(expansionCss, 'opacity', 0) }
-
-function showExpansionButtons(state /** optional */) {
-    if (typeof state !== 'undefined' && !state) {
-        hideExpansionButtons();
-        return;
-    }
-    animate(expansionCss, 'opacity', 1, {duration:0.2});
-} // showExpansionButtons              
-
-function expandOrCollapseFolder(li) {
-    isExpanded(li) ? setExpanded(li, false) : expandAndLoad(li);
-}
-
-function setupEventHandlers() {
-
-    $('#vfs').click(function(){
-        vfsSelect(null); // deselect
-    });
-    $('#vfs li').live({
-        click: function(ev){
-            ev.stopImmediatePropagation();
-            removeBrowserSelection();
-            vfsSelect(this);
-        },
-        dblclick: function(ev){
-            ev.stopImmediatePropagation();
-            removeBrowserSelection();
-            var it = getFirstSelected();
-            if (isFolder(it)) {
-                expandOrCollapseFolder(it);
-            }
-        },
-        mouseover: function(ev){
-            ev.stopImmediatePropagation();
-            $('#vfs li.hovered').removeClass('hovered');
-            $(this).addClass('hovered');
-            $('#vfs .expansion-button').fadeIn();
-        },
-        mouseout: function(ev){
-            ev.stopImmediatePropagation();
-            $(this).removeClass('hovered');
-        }
-    });
-    $('#vfs .expansion-button').live({
-        click: function(ev){
-            ev.stopImmediatePropagation();
-            removeBrowserSelection();
-            var li = $(ev.target).closest('li');
-            expandOrCollapseFolder(li);
-        },
-        mouseover: function(ev){
-            $('#vfs .expansion-button.hovered').removeClass('hovered');
-            $(this).addClass('hovered');
-        },
-        mouseout: function(ev){
-            $(this).removeClass('hovered');
-        }
-    });
-    $('#vfs').hover(showExpansionButtons, hideExpansionButtons);
-    $('body').keydown(function(ev){
-        if (!(ev.target instanceof HTMLBodyElement)) return; // focused elsewhere, but the event propagated till here
-        if (virtualFocusEventHandler(ev) === false) {
-            ev.stopImmediatePropagation();
-            return false;
-        }
-    });
-    $('#bindItem').click(bindItem);
-    $('#addItem').click(addItem);
-    $('#renameItem').click(renameItem);
-    $('#deleteItem').click(deleteItem);
-} // setupEventHandlers
-
-function virtualFocusEventHandler(ev) {
-    // there's a couple of possible event handlers to be called
-    var v = 'eventHandler_'+virtualFocus;
-    var fns = [v+'_'+ev.type, v];
-     
-    for (var i=0, l=fns.length; i<l; ++i) {        
-        var fn = window[fns[i]]; // try to get it
-        if (typeof fn == 'function') { // if it exists, run it
-            if (fn(ev) === false) return false; // it can decide to interrupt the event handling
-        }
-    }
-} // virtualFocusEventHandler
-
-function eventHandler_vfs_keydown(ev) {
-    var sel = getFirstSelected();  
-    var go;
-    switch (ev.keyCode) {
-        case 38: // up
-            go = sel.prev();
-            if (go.size()) break;
-            go = getParent(sel);
-            break;                
-        case 40: // down
-            if (!sel.size()) { // initialize with root
-                go = getRoot(); 
-                break;
-            }
-            if (isExpanded(sel)) { // try first child 
-                go = getFirstChild(sel);
-                if (go.size()) break;
-            }
-            go = sel.next() // try the sibling
-            if (go.size()) break;
-            // try the parent's sibling
-            var v = sel;
-            while ((v = getParent(v)).size()) {
-                if (v.next().size()) {
-                    go = v.next();
-                    break;
-                } 
-            }  
-            break;                
-        case 37: // left
-            isFolder(sel) && isExpanded(sel)
-                ? setExpanded(sel, false)
-                : go = getParent(sel);
-            break;
-        case 39: // right
-            if (!isFolder(sel)) break;
-            isExpanded(sel)
-                ? go = getFirstChild(sel)
-                : expandAndLoad(sel);
-            break;
-        case 36: // home
-            if (sel.size() && !isRoot(sel)) {
-                go = getFirstChild(getParent(sel));
-                if (go.size() && !go.is(sel)) break;
-            }
-            go = getRoot();
-            break;
-        case 35: // end
-            go = getLastChild(getParent(sel));
-            if (go.size() && !go.is(sel)) break;
-            go = getRoot();
-            // go down till it's possible
-            while ((v = getLastChild(go)).size()) {
-                go = v;
-            }
-            break;
-        case 113: // F2
-            renameItem();
-            break;
-        case 46: // delete
-            deleteItem();
-            break;
-        default:
-            //log(ev.keyCode); 
-            return; // unsupported key, don't handle                        
-    }
-    if (go && go.size()) {
-        showExpansionButtons();
-        vfsSelect(go);
-    }
-    return false;
-} // eventHandler_vfs_keydown
-
-function vfsSelect(el) {
-    $('#vfs .selected').removeClass('selected');
-    asLI(el).addClass('selected').scrollToMe({duration:'fast'});
-    vfsUpdateButtons();                
-} // vfsSelect
-
-function getSelectedItems() {
-    var res = [];
-    $('#vfs .selected').each(function(i,e){
-        var it = $(e).data('item');
-        res.push(it);
-    });
-    return res;
-} // getSelectedItems
-
-function getSelected() { return $('#vfs .selected') }
-
-function getFirstSelected() { return $('#vfs .selected:first') }
-
-function getFirstSelectedItem() { return getFirstSelected().data('item') } 
-
-function getFirstSelectedFolder() {
-    var res = getSelectedItems();
-    for (var i=0, l=res.length; i<l; ++i) {
-        if (isFolder(res[i])) {
-            return res[i];
-        }
-    }
-    return false;
-} // getFirstSelectedFolder
-
-function getRoot() { return $('#vfs li:first'); } 
-
-function getRootItem() { return getRoot().data('item'); }
-
-/** return children in the same format of the parameter: jQuery, array of items or array of HTMLElements */
-function getChildren(x) {
-    if (!x) return false;
-    var item = !!x.element;
-    var children = $(x.element || x).find('ul:first>li');
-    if (x instanceof $) return children; 
-    var res = [];
-    children.each(function(idx,el){
-        res.push(item ? asItem(el) : el);         
-    });
-    return res;
-} // getChildren
-
-/** return first child of "parent" matching "pattern" */
-function getFirstChild(parent, pattern /** optional */) {
-    var inputType = getType(parent); 
-    parent = asLI(parent);
-    assert(parent.size(), 'parent');
-    assert(!pattern || typeof pattern == 'object', 'pattern');
-    var res = false;
-    parent.find('ul:first>li').each(function(idx,el){    
-        var child = asItem(el)
-        if (pattern) { // do we have a pattern?
-            if (!child) return;
-            // does it match?
-            for (var k in pattern) {
-                if (!pattern.hasOwnProperty(k)) continue;
-                var match = (k === 'name')
-                    ? sameFileName(pattern[k], child[k])
-                    : pattern[k] === child[k];
-                if (!match) return; // ...nope, skip
-            }
-        } 
-        res = el; // found! mark it
-        return false; // stop it 
-    });
-    return toType(inputType, res); // convert output to the same type of the input
-} // getFirstChild
-
-function getLastChild(parent) {
-    var e = asLI(parent).find('ul:first>li:last');
-    return toType(getType(parent), e);
-} // getLastChild
-
-/** determine the type of the element */
-function getType(x) {
-    if (!x) return false;
-    if (x.element) return 'item';
-    if (x instanceof HTMLElement) return 'html';
-    if (x instanceof $) return 'jquery';
-    return false;
-} // getType
-
-/** convert the element to the specified type */
-function toType(to, x) {
-    if (!to) return false; // bad
-    var from = getType(x);
-    if (from == to) return x; // no need for conversion
-    switch (from) {
-        case false:
-            return (to == 'jquery') ? $('') : false;
-        case 'item':
-            if (to == 'html') return x.element;
-            // to == 'jquery'
-            return $(x.element);
-        case 'html':
-            if (to == 'jquery') return $(x).closest('li');
-            // to == 'item'
-            return $(x).closest('li').data('item');
-        case 'jquery':
-            if (to == 'html') return x[0];
-            // to == 'item'
-            return x.data('item');
-        default:
-            assert('unsupported type: '+from);
-    }
-} // setType
-
-function getParent(it) {
-    var p = asLI(it).parent().closest('li');
-    return toType(getType(it), p); 
-} // getParent
-
-function isFolder(it) {
-    if (asLI(it).hasClass('deleted-items')) {
-        return true;
-    }
-    it = asItem(it);
-    return it && it.itemKind.endsBy('folder');
-} // isFolder
-
-function isRoot(it) { return getURI(it) == '/' }
-
-function isExpanded(x) { return asLI(x).hasClass('expanded') }
-
-function isDeleted(x) { return asLI(x).closest('.deleted-items').size() }
-
-function getURI(item) {
-    item = asItem(item);
-    if (!item) return false;
-    var p = getParent(item);
-    return (p ? getURI(p) : '') // recursion
-        + encodeURI(item.name)
-        + (p && isFolder(item) ? '/' : '');
-} // getURI
-
-/** get the item from the uri, but only if it's currently in our tree */
-function getItemFromURI(uri, from) {
-    var run = asItem(from) || getRootItem();
-    for (var i=0, a=uri.split('/'), l=a.length; i<l; ++i) {
-        var name = a[i];
-        if (!name) continue;
-        run = getFirstChild(run, {name:name});
-        if (!run) return false;
-    }
-    return run;  
-} // getItemFromURI 
-
-function vfsUpdateButtons() {
-    var li = getFirstSelected();
-    var it = asItem(li);
-    enableButton('addItem', !li.size() || it && !it.deleted); 
-    enableButton('bindItem', it && it.itemKind === 'virtual folder');
-    enableButton('renameItem', it && !isRoot(it) && !isDeleted(it)); 
-    enableButton('deleteItem', it && !isRoot(it)); 
-} // vfsUpdateButtons 
-
-function enableButton(name, condition) {
-    $('#'+name).attr({disabled: !condition});
-} // enableButton
-
-function reloadVFS(item, cb) {
-    var e = item ? asLI(item) : getRoot();
-    e.children('ul').empty().append(tpl.noChildren); // remove possible children
-    socket.emit('vfs.get', { uri:item ? getURI(item) : '/', depth:1 }, function(data){
-        if (!log('vfs.get',data)) return;
-        bindItemToDOM(data, e);
-        setExpanded(e);
-        updateDeletedItems(e);
-        data.children.forEach(function(it){
-            addItemUnder(e, it);            
-        });
-        if (cb) cb();
-    });    
-} // reloadVFS
-
-/** util function for those functions who want to accept several types but work with the $(LI)  */
-function asLI(x) { return toType('jquery', x).closest('li') }
-
-/** util function for those functions who want to accept several types but work with the $(LI)  */
-function asItem(x) { return toType('item', x) }
-
-function setExpanded(item, state) {
-    if (state == undefined) state = true;
-    var li = asLI(item);
-    if (!li.size()) return;
-    item = asItem(item);
-    var button = li.find('.expansion-button:first');
-    button.text(state ? '▲' : '▷');
-    if (!isFolder(li) 
-    || item && item.deleted) {  // deleted folders are not expandable
-        button.css({visibility:'hidden'});
-        return;        
-    }
-    if (isExpanded(li) == state) return;
-    li.addClass(state ? 'expanded' : 'collapsed')
-        .removeClass(!state ? 'expanded' : 'collapsed');
-    // deal with the container of children
-    var ul = li.find('ul:first');
-    if (state) {
-        if (!ul.size())
-            ul = $('<ul>').appendTo(li);
-    } 
-    else { 
-        ul.remove();
-    }        
-    return true;
-} // setExpanded
-
-function expandAndLoad(li) {
-    li = asLI(li);
-    setExpanded(li);
-    if (li.hasClass('item'))
-        return reloadVFS(li);
-    if (li.hasClass('deleted-items')) {
-        asItem(getParent(li)).deletedItems.forEach(function(name){            
-            addItemUnder(li, name);
-        });
-    }
-} // expandAndLoad
-
-function bindItemToDOM(item, element) {
-    var li = asLI(element);
-    item.element = li[0];  // bind the item to the html element, so we can get to it
-    if (isFolder(item) && !item.deletedItems) {
-        item.deletedItems = []; // having this always present will ease the rest of the code
-    }   
-    li.data({item:item});
-    li.find('.label:first').text(item.name);
-    var icon = isFolder(item) ? 'folder' : item.itemKind;
-    if (icon=='file') {
-        icon = nameToType(item.name) || icon;
-    } 
-    li.find('.icon:first').html("<img src='"+getIconURI(icon)+"' />");
-    if (isFolder(item)) {
-        updateDeletedItems(item);
-    }
-    setExpanded(li, false);
-    return element;
-} // bindItemToDOM
-
-/** updates the pseudo-folder containing removed temp items */
-function updateDeletedItems(it, adding) {
-    var folder = asLI(it);
-    var ul = folder.children('ul');
-    it = asItem(it); 
-    if (!it.deletedItems || !it.deletedItems.length) { // no items?
-        // remove the pseudo-folder
-        if (!ul.size()) return;
-        var li = ul.children('li.deleted-items');
-        if (!li.size()) return;
-        if (getFirstSelected().is(li)) { 
-            vfsSelectNearby(li);
-        }
-        li.remove();
-        // if there is no more children in the containing folder, remove the UL as well
-        if (!ul.children().size()) {
-            ul.remove();
-        }
-        return;
-    }
-    // ensure there's a UL for the containing folder
-    if (!ul.size()) {
-        ul = $('<ul>').appendTo(folder);
-    }
-    // ensure there's a LI of the pseudo-folder 
-    var li = ul.children('li.deleted-items');
-    if (!li.size()) {  
-        li = $(tpl.item).addClass('deleted-items').prependTo(ul); 
-        li.find('.icon:first').html("<img src='"+getIconURI('folder')+"' />");
-        setExpanded(li, false);
-    }
-    // update the label                
-    li.find('.label:first').text('Deleted: {0} item(s)'.format(it.deletedItems.length));
-    // eventually add the item
-    if (adding && isExpanded(li)) {
-        addItemUnder(li, adding); 
-    }
-} // updateDeletedItems
-
-/** put a new element under $under with bound object $item 
- * @position {undefined|string} admitted values: 'sorted' (default), 'top', 'bottom'
- */
-function addItemUnder(under, item, position) {
-    if (!item) return false;
-    if (position === undefined) position = 'sorted';
-    under = asLI(under);
-    if (under.hasClass('deleted-items')
-    && typeof item == 'string') { // automatic construction of the special item
-        item = {
-            deleted: true,
-            itemKind: item.endsBy('/') ? 'folder' : 'file',
-            name: item.excludeTrailing('/'),
-        };
-    }
-
-    // the UL element is the place for children, have one or create it  
-    var x = under.children('ul'); 
-    under = x.size() ? x : $('<ul>').appendTo(under);
-    
-     
-    under.children('span.no-children').remove(); // remove any place holder
-    var el = $(tpl.item).addClass(item.deleted ? 'deleted' : 'item');
-    var beforeThis; // where to put the new item
-    if (position.isIn('top','sorted')) { // both require to put the item after special items (so skip them)
-        beforeThis = getFirstChild(under); // go down one level
-        // skip special items
-        while (beforeThis.size() && !beforeThis.hasClass('item')) { 
-            beforeThis = beforeThis.next();
-        }
-    }
-    if (position === 'sorted') {
-        // skip elements until we find one that has a "higher" name (case-insensitively)
-        var name = item.name.low(); 
-        while (beforeThis.size()
-            && beforeThis.hasClass('item')
-            && beforeThis.find('.label').text().low() < name) {
-            beforeThis = beforeThis.next();
-        }
-    }
-    // add the item at the calculated position, or at the end
-    (beforeThis && beforeThis.size())
-        ? el.insertBefore(beforeThis)
-        : el.appendTo(under);
-    // do the final setup
-    return bindItemToDOM(item, el);
-} // addItemUnder
-
-function removeBrowserSelection() {
-    if (window.getSelection) {  // all browsers, except IE before version 9
-        return getSelection().removeAllRanges();
-    }
-    if (document.selection.createRange) {        // Internet Explorer
-        var range = document.selection.createRange();
-        document.selection.empty();
-    }
-} // removeBrowserSelection