// Roaming motor behind the gateway system. // It is used whenever a user hits a directory file. // Copyright © 2011 Thaddee Tyl, Jan Keromnes. All rights reserved. // The following code is covered by the GPLv2 license. // Modified by Thibaut Patel // Controls. // (function() { var search = Scout('#search'); function handle(type) { Scout('#new' + type).on('click', function(query) { var name = search.value; if (name === '') { search.value = type; search.focus(); search.select(); return false; } query.action = 'fs'; query.data = {op: 'create', type: type, path: cwd, name: name}; query.resp = function (data) { if (data.error) console.error(data.error); else if (data.path) document.location = data.path; }; }); }; handle('file'); handle('folder'); // handle('link'); })(); // Navigation code. // (function(){ var domfiles, // DOM list in which we put the files in this directory. dompath; // Show the list of String files in the domfiles element. function setfiles(files) { var html = ''; for (var i = 0; i < files.length; i++) { if (files[i].type === 'dir') files[i].name += '/'; html += // First, the delete button. '

⛒' // Now, we want to have the file. + '' + files[i].name + '

'; } if (html.length === 0) { html += '

Nothing to see here!
Go back.

'; } domfiles.innerHTML = html; } // Represent cwd with blocks function setpath(path) { //console.log('setpath',path); cwd = path; /*document.title = path; var blocks = path.split('/'), htmlblocks = ''; for ( var i in blocks ) { if ( blocks[i].length > 0 ) { htmlblocks += ' ' + blocks[i] + '' } } dompath.innerHTML = htmlblocks;*/ } var cwd = decodeURI(document.location.pathname); // common working directory. if (cwd[cwd.length-1] !== '/') cwd += '/'; window.cwd = cwd; // Set cwd to what #pathreq holds. function chdir(newdir) { //console.log('chdir',newdir); setpath(newdir[newdir.length-1] !== '/' ? newdir + '/' : newdir); var url = document.location; history.pushState(cwd, cwd, url.origin + url.port + cwd); Scout.send (getfs) (); } window.chdir = chdir; onpopstate = function (event) { //console.log('onpopstate'); setpath(event.state !== null ? event.state : cwd); Scout.send (getfs) (); }; // Request information about the contents of a directory to the server. function getfs(params) { //console.log('getfs[op:ls,path:' + cwd + ']'); ///DEBUGGING params.action = 'fs'; params.data = {op:'ls', path:cwd}; params.resp = function (resp) { if (!resp.err) setfiles(resp.files); }; params.error = function (err) { //console.log('GETFS: error while getting', cwd); }; } addEventListener('DOMContentLoaded', function (event) { domfiles = Scout('#files'); dompath = Scout('#crumbs'); setpath(cwd); }, false); })(); // Fuzzy matching. // (function () { var leafs = []; function sorter (file1, file2) { return file2[1] - file1[1]; }; // Return [leaf, stars, indexes]: // // - `leaf` is a String of the path. // - `stars` is a Number to compare leafs according to the query. // - `indexes` is the positions of matched letters. // // `leaf` is a String of the path from here to the leaf. // `query` is a String to fuzzy match. function score(leaf, query) { var stars = 0, index = query.length - 1, indexes = [], // Position of matched letters. countlettersmatched = 0, // Consecutive letters matched. alpha = /[a-zA-Z0-9]/, lookingAhead = false; // Grant one last run and terminate. // The idea is to begin with the end of the `query`, and for each letter // matched, the letter is captured, its position influences the score, and we // go to the next letter. for (var i = leaf.length - 1; i >= 0; i--) { var l = leaf[i]; // letter if (countlettersmatched > 0 && !alpha.test(l)) { stars += 2; // first letter after non-alphanumeric character is good. } if (l === query[index]) { indexes.push(i); stars++; // match! stars += countlettersmatched; // Consecutive matches is good. countlettersmatched++; index--; } else { countlettersmatched = 0; } if (lookingAhead) break; // The last run was already granted. else if (index < 0) lookingAhead = true; // Grant last run now. } if (lookingAhead) stars++; return [leaf, stars, indexes]; } // List of [leafpath, stars, indexes], ordered by the stars. // Leafs that do not match the whole query are discarded. // // `leafs` is an Array of Strings of paths from here to the leaf. // `query` is a String to fuzzy match. function fuzzy (leafs, query) { var fuzzied = []; for (var i = 0; i < leafs.length; i++) { var sc = score(leafs[i], query); if (sc[2].length === query.length) { fuzzied.push(sc); } } return fuzzied.sort(sorter); } // Return an html string that highlights all letters matched in the score by a // css ".fuzzymatch" class. function scorify (score) { var htmled = score[0], offset = 0, beforelet = '', afterlet = '', addition = beforelet.length + afterlet.length; for (var i = score[2].length - 1; i >= 0; i--) { htmled = htmled.slice(0, score[2][i] + offset) + beforelet + htmled[score[2][i] + offset] + afterlet + htmled.slice(score[2][i] + offset + 1); offset += addition; } return htmled; } addEventListener('load', function () { var pathreq = Scout('#search'), depth = 2; // default recursion level. // The very first time, we wait to load all leafs. pathreq.addEventListener('input', function firstfuzzy() { Scout.send(function(q) { q.action = 'fs'; q.data = {op:'ls', path:cwd, depth:depth}; q.resp = function (r) { leafs = r.leafs; pathreq.removeEventListener('input', firstfuzzy, false); pathreq.addEventListener('input', showfuzzy, false); showfuzzy(); }; })(); }, false); function showfuzzy () { var html = '', query = pathreq.value, scores = fuzzy(leafs, query); for (var i = 0; i < scores.length; i++) { // There is no remaining query (if the query is not complete, it is // not shown). var path = scorify(scores[i]); html += '

