Dropfox

Dropbox sign-in successful

Please close this window.

Dropfox

	Name	Size	Modified

{ files.map( file => ( )) }

); } } const FileListItem = ({ showThumbs=false, file, selected, onContextMenu, onSelect, onAction, ...props }) => ( { showThumbs && file.hasThumbnail ? (

) : ( ) } { file.name } { file.humanSize } { time(file.modifiedAt) } ); function fileProxy(file, fn) { return e => { e.file = file; if (fn) return fn(e); }; } ================================================ FILE: src/components/path-bar.js ================================================ import { h, Component } from 'preact'; import { ButtonGroup, Button } from 'preact-photon'; const EXISTS = x => x; export default ({ path, go }) => { let parts = path.split('/').filter(EXISTS); return ( { parts.map( (dir, i) => ( ) ) } ); }; ================================================ FILE: src/components/sidebar.js ================================================ import { h, Component } from 'preact'; import { NavGroup } from 'preact-photon'; export default class Sidebar extends Component { // shouldComponentUpdate() { // return false; // } paths = [ { path:'/', icon:'home', label:'Home' }, { path:'/Photos', icon:'picture' }, { path:'/Music', icon:'note-beamed' }, { path:'/Public', icon:'globe' }, { path:'/Apps', icon:'cloud' } ]; render({ path, actions }) { return ( ); } } const SidebarItem = ({ active, icon, path, label, actions:{ to }, children }) => { return { children || label || path.replace('/','') } }; ================================================ FILE: src/index.js ================================================ import { h, render } from 'preact'; import './styles/index.less'; let root; function init() { let App = require('./components/app'); root = render(, document.body, root); } init(); if (module.hot) module.hot.accept('./components/app', () => requestAnimationFrame(init) ); ================================================ FILE: src/lib/dropbox-client.js ================================================ import Emitter from 'wildemitter'; import { debounce } from 'decko'; import { Client, AuthDriver } from 'dropbox'; import remoteRequire from 'remote-require'; const request = remoteRequire('request'); const fs = remoteRequire('fs'); const tmp = remoteRequire('tmp'); const shell = remoteRequire('shell'); const dropbox = new Client({ key: API_KEY }); const CLEANUPS = {}; const NOOP = ()=>{}; export default dropbox; Object.assign(dropbox, new Emitter()); Object.assign(dropbox, Emitter.prototype); dropbox.authDriver(new AuthDriver.Popup({ receiverUrl: 'https://dropfox.firebaseapp.com/dropbox/oauth_receiver.html' //receiverUrl: location.href.replace(/[^/]+$/,'') + 'assets/oauth_receiver.html' })); export function init(callback=NOOP) { dropbox.authenticate({ interactive: false }, err => { if (err) return callback(err); if (dropbox.isAuthenticated()) { dropbox.emit('init'); return callback(); } dropbox.authenticate( err => { if (err) return callback(err); dropbox.emit('init'); callback(); }); }); } export function stream(path, callback) { path = path.replace(/^\//,''); let url = `${dropbox._urls.getFile}/${path}?access_token=${dropbox.credentials().token}`, basename = (path.match(/([^\/]+)\/?$/g) || [])[0] || '', error, localPath, done = debounce(() => callback ? callback(error, localPath) : (callback = null)); tmp.dir( (err, target, fd, cleanup) => { localPath = target + '/' + basename; CLEANUPS[localPath] = cleanup; request.get(url) .on('error', err => { error = err; done(); }) .pipe( fs.createWriteStream(localPath) .on('error', err => { error = err; done(); }) .on('finish', done) ); }); } export function open(path, options, callback) { if (typeof options==='function') { [callback, options] = [options, callback]; } options = options || {}; stream(path, (err, localPath) => { if (!err) { shell.openItem(localPath); if (options.autoSync) { watchAndUpload(localPath, path, options.onSync || options.onUpload); } } callback(err, localPath); }); } function watchAndUpload(localPath, path, onUpload) { let start = Date.now(); fs.watch(localPath, { persistent: false }, debounce(1000, changeType => { if (Date.now()-start < 3000) return; // console.log('changed', changeType); upload(localPath, path, onUpload); })); } let backend = remoteRequire('./backend'); export function upload(localPath, path, callback) { let url = `${dropbox._urls.putFile}/${path}?access_token=${dropbox.credentials().token}`; backend.upload(localPath, url, err => { callback(err); }); } Object.assign(dropbox, { init, stream, open, upload }); // console.log(window.dropbox = dropbox); ================================================ FILE: src/lib/menu.js ================================================ import remote from 'remote'; const Menu = remote.require('menu'); const MenuItem = remote.require('menu-item'); export function createMenu(template) { let menu = Menu.buildFromTemplate(template); return menu; } export function showMenu(menu, x, y) { menu.popup(remote.getCurrentWindow(), x, y); } export function createDomMenu(element) { let menu = new Menu(); [].forEach.call(element.children, child => { let item = {}; if (child.nodeName==='separator') { item.type = 'separator'; } else { item.label = child.textContent; for (let i in child.attributes) { item[child.attributes[i].name] = child.attributes[i].value; } if (child.nodeName==='MENU') { item.type = 'submenu'; item.submenu = createDomMenu(child); } else { item.click = () => { console.log('click'); child.click(); }; } } menu.append(new MenuItem(item)); }); return menu; } ================================================ FILE: src/lib/remote-require.js ================================================ import remote from 'remote'; // remote.require(), patched to work in both dev and prod mode: export default function remoteRequire(module) { if (process.env.NODE_ENV!=='development') { module = module.replace(/^\.\//, __dirname+'/../'); } return remote.require(module); } ================================================ FILE: src/styles/index.less ================================================ @import (less) '~photon/dist/css/photon.css'; #app { .toolbar { -webkit-app-region: drag; .form-control { -webkit-app-region: no-drag; } } .sidebar { flex: 0; } } tr.selected, .table-striped tr:nth-child(even).selected { color: #fff; background-color: #116cd6; } .file-list { th, td { padding: 2px 8px; } } // fix