' + path + '

'; } Scout('#fuzzy').innerHTML = html; selectionInit(); } }, false); })(); // Manual selection // (function() { // Constants. var req, res; addEventListener('load', function () { req = Scout('#search'); res = Scout('#fuzzy').children; init(); }, false); // State. var pointer = -1, // Item selected (-1 means "none"). slots; // DOM slots wherein you may show a cursor, or a space. // (Those are initialized by the `init` function). // Initialization occurs when the drop down entries are reset (or started). The // entries already have the cursor. function init () { // If there is an entry, set the pointer to the first entry. if (res.length > 0) { // If there is at least one entry... pointer = 0; // ... set the pointer to the first item. } // Populate slots. slots = document.querySelectorAll('#fuzzy>li'); setCursor(0); // Put the cursor on the first entry. // Set the event listener. addEventListener('keydown', keyListener, false); } // Set the cursor to the entry specified. // // `entry` is a Number. function setCursor (entry) { if (slots.length === 0) return; entry %= slots.length; if (entry < 0) entry = slots.length - 1; if (pointer >= 0) { slots[pointer].firstElementChild.innerHTML = ' '; } pointer = entry; slots[pointer].firstElementChild.innerHTML = '▶'; slots[pointer].scrollIntoView(false); } function nextEntry () { setCursor(pointer + 1); } function prevEntry () { setCursor(pointer - 1); } // When the search widget is focused, if the user presses up/down keys, and // the enter key. function keyListener (e) { var empty = Scout('#search').value.length === 0; if (e.keyCode === 40) { // Down. nextEntry(); e.preventDefault(); } else if (e.keyCode === 38) { // Up. prevEntry(); e.preventDefault(); } else if (e.keyCode === 13) { // Enter. window.location = slots[pointer].firstElementChild.nextElementSibling.href; } else if (empty && e.keyCode === 8) { // Empty and Backspace. //history.go(-1); var loc = window.location; window.location = loc.protocol + '//' + loc.host + loc.pathname.replace(/\/[^\/]+[\/]*$/,'/') + loc.search; } } window.selectionInit = init; })();